@cdmbase/wiki-browser 12.0.18-alpha.10

package/lib/compute.js

@@ -0,0 +1,96 @@
+import { IMenuPosition } from '@common-stack/core';
+import { getFilteredRoutes, getFilteredMenus } from '@common-stack/client-react/lib/utils/filteredRoutes.js';
+import { getAllCategoriesMetadata } from './utils/markdownLoader.js';
+import { config } from './config/env-config.js';
+const browseWikikRoutes = {
+  LANDING_PAGE: '/',
+  HELP_CATEGORY: '/help/:categoryId',
+  HELP_ARTICLE: '/help/:categoryId/:articleSlug',
+  HELP_CENTER: '/help'
+};
+// Generate routes dynamically from categoryMetadata
+const generateRoutesFromCategories = categories => {
+  const routes = [];
+  let priorityCounter = 1;
+  categories.forEach(category => {
+    // Add category route AFTER articles (less specific route)
+    routes.push({
+      name: category.title,
+      key: `docs.${category.id}`,
+      path: `${config.LAYOUT_ROOT}/help/${category.id}`,
+      auth: true,
+      position: IMenuPosition.Lower,
+      exact: true,
+      priority: priorityCounter++
+    });
+    // Add article routes FIRST (more specific routes should come first)
+    category.articles.forEach((article, index) => {
+      routes.push({
+        name: article.title,
+        key: `docs.${category.id}.${article.slug}`,
+        path: `${config.LAYOUT_ROOT}/help/${category.id}/${article.slug}`,
+        auth: true,
+        position: IMenuPosition.Lower,
+        exact: true,
+        priority: index + 1
+      });
+    });
+  });
+  return routes;
+};
+// Get categories from markdownLoader
+const categories = getAllCategoriesMetadata();
+const dynamicRoutes = generateRoutesFromCategories(categories);
+const wikiDocsPage = [{
+  name: 'Landing Page',
+  key: 'landing-page',
+  path: `${config.LAYOUT_ROOT}${browseWikikRoutes.LANDING_PAGE}`,
+  auth: false,
+  position: IMenuPosition.Lower,
+  exact: true,
+  hideInMenu: true,
+  index: true,
+  priority: 1,
+  componentPath: "@cdmbase/wiki-browser/lib/pages/Landing/index.js",
+  hasComponent: true
+}, {
+  name: 'Help Category',
+  key: 'docs.help.category',
+  path: `${config.LAYOUT_ROOT}${browseWikikRoutes.HELP_CATEGORY}`,
+  auth: true,
+  position: IMenuPosition.Lower,
+  exact: true,
+  hideInMenu: true,
+  priority: 1,
+  componentPath: "@cdmbase/wiki-browser/lib/pages/CategoryCollection/index.js",
+  hasComponent: true
+}, {
+  name: 'Help Article',
+  key: 'docs.help',
+  path: `${config.LAYOUT_ROOT}${browseWikikRoutes.HELP_ARTICLE}`,
+  auth: true,
+  position: IMenuPosition.Lower,
+  exact: true,
+  hideInMenu: true,
+  priority: 1,
+  componentPath: "@cdmbase/wiki-browser/lib/pages/ArticlePage/index.js",
+  hasComponent: true
+}, {
+  name: 'Help Center',
+  key: 'docs.help.center',
+  path: `${config.LAYOUT_ROOT}${browseWikikRoutes.HELP_CENTER}`,
+  auth: true,
+  position: IMenuPosition.Lower,
+  exact: false,
+  // Allow nested routes
+  hideInMenu: true,
+  componentPath: "@cdmbase/wiki-browser/lib/pages/Help/index.js",
+  hasComponent: true
+},
+// Dynamically generated routes from categoryMetadata
+// Article routes are generated first (more specific), then category routes (less specific)
+...dynamicRoutes];
+// get only selected Routes to work
+const filteredRoutes = getFilteredRoutes(wikiDocsPage);
+getFilteredMenus(wikiDocsPage);
+export { filteredRoutes }; //# sourceMappingURL=compute.js.map

package/lib/compute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/config/env-config.d.ts

@@ -0,0 +1,4 @@
+export declare const config: Readonly<{
+    LAYOUT_ROOT: string;
+} & import("envalid").CleanedEnvAccessors>;
+//# sourceMappingURL=env-config.d.ts.map

package/lib/config/env-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;0CAEjB,CAAC"}

package/lib/config/env-config.js

@@ -0,0 +1,7 @@
+import {cleanEnv,str}from'envalid';import {getEnvironment}from'@common-stack/core';const env = getEnvironment();
+const config = cleanEnv(env, {
+  LAYOUT_ROOT: str({
+    default: '/',
+    desc: 'Layout parent route'
+  })
+});export{config};//# sourceMappingURL=env-config.js.map

package/lib/config/env-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":"mFAGA,MAAM,GAAG,GAAG,cAAc,EAAE;AAEf,MAAA,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;AAChC,EAAA,WAAA,EAAW,GAAE,CAAA;AAChB,IAAE,OAAA,EAAA,GAAA;;;"}

package/lib/docs.config.d.ts

@@ -0,0 +1,48 @@
+declare const _default: {
+    base: string;
+    lang: string;
+    title: string;
+    description: string;
+    publicURL: string;
+    nav: {
+        text: string;
+        link: string;
+    }[];
+    head: any[];
+    sidebar: ({
+        title: string;
+        links: {
+            title: string;
+            href: string;
+        }[];
+        subDocs?: undefined;
+    } | {
+        title: string;
+        links: {
+            title: string;
+            href: string;
+        }[];
+        subDocs: {
+            title: string;
+            links: {
+                title: string;
+                href: string;
+            }[];
+        }[];
+    } | {
+        title: string;
+        subDocs: {
+            title: string;
+            links: {
+                title: string;
+                href: string;
+            }[];
+        }[];
+        links?: undefined;
+    })[];
+    search: {
+        enabled: boolean;
+    };
+};
+export default _default;
+//# sourceMappingURL=docs.config.d.ts.map

package/lib/docs.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs.config.d.ts","sourceRoot":"","sources":["../src/docs.config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAwdE"}

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+import { Feature } from '@common-stack/client-react';
+declare const _default: Feature;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;;AAErD,wBAAuC"}

package/lib/index.js

@@ -0,0 +1,2 @@
+import {Feature}from'@common-stack/client-react';import wikiRoutes from'./module.js';// eslint-disable-next-line import/no-extraneous-dependencies
+var index = new Feature(wikiRoutes);export{index as default};//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":"qFAAA;AAGA,YAAe,IAAI,OAAO,CAAC,UAAU,CAAC"}

package/lib/loaders/search.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=search.d.ts.map

package/lib/loaders/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../src/loaders/search.tsx"],"names":[],"mappings":""}

package/lib/module.d.ts

@@ -0,0 +1,4 @@
+import { Feature } from '@common-stack/client-react';
+declare const _default: Feature;
+export default _default;
+//# sourceMappingURL=module.d.ts.map

package/lib/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;;AAQrD,wBAYG"}

package/lib/module.js

@@ -0,0 +1,11 @@
+import {Feature}from'@common-stack/client-react';import {LogoFill}from'./slot-fill/LogoFill.js';import {LOGO_SLOT_FILL_NAME}from'@admin-layout/tailwind-design-pro/lib/components/Layout/slot-fill/Logo.js';import {filteredRoutes}from'./compute.js';import {FooterFill}from'./slot-fill/FooterFill.js';import {FOOTER_FILL}from'./slot-fill/consts.js';// import { settingsReducer, applicationErrors, errorReduxLink } from '@admin-layout/client';
+var wikiRoutes = new Feature({
+  componentFillPlugins: [{
+    name: LOGO_SLOT_FILL_NAME,
+    render: LogoFill
+  }, {
+    name: FOOTER_FILL,
+    render: FooterFill
+  }],
+  routeConfig: filteredRoutes
+});export{wikiRoutes as default};//# sourceMappingURL=module.js.map

package/lib/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sources":["../src/module.tsx"],"sourcesContent":[null],"names":[],"mappings":"yVAMA;AAEA,iBAAe,IAAI,OAAO,CAAC;AACvB,EAAA,oBAAA,EAAoB,CAAE;AAClB,IAAA,IAAA,EAAA,mBAAA;AACI,IAAA,MAAA,EAAA;AACA,GAAA,EAAA;AACH,IAAA,IAAA,EAAA,WAAA;AACD,IAAA,MAAA,EAAA;AACI,GAAA,CAAA;AACA,EAAA,WAAA,EAAA;AACH,CAAA,CAAA"}

package/lib/pages/ArticlePage/ArticlePage.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const ArticlePage: React.FC;
+export default ArticlePage;
+//# sourceMappingURL=ArticlePage.d.ts.map

package/lib/pages/ArticlePage/ArticlePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticlePage.d.ts","sourceRoot":"","sources":["../../../src/pages/ArticlePage/ArticlePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAwPxB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/pages/ArticlePage/ArticlePage.js

@@ -0,0 +1,222 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useParams,Link}from'@remix-run/react';import {cn}from'../../utils/index.js';import {getCategoryById,loadArticleContent}from'../../utils/markdownLoader.js';const ArticlePage = () => {
+  const {
+    categoryId,
+    articleSlug
+  } = useParams();
+  const [article, setArticle] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [activeHeadingId, setActiveHeadingId] = useState('');
+  const observerRef = useRef(null);
+  useEffect(() => {
+    if (articleSlug) {
+      const loadContent = async () => {
+        const articleData = await loadArticleContent(articleSlug);
+        setArticle(articleData);
+        setLoading(false);
+      };
+      loadContent();
+    }
+  }, [articleSlug]);
+  // Scroll spy functionality
+  useEffect(() => {
+    if (!article?.headings || article.headings.length === 0) return;
+    // Clean up previous observer
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+    }
+    // Create new intersection observer
+    observerRef.current = new IntersectionObserver(entries => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          setActiveHeadingId(entry.target.id);
+        }
+      });
+    }, {
+      rootMargin: '-20% 0px -70% 0px',
+      threshold: 0
+    });
+    // Observe all headings
+    article.headings.forEach(heading => {
+      const element = document.getElementById(heading.id);
+      if (element && observerRef.current) {
+        observerRef.current.observe(element);
+      }
+    });
+    // Cleanup function
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+    };
+  }, [article]);
+  if (loading) {
+    return jsx("div", {
+      className: "min-h-screen bg-background text-foreground overflow-x-hidden",
+      children: jsx("div", {
+        className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16",
+        children: jsxs("div", {
+          className: "animate-pulse",
+          children: [jsx("div", {
+            className: "h-8 bg-muted rounded w-1/3 mb-4"
+          }), jsx("div", {
+            className: "h-4 bg-muted rounded w-1/2 mb-8"
+          }), jsxs("div", {
+            className: "space-y-4",
+            children: [jsx("div", {
+              className: "h-4 bg-muted rounded"
+            }), jsx("div", {
+              className: "h-4 bg-muted rounded w-5/6"
+            }), jsx("div", {
+              className: "h-4 bg-muted rounded w-4/6"
+            })]
+          })]
+        })
+      })
+    });
+  }
+  if (!article) {
+    return jsx("div", {
+      className: "min-h-screen bg-background text-foreground mt-20 overflow-x-hidden",
+      children: jsxs("div", {
+        className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16",
+        children: [jsx("h1", {
+          className: "text-2xl font-bold",
+          children: "Article not found"
+        }), jsx(Link, {
+          to: "/help",
+          className: "mt-4 text-primary hover:text-primary/80",
+          children: "\u2190 Back to Help Center"
+        })]
+      })
+    });
+  }
+  const category = getCategoryById(article.categoryId || categoryId || '');
+  const categoryArticles = category?.articles ?? [];
+  const currentIndex = categoryArticles.findIndex(a => a.slug === article.slug);
+  const previousArticle = currentIndex > 0 ? categoryArticles[currentIndex - 1] : null;
+  const nextArticle = currentIndex >= 0 && currentIndex < categoryArticles.length - 1 ? categoryArticles[currentIndex + 1] : null;
+  return jsx("div", {
+    className: "min-h-screen bg-background text-foreground scroll-smooth overflow-x-hidden",
+    children: jsxs("div", {
+      className: "flex flex-col w-full",
+      children: [jsx("div", {
+        className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 pt-8",
+        children: jsxs("nav", {
+          className: "flex items-center space-x-2 text-sm text-muted-foreground",
+          children: [jsx(Link, {
+            to: "/help",
+            className: "hover:text-foreground",
+            children: "All Collections"
+          }), jsx("span", {
+            children: "\u203A"
+          }), jsx(Link, {
+            to: `/help/${article.categoryId}`,
+            className: "hover:text-foreground",
+            children: getCategoryById(article.categoryId)?.title || article.categoryId
+          }), jsx("span", {
+            children: "\u203A"
+          }), jsx("span", {
+            className: "text-foreground",
+            children: article.title
+          })]
+        })
+      }), jsx("main", {
+        className: "w-full py-8",
+        children: jsx("div", {
+          className: "max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 relative",
+          children: jsxs("div", {
+            className: "flex flex-col xl:flex-row gap-8 xl:gap-12",
+            children: [jsxs("div", {
+              className: "flex-1 min-w-0 max-w-5xl",
+              children: [jsxs("div", {
+                className: "mb-8",
+                children: [jsx("h1", {
+                  className: "text-3xl md:text-4xl font-bold text-foreground mb-4",
+                  children: article.title
+                }), jsx("p", {
+                  className: "text-lg text-muted-foreground mb-6",
+                  children: article.description
+                }), jsxs("div", {
+                  className: "flex items-center space-x-4 text-sm text-muted-foreground",
+                  children: [jsxs("div", {
+                    className: "flex items-center",
+                    children: [jsx("div", {
+                      className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground",
+                      children: article.author.charAt(0)
+                    }), jsxs("span", {
+                      children: ["Written by ", article.author]
+                    })]
+                  }), jsx("span", {
+                    children: "\u2022"
+                  }), jsxs("span", {
+                    children: ["Updated ", article.updatedAt]
+                  })]
+                })]
+              }), jsx("div", {
+                className: "prose prose-lg max-w-none w-full overflow-x-hidden",
+                children: jsx("div", {
+                  className: cn('prose-headings:text-foreground prose-p:text-muted-foreground prose-strong:text-foreground prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-ul:text-muted-foreground prose-ol:text-muted-foreground prose-li:text-muted-foreground prose-blockquote:text-muted-foreground prose-code:text-foreground prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:rounded prose-pre:bg-muted prose-pre:text-foreground prose-pre:overflow-x-auto'),
+                  dangerouslySetInnerHTML: {
+                    __html: article.htmlContent
+                  }
+                })
+              }), (previousArticle || nextArticle) && jsxs("div", {
+                className: "mt-12 grid grid-cols-1 md:grid-cols-2 gap-4",
+                children: [previousArticle ? jsxs(Link, {
+                  to: `/help/${previousArticle.categoryId}/${previousArticle.slug}`,
+                  className: cn('group rounded-lg border border-border bg-background px-6 py-4', 'hover:bg-muted/30 transition-colors'),
+                  children: [jsx("div", {
+                    className: "text-sm text-muted-foreground",
+                    children: "Previous"
+                  }), jsxs("div", {
+                    className: "mt-1 text-primary font-semibold group-hover:underline",
+                    children: ["\u00AB ", previousArticle.title]
+                  })]
+                }) : jsx("div", {
+                  className: "hidden md:block"
+                }), nextArticle ? jsxs(Link, {
+                  to: `/help/${nextArticle.categoryId}/${nextArticle.slug}`,
+                  className: cn('group rounded-lg border border-border bg-background px-6 py-4', 'hover:bg-muted/30 transition-colors md:text-right'),
+                  children: [jsx("div", {
+                    className: "text-sm text-muted-foreground",
+                    children: "Next"
+                  }), jsxs("div", {
+                    className: "mt-1 text-primary font-semibold group-hover:underline",
+                    children: [nextArticle.title, " \u00BB"]
+                  })]
+                }) : jsx("div", {
+                  className: "hidden md:block"
+                })]
+              })]
+            }), article.headings && article.headings.length > 0 && jsx("aside", {
+              className: "hidden xl:block xl:w-80 xl:flex-shrink-0",
+              children: jsxs("div", {
+                className: "fixed top-20 flex flex-col h-[calc(100vh-3rem)]",
+                children: [jsx("div", {
+                  className: "mb-4 flex-shrink-0",
+                  children: jsxs("h2", {
+                    className: "text-sm font-semibold text-foreground flex items-center",
+                    children: [jsx("span", {
+                      className: "mr-2",
+                      children: "\u2630"
+                    }), "On this page"]
+                  })
+                }), jsx("nav", {
+                  className: "space-y-1 flex-1 overflow-y-auto overflow-x-hidden min-h-0",
+                  children: article.headings.map((heading, index) => {
+                    const isActive = activeHeadingId === heading.id;
+                    return jsx("a", {
+                      href: `#${heading.id}`,
+                      className: cn('relative block text-sm transition-colors py-1 pl-4', 'border-l-2 border-transparent', isActive ? 'text-foreground border-l-foreground bg-muted/20' : 'text-muted-foreground hover:text-foreground hover:border-l-muted-foreground', heading.level === 1 ? 'font-semibold' : heading.level === 2 ? 'ml-2' : heading.level === 3 ? 'ml-4' : heading.level === 4 ? 'ml-6' : heading.level === 5 ? 'ml-8' : 'ml-10'),
+                      children: heading.text
+                    }, index);
+                  })
+                })]
+              })
+            })]
+          })
+        })
+      })]
+    })
+  });
+};export{ArticlePage as default};//# sourceMappingURL=ArticlePage.js.map

package/lib/pages/ArticlePage/ArticlePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticlePage.js","sources":["../../../src/pages/ArticlePage/ArticlePage.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/lib/pages/ArticlePage/index.d.ts

@@ -0,0 +1,3 @@
+declare const ArticlePage: () => import("react/jsx-runtime").JSX.Element;
+export default ArticlePage;
+//# sourceMappingURL=index.d.ts.map

package/lib/pages/ArticlePage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/ArticlePage/index.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW,+CAEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/pages/ArticlePage/index.js

@@ -0,0 +1,3 @@
+import {jsx}from'react/jsx-runtime';import ArticlePage$1 from'./ArticlePage.js';const ArticlePage = () => {
+  return jsx(ArticlePage$1, {});
+};export{ArticlePage as default};//# sourceMappingURL=index.js.map

package/lib/pages/ArticlePage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/pages/ArticlePage/index.tsx"],"sourcesContent":[null],"names":["_jsx","ArticlePageComponent"],"mappings":"gFAGM,MAAA,WAAW,GAAG,MAAK;SACdA,GAAA,CAAAC,aAAqB,EAAA,EAAA,CAAA;AAChC"}

package/lib/pages/CategoryCollection/CategoryCollection.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const CategoryCollectionPage: React.FC;
+export default CategoryCollectionPage;
+//# sourceMappingURL=CategoryCollection.d.ts.map

package/lib/pages/CategoryCollection/CategoryCollection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryCollection.d.ts","sourceRoot":"","sources":["../../../src/pages/CategoryCollection/CategoryCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAmGnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/pages/CategoryCollection/CategoryCollection.js

@@ -0,0 +1,103 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/react';import {cn}from'../../utils/index.js';import {getCategoryById}from'../../utils/markdownLoader.js';const CategoryCollectionPage = () => {
+  const {
+    categoryId
+  } = useParams();
+  const category = categoryId ? getCategoryById(categoryId) : null;
+  if (!category) {
+    return jsx("div", {
+      className: "min-h-screen bg-background text-foreground",
+      children: jsxs("div", {
+        className: "container mx-auto px-16 py-16",
+        children: [jsx("h1", {
+          className: "text-2xl font-bold",
+          children: "Category not found"
+        }), jsx(Link, {
+          to: "/help",
+          className: "mt-4 text-primary hover:text-primary/80",
+          children: "\u2190 Back to Help Center"
+        })]
+      })
+    });
+  }
+  return jsxs("div", {
+    className: "min-h-screen bg-background text-foreground",
+    children: [jsx("div", {
+      className: "relative overflow-hidden"
+    }), jsx("div", {
+      className: "container mx-auto px-16 pt-8",
+      children: jsxs("nav", {
+        className: "flex items-center space-x-2 text-sm text-muted-foreground",
+        children: [jsx(Link, {
+          to: "/help",
+          className: "hover:text-foreground",
+          children: "All Collections"
+        }), jsx("span", {
+          children: "\u203A"
+        }), jsx("span", {
+          className: "text-foreground",
+          children: category.title
+        })]
+      })
+    }), jsxs("main", {
+      className: "container mx-auto px-16 py-8",
+      children: [jsx("div", {
+        className: "mb-8",
+        children: jsxs("div", {
+          className: "flex items-start space-x-4",
+          children: [jsx("div", {
+            className: "text-primary"
+          }), jsxs("div", {
+            children: [jsx("h1", {
+              className: "text-4xl font-bold text-foreground mb-2",
+              children: category.title
+            }), jsx("p", {
+              className: "text-lg text-muted-foreground mb-4",
+              children: category.description
+            }), jsx("div", {
+              className: "flex items-center space-x-4 text-sm text-muted-foreground",
+              children: jsxs("div", {
+                className: "flex items-center",
+                children: [jsx("div", {
+                  className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground",
+                  children: "J"
+                }), jsxs("span", {
+                  children: ["By Beena \u2022 ", category.articles.length, " articles"]
+                })]
+              })
+            })]
+          })]
+        })
+      }), jsx("div", {
+        className: "space-y-4",
+        children: category.articles.map(article => jsxs(Link, {
+          to: `/help/${categoryId}/${article.slug}`,
+          className: cn('group flex cursor-pointer items-center justify-between rounded-lg border border-border bg-card p-6 transition-all hover:border-primary/50 hover:bg-primary/5'),
+          children: [jsxs("div", {
+            className: "flex-1",
+            children: [jsx("h3", {
+              className: "text-lg font-medium text-foreground group-hover:text-primary transition-colors",
+              children: article.title
+            }), jsx("p", {
+              className: "mt-1 text-sm text-muted-foreground",
+              children: article.description
+            })]
+          }), jsx("div", {
+            className: "ml-4 text-muted-foreground group-hover:text-primary transition-colors",
+            children: jsx("svg", {
+              className: "h-5 w-5",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M9 5l7 7-7 7"
+              })
+            })
+          })]
+        }, article.id))
+      })]
+    })]
+  });
+};export{CategoryCollectionPage as default};//# sourceMappingURL=CategoryCollection.js.map

package/lib/pages/CategoryCollection/CategoryCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryCollection.js","sources":["../../../src/pages/CategoryCollection/CategoryCollection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"yLAOM,MAAA,sBAAsB,GAAa,MAAK;AAC1C,EAAA,MAAA;AAEA,IAAA;AAEA,GAAA,GAAA,SAAkB,EAAA;QACd,QAA4D,GAAA,UAAA,GAAA,eAAA,CAAA,UAAA,CAAA,GAAA,IAAA;MAsB/D,CAAA,QAAA,EAAA;IAED,OAAOA,GACE,CAAA,KAAA,EAAA;AAoEb,MAAE,SAAA,EAAA,4CAAA;AAEF,MAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/CategoryCollection/index.d.ts

@@ -0,0 +1,3 @@
+declare const CategoryCollection: () => import("react/jsx-runtime").JSX.Element;
+export default CategoryCollection;
+//# sourceMappingURL=index.d.ts.map

package/lib/pages/CategoryCollection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/CategoryCollection/index.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,kBAAkB,+CAEvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/pages/CategoryCollection/index.js

@@ -0,0 +1,3 @@
+import {jsx}from'react/jsx-runtime';import CategoryCollectionPage from'./CategoryCollection.js';const CategoryCollection = () => {
+  return jsx(CategoryCollectionPage, {});
+};export{CategoryCollection as default};//# sourceMappingURL=index.js.map

package/lib/pages/CategoryCollection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/pages/CategoryCollection/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"gGAGM,MAAA,kBAAkB,GAAG,MAAK;SACrBA,GAAA,CAAA,sBAAuB,EAAA,EAAA,CAAA;AAClC"}

package/lib/pages/Help/HelpIndex.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const HelpIndexPage: React.FC;
+export default HelpIndexPage;
+//# sourceMappingURL=HelpIndex.d.ts.map

package/lib/pages/Help/HelpIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpIndex.d.ts","sourceRoot":"","sources":["../../../src/pages/Help/HelpIndex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EA4C1B,CAAC;AAEF,eAAe,aAAa,CAAC"}