svelte-streamdown 0.0.1

package/dist/hightlighter.svelte.js

@@ -0,0 +1,413 @@
+import { createJavaScriptRegexEngine } from 'shiki/engine/javascript';
+import { createHighlighter } from 'shiki';
+// Remove background styles from <pre> tags (inline style)
+const removePreBackground = (html) => {
+    return html.replace(/<pre[^>]*style="[^"]*background[^";]*;?[^"]*"[^>]*>/g, (match) => match.replace(/style="[^"]*background[^";]*;?[^"]*"/, ''));
+};
+class HighlighterManager {
+    initialized = $state(false);
+    initializedPromise = $state(null);
+    highlighter = null;
+    theme = null;
+    loadedLanguages = new Set();
+    initializationPromise = null;
+    readyStates = new Map();
+    getReadyKey(theme, language) {
+        return `${theme}-${language}`;
+    }
+    /**
+     * Prepares the highlighter for the given themes and language.
+     * This method must be called and awaited before using highlightCode.
+     */
+    async isReady(theme, language) {
+        const readyKey = this.getReadyKey(theme, language);
+        // If already ready for this combination, return immediately
+        if (this.readyStates.get(readyKey)) {
+            return;
+        }
+        // Ensure only one initialization happens at a time
+        if (this.initializationPromise) {
+            await this.initializationPromise;
+        }
+        // Check again after waiting, in case another call initialized it
+        if (this.readyStates.get(readyKey)) {
+            return;
+        }
+        // Initialize for this combination
+        this.initializationPromise = this.ensureHighlightersInitialized(theme, language);
+        await this.initializationPromise;
+        this.initializationPromise = null;
+        // Mark as ready
+        this.readyStates.set(readyKey, true);
+        this.initialized = true;
+    }
+    async ensureHighlightersInitialized(theme, language) {
+        const jsEngine = createJavaScriptRegexEngine({ forgiving: true });
+        // Check if we need to recreate highlighters due to theme change
+        const needsLightRecreation = !this.highlighter || this.theme !== theme;
+        if (needsLightRecreation) {
+            // If themes changed, reset loaded languages and ready states
+            this.loadedLanguages.clear();
+            this.readyStates.clear();
+        }
+        // Check if we need to load the language
+        const needsLanguageLoad = !this.loadedLanguages.has(language);
+        // Create or recreate light highlighter if needed
+        if (needsLightRecreation) {
+            this.highlighter = await createHighlighter({
+                themes: [theme],
+                langs: [language],
+                engine: jsEngine
+            });
+            this.theme = theme;
+            this.loadedLanguages.add(language);
+        }
+        else if (needsLanguageLoad) {
+            // Load the language if not already loaded
+            await this.highlighter?.loadLanguage(language);
+        }
+        // Mark language as loaded after both highlighters have it
+        if (needsLanguageLoad) {
+            this.loadedLanguages.add(language);
+        }
+    }
+    /**
+     * Synchronously highlights code. Must call isReady() first for the same themes and language.
+     * @throws {Error} If isReady() hasn't been called for this combination of themes and language
+     */
+    highlightCode(code, language, theme, preClassName) {
+        const readyKey = this.getReadyKey(theme, language);
+        // Ensure isReady was called first
+        if (!this.readyStates.get(readyKey)) {
+            throw new Error(`Highlighter not ready for themes [${theme}] and language "${language}". ` +
+                `Call await highlighter.isReady(theme, language) first.`);
+        }
+        // Ensure highlighters exist
+        if (!this.highlighter) {
+            throw new Error('Highlighters not initialized. This should not happen after calling isReady().');
+        }
+        const addPreClass = (html) => {
+            if (!preClassName) {
+                return html;
+            }
+            return html.replace(/<pre(\s|>)/, `<pre class="${preClassName}"$1`);
+        };
+        const light = this.highlighter.codeToHtml(code, {
+            lang: language,
+            theme: theme
+        });
+        return removePreBackground(addPreClass(light));
+    }
+}
+// Export the class for those who want to create their own instances
+export { HighlighterManager };
+// Create and export a singleton instance
+export const highlighter = new HighlighterManager();
+export const languageExtensionMap = {
+    '1c': '1c',
+    '1c-query': '1cq',
+    abap: 'abap',
+    'actionscript-3': 'as',
+    ada: 'ada',
+    adoc: 'adoc',
+    'angular-html': 'html',
+    'angular-ts': 'ts',
+    apache: 'conf',
+    apex: 'cls',
+    apl: 'apl',
+    applescript: 'applescript',
+    ara: 'ara',
+    asciidoc: 'adoc',
+    asm: 'asm',
+    astro: 'astro',
+    awk: 'awk',
+    ballerina: 'bal',
+    bash: 'sh',
+    bat: 'bat',
+    batch: 'bat',
+    be: 'be',
+    beancount: 'beancount',
+    berry: 'berry',
+    bibtex: 'bib',
+    bicep: 'bicep',
+    blade: 'blade.php',
+    bsl: 'bsl',
+    c: 'c',
+    'c#': 'cs',
+    'c++': 'cpp',
+    cadence: 'cdc',
+    cairo: 'cairo',
+    cdc: 'cdc',
+    clarity: 'clar',
+    clj: 'clj',
+    clojure: 'clj',
+    'closure-templates': 'soy',
+    cmake: 'cmake',
+    cmd: 'cmd',
+    cobol: 'cob',
+    codeowners: 'CODEOWNERS',
+    codeql: 'ql',
+    coffee: 'coffee',
+    coffeescript: 'coffee',
+    'common-lisp': 'lisp',
+    console: 'sh',
+    coq: 'v',
+    cpp: 'cpp',
+    cql: 'cql',
+    crystal: 'cr',
+    cs: 'cs',
+    csharp: 'cs',
+    css: 'css',
+    csv: 'csv',
+    cue: 'cue',
+    cypher: 'cql',
+    d: 'd',
+    dart: 'dart',
+    dax: 'dax',
+    desktop: 'desktop',
+    diff: 'diff',
+    docker: 'dockerfile',
+    dockerfile: 'dockerfile',
+    dotenv: 'env',
+    'dream-maker': 'dm',
+    edge: 'edge',
+    elisp: 'el',
+    elixir: 'ex',
+    elm: 'elm',
+    'emacs-lisp': 'el',
+    erb: 'erb',
+    erl: 'erl',
+    erlang: 'erl',
+    f: 'f',
+    'f#': 'fs',
+    f03: 'f03',
+    f08: 'f08',
+    f18: 'f18',
+    f77: 'f77',
+    f90: 'f90',
+    f95: 'f95',
+    fennel: 'fnl',
+    fish: 'fish',
+    fluent: 'ftl',
+    for: 'for',
+    'fortran-fixed-form': 'f',
+    'fortran-free-form': 'f90',
+    fs: 'fs',
+    fsharp: 'fs',
+    fsl: 'fsl',
+    ftl: 'ftl',
+    gdresource: 'tres',
+    gdscript: 'gd',
+    gdshader: 'gdshader',
+    genie: 'gs',
+    gherkin: 'feature',
+    'git-commit': 'gitcommit',
+    'git-rebase': 'gitrebase',
+    gjs: 'js',
+    gleam: 'gleam',
+    'glimmer-js': 'js',
+    'glimmer-ts': 'ts',
+    glsl: 'glsl',
+    gnuplot: 'plt',
+    go: 'go',
+    gql: 'gql',
+    graphql: 'graphql',
+    groovy: 'groovy',
+    gts: 'gts',
+    hack: 'hack',
+    haml: 'haml',
+    handlebars: 'hbs',
+    haskell: 'hs',
+    haxe: 'hx',
+    hbs: 'hbs',
+    hcl: 'hcl',
+    hjson: 'hjson',
+    hlsl: 'hlsl',
+    hs: 'hs',
+    html: 'html',
+    'html-derivative': 'html',
+    http: 'http',
+    hxml: 'hxml',
+    hy: 'hy',
+    imba: 'imba',
+    ini: 'ini',
+    jade: 'jade',
+    java: 'java',
+    javascript: 'js',
+    jinja: 'jinja',
+    jison: 'jison',
+    jl: 'jl',
+    js: 'js',
+    json: 'json',
+    json5: 'json5',
+    jsonc: 'jsonc',
+    jsonl: 'jsonl',
+    jsonnet: 'jsonnet',
+    jssm: 'jssm',
+    jsx: 'jsx',
+    julia: 'jl',
+    kotlin: 'kt',
+    kql: 'kql',
+    kt: 'kt',
+    kts: 'kts',
+    kusto: 'kql',
+    latex: 'tex',
+    lean: 'lean',
+    lean4: 'lean',
+    less: 'less',
+    liquid: 'liquid',
+    lisp: 'lisp',
+    lit: 'lit',
+    llvm: 'll',
+    log: 'log',
+    logo: 'logo',
+    lua: 'lua',
+    luau: 'luau',
+    make: 'mak',
+    makefile: 'mak',
+    markdown: 'md',
+    marko: 'marko',
+    matlab: 'm',
+    md: 'md',
+    mdc: 'mdc',
+    mdx: 'mdx',
+    mediawiki: 'wiki',
+    mermaid: 'mmd',
+    mips: 's',
+    mipsasm: 's',
+    mmd: 'mmd',
+    mojo: 'mojo',
+    move: 'move',
+    nar: 'nar',
+    narrat: 'narrat',
+    nextflow: 'nf',
+    nf: 'nf',
+    nginx: 'conf',
+    nim: 'nim',
+    nix: 'nix',
+    nu: 'nu',
+    nushell: 'nu',
+    objc: 'm',
+    'objective-c': 'm',
+    'objective-cpp': 'mm',
+    ocaml: 'ml',
+    pascal: 'pas',
+    perl: 'pl',
+    perl6: 'p6',
+    php: 'php',
+    plsql: 'pls',
+    po: 'po',
+    polar: 'polar',
+    postcss: 'pcss',
+    pot: 'pot',
+    potx: 'potx',
+    powerquery: 'pq',
+    powershell: 'ps1',
+    prisma: 'prisma',
+    prolog: 'pl',
+    properties: 'properties',
+    proto: 'proto',
+    protobuf: 'proto',
+    ps: 'ps',
+    ps1: 'ps1',
+    pug: 'pug',
+    puppet: 'pp',
+    purescript: 'purs',
+    py: 'py',
+    python: 'py',
+    ql: 'ql',
+    qml: 'qml',
+    qmldir: 'qmldir',
+    qss: 'qss',
+    r: 'r',
+    racket: 'rkt',
+    raku: 'raku',
+    razor: 'cshtml',
+    rb: 'rb',
+    reg: 'reg',
+    regex: 'regex',
+    regexp: 'regexp',
+    rel: 'rel',
+    riscv: 's',
+    rs: 'rs',
+    rst: 'rst',
+    ruby: 'rb',
+    rust: 'rs',
+    sas: 'sas',
+    sass: 'sass',
+    scala: 'scala',
+    scheme: 'scm',
+    scss: 'scss',
+    sdbl: 'sdbl',
+    sh: 'sh',
+    shader: 'shader',
+    shaderlab: 'shader',
+    shell: 'sh',
+    shellscript: 'sh',
+    shellsession: 'sh',
+    smalltalk: 'st',
+    solidity: 'sol',
+    soy: 'soy',
+    sparql: 'rq',
+    spl: 'spl',
+    splunk: 'spl',
+    sql: 'sql',
+    'ssh-config': 'config',
+    stata: 'do',
+    styl: 'styl',
+    stylus: 'styl',
+    svelte: 'svelte',
+    swift: 'swift',
+    'system-verilog': 'sv',
+    systemd: 'service',
+    talon: 'talon',
+    talonscript: 'talon',
+    tasl: 'tasl',
+    tcl: 'tcl',
+    templ: 'templ',
+    terraform: 'tf',
+    tex: 'tex',
+    tf: 'tf',
+    tfvars: 'tfvars',
+    toml: 'toml',
+    ts: 'ts',
+    'ts-tags': 'ts',
+    tsp: 'tsp',
+    tsv: 'tsv',
+    tsx: 'tsx',
+    turtle: 'ttl',
+    twig: 'twig',
+    typ: 'typ',
+    typescript: 'ts',
+    typespec: 'tsp',
+    typst: 'typ',
+    v: 'v',
+    vala: 'vala',
+    vb: 'vb',
+    verilog: 'v',
+    vhdl: 'vhdl',
+    vim: 'vim',
+    viml: 'vim',
+    vimscript: 'vim',
+    vue: 'vue',
+    'vue-html': 'html',
+    'vue-vine': 'vine',
+    vy: 'vy',
+    vyper: 'vy',
+    wasm: 'wasm',
+    wenyan: 'wy',
+    wgsl: 'wgsl',
+    wiki: 'wiki',
+    wikitext: 'wiki',
+    wit: 'wit',
+    wl: 'wl',
+    wolfram: 'wl',
+    xml: 'xml',
+    xsl: 'xsl',
+    yaml: 'yaml',
+    yml: 'yml',
+    zenscript: 'zs',
+    zig: 'zig',
+    zsh: 'zsh',
+    文言: 'wy'
+};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Streamdown, useStreamdown } from './Streamdown.svelte';
+export * from './Elements/index.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+export { default as Streamdown, useStreamdown } from './Streamdown.svelte';
+export * from './Elements/index.js';

package/dist/theme.d.ts

@@ -0,0 +1,247 @@
+import { type ClassValue } from 'clsx';
+export declare const cn: (...inputs: ClassValue[]) => string;
+export declare const theme: {
+    a: {
+        base: string;
+        blocked: string;
+    };
+    h1: {
+        base: string;
+    };
+    h2: {
+        base: string;
+    };
+    h3: {
+        base: string;
+    };
+    h4: {
+        base: string;
+    };
+    h5: {
+        base: string;
+    };
+    h6: {
+        base: string;
+    };
+    p: {
+        base: string;
+    };
+    ul: {
+        base: string;
+    };
+    ol: {
+        base: string;
+    };
+    li: {
+        base: string;
+    };
+    code: {
+        base: string;
+        container: string;
+        header: string;
+        button: string;
+        language: string;
+        skeleton: string;
+        pre: string;
+    };
+    inlineCode: {
+        base: string;
+    };
+    img: {
+        container: string;
+        base: string;
+        downloadButton: string;
+    };
+    pre: {
+        base: string;
+    };
+    blockquote: {
+        base: string;
+    };
+    alert: {
+        base: string;
+        title: string;
+        icon: string;
+        note: string;
+        tip: string;
+        warning: string;
+        caution: string;
+        important: string;
+    };
+    table: {
+        base: string;
+        container: string;
+    };
+    thead: {
+        base: string;
+    };
+    tbody: {
+        base: string;
+    };
+    tr: {
+        base: string;
+    };
+    th: {
+        base: string;
+    };
+    td: {
+        base: string;
+    };
+    sup: {
+        base: string;
+    };
+    sub: {
+        base: string;
+    };
+    hr: {
+        base: string;
+    };
+    strong: {
+        base: string;
+    };
+    mermaid: {
+        base: string;
+        downloadButton: string;
+    };
+    math: {
+        base: string;
+    };
+    inlineMath: {
+        base: string;
+    };
+    em: {
+        base: string;
+    };
+    ins: {
+        base: string;
+    };
+    del: {
+        base: string;
+    };
+    small: {
+        base: string;
+    };
+};
+export type Theme = typeof theme;
+export declare const mergeTheme: (customTheme?: Partial<Theme>) => {
+    a: {
+        base: string;
+        blocked: string;
+    };
+    h1: {
+        base: string;
+    };
+    h2: {
+        base: string;
+    };
+    h3: {
+        base: string;
+    };
+    h4: {
+        base: string;
+    };
+    h5: {
+        base: string;
+    };
+    h6: {
+        base: string;
+    };
+    p: {
+        base: string;
+    };
+    ul: {
+        base: string;
+    };
+    ol: {
+        base: string;
+    };
+    li: {
+        base: string;
+    };
+    code: {
+        base: string;
+        container: string;
+        header: string;
+        button: string;
+        language: string;
+        skeleton: string;
+        pre: string;
+    };
+    inlineCode: {
+        base: string;
+    };
+    img: {
+        container: string;
+        base: string;
+        downloadButton: string;
+    };
+    pre: {
+        base: string;
+    };
+    blockquote: {
+        base: string;
+    };
+    alert: {
+        base: string;
+        title: string;
+        icon: string;
+        note: string;
+        tip: string;
+        warning: string;
+        caution: string;
+        important: string;
+    };
+    table: {
+        base: string;
+        container: string;
+    };
+    thead: {
+        base: string;
+    };
+    tbody: {
+        base: string;
+    };
+    tr: {
+        base: string;
+    };
+    th: {
+        base: string;
+    };
+    td: {
+        base: string;
+    };
+    sup: {
+        base: string;
+    };
+    sub: {
+        base: string;
+    };
+    hr: {
+        base: string;
+    };
+    strong: {
+        base: string;
+    };
+    mermaid: {
+        base: string;
+        downloadButton: string;
+    };
+    math: {
+        base: string;
+    };
+    inlineMath: {
+        base: string;
+    };
+    em: {
+        base: string;
+    };
+    ins: {
+        base: string;
+    };
+    del: {
+        base: string;
+    };
+    small: {
+        base: string;
+    };
+};