snice 3.4.0 → 3.5.0

package/dist/components/code-block/highlighter.js

@@ -0,0 +1,137 @@
+/**
+ * Built-in syntax highlighter for common languages
+ * Simple regex-based highlighter - no external dependencies
+ */
+// Use placeholder tokens to avoid regex conflicts
+const MARKERS = {
+    start: '\x00SPAN_START\x00',
+    end: '\x00SPAN_END\x00',
+    quote: '\x00QUOTE\x00'
+};
+function wrapToken(text, tokenClass) {
+    return `${MARKERS.start}${tokenClass}${MARKERS.quote}${text}${MARKERS.end}`;
+}
+function finalizeSyntax(code) {
+    return code
+        .replace(new RegExp(MARKERS.start, 'g'), '<span class="token ')
+        .replace(new RegExp(MARKERS.quote, 'g'), '">')
+        .replace(new RegExp(MARKERS.end, 'g'), '</span>');
+}
+function highlightCode(code, language) {
+    let highlighted;
+    switch (language.toLowerCase()) {
+        case 'javascript':
+        case 'js':
+        case 'typescript':
+        case 'ts':
+            highlighted = highlightJavaScript(code);
+            break;
+        case 'html':
+        case 'xml':
+            highlighted = highlightHTML(code);
+            break;
+        case 'css':
+            highlighted = highlightCSS(code);
+            break;
+        case 'json':
+            highlighted = highlightJSON(code);
+            break;
+        case 'python':
+        case 'py':
+            highlighted = highlightPython(code);
+            break;
+        case 'bash':
+        case 'sh':
+        case 'shell':
+            highlighted = highlightBash(code);
+            break;
+        default:
+            return code;
+    }
+    return finalizeSyntax(highlighted);
+}
+function highlightJavaScript(code) {
+    return code
+        // Strings
+        .replace(/(["'`])(?:(?=(\\?))\2.)*?\1/g, (match) => wrapToken(match, 'string'))
+        // Comments
+        .replace(/(\/\/.*$)/gm, (match) => wrapToken(match, 'comment'))
+        .replace(/(\/\*[\s\S]*?\*\/)/g, (match) => wrapToken(match, 'comment'))
+        // Keywords
+        .replace(/\b(async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|export|extends|finally|for|from|function|if|import|in|instanceof|let|new|of|return|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/g, (match) => wrapToken(match, 'keyword'))
+        // Built-in objects
+        .replace(/\b(Array|Boolean|Date|Error|Function|JSON|Math|Number|Object|Promise|Proxy|RegExp|String|Symbol|Map|Set|WeakMap|WeakSet|console|document|window)\b/g, (match) => wrapToken(match, 'builtin'))
+        // Boolean/null/undefined
+        .replace(/\b(true|false|null|undefined|NaN|Infinity)\b/g, (match) => wrapToken(match, 'constant'))
+        // Numbers
+        .replace(/\b(\d+\.?\d*)\b/g, (match) => wrapToken(match, 'number'));
+}
+function highlightHTML(code) {
+    return code
+        // Comments first
+        .replace(/(&lt;!--[\s\S]*?--&gt;)/g, (match) => wrapToken(match, 'comment'))
+        // Tag names
+        .replace(/(&lt;\/?)([\w-]+)/g, (match, bracket, tagName) => bracket + wrapToken(tagName, 'tag'))
+        // Attribute names
+        .replace(/\s([\w-]+)=/g, (match, attrName) => ' ' + wrapToken(attrName, 'attr-name') + '=')
+        // Attribute values
+        .replace(/=(&quot;|")([^"&]*)(&quot;|")/g, (match, q1, value, q2) => '=' + q1 + wrapToken(value, 'attr-value') + q2);
+}
+function highlightCSS(code) {
+    return code
+        // Comments
+        .replace(/(\/\*[\s\S]*?\*\/)/g, (match) => wrapToken(match, 'comment'))
+        // Properties
+        .replace(/([\w-]+)(?=\s*:)/g, (match) => wrapToken(match, 'property'))
+        // Important
+        .replace(/!important/g, (match) => wrapToken(match, 'important'))
+        // Numbers
+        .replace(/\b(\d+\.?\d*)(px|em|rem|%|vh|vw|s|ms)?\b/g, (match) => wrapToken(match, 'number'));
+}
+function highlightJSON(code) {
+    return code
+        // Keys
+        .replace(/"([\w-]+)"(?=\s*:)/g, (match, key) => '"' + wrapToken(key, 'property') + '"')
+        // String values
+        .replace(/:\s*"([^"]*)"/g, (match, value) => ': "' + wrapToken(value, 'string') + '"')
+        // Numbers
+        .replace(/:\s*(\d+\.?\d*)/g, (match, num) => ': ' + wrapToken(num, 'number'))
+        // Booleans/null
+        .replace(/\b(true|false|null)\b/g, (match) => wrapToken(match, 'constant'));
+}
+function highlightPython(code) {
+    return code
+        // Strings (protect from other replacements)
+        .replace(/("""[\s\S]*?"""|\'\'\'[\s\S]*?\'\'\')/g, (match) => wrapToken(match, 'string'))
+        .replace(/(["'])(?:(?=(\\?))\2.)*?\1/g, (match) => wrapToken(match, 'string'))
+        // Comments
+        .replace(/(#.*$)/gm, (match) => wrapToken(match, 'comment'))
+        // Decorators
+        .replace(/@[\w.]+/g, (match) => wrapToken(match, 'tag'))
+        // Keywords
+        .replace(/\b(and|as|assert|async|await|break|class|continue|def|del|elif|else|except|finally|for|from|global|if|import|in|is|lambda|nonlocal|not|or|pass|raise|return|try|while|with|yield)\b/g, (match) => wrapToken(match, 'keyword'))
+        // Built-ins
+        .replace(/\b(abs|all|any|ascii|bin|bool|bytearray|bytes|callable|chr|classmethod|compile|complex|delattr|dict|dir|divmod|enumerate|eval|exec|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|isinstance|issubclass|iter|len|list|locals|map|max|memoryview|min|next|object|oct|open|ord|pow|print|property|range|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|vars|zip)\b/g, (match) => wrapToken(match, 'builtin'))
+        // Boolean/None
+        .replace(/\b(True|False|None)\b/g, (match) => wrapToken(match, 'constant'))
+        // Numbers
+        .replace(/\b(\d+\.?\d*)\b/g, (match) => wrapToken(match, 'number'));
+}
+function highlightBash(code) {
+    return code
+        // Strings
+        .replace(/(["'])(?:(?=(\\?))\2.)*?\1/g, (match) => wrapToken(match, 'string'))
+        // Comments
+        .replace(/(#.*$)/gm, (match) => wrapToken(match, 'comment'))
+        // Variables
+        .replace(/\$\{?[\w]+\}?/g, (match) => wrapToken(match, 'attr-name'))
+        // Keywords
+        .replace(/\b(if|then|else|elif|fi|case|esac|for|select|while|until|do|done|in|function|time)\b/g, (match) => wrapToken(match, 'keyword'))
+        // Commands
+        .replace(/\b(echo|cd|ls|mkdir|rm|cp|mv|cat|grep|sed|awk|find|chmod|chown|sudo|export|source)\b/g, (match) => wrapToken(match, 'builtin'))
+        // Numbers
+        .replace(/\b(\d+)\b/g, (match) => wrapToken(match, 'number'));
+}
+
+export { highlightCode };
+//# sourceMappingURL=highlighter.js.map

package/dist/components/code-block/highlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighter.js","sources":["../../../../components/code-block/highlighter.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/code-block/highlighters/highlight.d.ts

@@ -0,0 +1,64 @@
+/**
+ * highlight.js integration for snice-code-block
+ *
+ * Usage:
+ * 1. Install highlight.js: npm install highlight.js
+ * 2. Import this file and highlight.js with your desired languages/theme
+ * 3. Call setupHighlightJs()
+ *
+ * @example
+ * ```typescript
+ * import hljs from 'highlight.js';
+ * import 'highlight.js/styles/github-dark.css';
+ * import { setupHighlightJs } from './highlighters/highlight';
+ *
+ * setupHighlightJs(hljs);
+ * ```
+ *
+ * @example With specific languages
+ * ```typescript
+ * import hljs from 'highlight.js/lib/core';
+ * import javascript from 'highlight.js/lib/languages/javascript';
+ * import typescript from 'highlight.js/lib/languages/typescript';
+ * import 'highlight.js/styles/atom-one-dark.css';
+ * import { setupHighlightJs } from './highlighters/highlight';
+ *
+ * hljs.registerLanguage('javascript', javascript);
+ * hljs.registerLanguage('typescript', typescript);
+ *
+ * setupHighlightJs(hljs);
+ * ```
+ */
+import type { HighlighterFunction } from '../snice-code-block.types';
+interface HighlightJsInstance {
+    highlight: (code: string, options: {
+        language: string;
+    }) => {
+        value: string;
+    };
+    highlightAuto: (code: string) => {
+        value: string;
+    };
+    listLanguages: () => string[];
+}
+/**
+ * Create a highlight.js highlighter function
+ */
+export declare function createHighlightJsHighlighter(hljs: HighlightJsInstance): HighlighterFunction;
+/**
+ * Create a highlight.js highlighter with auto-detection fallback
+ */
+export declare function createHighlightJsHighlighterWithAuto(hljs: HighlightJsInstance): HighlighterFunction;
+/**
+ * Setup highlight.js as the global highlighter for all code blocks
+ */
+export declare function setupHighlightJs(hljs: HighlightJsInstance, useAutoDetection?: boolean): void;
+/**
+ * Language aliases mapping common names to highlight.js language names
+ */
+export declare const languageAliases: Record<string, string>;
+/**
+ * Create a highlight.js highlighter with language alias support
+ */
+export declare function createHighlightJsHighlighterWithAliases(hljs: HighlightJsInstance): HighlighterFunction;
+export {};

package/dist/components/code-block/highlighters/highlight.js

@@ -0,0 +1,108 @@
+import { SniceCodeBlock } from '../snice-code-block.js';
+import 'tslib';
+import 'snice';
+
+/**
+ * highlight.js integration for snice-code-block
+ *
+ * Usage:
+ * 1. Install highlight.js: npm install highlight.js
+ * 2. Import this file and highlight.js with your desired languages/theme
+ * 3. Call setupHighlightJs()
+ *
+ * @example
+ * ```typescript
+ * import hljs from 'highlight.js';
+ * import 'highlight.js/styles/github-dark.css';
+ * import { setupHighlightJs } from './highlighters/highlight';
+ *
+ * setupHighlightJs(hljs);
+ * ```
+ *
+ * @example With specific languages
+ * ```typescript
+ * import hljs from 'highlight.js/lib/core';
+ * import javascript from 'highlight.js/lib/languages/javascript';
+ * import typescript from 'highlight.js/lib/languages/typescript';
+ * import 'highlight.js/styles/atom-one-dark.css';
+ * import { setupHighlightJs } from './highlighters/highlight';
+ *
+ * hljs.registerLanguage('javascript', javascript);
+ * hljs.registerLanguage('typescript', typescript);
+ *
+ * setupHighlightJs(hljs);
+ * ```
+ */
+/**
+ * Create a highlight.js highlighter function
+ */
+function createHighlightJsHighlighter(hljs) {
+    return (code, language) => {
+        try {
+            const result = hljs.highlight(code, { language });
+            return result.value;
+        }
+        catch (err) {
+            console.warn(`highlight.js: Language '${language}' not supported`, err);
+            return code;
+        }
+    };
+}
+/**
+ * Create a highlight.js highlighter with auto-detection fallback
+ */
+function createHighlightJsHighlighterWithAuto(hljs) {
+    return (code, language) => {
+        try {
+            const result = hljs.highlight(code, { language });
+            return result.value;
+        }
+        catch (err) {
+            console.warn(`highlight.js: Language '${language}' not supported, using auto-detection`);
+            const result = hljs.highlightAuto(code);
+            return result.value;
+        }
+    };
+}
+/**
+ * Setup highlight.js as the global highlighter for all code blocks
+ */
+function setupHighlightJs(hljs, useAutoDetection = false) {
+    const highlighter = useAutoDetection
+        ? createHighlightJsHighlighterWithAuto(hljs)
+        : createHighlightJsHighlighter(hljs);
+    SniceCodeBlock.setGlobalHighlighter(highlighter);
+}
+/**
+ * Language aliases mapping common names to highlight.js language names
+ */
+const languageAliases = {
+    'js': 'javascript',
+    'ts': 'typescript',
+    'jsx': 'javascript',
+    'tsx': 'typescript',
+    'py': 'python',
+    'rb': 'ruby',
+    'sh': 'bash',
+    'yml': 'yaml',
+    'md': 'markdown',
+};
+/**
+ * Create a highlight.js highlighter with language alias support
+ */
+function createHighlightJsHighlighterWithAliases(hljs) {
+    return (code, language) => {
+        const resolvedLanguage = languageAliases[language] || language;
+        try {
+            const result = hljs.highlight(code, { language: resolvedLanguage });
+            return result.value;
+        }
+        catch (err) {
+            console.warn(`highlight.js: Language '${resolvedLanguage}' not supported`, err);
+            return code;
+        }
+    };
+}
+
+export { createHighlightJsHighlighter, createHighlightJsHighlighterWithAliases, createHighlightJsHighlighterWithAuto, languageAliases, setupHighlightJs };
+//# sourceMappingURL=highlight.js.map

package/dist/components/code-block/highlighters/highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight.js","sources":["../../../../../components/code-block/highlighters/highlight.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BG;AAWH;;AAEG;AACG,SAAU,4BAA4B,CAAC,IAAyB,EAAA;AACpE,IAAA,OAAO,CAAC,IAAY,EAAE,QAAgB,KAAI;AACxC,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC;YACjD,OAAO,MAAM,CAAC,KAAK;QACrB;QAAE,OAAO,GAAG,EAAE;YACZ,OAAO,CAAC,IAAI,CAAC,CAAA,wBAAA,EAA2B,QAAQ,CAAA,eAAA,CAAiB,EAAE,GAAG,CAAC;AACvE,YAAA,OAAO,IAAI;QACb;AACF,IAAA,CAAC;AACH;AAEA;;AAEG;AACG,SAAU,oCAAoC,CAAC,IAAyB,EAAA;AAC5E,IAAA,OAAO,CAAC,IAAY,EAAE,QAAgB,KAAI;AACxC,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC;YACjD,OAAO,MAAM,CAAC,KAAK;QACrB;QAAE,OAAO,GAAG,EAAE;AACZ,YAAA,OAAO,CAAC,IAAI,CAAC,2BAA2B,QAAQ,CAAA,qCAAA,CAAuC,CAAC;YACxF,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;YACvC,OAAO,MAAM,CAAC,KAAK;QACrB;AACF,IAAA,CAAC;AACH;AAEA;;AAEG;SACa,gBAAgB,CAAC,IAAyB,EAAE,gBAAgB,GAAG,KAAK,EAAA;IAClF,MAAM,WAAW,GAAG;AAClB,UAAE,oCAAoC,CAAC,IAAI;AAC3C,UAAE,4BAA4B,CAAC,IAAI,CAAC;AAEtC,IAAA,cAAc,CAAC,oBAAoB,CAAC,WAAW,CAAC;AAClD;AAEA;;AAEG;AACI,MAAM,eAAe,GAA2B;AACrD,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,IAAI,EAAE,UAAU;;AAGlB;;AAEG;AACG,SAAU,uCAAuC,CAAC,IAAyB,EAAA;AAC/E,IAAA,OAAO,CAAC,IAAY,EAAE,QAAgB,KAAI;QACxC,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,QAAQ;AAC9D,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;YACnE,OAAO,MAAM,CAAC,KAAK;QACrB;QAAE,OAAO,GAAG,EAAE;YACZ,OAAO,CAAC,IAAI,CAAC,CAAA,wBAAA,EAA2B,gBAAgB,CAAA,eAAA,CAAiB,EAAE,GAAG,CAAC;AAC/E,YAAA,OAAO,IAAI;QACb;AACF,IAAA,CAAC;AACH;;;;"}

package/dist/components/code-block/highlighters/prism.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Prism.js integration for snice-code-block
+ *
+ * Usage:
+ * 1. Install Prism: npm install prismjs
+ * 2. Import this file and Prism with your desired languages/themes
+ * 3. Call setupPrismHighlighter()
+ *
+ * @example
+ * ```typescript
+ * import Prism from 'prismjs';
+ * import 'prismjs/components/prism-javascript';
+ * import 'prismjs/components/prism-typescript';
+ * import 'prismjs/themes/prism-tomorrow.css';
+ * import { setupPrismHighlighter } from './highlighters/prism';
+ *
+ * setupPrismHighlighter(Prism);
+ * ```
+ */
+import type { HighlighterFunction } from '../snice-code-block.types';
+interface PrismInstance {
+    highlight: (code: string, grammar: any, language: string) => string;
+    languages: Record<string, any>;
+}
+/**
+ * Create a Prism highlighter function
+ */
+export declare function createPrismHighlighter(prism: PrismInstance): HighlighterFunction;
+/**
+ * Setup Prism as the global highlighter for all code blocks
+ */
+export declare function setupPrismHighlighter(prism: PrismInstance): void;
+/**
+ * Language aliases mapping common names to Prism language names
+ */
+export declare const languageAliases: Record<string, string>;
+/**
+ * Create a Prism highlighter with language alias support
+ */
+export declare function createPrismHighlighterWithAliases(prism: PrismInstance): HighlighterFunction;
+export {};

package/dist/components/code-block/highlighters/prism.js

@@ -0,0 +1,73 @@
+import { SniceCodeBlock } from '../snice-code-block.js';
+import 'tslib';
+import 'snice';
+
+/**
+ * Prism.js integration for snice-code-block
+ *
+ * Usage:
+ * 1. Install Prism: npm install prismjs
+ * 2. Import this file and Prism with your desired languages/themes
+ * 3. Call setupPrismHighlighter()
+ *
+ * @example
+ * ```typescript
+ * import Prism from 'prismjs';
+ * import 'prismjs/components/prism-javascript';
+ * import 'prismjs/components/prism-typescript';
+ * import 'prismjs/themes/prism-tomorrow.css';
+ * import { setupPrismHighlighter } from './highlighters/prism';
+ *
+ * setupPrismHighlighter(Prism);
+ * ```
+ */
+/**
+ * Create a Prism highlighter function
+ */
+function createPrismHighlighter(prism) {
+    return (code, language) => {
+        const grammar = prism.languages[language];
+        if (!grammar) {
+            console.warn(`Prism: Language '${language}' not loaded`);
+            return code;
+        }
+        return prism.highlight(code, grammar, language);
+    };
+}
+/**
+ * Setup Prism as the global highlighter for all code blocks
+ */
+function setupPrismHighlighter(prism) {
+    SniceCodeBlock.setGlobalHighlighter(createPrismHighlighter(prism));
+}
+/**
+ * Language aliases mapping common names to Prism language names
+ */
+const languageAliases = {
+    'js': 'javascript',
+    'ts': 'typescript',
+    'jsx': 'jsx',
+    'tsx': 'tsx',
+    'py': 'python',
+    'rb': 'ruby',
+    'sh': 'bash',
+    'yml': 'yaml',
+    'md': 'markdown',
+};
+/**
+ * Create a Prism highlighter with language alias support
+ */
+function createPrismHighlighterWithAliases(prism) {
+    return (code, language) => {
+        const resolvedLanguage = languageAliases[language] || language;
+        const grammar = prism.languages[resolvedLanguage];
+        if (!grammar) {
+            console.warn(`Prism: Language '${resolvedLanguage}' not loaded`);
+            return code;
+        }
+        return prism.highlight(code, grammar, resolvedLanguage);
+    };
+}
+
+export { createPrismHighlighter, createPrismHighlighterWithAliases, languageAliases, setupPrismHighlighter };
+//# sourceMappingURL=prism.js.map

package/dist/components/code-block/highlighters/prism.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prism.js","sources":["../../../../../components/code-block/highlighters/prism.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;AAkBG;AAUH;;AAEG;AACG,SAAU,sBAAsB,CAAC,KAAoB,EAAA;AACzD,IAAA,OAAO,CAAC,IAAY,EAAE,QAAgB,KAAI;QACxC,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;QACzC,IAAI,CAAC,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,IAAI,CAAC,oBAAoB,QAAQ,CAAA,YAAA,CAAc,CAAC;AACxD,YAAA,OAAO,IAAI;QACb;QACA,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC;AACjD,IAAA,CAAC;AACH;AAEA;;AAEG;AACG,SAAU,qBAAqB,CAAC,KAAoB,EAAA;IACxD,cAAc,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;AACpE;AAEA;;AAEG;AACI,MAAM,eAAe,GAA2B;AACrD,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,IAAI,EAAE,UAAU;;AAGlB;;AAEG;AACG,SAAU,iCAAiC,CAAC,KAAoB,EAAA;AACpE,IAAA,OAAO,CAAC,IAAY,EAAE,QAAgB,KAAI;QACxC,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,QAAQ;QAC9D,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;QACjD,IAAI,CAAC,OAAO,EAAE;AACZ,YAAA,OAAO,CAAC,IAAI,CAAC,oBAAoB,gBAAgB,CAAA,YAAA,CAAc,CAAC;AAChE,YAAA,OAAO,IAAI;QACb;QACA,OAAO,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,CAAC;AACzD,IAAA,CAAC;AACH;;;;"}

package/dist/components/code-block/snice-code-block.d.ts

@@ -1,4 +1,4 @@
-import type { CodeLanguage, SniceCodeBlockElement } from './snice-code-block.types';
+import type { CodeLanguage, SniceCodeBlockElement, HighlighterFunction } from './snice-code-block.types';
 export declare class SniceCodeBlock extends HTMLElement implements SniceCodeBlockElement {
     code: string;
     language: CodeLanguage;
@@ -7,9 +7,27 @@ export declare class SniceCodeBlock extends HTMLElement implements SniceCodeBloc
     highlightLines: number[];
     copyable: boolean;
     filename: string;
+    highlighter?: HighlighterFunction;
     private copied;
+    private highlightedCode;
+    private codeElement?;
+    private static globalHighlighter?;
     private dispatchCopyEvent;
+    private dispatchBeforeHighlightEvent;
+    private dispatchAfterHighlightEvent;
+    static setGlobalHighlighter(highlighter: HighlighterFunction): void;
+    onReady(): Promise<void>;
+    private escapeHtml;
+    private updateCodeDisplay;
     render(): import("snice").TemplateResult;
     styles(): import("snice").CSSResult;
     copy(): Promise<void>;
+    /**
+     * Set highlighter for this instance
+     */
+    setHighlighter(highlighter: HighlighterFunction): void;
+    /**
+     * Manually trigger syntax highlighting
+     */
+    highlight(): Promise<void>;
 }