@mistweaverco/mdsvex-shiki 1.0.14 → 1.0.16

package/README.md

@@ -7,7 +7,7 @@ Supports most [common transformers][shiki-transformers] out of the box.
 Using bun:
 
 ```bash
-bun add @mistweaverco/mdsvex-shiki#v1.0.14
+bun add @mistweaverco/mdsvex-shiki#v1.0.15
 ```
 
 ## Configuration

package/index.cjs

@@ -9727,34 +9727,6 @@ function createPositionConverter(code) {
     posToIndex
   };
 }
-function guessEmbeddedLanguages(code, _lang, highlighter) {
-  const langs = /* @__PURE__ */ new Set;
-  for (const match of code.matchAll(/:?lang=["']([^"']+)["']/g)) {
-    const lang = match[1].toLowerCase().trim();
-    if (lang)
-      langs.add(lang);
-  }
-  for (const match of code.matchAll(/(?:```|~~~)([\w-]+)/g)) {
-    const lang = match[1].toLowerCase().trim();
-    if (lang)
-      langs.add(lang);
-  }
-  for (const match of code.matchAll(/\\begin\{([\w-]+)\}/g)) {
-    const lang = match[1].toLowerCase().trim();
-    if (lang)
-      langs.add(lang);
-  }
-  for (const match of code.matchAll(/<script\s+(?:type|lang)=["']([^"']+)["']/gi)) {
-    const fullType = match[1].toLowerCase().trim();
-    const lang = fullType.includes("/") ? fullType.split("/").pop() : fullType;
-    if (lang)
-      langs.add(lang);
-  }
-  if (!highlighter)
-    return Array.from(langs);
-  const bundle = highlighter.getBundledLanguages();
-  return Array.from(langs).filter((l) => l && bundle[l]);
-}
 var DEFAULT_COLOR_LIGHT_DARK = "light-dark()";
 var COLOR_KEYS = ["color", "background-color"];
 function splitToken(token, offsets) {
@@ -11612,78 +11584,6 @@ function createBundledHighlighter(options) {
   }
   return createHighlighter;
 }
-function makeSingletonHighlighter(createHighlighter) {
-  let _shiki;
-  async function getSingletonHighlighter(options = {}) {
-    if (!_shiki) {
-      _shiki = createHighlighter({
-        ...options,
-        themes: [],
-        langs: []
-      });
-      const s = await _shiki;
-      await Promise.all([
-        s.loadTheme(...options.themes || []),
-        s.loadLanguage(...options.langs || [])
-      ]);
-      return s;
-    } else {
-      const s = await _shiki;
-      await Promise.all([
-        s.loadTheme(...options.themes || []),
-        s.loadLanguage(...options.langs || [])
-      ]);
-      return s;
-    }
-  }
-  return getSingletonHighlighter;
-}
-function createSingletonShorthands(createHighlighter, config) {
-  const getSingletonHighlighter = makeSingletonHighlighter(createHighlighter);
-  async function get(code, options) {
-    const shiki = await getSingletonHighlighter({
-      langs: [options.lang],
-      themes: "theme" in options ? [options.theme] : Object.values(options.themes)
-    });
-    const langs = await config?.guessEmbeddedLanguages?.(code, options.lang, shiki);
-    if (langs) {
-      await shiki.loadLanguage(...langs);
-    }
-    return shiki;
-  }
-  return {
-    getSingletonHighlighter(options) {
-      return getSingletonHighlighter(options);
-    },
-    async codeToHtml(code, options) {
-      const shiki = await get(code, options);
-      return shiki.codeToHtml(code, options);
-    },
-    async codeToHast(code, options) {
-      const shiki = await get(code, options);
-      return shiki.codeToHast(code, options);
-    },
-    async codeToTokens(code, options) {
-      const shiki = await get(code, options);
-      return shiki.codeToTokens(code, options);
-    },
-    async codeToTokensBase(code, options) {
-      const shiki = await get(code, options);
-      return shiki.codeToTokensBase(code, options);
-    },
-    async codeToTokensWithThemes(code, options) {
-      const shiki = await get(code, options);
-      return shiki.codeToTokensWithThemes(code, options);
-    },
-    async getLastGrammarState(code, options) {
-      const shiki = await getSingletonHighlighter({
-        langs: [options.lang],
-        themes: [options.theme]
-      });
-      return shiki.getLastGrammarState(code, options);
-    }
-  };
-}
 // node_modules/shiki/dist/langs.mjs
 var bundledLanguagesInfo = [
   {
@@ -13862,21 +13762,8 @@ var createHighlighter = /* @__PURE__ */ createBundledHighlighter({
   themes: bundledThemes,
   engine: () => createOnigurumaEngine(Promise.resolve().then(() => (init_wasm2(), exports_wasm2)))
 });
-var {
-  codeToHtml: codeToHtml2,
-  codeToHast: codeToHast2,
-  codeToTokens: codeToTokens2,
-  codeToTokensBase: codeToTokensBase2,
-  codeToTokensWithThemes: codeToTokensWithThemes2,
-  getSingletonHighlighter,
-  getLastGrammarState: getLastGrammarState2
-} = /* @__PURE__ */ createSingletonShorthands(createHighlighter, { guessEmbeddedLanguages });
 // src/index.ts
 var defaultShikiOptions = {
-  themes: {
-    dark: "catppuccin-mocha",
-    light: "catppuccin-mocha"
-  },
   cssVariablePrefix: "--shiki-",
   transformers: [
     transformerMetaHighlight(),
@@ -13887,22 +13774,63 @@ var defaultShikiOptions = {
     transformerNotationErrorLevel()
   ]
 };
+var defaultThemes = {
+  dark: "catppuccin-mocha",
+  light: "catppuccin-mocha"
+};
+var highlighterInstance = null;
+var highlighterPromise = null;
+var getHighlighterInstance = async (themes, langs = "all") => {
+  if (highlighterInstance) {
+    return highlighterInstance;
+  }
+  if (highlighterPromise) {
+    return highlighterPromise;
+  }
+  const langsArray = langs === "all" ? Object.keys(bundledLanguages) : langs;
+  let themesArray;
+  if (Array.isArray(themes)) {
+    themesArray = themes;
+  } else if (typeof themes === "object" && "light" in themes && "dark" in themes) {
+    themesArray = [themes.light, themes.dark];
+  } else {
+    themesArray = [themes];
+  }
+  const highlighterOptions = {
+    themes: themesArray,
+    langs: langsArray
+  };
+  highlighterPromise = createHighlighter(highlighterOptions);
+  highlighterInstance = await highlighterPromise;
+  return highlighterInstance;
+};
 var mdsvexShiki = async (config) => {
+  const themes = config.shikiOptions?.themes || defaultThemes;
+  const langs = config.shikiOptions?.langs || "all";
   const shikiOptions = {
     ...defaultShikiOptions,
     ...config.shikiOptions
   };
+  delete shikiOptions.themes;
+  delete shikiOptions.langs;
+  await getHighlighterInstance(themes, langs);
   return async (code, lang245) => {
     lang245 = lang245 ?? "text";
-    shikiOptions.lang = lang245;
-    shikiOptions.transformers = [
-      ...defaultShikiOptions.transformers,
-      ...shikiOptions.transformers
+    const highlighter = await getHighlighterInstance(themes, langs);
+    const transformers = [
+      ...defaultShikiOptions.transformers || [],
+      ...shikiOptions.transformers || []
     ];
-    if (shikiOptions.transformers.find((t) => t.name === "transformerMdsvexWrapItUp") === undefined) {
-      shikiOptions.transformers.push(mdsvexWrapItUpTransformer(lang245, code, config.disableCopyButton));
-    }
-    return escapeHTML(await codeToHtml2(code, shikiOptions));
+    if (!transformers.find((t) => t.name === "transformerMdsvexWrapItUp")) {
+      transformers.push(mdsvexWrapItUpTransformer(lang245, code, config.disableCopyButton));
+    }
+    const html5 = highlighter.codeToHtml(code, {
+      ...shikiOptions,
+      lang: lang245,
+      transformers,
+      themes: typeof themes === "object" && !Array.isArray(themes) ? themes : undefined
+    });
+    return escapeHTML(html5);
   };
 };
 var src_default = mdsvexShiki;

package/index.d.ts

@@ -19,7 +19,13 @@ export type HighlighterOptions = {
 	displayTitle?: boolean;
 	displayLanguage?: boolean;
 	disableCopyButton?: boolean;
-	shikiOptions?: Partial<CodeToHastOptions<BundledLanguage, BundledTheme>>;
+	shikiOptions?: Partial<CodeToHastOptions<BundledLanguage, BundledTheme>> & {
+		themes?: BundledTheme[] | {
+			light: BundledTheme;
+			dark: BundledTheme;
+		} | BundledTheme;
+		langs?: BundledLanguage[] | "all";
+	};
 };
 export declare const defaultShikiOptions: Partial<CodeToHastOptions<BundledLanguage, BundledTheme>>;
 export declare const mdsvexShiki: (config: HighlighterOptions) => Promise<(code: string, lang: string) => Promise<string>>;

package/index.js

@@ -9700,34 +9700,6 @@ function createPositionConverter(code) {
     posToIndex
   };
 }
-function guessEmbeddedLanguages(code, _lang, highlighter) {
-  const langs = /* @__PURE__ */ new Set;
-  for (const match of code.matchAll(/:?lang=["']([^"']+)["']/g)) {
-    const lang = match[1].toLowerCase().trim();
-    if (lang)
-      langs.add(lang);
-  }
-  for (const match of code.matchAll(/(?:```|~~~)([\w-]+)/g)) {
-    const lang = match[1].toLowerCase().trim();
-    if (lang)
-      langs.add(lang);
-  }
-  for (const match of code.matchAll(/\\begin\{([\w-]+)\}/g)) {
-    const lang = match[1].toLowerCase().trim();
-    if (lang)
-      langs.add(lang);
-  }
-  for (const match of code.matchAll(/<script\s+(?:type|lang)=["']([^"']+)["']/gi)) {
-    const fullType = match[1].toLowerCase().trim();
-    const lang = fullType.includes("/") ? fullType.split("/").pop() : fullType;
-    if (lang)
-      langs.add(lang);
-  }
-  if (!highlighter)
-    return Array.from(langs);
-  const bundle = highlighter.getBundledLanguages();
-  return Array.from(langs).filter((l) => l && bundle[l]);
-}
 var DEFAULT_COLOR_LIGHT_DARK = "light-dark()";
 var COLOR_KEYS = ["color", "background-color"];
 function splitToken(token, offsets) {
@@ -11585,78 +11557,6 @@ function createBundledHighlighter(options) {
   }
   return createHighlighter;
 }
-function makeSingletonHighlighter(createHighlighter) {
-  let _shiki;
-  async function getSingletonHighlighter(options = {}) {
-    if (!_shiki) {
-      _shiki = createHighlighter({
-        ...options,
-        themes: [],
-        langs: []
-      });
-      const s = await _shiki;
-      await Promise.all([
-        s.loadTheme(...options.themes || []),
-        s.loadLanguage(...options.langs || [])
-      ]);
-      return s;
-    } else {
-      const s = await _shiki;
-      await Promise.all([
-        s.loadTheme(...options.themes || []),
-        s.loadLanguage(...options.langs || [])
-      ]);
-      return s;
-    }
-  }
-  return getSingletonHighlighter;
-}
-function createSingletonShorthands(createHighlighter, config) {
-  const getSingletonHighlighter = makeSingletonHighlighter(createHighlighter);
-  async function get(code, options) {
-    const shiki = await getSingletonHighlighter({
-      langs: [options.lang],
-      themes: "theme" in options ? [options.theme] : Object.values(options.themes)
-    });
-    const langs = await config?.guessEmbeddedLanguages?.(code, options.lang, shiki);
-    if (langs) {
-      await shiki.loadLanguage(...langs);
-    }
-    return shiki;
-  }
-  return {
-    getSingletonHighlighter(options) {
-      return getSingletonHighlighter(options);
-    },
-    async codeToHtml(code, options) {
-      const shiki = await get(code, options);
-      return shiki.codeToHtml(code, options);
-    },
-    async codeToHast(code, options) {
-      const shiki = await get(code, options);
-      return shiki.codeToHast(code, options);
-    },
-    async codeToTokens(code, options) {
-      const shiki = await get(code, options);
-      return shiki.codeToTokens(code, options);
-    },
-    async codeToTokensBase(code, options) {
-      const shiki = await get(code, options);
-      return shiki.codeToTokensBase(code, options);
-    },
-    async codeToTokensWithThemes(code, options) {
-      const shiki = await get(code, options);
-      return shiki.codeToTokensWithThemes(code, options);
-    },
-    async getLastGrammarState(code, options) {
-      const shiki = await getSingletonHighlighter({
-        langs: [options.lang],
-        themes: [options.theme]
-      });
-      return shiki.getLastGrammarState(code, options);
-    }
-  };
-}
 // node_modules/shiki/dist/langs.mjs
 var bundledLanguagesInfo = [
   {
@@ -13835,21 +13735,8 @@ var createHighlighter = /* @__PURE__ */ createBundledHighlighter({
   themes: bundledThemes,
   engine: () => createOnigurumaEngine(Promise.resolve().then(() => (init_wasm2(), exports_wasm2)))
 });
-var {
-  codeToHtml: codeToHtml2,
-  codeToHast: codeToHast2,
-  codeToTokens: codeToTokens2,
-  codeToTokensBase: codeToTokensBase2,
-  codeToTokensWithThemes: codeToTokensWithThemes2,
-  getSingletonHighlighter,
-  getLastGrammarState: getLastGrammarState2
-} = /* @__PURE__ */ createSingletonShorthands(createHighlighter, { guessEmbeddedLanguages });
 // src/index.ts
 var defaultShikiOptions = {
-  themes: {
-    dark: "catppuccin-mocha",
-    light: "catppuccin-mocha"
-  },
   cssVariablePrefix: "--shiki-",
   transformers: [
     transformerMetaHighlight(),
@@ -13860,22 +13747,63 @@ var defaultShikiOptions = {
     transformerNotationErrorLevel()
   ]
 };
+var defaultThemes = {
+  dark: "catppuccin-mocha",
+  light: "catppuccin-mocha"
+};
+var highlighterInstance = null;
+var highlighterPromise = null;
+var getHighlighterInstance = async (themes, langs = "all") => {
+  if (highlighterInstance) {
+    return highlighterInstance;
+  }
+  if (highlighterPromise) {
+    return highlighterPromise;
+  }
+  const langsArray = langs === "all" ? Object.keys(bundledLanguages) : langs;
+  let themesArray;
+  if (Array.isArray(themes)) {
+    themesArray = themes;
+  } else if (typeof themes === "object" && "light" in themes && "dark" in themes) {
+    themesArray = [themes.light, themes.dark];
+  } else {
+    themesArray = [themes];
+  }
+  const highlighterOptions = {
+    themes: themesArray,
+    langs: langsArray
+  };
+  highlighterPromise = createHighlighter(highlighterOptions);
+  highlighterInstance = await highlighterPromise;
+  return highlighterInstance;
+};
 var mdsvexShiki = async (config) => {
+  const themes = config.shikiOptions?.themes || defaultThemes;
+  const langs = config.shikiOptions?.langs || "all";
   const shikiOptions = {
     ...defaultShikiOptions,
     ...config.shikiOptions
   };
+  delete shikiOptions.themes;
+  delete shikiOptions.langs;
+  await getHighlighterInstance(themes, langs);
   return async (code, lang245) => {
     lang245 = lang245 ?? "text";
-    shikiOptions.lang = lang245;
-    shikiOptions.transformers = [
-      ...defaultShikiOptions.transformers,
-      ...shikiOptions.transformers
+    const highlighter = await getHighlighterInstance(themes, langs);
+    const transformers = [
+      ...defaultShikiOptions.transformers || [],
+      ...shikiOptions.transformers || []
     ];
-    if (shikiOptions.transformers.find((t) => t.name === "transformerMdsvexWrapItUp") === undefined) {
-      shikiOptions.transformers.push(mdsvexWrapItUpTransformer(lang245, code, config.disableCopyButton));
-    }
-    return escapeHTML(await codeToHtml2(code, shikiOptions));
+    if (!transformers.find((t) => t.name === "transformerMdsvexWrapItUp")) {
+      transformers.push(mdsvexWrapItUpTransformer(lang245, code, config.disableCopyButton));
+    }
+    const html5 = highlighter.codeToHtml(code, {
+      ...shikiOptions,
+      lang: lang245,
+      transformers,
+      themes: typeof themes === "object" && !Array.isArray(themes) ? themes : undefined
+    });
+    return escapeHTML(html5);
   };
 };
 var src_default = mdsvexShiki;

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "@mistweaverco/mdsvex-shiki",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",
   "exports": {
-    "types": "./index.d.ts",
-    "import": "./index.js",
-    "require": "./index.cjs"
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "require": "./index.cjs"
+    },
+    "./styles.css": "./styles.css"
   },
   "files": [
     "styles.css",
@@ -21,7 +24,7 @@
     "prepublishOnly": "bun run build",
     "clear": "rm -f *.js *.cjs *.d.ts",
     "build": "bun build.ts",
-    "publish:npm": "npm publish --access public",
+    "publish:npm": "npm publish",
     "publish:github": "npm publish --registry https://npm.pkg.github.com --access public"
   },
   "keywords": [