docs: Update

docs/guides/docs/guides.json

@@ -3,42 +3,61 @@
     "title": "Predicates 101: Building Stateless DeFi Applications",
     "description": "Learn about predicates by building a MultiSig",
     "featured": true,
-    "tags": ["Full Stack"]
+    "tags": [
+      "Full Stack"
+    ]
   },
   "intro_to_sway": {
     "title": "Introduction to Sway for JavaScript developers",
     "description": "Learn Sway fundamentals by building a marketplace React dApp.",
     "featured": true,
-    "tags": ["Full Stack", "React"]
+    "tags": [
+      "Full Stack",
+      "React"
+    ]
   },
   "contract-quickstart": {
     "title": "Smart Contract Quickstart",
     "description": "Get started by generating a counter contract in Sway.",
     "featured": false,
-    "tags": ["Getting Started"]
+    "tags": [
+      "Getting Started"
+    ]
   },
   "frontend-quickstart": {
     "title": "Next.js Fullstack Quickstart",
     "description": "Get started by generating a full-stack counter dapp on Fuel.",
     "featured": false,
-    "tags": ["Getting Started", "Full Stack", "Next.js"]
+    "tags": [
+      "Getting Started",
+      "Full Stack",
+      "Next.js"
+    ]
   },
   "counter-dapp": {
     "title": "Counter React Dapp",
     "description": "Step-by-step guide to build a counter dApp on Fuel",
     "featured": false,
-    "tags": ["Getting Started", "Full Stack", "React"]
+    "tags": [
+      "Getting Started",
+      "Full Stack",
+      "React"
+    ]
   },
   "running_a_node": {
     "title": "Running a Node",
     "description": "Run a local Fuel node.",
     "featured": false,
-    "tags": ["fuel-core"]
+    "tags": [
+      "fuel-core"
+    ]
   },
   "installation": {
     "title": "Toolchain Installation",
     "description": "Install the Fuel toolchain and binaries.",
     "featured": false,
-    "tags": ["Getting Started"]
+    "tags": [
+      "Getting Started"
+    ]
   }
-}
+}

docs/guides/docs/nav.json

@@ -5,13 +5,22 @@
     "Counter Dapp",
     "Running a Node",
     "Installation",
-    "Intro to Sway"
+    "Intro to Sway",
+    "Intro to Predicates"
+  ],
+  "installation": [
+    "Fuel Github Codespace"
+  ],
+  "counter-dapp": [
+    "Building a Smart Contract",
+    "Building a Frontend"
   ],
-  "installation": ["Fuel Github Codespace"],
-  "counter-dapp": ["Building a Smart Contract", "Building a Frontend"],
   "contract-quickstart": [],
   "frontend-quickstart": [],
-  "running_a_node": ["Running a Local Node", "Running a Testnet Node"],
+  "running_a_node": [
+    "Running a Local Node",
+    "Running a Testnet Node"
+  ],
   "intro_to_sway": [
     "Introduction to Sway",
     "Prerequisites",
@@ -40,4 +49,4 @@
     "Logging in Rust tests",
     "Rust Testing"
   ]
-}
+}

scripts/generate-links/getDocs.mjs

@@ -200,6 +200,12 @@ export async function getDocs(key, order) {
         './guides/docs/**/*.mdx'
       ];
       break;
+    case 'nightly-guides':
+      paths = [
+        // GUIDES
+        './guides/docs/**/*.mdx'
+      ];
+      break;  
     case 'intro':
       paths = [
         // INTRO

scripts/generate-links/getSortedLinks.mjs

@@ -343,7 +343,9 @@ function handleSubmenu(
     },
   ];
 
+  console.log(title, slug);
   return {
+    slug,
     subpath,
     label: thisCategory,
     isExternal,

scripts/generate-links/index.mjs

@@ -20,21 +20,21 @@ async function main() {
       const final = slugs.map(({ slug }) => getDocBySlug(slug, slugs));
       let sortedLinks = getSortedLinks(orders[key], final);
 
-      if (key === 'intro') {
-        sortedLinks.push({
-          slug: '/guides',
-          label: 'Guides',
-          isExternal: false,
-        });
-      }
+      // if (key === 'guides') {
+      //   sortedLinks.push({
+      //     slug: '/guides',
+      //     label: 'Guides',
+      //     isExternal: false,
+      //   });
+      // }
       if (key.includes('guides')) {
-        const newLinks = {};
-        sortedLinks.forEach((link) => {
-          newLinks[
-            link.label.toLowerCase().replaceAll(' ', '_').replaceAll('-', '_')
-          ] = link;
+        sortedLinks = sortedLinks.map((link) => {
+          link.key = link.label
+            .toLowerCase()
+            .replaceAll(' ', '_')
+            .replaceAll('-', '_');
+          return link;
         });
-        sortedLinks = newLinks;
       }
       if (Array.isArray(sortedLinks)) {
         sortedLinks = sortedLinks.map((link) => {
@@ -49,7 +49,8 @@ async function main() {
         fs.mkdirSync(folderPath, { recursive: true });
       }
       fs.writeFileSync(`${folderPath}/${key}.json`, json, 'utf-8');
-      if (!key.includes('guides') && key !== 'contributing') {
+      // if (!key.includes('guides') && key !== 'contributing') {
+      if (key !== 'contributing') {
         if (
           key.includes('nightly') ||
           ['intro', 'contributing'].includes(key)
@@ -106,6 +107,9 @@ function getSidebarName(key) {
     case 'migrations-and-disclosures':
       newKey = 'Migrations & Disclosures';
       break;
+    case 'guides':
+      newKey = 'Guides';
+      break;
     default:
   }
 
@@ -116,6 +120,7 @@ function handleAllOrders(allOrders, folderPath, filename) {
   const correctOrder = [
     'migrations-and-disclosures',
     'intro',
+    'guides',
     'sway',
     'sway-libs',
     'sway-standards',

src/components/Sidebar.tsx

@@ -62,6 +62,7 @@ export function Sidebar({
 
           {allNavs.map((navOrder) => {
             const catIndex = versionSet === 'default' ? 1 : 2;
+            // console.log("hello", navOrder.links)
             let key = navOrder.links[0].slug.split('/')[catIndex];
             if (key === 'sway') {
               key = 'forc';

src/components/SidebarSection.tsx

@@ -58,6 +58,9 @@ export function SidebarSection({
       case 'Migrations-and-disclosures':
         githubLink = 'https://github.com/FuelLabs/migrations-and-disclosures';
         break;
+      case 'Guides':
+        githubLink = 'https://github.com/FuelLabs/docs-hub';
+        break;
       default:
         break;
     }

src/lib/md-doc.ts

@@ -71,6 +71,7 @@ export class Doc {
       .replace('docs/sway/', '')
       .replace('docs/sway-standards/', '')
       .replace('docs/sway-by-example-lib/', '')
+      .replace('docs/guides/', '')
       .replace('docs/fuel-specs/', '')}`;
 
     let pageLink = `${config.repository}${actualPath.replace(
@@ -201,6 +202,7 @@ export class Doc {
       `../src/generated/sidebar-links/${configSlug}.json`
     );
     const links = JSON.parse(readFileSync(linksPath, 'utf8'));
+
     if (
       (configSlug === 'guides' || configSlug === 'nightly-guides') &&
       guideName
@@ -212,17 +214,27 @@ export class Doc {
         .replace(`${guideName}/`, '')
         .replace('/index', '');
 
-      const key = slug.split('/')[0].replaceAll('-', '_');
-      const guideLinks = [links[key]];
-      return guideLinks as SidebarLinkItem[];
+      const key = slug.split('/')[0].replace(/-/g, '_');
+
+      // Updated code: Find the link with matching key
+      const guideLink = links.find((link) => link.key === key);
+
+      if (guideLink && guideLink.submenu) {
+        return guideLink.submenu as SidebarLinkItem[];
+      } else {
+        console.warn(`No guide link found for key: ${key}`);
+        return [];
+      }
     }
     return links as SidebarLinkItem[];
   }
 
   get navLinks() {
     const slug = this.#parseSlug(this.item.originalSlug);
     const links = this.sidebarLinks(this.item.originalSlug);
-
+    console.log(slug);
+    console.log(links);
+    console.log(this.item);
     const result = [];
     for (const link of links) {
       if (link.submenu) {