@haklex/rich-renderer-codeblock 0.0.80 → 0.0.81

package/dist/shiki.mjs

@@ -1,33 +1,24 @@
-let highlighterPromise = null;
+//#region src/shiki.ts
+var highlighterPromise = null;
 function getHighlighter() {
-  if (!highlighterPromise) {
-    highlighterPromise = import("shiki/bundle/web").then(
-      (mod) => mod.createHighlighter({
-        langs: [],
-        themes: ["github-light", "github-dark"]
-      })
-    );
-  }
-  return highlighterPromise;
+	if (!highlighterPromise) highlighterPromise = import("shiki/bundle/web").then((mod) => mod.createHighlighter({
+		langs: [],
+		themes: ["github-light", "github-dark"]
+	}));
+	return highlighterPromise;
 }
 async function getHighlighterWithLang(language) {
-  const highlighter = await getHighlighter();
-  if (language && language !== "text" && language !== "plaintext") {
-    const loaded = highlighter.getLoadedLanguages();
-    if (!loaded.includes(language)) {
-      try {
-        await highlighter.loadLanguage(language);
-      } catch {
-      }
-    }
-  }
-  return highlighter;
+	const highlighter = await getHighlighter();
+	if (language && language !== "text" && language !== "plaintext") {
+		if (!highlighter.getLoadedLanguages().includes(language)) try {
+			await highlighter.loadLanguage(language);
+		} catch {}
+	}
+	return highlighter;
 }
-const SHIKI_DUAL_THEMES = {
-  light: "github-light",
-  dark: "github-dark"
-};
-export {
-  SHIKI_DUAL_THEMES,
-  getHighlighterWithLang
+var SHIKI_DUAL_THEMES = {
+	light: "github-light",
+	dark: "github-dark"
 };
+//#endregion
+export { SHIKI_DUAL_THEMES, getHighlighterWithLang };

package/dist/static.mjs

@@ -1,4 +1,3 @@
-import { C } from "./CodeBlockRenderer-DSXP75Xm.js";
-export {
-  C as CodeBlockRenderer
-};
+import "./icons-CnFW5y6g.js";
+import { t as CodeBlockRenderer } from "./CodeBlockRenderer-ECu_hR7l.js";
+export { CodeBlockRenderer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-codeblock",
-  "version": "0.0.80",
+  "version": "0.0.81",
   "description": "Code block renderer with Shiki syntax highlighting",
   "repository": {
     "type": "git",
@@ -44,10 +44,10 @@
     "@iconify/utils": "^3.1.0",
     "lucide-react": "^0.577.0",
     "shiki": "^4.0.1",
-    "@haklex/cm-editor": "0.0.80",
-    "@haklex/rich-editor": "0.0.80",
-    "@haklex/rich-style-token": "0.0.80",
-    "@haklex/rich-editor-ui": "0.0.80"
+    "@haklex/cm-editor": "0.0.81",
+    "@haklex/rich-editor": "0.0.81",
+    "@haklex/rich-editor-ui": "0.0.81",
+    "@haklex/rich-style-token": "0.0.81"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",

package/dist/CodeBlockRenderer-DSXP75Xm.js

@@ -1,125 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { Check, Copy, ChevronDown } from "lucide-react";
-import { normalizeLanguage, getLanguageDisplayName, languageToColorMap } from "./constants.mjs";
-import "@iconify/utils";
-import "@iconify-json/material-icon-theme";
-import { i as card, s as semanticClassNames, l as lang, h as hasLanguageIcon, a as LanguageIcon, j as copyButton, k as bodyBackground, m as expandWrap, n as expandButton, o as scroll, p as scrollCollapsed, c as lined, d as linedWithNumbers } from "./language-UrxzhGSS.js";
-import { getHighlighterWithLang, SHIKI_DUAL_THEMES } from "./shiki.mjs";
-const CopyIcon = /* @__PURE__ */ jsx(Copy, { size: 16 });
-const CheckIcon = /* @__PURE__ */ jsx(Check, { size: 16 });
-const ExpandIcon = /* @__PURE__ */ jsx(ChevronDown, { size: 14 });
-function CodeBlockCard({
-  code,
-  language,
-  collapsible = true,
-  langSlot,
-  children
-}) {
-  const normalizedLanguage = normalizeLanguage(language);
-  const [copied, setCopied] = useState(false);
-  const copyTimerRef = useRef(void 0);
-  const [isCollapsed, setIsCollapsed] = useState(true);
-  const [isOverflow, setIsOverflow] = useState(false);
-  const scrollRef = useRef(null);
-  useEffect(() => {
-    if (!collapsible) {
-      setIsOverflow(false);
-      return;
-    }
-    const el = scrollRef.current;
-    if (!el) return;
-    const check = () => {
-      const halfVh = window.innerHeight / 2;
-      setIsOverflow(el.scrollHeight >= halfVh);
-    };
-    const raf = requestAnimationFrame(check);
-    return () => cancelAnimationFrame(raf);
-  }, [code, collapsible]);
-  useEffect(() => {
-    return () => clearTimeout(copyTimerRef.current);
-  }, []);
-  const handleCopy = useCallback(() => {
-    navigator.clipboard.writeText(code).then(() => {
-      setCopied(true);
-      clearTimeout(copyTimerRef.current);
-      copyTimerRef.current = setTimeout(() => setCopied(false), 2e3);
-    }).catch(() => {
-    });
-  }, [code]);
-  const languageLabel = getLanguageDisplayName(normalizedLanguage);
-  const accent = languageToColorMap[normalizedLanguage] || "#737373";
-  const cardStyle = useMemo(() => ({ "--rr-code-accent": accent }), [accent]);
-  const scrollClassName = [
-    scroll,
-    semanticClassNames.scroll,
-    collapsible && isCollapsed && isOverflow && scrollCollapsed,
-    collapsible && isCollapsed && isOverflow && semanticClassNames.scrollCollapsed
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("div", { className: `${card} ${semanticClassNames.card}`, style: cardStyle, children: [
-    langSlot ?? (normalizedLanguage !== "text" && /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: `${lang} ${semanticClassNames.lang}`, children: hasLanguageIcon(normalizedLanguage) ? /* @__PURE__ */ jsx(LanguageIcon, { language: normalizedLanguage, size: 14 }) : /* @__PURE__ */ jsx("span", { children: languageLabel }) })),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        "aria-label": copied ? "Copied" : "Copy code",
-        className: `${copyButton} ${semanticClassNames.copyButton}`,
-        type: "button",
-        onClick: handleCopy,
-        children: copied ? CheckIcon : CopyIcon
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: `${bodyBackground} ${semanticClassNames.bodyBackground}`, children: [
-      /* @__PURE__ */ jsx("div", { className: scrollClassName, ref: scrollRef, children }),
-      collapsible && isOverflow && isCollapsed && /* @__PURE__ */ jsx("div", { className: `${expandWrap} ${semanticClassNames.expandWrap}`, children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          className: `${expandButton} ${semanticClassNames.expandButton}`,
-          type: "button",
-          onClick: () => setIsCollapsed(false),
-          children: [
-            ExpandIcon,
-            /* @__PURE__ */ jsx("span", { children: "展开" })
-          ]
-        }
-      ) })
-    ] })
-  ] });
-}
-const CodeBlockRenderer = ({
-  code,
-  language,
-  showLineNumbers: showLineNumbersProp
-}) => {
-  const showLineNumbers = showLineNumbersProp ?? false;
-  const normalizedLanguage = normalizeLanguage(language);
-  const [html, setHtml] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    (async () => {
-      const highlighter = await getHighlighterWithLang(normalizedLanguage);
-      if (cancelled) return;
-      const loaded = highlighter.getLoadedLanguages();
-      const lang2 = loaded.includes(normalizedLanguage) ? normalizedLanguage : "text";
-      const result = highlighter.codeToHtml(code, {
-        lang: lang2,
-        themes: SHIKI_DUAL_THEMES
-      });
-      if (!cancelled) setHtml(result);
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [code, normalizedLanguage]);
-  const fallbackLines = useMemo(() => code.split("\n"), [code]);
-  const linedClassName = [
-    showLineNumbers && lined,
-    showLineNumbers && semanticClassNames.lined,
-    showLineNumbers && linedWithNumbers,
-    showLineNumbers && semanticClassNames.linedWithNumbers
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(CodeBlockCard, { code, language, children: html ? /* @__PURE__ */ jsx("div", { className: linedClassName, dangerouslySetInnerHTML: { __html: html } }) : /* @__PURE__ */ jsx("pre", { className: linedClassName, children: /* @__PURE__ */ jsx("code", { children: fallbackLines.map((line, i) => /* @__PURE__ */ jsx("span", { className: "line", children: line }, i)) }) }) });
-};
-export {
-  CodeBlockRenderer as C,
-  CodeBlockCard as a
-};

package/dist/language-UrxzhGSS.js

@@ -1,154 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { getIconData, iconToSVG, iconToHTML } from "@iconify/utils";
-import { icons } from "@iconify-json/material-icon-theme";
-function getMaterialIconSvg(iconName) {
-  const data = getIconData(icons, iconName);
-  if (!data) return null;
-  const svg = iconToSVG(data);
-  return iconToHTML(svg.body, svg.attributes);
-}
-var semanticClassNames = { card: "rr-code-card", lang: "rr-code-lang", langIcon: "rr-code-lang-icon", copyButton: "rr-code-copy", bodyBackground: "rr-code-bg", scroll: "rr-code-scroll", scrollCollapsed: "rr-code-scroll-collapsed", body: "rr-code-body", bodyReadonly: "rr-code-readonly", expandWrap: "rr-code-expand-wrap", expandButton: "rr-code-expand", lined: "rr-code-lined", linedWithNumbers: "rr-code-lined-ln" };
-var card = "_1pn9r4q0";
-var langInput = "_1pn9r4q1";
-var lang = "_1pn9r4q2";
-var langIcon = "_1pn9r4q3";
-var copyButton = "_1pn9r4q4";
-var bodyBackground = "_1pn9r4q5";
-var scroll = "_1pn9r4q6";
-var scrollCollapsed = "_1pn9r4q7";
-var body = "_1pn9r4q8";
-var bodyReadonly = "_1pn9r4q9";
-var expandWrap = "_1pn9r4qa";
-var expandButton = "_1pn9r4qb";
-var lined = "_1pn9r4qc";
-var linedWithNumbers = "_1pn9r4qd";
-const LANG_TO_ICON = {
-  "javascript": "javascript",
-  "js": "javascript",
-  "typescript": "typescript",
-  "ts": "typescript",
-  "angular-ts": "angular",
-  "angular-html": "angular",
-  "jsx": "react",
-  "tsx": "react",
-  "html": "html",
-  "html-derivative": "html",
-  "css": "css",
-  "scss": "sass",
-  "sass": "sass",
-  "less": "sass",
-  "postcss": "postcss",
-  "stylus": "stylus",
-  "json": "json",
-  "json5": "json",
-  "jsonc": "json",
-  "jsonl": "json",
-  "markdown": "markdown",
-  "md": "markdown",
-  "mdx": "markdown",
-  "mdc": "markdown",
-  "bash": "console",
-  "sh": "console",
-  "shell": "console",
-  "shellscript": "console",
-  "zsh": "console",
-  "python": "python",
-  "py": "python",
-  "rust": "rust",
-  "go": "go",
-  "java": "java",
-  "c": "c",
-  "cpp": "cpp",
-  "c++": "cpp",
-  "swift": "swift",
-  "kotlin": "kotlin",
-  "kt": "kotlin",
-  "yaml": "yaml",
-  "yml": "yaml",
-  "sql": "database",
-  "xml": "xml",
-  "vue": "vue",
-  "vue-html": "vue",
-  "vue-vine": "vue",
-  "svelte": "svelte",
-  "astro": "astro",
-  "php": "php",
-  "rb": "ruby",
-  "r": "r",
-  "julia": "julia",
-  "lua": "lua",
-  "zig": "zig",
-  "toml": "toml",
-  "graphql": "graphql",
-  "gql": "graphql",
-  "dockerfile": "docker",
-  "coffee": "coffee",
-  "pug": "pug",
-  "haml": "haml",
-  "handlebars": "handlebars",
-  "marko": "markojs",
-  "imba": "imba",
-  "hurl": "hurl",
-  "http": "http"
-};
-function getLanguageIconSvg(lang2) {
-  const iconName = LANG_TO_ICON[lang2] ?? "code";
-  return getMaterialIconSvg(iconName);
-}
-function hasLanguageIcon(lang2) {
-  return getLanguageIconSvg(lang2) !== null;
-}
-const LanguageIcon = ({
-  language,
-  size = 14,
-  className = `${langIcon} ${semanticClassNames.langIcon}`
-}) => {
-  const html = useMemo(() => getLanguageIconSvg(language), [language]);
-  if (!html) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className,
-        style: {
-          width: size,
-          height: size,
-          display: "inline-flex",
-          alignItems: "center",
-          justifyContent: "center",
-          opacity: 0.6,
-          fontSize: size * 0.6
-        },
-        children: "•"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className,
-      dangerouslySetInnerHTML: { __html: html },
-      style: { width: size, height: size }
-    }
-  );
-};
-export {
-  LANG_TO_ICON as L,
-  LanguageIcon as a,
-  langInput as b,
-  lined as c,
-  linedWithNumbers as d,
-  body as e,
-  bodyReadonly as f,
-  getMaterialIconSvg as g,
-  hasLanguageIcon as h,
-  card as i,
-  copyButton as j,
-  bodyBackground as k,
-  lang as l,
-  expandWrap as m,
-  expandButton as n,
-  scroll as o,
-  scrollCollapsed as p,
-  semanticClassNames as s
-};