@adminide-stack/clock-tik-browser 12.0.19 → 12.0.22-alpha.1

package/lib/pages/Markdown/MarkdownPageLayout.js

@@ -0,0 +1,292 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useLocation,Outlet,Link}from'@remix-run/react';import {SidebarSearch}from'../../components/SidebarSearch.js';import {getDocsNavigation,getDocsNavigationAsync}from'../../utils/docsNavigation.js';import {useTheme}from'@admin-layout/tailwind-ui';import {cn}from'../../utils/index.js';const MarkdownPageLayout = ({
+  children
+}) => {
+  const location = useLocation();
+  const [navItems, setNavItems] = useState(getDocsNavigation());
+  const [expandedItems, setExpandedItems] = useState(new Set());
+  const [headings, setHeadings] = useState([]);
+  const [activeHeadingId, setActiveHeadingId] = useState('');
+  const observerRef = useRef(null);
+  const {
+    setMode,
+    mode
+  } = useTheme();
+  const isDark = mode === 'dark';
+  // Load navigation asynchronously to ensure manifest is loaded
+  useEffect(() => {
+    getDocsNavigationAsync().then(items => {
+      if (items && items.length > 0) {
+        setNavItems(items);
+      } else {
+        console.warn('⚠️ No navigation items loaded');
+      }
+    }).catch(error => {
+      console.error('❌ Error loading navigation:', error);
+    });
+  }, []);
+  // Helper function to check if an item or any of its descendants contain the active path
+  const itemContainsActivePath = (item, activePath) => {
+    if (item.path && (activePath === item.path || activePath.startsWith(item.path + '/'))) {
+      return true;
+    }
+    if (item.children && item.children.length > 0) {
+      return item.children.some(child => itemContainsActivePath(child, activePath));
+    }
+    return false;
+  };
+  // Helper function to get all items that should be expanded for the active path
+  const getItemsToExpandForActivePath = (items, activePath, pathPrefix = '') => {
+    const itemsToExpand = new Set();
+    function checkAndExpand(items, pathPrefix = '') {
+      items.forEach(item => {
+        const itemPath = pathPrefix ? `${pathPrefix}/${item.title}` : item.title;
+        if (item.path && (activePath === item.path || activePath.startsWith(item.path + '/'))) {
+          itemsToExpand.add(itemPath);
+          if (item.children && item.children.length > 0) {
+            checkAndExpand(item.children, itemPath);
+          }
+        } else if (item.children && item.children.length > 0) {
+          // Check if any child is active
+          const hasActiveChild = item.children.some(child => child.path && (activePath === child.path || activePath.startsWith(child.path + '/')));
+          if (hasActiveChild) {
+            itemsToExpand.add(itemPath);
+            checkAndExpand(item.children, itemPath);
+          }
+        }
+      });
+    }
+    checkAndExpand(items, pathPrefix);
+    return itemsToExpand;
+  };
+  // Auto-expand items that contain the active path when pathname or navItems change
+  useEffect(() => {
+    const activePath = location.pathname;
+    const itemsToExpand = getItemsToExpandForActivePath(navItems, activePath);
+    // Merge: keep existing expandedItems and add items containing active path
+    setExpandedItems(prev => {
+      const merged = new Set(prev);
+      itemsToExpand.forEach(path => merged.add(path));
+      return merged;
+    });
+  }, [location.pathname, navItems]);
+  // Toggle item expansion - allow all items to be toggled (including collapsing parent when its page is active)
+  // Items containing active path will be re-expanded automatically by useEffect
+  const toggleItem = itemPath => {
+    setExpandedItems(prev => {
+      const newSet = new Set(prev);
+      if (newSet.has(itemPath)) {
+        newSet.delete(itemPath);
+      } else {
+        newSet.add(itemPath);
+      }
+      return newSet;
+    });
+  };
+  // Extract headings from the current page content
+  useEffect(() => {
+    // Wait for content to load, then extract headings
+    const extractHeadings = () => {
+      const contentArea = document.querySelector('[data-content-area]');
+      if (contentArea) {
+        const headingElements = contentArea.querySelectorAll('h1, h2, h3, h4, h5, h6');
+        const extractedHeadings = [];
+        headingElements.forEach(heading => {
+          const id = heading.id || heading.textContent?.toLowerCase().replace(/\s+/g, '-').replace(/[^\w-]/g, '') || '';
+          if (id) {
+            extractedHeadings.push({
+              id,
+              text: heading.textContent || '',
+              level: parseInt(heading.tagName.charAt(1))
+            });
+          }
+        });
+        setHeadings(extractedHeadings);
+      }
+    };
+    // Extract immediately
+    extractHeadings();
+    // Also extract after a short delay to catch dynamically loaded content
+    const timeoutId = setTimeout(extractHeadings, 100);
+    // Use MutationObserver to watch for content changes
+    const observer = new MutationObserver(extractHeadings);
+    const contentArea = document.querySelector('[data-content-area]');
+    if (contentArea) {
+      observer.observe(contentArea, {
+        childList: true,
+        subtree: true
+      });
+    }
+    return () => {
+      clearTimeout(timeoutId);
+      observer.disconnect();
+    };
+  }, [location.pathname]);
+  // Scroll spy for table of contents
+  useEffect(() => {
+    if (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
+    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();
+      }
+    };
+  }, [headings]);
+  // Determine active section based on current path
+  const isActivePath = path => {
+    if (!path) return false;
+    return location.pathname === path || location.pathname.startsWith(path + '/');
+  };
+  // Recursive component to render navigation items
+  const renderNavItem = (item, level = 0, pathPrefix = '') => {
+    const itemPath = pathPrefix ? `${pathPrefix}/${item.title}` : item.title;
+    const hasChildren = item.children && item.children.length > 0;
+    const activePath = location.pathname;
+    // Item is expanded if it's in expandedItems (user can collapse even when a child page is active)
+    const isExpanded = expandedItems.has(itemPath);
+    const isActive = item.path ? isActivePath(item.path) : false;
+    const containsActive = itemContainsActivePath(item, activePath);
+    const indentLevel = level * 16; // 16px per level
+    return jsxs("li", {
+      className: "w-full",
+      children: [jsx("div", {
+        className: "flex items-center w-full",
+        children: hasChildren ? jsxs("button", {
+          onClick: e => {
+            e.preventDefault();
+            toggleItem(itemPath);
+          },
+          className: cn('flex items-center justify-between w-full px-3 py-2 text-sm rounded-md transition-colors text-left', isActive ? 'bg-primary/10 dark:bg-primary/20 text-primary dark:text-primary font-medium' : containsActive ? 'text-primary dark:text-primary font-medium hover:bg-gray-50 dark:hover:bg-gray-800' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'),
+          style: {
+            paddingLeft: `${12 + indentLevel}px`
+          },
+          children: [jsx("span", {
+            className: "flex-1 truncate",
+            children: item.title
+          }), jsx("svg", {
+            className: cn('w-4 h-4 transition-transform flex-shrink-0 ml-2', isExpanded ? 'rotate-90' : ''),
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: jsx("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M9 5l7 7-7 7"
+            })
+          })]
+        }) : item.path ? jsx(Link, {
+          to: item.path,
+          className: cn('block px-3 py-2 text-sm rounded-md transition-colors truncate', isActive ? 'bg-primary/10 dark:bg-primary/20 text-primary dark:text-primary font-medium' : 'text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800'),
+          style: {
+            paddingLeft: `${12 + indentLevel}px`
+          },
+          children: item.title
+        }) : jsx("span", {
+          className: cn('block px-3 py-2 text-sm rounded-md truncate text-gray-500 dark:text-gray-400'),
+          style: {
+            paddingLeft: `${12 + indentLevel}px`
+          },
+          children: item.title
+        })
+      }), hasChildren && isExpanded && jsx("ul", {
+        className: "mt-1 space-y-1",
+        children: item.children.map(child => renderNavItem(child, level + 1, itemPath))
+      })]
+    }, itemPath);
+  };
+  return jsxs("div", {
+    className: "min-h-screen bg-background text-foreground mt-20",
+    children: [jsx("aside", {
+      className: "hidden lg:block fixed left-0 top-20 h-screen w-64 z-10",
+      children: jsxs("div", {
+        className: "flex flex-col h-[calc(100vh-64px)] w-64 border-r border-gray-200 dark:border-gray-800 bg-background text-foreground",
+        children: [jsx("div", {
+          className: "sticky top-0 z-20 p-4 pb-0 bg-background text-foreground ",
+          children: jsx("div", {
+            className: "mb-4",
+            children: jsx(SidebarSearch, {
+              placeholder: "Search..."
+            })
+          })
+        }), jsx("nav", {
+          className: "flex-1 overflow-y-auto p-4 min-h-0",
+          children: jsx("ul", {
+            className: "space-y-1",
+            children: navItems.map(item => renderNavItem(item))
+          })
+        }), jsx("div", {
+          className: "p-4 border-t border-gray-200 dark:border-gray-800 flex-shrink-0",
+          children: jsxs("div", {
+            className: "flex items-center justify-center gap-2",
+            children: [jsx("div", {
+              className: cn('p-1.5 rounded-full transition-colors cursor-pointer', !isDark ? 'bg-gray-100 dark:bg-gray-700' : 'bg-transparent'),
+              onClick: () => setMode('light'),
+              children: jsx("svg", {
+                className: "w-4 h-4 text-gray-700 dark:text-gray-300",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
+                })
+              })
+            }), jsx("div", {
+              className: cn('p-1.5 rounded-full transition-colors cursor-pointer', isDark ? 'bg-gray-100 dark:bg-gray-700' : 'bg-transparent'),
+              onClick: () => setMode('dark'),
+              children: jsx("svg", {
+                className: "w-4 h-4 text-gray-700 dark:text-gray-300",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+                })
+              })
+            })]
+          })
+        })]
+      })
+    }), jsx("main", {
+      className: "lg:pl-64 flex flex-col min-h-screen",
+      children: jsx("div", {
+        className: "flex-1 flex",
+        children: jsx("div", {
+          className: "flex-1 min-w-0",
+          children: jsx("div", {
+            className: "max-w-full mx-auto px-6 py-8",
+            "data-content-area": true,
+            children: children || jsx(Outlet, {})
+          })
+        })
+      })
+    })]
+  });
+};export{MarkdownPageLayout};//# sourceMappingURL=MarkdownPageLayout.js.map

package/lib/pages/Markdown/MarkdownPageLayout.js.map

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

package/lib/pages/Markdown/MarkdownPageWithParams.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Wrapper component that uses Remix useParams to automatically load article data.
+ * This maintains backward compatibility with the existing routing structure.
+ *
+ * For a more reusable approach, use ArticlePage directly with props.
+ */
+export declare const MarkdownPageWithParams: React.FC;
+//# sourceMappingURL=MarkdownPageWithParams.d.ts.map

package/lib/pages/Markdown/MarkdownPageWithParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPageWithParams.d.ts","sourceRoot":"","sources":["../../../src/pages/Markdown/MarkdownPageWithParams.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA+D1C,CAAC"}

package/lib/pages/Markdown/MarkdownPageWithParams.js

@@ -0,0 +1,65 @@
+import {jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';import {useParams}from'@remix-run/react';import {MarkdownPage}from'@admin-layout/tailwind-ui/components/Markdown/MarkdownPage.js';import {getCategoryByIdSync,loadArticleContent}from'../../utils/markdownLoader.js';/**
+ * Wrapper component that uses Remix useParams to automatically load article data.
+ * This maintains backward compatibility with the existing routing structure.
+ *
+ * For a more reusable approach, use ArticlePage directly with props.
+ */
+const MarkdownPageWithParams = () => {
+  const {
+    categoryId,
+    articleSlug
+  } = useParams();
+  const [markdown, setMarkdown] = useState(null);
+  const [previousMarkdown, setPreviousMarkdown] = useState(null);
+  const [nextMarkdown, setNextMarkdown] = useState(null);
+  useEffect(() => {
+    if (articleSlug) {
+      const loadContent = async () => {
+        const articleData = await loadArticleContent(articleSlug);
+        setMarkdown(articleData);
+        // Calculate previous/next markdown from category
+        if (articleData) {
+          const category = getCategoryByIdSync(articleData.categoryId || categoryId || '');
+          const categoryArticles = category?.articles ?? [];
+          const currentIndex = categoryArticles.findIndex(a => a.slug === articleData.slug);
+          if (currentIndex > 0) {
+            const prev = categoryArticles[currentIndex - 1];
+            setPreviousMarkdown({
+              categoryId: articleData.categoryId || categoryId || '',
+              slug: prev.slug,
+              title: prev.title
+            });
+          } else {
+            setPreviousMarkdown(null);
+          }
+          if (currentIndex >= 0 && currentIndex < categoryArticles.length - 1) {
+            const next = categoryArticles[currentIndex + 1];
+            setNextMarkdown({
+              categoryId: articleData.categoryId || categoryId || '',
+              slug: next.slug,
+              title: next.title
+            });
+          } else {
+            setNextMarkdown(null);
+          }
+        }
+      };
+      loadContent();
+    }
+  }, [articleSlug, categoryId]);
+  const category = markdown ? getCategoryByIdSync(markdown.categoryId || categoryId || '') : null;
+  return jsx(MarkdownPage, {
+    article: markdown,
+    categoryId: categoryId,
+    categoryTitle: category?.title,
+    articleSlug: articleSlug,
+    loadArticle: loadArticleContent,
+    previousMarkdown: previousMarkdown,
+    nextMarkdown: nextMarkdown,
+    getMarkdownLink: (categoryId, slug) => `/help-center/${categoryId}/${slug}`,
+    getCategoryLink: categoryId => `/help-center/${categoryId}`,
+    getHelpCenterLink: () => '/help-center',
+    helpCenterLabel: "All Collections",
+    backToHelpCenterLabel: "\u2190 Back to Help Center"
+  });
+};export{MarkdownPageWithParams};//# sourceMappingURL=MarkdownPageWithParams.js.map

package/lib/pages/Markdown/MarkdownPageWithParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownPageWithParams.js","sources":["../../../src/pages/Markdown/MarkdownPageWithParams.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"gSASA;;;;;AAKG;AACI,MAAM,sBAAsB,GAAa,MAAK;QAC3C;IACN,UAAe;IACf;MACM,SAAa,EAAA;QAEV,CAAA,QAAI,EAAE,WAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;QACX,CAAI,gBAAa,EAAC,mBAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AACd,EAAA,MAAA,CAAA,YAAiB,EAAA,eAAQ,CAAA,GAAM,QAAA,CAAA,IAAA,CAAA;AAC3B,EAAA,SAAA,CAAA,MAAA;mBACW,EAAA;uBAEsC,GAAA,YAAA;yBAC7C,GAAA,MAAc,kBAAA,CAAA,WAAA,CAAA;AACd,QAAA,WAAA,CAAA,WAAc,CAAA;AACd;AACA,QAAA,IAAA,WAAA,EAAA;AAEA,UAAA,MAAA,QAAI,GAAY,mBAAO,CAAA,WAAA,CAAA,UAAA,IAAA,UAAA,IAAA,EAAA,CAAA;gCACb,WAAuB,EAAA,QAAA;AAC7B,UAAA,MAAA,YAAA,GAAA,gBAAoB,CAAA,SAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,KAAA,WAAA,CAAA,IAAA,CAAA;AAChB,UAAA,IAAA,YAAA,GAAA,CAAA,EAAA;yCACe,CAAA,YAAA,GAAA,CAAA,CAAA;+BACV,CAAA;AACR,cAAA,UAAA,EAAC,WAAC,CAAA,UAAA,IAAA,UAAA,IAAA,EAAA;oBACP,IAAC,CAAA,IAAA;yBAAM,CAAC;;;AAIR,YAAA,mBAAgB,CAAA,IAAA,CAAA;;AAEZ,UAAA,IAAA,YAAA,IAAA,CAAA,IAAA,YAAgB,GAAA,gBAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACZ,YAAA,MAAA,IAAA,GAAA,gBAAuB,CAAA;4BACvB;qCACW,CAAA,UAAM,IAAA,UAAA,IAAA,EAAA;AACpB,cAAA,IAAA,EAAA,IAAA,CAAA,IAAE;qBACN,IAAA,CAAA;;;2BAEA,CAAA,IAAA,CAAA;;AAET;AACA,OAAA;iBACH,EAAA;AACL;KAEM,CAAA,WAAA,YAAmB,CAAC,CAAC;AAE3B,EAAA,MAAA,QACK,GAAA,QAAA,GACG,mBAAiB,CAAA,QACP,CAAA,wBACV,IAAA,EAAa,CAAE,GAAA,IAAA;AAY3B,EAAE,OAAAA,GAAA,CAAA,YAAA,EAAA;;;;;;;;;;;;;;"}

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

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

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

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

package/lib/pages/Markdown/index.js

@@ -0,0 +1,5 @@
+import {jsx}from'react/jsx-runtime';import {MarkdownPageWithParams}from'./MarkdownPageWithParams.js';import {MarkdownPageLayout}from'./MarkdownPageLayout.js';const MarkdownPageIndex = () => {
+  return jsx(MarkdownPageLayout, {
+    children: jsx(MarkdownPageWithParams, {})
+  });
+};export{MarkdownPageIndex as default};//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/pages/Markdown/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"8JAGM,MAAA,iBAAiB,GAAG,MAAK;SACpBA,sBACgB,EAAA;AAI3B,IAAE,QAAA,EAAAA,GAAA,CAAA,sBAAA,EAAA,EAAA;AAEF,GAAA,CAAA;"}

package/lib/routes.json

@@ -1,4 +1,31 @@
 [
+  {
+    "/": {
+      "key": "root-layout",
+      "name": "root layout",
+      "path": "/",
+      "auth": "optional",
+      "extraPermissions": [
+        "*"
+      ],
+      "exact": false,
+      "componentPath": "@admin-layout/tailwind-design-pro/lib/components/Layout/ProTailwindLayout.js",
+      "hasLoader": true,
+      "hasClientLoader": true,
+      "hasComponent": true,
+      "hasLinks": true,
+      "hasShouldRevalidate": true,
+      "hasHandle": true,
+      "loaderReturnInfo": {
+        "hasOptions": false,
+        "keys": [
+          "newMenuData",
+          "apolloState",
+          "permissions"
+        ]
+      }
+    }
+  },
   {
     "//landing": {
       "path": "//landing",
@@ -51,7 +78,7 @@
       "exact": true,
       "hideInMenu": true,
       "position": "MIDDLE",
-      "componentPath": "@adminide-stack/clock-tik-browser/lib/pages/ArticlePage/index.js",
+      "componentPath": "@adminide-stack/clock-tik-browser/lib/pages/Markdown/index.js",
       "hasComponent": true
     }
   },