docs: refactor

Author: lokesh-coder

.github/workflows/release.yml

@@ -62,7 +62,7 @@ jobs:
               run: npm run publish
 
             - name: DOCS - build
-              run: npm run publish
+              run: npm run build-docs
 
             - name: DOCS - publish
               uses: peaceiris/actions-gh-pages@v3

docs/construct-pages/base.js

@@ -1,7 +1,7 @@
 const menuLinks = require("../config/page-order");
 const path = require("path");
 
-const createBaseScreen = async (createPage, graphql, reporter, screenName) => {
+const createDocPage = async (createPage, graphql, reporter, screenName) => {
   const result = await graphql(`
     query {
       allMdx(filter: {fileAbsolutePath: {glob: "**/screen:${screenName}/**"}}) {
@@ -64,13 +64,13 @@ const createBaseScreen = async (createPage, graphql, reporter, screenName) => {
       context.jumpSection = context.next;
     }
     createPage({
-      path: "/docs" + node.frontmatter.path,
-      component: path.resolve(`./src/components/docs-layout.js`),
+      path: node.frontmatter.path,
+      component: path.resolve(`./src/templates/docs.js`),
       context,
     });
   });
 };
 
 module.exports = {
-  createBaseScreen,
+  createDocPage,
 };

docs/gatsby-config.js

@@ -78,12 +78,8 @@ module.exports = {
       options: {
         fonts: [
           {
-            family: "IBM Plex Mono",
-            variants: ["400", "500", "600", "700"],
-          },
-          {
-            family: "Hind Siliguri",
-            variants: ["300", "400", "500", "600", "700"],
+            family: "Manrope",
+            variants: ["700"],
           },
         ],
       },

docs/gatsby-node.js

@@ -10,20 +10,11 @@ exports.createPages = ({ graphql, actions, reporter }) => {
     toPath: `/docs/dev/performance`,
   });
 
-  let screenOne = screen.createBaseScreen(
-    createPage,
-    graphql,
-    reporter,
-    "main",
-  );
-  let screenTwo = screen.createBaseScreen(createPage, graphql, reporter, "dev");
-  let screenThree = screen.createBaseScreen(
-    createPage,
-    graphql,
-    reporter,
-    "plugins",
-  );
-  return Promise.all([screenTwo, screenOne, screenThree]);
+  const allDocs = [];
+  ["main", "dev", "plugins"].forEach((name) => {
+    allDocs.push(screen.createDocPage(createPage, graphql, reporter, name));
+  });
+  return Promise.all(allDocs);
 };
 
 exports.onCreateNode = ({ node, getNode, actions }) => {

docs/plugins/gatsby-remark-purple-headers/package.json

@@ -66,7 +66,7 @@ const Layout = ({ children, content, allContent }) => {
             content.toc.items.map((c) => {
               return (
                 <Link
-                  to={"/docs" + content.frontmatter.path + c.url}
+                  to={content.frontmatter.path + c.url}
                   className="text-gray-600 text-sm block leading-7"
                 >
                   {c.title}

docs/plugins/gatsby-remark-purple-headers/src/index.js

@@ -11,7 +11,7 @@ const MenuLinks = ({ allContent }) => {
         return (
           <li>
             <Link
-              to={`/docs${c.node.frontmatter.path}`}
+              to={`${c.node.frontmatter.path}`}
               activeClassName="active"
               partiallyActive={true}
             >

docs/src/components/layout.js

@@ -1,6 +1,6 @@
 ---
 title: Performance
-path: /dev/performance
+path: /docs/dev/performance
 icon: terminal-box-fill
 ---
 

docs/src/components/sidebar.js

@@ -1,5 +1,5 @@
 ---
 title: Sample2
-path: /dev/sample2
+path: /docs/dev/sample2
 icon: terminal-box-fill
 ---