feat: graphql

docusaurus.config.js

@@ -1,8 +1,8 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require("prism-react-renderer/themes/github"); 
-const darkCodeTheme = require("prism-react-renderer/themes/vsDark"); 
+const lightCodeTheme = require("prism-react-renderer/themes/github");
+const darkCodeTheme = require("prism-react-renderer/themes/vsDark");
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -17,7 +17,19 @@ const config = {
   organizationName: "0xintuition", // Usually your GitHub org/user name.
   projectName: "published-docs", // Usually your repo name.
   deploymentBranch: "gh-pages",
-
+  plugins: [
+    [
+      "docusaurus-graphql-plugin",
+      {
+        schema: "http://localhost:8080/v1/graphql",
+        routeBasePath: "/docs/first-api",
+        sidebar: {
+          label: "My Awesome Schema",
+          position: 1,
+        },
+      },
+    ],
+  ],
   presets: [
     [
       "classic",
@@ -42,14 +54,14 @@ const config = {
       }),
     ],
   ],
- /*  stylesheets: [
-        {
-          href: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css',
-          type: 'text/css',
-          integrity: 'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM',
-          crossorigin: 'anonymous',
-        },
-      ],*/
+  /*  stylesheets: [
+         {
+           href: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css',
+           type: 'text/css',
+           integrity: 'sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM',
+           crossorigin: 'anonymous',
+         },
+       ],*/
   i18n: {
     defaultLocale: "en",
     locales: ["en", "fr"],
@@ -105,22 +117,22 @@ const config = {
           href: 'https://intuition.systems',
         },
         items: [
-                    {
-                        to: 'https://github.com/0xIntuition',
-                        label: 'GitHub',
-                        position: 'right',
-                    },
-                    {
-                        label: 'Discord',
-                        href: 'https://discord.com/channels/909531430881746974/1151564740255043604',
-                        position: 'right',
-                    },
-                ],
-            },
-   //  prism: {
-     //theme: darkCodeTheme,
-     //darkTheme: darkCodeTheme,
-     //},
+          {
+            to: 'https://github.com/0xIntuition',
+            label: 'GitHub',
+            position: 'right',
+          },
+          {
+            label: 'Discord',
+            href: 'https://discord.com/channels/909531430881746974/1151564740255043604',
+            position: 'right',
+          },
+        ],
+      },
+      //  prism: {
+      //theme: darkCodeTheme,
+      //darkTheme: darkCodeTheme,
+      //},
     }),
 };
 

package.json

@@ -21,6 +21,10 @@
     "@mdx-js/react": "^1",
     "@sillsdev/docu-notion": "^0.16.1",
     "clsx": "^1.2.1",
+    "docusaurus-graphql-plugin": "^0.9.0",
+    "graphql": "^16.9.0",
+    "graphql-playground": "^1.3.17",
+    "graphql-playground-react": "^1.7.28",
     "prism-react-renderer": "^1.3.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -53,6 +57,10 @@
   },
   "overrides": {
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "joi": "^17.11.0"
+  },
+  "resolutions": {
+    "joi": "^17.11.0"
   }
 }

sidebars.js

@@ -14,7 +14,8 @@
 /** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */
 const sidebars = {
   // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{type: 'autogenerated', dirName: '.'}],
+  tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],
+
 
   // But you can create a sidebar manually
   /*