@silicajs/components 0.1.0

package/dist/vault-tree.js

@@ -0,0 +1,248 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronRight } from "lucide-react";
+import { cn } from "@silicajs/ui/lib/utils";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "@silicajs/ui/components/collapsible";
+import {
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub
+} from "@silicajs/ui/components/sidebar";
+import { useSilicaRouting } from "./routing.js";
+import { prettySegment, slugToHref } from "./slug.js";
+const STORAGE_KEY = "silica-tree-expanded";
+function emptyNode(name, fullPath, sortKey) {
+  return { key: fullPath || "/", name, fullPath, sortKey, children: [] };
+}
+function buildTreeFromEntries(entries) {
+  const root = emptyNode("", "");
+  const byPath = /* @__PURE__ */ new Map([["", root]]);
+  let homeEntry;
+  for (const entry of entries) {
+    if (entry.slug === "index") {
+      homeEntry = entry;
+      continue;
+    }
+    const segments = entry.slug.split("/");
+    const sortSegments = entry.sortKey?.split("/") ?? [];
+    let parent = root;
+    for (let i = 0; i < segments.length; i++) {
+      const segment = segments[i];
+      const isLast = i === segments.length - 1;
+      const fullPath = segments.slice(0, i + 1).join("/");
+      const nodeSortKey = sortSegments.slice(0, i + 1).join("/") || void 0;
+      if (isLast && segment === "index") {
+        parent.entry = entry;
+        continue;
+      }
+      let node = byPath.get(fullPath);
+      if (!node) {
+        node = emptyNode(segment, fullPath, nodeSortKey);
+        byPath.set(fullPath, node);
+        parent.children.push(node);
+      } else if (!node.sortKey && nodeSortKey) {
+        node.sortKey = nodeSortKey;
+      }
+      if (isLast) node.entry = entry;
+      parent = node;
+    }
+  }
+  const sortRecursively = (node) => {
+    if (node.children.some((child) => child.sortKey)) {
+      node.children.sort(compareOrderedNodes);
+    } else {
+      const folders = node.children.filter((c) => c.children.length > 0);
+      const leaves = node.children.filter((c) => c.children.length === 0);
+      folders.sort((a, b) => a.name.localeCompare(b.name));
+      leaves.sort((a, b) => {
+        const ta = a.entry?.title ?? a.name;
+        const tb = b.entry?.title ?? b.name;
+        return ta.localeCompare(tb);
+      });
+      node.children = [...folders, ...leaves];
+    }
+    for (const child of node.children) sortRecursively(child);
+  };
+  sortRecursively(root);
+  return { nodes: root.children, homeEntry };
+}
+function compareOrderedNodes(a, b) {
+  return (a.sortKey ?? fallbackNodeSortKey(a)).localeCompare(
+    b.sortKey ?? fallbackNodeSortKey(b)
+  ) || fallbackNodeLabel(a).localeCompare(fallbackNodeLabel(b));
+}
+function fallbackNodeSortKey(node) {
+  return `~~~~~~~~~~:${fallbackNodeLabel(node)}`;
+}
+function fallbackNodeLabel(node) {
+  return node.entry?.title ?? node.name;
+}
+function ancestorIdsOf(slug) {
+  if (!slug || slug === "index") return [];
+  const segments = slug.split("/");
+  const out = [];
+  for (let i = 1; i < segments.length; i++) {
+    out.push(segments.slice(0, i).join("/"));
+  }
+  return out;
+}
+function activeIdFromSlug(slug) {
+  if (!slug || slug === "index") return void 0;
+  if (slug.endsWith("/index")) return slug.slice(0, -"/index".length);
+  return slug;
+}
+function VaultTree({
+  entries,
+  currentSlug: currentSlugProp,
+  showHomeLink = true
+}) {
+  const { Link, currentSlug: routedCurrentSlug } = useSilicaRouting();
+  const currentSlug = currentSlugProp ?? routedCurrentSlug;
+  const { nodes, homeEntry } = React.useMemo(
+    () => buildTreeFromEntries(entries),
+    [entries]
+  );
+  const activeId = activeIdFromSlug(currentSlug);
+  const homeIsActive = currentSlug === "index" || currentSlug === void 0;
+  const [expanded, setExpanded] = React.useState(/* @__PURE__ */ new Set());
+  React.useEffect(() => {
+    const next = /* @__PURE__ */ new Set();
+    try {
+      const raw = window.localStorage.getItem(STORAGE_KEY);
+      if (raw) {
+        const parsed = JSON.parse(raw);
+        if (Array.isArray(parsed)) {
+          for (const x of parsed) if (typeof x === "string") next.add(x);
+        }
+      }
+    } catch {
+    }
+    for (const id of ancestorIdsOf(currentSlug)) next.add(id);
+    setExpanded(next);
+  }, [currentSlug]);
+  const handleToggle = React.useCallback((id, open) => {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      if (open) next.add(id);
+      else next.delete(id);
+      try {
+        window.localStorage.setItem(STORAGE_KEY, JSON.stringify([...next]));
+      } catch {
+      }
+      return next;
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs(SidebarMenu, { children: [
+    showHomeLink ? /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { isActive: homeIsActive, render: /* @__PURE__ */ jsx(Link, { href: "/" }), children: /* @__PURE__ */ jsx("span", { className: "truncate", children: homeEntry?.title ?? "Home" }) }) }) : null,
+    nodes.map((node) => /* @__PURE__ */ jsx(
+      VaultTreeNode,
+      {
+        node,
+        activeId,
+        expanded,
+        onToggle: handleToggle,
+        Link
+      },
+      node.key
+    ))
+  ] });
+}
+function VaultTreeNode({
+  node,
+  activeId,
+  expanded,
+  onToggle,
+  Link
+}) {
+  const hasChildren = node.children.length > 0;
+  const isActive = activeId === node.key;
+  const isOpen = expanded.has(node.key);
+  const label = node.entry?.title ?? prettySegment(node.name);
+  const href = node.entry ? slugToHref(node.entry.slug) : void 0;
+  if (!hasChildren) {
+    return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(
+      SidebarMenuButton,
+      {
+        isActive,
+        ...href ? { render: /* @__PURE__ */ jsx(Link, { href }) } : {},
+        children: /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+      }
+    ) });
+  }
+  if (href) {
+    return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(
+      Collapsible,
+      {
+        open: isOpen,
+        onOpenChange: (open) => onToggle(node.key, open),
+        children: [
+          /* @__PURE__ */ jsx(SidebarMenuButton, { isActive, render: /* @__PURE__ */ jsx(Link, { href }), children: /* @__PURE__ */ jsx("span", { className: "truncate", children: label }) }),
+          /* @__PURE__ */ jsx(
+            CollapsibleTrigger,
+            {
+              render: /* @__PURE__ */ jsx(
+                SidebarMenuAction,
+                {
+                  "aria-label": isOpen ? "Collapse" : "Expand",
+                  className: cn("transition-transform", isOpen && "rotate-90"),
+                  children: /* @__PURE__ */ jsx(ChevronRight, {})
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, { children: node.children.map((child) => /* @__PURE__ */ jsx(
+            VaultTreeNode,
+            {
+              node: child,
+              activeId,
+              expanded,
+              onToggle,
+              Link
+            },
+            child.key
+          )) }) })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(
+    Collapsible,
+    {
+      open: isOpen,
+      onOpenChange: (open) => onToggle(node.key, open),
+      children: [
+        /* @__PURE__ */ jsxs(SidebarMenuButton, { isActive, render: /* @__PURE__ */ jsx(CollapsibleTrigger, {}), children: [
+          /* @__PURE__ */ jsx(
+            ChevronRight,
+            {
+              className: cn("transition-transform", isOpen && "rotate-90")
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+        ] }),
+        /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx(SidebarMenuSub, { children: node.children.map((child) => /* @__PURE__ */ jsx(
+          VaultTreeNode,
+          {
+            node: child,
+            activeId,
+            expanded,
+            onToggle,
+            Link
+          },
+          child.key
+        )) }) })
+      ]
+    }
+  ) });
+}
+export {
+  VaultTree
+};
+//# sourceMappingURL=vault-tree.js.map

package/dist/vault-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vault-tree.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronRight } from \"lucide-react\";\n\nimport { cn } from \"@silicajs/ui/lib/utils\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@silicajs/ui/components/collapsible\";\nimport {\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n} from \"@silicajs/ui/components/sidebar\";\n\nimport { useSilicaRouting, type SilicaLinkComponent } from \"./routing.js\";\nimport { prettySegment, slugToHref } from \"./slug.js\";\n\nconst STORAGE_KEY = \"silica-tree-expanded\";\n\nexport type VaultTreeEntry = {\n  slug: string;\n  title: string;\n  sortKey?: string;\n};\n\ntype FolderNode = {\n  key: string;\n  name: string;\n  fullPath: string;\n  sortKey?: string;\n  entry?: VaultTreeEntry;\n  children: FolderNode[];\n};\n\nfunction emptyNode(\n  name: string,\n  fullPath: string,\n  sortKey?: string,\n): FolderNode {\n  return { key: fullPath || \"/\", name, fullPath, sortKey, children: [] };\n}\n\nfunction buildTreeFromEntries(entries: VaultTreeEntry[]): {\n  nodes: FolderNode[];\n  homeEntry?: VaultTreeEntry;\n} {\n  const root = emptyNode(\"\", \"\");\n  const byPath = new Map<string, FolderNode>([[\"\", root]]);\n  let homeEntry: VaultTreeEntry | undefined;\n\n  for (const entry of entries) {\n    if (entry.slug === \"index\") {\n      homeEntry = entry;\n      continue;\n    }\n    const segments = entry.slug.split(\"/\");\n    const sortSegments = entry.sortKey?.split(\"/\") ?? [];\n    let parent = root;\n    for (let i = 0; i < segments.length; i++) {\n      const segment = segments[i]!;\n      const isLast = i === segments.length - 1;\n      const fullPath = segments.slice(0, i + 1).join(\"/\");\n      const nodeSortKey = sortSegments.slice(0, i + 1).join(\"/\") || undefined;\n      if (isLast && segment === \"index\") {\n        parent.entry = entry;\n        continue;\n      }\n      let node = byPath.get(fullPath);\n      if (!node) {\n        node = emptyNode(segment, fullPath, nodeSortKey);\n        byPath.set(fullPath, node);\n        parent.children.push(node);\n      } else if (!node.sortKey && nodeSortKey) {\n        node.sortKey = nodeSortKey;\n      }\n      if (isLast) node.entry = entry;\n      parent = node;\n    }\n  }\n\n  const sortRecursively = (node: FolderNode) => {\n    if (node.children.some((child) => child.sortKey)) {\n      node.children.sort(compareOrderedNodes);\n    } else {\n      const folders = node.children.filter((c) => c.children.length > 0);\n      const leaves = node.children.filter((c) => c.children.length === 0);\n      folders.sort((a, b) => a.name.localeCompare(b.name));\n      leaves.sort((a, b) => {\n        const ta = a.entry?.title ?? a.name;\n        const tb = b.entry?.title ?? b.name;\n        return ta.localeCompare(tb);\n      });\n      node.children = [...folders, ...leaves];\n    }\n    for (const child of node.children) sortRecursively(child);\n  };\n  sortRecursively(root);\n\n  return { nodes: root.children, homeEntry };\n}\n\nfunction compareOrderedNodes(a: FolderNode, b: FolderNode): number {\n  return (\n    (a.sortKey ?? fallbackNodeSortKey(a)).localeCompare(\n      b.sortKey ?? fallbackNodeSortKey(b),\n    ) || fallbackNodeLabel(a).localeCompare(fallbackNodeLabel(b))\n  );\n}\n\nfunction fallbackNodeSortKey(node: FolderNode): string {\n  return `~~~~~~~~~~:${fallbackNodeLabel(node)}`;\n}\n\nfunction fallbackNodeLabel(node: FolderNode): string {\n  return node.entry?.title ?? node.name;\n}\n\nfunction ancestorIdsOf(slug: string | undefined): string[] {\n  if (!slug || slug === \"index\") return [];\n  const segments = slug.split(\"/\");\n  const out: string[] = [];\n  for (let i = 1; i < segments.length; i++) {\n    out.push(segments.slice(0, i).join(\"/\"));\n  }\n  return out;\n}\n\nfunction activeIdFromSlug(slug: string | undefined): string | undefined {\n  if (!slug || slug === \"index\") return undefined;\n  if (slug.endsWith(\"/index\")) return slug.slice(0, -\"/index\".length);\n  return slug;\n}\n\nexport type VaultTreeProps = {\n  entries: VaultTreeEntry[];\n  currentSlug?: string;\n  showHomeLink?: boolean;\n};\n\nexport function VaultTree({\n  entries,\n  currentSlug: currentSlugProp,\n  showHomeLink = true,\n}: VaultTreeProps) {\n  const { Link, currentSlug: routedCurrentSlug } = useSilicaRouting();\n  const currentSlug = currentSlugProp ?? routedCurrentSlug;\n  const { nodes, homeEntry } = React.useMemo(\n    () => buildTreeFromEntries(entries),\n    [entries],\n  );\n\n  const activeId = activeIdFromSlug(currentSlug);\n  const homeIsActive = currentSlug === \"index\" || currentSlug === undefined;\n\n  const [expanded, setExpanded] = React.useState<Set<string>>(new Set());\n\n  // Hydrate expansion state from localStorage and re-sync ancestor expansion\n  // whenever the active slug changes (e.g. on client-side navigation).\n  React.useEffect(() => {\n    const next = new Set<string>();\n    try {\n      const raw = window.localStorage.getItem(STORAGE_KEY);\n      if (raw) {\n        const parsed = JSON.parse(raw) as unknown;\n        if (Array.isArray(parsed)) {\n          for (const x of parsed) if (typeof x === \"string\") next.add(x);\n        }\n      }\n    } catch {\n      // ignore\n    }\n    for (const id of ancestorIdsOf(currentSlug)) next.add(id);\n    setExpanded(next);\n  }, [currentSlug]);\n\n  const handleToggle = React.useCallback((id: string, open: boolean) => {\n    setExpanded((prev) => {\n      const next = new Set(prev);\n      if (open) next.add(id);\n      else next.delete(id);\n      try {\n        window.localStorage.setItem(STORAGE_KEY, JSON.stringify([...next]));\n      } catch {\n        // ignore\n      }\n      return next;\n    });\n  }, []);\n\n  return (\n    <SidebarMenu>\n      {showHomeLink ? (\n        <SidebarMenuItem>\n          <SidebarMenuButton isActive={homeIsActive} render={<Link href=\"/\" />}>\n            <span className=\"truncate\">{homeEntry?.title ?? \"Home\"}</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      ) : null}\n      {nodes.map((node) => (\n        <VaultTreeNode\n          key={node.key}\n          node={node}\n          activeId={activeId}\n          expanded={expanded}\n          onToggle={handleToggle}\n          Link={Link}\n        />\n      ))}\n    </SidebarMenu>\n  );\n}\n\ntype VaultTreeNodeProps = {\n  node: FolderNode;\n  activeId: string | undefined;\n  expanded: Set<string>;\n  onToggle: (id: string, open: boolean) => void;\n  Link: SilicaLinkComponent;\n};\n\nfunction VaultTreeNode({\n  node,\n  activeId,\n  expanded,\n  onToggle,\n  Link,\n}: VaultTreeNodeProps) {\n  const hasChildren = node.children.length > 0;\n  const isActive = activeId === node.key;\n  const isOpen = expanded.has(node.key);\n  const label = node.entry?.title ?? prettySegment(node.name);\n  const href = node.entry ? slugToHref(node.entry.slug) : undefined;\n\n  if (!hasChildren) {\n    return (\n      <SidebarMenuItem>\n        <SidebarMenuButton\n          isActive={isActive}\n          {...(href ? { render: <Link href={href} /> } : {})}\n        >\n          <span className=\"truncate\">{label}</span>\n        </SidebarMenuButton>\n      </SidebarMenuItem>\n    );\n  }\n\n  // Folder that is also a page: label navigates, separate chevron toggles.\n  if (href) {\n    return (\n      <SidebarMenuItem>\n        <Collapsible\n          open={isOpen}\n          onOpenChange={(open) => onToggle(node.key, open)}\n        >\n          <SidebarMenuButton isActive={isActive} render={<Link href={href} />}>\n            <span className=\"truncate\">{label}</span>\n          </SidebarMenuButton>\n          <CollapsibleTrigger\n            render={\n              <SidebarMenuAction\n                aria-label={isOpen ? \"Collapse\" : \"Expand\"}\n                className={cn(\"transition-transform\", isOpen && \"rotate-90\")}\n              >\n                <ChevronRight />\n              </SidebarMenuAction>\n            }\n          />\n          <CollapsibleContent>\n            <SidebarMenuSub>\n              {node.children.map((child) => (\n                <VaultTreeNode\n                  key={child.key}\n                  node={child}\n                  activeId={activeId}\n                  expanded={expanded}\n                  onToggle={onToggle}\n                  Link={Link}\n                />\n              ))}\n            </SidebarMenuSub>\n          </CollapsibleContent>\n        </Collapsible>\n      </SidebarMenuItem>\n    );\n  }\n\n  // Folder without its own page: whole row toggles.\n  return (\n    <SidebarMenuItem>\n      <Collapsible\n        open={isOpen}\n        onOpenChange={(open) => onToggle(node.key, open)}\n      >\n        <SidebarMenuButton isActive={isActive} render={<CollapsibleTrigger />}>\n          <ChevronRight\n            className={cn(\"transition-transform\", isOpen && \"rotate-90\")}\n          />\n          <span className=\"truncate\">{label}</span>\n        </SidebarMenuButton>\n        <CollapsibleContent>\n          <SidebarMenuSub>\n            {node.children.map((child) => (\n              <VaultTreeNode\n                key={child.key}\n                node={child}\n                activeId={activeId}\n                expanded={expanded}\n                onToggle={onToggle}\n                Link={Link}\n              />\n            ))}\n          </SidebarMenuSub>\n        </CollapsibleContent>\n      </Collapsible>\n    </SidebarMenuItem>\n  );\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@silicajs/components",
+  "version": "0.1.0",
+  "description": "Silica-aware, framework-agnostic React composables built on @silicajs/ui.",
+  "type": "module",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./routing": {
+      "types": "./dist/routing.d.ts",
+      "import": "./dist/routing.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests"
+  },
+  "dependencies": {
+    "@silicajs/core": "^0.1.0",
+    "@silicajs/remark-obsidian": "^0.1.0",
+    "@silicajs/ui": "^0.1.0",
+    "lucide-react": "^1.16.0"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "tsup": "^8.5.1"
+  }
+}