@haklex/rich-renderer-codeblock 0.31.1 → 0.32.0

package/dist/LanguageCombobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageCombobox.d.ts","sourceRoot":"","sources":["../src/LanguageCombobox.tsx"],"names":[],"mappings":"AAoBA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,EAAE,qBAAqB,+BAkDrF"}
+{"version":3,"file":"LanguageCombobox.d.ts","sourceRoot":"","sources":["../src/LanguageCombobox.tsx"],"names":[],"mappings":"AAoBA,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,EAAE,qBAAqB,+BAiErF"}

package/dist/index.mjs

@@ -10,7 +10,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Check, ChevronDown, Copy } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList } from "@haklex/rich-editor-ui";
-import { bundledLanguagesInfo } from "shiki/bundle/web";
+import { bundledLanguagesInfo } from "shiki/bundle/full";
 //#region src/CodeBlockCard.tsx
 var CopyIcon = /* @__PURE__ */ jsx(Copy, { size: 16 });
 var CheckIcon = /* @__PURE__ */ jsx(Check, { size: 16 });
@@ -101,20 +101,40 @@ var languageItems = bundledLanguagesInfo.map((info) => ({
 }));
 function LanguageCombobox({ language, onLanguageChange }) {
 	const normalizedLanguage = normalizeLanguage(language);
+	const [query, setQuery] = useState("");
 	const handleValueChange = useCallback((value) => {
 		if (value) onLanguageChange?.(value.id);
 	}, [onLanguageChange]);
-	const selectedValue = useMemo(() => languageItems.find((item) => item.id === normalizedLanguage) ?? null, [normalizedLanguage]);
+	const selectedValue = useMemo(() => {
+		const found = languageItems.find((item) => item.id === normalizedLanguage);
+		if (found) return found;
+		if (normalizedLanguage === "text") return null;
+		return {
+			id: normalizedLanguage,
+			name: normalizedLanguage
+		};
+	}, [normalizedLanguage]);
+	const items = useMemo(() => {
+		const all = selectedValue && !languageItems.some((item) => item.id === selectedValue.id) ? [...languageItems, selectedValue] : languageItems;
+		const q = query.trim().toLowerCase();
+		if (!q || all.some((item) => item.id === q)) return all;
+		return [...all, {
+			id: q,
+			name: `Use "${q}"`
+		}];
+	}, [query, selectedValue]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: `${lang} ${semanticClassNames.lang}`,
 		children: [hasLanguageIcon(normalizedLanguage) && /* @__PURE__ */ jsx(LanguageIcon, {
 			language: normalizedLanguage,
 			size: 14
 		}), /* @__PURE__ */ jsxs(Combobox, {
+			autoHighlight: true,
 			itemToStringLabel: (item) => item.id,
 			itemToStringValue: (item) => item.id,
-			items: languageItems,
+			items,
 			value: selectedValue,
+			onInputValueChange: (value) => setQuery(value),
 			onValueChange: handleValueChange,
 			children: [/* @__PURE__ */ jsx(ComboboxInput, {
 				className: langInput,

package/dist/shiki.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shiki.d.ts","sourceRoot":"","sources":["../src/shiki.ts"],"names":[],"mappings":"AAcA,wBAAsB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,gBAe5D;AAED,eAAO,MAAM,iBAAiB;;;CAGpB,CAAA"}
+{"version":3,"file":"shiki.d.ts","sourceRoot":"","sources":["../src/shiki.ts"],"names":[],"mappings":"AAcA,wBAAsB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,gBAe5D;AAED,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC"}

package/dist/shiki.mjs

@@ -1,7 +1,7 @@
 //#region src/shiki.ts
 var highlighterPromise = null;
 function getHighlighter() {
-	if (!highlighterPromise) highlighterPromise = import("shiki/bundle/web").then((mod) => mod.createHighlighter({
+	if (!highlighterPromise) highlighterPromise = import("shiki/bundle/full").then((mod) => mod.createHighlighter({
 		langs: [],
 		themes: ["github-light", "github-dark"]
 	}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-renderer-codeblock",
-  "version": "0.31.1",
+  "version": "0.32.0",
   "description": "Code block renderer with Shiki syntax highlighting",
   "repository": {
     "type": "git",
@@ -42,17 +42,17 @@
     "@codemirror/view": "^6.43.6",
     "@iconify-json/material-icon-theme": "^1.2.69",
     "@iconify/utils": "^3.1.4",
-    "@haklex/cm-editor": "0.31.1"
+    "@haklex/cm-editor": "0.32.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vanilla-extract/css": "^1.21.1",
     "@vanilla-extract/vite-plugin": "^5.2.5",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "shiki": "^4.3.1",
-    "typescript": "^6.0.3",
+    "typescript": "^7.0.2",
     "unplugin-dts": "^1.0.3",
     "vite": "^8.1.5"
   },
@@ -61,9 +61,9 @@
     "react": ">=19",
     "react-dom": ">=19",
     "shiki": ">=4.0.0",
-    "@haklex/rich-editor": "^0.31.1",
-    "@haklex/rich-editor-ui": "^0.31.1",
-    "@haklex/rich-style-token": "^0.31.1"
+    "@haklex/rich-editor": "^0.32.0",
+    "@haklex/rich-editor-ui": "^0.32.0",
+    "@haklex/rich-style-token": "^0.32.0"
   },
   "publishConfig": {
     "access": "public"