@seed-ship/mcp-ui-solid 1.2.6 → 2.0.0

package/dist/components/CodeBlockRenderer.cjs

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+var _tmpl$ = /* @__PURE__ */ web.template(`<svg class="w-4 h-4 text-green-500"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M5 13l4 4L19 7">`), _tmpl$2 = /* @__PURE__ */ web.template(`<div class="flex-none text-right select-none bg-gray-100 dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 py-4 px-2 text-gray-400 font-mono text-xs leading-5">`), _tmpl$3 = /* @__PURE__ */ web.template(`<div class="w-full bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden text-sm flex flex-col"><div class="flex items-center justify-between px-4 py-2 bg-gray-100 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 shrink-0"><div class="font-mono text-xs text-gray-600 dark:text-gray-400"></div><button class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 focus:outline-none transition-colors"aria-label="Copy code"title="Copy code"></button></div><div class="relative overflow-auto flex"><!$><!/><pre class="flex-1 m-0 p-4 font-mono text-gray-800 dark:text-gray-100 bg-transparent leading-5"><code>`), _tmpl$4 = /* @__PURE__ */ web.template(`<svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z">`), _tmpl$5 = /* @__PURE__ */ web.template(`<div class=px-2>`);
+let hljs = null;
+let stylesLoaded = false;
+const CodeBlockRenderer = (props) => {
+  const [highlightedCode, setHighlightedCode] = solidJs.createSignal("");
+  const [isCopied, setIsCopied] = solidJs.createSignal(false);
+  const [isHljsLoaded, setIsHljsLoaded] = solidJs.createSignal(false);
+  const [activeTheme, setActiveTheme] = solidJs.createSignal("dark");
+  const params = () => {
+    var _a;
+    return props.params || ((_a = props.component) == null ? void 0 : _a.params);
+  };
+  solidJs.createEffect(async () => {
+    if (!hljs) {
+      try {
+        const module2 = await Promise.resolve().then(() => require("../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/index.cjs"));
+        hljs = module2.default || module2;
+        setIsHljsLoaded(true);
+      } catch (e) {
+        console.warn("Failed to load highlight.js", e);
+        setIsHljsLoaded(true);
+      }
+    } else {
+      setIsHljsLoaded(true);
+    }
+  });
+  solidJs.createEffect(async () => {
+    if (web.isServer || stylesLoaded) return;
+    try {
+      await Promise.all([Promise.resolve().then(() => require("../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/styles/github.css.cjs")), Promise.resolve().then(() => require("../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/styles/github-dark.css.cjs"))]);
+      stylesLoaded = true;
+    } catch (e) {
+      console.warn("Failed to load highlight.js themes", e);
+    }
+  });
+  solidJs.createEffect(() => {
+    var _a;
+    if (web.isServer) return;
+    const paramTheme = (_a = params()) == null ? void 0 : _a.theme;
+    if (paramTheme) {
+      setActiveTheme(paramTheme);
+      return;
+    }
+    if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      setActiveTheme(mediaQuery.matches ? "dark" : "light");
+      const handleChange = (e) => {
+        var _a2;
+        if (!((_a2 = params()) == null ? void 0 : _a2.theme)) {
+          setActiveTheme(e.matches ? "dark" : "light");
+        }
+      };
+      mediaQuery.addEventListener("change", handleChange);
+      solidJs.onCleanup(() => mediaQuery.removeEventListener("change", handleChange));
+    }
+  });
+  solidJs.createEffect(() => {
+    var _a, _b;
+    const code = ((_a = params()) == null ? void 0 : _a.code) || "";
+    const language = ((_b = params()) == null ? void 0 : _b.language) || "";
+    if (hljs && isHljsLoaded()) {
+      try {
+        let result;
+        if (language && hljs.getLanguage(language)) {
+          result = hljs.highlight(code, {
+            language
+          }).value;
+        } else {
+          result = hljs.highlightAuto(code).value;
+        }
+        setHighlightedCode(result);
+      } catch (e) {
+        setHighlightedCode(code.replace(/</g, "&lt;").replace(/>/g, "&gt;"));
+      }
+    } else {
+      setHighlightedCode(code.replace(/</g, "&lt;").replace(/>/g, "&gt;"));
+    }
+  });
+  const lineNumbers = () => {
+    var _a, _b, _c;
+    if (((_a = params()) == null ? void 0 : _a.showLineNumbers) === false) return [];
+    const code = ((_b = params()) == null ? void 0 : _b.code) || "";
+    const lines = code.split("\n");
+    const start = ((_c = params()) == null ? void 0 : _c.startLine) || 1;
+    return lines.map((_, i) => start + i);
+  };
+  const handleCopy = async () => {
+    var _a;
+    const code = (_a = params()) == null ? void 0 : _a.code;
+    if (code) {
+      try {
+        await navigator.clipboard.writeText(code);
+        setIsCopied(true);
+        setTimeout(() => setIsCopied(false), 2e3);
+      } catch (e) {
+        console.error("Failed to copy code", e);
+      }
+    }
+  };
+  return (() => {
+    var _el$ = web.getNextElement(_tmpl$3), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$6 = _el$2.nextSibling, _el$0 = _el$6.firstChild, [_el$1, _co$] = web.getNextMarker(_el$0.nextSibling), _el$8 = _el$1.nextSibling, _el$9 = _el$8.firstChild;
+    web.insert(_el$3, () => {
+      var _a, _b;
+      return ((_a = params()) == null ? void 0 : _a.filename) || ((_b = params()) == null ? void 0 : _b.language) || "Code";
+    });
+    _el$4.$$click = handleCopy;
+    web.insert(_el$4, web.createComponent(solidJs.Show, {
+      get when() {
+        return isCopied();
+      },
+      get fallback() {
+        return web.getNextElement(_tmpl$4);
+      },
+      get children() {
+        return web.getNextElement(_tmpl$);
+      }
+    }));
+    web.insert(_el$6, web.createComponent(solidJs.Show, {
+      get when() {
+        var _a;
+        return ((_a = params()) == null ? void 0 : _a.showLineNumbers) !== false;
+      },
+      get children() {
+        var _el$7 = web.getNextElement(_tmpl$2);
+        web.insert(_el$7, web.createComponent(solidJs.For, {
+          get each() {
+            return lineNumbers();
+          },
+          children: (num) => (() => {
+            var _el$11 = web.getNextElement(_tmpl$5);
+            web.insert(_el$11, num);
+            return _el$11;
+          })()
+        }));
+        return _el$7;
+      }
+    }), _el$1, _co$);
+    web.effect((_p$) => {
+      var _a, _b, _c, _d;
+      var _v$ = ((_a = params()) == null ? void 0 : _a.maxHeight) ? {
+        "max-height": (_b = params()) == null ? void 0 : _b.maxHeight
+      } : {}, _v$2 = activeTheme(), _v$3 = `hljs ${((_c = params()) == null ? void 0 : _c.language) ? `language-${(_d = params()) == null ? void 0 : _d.language}` : ""}`, _v$4 = highlightedCode();
+      _p$.e = web.style(_el$6, _v$, _p$.e);
+      _v$2 !== _p$.t && web.setAttribute(_el$8, "data-theme", _p$.t = _v$2);
+      _v$3 !== _p$.a && web.className(_el$9, _p$.a = _v$3);
+      _v$4 !== _p$.o && web.setProperty(_el$9, "innerHTML", _p$.o = _v$4);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    });
+    web.runHydrationEvents();
+    return _el$;
+  })();
+};
+web.delegateEvents(["click"]);
+exports.CodeBlockRenderer = CodeBlockRenderer;
+//# sourceMappingURL=CodeBlockRenderer.cjs.map

package/dist/components/CodeBlockRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockRenderer.cjs","sources":["../../src/components/CodeBlockRenderer.tsx"],"sourcesContent":["/**\n * CodeBlockRenderer - Syntax highlighted code block\n * Sprint 6: Code & Maps\n * Sprint Ultimate: Theme Synchronization (U.1)\n */\n\nimport { Component, createEffect, onCleanup, createSignal, Show, For } from 'solid-js'\nimport { isServer } from 'solid-js/web'\nimport type { UIComponent, CodeComponentParams } from '../types'\n\n// Lazy load highlight.js\nlet hljs: any = null\n// Track if styles have been loaded globally\nlet stylesLoaded = false\n\nexport interface CodeBlockRendererProps {\n    /**\n     * UIComponent containing code params\n     */\n    component?: UIComponent\n\n    /**\n     * Direct code params\n     */\n    params?: CodeComponentParams\n}\n\nexport const CodeBlockRenderer: Component<CodeBlockRendererProps> = (props) => {\n    const [highlightedCode, setHighlightedCode] = createSignal<string>('')\n    const [isCopied, setIsCopied] = createSignal(false)\n    const [isHljsLoaded, setIsHljsLoaded] = createSignal(false)\n    const [activeTheme, setActiveTheme] = createSignal<'light' | 'dark'>('dark')\n\n    const params = () => props.params || (props.component?.params as CodeComponentParams)\n\n    // Load highlight.js on mount\n    createEffect(async () => {\n        if (!hljs) {\n            try {\n                // Use the full highlight.js bundle with all languages for simplicity\n                const module = await import('highlight.js')\n                hljs = module.default || module\n                setIsHljsLoaded(true)\n            } catch (e) {\n                console.warn('Failed to load highlight.js', e)\n                // Continue without highlighting - fallback to plain text\n                setIsHljsLoaded(true)\n            }\n        } else {\n            setIsHljsLoaded(true)\n        }\n    })\n\n    // Theme management - Sprint Ultimate U.1: Reactive theme synchronization\n    // Load both theme stylesheets once, then toggle via data-attribute\n    createEffect(async () => {\n        if (isServer || stylesLoaded) return\n\n        // Load both themes upfront for instant switching\n        try {\n            await Promise.all([\n                import('highlight.js/styles/github.css'),\n                import('highlight.js/styles/github-dark.css')\n            ])\n            stylesLoaded = true\n        } catch (e) {\n            console.warn('Failed to load highlight.js themes', e)\n        }\n    })\n\n    // Reactive theme detection - listens to system preference changes\n    createEffect(() => {\n        if (isServer) return\n\n        // Priority 1: Explicit theme from params\n        const paramTheme = params()?.theme\n        if (paramTheme) {\n            setActiveTheme(paramTheme)\n            return\n        }\n\n        // Priority 2: System preference with live updates\n        // Check if matchMedia is available (not in all test environments)\n        if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {\n            const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n            setActiveTheme(mediaQuery.matches ? 'dark' : 'light')\n\n            const handleChange = (e: MediaQueryListEvent) => {\n                // Only update if no explicit theme in params\n                if (!params()?.theme) {\n                    setActiveTheme(e.matches ? 'dark' : 'light')\n                }\n            }\n\n            mediaQuery.addEventListener('change', handleChange)\n            onCleanup(() => mediaQuery.removeEventListener('change', handleChange))\n        }\n    })\n\n    // Apply highlighting\n    createEffect(() => {\n        const code = params()?.code || ''\n        const language = params()?.language || ''\n\n        if (hljs && isHljsLoaded()) {\n            try {\n                let result\n                if (language && hljs.getLanguage(language)) {\n                    result = hljs.highlight(code, { language }).value\n                } else {\n                    result = hljs.highlightAuto(code).value\n                }\n                setHighlightedCode(result)\n            } catch (e) {\n                setHighlightedCode(code.replace(/</g, '&lt;').replace(/>/g, '&gt;'))\n            }\n        } else {\n            // Fallback: simple escaping\n            setHighlightedCode(code.replace(/</g, '&lt;').replace(/>/g, '&gt;'))\n        }\n    })\n\n    // Line numbers generation\n    const lineNumbers = () => {\n        if (params()?.showLineNumbers === false) return []\n        const code = params()?.code || ''\n        const lines = code.split('\\n')\n        const start = params()?.startLine || 1\n        return lines.map((_, i) => start + i)\n    }\n\n    const handleCopy = async () => {\n        const code = params()?.code\n        if (code) {\n            try {\n                await navigator.clipboard.writeText(code)\n                setIsCopied(true)\n                setTimeout(() => setIsCopied(false), 2000)\n            } catch (e) {\n                console.error('Failed to copy code', e)\n            }\n        }\n    }\n\n    return (\n        <div class=\"w-full bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden text-sm flex flex-col\">\n            {/* Header */}\n            <div class=\"flex items-center justify-between px-4 py-2 bg-gray-100 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 shrink-0\">\n                <div class=\"font-mono text-xs text-gray-600 dark:text-gray-400\">\n                    {params()?.filename || params()?.language || 'Code'}\n                </div>\n                <button\n                    onClick={handleCopy}\n                    class=\"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 focus:outline-none transition-colors\"\n                    aria-label=\"Copy code\"\n                    title=\"Copy code\"\n                >\n                    <Show when={isCopied()} fallback={\n                        <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\" />\n                        </svg>\n                    }>\n                        <svg class=\"w-4 h-4 text-green-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" />\n                        </svg>\n                    </Show>\n                </button>\n            </div>\n\n            {/* Code Area */}\n            <div\n                class=\"relative overflow-auto flex\"\n                style={params()?.maxHeight ? { 'max-height': params()?.maxHeight } : {}}\n            >\n                {/* Line Numbers */}\n                <Show when={params()?.showLineNumbers !== false}>\n                    <div class=\"flex-none text-right select-none bg-gray-100 dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 py-4 px-2 text-gray-400 font-mono text-xs leading-5\">\n                        <For each={lineNumbers()}>\n                            {(num) => <div class=\"px-2\">{num}</div>}\n                        </For>\n                    </div>\n                </Show>\n\n                {/* Code Content - Sprint Ultimate U.1: data-theme for reactive theming */}\n                <pre\n                    class=\"flex-1 m-0 p-4 font-mono text-gray-800 dark:text-gray-100 bg-transparent leading-5\"\n                    data-theme={activeTheme()}\n                >\n                    <code\n                        class={`hljs ${params()?.language ? `language-${params()?.language}` : ''}`}\n                        innerHTML={highlightedCode()}\n                    />\n                </pre>\n            </div>\n        </div>\n    )\n}\n"],"names":["hljs","stylesLoaded","CodeBlockRenderer","props","highlightedCode","setHighlightedCode","createSignal","isCopied","setIsCopied","isHljsLoaded","setIsHljsLoaded","activeTheme","setActiveTheme","params","component","createEffect","module","default","e","console","warn","isServer","Promise","all","paramTheme","theme","window","matchMedia","mediaQuery","matches","handleChange","addEventListener","onCleanup","removeEventListener","code","language","result","getLanguage","highlight","value","highlightAuto","replace","lineNumbers","showLineNumbers","lines","split","start","startLine","map","_","i","handleCopy","navigator","clipboard","writeText","setTimeout","error","_el$","_$getNextElement","_tmpl$3","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$6","_el$0","_el$1","_co$","_$getNextMarker","_el$8","_el$9","_$insert","filename","$$click","_$createComponent","Show","when","fallback","_tmpl$4","children","_tmpl$","_el$7","_tmpl$2","For","each","num","_el$11","_tmpl$5","_$effect","_p$","_v$","maxHeight","_v$2","_v$3","_v$4","_$style","t","_$setAttribute","a","_$className","o","_$setProperty","undefined","_$runHydrationEvents","_$delegateEvents"],"mappings":"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"}

package/dist/components/CodeBlockRenderer.d.ts

@@ -0,0 +1,19 @@
+/**
+ * CodeBlockRenderer - Syntax highlighted code block
+ * Sprint 6: Code & Maps
+ * Sprint Ultimate: Theme Synchronization (U.1)
+ */
+import { Component } from 'solid-js';
+import type { UIComponent, CodeComponentParams } from '../types';
+export interface CodeBlockRendererProps {
+    /**
+     * UIComponent containing code params
+     */
+    component?: UIComponent;
+    /**
+     * Direct code params
+     */
+    params?: CodeComponentParams;
+}
+export declare const CodeBlockRenderer: Component<CodeBlockRendererProps>;
+//# sourceMappingURL=CodeBlockRenderer.d.ts.map

package/dist/components/CodeBlockRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockRenderer.d.ts","sourceRoot":"","sources":["../../src/components/CodeBlockRenderer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAoD,MAAM,UAAU,CAAA;AAEtF,OAAO,KAAK,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAOhE,MAAM,WAAW,sBAAsB;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;CAC/B;AAED,eAAO,MAAM,iBAAiB,EAAE,SAAS,CAAC,sBAAsB,CAyK/D,CAAA"}

package/dist/components/CodeBlockRenderer.js

@@ -0,0 +1,164 @@
+import { delegateEvents, isServer, getNextElement, template, getNextMarker, insert, createComponent, effect, style, setAttribute, className, setProperty, runHydrationEvents } from "solid-js/web";
+import { createSignal, createEffect, onCleanup, Show, For } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<svg class="w-4 h-4 text-green-500"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M5 13l4 4L19 7">`), _tmpl$2 = /* @__PURE__ */ template(`<div class="flex-none text-right select-none bg-gray-100 dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 py-4 px-2 text-gray-400 font-mono text-xs leading-5">`), _tmpl$3 = /* @__PURE__ */ template(`<div class="w-full bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden text-sm flex flex-col"><div class="flex items-center justify-between px-4 py-2 bg-gray-100 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 shrink-0"><div class="font-mono text-xs text-gray-600 dark:text-gray-400"></div><button class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 focus:outline-none transition-colors"aria-label="Copy code"title="Copy code"></button></div><div class="relative overflow-auto flex"><!$><!/><pre class="flex-1 m-0 p-4 font-mono text-gray-800 dark:text-gray-100 bg-transparent leading-5"><code>`), _tmpl$4 = /* @__PURE__ */ template(`<svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z">`), _tmpl$5 = /* @__PURE__ */ template(`<div class=px-2>`);
+let hljs = null;
+let stylesLoaded = false;
+const CodeBlockRenderer = (props) => {
+  const [highlightedCode, setHighlightedCode] = createSignal("");
+  const [isCopied, setIsCopied] = createSignal(false);
+  const [isHljsLoaded, setIsHljsLoaded] = createSignal(false);
+  const [activeTheme, setActiveTheme] = createSignal("dark");
+  const params = () => {
+    var _a;
+    return props.params || ((_a = props.component) == null ? void 0 : _a.params);
+  };
+  createEffect(async () => {
+    if (!hljs) {
+      try {
+        const module = await import("../node_modules/.pnpm/highlight.js@11.11.1/node_modules/highlight.js/es/index.js");
+        hljs = module.default || module;
+        setIsHljsLoaded(true);
+      } catch (e) {
+        console.warn("Failed to load highlight.js", e);
+        setIsHljsLoaded(true);
+      }
+    } else {
+      setIsHljsLoaded(true);
+    }
+  });
+  createEffect(async () => {
+    if (isServer || stylesLoaded) return;
+    try {
+      await Promise.all([Promise.resolve({                                                                                }), Promise.resolve({                                                                                     })]);
+      stylesLoaded = true;
+    } catch (e) {
+      console.warn("Failed to load highlight.js themes", e);
+    }
+  });
+  createEffect(() => {
+    var _a;
+    if (isServer) return;
+    const paramTheme = (_a = params()) == null ? void 0 : _a.theme;
+    if (paramTheme) {
+      setActiveTheme(paramTheme);
+      return;
+    }
+    if (typeof window !== "undefined" && typeof window.matchMedia === "function") {
+      const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+      setActiveTheme(mediaQuery.matches ? "dark" : "light");
+      const handleChange = (e) => {
+        var _a2;
+        if (!((_a2 = params()) == null ? void 0 : _a2.theme)) {
+          setActiveTheme(e.matches ? "dark" : "light");
+        }
+      };
+      mediaQuery.addEventListener("change", handleChange);
+      onCleanup(() => mediaQuery.removeEventListener("change", handleChange));
+    }
+  });
+  createEffect(() => {
+    var _a, _b;
+    const code = ((_a = params()) == null ? void 0 : _a.code) || "";
+    const language = ((_b = params()) == null ? void 0 : _b.language) || "";
+    if (hljs && isHljsLoaded()) {
+      try {
+        let result;
+        if (language && hljs.getLanguage(language)) {
+          result = hljs.highlight(code, {
+            language
+          }).value;
+        } else {
+          result = hljs.highlightAuto(code).value;
+        }
+        setHighlightedCode(result);
+      } catch (e) {
+        setHighlightedCode(code.replace(/</g, "&lt;").replace(/>/g, "&gt;"));
+      }
+    } else {
+      setHighlightedCode(code.replace(/</g, "&lt;").replace(/>/g, "&gt;"));
+    }
+  });
+  const lineNumbers = () => {
+    var _a, _b, _c;
+    if (((_a = params()) == null ? void 0 : _a.showLineNumbers) === false) return [];
+    const code = ((_b = params()) == null ? void 0 : _b.code) || "";
+    const lines = code.split("\n");
+    const start = ((_c = params()) == null ? void 0 : _c.startLine) || 1;
+    return lines.map((_, i) => start + i);
+  };
+  const handleCopy = async () => {
+    var _a;
+    const code = (_a = params()) == null ? void 0 : _a.code;
+    if (code) {
+      try {
+        await navigator.clipboard.writeText(code);
+        setIsCopied(true);
+        setTimeout(() => setIsCopied(false), 2e3);
+      } catch (e) {
+        console.error("Failed to copy code", e);
+      }
+    }
+  };
+  return (() => {
+    var _el$ = getNextElement(_tmpl$3), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$6 = _el$2.nextSibling, _el$0 = _el$6.firstChild, [_el$1, _co$] = getNextMarker(_el$0.nextSibling), _el$8 = _el$1.nextSibling, _el$9 = _el$8.firstChild;
+    insert(_el$3, () => {
+      var _a, _b;
+      return ((_a = params()) == null ? void 0 : _a.filename) || ((_b = params()) == null ? void 0 : _b.language) || "Code";
+    });
+    _el$4.$$click = handleCopy;
+    insert(_el$4, createComponent(Show, {
+      get when() {
+        return isCopied();
+      },
+      get fallback() {
+        return getNextElement(_tmpl$4);
+      },
+      get children() {
+        return getNextElement(_tmpl$);
+      }
+    }));
+    insert(_el$6, createComponent(Show, {
+      get when() {
+        var _a;
+        return ((_a = params()) == null ? void 0 : _a.showLineNumbers) !== false;
+      },
+      get children() {
+        var _el$7 = getNextElement(_tmpl$2);
+        insert(_el$7, createComponent(For, {
+          get each() {
+            return lineNumbers();
+          },
+          children: (num) => (() => {
+            var _el$11 = getNextElement(_tmpl$5);
+            insert(_el$11, num);
+            return _el$11;
+          })()
+        }));
+        return _el$7;
+      }
+    }), _el$1, _co$);
+    effect((_p$) => {
+      var _a, _b, _c, _d;
+      var _v$ = ((_a = params()) == null ? void 0 : _a.maxHeight) ? {
+        "max-height": (_b = params()) == null ? void 0 : _b.maxHeight
+      } : {}, _v$2 = activeTheme(), _v$3 = `hljs ${((_c = params()) == null ? void 0 : _c.language) ? `language-${(_d = params()) == null ? void 0 : _d.language}` : ""}`, _v$4 = highlightedCode();
+      _p$.e = style(_el$6, _v$, _p$.e);
+      _v$2 !== _p$.t && setAttribute(_el$8, "data-theme", _p$.t = _v$2);
+      _v$3 !== _p$.a && className(_el$9, _p$.a = _v$3);
+      _v$4 !== _p$.o && setProperty(_el$9, "innerHTML", _p$.o = _v$4);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    });
+    runHydrationEvents();
+    return _el$;
+  })();
+};
+delegateEvents(["click"]);
+export {
+  CodeBlockRenderer
+};
+//# sourceMappingURL=CodeBlockRenderer.js.map

package/dist/components/CodeBlockRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockRenderer.js","sources":["../../src/components/CodeBlockRenderer.tsx"],"sourcesContent":["/**\n * CodeBlockRenderer - Syntax highlighted code block\n * Sprint 6: Code & Maps\n * Sprint Ultimate: Theme Synchronization (U.1)\n */\n\nimport { Component, createEffect, onCleanup, createSignal, Show, For } from 'solid-js'\nimport { isServer } from 'solid-js/web'\nimport type { UIComponent, CodeComponentParams } from '../types'\n\n// Lazy load highlight.js\nlet hljs: any = null\n// Track if styles have been loaded globally\nlet stylesLoaded = false\n\nexport interface CodeBlockRendererProps {\n    /**\n     * UIComponent containing code params\n     */\n    component?: UIComponent\n\n    /**\n     * Direct code params\n     */\n    params?: CodeComponentParams\n}\n\nexport const CodeBlockRenderer: Component<CodeBlockRendererProps> = (props) => {\n    const [highlightedCode, setHighlightedCode] = createSignal<string>('')\n    const [isCopied, setIsCopied] = createSignal(false)\n    const [isHljsLoaded, setIsHljsLoaded] = createSignal(false)\n    const [activeTheme, setActiveTheme] = createSignal<'light' | 'dark'>('dark')\n\n    const params = () => props.params || (props.component?.params as CodeComponentParams)\n\n    // Load highlight.js on mount\n    createEffect(async () => {\n        if (!hljs) {\n            try {\n                // Use the full highlight.js bundle with all languages for simplicity\n                const module = await import('highlight.js')\n                hljs = module.default || module\n                setIsHljsLoaded(true)\n            } catch (e) {\n                console.warn('Failed to load highlight.js', e)\n                // Continue without highlighting - fallback to plain text\n                setIsHljsLoaded(true)\n            }\n        } else {\n            setIsHljsLoaded(true)\n        }\n    })\n\n    // Theme management - Sprint Ultimate U.1: Reactive theme synchronization\n    // Load both theme stylesheets once, then toggle via data-attribute\n    createEffect(async () => {\n        if (isServer || stylesLoaded) return\n\n        // Load both themes upfront for instant switching\n        try {\n            await Promise.all([\n                import('highlight.js/styles/github.css'),\n                import('highlight.js/styles/github-dark.css')\n            ])\n            stylesLoaded = true\n        } catch (e) {\n            console.warn('Failed to load highlight.js themes', e)\n        }\n    })\n\n    // Reactive theme detection - listens to system preference changes\n    createEffect(() => {\n        if (isServer) return\n\n        // Priority 1: Explicit theme from params\n        const paramTheme = params()?.theme\n        if (paramTheme) {\n            setActiveTheme(paramTheme)\n            return\n        }\n\n        // Priority 2: System preference with live updates\n        // Check if matchMedia is available (not in all test environments)\n        if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {\n            const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\n            setActiveTheme(mediaQuery.matches ? 'dark' : 'light')\n\n            const handleChange = (e: MediaQueryListEvent) => {\n                // Only update if no explicit theme in params\n                if (!params()?.theme) {\n                    setActiveTheme(e.matches ? 'dark' : 'light')\n                }\n            }\n\n            mediaQuery.addEventListener('change', handleChange)\n            onCleanup(() => mediaQuery.removeEventListener('change', handleChange))\n        }\n    })\n\n    // Apply highlighting\n    createEffect(() => {\n        const code = params()?.code || ''\n        const language = params()?.language || ''\n\n        if (hljs && isHljsLoaded()) {\n            try {\n                let result\n                if (language && hljs.getLanguage(language)) {\n                    result = hljs.highlight(code, { language }).value\n                } else {\n                    result = hljs.highlightAuto(code).value\n                }\n                setHighlightedCode(result)\n            } catch (e) {\n                setHighlightedCode(code.replace(/</g, '&lt;').replace(/>/g, '&gt;'))\n            }\n        } else {\n            // Fallback: simple escaping\n            setHighlightedCode(code.replace(/</g, '&lt;').replace(/>/g, '&gt;'))\n        }\n    })\n\n    // Line numbers generation\n    const lineNumbers = () => {\n        if (params()?.showLineNumbers === false) return []\n        const code = params()?.code || ''\n        const lines = code.split('\\n')\n        const start = params()?.startLine || 1\n        return lines.map((_, i) => start + i)\n    }\n\n    const handleCopy = async () => {\n        const code = params()?.code\n        if (code) {\n            try {\n                await navigator.clipboard.writeText(code)\n                setIsCopied(true)\n                setTimeout(() => setIsCopied(false), 2000)\n            } catch (e) {\n                console.error('Failed to copy code', e)\n            }\n        }\n    }\n\n    return (\n        <div class=\"w-full bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden text-sm flex flex-col\">\n            {/* Header */}\n            <div class=\"flex items-center justify-between px-4 py-2 bg-gray-100 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 shrink-0\">\n                <div class=\"font-mono text-xs text-gray-600 dark:text-gray-400\">\n                    {params()?.filename || params()?.language || 'Code'}\n                </div>\n                <button\n                    onClick={handleCopy}\n                    class=\"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 focus:outline-none transition-colors\"\n                    aria-label=\"Copy code\"\n                    title=\"Copy code\"\n                >\n                    <Show when={isCopied()} fallback={\n                        <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\" />\n                        </svg>\n                    }>\n                        <svg class=\"w-4 h-4 text-green-500\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" />\n                        </svg>\n                    </Show>\n                </button>\n            </div>\n\n            {/* Code Area */}\n            <div\n                class=\"relative overflow-auto flex\"\n                style={params()?.maxHeight ? { 'max-height': params()?.maxHeight } : {}}\n            >\n                {/* Line Numbers */}\n                <Show when={params()?.showLineNumbers !== false}>\n                    <div class=\"flex-none text-right select-none bg-gray-100 dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 py-4 px-2 text-gray-400 font-mono text-xs leading-5\">\n                        <For each={lineNumbers()}>\n                            {(num) => <div class=\"px-2\">{num}</div>}\n                        </For>\n                    </div>\n                </Show>\n\n                {/* Code Content - Sprint Ultimate U.1: data-theme for reactive theming */}\n                <pre\n                    class=\"flex-1 m-0 p-4 font-mono text-gray-800 dark:text-gray-100 bg-transparent leading-5\"\n                    data-theme={activeTheme()}\n                >\n                    <code\n                        class={`hljs ${params()?.language ? `language-${params()?.language}` : ''}`}\n                        innerHTML={highlightedCode()}\n                    />\n                </pre>\n            </div>\n        </div>\n    )\n}\n"],"names":["hljs","stylesLoaded","CodeBlockRenderer","props","highlightedCode","setHighlightedCode","createSignal","isCopied","setIsCopied","isHljsLoaded","setIsHljsLoaded","activeTheme","setActiveTheme","params","component","createEffect","module","default","e","console","warn","isServer","Promise","all","paramTheme","theme","window","matchMedia","mediaQuery","matches","handleChange","addEventListener","onCleanup","removeEventListener","code","language","result","getLanguage","highlight","value","highlightAuto","replace","lineNumbers","showLineNumbers","lines","split","start","startLine","map","_","i","handleCopy","navigator","clipboard","writeText","setTimeout","error","_el$","_$getNextElement","_tmpl$3","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$6","_el$0","_el$1","_co$","_$getNextMarker","_el$8","_el$9","_$insert","filename","$$click","_$createComponent","Show","when","fallback","_tmpl$4","children","_tmpl$","_el$7","_tmpl$2","For","each","num","_el$11","_tmpl$5","_$effect","_p$","_v$","maxHeight","_v$2","_v$3","_v$4","_$style","t","_$setAttribute","a","_$className","o","_$setProperty","undefined","_$runHydrationEvents","_$delegateEvents"],"mappings":"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"}