rn-shiki 0.0.8 → 0.0.9

package/lib/module/syntax/highlighter/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { createHighlighterCore, createJavaScriptRegexEngine } from 'shiki';
+async function initializeHighlighter(langs, themes) {
+  return createHighlighterCore({
+    engine: createJavaScriptRegexEngine(),
+    langs,
+    themes
+  });
+}
+export async function createHighlighter({
+  langs,
+  themes
+}) {
+  if (!langs?.length || !themes?.length) {
+    throw new Error('Please provide both `langs` and `themes` when creating a highlighter.');
+  }
+  try {
+    const highlighter = await initializeHighlighter(langs, themes);
+    return highlighter;
+  } catch (error) {
+    console.error('Failed to create highlighter:', error);
+    throw error;
+  }
+}
+export function processTokens(tokens) {
+  return tokens.map(token => ({
+    content: token.content,
+    color: token.color || '#000000',
+    fontStyle: token.fontStyle?.toString()
+  }));
+}
+//# sourceMappingURL=index.js.map

package/lib/module/syntax/highlighter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createHighlighterCore","createJavaScriptRegexEngine","initializeHighlighter","langs","themes","engine","createHighlighter","length","Error","highlighter","error","console","processTokens","tokens","map","token","content","color","fontStyle","toString"],"sourceRoot":"../../../../src","sources":["syntax/highlighter/index.ts"],"mappings":";;AAEA,SAASA,qBAAqB,EAAEC,2BAA2B,QAAQ,OAAO;AAE1E,eAAeC,qBAAqBA,CAACC,KAAsB,EAAEC,MAAoB,EAA8D;EAC7I,OAAOJ,qBAAqB,CAAC;IAC3BK,MAAM,EAAEJ,2BAA2B,CAAC,CAAC;IACrCE,KAAK;IACLC;EACF,CAAC,CAAC;AACJ;AAEA,OAAO,eAAeE,iBAAiBA,CAAC;EAAEH,KAAK;EAAEC;AAAyD,CAAC,EAA8D;EACvK,IAAI,CAACD,KAAK,EAAEI,MAAM,IAAI,CAACH,MAAM,EAAEG,MAAM,EAAE;IACrC,MAAM,IAAIC,KAAK,CAAC,uEAAuE,CAAC;EAC1F;EAEA,IAAI;IACF,MAAMC,WAAW,GAAG,MAAMP,qBAAqB,CAACC,KAAK,EAAEC,MAAM,CAAC;IAC9D,OAAOK,WAAW;EACpB,CAAC,CACD,OAAOC,KAAK,EAAE;IACZC,OAAO,CAACD,KAAK,CAAC,+BAA+B,EAAEA,KAAK,CAAC;IACrD,MAAMA,KAAK;EACb;AACF;AAEA,OAAO,SAASE,aAAaA,CAACC,MAAqB,EAAe;EAChE,OAAOA,MAAM,CAACC,GAAG,CAACC,KAAK,KAAK;IAC1BC,OAAO,EAAED,KAAK,CAACC,OAAO;IACtBC,KAAK,EAAEF,KAAK,CAACE,KAAK,IAAI,SAAS;IAC/BC,SAAS,EAAEH,KAAK,CAACG,SAAS,EAAEC,QAAQ,CAAC;EACvC,CAAC,CAAC,CAAC;AACL","ignoreList":[]}

package/lib/module/syntax/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { createHighlighter, processTokens } from './highlighter';
+//# sourceMappingURL=index.js.map

package/lib/module/syntax/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createHighlighter","processTokens"],"sourceRoot":"../../../src","sources":["syntax/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,aAAa,QAAQ,eAAe","ignoreList":[]}

package/lib/module/themes.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import manifest from '../vendor/shiki/manifest.json';
+export const Themes = Object.keys(manifest.themes).reduce((acc, theme) => {
+  const key = theme.replace(/-/g, '_').toUpperCase();
+  return {
+    ...acc,
+    [key]: theme
+  };
+}, {});
+export async function getTheme(themeName) {
+  try {
+    const theme = await import(`../vendor/shiki/themes/${String(themeName)}.js`);
+    return theme.default;
+  } catch (err) {
+    const error = err instanceof Error ? err.message : String(err);
+    throw new Error(`Theme '${String(themeName)}' failed to load: ${error}`);
+  }
+}
+//# sourceMappingURL=themes.js.map

package/lib/module/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["manifest","Themes","Object","keys","themes","reduce","acc","theme","key","replace","toUpperCase","getTheme","themeName","String","default","err","error","Error","message"],"sourceRoot":"../../src","sources":["themes.ts"],"mappings":";;AACA,OAAOA,QAAQ,MAAM,+BAA+B;AAIpD,OAAO,MAAMC,MAAM,GAAGC,MAAM,CAACC,IAAI,CAACH,QAAQ,CAACI,MAAM,CAAC,CAACC,MAAM,CAAiC,CAACC,GAAG,EAAEC,KAAK,KAAK;EACxG,MAAMC,GAAG,GAAID,KAAK,CAAoBE,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAACC,WAAW,CAAC,CAAC;EACtE,OAAO;IAAE,GAAGJ,GAAG;IAAE,CAACE,GAAG,GAAGD;EAAwB,CAAC;AACnD,CAAC,EAAE,CAAC,CAAmC,CAAC;AAExC,OAAO,eAAeI,QAAQA,CAACC,SAAyB,EAAuB;EAC7E,IAAI;IACF,MAAML,KAAK,GAAG,MAAM,MAAM,CAAC,0BAA0BM,MAAM,CAACD,SAAS,CAAC,KAAK,CAAC;IAC5E,OAAOL,KAAK,CAACO,OAAO;EACtB,CAAC,CACD,OAAOC,GAAG,EAAE;IACV,MAAMC,KAAK,GAAGD,GAAG,YAAYE,KAAK,GAAGF,GAAG,CAACG,OAAO,GAAGL,MAAM,CAACE,GAAG,CAAC;IAC9D,MAAM,IAAIE,KAAK,CAAC,UAAUJ,MAAM,CAACD,SAAS,CAAC,qBAAqBI,KAAK,EAAE,CAAC;EAC1E;AACF","ignoreList":[]}

package/lib/module/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/utils/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from './string';
+//# sourceMappingURL=index.js.map

package/lib/module/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;AAAA,cAAc,UAAU","ignoreList":[]}

package/lib/module/utils/string.js

@@ -0,0 +1,22 @@
+"use strict";
+
+export function createContentPreview(tokens, maxLength = 20) {
+  return tokens.slice(0, 3).map(token => token.content).join('').slice(0, maxLength);
+}
+export function createLineKey(line, index) {
+  const contentPreview = createContentPreview(line);
+  return `line-${index}-${contentPreview}`;
+}
+export function removeExtraIndentation(text) {
+  const preserved = text.replace(/\\n/g, '§NEWLINE§');
+  const lines = preserved.split('\n');
+  const minIndent = Math.min(...lines.filter(line => line.trim().length > 0).map(line => line.match(/^\s*/)?.[0].length ?? 0));
+  const normalized = lines.map(line => {
+    if (line.trim().length === 0) return '';
+    const indent = line.match(/^\s*/)?.[0] ?? '';
+    const relativeIndent = ' '.repeat(Math.max(0, indent.length - minIndent));
+    return relativeIndent + line.trim();
+  }).join('\n');
+  return normalized.replace(/§NEWLINE§/g, '\\n');
+}
+//# sourceMappingURL=string.js.map

package/lib/module/utils/string.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContentPreview","tokens","maxLength","slice","map","token","content","join","createLineKey","line","index","contentPreview","removeExtraIndentation","text","preserved","replace","lines","split","minIndent","Math","min","filter","trim","length","match","normalized","indent","relativeIndent","repeat","max"],"sourceRoot":"../../../src","sources":["utils/string.ts"],"mappings":";;AAEA,OAAO,SAASA,oBAAoBA,CAACC,MAAmB,EAAEC,SAAiB,GAAG,EAAE,EAAU;EACxF,OAAOD,MAAM,CACVE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CACXC,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACC,OAAO,CAAC,CAC3BC,IAAI,CAAC,EAAE,CAAC,CACRJ,KAAK,CAAC,CAAC,EAAED,SAAS,CAAC;AACxB;AAEA,OAAO,SAASM,aAAaA,CAACC,IAAiB,EAAEC,KAAa,EAAE;EAC9D,MAAMC,cAAc,GAAGX,oBAAoB,CAACS,IAAI,CAAC;EACjD,OAAO,QAAQC,KAAK,IAAIC,cAAc,EAAE;AAC1C;AAEA,OAAO,SAASC,sBAAsBA,CAACC,IAAY,EAAU;EAC3D,MAAMC,SAAS,GAAGD,IAAI,CAACE,OAAO,CAAC,MAAM,EAAE,WAAW,CAAC;EACnD,MAAMC,KAAK,GAAGF,SAAS,CAACG,KAAK,CAAC,IAAI,CAAC;EACnC,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAG,CACxB,GAAGJ,KAAK,CACLK,MAAM,CAACZ,IAAI,IAAIA,IAAI,CAACa,IAAI,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC,CAAC,CACtCnB,GAAG,CAACK,IAAI,IAAIA,IAAI,CAACe,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAACD,MAAM,IAAI,CAAC,CACpD,CAAC;EAED,MAAME,UAAU,GAAGT,KAAK,CACrBZ,GAAG,CAAEK,IAAI,IAAK;IACb,IAAIA,IAAI,CAACa,IAAI,CAAC,CAAC,CAACC,MAAM,KAAK,CAAC,EAC1B,OAAO,EAAE;IAEX,MAAMG,MAAM,GAAGjB,IAAI,CAACe,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IAC5C,MAAMG,cAAc,GAAG,GAAG,CAACC,MAAM,CAACT,IAAI,CAACU,GAAG,CAAC,CAAC,EAAEH,MAAM,CAACH,MAAM,GAAGL,SAAS,CAAC,CAAC;IACzE,OAAOS,cAAc,GAAGlB,IAAI,CAACa,IAAI,CAAC,CAAC;EACrC,CAAC,CAAC,CACDf,IAAI,CAAC,IAAI,CAAC;EAEb,OAAOkB,UAAU,CAACV,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC;AAChD","ignoreList":[]}

package/lib/typescript/src/components/syntax/SyntaxHighlighter.d.ts

@@ -0,0 +1,13 @@
+import type { LanguageInput, ThemeInput } from 'shiki';
+import React from 'react';
+interface SyntaxHighlighterProps {
+    text: string;
+    lang?: LanguageInput;
+    langName?: string;
+    theme?: ThemeInput;
+    themeName?: string;
+    fontSize?: number;
+}
+declare function SyntaxHighlighter({ text, lang, langName, theme, themeName, fontSize, }: SyntaxHighlighterProps): React.JSX.Element;
+export default SyntaxHighlighter;
+//# sourceMappingURL=SyntaxHighlighter.d.ts.map

package/lib/typescript/src/components/syntax/SyntaxHighlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyntaxHighlighter.d.ts","sourceRoot":"","sources":["../../../../../src/components/syntax/SyntaxHighlighter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,iBAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,IAAiB,EACjB,QAAuB,EACvB,KAAkB,EAClB,SAAyB,EACzB,QAAQ,GACT,EAAE,sBAAsB,qBA4CxB;AAED,eAAe,iBAAiB,CAAA"}

package/lib/typescript/src/components/syntax/SyntaxLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyntaxLine.d.ts","sourceRoot":"","sources":["../../../../../src/components/syntax/SyntaxLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,eAAe;IACvB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAsBtD;AAED,eAAe,UAAU,CAAA"}

package/lib/typescript/src/components/syntax/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/syntax/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/lib/typescript/src/hooks/useSyntaxHighlighter.d.ts

@@ -0,0 +1,15 @@
+import type { LanguageInput, ThemedToken, ThemeInput } from 'shiki';
+interface SyntaxHighlighterProps {
+    text: string;
+    lang: LanguageInput;
+    langName: string;
+    theme: ThemeInput;
+    themeName: string;
+}
+export declare function useSyntaxHighlighter({ text, lang, langName, theme, themeName }: SyntaxHighlighterProps): {
+    tokens: ThemedToken[][];
+    error: string | undefined;
+    isLoading: boolean;
+};
+export {};
+//# sourceMappingURL=useSyntaxHighlighter.d.ts.map

package/lib/typescript/src/hooks/useSyntaxHighlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyntaxHighlighter.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSyntaxHighlighter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUnE,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,UAAU,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,sBAAsB;;;;EAqDtG"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,4 @@
+export { SyntaxHighlighter, SyntaxLine } from './components/syntax';
+export { getLanguage } from './langs';
+export { getTheme } from './themes';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA"}

package/lib/typescript/src/langs.d.ts

@@ -0,0 +1,6 @@
+import type { LanguageInput } from 'shiki';
+import manifest from '../vendor/shiki/manifest.json';
+export type AvailableLanguage = keyof typeof manifest.langs;
+export declare const Languages: Record<string, "typescript" | "abap" | "actionscript-3" | "ada" | "adoc" | "angular-expression" | "angular-html" | "angular-inline-style" | "angular-inline-template" | "angular-let-declaration" | "angular-template-blocks" | "angular-template" | "angular-ts" | "apache" | "apex" | "apl" | "applescript" | "ara" | "asciidoc" | "asm" | "astro" | "awk" | "ballerina" | "bash" | "bat" | "batch" | "be" | "beancount" | "berry" | "bibtex" | "bicep" | "blade" | "c" | "cadence" | "cdc" | "clarity" | "clj" | "clojure" | "closure-templates" | "cmake" | "cmd" | "cobol" | "codeowners" | "codeql" | "coffee" | "coffeescript" | "common-lisp" | "console" | "coq" | "cpp-macro" | "cpp" | "cql" | "crystal" | "cs" | "csharp" | "css" | "csv" | "cue" | "cypher" | "d" | "dart" | "dax" | "desktop" | "diff" | "docker" | "dockerfile" | "dotenv" | "dream-maker" | "edge" | "elisp" | "elixir" | "elm" | "emacs-lisp" | "erb" | "erl" | "erlang" | "es-tag-css" | "es-tag-glsl" | "es-tag-html" | "es-tag-sql" | "es-tag-xml" | "f" | "f03" | "f08" | "f18" | "f77" | "f90" | "f95" | "fennel" | "fish" | "fluent" | "for" | "fortran-fixed-form" | "fortran-free-form" | "fs" | "fsharp" | "fsl" | "ftl" | "gdresource" | "gdscript" | "gdshader" | "genie" | "gherkin" | "git-commit" | "git-rebase" | "gjs" | "gleam" | "glimmer-js" | "glimmer-ts" | "glsl" | "gnuplot" | "go" | "gql" | "graphql" | "groovy" | "gts" | "hack" | "haml" | "handlebars" | "haskell" | "haxe" | "hbs" | "hcl" | "hjson" | "hlsl" | "hs" | "html-derivative" | "html" | "http" | "hxml" | "hy" | "imba" | "ini" | "jade" | "java" | "javascript" | "jinja-html" | "jinja" | "jison" | "jl" | "js" | "json" | "json5" | "jsonc" | "jsonl" | "jsonnet" | "jssm" | "jsx" | "julia" | "kotlin" | "kql" | "kt" | "kts" | "kusto" | "latex" | "lean" | "lean4" | "less" | "liquid" | "lisp" | "lit" | "log" | "logo" | "lua" | "luau" | "make" | "makefile" | "markdown-vue" | "markdown" | "marko" | "matlab" | "md" | "mdc" | "mdx" | "mediawiki" | "mermaid" | "mips" | "mipsasm" | "mmd" | "mojo" | "move" | "nar" | "narrat" | "nextflow" | "nf" | "nginx" | "nim" | "nix" | "nu" | "nushell" | "objc" | "objective-c" | "objective-cpp" | "ocaml" | "pascal" | "perl" | "perl6" | "php" | "plsql" | "po" | "postcss" | "pot" | "potx" | "powerquery" | "powershell" | "prisma" | "prolog" | "properties" | "proto" | "protobuf" | "ps" | "ps1" | "pug" | "puppet" | "purescript" | "py" | "python" | "ql" | "qml" | "qmldir" | "qss" | "r" | "racket" | "raku" | "razor" | "rb" | "reg" | "regex" | "regexp" | "rel" | "riscv" | "rs" | "rst" | "ruby" | "rust" | "sas" | "sass" | "scala" | "scheme" | "scss" | "sh" | "shader" | "shaderlab" | "shell" | "shellscript" | "shellsession" | "smalltalk" | "solidity" | "soy" | "sparql" | "spl" | "splunk" | "sql" | "ssh-config" | "stata" | "styl" | "stylus" | "svelte" | "swift" | "system-verilog" | "systemd" | "tasl" | "tcl" | "templ" | "terraform" | "tex" | "tf" | "tfvars" | "toml" | "ts-tags" | "ts" | "tsp" | "tsv" | "tsx" | "turtle" | "twig" | "typ" | "typespec" | "typst" | "v" | "vala" | "vb" | "verilog" | "vhdl" | "vim" | "viml" | "vimscript" | "vue-directives" | "vue-html" | "vue-interpolations" | "vue-sfc-style-variable-injection" | "vue" | "vy" | "vyper" | "wasm" | "wenyan" | "wgsl" | "wiki" | "wikitext" | "wl" | "wolfram" | "xml" | "xsl" | "yaml" | "yml" | "zenscript" | "zig" | "zsh">;
+export declare function getLanguage(langName: AvailableLanguage): Promise<LanguageInput>;
+//# sourceMappingURL=langs.d.ts.map

package/lib/typescript/src/langs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"langs.d.ts","sourceRoot":"","sources":["../../../src/langs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,QAAQ,MAAM,+BAA+B,CAAA;AAEpD,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,QAAQ,CAAC,KAAK,CAAA;AAE3D,eAAO,MAAM,SAAS,8wGAGqB,CAAA;AAE3C,wBAAsB,WAAW,CAAC,QAAQ,EAAE,iBAAiB,GAAG,OAAO,CAAC,aAAa,CAAC,CASrF"}

package/lib/typescript/src/syntax/highlighter/index.d.ts

@@ -0,0 +1,9 @@
+import type { LanguageInput, ThemedToken, ThemeInput } from 'shiki';
+import type { TokenType } from '../../types';
+import { createHighlighterCore } from 'shiki';
+export declare function createHighlighter({ langs, themes }: {
+    langs: LanguageInput[];
+    themes: ThemeInput[];
+}): Promise<Awaited<ReturnType<typeof createHighlighterCore>>>;
+export declare function processTokens(tokens: ThemedToken[]): TokenType[];
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/syntax/highlighter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/syntax/highlighter/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,qBAAqB,EAA+B,MAAM,OAAO,CAAA;AAU1E,wBAAsB,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,EAAE,CAAC;IAAC,MAAM,EAAE,UAAU,EAAE,CAAA;CAAE,GAAG,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAavK;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAMhE"}

package/lib/typescript/src/syntax/index.d.ts

@@ -0,0 +1,2 @@
+export { createHighlighter, processTokens } from './highlighter';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/syntax/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/syntax/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA"}

package/lib/typescript/src/themes.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeInput } from 'shiki';
+import manifest from '../vendor/shiki/manifest.json';
+export type AvailableTheme = keyof typeof manifest.themes;
+export declare const Themes: Record<string, "github-dark" | "andromeeda" | "aurora-x" | "ayu-dark" | "catppuccin-frappe" | "catppuccin-latte" | "catppuccin-macchiato" | "catppuccin-mocha" | "dark-plus" | "dracula-soft" | "dracula" | "everforest-dark" | "everforest-light" | "github-dark-default" | "github-dark-dimmed" | "github-dark-high-contrast" | "github-light-default" | "github-light-high-contrast" | "github-light" | "houston" | "kanagawa-dragon" | "kanagawa-lotus" | "kanagawa-wave" | "laserwave" | "light-plus" | "material-theme-darker" | "material-theme-lighter" | "material-theme-ocean" | "material-theme-palenight" | "material-theme" | "min-dark" | "min-light" | "monokai" | "night-owl" | "nord" | "one-dark-pro" | "one-light" | "plastic" | "poimandres" | "red" | "rose-pine-dawn" | "rose-pine-moon" | "rose-pine" | "slack-dark" | "slack-ochin" | "snazzy-light" | "solarized-dark" | "solarized-light" | "synthwave-84" | "tokyo-night" | "vesper" | "vitesse-black" | "vitesse-dark" | "vitesse-light">;
+export declare function getTheme(themeName: AvailableTheme): Promise<ThemeInput>;
+//# sourceMappingURL=themes.d.ts.map

package/lib/typescript/src/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../src/themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,QAAQ,MAAM,+BAA+B,CAAA;AAEpD,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,QAAQ,CAAC,MAAM,CAAA;AAEzD,eAAO,MAAM,MAAM,u9BAGqB,CAAA;AAExC,wBAAsB,QAAQ,CAAC,SAAS,EAAE,cAAc,GAAG,OAAO,CAAC,UAAU,CAAC,CAS7E"}

package/lib/typescript/src/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB"}

package/lib/typescript/src/utils/index.d.ts.map

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

package/lib/typescript/src/utils/string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../../../src/utils/string.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,SAAS,GAAE,MAAW,GAAG,MAAM,CAMxF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,UAG7D;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAqB3D"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rn-shiki",
   "type": "module",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Shiki syntax highlighter for React Native.",
   "author": "Ryan Skinner <hello@ryanskinner.com>",
   "license": "MIT",
@@ -14,7 +14,8 @@
     "web"
   ],
   "main": "lib/commonjs/index",
-  "types": "lib/typescript/index.d.ts",
+  "module": "lib/module/index",
+  "types": "lib/typescript/src/index.d.ts",
   "react-native": "src/index",
   "source": "src/index",
   "scripts": {
@@ -53,6 +54,7 @@
     "output": "lib",
     "targets": [
       "commonjs",
+      "module",
       [
         "typescript",
         {

package/scripts/build.js

@@ -4,8 +4,38 @@ import { fileURLToPath } from 'node:url'
 import esbuild from 'esbuild'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const VENDOR_DIR = path.join(__dirname, '../vendor/shiki')
 
-async function buildModule(inputPath, outputPath) {
+function createDeclarationFile(outputPath, name) {
+  // Only create declarations for themes and langs
+  if (!outputPath.includes('/themes/') && !outputPath.includes('/langs/')) {
+    return
+  }
+
+  // Remove .js extension and create paths
+  const jsPath = outputPath.replace(/\\/g, '/')
+  const dtsPath = jsPath.replace('.js', '.d.ts')
+  const modulePath = jsPath.replace('.js', '')
+
+  // Get the correct type based on the path
+  const typeAnnotation = outputPath.includes('/themes/') ? 'import("shiki").ThemeInput' : 'import("shiki").LanguageInput'
+
+  // Replace hyphens in name to create a valid TypeScript identifier
+  const safeName = name.replace(/-/g, '_')
+
+  const dtsContent = `\
+import type { ThemeInput, LanguageInput } from 'shiki'
+
+declare module '${modulePath}' {
+  const ${safeName}: ${typeAnnotation}
+  export default ${safeName}
+}
+`
+  fs.writeFileSync(dtsPath, dtsContent)
+}
+
+// Build function
+async function buildModule(inputPath, outputPath, typeName = 'any') {
   try {
     const result = await esbuild.build({
       entryPoints: [inputPath],
@@ -33,6 +63,8 @@ async function buildModule(inputPath, outputPath) {
       fs.writeFileSync(outputPath, result.outputFiles[0].text)
     }
 
+    // Create declaration file for TypeScript, replacing hyphens in name
+    createDeclarationFile(outputPath, path.basename(outputPath, '.js').replace(/-/g, '_'), typeName)
     return true
   }
   catch (error) {
@@ -41,13 +73,27 @@ async function buildModule(inputPath, outputPath) {
   }
 }
 
+// Create initial manifest with metadata
+function createManifest() {
+  const shikiPkg = JSON.parse(fs.readFileSync(path.join(__dirname, '../node_modules/shiki/package.json'), 'utf8'))
+
+  return {
+    version: shikiPkg.version,
+    buildDate: new Date().toISOString(),
+    core: [],
+    langs: {},
+    themes: {},
+  }
+}
+
 const shikiDir = path.join(__dirname, '../node_modules/shiki/dist')
 const langFiles = fs
   .readdirSync(path.join(shikiDir, 'langs'))
   .filter(file => file.endsWith('.mjs'))
   .map(file => ({
     input: `shiki/dist/langs/${file}`,
-    output: `dist/cache/langs/${file.replace('.mjs', '.js')}`,
+    output: `vendor/shiki/langs/${file.replace('.mjs', '.js')}`,
+    name: file.replace('.mjs', ''),
   }))
 
 const themeFiles = fs
@@ -55,44 +101,77 @@ const themeFiles = fs
   .filter(file => file.endsWith('.mjs'))
   .map(file => ({
     input: `shiki/dist/themes/${file}`,
-    output: `dist/cache/themes/${file.replace('.mjs', '.js')}`,
+    output: `vendor/shiki/themes/${file.replace('.mjs', '.js')}`,
+    name: file.replace('.mjs', ''),
   }))
 
 const coreModules = [
   {
     input: 'shiki/dist/core.mjs',
-    output: 'dist/cache/core/core.js',
+    output: 'vendor/shiki/core/core.js',
+    name: 'core',
+    type: 'typeof import("shiki/core")',
   },
   {
     input: 'shiki/dist/engine-javascript.mjs',
-    output: 'dist/cache/core/engine-javascript.js',
+    output: 'vendor/shiki/core/engine-javascript.js',
+    name: 'engine_javascript', // Use underscore in name to prevent TypeScript errors
+    type: 'typeof import("shiki/engine/javascript")',
   },
   ...langFiles,
   ...themeFiles,
 ]
 
+// Initialize manifest
+const manifest = createManifest()
+
+// Ensure vendor directory exists
+if (!fs.existsSync(VENDOR_DIR)) {
+  fs.mkdirSync(VENDOR_DIR, { recursive: true })
+}
+
+// Create necessary subdirectories
+;['core', 'langs', 'themes'].forEach((dir) => {
+  const fullPath = path.join(VENDOR_DIR, dir)
+  if (!fs.existsSync(fullPath)) {
+    fs.mkdirSync(fullPath, { recursive: true })
+  }
+})
+
+// Build all modules and update manifest
 for (const module of coreModules) {
   const inputPath = path.join(__dirname, '../node_modules', module.input)
   const outputPath = path.join(__dirname, '..', module.output)
 
   const dir = path.dirname(outputPath)
-  if (!fs.existsSync(dir))
+  if (!fs.existsSync(dir)) {
     fs.mkdirSync(dir, { recursive: true })
+  }
 
-  await buildModule(inputPath, outputPath)
+  await buildModule(inputPath, outputPath, module.type || 'any')
   console.log(`Built ${path.basename(module.input)} -> ${path.basename(module.output)}`)
-}
-
-export async function buildOnDemand(type, name) {
-  const inputPath = path.join(__dirname, `../node_modules/shiki/dist/${type}/${name}.mjs`)
-  const outputPath = path.join(__dirname, `../dist/cache/${type}/${name}.js`)
 
-  if (await buildModule(inputPath, outputPath)) {
-    const manifestPath = path.join(__dirname, '../dist/cache/manifest.json')
-    const manifest = JSON.parse(fs.readFileSync(manifestPath, 'utf8'))
-    manifest[type][name] = { built: Date.now() }
-    fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2))
-    return outputPath
+  // Update manifest
+  if (module.input.includes('/langs/')) {
+    manifest.langs[module.name] = {
+      file: path.relative(VENDOR_DIR, outputPath),
+      built: new Date().toISOString(),
+    }
+  }
+  else if (module.input.includes('/themes/')) {
+    manifest.themes[module.name] = {
+      file: path.relative(VENDOR_DIR, outputPath),
+      built: new Date().toISOString(),
+    }
+  }
+  else {
+    manifest.core.push({
+      name: module.name,
+      file: path.relative(VENDOR_DIR, outputPath),
+      built: new Date().toISOString(),
+    })
   }
-  return null
 }
+
+// Write manifest
+fs.writeFileSync(path.join(VENDOR_DIR, 'manifest.json'), JSON.stringify(manifest, null, 2))

package/src/components/syntax/SyntaxHighlighter.tsx

@@ -1,20 +1,33 @@
-import type { SupportedLanguage, SupportedTheme } from '../../syntax/highlighter'
+import type { LanguageInput, ThemeInput } from 'shiki'
 import React from 'react'
 import { Text, View } from 'react-native'
+import typescript from '../../../vendor/shiki/langs/typescript'
+import githubDark from '../../../vendor/shiki/themes/github-dark'
 import { useSyntaxHighlighter } from '../../hooks/useSyntaxHighlighter'
 
 interface SyntaxHighlighterProps {
   text: string
-  lang: SupportedLanguage
-  theme?: SupportedTheme
+  lang?: LanguageInput
+  langName?: string
+  theme?: ThemeInput
+  themeName?: string
   fontSize?: number
 }
 
-function SyntaxHighlighter({ text, lang, theme = 'github-dark', fontSize }: SyntaxHighlighterProps) {
+function SyntaxHighlighter({
+  text,
+  lang = typescript,
+  langName = 'typescript',
+  theme = githubDark,
+  themeName = 'github-dark',
+  fontSize,
+}: SyntaxHighlighterProps) {
   const { tokens, error, isLoading } = useSyntaxHighlighter({
     text,
     lang,
+    langName,
     theme,
+    themeName,
   })
 
   if (error) {

package/src/hooks/useSyntaxHighlighter.ts

@@ -1,5 +1,4 @@
-import type { BundledLanguage, BundledTheme, ThemedToken } from 'shiki'
-import type { SupportedLanguage, SupportedTheme } from '../syntax/highlighter'
+import type { LanguageInput, ThemedToken, ThemeInput } from 'shiki'
 import { useEffect, useState } from 'react'
 import { createHighlighter } from '../syntax'
 
@@ -9,7 +8,15 @@ interface ShikiResult {
   fg: string
 }
 
-export function useSyntaxHighlighter({ text, lang, theme }: { text: string, lang: BundledLanguage, theme: BundledTheme }) {
+interface SyntaxHighlighterProps {
+  text: string
+  lang: LanguageInput
+  langName: string
+  theme: ThemeInput
+  themeName: string
+}
+
+export function useSyntaxHighlighter({ text, lang, langName, theme, themeName }: SyntaxHighlighterProps) {
   const [tokens, setTokens] = useState<ThemedToken[][]>([])
   const [error, setError] = useState<string>()
   const [isLoading, setIsLoading] = useState(true)
@@ -27,13 +34,13 @@ export function useSyntaxHighlighter({ text, lang, theme }: { text: string, lang
 
       try {
         const highlighter = await createHighlighter({
-          langs: [lang as SupportedLanguage],
-          themes: [theme as SupportedTheme],
+          langs: [lang],
+          themes: [theme],
         })
 
         const result = highlighter.codeToTokens(text, {
-          lang,
-          theme,
+          lang: langName,
+          theme: themeName,
         }) as ShikiResult
 
         if (mounted && result.tokens) {
@@ -59,7 +66,7 @@ export function useSyntaxHighlighter({ text, lang, theme }: { text: string, lang
     return () => {
       mounted = false
     }
-  }, [text, lang, theme])
+  }, [text, lang, langName, theme, themeName])
 
   return { tokens, error, isLoading }
 }

package/src/index.ts

@@ -1,3 +1,3 @@
 export { SyntaxHighlighter, SyntaxLine } from './components/syntax'
-export { parseCodeFence } from './syntax'
-export type { ParsedCodeFence } from './syntax'
+export { getLanguage } from './langs'
+export { getTheme } from './themes'

package/src/langs.ts

@@ -0,0 +1,20 @@
+import type { LanguageInput } from 'shiki'
+import manifest from '../vendor/shiki/manifest.json'
+
+export type AvailableLanguage = keyof typeof manifest.langs
+
+export const Languages = Object.keys(manifest.langs).reduce((acc, lang) => {
+  const key = lang.replace(/-/g, '_').toUpperCase()
+  return { ...acc, [key]: lang as AvailableLanguage }
+}, {} as Record<string, AvailableLanguage>)
+
+export async function getLanguage(langName: AvailableLanguage): Promise<LanguageInput> {
+  try {
+    const lang = await import(`../vendor/shiki/langs/${String(langName)}.js`)
+    return lang.default
+  }
+  catch (err) {
+    const error = err instanceof Error ? err.message : String(err)
+    throw new Error(`Language '${String(langName)}' failed to load: ${error}`)
+  }
+}