fix: get deploy preview working, fix types

Author: acao

examples/graphiql-webpack/src/index.jsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { render } from 'react-dom';
 import GraphiQL from 'graphiql';
-import 'graphiql/graphiql.css';
 
 const Logo = () => <span>{'My Corp'}</span>;
 

examples/graphiql-webpack/webpack.config.js

@@ -52,6 +52,10 @@ module.exports = {
         test: /\.svg$/,
         use: [{ loader: 'svg-inline-loader' }],
       },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/,
+        use: ['file-loader'],
+      },
     ],
   },
   resolve: {

examples/monaco-graphql-webpack/src/index.ts

@@ -3,6 +3,11 @@
 import 'regenerator-runtime/runtime';
 import 'monaco-graphql/esm/monaco.contribution';
 
+// eslint-disable-next-line spaced-comment
+/// <reference path='../../../node_modules/monaco-editor/monaco.d.ts'/>
+// eslint-disable-next-line spaced-comment
+/// <reference path='../../../packages/monaco-graphql/src/typings/monaco.d.ts'/>
+
 // NOTE: using loader syntax becuase Yaml worker imports editor.worker directly and that
 // import shouldn't go through loader syntax.
 // @ts-ignore

packages/monaco-graphql/src/typings/monaco.d.ts

@@ -9,10 +9,7 @@
 /// <reference path='../../../../node_modules/monaco-editor/monaco.d.ts'/>
 
 declare module monaco.languages.graphql {
-  import type {
-    SchemaLoader,
-    SchemaConfig as SchemaConfiguration,
-  } from 'graphql-languageservice';
+  import type { SchemaLoader, SchemaConfig } from 'graphql-languageservice';
 
   import type { GraphQLSchema } from 'graphql';
   import type { Options as PrettierConfig } from 'prettier';
@@ -23,7 +20,7 @@ declare module monaco.languages.graphql {
     dispose(): void;
   }
 
-  export type SchemaConfig = SchemaConfiguration;
+  export type SchemaConfig = SchemaConfig;
 
   export interface IEvent<T> {
     (listener: (e: T) => any, thisArg?: any): IDisposable;
@@ -111,7 +108,7 @@ declare module monaco.languages.graphql {
 
   export interface api extends MonacoGraphQLApi {}
 
-  // export const graphqlDefaults: LanguageServiceDefaults;
+  export const graphqlDefaults: LanguageServiceDefaults;
 }
 
 // declare module ''monaco-editor-core/esm/vs/editor/editor.worker';