@takazudo/zudo-doc 0.2.0 → 0.2.2

package/dist/theme-toggle/color-scheme-sync.js

@@ -0,0 +1,22 @@
+const COLOR_SCHEME_CHANGED_EVENT = "color-scheme-changed";
+const STORAGE_KEY = "zudo-doc-theme";
+function readColorSchemeFromDom(defaultMode) {
+  const actual = document.documentElement.getAttribute("data-theme");
+  return actual === "light" || actual === "dark" ? actual : defaultMode;
+}
+function applyColorScheme(next) {
+  document.documentElement.setAttribute("data-theme", next);
+  document.documentElement.style.colorScheme = next;
+  localStorage.setItem(STORAGE_KEY, next);
+  window.dispatchEvent(new CustomEvent(COLOR_SCHEME_CHANGED_EVENT));
+}
+function subscribeColorSchemeChanged(listener) {
+  window.addEventListener(COLOR_SCHEME_CHANGED_EVENT, listener);
+  return () => window.removeEventListener(COLOR_SCHEME_CHANGED_EVENT, listener);
+}
+export {
+  COLOR_SCHEME_CHANGED_EVENT,
+  applyColorScheme,
+  readColorSchemeFromDom,
+  subscribeColorSchemeChanged
+};

package/dist/theme-toggle/index.d.ts

@@ -0,0 +1,12 @@
+import * as preact from 'preact';
+import { ColorSchemeMode } from './color-scheme-sync.js';
+
+interface ThemeToggleProps {
+    defaultMode?: ColorSchemeMode;
+}
+declare function ThemeToggle({ defaultMode, }: ThemeToggleProps): preact.JSX.Element;
+declare namespace ThemeToggle {
+    var displayName: string;
+}
+
+export { ThemeToggle, type ThemeToggleProps };

package/dist/theme-toggle/index.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useState, useEffect } from "preact/hooks";
+import {
+  applyColorScheme,
+  readColorSchemeFromDom,
+  subscribeColorSchemeChanged
+} from "./color-scheme-sync.js";
+function SunIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+        /* @__PURE__ */ jsx("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+        /* @__PURE__ */ jsx("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+        /* @__PURE__ */ jsx("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+        /* @__PURE__ */ jsx("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+      ]
+    }
+  );
+}
+function MoonIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
+    }
+  );
+}
+function ThemeToggle({
+  defaultMode = "dark"
+}) {
+  const [mode, setMode] = useState(defaultMode);
+  useEffect(() => {
+    const sync = () => setMode(readColorSchemeFromDom(defaultMode));
+    sync();
+    return subscribeColorSchemeChanged(sync);
+  }, []);
+  function toggle() {
+    const next = mode === "dark" ? "light" : "dark";
+    setMode(next);
+    applyColorScheme(next);
+  }
+  const nextMode = mode === "dark" ? "light" : "dark";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: toggle,
+      "aria-label": `Switch to ${nextMode} mode`,
+      className: "text-muted hover:text-fg transition-colors p-hsp-sm focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2",
+      children: mode === "dark" ? /* @__PURE__ */ jsx(SunIcon, {}) : /* @__PURE__ */ jsx(MoonIcon, {})
+    }
+  );
+}
+ThemeToggle.displayName = "ThemeToggle";
+export {
+  ThemeToggle
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takazudo/zudo-doc",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "type": "module",
   "description": "zudo-doc framework primitives layer that sits on top of zfb's engine — sidebar, theme, TOC, breadcrumb, layouts, head injection, View Transitions, SSR-skip wrappers (per ADR-003).",
   "license": "MIT",
@@ -43,6 +43,10 @@
       "types": "./dist/theme/color-scheme-provider.d.ts",
       "default": "./dist/theme/color-scheme-provider.js"
     },
+    "./theme-toggle": {
+      "types": "./dist/theme-toggle/index.d.ts",
+      "default": "./dist/theme-toggle/index.js"
+    },
     "./toc": {
       "types": "./dist/toc/index.d.ts",
       "default": "./dist/toc/index.js"
@@ -160,10 +164,11 @@
   ],
   "peerDependencies": {
     "preact": "^10.29.1",
-    "@takazudo/zfb": "^0.1.0-next.35",
-    "@takazudo/zfb-runtime": "^0.1.0-next.35",
+    "@takazudo/zfb": "^0.1.0-next.38",
+    "@takazudo/zfb-runtime": "^0.1.0-next.38",
     "@takazudo/zdtp": "^0.2.0-next.2",
-    "@takazudo/zudo-doc-history-server": "^0.2.0"
+    "shiki": "^4.0.2",
+    "@takazudo/zudo-doc-history-server": "^0.2.2"
   },
   "peerDependenciesMeta": {
     "@takazudo/zudo-doc-history-server": {
@@ -171,6 +176,9 @@
     },
     "@takazudo/zdtp": {
       "optional": true
+    },
+    "shiki": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -181,11 +189,12 @@
     "cross-env": "^7.0.3",
     "preact": "^10.29.1",
     "preact-render-to-string": "^6.6.6",
+    "shiki": "^4.0.2",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
     "vitest": "^4.1.0",
-    "@takazudo/zfb": "0.1.0-next.35",
-    "@takazudo/zfb-runtime": "0.1.0-next.35"
+    "@takazudo/zfb": "0.1.0-next.38",
+    "@takazudo/zfb-runtime": "0.1.0-next.38"
   },
   "scripts": {
     "build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 tsup",

package/dist/integrations/search-index/content-files.d.ts

@@ -1,42 +0,0 @@
-/**
- * Strip markdown formatting to plain text. Conservative-by-design — the
- * regex pipeline is identical to today's Astro integration so search
- * excerpts stay byte-equal across the cutover. Do not add new rules
- * without also updating the byte-equality fixtures (topic-plugin-audit).
- */
-declare function stripMarkdown(md: string): string;
-/** Walk a directory recursively and collect all `.md`/`.mdx` files. */
-declare function collectMdFiles(dir: string): Array<{
-    filePath: string;
-    slug: string;
-}>;
-/** Compute the site-relative URL for a slug + locale, honouring `base`. */
-declare function slugToUrl(slug: string, locale: string | null, base: string): string;
-/** Frontmatter fields the integration cares about. Extra keys pass through. */
-interface DocFrontmatter {
-    title?: string;
-    description?: string;
-    draft?: boolean;
-    unlisted?: boolean;
-    search_exclude?: boolean;
-    /**
-     * A `category_no_page` index.mdx carries category metadata only and builds
-     * no route — so its slug must NOT enter the search index (the result link
-     * would 404). Mirrors the route/sitemap exclusion in the host project.
-     */
-    category_no_page?: boolean;
-    [key: string]: unknown;
-}
-/** Parse a markdown file. Returns null when the file cannot be read. */
-declare function parseMarkdownFile(filePath: string): {
-    data: DocFrontmatter;
-    content: string;
-} | null;
-/**
- * A page is excluded from indexing when explicitly opted out, drafted,
- * unlisted, or a `category_no_page` metadata-only category index (no built
- * route to link to).
- */
-declare function isExcluded(data: DocFrontmatter): boolean;
-
-export { type DocFrontmatter, collectMdFiles, isExcluded, parseMarkdownFile, slugToUrl, stripMarkdown };