@rtdui/editor/cjs/RichTextEditor/tiptap_extensions/extension-code-block-shiki/shiki-highlighter.cjs

React rich text editor based on tiptap

'use client';
'use strict';

var shiki = require('shiki');
var core = require('@tiptap/core');

let highlighter;
let highlighterPromise;
const loadingLanguages = /* @__PURE__ */ new Set();
const loadingThemes = /* @__PURE__ */ new Set();
function getShiki() {
  return highlighter;
}
function loadHighlighter(opts) {
  if (!highlighter && !highlighterPromise) {
    const themes = opts.themes.filter(
      (theme) => !!theme && theme in shiki.bundledThemes
    );
    const langs = opts.languages.filter(
      (lang) => !!lang && lang in shiki.bundledLanguages
    );
    highlighterPromise = shiki.createHighlighter({ themes, langs }).then((h) => {
      highlighter = h;
    });
    return highlighterPromise;
  }
  if (highlighterPromise) {
    return highlighterPromise;
  }
}
async function loadTheme(theme) {
  if (highlighter && !highlighter.getLoadedThemes().includes(theme) && !loadingThemes.has(theme) && theme in shiki.bundledThemes) {
    loadingThemes.add(theme);
    await highlighter.loadTheme(theme);
    loadingThemes.delete(theme);
    return true;
  }
  return false;
}
async function loadLanguage(language) {
  if (highlighter && !highlighter.getLoadedLanguages().includes(language) && !loadingLanguages.has(language) && language in shiki.bundledLanguages) {
    loadingLanguages.add(language);
    await highlighter.loadLanguage(language);
    loadingLanguages.delete(language);
    return true;
  }
  return false;
}
async function initHighlighter({
  doc,
  name,
  defaultTheme,
  defaultLanguage
}) {
  const codeBlocks = core.findChildren(doc, (node) => node.type.name === name);
  const themes = [
    ...codeBlocks.map((block) => block.node.attrs.theme),
    defaultTheme,
    "one-light",
    "one-dark-pro"
  ];
  const languages = [
    ...codeBlocks.map((block) => block.node.attrs.language),
    defaultLanguage
  ];
  if (!highlighter) {
    const loader = loadHighlighter({ languages, themes });
    await loader;
  } else {
    await Promise.all([
      ...themes.flatMap((theme) => loadTheme(theme)),
      ...languages.flatMap((language) => !!language && loadLanguage(language))
    ]);
  }
}

exports.getShiki = getShiki;
exports.initHighlighter = initHighlighter;
exports.loadHighlighter = loadHighlighter;
exports.loadLanguage = loadLanguage;
exports.loadTheme = loadTheme;
//# sourceMappingURL=shiki-highlighter.cjs.map