@podlite/highlight 0.0.2

package/CHANGELOG.podlite

@@ -0,0 +1,9 @@
+# @podlite/highlight
+
+=head1 Upcoming
+
+=head1 0.0.2
+
+=item a caller that does not say how to wrap a code block gets the wrapping that shows a caption. The other wrapping drops it, and a caption written on a block was disappearing for callers that said nothing
+
+=item the package carries the syntax highlighting that the renderer and the editor used to hold a copy of each, so both share one highlighter and one grammar cache. shiki is a peer declared optional: type checking passes without it and a chunk that fails to load leaves plain text, though the name still has to resolve when you bundle. A block with no lang attribute loads no grammar at all

package/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright © 2021-2026 Aliaksandr Zahatski
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,39 @@
+# @podlite/highlight
+
+Syntax highlighting for Podlite code blocks. The renderer (`@podlite/to-jsx`) and
+the editor (`@podlite/editor-react`) both take it from here, so a document looks
+the same in a preview as it does in an editor.
+
+## Install
+
+```sh
+npm install @podlite/highlight shiki
+```
+
+`shiki` is a peer, declared optional so it is never pulled in unnoticed. What
+that does and does not buy you:
+
+- **Types.** This package describes the parts of shiki it uses, so type checking
+  passes with shiki absent.
+- **Bundling.** The loader names `shiki` in a plain dynamic import, which lets a
+  bundler split it into its own chunk. That same plain name has to resolve at
+  build time, so install shiki if you bundle this package.
+- **Runtime.** If the chunk fails to load, the component renders the code as
+  plain `<pre><code>` instead of throwing.
+
+A block with no `:lang` never loads a grammar at all.
+
+## Use
+
+```jsx
+import { HighlightedCode } from '@podlite/highlight'
+
+<HighlightedCode node={node} ctx={ctx} keyProp={key} wrap="block">
+  {children}
+</HighlightedCode>
+```
+
+A block with no `:lang` attribute is not highlighted: nothing declares what the
+code is, so no grammar is loaded for it.
+
+Grammars load one at a time, when a block asks for one.

package/esm/HighlightedCode.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+type Decoration = {
+    start: number;
+    end: number;
+    tagName: string;
+    properties?: {
+        class?: string;
+    };
+};
+export declare const extractPlainAndDecorations: (nodes: unknown) => {
+    plain: string;
+    decorations: Decoration[];
+};
+export type HighlightedCodeProps = {
+    node: {
+        content?: unknown;
+        config?: unknown;
+    };
+    children: React.ReactNode;
+    keyProp: string | number;
+    ctx: unknown;
+    id?: string;
+    wrap?: 'pre-code' | 'block';
+};
+declare const HighlightedCode: React.FC<HighlightedCodeProps>;
+export default HighlightedCode;

package/esm/HighlightedCode.js

@@ -0,0 +1,106 @@
+import React, { useState, useEffect } from 'react';
+import { makeAttrs } from '@podlite/schema';
+import { codeToThemedHtml } from './shiki';
+const fcodeToTag = {
+    B: 'strong',
+    I: 'em',
+    C: 'code',
+    U: 'u',
+    K: 'kbd',
+};
+export const extractPlainAndDecorations = (nodes) => {
+    const decorations = [];
+    let plain = '';
+    const walk = (input) => {
+        if (input == null)
+            return;
+        if (typeof input === 'string') {
+            plain += input;
+            return;
+        }
+        if (Array.isArray(input)) {
+            for (const child of input)
+                walk(child);
+            return;
+        }
+        const node = input;
+        if (node.type === 'text' && typeof node.value === 'string') {
+            plain += node.value;
+            return;
+        }
+        if (node.type === 'verbatim' && typeof node.value === 'string') {
+            plain += node.value;
+            return;
+        }
+        if (node.type === 'fcode' && typeof node.name === 'string') {
+            const tagName = fcodeToTag[node.name] || 'span';
+            const start = plain.length;
+            walk(node.content);
+            const end = plain.length;
+            if (end > start) {
+                decorations.push({
+                    start,
+                    end,
+                    tagName,
+                    properties: { class: `fc-${node.name}` },
+                });
+            }
+            return;
+        }
+        if (node.content !== undefined) {
+            walk(node.content);
+        }
+        else if (typeof node.text === 'string') {
+            plain += node.text;
+        }
+    };
+    walk(nodes);
+    return { plain, decorations };
+};
+// Block wrapping is the default because it is the one that shows a caption:
+// a caller that says nothing gets the caption rather than silently losing it.
+const HighlightedCode = React.memo(({ node, children, keyProp, ctx, id, wrap = 'block' }) => {
+    const conf = makeAttrs(node, ctx);
+    const caption = conf.exists('caption') ? conf.getFirstValue('caption') : null;
+    const lang = conf.getFirstValue('lang');
+    const [html, setHtml] = useState(null);
+    useEffect(() => {
+        if (!lang)
+            return;
+        let cancelled = false;
+        const highlight = async () => {
+            try {
+                const isDark = typeof document !== 'undefined' && document.body && document.body.className.toLowerCase().includes('dark');
+                const { plain, decorations } = extractPlainAndDecorations(node.content);
+                const result = await codeToThemedHtml({
+                    code: plain,
+                    language: lang,
+                    theme: isDark ? 'dark' : 'light',
+                    decorations,
+                });
+                if (!cancelled)
+                    setHtml(result);
+            }
+            catch (e) {
+                console.error('[podlite] shiki highlight error:', e);
+            }
+        };
+        highlight();
+        return () => {
+            cancelled = true;
+        };
+    }, [lang, node.content]);
+    // The id goes on whichever element the branch puts outermost, so a link to
+    // the block keeps working once highlighting replaces the plain output.
+    const codeBody = html ? (React.createElement("code", { key: keyProp, id: id, className: "shiki", dangerouslySetInnerHTML: { __html: html } })) : (React.createElement("pre", { key: `${keyProp}-pre`, id: id },
+        React.createElement("code", { key: keyProp }, children)));
+    if (wrap === 'block') {
+        return (React.createElement("div", { className: "code-block", key: `${keyProp}-code-div` },
+            codeBody,
+            caption ? (React.createElement("div", { key: `${keyProp}-caption`, className: "caption" }, caption)) : null));
+    }
+    return codeBody;
+});
+HighlightedCode.displayName = 'HighlightedCode';
+export default HighlightedCode;
+//# sourceMappingURL=HighlightedCode.js.map

package/esm/HighlightedCode.js.map

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

package/esm/index.d.ts

@@ -0,0 +1,4 @@
+export { default as HighlightedCode, extractPlainAndDecorations } from './HighlightedCode';
+export type { HighlightedCodeProps } from './HighlightedCode';
+export { codeToHtml, codeToThemedHtml, getHighlighter, isLanguageLoaded, normalizeLanguage } from './shiki';
+export type { BundledLanguage, BundledTheme, DecorationItem, ExtendedLanguage, Highlighter } from './shiki';

package/esm/index.js

@@ -0,0 +1,3 @@
+export { default as HighlightedCode, extractPlainAndDecorations } from './HighlightedCode';
+export { codeToHtml, codeToThemedHtml, getHighlighter, isLanguageLoaded, normalizeLanguage } from './shiki';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAA;AAE1F,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA"}

package/esm/shiki.d.ts

@@ -0,0 +1,36 @@
+export type BundledLanguage = string;
+export type BundledTheme = string;
+export type DecorationItem = {
+    start: number;
+    end: number;
+    tagName?: string;
+    properties?: Record<string, string>;
+};
+type CodeToHtmlOptions = {
+    lang: string;
+    theme?: BundledTheme;
+    themes?: {
+        light: BundledTheme;
+        dark: BundledTheme;
+    };
+    decorations?: DecorationItem[];
+};
+export type Highlighter = {
+    codeToHtml: (code: string, options: CodeToHtmlOptions) => string;
+    loadLanguage: (lang: BundledLanguage) => Promise<void>;
+};
+export type ExtendedLanguage = BundledLanguage | 'txt';
+export declare function normalizeLanguage(language?: string): Promise<ExtendedLanguage>;
+export declare function getHighlighter(language?: string): Promise<Highlighter>;
+export declare function codeToHtml({ code, language }: {
+    code: string;
+    language: string;
+}): Promise<string>;
+export declare function codeToThemedHtml({ code, language, theme, decorations, }: {
+    code: string;
+    language: string;
+    theme?: 'light' | 'dark' | 'auto';
+    decorations?: DecorationItem[];
+}): Promise<string>;
+export declare const isLanguageLoaded: (language: ExtendedLanguage) => boolean;
+export {};

package/esm/shiki.js

@@ -0,0 +1,157 @@
+const isShikiModule = (m) => typeof m === 'object' && m !== null && 'createHighlighter' in m && 'bundledLanguages' in m;
+// A rejected import and an unusable module are the same event to the caller:
+// highlighting is unavailable, and the caller falls back to plain output.
+const loadShiki = async () => {
+    const module = await import('shiki');
+    if (!isShikiModule(module))
+        throw new Error('shiki is not available');
+    return module;
+};
+const CONFIG = {
+    themes: {
+        light: 'one-light',
+        dark: 'github-dark',
+    },
+    // Only the fallback grammar is preloaded; everything else arrives through
+    // loadLanguage when a block asks for it.
+    initialLanguages: ['txt'],
+};
+// Language aliases mapping
+const languageAliases = {
+    text: 'txt',
+    plaintext: 'txt',
+    plain: 'txt',
+    sh: 'shell',
+    bash: 'shell',
+    zsh: 'shell',
+    shellscript: 'shell',
+    'shell-script': 'shell',
+    console: 'shell',
+    terminal: 'shell',
+    js: 'javascript',
+    node: 'javascript',
+    nodejs: 'javascript',
+    ts: 'typescript',
+    py: 'python',
+    python3: 'python',
+    py3: 'python',
+    rb: 'ruby',
+    md: 'markdown',
+    cpp: 'c++',
+    cc: 'c++',
+    cs: 'c#',
+    csharp: 'c#',
+    htm: 'html',
+    yml: 'yaml',
+    dockerfile: 'docker',
+    styles: 'css',
+    style: 'css',
+    jsonc: 'json',
+    json5: 'json',
+    xaml: 'xml',
+    xhtml: 'xml',
+    svg: 'xml',
+    mysql: 'sql',
+    postgresql: 'sql',
+    postgres: 'sql',
+    pgsql: 'sql',
+    plsql: 'sql',
+    oracle: 'sql',
+};
+// One highlighter for the process: both the renderer and the editor reach it
+// through this module, so a grammar is fetched once however many views ask.
+const state = {
+    instance: null,
+    initPromise: null,
+    loadedLanguages: new Set(['txt']),
+    pendingLoads: new Map(),
+    warnedLanguages: new Set(),
+};
+// Normalize language to valid Shiki language
+export async function normalizeLanguage(language) {
+    if (!language)
+        return 'txt';
+    const normalized = language.toLowerCase();
+    const { bundledLanguages } = await loadShiki();
+    if (normalized in bundledLanguages) {
+        return normalized;
+    }
+    if (normalized in languageAliases) {
+        return languageAliases[normalized];
+    }
+    if (!state.warnedLanguages.has(language)) {
+        console.warn(`[podlite] shiki unrecognized language '${language}', defaulting to [txt]`);
+        state.warnedLanguages.add(language);
+    }
+    return 'txt';
+}
+// Get or create highlighter instance
+async function getHighlighterInstance() {
+    if (!state.initPromise) {
+        state.initPromise = (async () => {
+            const { createHighlighter } = await loadShiki();
+            const instance = await createHighlighter({
+                themes: Object.values(CONFIG.themes),
+                langs: CONFIG.initialLanguages,
+            });
+            state.instance = instance;
+            CONFIG.initialLanguages.forEach(lang => state.loadedLanguages.add(lang));
+            return instance;
+        })();
+    }
+    return state.initPromise;
+}
+// Load a language if not already loaded
+async function ensureLanguageLoaded(instance, lang) {
+    if (state.loadedLanguages.has(lang))
+        return;
+    let pending = state.pendingLoads.get(lang);
+    if (!pending) {
+        pending = instance
+            .loadLanguage(lang)
+            .then(() => {
+            state.loadedLanguages.add(lang);
+        })
+            .finally(() => state.pendingLoads.delete(lang));
+        state.pendingLoads.set(lang, pending);
+    }
+    await pending;
+}
+// Main API: get highlighter with language loaded
+export async function getHighlighter(language) {
+    const lang = await normalizeLanguage(language);
+    const instance = await getHighlighterInstance();
+    await ensureLanguageLoaded(instance, lang);
+    return instance;
+}
+// Convenience: convert code to HTML with dual themes (CSS-based switching)
+export async function codeToHtml({ code, language }) {
+    const lang = await normalizeLanguage(language);
+    const highlighter = await getHighlighter(language);
+    return highlighter.codeToHtml(code, {
+        lang,
+        themes: CONFIG.themes,
+    });
+}
+// Convert code to HTML with explicit theme selection (for runtime theme detection)
+export async function codeToThemedHtml({ code, language, theme, decorations, }) {
+    const lang = await normalizeLanguage(language);
+    const highlighter = await getHighlighter(language);
+    if (theme === 'light' || theme === 'dark') {
+        return highlighter.codeToHtml(code, {
+            lang,
+            theme: CONFIG.themes[theme],
+            decorations,
+        });
+    }
+    return highlighter.codeToHtml(code, {
+        lang,
+        themes: CONFIG.themes,
+        decorations,
+    });
+}
+// Check if a language is loaded (sync — only meaningful after a prior async normalize)
+export const isLanguageLoaded = (language) => {
+    return state.loadedLanguages.has(language);
+};
+//# sourceMappingURL=shiki.js.map

package/esm/shiki.js.map

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

package/lib/HighlightedCode.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+type Decoration = {
+    start: number;
+    end: number;
+    tagName: string;
+    properties?: {
+        class?: string;
+    };
+};
+export declare const extractPlainAndDecorations: (nodes: unknown) => {
+    plain: string;
+    decorations: Decoration[];
+};
+export type HighlightedCodeProps = {
+    node: {
+        content?: unknown;
+        config?: unknown;
+    };
+    children: React.ReactNode;
+    keyProp: string | number;
+    ctx: unknown;
+    id?: string;
+    wrap?: 'pre-code' | 'block';
+};
+declare const HighlightedCode: React.FC<HighlightedCodeProps>;
+export default HighlightedCode;

package/lib/HighlightedCode.js

@@ -0,0 +1,143 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractPlainAndDecorations = void 0;
+const react_1 = __importStar(require("react"));
+const schema_1 = require("@podlite/schema");
+const shiki_1 = require("./shiki");
+const fcodeToTag = {
+    B: 'strong',
+    I: 'em',
+    C: 'code',
+    U: 'u',
+    K: 'kbd',
+};
+const extractPlainAndDecorations = (nodes) => {
+    const decorations = [];
+    let plain = '';
+    const walk = (input) => {
+        if (input == null)
+            return;
+        if (typeof input === 'string') {
+            plain += input;
+            return;
+        }
+        if (Array.isArray(input)) {
+            for (const child of input)
+                walk(child);
+            return;
+        }
+        const node = input;
+        if (node.type === 'text' && typeof node.value === 'string') {
+            plain += node.value;
+            return;
+        }
+        if (node.type === 'verbatim' && typeof node.value === 'string') {
+            plain += node.value;
+            return;
+        }
+        if (node.type === 'fcode' && typeof node.name === 'string') {
+            const tagName = fcodeToTag[node.name] || 'span';
+            const start = plain.length;
+            walk(node.content);
+            const end = plain.length;
+            if (end > start) {
+                decorations.push({
+                    start,
+                    end,
+                    tagName,
+                    properties: { class: `fc-${node.name}` },
+                });
+            }
+            return;
+        }
+        if (node.content !== undefined) {
+            walk(node.content);
+        }
+        else if (typeof node.text === 'string') {
+            plain += node.text;
+        }
+    };
+    walk(nodes);
+    return { plain, decorations };
+};
+exports.extractPlainAndDecorations = extractPlainAndDecorations;
+// Block wrapping is the default because it is the one that shows a caption:
+// a caller that says nothing gets the caption rather than silently losing it.
+const HighlightedCode = react_1.default.memo(({ node, children, keyProp, ctx, id, wrap = 'block' }) => {
+    const conf = (0, schema_1.makeAttrs)(node, ctx);
+    const caption = conf.exists('caption') ? conf.getFirstValue('caption') : null;
+    const lang = conf.getFirstValue('lang');
+    const [html, setHtml] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (!lang)
+            return;
+        let cancelled = false;
+        const highlight = async () => {
+            try {
+                const isDark = typeof document !== 'undefined' && document.body && document.body.className.toLowerCase().includes('dark');
+                const { plain, decorations } = (0, exports.extractPlainAndDecorations)(node.content);
+                const result = await (0, shiki_1.codeToThemedHtml)({
+                    code: plain,
+                    language: lang,
+                    theme: isDark ? 'dark' : 'light',
+                    decorations,
+                });
+                if (!cancelled)
+                    setHtml(result);
+            }
+            catch (e) {
+                console.error('[podlite] shiki highlight error:', e);
+            }
+        };
+        highlight();
+        return () => {
+            cancelled = true;
+        };
+    }, [lang, node.content]);
+    // The id goes on whichever element the branch puts outermost, so a link to
+    // the block keeps working once highlighting replaces the plain output.
+    const codeBody = html ? (react_1.default.createElement("code", { key: keyProp, id: id, className: "shiki", dangerouslySetInnerHTML: { __html: html } })) : (react_1.default.createElement("pre", { key: `${keyProp}-pre`, id: id },
+        react_1.default.createElement("code", { key: keyProp }, children)));
+    if (wrap === 'block') {
+        return (react_1.default.createElement("div", { className: "code-block", key: `${keyProp}-code-div` },
+            codeBody,
+            caption ? (react_1.default.createElement("div", { key: `${keyProp}-caption`, className: "caption" }, caption)) : null));
+    }
+    return codeBody;
+});
+HighlightedCode.displayName = 'HighlightedCode';
+exports.default = HighlightedCode;
+//# sourceMappingURL=HighlightedCode.js.map

package/lib/HighlightedCode.js.map

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

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export { default as HighlightedCode, extractPlainAndDecorations } from './HighlightedCode';
+export type { HighlightedCodeProps } from './HighlightedCode';
+export { codeToHtml, codeToThemedHtml, getHighlighter, isLanguageLoaded, normalizeLanguage } from './shiki';
+export type { BundledLanguage, BundledTheme, DecorationItem, ExtendedLanguage, Highlighter } from './shiki';

package/lib/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeLanguage = exports.isLanguageLoaded = exports.getHighlighter = exports.codeToThemedHtml = exports.codeToHtml = exports.extractPlainAndDecorations = exports.HighlightedCode = void 0;
+var HighlightedCode_1 = require("./HighlightedCode");
+Object.defineProperty(exports, "HighlightedCode", { enumerable: true, get: function () { return __importDefault(HighlightedCode_1).default; } });
+Object.defineProperty(exports, "extractPlainAndDecorations", { enumerable: true, get: function () { return HighlightedCode_1.extractPlainAndDecorations; } });
+var shiki_1 = require("./shiki");
+Object.defineProperty(exports, "codeToHtml", { enumerable: true, get: function () { return shiki_1.codeToHtml; } });
+Object.defineProperty(exports, "codeToThemedHtml", { enumerable: true, get: function () { return shiki_1.codeToThemedHtml; } });
+Object.defineProperty(exports, "getHighlighter", { enumerable: true, get: function () { return shiki_1.getHighlighter; } });
+Object.defineProperty(exports, "isLanguageLoaded", { enumerable: true, get: function () { return shiki_1.isLanguageLoaded; } });
+Object.defineProperty(exports, "normalizeLanguage", { enumerable: true, get: function () { return shiki_1.normalizeLanguage; } });
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,qDAA0F;AAAjF,mIAAA,OAAO,OAAmB;AAAE,6HAAA,0BAA0B,OAAA;AAE/D,iCAA2G;AAAlG,mGAAA,UAAU,OAAA;AAAE,yGAAA,gBAAgB,OAAA;AAAE,uGAAA,cAAc,OAAA;AAAE,yGAAA,gBAAgB,OAAA;AAAE,0GAAA,iBAAiB,OAAA"}

package/lib/shiki.d.ts

@@ -0,0 +1,36 @@
+export type BundledLanguage = string;
+export type BundledTheme = string;
+export type DecorationItem = {
+    start: number;
+    end: number;
+    tagName?: string;
+    properties?: Record<string, string>;
+};
+type CodeToHtmlOptions = {
+    lang: string;
+    theme?: BundledTheme;
+    themes?: {
+        light: BundledTheme;
+        dark: BundledTheme;
+    };
+    decorations?: DecorationItem[];
+};
+export type Highlighter = {
+    codeToHtml: (code: string, options: CodeToHtmlOptions) => string;
+    loadLanguage: (lang: BundledLanguage) => Promise<void>;
+};
+export type ExtendedLanguage = BundledLanguage | 'txt';
+export declare function normalizeLanguage(language?: string): Promise<ExtendedLanguage>;
+export declare function getHighlighter(language?: string): Promise<Highlighter>;
+export declare function codeToHtml({ code, language }: {
+    code: string;
+    language: string;
+}): Promise<string>;
+export declare function codeToThemedHtml({ code, language, theme, decorations, }: {
+    code: string;
+    language: string;
+    theme?: 'light' | 'dark' | 'auto';
+    decorations?: DecorationItem[];
+}): Promise<string>;
+export declare const isLanguageLoaded: (language: ExtendedLanguage) => boolean;
+export {};

package/lib/shiki.js

@@ -0,0 +1,198 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isLanguageLoaded = void 0;
+exports.normalizeLanguage = normalizeLanguage;
+exports.getHighlighter = getHighlighter;
+exports.codeToHtml = codeToHtml;
+exports.codeToThemedHtml = codeToThemedHtml;
+const isShikiModule = (m) => typeof m === 'object' && m !== null && 'createHighlighter' in m && 'bundledLanguages' in m;
+// A rejected import and an unusable module are the same event to the caller:
+// highlighting is unavailable, and the caller falls back to plain output.
+const loadShiki = async () => {
+    const module = await Promise.resolve().then(() => __importStar(require('shiki')));
+    if (!isShikiModule(module))
+        throw new Error('shiki is not available');
+    return module;
+};
+const CONFIG = {
+    themes: {
+        light: 'one-light',
+        dark: 'github-dark',
+    },
+    // Only the fallback grammar is preloaded; everything else arrives through
+    // loadLanguage when a block asks for it.
+    initialLanguages: ['txt'],
+};
+// Language aliases mapping
+const languageAliases = {
+    text: 'txt',
+    plaintext: 'txt',
+    plain: 'txt',
+    sh: 'shell',
+    bash: 'shell',
+    zsh: 'shell',
+    shellscript: 'shell',
+    'shell-script': 'shell',
+    console: 'shell',
+    terminal: 'shell',
+    js: 'javascript',
+    node: 'javascript',
+    nodejs: 'javascript',
+    ts: 'typescript',
+    py: 'python',
+    python3: 'python',
+    py3: 'python',
+    rb: 'ruby',
+    md: 'markdown',
+    cpp: 'c++',
+    cc: 'c++',
+    cs: 'c#',
+    csharp: 'c#',
+    htm: 'html',
+    yml: 'yaml',
+    dockerfile: 'docker',
+    styles: 'css',
+    style: 'css',
+    jsonc: 'json',
+    json5: 'json',
+    xaml: 'xml',
+    xhtml: 'xml',
+    svg: 'xml',
+    mysql: 'sql',
+    postgresql: 'sql',
+    postgres: 'sql',
+    pgsql: 'sql',
+    plsql: 'sql',
+    oracle: 'sql',
+};
+// One highlighter for the process: both the renderer and the editor reach it
+// through this module, so a grammar is fetched once however many views ask.
+const state = {
+    instance: null,
+    initPromise: null,
+    loadedLanguages: new Set(['txt']),
+    pendingLoads: new Map(),
+    warnedLanguages: new Set(),
+};
+// Normalize language to valid Shiki language
+async function normalizeLanguage(language) {
+    if (!language)
+        return 'txt';
+    const normalized = language.toLowerCase();
+    const { bundledLanguages } = await loadShiki();
+    if (normalized in bundledLanguages) {
+        return normalized;
+    }
+    if (normalized in languageAliases) {
+        return languageAliases[normalized];
+    }
+    if (!state.warnedLanguages.has(language)) {
+        console.warn(`[podlite] shiki unrecognized language '${language}', defaulting to [txt]`);
+        state.warnedLanguages.add(language);
+    }
+    return 'txt';
+}
+// Get or create highlighter instance
+async function getHighlighterInstance() {
+    if (!state.initPromise) {
+        state.initPromise = (async () => {
+            const { createHighlighter } = await loadShiki();
+            const instance = await createHighlighter({
+                themes: Object.values(CONFIG.themes),
+                langs: CONFIG.initialLanguages,
+            });
+            state.instance = instance;
+            CONFIG.initialLanguages.forEach(lang => state.loadedLanguages.add(lang));
+            return instance;
+        })();
+    }
+    return state.initPromise;
+}
+// Load a language if not already loaded
+async function ensureLanguageLoaded(instance, lang) {
+    if (state.loadedLanguages.has(lang))
+        return;
+    let pending = state.pendingLoads.get(lang);
+    if (!pending) {
+        pending = instance
+            .loadLanguage(lang)
+            .then(() => {
+            state.loadedLanguages.add(lang);
+        })
+            .finally(() => state.pendingLoads.delete(lang));
+        state.pendingLoads.set(lang, pending);
+    }
+    await pending;
+}
+// Main API: get highlighter with language loaded
+async function getHighlighter(language) {
+    const lang = await normalizeLanguage(language);
+    const instance = await getHighlighterInstance();
+    await ensureLanguageLoaded(instance, lang);
+    return instance;
+}
+// Convenience: convert code to HTML with dual themes (CSS-based switching)
+async function codeToHtml({ code, language }) {
+    const lang = await normalizeLanguage(language);
+    const highlighter = await getHighlighter(language);
+    return highlighter.codeToHtml(code, {
+        lang,
+        themes: CONFIG.themes,
+    });
+}
+// Convert code to HTML with explicit theme selection (for runtime theme detection)
+async function codeToThemedHtml({ code, language, theme, decorations, }) {
+    const lang = await normalizeLanguage(language);
+    const highlighter = await getHighlighter(language);
+    if (theme === 'light' || theme === 'dark') {
+        return highlighter.codeToHtml(code, {
+            lang,
+            theme: CONFIG.themes[theme],
+            decorations,
+        });
+    }
+    return highlighter.codeToHtml(code, {
+        lang,
+        themes: CONFIG.themes,
+        decorations,
+    });
+}
+// Check if a language is loaded (sync — only meaningful after a prior async normalize)
+const isLanguageLoaded = (language) => {
+    return state.loadedLanguages.has(language);
+};
+exports.isLanguageLoaded = isLanguageLoaded;
+//# sourceMappingURL=shiki.js.map

package/lib/shiki.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki.js","sourceRoot":"","sources":["../src/shiki.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,8CAoBC;AAuCD,wCAKC;AAGD,gCAQC;AAGD,4CA2BC;AAnMD,MAAM,aAAa,GAAG,CAAC,CAAU,EAAoB,EAAE,CACrD,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,mBAAmB,IAAI,CAAC,IAAI,kBAAkB,IAAI,CAAC,CAAA;AAE5F,6EAA6E;AAC7E,0EAA0E;AAC1E,MAAM,SAAS,GAAG,KAAK,IAA0B,EAAE;IACjD,MAAM,MAAM,GAAY,wDAAa,OAAO,GAAC,CAAA;IAC7C,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAA;IACrE,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAOD,MAAM,MAAM,GAAW;IACrB,MAAM,EAAE;QACN,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,aAAa;KACpB;IACD,0EAA0E;IAC1E,yCAAyC;IACzC,gBAAgB,EAAE,CAAC,KAAK,CAAC;CAC1B,CAAA;AAID,2BAA2B;AAC3B,MAAM,eAAe,GAAqC;IACxD,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,KAAK;IACZ,EAAE,EAAE,OAAO;IACX,IAAI,EAAE,OAAO;IACb,GAAG,EAAE,OAAO;IACZ,WAAW,EAAE,OAAO;IACpB,cAAc,EAAE,OAAO;IACvB,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,OAAO;IACjB,EAAE,EAAE,YAAY;IAChB,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,YAAY;IACpB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,QAAQ;IACZ,OAAO,EAAE,QAAQ;IACjB,GAAG,EAAE,QAAQ;IACb,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,UAAU;IACd,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,IAAI;IACR,MAAM,EAAE,IAAI;IACZ,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,MAAM;IACX,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,KAAK;IACZ,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;CACd,CAAA;AAUD,6EAA6E;AAC7E,4EAA4E;AAC5E,MAAM,KAAK,GAAU;IACnB,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI,GAAG,CAAmB,CAAC,KAAK,CAAC,CAAC;IACnD,YAAY,EAAE,IAAI,GAAG,EAAmC;IACxD,eAAe,EAAE,IAAI,GAAG,EAAU;CACnC,CAAA;AAED,6CAA6C;AACtC,KAAK,UAAU,iBAAiB,CAAC,QAAiB;IACvD,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAA;IAE3B,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAA;IACzC,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAM,SAAS,EAAE,CAAA;IAE9C,IAAI,UAAU,IAAI,gBAAgB,EAAE,CAAC;QACnC,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,IAAI,UAAU,IAAI,eAAe,EAAE,CAAC;QAClC,OAAO,eAAe,CAAC,UAAU,CAAC,CAAA;IACpC,CAAC;IAED,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;QACzC,OAAO,CAAC,IAAI,CAAC,0CAA0C,QAAQ,wBAAwB,CAAC,CAAA;QACxF,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IACrC,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,qCAAqC;AACrC,KAAK,UAAU,sBAAsB;IACnC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACvB,KAAK,CAAC,WAAW,GAAG,CAAC,KAAK,IAAI,EAAE;YAC9B,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,SAAS,EAAE,CAAA;YAC/C,MAAM,QAAQ,GAAG,MAAM,iBAAiB,CAAC;gBACvC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;gBACpC,KAAK,EAAE,MAAM,CAAC,gBAAgB;aAC/B,CAAC,CAAA;YACF,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;YACzB,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;YACxE,OAAO,QAAQ,CAAA;QACjB,CAAC,CAAC,EAAE,CAAA;IACN,CAAC;IACD,OAAO,KAAK,CAAC,WAAW,CAAA;AAC1B,CAAC;AAED,wCAAwC;AACxC,KAAK,UAAU,oBAAoB,CAAC,QAAqB,EAAE,IAAsB;IAC/E,IAAI,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC;QAAE,OAAM;IAE3C,IAAI,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IAC1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,GAAG,QAAQ;aACf,YAAY,CAAC,IAAI,CAAC;aAClB,IAAI,CAAC,GAAG,EAAE;YACT,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QACjC,CAAC,CAAC;aACD,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QAEjD,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACvC,CAAC;IAED,MAAM,OAAO,CAAA;AACf,CAAC;AAED,iDAAiD;AAC1C,KAAK,UAAU,cAAc,CAAC,QAAiB;IACpD,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAC9C,MAAM,QAAQ,GAAG,MAAM,sBAAsB,EAAE,CAAA;IAC/C,MAAM,oBAAoB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;IAC1C,OAAO,QAAQ,CAAA;AACjB,CAAC;AAED,2EAA2E;AACpE,KAAK,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAsC;IACrF,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAC9C,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA;IAElD,OAAO,WAAW,CAAC,UAAU,CAAC,IAAI,EAAE;QAClC,IAAI;QACJ,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB,CAAC,CAAA;AACJ,CAAC;AAED,mFAAmF;AAC5E,KAAK,UAAU,gBAAgB,CAAC,EACrC,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,WAAW,GAMZ;IACC,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IAC9C,MAAM,WAAW,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAA;IAElD,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QAC1C,OAAO,WAAW,CAAC,UAAU,CAAC,IAAI,EAAE;YAClC,IAAI;YACJ,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;YAC3B,WAAW;SACZ,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,WAAW,CAAC,UAAU,CAAC,IAAI,EAAE;QAClC,IAAI;QACJ,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,WAAW;KACZ,CAAC,CAAA;AACJ,CAAC;AAED,uFAAuF;AAChF,MAAM,gBAAgB,GAAG,CAAC,QAA0B,EAAW,EAAE;IACtE,OAAO,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;AAC5C,CAAC,CAAA;AAFY,QAAA,gBAAgB,oBAE5B"}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@podlite/highlight",
+  "version": "0.0.2",
+  "description": "Syntax highlighting for Podlite code blocks, shared by the renderer and the editor",
+  "main": "./lib/index.js",
+  "sideEffects": false,
+  "homepage": "https://podlite.org",
+  "bugs": {
+    "url": "https://github.com/podlite/podlite/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/podlite/podlite.git",
+    "directory": "packages/podlite-highlight"
+  },
+  "license": "MIT",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/podlite"
+  },
+  "scripts": {
+    "build": "yarn g:build",
+    "test": "yarn g:jest  --passWithNoTests"
+  },
+  "dependencies": {
+    "@podlite/schema": "0.0.68"
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./esm/index.js",
+      "require": "./lib/index.js",
+      "default": "./lib/index.js"
+    },
+    "./index": {
+      "import": "./esm/index.js",
+      "require": "./lib/index.js"
+    },
+    "./package.json": "./package.json",
+    "./lib/*": {
+      "types": "./lib/*.d.ts",
+      "default": "./lib/*.js"
+    }
+  },
+  "files": [
+    "lib",
+    "esm",
+    "README.md",
+    "CHANGELOG.podlite",
+    "LICENSE"
+  ],
+  "keywords": [
+    "podlite",
+    "syntax-highlighting",
+    "shiki",
+    "react",
+    "react-component",
+    "code",
+    "markup-language"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@podlite/schema": "*",
+    "react": "^16.0.0 || ^17.0.0 || ^18",
+    "react-dom": "^16.0.0 || ^17.0.0 || ^18",
+    "shiki": "^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "shiki": {
+      "optional": true
+    }
+  },
+  "module": "./esm/index.js",
+  "types": "./lib/index.d.ts",
+  "devDependencies": {
+    "shiki": "^3.21.0"
+  }
+}