chore: graphiql 2 context rfc as seperate package

Author: acao

packages/graphiql/.storybook/config.js

@@ -42,16 +42,11 @@
     "storybook": "start-storybook"
   },
   "dependencies": {
-    "@emotion/core": "^10.0.28",
-    "@mdx-js/react": "^1.5.2",
-    "codemirror": "^5.52.2",
+    "codemirror": "^5.54.0",
     "codemirror-graphql": "^0.12.0",
     "copy-to-clipboard": "^3.2.0",
     "entities": "^2.0.0",
-    "markdown-it": "^10.0.0",
-    "monaco-graphql": "^0.2.0",
-    "regenerator-runtime": "^0.13.5",
-    "theme-ui": "^0.3.1"
+    "markdown-it": "^10.0.0"
   },
   "peerDependencies": {
     "graphql": "^14.0.0 || ^15.0.0",
@@ -60,8 +55,6 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@storybook/addon-storyshots": "^5.2.8",
-    "@storybook/react": "^5.2.8",
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "9.4.1",
     "@types/codemirror": "0.0.82",

packages/graphiql/.storybook/main.js

@@ -14,7 +14,7 @@ declare module CodeMirror {
   export interface Editor extends CM.Editor {}
   export interface ShowHintOptions {
     completeSingle: boolean;
-    hint: CM.HintFunction | CM.AsyncHintFunction;
+    hint: any;
     container: HTMLElement | null;
   }
 }
@@ -45,7 +45,7 @@ type HeaderEditorProps = {
  */
 export class HeaderEditor extends React.Component<HeaderEditorProps> {
   CodeMirror: any;
-  editor: (CM.Editor & { options: any }) | null = null;
+  editor: (CM.Editor & { options: any; showHint: any }) | null = null;
   cachedValue: string;
   private _node: HTMLElement | null = null;
   ignoreChangeEvent: boolean = false;

packages/graphiql/package.json

@@ -47,7 +47,7 @@ type QueryEditorProps = {
 export class QueryEditor extends React.Component<QueryEditorProps, {}>
   implements SizerComponent {
   cachedValue: string | undefined;
-  editor: (CM.Editor & { options: any }) | null = null;
+  editor: (CM.Editor & { options: any; showHint: any }) | null = null;
   ignoreChangeEvent: boolean = false;
 
   _node: HTMLElement | null = null;

packages/graphiql/src/components/HeaderEditor.tsx

@@ -17,7 +17,7 @@ declare module CodeMirror {
   export interface Editor extends CM.Editor {}
   export interface ShowHintOptions {
     completeSingle: boolean;
-    hint: CM.HintFunction | CM.AsyncHintFunction;
+    hint: any;
     container: HTMLElement | null;
   }
 }
@@ -50,7 +50,7 @@ type VariableEditorProps = {
  */
 export class VariableEditor extends React.Component<VariableEditorProps> {
   CodeMirror: any;
-  editor: (CM.Editor & { options: any }) | null = null;
+  editor: (CM.Editor & { options: any; showHint: any }) | null = null;
   cachedValue: string;
   private _node: HTMLElement | null = null;
   ignoreChangeEvent: boolean = false;

packages/graphiql/src/components/QueryEditor.tsx

@@ -4,8 +4,6 @@
  *  This source code is licensed under the MIT license found in the
  *  LICENSE file in the root directory of this source tree.
  */
-import 'regenerator-runtime/runtime';
-
 import { GraphiQL } from './components/GraphiQL';
 
 export { GraphiQL };