@haklex/rich-renderer-codeblock 0.0.2 → 0.0.4

package/dist/constants.mjs

@@ -0,0 +1,76 @@
+const languageToIconMap = {
+  javascript: "JS",
+  js: "JS",
+  typescript: "TS",
+  ts: "TS",
+  jsx: "JSX",
+  tsx: "TSX",
+  html: "HTML",
+  css: "CSS",
+  scss: "SCSS",
+  json: "JSON",
+  markdown: "MD",
+  md: "MD",
+  bash: "SH",
+  sh: "SH",
+  shell: "SH",
+  zsh: "SH",
+  python: "PY",
+  py: "PY",
+  rust: "RS",
+  go: "GO",
+  java: "JAVA",
+  c: "C",
+  cpp: "C++",
+  "c++": "C++",
+  swift: "SW",
+  kotlin: "KT",
+  yaml: "YAML",
+  yml: "YAML",
+  sql: "SQL"
+};
+const languageToColorMap = {
+  javascript: "#f7df1e",
+  js: "#f7df1e",
+  typescript: "#3178c6",
+  ts: "#3178c6",
+  jsx: "#61dafb",
+  tsx: "#61dafb",
+  html: "#e34f26",
+  css: "#1572b6",
+  scss: "#cc6699",
+  json: "#f59e0b",
+  markdown: "#737373",
+  md: "#737373",
+  bash: "#4eaa25",
+  sh: "#4eaa25",
+  shell: "#4eaa25",
+  zsh: "#4eaa25",
+  python: "#3776ab",
+  py: "#3776ab",
+  rust: "#dea584",
+  go: "#00add8",
+  java: "#b07219",
+  c: "#a8b9cc",
+  cpp: "#00599c",
+  "c++": "#00599c",
+  swift: "#fa7343",
+  kotlin: "#7f52ff",
+  yaml: "#cb171e",
+  yml: "#cb171e",
+  sql: "#e38c00"
+};
+function normalizeLanguage(lang) {
+  if (!lang) return "text";
+  return lang.trim().toLowerCase() || "text";
+}
+function getLanguageDisplayName(lang) {
+  if (lang === "text") return "TEXT";
+  return lang.toUpperCase();
+}
+export {
+  getLanguageDisplayName,
+  languageToColorMap,
+  languageToIconMap,
+  normalizeLanguage
+};

package/dist/index.mjs

@@ -2,76 +2,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useColorScheme } from "@haklex/rich-editor";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { Check, Copy, ChevronDown } from "lucide-react";
-const languageToIconMap = {
-  javascript: "JS",
-  js: "JS",
-  typescript: "TS",
-  ts: "TS",
-  jsx: "JSX",
-  tsx: "TSX",
-  html: "HTML",
-  css: "CSS",
-  scss: "SCSS",
-  json: "JSON",
-  markdown: "MD",
-  md: "MD",
-  bash: "SH",
-  sh: "SH",
-  shell: "SH",
-  zsh: "SH",
-  python: "PY",
-  py: "PY",
-  rust: "RS",
-  go: "GO",
-  java: "JAVA",
-  c: "C",
-  cpp: "C++",
-  "c++": "C++",
-  swift: "SW",
-  kotlin: "KT",
-  yaml: "YAML",
-  yml: "YAML",
-  sql: "SQL"
-};
-const languageToColorMap = {
-  javascript: "#f7df1e",
-  js: "#f7df1e",
-  typescript: "#3178c6",
-  ts: "#3178c6",
-  jsx: "#61dafb",
-  tsx: "#61dafb",
-  html: "#e34f26",
-  css: "#1572b6",
-  scss: "#cc6699",
-  json: "#f59e0b",
-  markdown: "#737373",
-  md: "#737373",
-  bash: "#4eaa25",
-  sh: "#4eaa25",
-  shell: "#4eaa25",
-  zsh: "#4eaa25",
-  python: "#3776ab",
-  py: "#3776ab",
-  rust: "#dea584",
-  go: "#00add8",
-  java: "#b07219",
-  c: "#a8b9cc",
-  cpp: "#00599c",
-  "c++": "#00599c",
-  swift: "#fa7343",
-  kotlin: "#7f52ff",
-  yaml: "#cb171e",
-  yml: "#cb171e",
-  sql: "#e38c00"
-};
-function normalizeLanguage(lang) {
-  if (!lang) return "text";
-  return lang.trim().toLowerCase() || "text";
-}
-function getLanguageDisplayName(lang) {
-  if (lang === "text") return "TEXT";
-  return lang.toUpperCase();
-}
+import { normalizeLanguage, languageToIconMap, getLanguageDisplayName, languageToColorMap } from "./constants.mjs";
+import { getHighlighterWithLang, SHIKI_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 });
@@ -147,35 +79,6 @@ function CodeBlockCard({
     ] })
   ] });
 }
-let highlighterPromise = null;
-function getHighlighter() {
-  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 SHIKI_THEMES = {
-  light: "github-light",
-  dark: "github-dark"
-};
 const CodeBlockEditRenderer = ({
   code,
   language,

package/dist/shiki.mjs

@@ -0,0 +1,33 @@
+let highlighterPromise = null;
+function getHighlighter() {
+  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 SHIKI_THEMES = {
+  light: "github-light",
+  dark: "github-dark"
+};
+export {
+  SHIKI_THEMES,
+  getHighlighterWithLang
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-codeblock",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Code block renderer with Shiki syntax highlighting",
   "license": "MIT",
   "type": "module",
@@ -26,7 +26,9 @@
   "dependencies": {
     "lucide-react": "^0.574.0",
     "shiki": "^3.21.0",
-    "shikicode": "*"
+    "shikicode": "*",
+    "@haklex/rich-editor": "0.0.4",
+    "@haklex/rich-style-token": "0.0.4"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
@@ -37,15 +39,11 @@
     "react-dom": "19.2.4",
     "typescript": "^5.9.0",
     "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.0",
-    "@haklex/rich-editor": "0.0.2",
-    "@haklex/rich-style-token": "0.0.2"
+    "vite-plugin-dts": "^4.5.0"
   },
   "peerDependencies": {
     "react": ">=19",
-    "react-dom": ">=19",
-    "@haklex/rich-editor": "0.0.2",
-    "@haklex/rich-style-token": "0.0.2"
+    "react-dom": ">=19"
   },
   "publishConfig": {
     "access": "public"