feat: reintroduce graphql-voyager, strip old explorer code

public-convenience-ltd · Sep 13, 2021 · a7e6185 · a7e6185
1 parent 4ae9152
commit a7e6185
Show file tree

Hide file tree

Showing 32 changed files with 39 additions and 2 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1 @@
+explorer-old
diff --git a/.prettierignore b/.prettierignore
@@ -1,5 +1,5 @@
 package.json
-src/explorer
+explorer-old
 yarn.lock
 .next
 public

diff --git a/src/explorer/Areas/areaStats.graphql → explorer-old/Areas/areaStats.graphql b/src/explorer/Areas/areaStats.graphql → explorer-old/Areas/areaStats.graphql
diff --git a/src/explorer/Areas/index.tsx → explorer-old/Areas/index.tsx b/src/explorer/Areas/index.tsx → explorer-old/Areas/index.tsx
diff --git a/src/explorer/HeadlineStats/Counter.tsx → explorer-old/HeadlineStats/Counter.tsx b/src/explorer/HeadlineStats/Counter.tsx → explorer-old/HeadlineStats/Counter.tsx
diff --git a/src/explorer/HeadlineStats/index.tsx → explorer-old/HeadlineStats/index.tsx b/src/explorer/HeadlineStats/index.tsx → explorer-old/HeadlineStats/index.tsx
diff --git a/src/explorer/HeadlineStats/stats.graphql → explorer-old/HeadlineStats/stats.graphql b/src/explorer/HeadlineStats/stats.graphql → explorer-old/HeadlineStats/stats.graphql
diff --git a/src/explorer/Home/index.tsx → explorer-old/Home/index.tsx b/src/explorer/Home/index.tsx → explorer-old/Home/index.tsx
diff --git a/src/explorer/Layout.tsx → explorer-old/Layout.tsx b/src/explorer/Layout.tsx → explorer-old/Layout.tsx
diff --git a/src/explorer/Loo/ExpandableReport.tsx → explorer-old/Loo/ExpandableReport.tsx b/src/explorer/Loo/ExpandableReport.tsx → explorer-old/Loo/ExpandableReport.tsx
diff --git a/src/explorer/Loo/Map.tsx → explorer-old/Loo/Map.tsx b/src/explorer/Loo/Map.tsx → explorer-old/Loo/Map.tsx
diff --git a/src/explorer/Loo/PropertyTable.tsx → explorer-old/Loo/PropertyTable.tsx b/src/explorer/Loo/PropertyTable.tsx → explorer-old/Loo/PropertyTable.tsx
diff --git a/src/explorer/Loo/index.tsx → explorer-old/Loo/index.tsx b/src/explorer/Loo/index.tsx → explorer-old/Loo/index.tsx
diff --git a/src/explorer/Loo/looDetails.graphql → explorer-old/Loo/looDetails.graphql b/src/explorer/Loo/looDetails.graphql → explorer-old/Loo/looDetails.graphql
diff --git a/src/explorer/Map/Chloropleth.tsx → explorer-old/Map/Chloropleth.tsx b/src/explorer/Map/Chloropleth.tsx → explorer-old/Map/Chloropleth.tsx
diff --git a/src/explorer/Map/getAreas.graphql → explorer-old/Map/getAreas.graphql b/src/explorer/Map/getAreas.graphql → explorer-old/Map/getAreas.graphql
diff --git a/src/explorer/Map/getStats.graphql → explorer-old/Map/getStats.graphql b/src/explorer/Map/getStats.graphql → explorer-old/Map/getStats.graphql
diff --git a/src/explorer/Map/index.tsx → explorer-old/Map/index.tsx b/src/explorer/Map/index.tsx → explorer-old/Map/index.tsx
diff --git a/src/explorer/Search/Form/Autocomplete.tsx → explorer-old/Search/Form/Autocomplete.tsx b/src/explorer/Search/Form/Autocomplete.tsx → explorer-old/Search/Form/Autocomplete.tsx
diff --git a/src/explorer/Search/Form/SearchForm.tsx → explorer-old/Search/Form/SearchForm.tsx b/src/explorer/Search/Form/SearchForm.tsx → explorer-old/Search/Form/SearchForm.tsx
diff --git a/src/explorer/Search/Form/areas.graphql → explorer-old/Search/Form/areas.graphql b/src/explorer/Search/Form/areas.graphql → explorer-old/Search/Form/areas.graphql
diff --git a/...explorer/Search/Form/contributors.graphql → ...orer-old/Search/Form/contributors.graphql b/...explorer/Search/Form/contributors.graphql → ...orer-old/Search/Form/contributors.graphql
diff --git a/src/explorer/Search/Results/Row.tsx → explorer-old/Search/Results/Row.tsx b/src/explorer/Search/Results/Row.tsx → explorer-old/Search/Results/Row.tsx
diff --git a/src/explorer/Search/Results/index.tsx → explorer-old/Search/Results/index.tsx b/src/explorer/Search/Results/index.tsx → explorer-old/Search/Results/index.tsx
diff --git a/src/explorer/Search/index.tsx → explorer-old/Search/index.tsx b/src/explorer/Search/index.tsx → explorer-old/Search/index.tsx
diff --git a/src/explorer/Search/search.graphql → explorer-old/Search/search.graphql b/src/explorer/Search/search.graphql → explorer-old/Search/search.graphql
diff --git a/src/explorer/Voyager/index.tsx → explorer-old/Voyager/index.tsx b/src/explorer/Voyager/index.tsx → explorer-old/Voyager/index.tsx
diff --git a/src/explorer/explorer.module.css → explorer-old/explorer.module.css b/src/explorer/explorer.module.css → explorer-old/explorer.module.css
diff --git a/src/explorer/index.tsx → explorer-old/index.tsx b/src/explorer/index.tsx → explorer-old/index.tsx
diff --git a/src/explorer/layout.module.css → explorer-old/layout.module.css b/src/explorer/layout.module.css → explorer-old/layout.module.css
diff --git a/package.json b/package.json
@@ -14,7 +14,7 @@
     "migrate": "migrate-mongo up",
     "generate": "node -r dotenv/config ./src/api/db/manage/generate/index.js --confirm",
     "areas": "node -r dotenv/config ./src/api/db/manage/areaToDatabase/index.js",
-    "prepare": "husky install",
+    "prepare": "husky install && cp ./node_modules/graphql-voyager/dist/voyager.worker.js ./public",
     "codegen": "graphql-codegen --config codegen.yml"
   },
   "repository": {

diff --git a/src/pages/explorer/voyager.tsx b/src/pages/explorer/voyager.tsx
@@ -0,0 +1,36 @@
+import dynamic from 'next/dynamic';
+import Head from 'next/head';
+import PageLayout from '../../components/PageLayout';
+import Container from '../../components/Container';
+import config from '../../config';
+import 'graphql-voyager/dist/voyager.css';
+
+const VoyagerComponent = dynamic(
+    () => import('graphql-voyager').then((mod) => mod.Voyager),
+    { ssr: false }
+);
+
+function introspectionProvider(query) {
+    return fetch('/api', {
+      method: 'post',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ query: query }),
+    }).then((response) => response.json());
+  }
+
+  const Voyager = () => (
+    <PageLayout layoutMode="blog">
+      <Head>
+        <title>{config.getTitle('Schema Visualisation')}</title>
+      </Head>
+
+      <Container>
+        <VoyagerComponent
+            introspection={introspectionProvider}
+            workerURI={'/voyager.worker.js'}
+            />
+      </Container>
+    </PageLayout>
+  );
+
+  export default Voyager;