Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

graphiql

Package Overview
Dependencies
Maintainers
1
Versions
559
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

graphiql - npm Package Compare versions

Comparing version 0.3.1 to 0.4.0

22

dist/components/GraphiQL.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc