harebear-ui 0.0.0-stage → 0.2.2

package/dist/lib/highlighter.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { GrammarState } from "shiki/core";
+export declare function loadHighlighter(language: string): Promise<{
+  highlight(code: string, state?: GrammarState): {
+    lines: React.JSX.Element[][];
+    state: GrammarState | undefined;
+  };
+} | null>;
+export declare function highlightCode(code: string, language: string): Promise<React.JSX.Element[][] | null>;

package/dist/lib/highlighter.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createHighlighterCore } from "shiki/core";
+import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
+// src/lib/highlighter.tsx
+const languages = {
+	bash: () => import("shiki/langs/shellscript.mjs"),
+	css: () => import("shiki/langs/css.mjs"),
+	diff: () => import("shiki/langs/diff.mjs"),
+	html: () => import("shiki/langs/html.mjs"),
+	javascript: () => import("shiki/langs/javascript.mjs"),
+	json: () => import("shiki/langs/json.mjs"),
+	jsx: () => import("shiki/langs/jsx.mjs"),
+	markdown: () => import("shiki/langs/markdown.mjs"),
+	python: () => import("shiki/langs/python.mjs"),
+	sql: () => import("shiki/langs/sql.mjs"),
+	tsx: () => import("shiki/langs/tsx.mjs"),
+	typescript: () => import("shiki/langs/typescript.mjs"),
+	yaml: () => import("shiki/langs/yaml.mjs")
+};
+const aliases = {
+	js: "javascript",
+	md: "markdown",
+	py: "python",
+	sh: "bash",
+	shell: "bash",
+	shellscript: "bash",
+	ts: "typescript",
+	yml: "yaml",
+	zsh: "bash"
+};
+let highlighter;
+function getHighlighter() {
+	highlighter ??= createHighlighterCore({
+		themes: [import("shiki/themes/github-light.mjs"), import("shiki/themes/github-dark.mjs")],
+		langs: [],
+		engine: createJavaScriptRegexEngine({ forgiving: true })
+	});
+	return highlighter;
+}
+function getLanguage(language) {
+	const name = language.toLowerCase();
+	if (name === "ansi") return name;
+	if (name in languages) return name;
+	return aliases[name] ?? null;
+}
+async function loadHighlighter(language) {
+	const lang = getLanguage(language);
+	if (!lang) return null;
+	const shiki = await getHighlighter();
+	if (lang !== "ansi" && !shiki.getLoadedLanguages().includes(lang)) await shiki.loadLanguage(languages[lang]);
+	return { highlight(code, state) {
+		const tokenize = (text) => shiki.codeToTokens(text, {
+			lang,
+			themes: {
+				light: "github-light",
+				dark: "github-dark"
+			},
+			defaultColor: false,
+			grammarState: state
+		}).tokens;
+		const tokens = lang === "ansi" ? code.split("\n").flatMap((line) => tokenize(line)) : tokenize(code);
+		return {
+			lines: tokens.map((line) => line.map((token, index) => /* @__PURE__ */ jsx("span", {
+				style: token.htmlStyle,
+				className: "text-(--shiki-light) dark:text-(--shiki-dark)",
+				children: token.content
+			}, index))),
+			state: shiki.getLastGrammarState(tokens)
+		};
+	} };
+}
+async function highlightCode(code, language) {
+	const highlighter = await loadHighlighter(language);
+	return highlighter ? highlighter.highlight(code).lines : null;
+}
+export { highlightCode, loadHighlighter };

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from "clsx";
+/** Merge Tailwind class names, resolving conflicts (later classes win). */
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,8 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+// src/lib/utils.ts
+/** Merge Tailwind class names, resolving conflicts (later classes win). */
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+export { cn };