@cedros/data-react 0.1.0

package/dist/site-templates/tocScrollSpy.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+/**
+ * Client-side scroll-spy TOC component.
+ *
+ * Uses IntersectionObserver to highlight the current section heading.
+ * Renders the same link structure as the static TOC in DocArticleTemplate
+ * but adds `cedros-site__toc-link--active` to the visible heading.
+ */
+export function TocScrollSpy({ entries }) {
+    const [activeId, setActiveId] = useState("");
+    useEffect(() => {
+        if (entries.length === 0)
+            return;
+        const ids = entries.map((e) => e.id);
+        const elements = ids
+            .map((id) => document.getElementById(id))
+            .filter((el) => el !== null);
+        if (elements.length === 0)
+            return;
+        const observer = new IntersectionObserver((observed) => {
+            for (const entry of observed) {
+                if (entry.isIntersecting) {
+                    setActiveId(entry.target.id);
+                }
+            }
+        }, { rootMargin: "-10% 0px -80% 0px" });
+        for (const el of elements)
+            observer.observe(el);
+        return () => observer.disconnect();
+    }, [entries]);
+    return (_jsx("nav", { className: "cedros-site__toc-links", "aria-label": "Table of contents", children: entries.map((entry) => {
+            const isActive = entry.id === activeId;
+            return (_jsx("a", { href: `#${entry.id}`, className: `cedros-site__toc-link cedros-site__toc-link--depth-${entry.depth ?? 2}${isActive ? " cedros-site__toc-link--active" : ""}`, "aria-current": isActive ? "true" : undefined, children: entry.label }, entry.id));
+        }) }));
+}

package/dist/templates.d.ts

@@ -0,0 +1,8 @@
+export type DefaultPageKey = "home" | "about" | "contact" | "docs" | "blog" | "privacy-policy" | "terms-of-service" | "not-found";
+export interface PageTemplateContract {
+    key: DefaultPageKey;
+    title: string;
+    route: string;
+    section: "core" | "content" | "legal";
+}
+export declare const defaultPageTemplates: PageTemplateContract[];

package/dist/templates.js

@@ -0,0 +1,20 @@
+export const defaultPageTemplates = [
+    { key: "home", title: "Home", route: "/", section: "core" },
+    { key: "about", title: "About", route: "/about", section: "core" },
+    { key: "contact", title: "Contact", route: "/contact", section: "core" },
+    { key: "docs", title: "Docs", route: "/docs", section: "content" },
+    { key: "blog", title: "Blog", route: "/blog", section: "content" },
+    {
+        key: "privacy-policy",
+        title: "Privacy Policy",
+        route: "/privacy-policy",
+        section: "legal"
+    },
+    {
+        key: "terms-of-service",
+        title: "Terms of Service",
+        route: "/terms-of-service",
+        section: "legal"
+    },
+    { key: "not-found", title: "Not Found", route: "/404", section: "core" }
+];

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@cedros/data-react",
+  "version": "0.1.0",
+  "description": "React components, page templates, and Next.js integration for cedros-data",
+  "type": "module",
+  "main": "./dist/react/index.js",
+  "types": "./dist/react/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js"
+    },
+    "./server": {
+      "types": "./dist/react/server.d.ts",
+      "import": "./dist/react/server.js"
+    },
+    "./types": {
+      "types": "./dist/react/types.d.ts",
+      "import": "./dist/react/types.js"
+    },
+    "./admin": {
+      "types": "./dist/admin/index.d.ts",
+      "import": "./dist/admin/index.js"
+    },
+    "./admin/styles.css": "./dist/admin/styles.css",
+    "./site-templates": {
+      "types": "./dist/site-templates/index.d.ts",
+      "import": "./dist/site-templates/index.js"
+    },
+    "./site-templates/styles.css": "./dist/site-templates/styles.css",
+    "./templates": {
+      "types": "./dist/templates.d.ts",
+      "import": "./dist/templates.js"
+    }
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@solana/spl-token": "^0.4.0",
+    "@solana/web3.js": "^1.98.4",
+    "highlight.js": "^11.11.1",
+    "react-markdown": "^10.1.0",
+    "rehype-autolink-headings": "^7.1.0",
+    "rehype-highlight": "^7.0.2",
+    "rehype-slug": "^6.0.0",
+    "remark-gfm": "^4.0.1",
+    "remark-github-blockquote-alert": "^1.3.1",
+    "remark-parse": "^11.0.0",
+    "unified": "^11.0.5"
+  }
+}