Comparing version 0.3.1 to 0.4.0
@@ -25,2 +25,6 @@ /** | ||
var _reactDom = require('react-dom'); | ||
var _reactDom2 = _interopRequireDefault(_reactDom); | ||
var _ExecuteButton = require('./ExecuteButton'); | ||
@@ -117,3 +121,3 @@ | ||
if (insertions.length > 0) { | ||
if (insertions || insertions.length > 0) { | ||
var editor = this.refs.queryEditor.getCodeMirror(); | ||
@@ -257,3 +261,3 @@ editor.operation(function () { | ||
var editorBar = _react2['default'].findDOMNode(_this.refs.editorBar); | ||
var editorBar = _reactDom2['default'].findDOMNode(_this.refs.editorBar); | ||
var leftSize = moveEvent.clientX - _utilityElementPosition.getLeft(editorBar) - offset; | ||
@@ -298,3 +302,3 @@ var rightSize = editorBar.clientWidth - leftSize; | ||
var app = _react2['default'].findDOMNode(_this); | ||
var app = _reactDom2['default'].findDOMNode(_this); | ||
var cursorPos = moveEvent.clientX - _utilityElementPosition.getLeft(app) - offset; | ||
@@ -355,3 +359,3 @@ var docsSize = app.clientWidth - cursorPos; | ||
var editorBar = _react2['default'].findDOMNode(_this.refs.editorBar); | ||
var editorBar = _reactDom2['default'].findDOMNode(_this.refs.editorBar); | ||
var topSize = moveEvent.clientY - _utilityElementPosition.getTop(editorBar) - offset; | ||
@@ -434,3 +438,3 @@ var bottomSize = editorBar.clientHeight - topSize; | ||
var nextVariables = this.state.variables; | ||
var nextResult = this.state.result; | ||
var nextResponse = this.state.response; | ||
if (nextProps.query && nextProps.query !== nextQuery) { | ||
@@ -442,4 +446,4 @@ nextQuery = nextProps.query; | ||
} | ||
if (nextProps.result && nextProps.result !== nextResult) { | ||
nextResult = nextProps.result; | ||
if (nextProps.response && nextProps.response !== nextResponse) { | ||
nextResponse = nextProps.response; | ||
} | ||
@@ -449,3 +453,3 @@ this.setState({ | ||
variables: nextVariables, | ||
result: nextResult | ||
response: nextResponse | ||
}); | ||
@@ -622,3 +626,3 @@ }; | ||
// Specifically the result window's drag bar. | ||
var resultWindow = _react2['default'].findDOMNode(this.refs.result); | ||
var resultWindow = _reactDom2['default'].findDOMNode(this.refs.result); | ||
while (target) { | ||
@@ -625,0 +629,0 @@ if (target === resultWindow) { |
@@ -25,2 +25,6 @@ /** | ||
var _reactDom = require('react-dom'); | ||
var _reactDom2 = _interopRequireDefault(_reactDom); | ||
var _marked = require('marked'); | ||
@@ -209,3 +213,3 @@ | ||
this.editor = _codemirror2['default'](_react2['default'].findDOMNode(this), { | ||
this.editor = _codemirror2['default'](_reactDom2['default'].findDOMNode(this), { | ||
value: this.props.value || '', | ||
@@ -212,0 +216,0 @@ lineNumbers: true, |
@@ -25,2 +25,6 @@ /** | ||
var _reactDom = require('react-dom'); | ||
var _reactDom2 = _interopRequireDefault(_reactDom); | ||
var _codemirror = require('codemirror'); | ||
@@ -59,3 +63,3 @@ | ||
ResultViewer.prototype.componentDidMount = function componentDidMount() { | ||
this.viewer = _codemirror2['default'](_react2['default'].findDOMNode(this), { | ||
this.viewer = _codemirror2['default'](_reactDom2['default'].findDOMNode(this), { | ||
value: this.props.value || '', | ||
@@ -62,0 +66,0 @@ readOnly: true, |
@@ -25,2 +25,6 @@ /** | ||
var _reactDom = require('react-dom'); | ||
var _reactDom2 = _interopRequireDefault(_reactDom); | ||
var _codemirror = require('codemirror'); | ||
@@ -90,3 +94,3 @@ | ||
VariableEditor.prototype.componentDidMount = function componentDidMount() { | ||
this.editor = _codemirror2['default'](_react2['default'].findDOMNode(this), { | ||
this.editor = _codemirror2['default'](_reactDom2['default'].findDOMNode(this), { | ||
value: this.props.value || '', | ||
@@ -93,0 +97,0 @@ lineNumbers: true, |
{ | ||
"name": "graphiql", | ||
"version": "0.3.1", | ||
"version": "0.4.0", | ||
"description": "An graphical interactive in-browser GraphQL IDE.", | ||
@@ -41,3 +41,4 @@ "contributors": [ | ||
"browserify-shim": { | ||
"react": "global:React" | ||
"react": "global:React", | ||
"react-dom": "global:ReactDOM" | ||
}, | ||
@@ -63,3 +64,4 @@ "options": { | ||
"graphql": "^0.4.7", | ||
"react": "^0.13 || ^0.14.0-beta" | ||
"react": "0.14.0", | ||
"react-dom": "0.14.0" | ||
}, | ||
@@ -80,3 +82,4 @@ "devDependencies": { | ||
"mocha": "2.2.5", | ||
"react": "0.13.3", | ||
"react": "0.14.0", | ||
"react-dom": "0.14.0", | ||
"uglify-js": "^2.4.24", | ||
@@ -83,0 +86,0 @@ "uglifyify": "^3.0.1" |
@@ -22,2 +22,3 @@ GraphiQL | ||
import React from 'react'; | ||
import ReactDOM from 'react-dom'; | ||
import GraphiQL from 'graphiql'; | ||
@@ -34,3 +35,3 @@ import fetch from 'isomorphic-fetch'; | ||
React.render(<GraphiQL fetcher={graphQLFetcher} />, document.body); | ||
ReactDOM.render(<GraphiQL fetcher={graphQLFetcher} />, document.body); | ||
``` | ||
@@ -37,0 +38,0 @@ |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1453076
27473
108
6
17