polen 0.9.0-next.5 → 0.9.0-next.6

package/build/api/singletons/markdown/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/api/singletons/markdown/markdown.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,GAAU,SAAS,MAAM,KAAG,OAAO,CAAC,MAAM,CAO3D,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,SAAS,MAAM,KAAG,MAO3C,CAAA"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/api/singletons/markdown/markdown.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,KAAK,GAAU,SAAS,MAAM,KAAG,OAAO,CAAC,MAAM,CAG3D,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,SAAS,MAAM,KAAG,MAI3C,CAAA"}

package/build/api/singletons/markdown/markdown.js

@@ -1,18 +1,40 @@
-import * as Remark from 'remark';
-import RemarkGfm from 'remark-gfm';
-import RemarkHtml from 'remark-html';
+import { unified } from 'unified';
+import remarkParse from 'remark-parse';
+import remarkGfm from 'remark-gfm';
+import remarkRehype from 'remark-rehype';
+import rehypeShiki from '@shikijs/rehype';
+import rehypeStringify from 'rehype-stringify';
+// Create a processor with Shiki for syntax highlighting (async only)
+const createProcessorWithShiki = () => {
+    return unified()
+        .use(remarkParse)
+        .use(remarkGfm)
+        .use(remarkRehype)
+        .use(rehypeShiki, {
+        themes: {
+            light: `github-light`,
+            dark: `tokyo-night`,
+        },
+        defaultColor: false,
+        cssVariablePrefix: `--shiki-`,
+    })
+        .use(rehypeStringify);
+};
+// Create a processor without syntax highlighting for sync processing
+const createProcessorSync = () => {
+    return unified()
+        .use(remarkParse)
+        .use(remarkGfm)
+        .use(remarkRehype)
+        .use(rehypeStringify);
+};
 export const parse = async (content) => {
-    const result = await Remark.remark()
-        .use(RemarkGfm)
-        .use(RemarkHtml)
-        .process(content);
+    const result = await createProcessorWithShiki().process(content);
     return String(result);
 };
 export const parseSync = (content) => {
-    const result = Remark.remark()
-        .use(RemarkGfm)
-        .use(RemarkHtml)
-        .processSync(content);
+    // Note: Syntax highlighting is not available in sync mode due to @shikijs/rehype being async-only
+    const result = createProcessorSync().processSync(content);
     return String(result);
 };
 //# sourceMappingURL=markdown.js.map

package/build/api/singletons/markdown/markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../../src/api/singletons/markdown/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAChC,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,UAAU,MAAM,aAAa,CAAA;AAEpC,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,EAAE,OAAe,EAAmB,EAAE;IAC9D,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,MAAM,EAAE;SACjC,GAAG,CAAC,SAAS,CAAC;SACd,GAAG,CAAC,UAAU,CAAC;SACf,OAAO,CAAC,OAAO,CAAC,CAAA;IAEnB,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAU,EAAE;IACnD,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE;SAC3B,GAAG,CAAC,SAAS,CAAC;SACd,GAAG,CAAC,UAAU,CAAC;SACf,WAAW,CAAC,OAAO,CAAC,CAAA;IAEvB,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;AACvB,CAAC,CAAA"}
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../../src/api/singletons/markdown/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,WAAW,MAAM,cAAc,CAAA;AACtC,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,YAAY,MAAM,eAAe,CAAA;AACxC,OAAO,WAAW,MAAM,iBAAiB,CAAA;AACzC,OAAO,eAAe,MAAM,kBAAkB,CAAA;AAE9C,qEAAqE;AACrE,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACpC,OAAO,OAAO,EAAE;SACb,GAAG,CAAC,WAAW,CAAC;SAChB,GAAG,CAAC,SAAS,CAAC;SACd,GAAG,CAAC,YAAY,CAAC;SACjB,GAAG,CAAC,WAAW,EAAE;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,aAAa;SACpB;QACD,YAAY,EAAE,KAAK;QACnB,iBAAiB,EAAE,UAAU;KAC9B,CAAC;SACD,GAAG,CAAC,eAAe,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,qEAAqE;AACrE,MAAM,mBAAmB,GAAG,GAAG,EAAE;IAC/B,OAAO,OAAO,EAAE;SACb,GAAG,CAAC,WAAW,CAAC;SAChB,GAAG,CAAC,SAAS,CAAC;SACd,GAAG,CAAC,YAAY,CAAC;SACjB,GAAG,CAAC,eAAe,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,EAAE,OAAe,EAAmB,EAAE;IAC9D,MAAM,MAAM,GAAG,MAAM,wBAAwB,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAChE,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAU,EAAE;IACnD,kGAAkG;IAClG,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IACzD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;AACvB,CAAC,CAAA"}

package/build/api/vite/plugins/pages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pages.d.ts","sourceRoot":"","sources":["../../../../src/api/vite/plugins/pages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAUnD,eAAO,MAAM,cAAc,8DAA0E,CAAA;AACrG,eAAO,MAAM,kBAAkB,8DAAwF,CAAA;AAEvH,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,UAAU,KAAK,IAAI,CAAA;IACtD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,aAAa,KAAK,IAAI,CAAA;CACxD;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,UAAU,CAAC,UAAU,CAAA;CACvC;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,CAAA;CACrD;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,sDAKnB,sBAAsB,KAAG,IAAI,CAAC,MAAM,EAwRtC,CAAA;AAGD,eAAO,MAAM,YAAY,GAAU,QAAQ,MAAM,CAAC,MAAM,KAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAM1F,CAAA"}
+{"version":3,"file":"pages.d.ts","sourceRoot":"","sources":["../../../../src/api/vite/plugins/pages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAWnD,eAAO,MAAM,cAAc,8DAA0E,CAAA;AACrG,eAAO,MAAM,kBAAkB,8DAAwF,CAAA;AAEvH,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,UAAU,KAAK,IAAI,CAAA;IACtD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,aAAa,KAAK,IAAI,CAAA;CACxD;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,YAAY,CAAA;IAC1B,eAAe,EAAE,UAAU,CAAC,UAAU,CAAA;CACvC;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,CAAA;CACrD;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,sDAKnB,sBAAsB,KAAG,IAAI,CAAC,MAAM,EAwStC,CAAA;AAGD,eAAO,MAAM,YAAY,GAAU,QAAQ,MAAM,CAAC,MAAM,KAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAM1F,CAAA"}

package/build/api/vite/plugins/pages.js

@@ -7,6 +7,7 @@ import { superjson } from '#singletons/superjson';
 import mdx from '@mdx-js/rollup';
 import { Path, Str } from '@wollybeard/kit';
 import remarkGfm from 'remark-gfm';
+import rehypeShiki from '@shikijs/rehype';
 const _debug = debug.sub(`vite-plugin-pages`);
 export const viProjectPages = polenVirtual([`project`, `pages.jsx`], { allowPluginProcessing: true });
 export const viProjectPagesData = polenVirtual([`project`, `data`, 'pages.jsonsuper'], { allowPluginProcessing: true });
@@ -87,6 +88,22 @@ export const Pages = ({ config, navbarData, onPagesChange, onTreeChange, }) => {
             ...mdx({
                 jsxImportSource: `polen/react`,
                 remarkPlugins: [remarkGfm],
+                rehypePlugins: [
+                    [
+                        rehypeShiki,
+                        {
+                            themes: {
+                                light: `github-light`,
+                                dark: `tokyo-night`,
+                            },
+                            defaultColor: false,
+                            cssVariablePrefix: `--shiki-`,
+                            transformers: [
+                            // Line numbers will be handled via CSS
+                            ],
+                        },
+                    ],
+                ],
             }),
         },
         // Plugin 2: Pages Management

package/build/api/vite/plugins/pages.js.map

@@ -1 +1 @@
-{"version":3,"file":"pages.js","sourceRoot":"","sources":["../../../../src/api/vite/plugins/pages.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pages.js","sourceRoot":"","sources":["../../../../src/api/vite/plugins/pages.ts"],"names":[],"mappings":"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"}

package/build/lib/shiki/index.d.ts

@@ -0,0 +1,2 @@
+export * from './shiki.ts';
+//# sourceMappingURL=index.d.ts.map

package/build/lib/shiki/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/shiki/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/build/lib/shiki/index.js

@@ -0,0 +1,2 @@
+export * from "./shiki.js";
+//# sourceMappingURL=index.js.map

package/build/lib/shiki/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/shiki/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/build/lib/shiki/shiki.d.ts

@@ -0,0 +1,26 @@
+import { type Highlighter, type BundledTheme, type BundledLanguage } from 'shiki';
+export interface ShikiOptions {
+    themes?: {
+        light: BundledTheme;
+        dark: BundledTheme;
+    };
+    langs?: BundledLanguage[];
+    defaultTheme?: 'light' | 'dark';
+}
+export declare function getHighlighter(options?: ShikiOptions): Promise<Highlighter>;
+export interface CodeHighlightOptions {
+    code: string;
+    lang?: string;
+    theme?: 'light' | 'dark';
+    showLineNumbers?: boolean;
+    highlightLines?: number[];
+    diffLines?: {
+        add: number[];
+        remove: number[];
+    };
+    focusLines?: number[];
+    showInvisibles?: boolean;
+}
+export declare function highlightCode({ code, lang, theme, showLineNumbers, highlightLines, diffLines, focusLines, showInvisibles, }: CodeHighlightOptions): Promise<string>;
+export type { Highlighter, BundledTheme, BundledLanguage } from 'shiki';
+//# sourceMappingURL=shiki.d.ts.map

package/build/lib/shiki/shiki.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki.d.ts","sourceRoot":"","sources":["../../../src/lib/shiki/shiki.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,MAAM,OAAO,CAAA;AAQpG,MAAM,WAAW,YAAY;IAC3B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,YAAY,CAAA;QACnB,IAAI,EAAE,YAAY,CAAA;KACnB,CAAA;IACD,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAChC;AAgDD,wBAAsB,cAAc,CAAC,OAAO,GAAE,YAAiB,GAAG,OAAO,CAAC,WAAW,CAAC,CAmBrF;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAC/C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,IAAa,EACb,KAAe,EACf,eAAuB,EACvB,cAAmB,EACnB,SAAS,EACT,UAAe,EACf,cAAsB,GACvB,EAAE,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC,CAqDxC;AAGD,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA"}

package/build/lib/shiki/shiki.js

@@ -0,0 +1,105 @@
+import { createHighlighter } from 'shiki';
+import { transformerNotationHighlight, transformerNotationDiff, transformerNotationFocus, transformerRenderWhitespace, } from '@shikijs/transformers';
+const DEFAULT_THEMES = {
+    light: `github-light`,
+    dark: `tokyo-night`,
+};
+const DEFAULT_LANGS = [
+    `typescript`,
+    `javascript`,
+    `jsx`,
+    `tsx`,
+    `graphql`,
+    `json`,
+    `yaml`,
+    `markdown`,
+    `bash`,
+    `shell`,
+    `css`,
+    `html`,
+    `sql`,
+    `python`,
+    `rust`,
+    `go`,
+    `java`,
+    `csharp`,
+    `php`,
+    `ruby`,
+    `swift`,
+    `kotlin`,
+    `scala`,
+    `r`,
+    `matlab`,
+    `latex`,
+    `dockerfile`,
+    `makefile`,
+    `nginx`,
+    `apache`,
+    `xml`,
+    `toml`,
+    `ini`,
+    `diff`,
+];
+// Singleton highlighter instance
+let highlighterInstance = null;
+let highlighterPromise = null;
+export async function getHighlighter(options = {}) {
+    if (highlighterInstance) {
+        return highlighterInstance;
+    }
+    if (!highlighterPromise) {
+        const themes = options.themes || DEFAULT_THEMES;
+        const langs = options.langs || DEFAULT_LANGS;
+        highlighterPromise = createHighlighter({
+            themes: [themes.light, themes.dark],
+            langs,
+        }).then(highlighter => {
+            highlighterInstance = highlighter;
+            return highlighter;
+        });
+    }
+    return highlighterPromise;
+}
+export async function highlightCode({ code, lang = `text`, theme = `light`, showLineNumbers = false, highlightLines = [], diffLines, focusLines = [], showInvisibles = false, }) {
+    const highlighter = await getHighlighter();
+    const themes = {
+        light: DEFAULT_THEMES.light,
+        dark: DEFAULT_THEMES.dark,
+    };
+    const transformers = [];
+    // Add line numbers transformer if needed
+    if (showLineNumbers) {
+        // Custom line numbers will be handled in CSS
+        transformers.push({
+            name: `line-numbers`,
+            pre(node) {
+                node.properties[`data-line-numbers`] = `true`;
+            }
+        });
+    }
+    // Add highlight transformer
+    if (highlightLines.length > 0) {
+        transformers.push({
+            name: `highlight-lines`,
+            line(node, line) {
+                if (highlightLines.includes(line)) {
+                    node.properties[`data-highlighted`] = `true`;
+                }
+            }
+        });
+    }
+    // Add standard transformers
+    transformers.push(transformerNotationHighlight(), transformerNotationDiff(), transformerNotationFocus());
+    if (showInvisibles) {
+        transformers.push(transformerRenderWhitespace());
+    }
+    // Generate HTML with CSS variables for theme switching
+    const html = highlighter.codeToHtml(code, {
+        lang,
+        themes,
+        defaultColor: false,
+        transformers,
+    });
+    return html;
+}
+//# sourceMappingURL=shiki.js.map

package/build/lib/shiki/shiki.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki.js","sourceRoot":"","sources":["../../../src/lib/shiki/shiki.ts"],"names":[],"mappings":"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"}

package/build/template/components/CodeBlock.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface CodeBlockProps {
+    children: string;
+    language?: string;
+    className?: string;
+    showLineNumbers?: boolean;
+    highlightLines?: number[];
+    diffLines?: {
+        add: number[];
+        remove: number[];
+    };
+    focusLines?: number[];
+    showInvisibles?: boolean;
+}
+export declare const CodeBlock: React.FC<CodeBlockProps>;
+export {};
+//# sourceMappingURL=CodeBlock.d.ts.map

package/build/template/components/CodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/template/components/CodeBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,UAAU,cAAc;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAA;IACzB,SAAS,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;IAC/C,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0D9C,CAAA"}

package/build/template/components/CodeBlock.jsx

@@ -0,0 +1,42 @@
+import { highlightCode } from '#lib/shiki/index';
+import React, { useEffect, useState } from 'react';
+export const CodeBlock = ({ children, language = `text`, className = ``, showLineNumbers = false, highlightLines = [], diffLines, focusLines = [], showInvisibles = false, }) => {
+    const [html, setHtml] = useState(``);
+    const [isLoading, setIsLoading] = useState(true);
+    // TODO: Implement proper theme detection
+    // For now, we'll rely on CSS to handle theme switching
+    const theme = `light`; // Default to light theme
+    useEffect(() => {
+        const renderCode = async () => {
+            try {
+                const output = await highlightCode({
+                    code: children,
+                    lang: language,
+                    theme,
+                    showLineNumbers,
+                    highlightLines,
+                    diffLines,
+                    focusLines,
+                    showInvisibles,
+                });
+                setHtml(output);
+            }
+            catch (error) {
+                console.error(`Failed to highlight code:`, error);
+                // Fallback to plain text
+                setHtml(`<pre><code>${children}</code></pre>`);
+            }
+            finally {
+                setIsLoading(false);
+            }
+        };
+        renderCode();
+    }, [children, language, showLineNumbers, highlightLines, diffLines, focusLines, showInvisibles]);
+    if (isLoading) {
+        return (<pre className={className}>
+        <code>{children}</code>
+      </pre>);
+    }
+    return (<div className={`code-block ${className}`} dangerouslySetInnerHTML={{ __html: html }}/>);
+};
+//# sourceMappingURL=CodeBlock.jsx.map

package/build/template/components/CodeBlock.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.jsx","sourceRoot":"","sources":["../../../src/template/components/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAalD,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,KAAK,EACvB,cAAc,GAAG,EAAE,EACnB,SAAS,EACT,UAAU,GAAG,EAAE,EACf,cAAc,GAAG,KAAK,GACvB,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAC5C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEhD,yCAAyC;IACzC,uDAAuD;IACvD,MAAM,KAAK,GAAG,OAAO,CAAA,CAAC,yBAAyB;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;YAC5B,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC;oBACjC,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,QAAQ;oBACd,KAAK;oBACL,eAAe;oBACf,cAAc;oBACd,SAAS;oBACT,UAAU;oBACV,cAAc;iBACf,CAAC,CAAA;gBAEF,OAAO,CAAC,MAAM,CAAC,CAAA;YACjB,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAA;gBACjD,yBAAyB;gBACzB,OAAO,CAAC,cAAc,QAAQ,eAAe,CAAC,CAAA;YAChD,CAAC;oBAAS,CAAC;gBACT,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC;QACH,CAAC,CAAA;QAED,UAAU,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC,CAAA;IAEhG,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CACxB;QAAA,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACxB;MAAA,EAAE,GAAG,CAAC,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,cAAc,SAAS,EAAE,CAAC,CACrC,uBAAuB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC1C,CACH,CAAA;AACH,CAAC,CAAA"}

package/build/template/entry.client.jsx

@@ -2,6 +2,7 @@
 // But then, we won't get it from the client manifest. But we could get it from the server manifest. Should we do that?
 // But then, that wouldn't work for SPA. Does that matter? Just put a conditional here e.g. if (import.meta.env.PROD) ...?
 import '@radix-ui/themes/styles.css';
+// import './styles/code-block.css' // TODO: Handle CSS in build process
 import { ReactDomClient } from '#dep/react-dom-client/index';
 import { StrictMode } from 'react';
 import { createBrowserRouter, RouterProvider } from 'react-router';

package/build/template/entry.client.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"entry.client.jsx","sourceRoot":"","sources":["../../src/template/entry.client.tsx"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,uHAAuH;AACvH,0HAA0H;AAC1H,OAAO,6BAA6B,CAAA;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM;AAEN,6CAA6C;AAE7C,+BAA+B;AAC/B,wCAAwC;AACxC,IAAI;AAEJ,MAAM;AAEN,MAAM,MAAM,GAAG,mBAAmB,CAAC,MAAM,EAAE;IACzC,aAAa,EAAE,MAAM,CAAC,2BAA2B;CAClD,CAAC,CAAA;AAEF,cAAc,CAAC,WAAW,CACxB,QAAQ,EACR,CACE,CAAC,UAAU,CACT;MAAA,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EACjC;IAAA,EAAE,UAAU,CAAC,CACd,CACF,CAAA"}
+{"version":3,"file":"entry.client.jsx","sourceRoot":"","sources":["../../src/template/entry.client.tsx"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,uHAAuH;AACvH,0HAA0H;AAC1H,OAAO,6BAA6B,CAAA;AACpC,wEAAwE;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM;AAEN,6CAA6C;AAE7C,+BAA+B;AAC/B,wCAAwC;AACxC,IAAI;AAEJ,MAAM;AAEN,MAAM,MAAM,GAAG,mBAAmB,CAAC,MAAM,EAAE;IACzC,aAAa,EAAE,MAAM,CAAC,2BAA2B;CAClD,CAAC,CAAA;AAEF,cAAc,CAAC,WAAW,CACxB,QAAQ,EACR,CACE,CAAC,UAAU,CACT;MAAA,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EACjC;IAAA,EAAE,UAAU,CAAC,CACd,CACF,CAAA"}

package/build/template/routes/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/template/routes/root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AA8B1D,eAAO,MAAM,SAAS,mCA6BrB,CAAA;AAwJD,eAAO,MAAM,IAAI;;;;CAIf,CAAA"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/template/routes/root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AA8B1D,eAAO,MAAM,SAAS,mCA6BrB,CAAA;AAwLD,eAAO,MAAM,IAAI;;;;CAIf,CAAA"}

package/build/template/routes/root.jsx

@@ -78,6 +78,38 @@ const Layout = () => {
     </Flex>);
     return (<Theme asChild>
       <Grid width={{ initial: 'var(--container-4)' }} areas="'header header header header header header header header' 'sidebar sidebar . content content content content content'" rows='min-content auto' columns='repeat(8, 1fr)' gapX='2' my='8' mx='auto'>
+        <style>{`
+          /* Shiki code blocks */
+          pre.shiki {
+            margin: 1rem 0;
+            padding: 1rem;
+            border-radius: 8px;
+            overflow-x: auto;
+            font-size: 14px;
+            line-height: 1.6;
+            background-color: #f6f8fa;
+          }
+          
+          /* Light mode: use --shiki-light CSS variables from inline styles */
+          pre.shiki span {
+            color: var(--shiki-light);
+          }
+          
+          /* Dark mode - Radix Themes uses [data-is-root-theme="dark"] */
+          [data-is-root-theme="dark"] pre.shiki {
+            background-color: #1a1b26;
+          }
+          
+          [data-is-root-theme="dark"] pre.shiki span {
+            color: var(--shiki-dark);
+          }
+          
+          pre.shiki code {
+            font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+            background: transparent;
+            display: block;
+          }
+        `}</style>
         {header}
         {isShowSidebar && (<Sidebar gridColumn='1 / 3' gridRow='2 / auto' data={sidebar.items}/>)}
         <Box gridArea='content / content / auto / 8'>

package/build/template/routes/root.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"root.jsx","sourceRoot":"","sources":["../../../src/template/routes/root.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"root.jsx","sourceRoot":"","sources":["../../../src/template/routes/root.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polen",
-  "version": "0.9.0-next.5",
+  "version": "0.9.0-next.6",
   "type": "module",
   "description": "A framework for delightful GraphQL developer portals",
   "author": {
@@ -84,6 +84,9 @@
     "@radix-ui/themes": "^3.2.1",
     "@rolldown/pluginutils": "1.0.0-beta.12",
     "@rollup/pluginutils": "^5.1.4",
+    "@shikijs/rehype": "^3.6.0",
+    "@shikijs/transformers": "^3.6.0",
+    "@shikijs/twoslash": "^3.6.0",
     "@swc/core": "^1.11.31",
     "@types/jsesc": "^3.0.3",
     "@vitejs/plugin-react": "^4.5.1",
@@ -105,16 +108,21 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router": "^7.6.2",
+    "rehype-stringify": "^10.0.1",
     "remark": "^15.0.1",
     "remark-gfm": "^4.0.1",
     "remark-html": "^16.0.1",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.2",
     "resolve.imports": "^2.0.3",
     "rolldown": "1.0.0-beta.12",
+    "shiki": "^3.6.0",
     "source-map": "^0.7.4",
     "superjson": "^2.2.2",
     "tinyglobby": "^0.2.14",
     "tsx": "^4.19.4",
     "typescript": "^5.8.3",
+    "unified": "^11.0.5",
     "vfile": "^6.0.3",
     "vite": "npm:rolldown-vite@~6.3.18",
     "vite-plugin-inspect": "^11.1.0",

package/src/api/singletons/markdown/markdown.test.ts

@@ -0,0 +1,89 @@
+import { describe, expect, test } from 'vitest'
+import { parse } from './markdown.js'
+
+describe(`markdown parser with syntax highlighting`, () => {
+  test(`parse highlights code blocks`, async () => {
+    const markdown = `
+# Hello
+
+\`\`\`javascript
+const x = 42
+console.log(x)
+\`\`\`
+`
+    const result = await parse(markdown)
+    
+    expect(result).toContain(`<h1>Hello</h1>`)
+    expect(result).toContain(`<pre`)
+    expect(result).toContain(`shiki`)
+    expect(result).toContain(`console`)
+    expect(result).toContain(`42`)
+  })
+
+  // Note: parseSync cannot be used with async rehype plugins like Shiki
+  // This is a known limitation - syntax highlighting requires async processing
+
+  test(`parse supports GraphQL syntax`, async () => {
+    const markdown = `
+\`\`\`graphql
+type Query {
+  user(id: ID!): User
+}
+\`\`\`
+`
+    const result = await parse(markdown)
+    
+    expect(result).toContain(`type`)
+    expect(result).toContain(`Query`)
+    // Check that both ID and ! are present (they may be in separate spans)
+    expect(result).toContain(`> ID<`)
+    expect(result).toContain(`>!</`)
+  })
+
+  test(`parse handles inline code`, async () => {
+    const markdown = `This is \`inline code\` in a sentence.`
+    const result = await parse(markdown)
+    
+    expect(result).toContain(`<code>inline code</code>`)
+  })
+
+  test(`parse supports GitHub Flavored Markdown`, async () => {
+    const markdown = `
+| Column 1 | Column 2 |
+|----------|----------|
+| Cell 1   | Cell 2   |
+
+- [x] Task 1
+- [ ] Task 2
+`
+    const result = await parse(markdown)
+    
+    expect(result).toContain(`<table>`)
+    expect(result).toContain(`<input`)
+    expect(result).toContain(`checked`)
+  })
+
+  test(`parse handles code blocks without language`, async () => {
+    const markdown = `
+\`\`\`
+plain text without language
+\`\`\`
+`
+    const result = await parse(markdown)
+    
+    expect(result).toContain(`<pre`)
+    expect(result).toContain(`plain text without language`)
+  })
+
+  test(`parse preserves theme CSS variables`, async () => {
+    const markdown = `
+\`\`\`javascript
+const theme = "light"
+\`\`\`
+`
+    const result = await parse(markdown)
+    
+    expect(result).toContain(`--shiki-light`)
+    expect(result).toContain(`--shiki-dark`)
+  })
+})

package/src/api/singletons/markdown/markdown.ts

@@ -1,21 +1,43 @@
-import * as Remark from 'remark'
-import RemarkGfm from 'remark-gfm'
-import RemarkHtml from 'remark-html'
+import { unified } from 'unified'
+import remarkParse from 'remark-parse'
+import remarkGfm from 'remark-gfm'
+import remarkRehype from 'remark-rehype'
+import rehypeShiki from '@shikijs/rehype'
+import rehypeStringify from 'rehype-stringify'
 
-export const parse = async (content: string): Promise<string> => {
-  const result = await Remark.remark()
-    .use(RemarkGfm)
-    .use(RemarkHtml)
-    .process(content)
+// Create a processor with Shiki for syntax highlighting (async only)
+const createProcessorWithShiki = () => {
+  return unified()
+    .use(remarkParse)
+    .use(remarkGfm)
+    .use(remarkRehype)
+    .use(rehypeShiki, {
+      themes: {
+        light: `github-light`,
+        dark: `tokyo-night`,
+      },
+      defaultColor: false,
+      cssVariablePrefix: `--shiki-`,
+    })
+    .use(rehypeStringify)
+}
+
+// Create a processor without syntax highlighting for sync processing
+const createProcessorSync = () => {
+  return unified()
+    .use(remarkParse)
+    .use(remarkGfm)
+    .use(remarkRehype)
+    .use(rehypeStringify)
+}
 
+export const parse = async (content: string): Promise<string> => {
+  const result = await createProcessorWithShiki().process(content)
   return String(result)
 }
 
 export const parseSync = (content: string): string => {
-  const result = Remark.remark()
-    .use(RemarkGfm)
-    .use(RemarkHtml)
-    .processSync(content)
-
+  // Note: Syntax highlighting is not available in sync mode due to @shikijs/rehype being async-only
+  const result = createProcessorSync().processSync(content)
   return String(result)
 }

package/src/api/vite/plugins/pages.ts

@@ -10,6 +10,7 @@ import { superjson } from '#singletons/superjson'
 import mdx from '@mdx-js/rollup'
 import { Path, Str } from '@wollybeard/kit'
 import remarkGfm from 'remark-gfm'
+import rehypeShiki from '@shikijs/rehype'
 
 const _debug = debug.sub(`vite-plugin-pages`)
 
@@ -123,6 +124,22 @@ export const Pages = ({
       ...mdx({
         jsxImportSource: `polen/react`,
         remarkPlugins: [remarkGfm],
+        rehypePlugins: [
+          [
+            rehypeShiki,
+            {
+              themes: {
+                light: `github-light`,
+                dark: `tokyo-night`,
+              },
+              defaultColor: false,
+              cssVariablePrefix: `--shiki-`,
+              transformers: [
+                // Line numbers will be handled via CSS
+              ],
+            },
+          ],
+        ],
       }),
     },
 

package/src/lib/shiki/index.ts

@@ -0,0 +1 @@
+export * from './shiki.ts'

package/src/lib/shiki/shiki.test.ts

@@ -0,0 +1,107 @@
+import { expect, test } from 'vitest'
+import { getHighlighter, highlightCode } from './shiki.js'
+
+test(`getHighlighter returns singleton instance`, async () => {
+  const highlighter1 = await getHighlighter()
+  const highlighter2 = await getHighlighter()
+
+  expect(highlighter1).toBe(highlighter2)
+})
+
+test(`highlightCode generates HTML with syntax highlighting`, async () => {
+  const code = `const hello = "world"`
+  const result = await highlightCode({
+    code,
+    lang: `javascript`,
+    theme: `light`,
+  })
+
+  expect(result).toContain(`<pre`)
+  expect(result).toContain(`shiki`)
+  expect(result).toContain(`hello`)
+  expect(result).toContain(`world`)
+})
+
+test(`highlightCode supports TypeScript`, async () => {
+  const code = `interface User { name: string }`
+  const result = await highlightCode({
+    code,
+    lang: `typescript`,
+    theme: `light`,
+  })
+
+  expect(result).toContain(`interface`)
+  expect(result).toContain(`User`)
+  expect(result).toContain(`string`)
+})
+
+test(`highlightCode supports GraphQL`, async () => {
+  const code = `type Query { user: User }`
+  const result = await highlightCode({
+    code,
+    lang: `graphql`,
+    theme: `light`,
+  })
+
+  expect(result).toContain(`type`)
+  expect(result).toContain(`Query`)
+  expect(result).toContain(`User`)
+})
+
+test(`highlightCode handles unknown language gracefully`, async () => {
+  const code = `some random text`
+  // Use 'text' as fallback for unknown languages
+  const result = await highlightCode({
+    code,
+    lang: `text`,
+    theme: `light`,
+  })
+
+  // Should still return highlighted HTML
+  expect(result).toContain(`<pre`)
+  expect(result).toContain(`some random text`)
+})
+
+test(`highlightCode applies line numbers when requested`, async () => {
+  const code = `line 1\nline 2\nline 3`
+  const result = await highlightCode({
+    code,
+    lang: `text`,
+    theme: `light`,
+    showLineNumbers: true,
+  })
+
+  expect(result).toContain(`data-line-numbers="true"`)
+})
+
+test(`highlightCode applies line highlighting`, async () => {
+  const code = `line 1\nline 2\nline 3`
+  const result = await highlightCode({
+    code,
+    lang: `text`,
+    theme: `light`,
+    highlightLines: [2],
+  })
+
+  expect(result).toContain(`data-highlighted="true"`)
+})
+
+test(`highlightCode supports both light and dark themes`, async () => {
+  const code = `const x = 1`
+
+  const lightResult = await highlightCode({
+    code,
+    lang: `javascript`,
+    theme: `light`,
+  })
+
+  const darkResult = await highlightCode({
+    code,
+    lang: `javascript`,
+    theme: `dark`,
+  })
+
+  // Both should contain theme CSS variables
+  expect(lightResult).toContain(`--shiki-light`)
+  expect(darkResult).toContain(`--shiki-dark`)
+})

package/src/lib/shiki/shiki.ts

@@ -0,0 +1,161 @@
+import { createHighlighter, type Highlighter, type BundledTheme, type BundledLanguage } from 'shiki'
+import {
+  transformerNotationHighlight,
+  transformerNotationDiff,
+  transformerNotationFocus,
+  transformerRenderWhitespace,
+} from '@shikijs/transformers'
+
+export interface ShikiOptions {
+  themes?: {
+    light: BundledTheme
+    dark: BundledTheme
+  }
+  langs?: BundledLanguage[]
+  defaultTheme?: 'light' | 'dark'
+}
+
+const DEFAULT_THEMES = {
+  light: `github-light` as BundledTheme,
+  dark: `tokyo-night` as BundledTheme,
+}
+
+const DEFAULT_LANGS: BundledLanguage[] = [
+  `typescript`,
+  `javascript`,
+  `jsx`,
+  `tsx`,
+  `graphql`,
+  `json`,
+  `yaml`,
+  `markdown`,
+  `bash`,
+  `shell`,
+  `css`,
+  `html`,
+  `sql`,
+  `python`,
+  `rust`,
+  `go`,
+  `java`,
+  `csharp`,
+  `php`,
+  `ruby`,
+  `swift`,
+  `kotlin`,
+  `scala`,
+  `r`,
+  `matlab`,
+  `latex`,
+  `dockerfile`,
+  `makefile`,
+  `nginx`,
+  `apache`,
+  `xml`,
+  `toml`,
+  `ini`,
+  `diff`,
+]
+
+// Singleton highlighter instance
+let highlighterInstance: Highlighter | null = null
+let highlighterPromise: Promise<Highlighter> | null = null
+
+export async function getHighlighter(options: ShikiOptions = {}): Promise<Highlighter> {
+  if (highlighterInstance) {
+    return highlighterInstance
+  }
+
+  if (!highlighterPromise) {
+    const themes = options.themes || DEFAULT_THEMES
+    const langs = options.langs || DEFAULT_LANGS
+
+    highlighterPromise = createHighlighter({
+      themes: [themes.light, themes.dark],
+      langs,
+    }).then(highlighter => {
+      highlighterInstance = highlighter
+      return highlighter
+    })
+  }
+
+  return highlighterPromise
+}
+
+export interface CodeHighlightOptions {
+  code: string
+  lang?: string
+  theme?: 'light' | 'dark'
+  showLineNumbers?: boolean
+  highlightLines?: number[]
+  diffLines?: { add: number[], remove: number[] }
+  focusLines?: number[]
+  showInvisibles?: boolean
+}
+
+export async function highlightCode({
+  code,
+  lang = `text`,
+  theme = `light`,
+  showLineNumbers = false,
+  highlightLines = [],
+  diffLines,
+  focusLines = [],
+  showInvisibles = false,
+}: CodeHighlightOptions): Promise<string> {
+  const highlighter = await getHighlighter()
+  
+  const themes = {
+    light: DEFAULT_THEMES.light,
+    dark: DEFAULT_THEMES.dark,
+  }
+
+  const transformers = []
+
+  // Add line numbers transformer if needed
+  if (showLineNumbers) {
+    // Custom line numbers will be handled in CSS
+    transformers.push({
+      name: `line-numbers`,
+      pre(node: any) {
+        node.properties[`data-line-numbers`] = `true`
+      }
+    })
+  }
+
+  // Add highlight transformer
+  if (highlightLines.length > 0) {
+    transformers.push({
+      name: `highlight-lines`,
+      line(node: any, line: number) {
+        if (highlightLines.includes(line)) {
+          node.properties[`data-highlighted`] = `true`
+        }
+      }
+    })
+  }
+
+  // Add standard transformers
+  transformers.push(
+    transformerNotationHighlight(),
+    transformerNotationDiff(),
+    transformerNotationFocus(),
+  )
+
+  if (showInvisibles) {
+    transformers.push(transformerRenderWhitespace())
+  }
+
+  // Generate HTML with CSS variables for theme switching
+  const html = highlighter.codeToHtml(code, {
+    lang,
+    themes,
+    defaultColor: false,
+    transformers,
+  })
+
+  return html
+}
+
+// Re-export types
+export type { Highlighter, BundledTheme, BundledLanguage } from 'shiki'

package/src/template/components/CodeBlock.tsx

@@ -0,0 +1,73 @@
+import { highlightCode } from '#lib/shiki/index'
+import React, { useEffect, useState } from 'react'
+
+interface CodeBlockProps {
+  children: string
+  language?: string
+  className?: string
+  showLineNumbers?: boolean
+  highlightLines?: number[]
+  diffLines?: { add: number[]; remove: number[] }
+  focusLines?: number[]
+  showInvisibles?: boolean
+}
+
+export const CodeBlock: React.FC<CodeBlockProps> = ({
+  children,
+  language = `text`,
+  className = ``,
+  showLineNumbers = false,
+  highlightLines = [],
+  diffLines,
+  focusLines = [],
+  showInvisibles = false,
+}) => {
+  const [html, setHtml] = useState<string>(``)
+  const [isLoading, setIsLoading] = useState(true)
+
+  // TODO: Implement proper theme detection
+  // For now, we'll rely on CSS to handle theme switching
+  const theme = `light` // Default to light theme
+
+  useEffect(() => {
+    const renderCode = async () => {
+      try {
+        const output = await highlightCode({
+          code: children,
+          lang: language,
+          theme,
+          showLineNumbers,
+          highlightLines,
+          diffLines,
+          focusLines,
+          showInvisibles,
+        })
+
+        setHtml(output)
+      } catch (error) {
+        console.error(`Failed to highlight code:`, error)
+        // Fallback to plain text
+        setHtml(`<pre><code>${children}</code></pre>`)
+      } finally {
+        setIsLoading(false)
+      }
+    }
+
+    renderCode()
+  }, [children, language, showLineNumbers, highlightLines, diffLines, focusLines, showInvisibles])
+
+  if (isLoading) {
+    return (
+      <pre className={className}>
+        <code>{children}</code>
+      </pre>
+    )
+  }
+
+  return (
+    <div
+      className={`code-block ${className}`}
+      dangerouslySetInnerHTML={{ __html: html }}
+    />
+  )
+}

package/src/template/entry.client.tsx

@@ -2,6 +2,7 @@
 // But then, we won't get it from the client manifest. But we could get it from the server manifest. Should we do that?
 // But then, that wouldn't work for SPA. Does that matter? Just put a conditional here e.g. if (import.meta.env.PROD) ...?
 import '@radix-ui/themes/styles.css'
+// import './styles/code-block.css' // TODO: Handle CSS in build process
 import { ReactDomClient } from '#dep/react-dom-client/index'
 import { StrictMode } from 'react'
 import { createBrowserRouter, RouterProvider } from 'react-router'

package/src/template/routes/root.tsx

@@ -120,6 +120,38 @@ const Layout = () => {
         my='8'
         mx='auto'
       >
+        <style>{`
+          /* Shiki code blocks */
+          pre.shiki {
+            margin: 1rem 0;
+            padding: 1rem;
+            border-radius: 8px;
+            overflow-x: auto;
+            font-size: 14px;
+            line-height: 1.6;
+            background-color: #f6f8fa;
+          }
+          
+          /* Light mode: use --shiki-light CSS variables from inline styles */
+          pre.shiki span {
+            color: var(--shiki-light);
+          }
+          
+          /* Dark mode - Radix Themes uses [data-is-root-theme="dark"] */
+          [data-is-root-theme="dark"] pre.shiki {
+            background-color: #1a1b26;
+          }
+          
+          [data-is-root-theme="dark"] pre.shiki span {
+            color: var(--shiki-dark);
+          }
+          
+          pre.shiki code {
+            font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+            background: transparent;
+            display: block;
+          }
+        `}</style>
         {header}
         {isShowSidebar && (
           <Sidebar

package/src/template/styles/code-block.css

@@ -0,0 +1,186 @@
+/* Code Block Styles */
+
+/* Base code block container */
+.code-block {
+  position: relative;
+  margin: 1rem 0;
+  border-radius: 8px;
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.code-block pre {
+  margin: 0;
+  padding: 1rem;
+  overflow-x: auto;
+  background: inherit;
+}
+
+.code-block code {
+  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-variant-ligatures: contextual;
+}
+
+/* Shiki theme switching with CSS variables */
+/* Default to light theme */
+:root {
+  color-scheme: light;
+}
+
+/* When dark mode is active */
+.dark {
+  color-scheme: dark;
+}
+
+/* Shiki code blocks */
+pre.shiki {
+  margin: 1rem 0;
+  padding: 1rem;
+  border-radius: 8px;
+  overflow-x: auto;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+pre.shiki code {
+  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-variant-ligatures: contextual;
+}
+
+/* Line numbers */
+.code-block[data-line-numbers="true"] pre {
+  padding-left: 3.5rem;
+  position: relative;
+}
+
+.code-block[data-line-numbers="true"] .line {
+  position: relative;
+}
+
+.code-block[data-line-numbers="true"] .line::before {
+  content: attr(data-line);
+  position: absolute;
+  left: -3rem;
+  width: 2.5rem;
+  text-align: right;
+  color: var(--gray-a6);
+  user-select: none;
+}
+
+/* Line highlighting */
+.code-block .line[data-highlighted="true"] {
+  background-color: var(--amber-a3);
+  display: block;
+  margin: 0 -1rem;
+  padding: 0 1rem;
+}
+
+/* Diff lines */
+.code-block .line[data-diff="+"] {
+  background-color: var(--green-a3);
+  display: block;
+  margin: 0 -1rem;
+  padding: 0 1rem;
+}
+
+.code-block .line[data-diff="-"] {
+  background-color: var(--red-a3);
+  display: block;
+  margin: 0 -1rem;
+  padding: 0 1rem;
+}
+
+.code-block .line[data-diff="+"]::before {
+  content: "+ ";
+  color: var(--green-11);
+  font-weight: bold;
+}
+
+.code-block .line[data-diff="-"]::before {
+  content: "- ";
+  color: var(--red-11);
+  font-weight: bold;
+}
+
+/* Focus lines */
+.code-block .line:not([data-focus="true"]) {
+  opacity: 0.5;
+  filter: grayscale(100%);
+  transition: opacity 0.2s, filter 0.2s;
+}
+
+.code-block:hover .line:not([data-focus="true"]) {
+  opacity: 0.8;
+  filter: grayscale(0%);
+}
+
+/* Copy button */
+.code-block-copy {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  background: var(--gray-a3);
+  color: var(--gray-12);
+  border: 1px solid var(--gray-a5);
+  cursor: pointer;
+  font-size: 12px;
+  transition: all 0.2s;
+}
+
+.code-block-copy:hover {
+  background: var(--gray-a4);
+  border-color: var(--gray-a6);
+}
+
+.code-block-copy.copied {
+  background: var(--green-a3);
+  border-color: var(--green-a5);
+  color: var(--green-11);
+}
+
+/* Language badge */
+.code-block-lang {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0.25rem 0.75rem;
+  background: var(--gray-a3);
+  color: var(--gray-11);
+  font-size: 12px;
+  font-weight: 500;
+  border-bottom-left-radius: 4px;
+  user-select: none;
+}
+
+/* Scrollbar styling */
+.code-block pre::-webkit-scrollbar {
+  height: 8px;
+  width: 8px;
+}
+
+.code-block pre::-webkit-scrollbar-track {
+  background: var(--gray-a3);
+  border-radius: 4px;
+}
+
+.code-block pre::-webkit-scrollbar-thumb {
+  background: var(--gray-a6);
+  border-radius: 4px;
+}
+
+.code-block pre::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-a7);
+}
+
+/* Inline code */
+code:not(.code-block code) {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 0.85em;
+  background-color: var(--gray-a3);
+  border-radius: 4px;
+  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+}