feat(awesome-library): add tunneling sub-category and fix import path [WOT-33]

src/components/Shell/SideNavBar/__tests__/__snapshots__/SideNavBar.test.tsx.snap

@@ -323,6 +323,32 @@ exports[`SideNavBar should render collapsed in subcategory route 1`] = `
             </div>
           </a>
         </div>
+        <div
+          class="css-150m7z3"
+        >
+          <a
+            class=""
+            data-discover="true"
+            href="/awesome-library"
+            style="text-decoration: none; display: block;"
+          >
+            <div
+              class="css-f2gdxn"
+            >
+              <span
+                class="material-symbols-outlined"
+                style="font-size: 20px; transition: all 0.3s ease;"
+              >
+                library_books
+              </span>
+              <p
+                class="css-2k34x2"
+              >
+                Awesome Library
+              </p>
+            </div>
+          </a>
+        </div>
       </div>
       <div
         class="css-6odjo7"
@@ -1011,6 +1037,32 @@ exports[`SideNavBar should render correctly in default state 1`] = `
             </div>
           </a>
         </div>
+        <div
+          class="css-rtymh1"
+        >
+          <a
+            class=""
+            data-discover="true"
+            href="/awesome-library"
+            style="text-decoration: none; display: block;"
+          >
+            <div
+              class="css-1jav04l"
+            >
+              <span
+                class="material-symbols-outlined"
+                style="font-size: 20px; transition: all 0.3s ease;"
+              >
+                library_books
+              </span>
+              <p
+                class="css-5hra6z"
+              >
+                Awesome Library
+              </p>
+            </div>
+          </a>
+        </div>
       </div>
       <div
         class="css-choygu"

src/data/categories/subcategories.ts

@@ -1697,4 +1697,11 @@ export const AWESOME_LIBRARY_SUBS: Record<string, Subcategory> = {
     path: '/awesome-library/react',
     docName: 'awesome_library/react',
   },
+  TUNNELING: {
+    id: 'tunneling',
+    titleKey: 'AwesomeLibrary.features.tunneling.title',
+    icon: 'hub',
+    path: '/awesome-library/tunneling',
+    docName: 'awesome_library/tunneling',
+  },
 };

src/localization/locales/en/main.json

@@ -565,6 +565,10 @@
       "react": {
         "title": "React",
         "desc": "Awesome React resources, UI components, tools, and libraries to accelerate frontend development."
+      },
+      "tunneling": {
+        "title": "Tunneling",
+        "desc": "A collection of awesome tunneling tools, port forwarding utilities, and reverse proxies."
       }
     }
   },

src/screens/ContentViewer/ContentViewer.tsx

@@ -77,7 +77,9 @@ const ContentViewer = () => {
         try {
           // Dynamic import for markdown files based on section
           let module;
-          if (category?.section === 'information_library') {
+          if (categoryId === 'awesome-library') {
+            module = await import(`../../docs/${subcategory.docName}.md`);
+          } else if (category?.section === 'information_library') {
             module = await import(
               `../../docs/information_library/${categoryId}/${subcategory.docName}.md`
             );

src/screens/ContentViewer/__tests__/ContentViewer.test.tsx

@@ -37,4 +37,14 @@ describe('ContentViewer', () => {
     const { getAllByText } = renderWithParams('tools', 'unknown-tech');
     expect(getAllByText(/unknown-tech/i).length).toBeGreaterThan(0);
   });
+
+  it('should render correctly for awesome-library selfhosted subcategory', () => {
+    const { container } = renderWithParams('awesome-library', 'selfhosted');
+    expect(container).toMatchSnapshot();
+  });
+
+  it('should render correctly for awesome-library tunneling subcategory', () => {
+    const { container } = renderWithParams('awesome-library', 'tunneling');
+    expect(container).toMatchSnapshot();
+  });
 });