React UI for webviews, fix file tracking and fragment spreads (#512)

* Load webview script from separate file

* Set up Webpacked package for webview content

* Drop webview-content from Git

* Initial setup for React-extension communication

* Use GraphiQL variables editor for performing queries

* Drop commented code

* Use schema to guide variables code completion

* Use all available space when showing JSON

* Improve typing of variables editor

* Fix syntax highlighting when displaying errors

* Show variables editor if there are any operation variables defined

* Fix issues when creating/deleting/moving query files

* Fix unused type import

* Simplify schema replacement with parsed one

* Use cwd instead of root when globbing

* Fix running queries that have recursive fragment spreads

* Fix unit tests

.gitignore

@@ -14,4 +14,5 @@ yarn.lock
 lerna-debug.log
 
 packages/apollo-vscode/server
+packages/apollo-vscode/webview-content
 **/*.vsix

packages/apollo-cli/src/commands/queries/__tests__/check.test.ts

@@ -123,7 +123,7 @@ describe("successful checks", () => {
     .do(() =>
       vol.fromJSON({
         ...files,
-        "test/package.json": `
+        "test-package.json": `
       {
         "apollo": {
           "schemas": {
@@ -138,7 +138,7 @@ describe("successful checks", () => {
     )
     .nock(ENGINE_URI, engineSuccess())
     .stdout()
-    .command(["queries:check", "--config=test/package.json"])
+    .command(["queries:check", "--config=test-package.json"])
     .exit(1)
     .it(
       "compares against the latest uploaded schema with engine key from specified config",

packages/apollo-cli/src/config.ts

@@ -185,6 +185,8 @@ export interface ResolvedDocumentSet {
   engineKey?: string;
 
   documentPaths: string[];
+
+  originalSet: DocumentSet;
 }
 
 export async function resolveSchema(
@@ -248,15 +250,16 @@ export async function resolveDocumentSets(
         documentPaths: doc.includes
           .flatMap(i =>
             withGlobalFS(() =>
-              fg.sync(i, { root: config.projectFolder, absolute: true })
+              fg.sync(i, { cwd: config.projectFolder, absolute: true })
             )
           )
           .filter(
             f =>
               ![...doc.excludes, ...schemaPaths].some(e =>
                 minimatch(relative(config.projectFolder, f), e)
               )
-          )
+          ),
+        originalSet: doc
       };
     })
   );