boltdocs 2.8.3 → 2.9.0

package/dist/{icons-dev-Oju24Wjp.js → icons-dev-kJyGWNeg.js}

@@ -35,7 +35,7 @@ function BoltdocsProvider({ children, initialLocale = "", initialVersion = "" })
 	const getSavedPrefs = () => {
 		if (typeof window === "undefined") return {};
 		try {
-			const raw = localStorage.getItem(PREFERENCES_KEY);
+			const raw = window.localStorage.getItem(PREFERENCES_KEY);
 			return raw ? JSON.parse(raw) : {};
 		} catch {
 			return {};
@@ -61,7 +61,7 @@ function BoltdocsProvider({ children, initialLocale = "", initialVersion = "" })
 			setLocaleState(newL);
 			if (typeof window !== "undefined") try {
 				const prefs = getSavedPrefs();
-				localStorage.setItem(PREFERENCES_KEY, JSON.stringify({
+				window.localStorage.setItem(PREFERENCES_KEY, JSON.stringify({
 					...prefs,
 					locale: newL
 				}));
@@ -72,7 +72,7 @@ function BoltdocsProvider({ children, initialLocale = "", initialVersion = "" })
 			setVersionState(newV);
 			if (typeof window !== "undefined") try {
 				const prefs = getSavedPrefs();
-				localStorage.setItem(PREFERENCES_KEY, JSON.stringify({
+				window.localStorage.setItem(PREFERENCES_KEY, JSON.stringify({
 					...prefs,
 					version: newV
 				}));
@@ -137,6 +137,9 @@ var icons_exports = /* @__PURE__ */ __exportAll({
 	Copy: () => Copy,
 	CornerDownLeft: () => CornerDownLeft,
 	ExternalLink: () => ExternalLink,
+	FaceBad: () => FaceBad,
+	FaceGood: () => FaceGood,
+	FaceRegular: () => FaceRegular,
 	File: () => File,
 	FileText: () => FileText,
 	Hash: () => Hash,
@@ -401,6 +404,71 @@ const FileText = createIcon("FileText", /* @__PURE__ */ jsxs(Fragment, { childre
 	/* @__PURE__ */ jsx("path", { d: "M16 17H8" })
 ] }));
 const CornerDownLeft = createIcon("CornerDownLeft", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("polyline", { points: "9 10 4 15 9 20" }), /* @__PURE__ */ jsx("path", { d: "M20 4v7a4 4 0 0 1-4 4H4" })] }));
+const FaceGood = createIcon("FaceGood", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+	/* @__PURE__ */ jsx("line", {
+		x1: "9",
+		y1: "9",
+		x2: "9.01",
+		y2: "9"
+	}),
+	/* @__PURE__ */ jsx("line", {
+		x1: "15",
+		y1: "9",
+		x2: "15.01",
+		y2: "9"
+	})
+] }));
+const FaceRegular = createIcon("FaceRegular", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}),
+	/* @__PURE__ */ jsx("line", {
+		x1: "8",
+		y1: "15",
+		x2: "16",
+		y2: "15"
+	}),
+	/* @__PURE__ */ jsx("line", {
+		x1: "9",
+		y1: "9",
+		x2: "9.01",
+		y2: "9"
+	}),
+	/* @__PURE__ */ jsx("line", {
+		x1: "15",
+		y1: "9",
+		x2: "15.01",
+		y2: "9"
+	})
+] }));
+const FaceBad = createIcon("FaceBad", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M16 16s-1.5-2-4-2-4 2-4 2" }),
+	/* @__PURE__ */ jsx("line", {
+		x1: "9",
+		y1: "9",
+		x2: "9.01",
+		y2: "9"
+	}),
+	/* @__PURE__ */ jsx("line", {
+		x1: "15",
+		y1: "9",
+		x2: "15.01",
+		y2: "9"
+	})
+] }));
 
 //#endregion
 //#region src/client/app/routes-context.tsx
@@ -444,7 +512,7 @@ function useRoutes() {
 	const { routes: allRoutes } = useRoutesContext();
 	const config = useConfig();
 	const location = useLocation();
-	const { hasHydrated, currentLocale: currentLocaleStore, currentVersion: currentVersionStore } = useBoltdocsContext();
+	const { currentLocale: currentLocaleStore, currentVersion: currentVersionStore } = useBoltdocsContext();
 	const currentPath = normalizePath(location.pathname);
 	const currentRoute = allRoutes?.find?.((r) => normalizePath(r.path) === currentPath);
 	const currentLocale = config.i18n ? currentLocaleStore || config.i18n.defaultLocale : void 0;
@@ -464,8 +532,9 @@ function useRoutes() {
 			const localeMatch = config.i18n ? (r.locale || config.i18n.defaultLocale) === currentLocale : true;
 			const versionMatch = config.versions ? (r.version || config.versions.defaultVersion) === currentVersion : true;
 			if (!(localeMatch && versionMatch)) return false;
-			const isCurrentLocalePrefixed = !!currentRoute?.locale;
-			const isCurrentVersionPrefixed = !!currentRoute?.version;
+			const pathParts = location.pathname.split("/").filter(Boolean);
+			const isCurrentLocalePrefixed = !!(config.i18n && pathParts.includes(currentLocaleStore || config.i18n.defaultLocale));
+			const isCurrentVersionPrefixed = !!(config.versions && pathParts.includes(currentVersionStore || config.versions.defaultVersion));
 			const isRouteLocalePrefixed = !!r.locale;
 			const isRouteVersionPrefixed = !!r.version;
 			const locale = r.locale || defaultLocale;
@@ -483,7 +552,9 @@ function useRoutes() {
 		config,
 		currentLocale,
 		currentVersion,
-		currentRoute
+		location.pathname,
+		currentLocaleStore,
+		currentVersionStore
 	]);
 	const collections = useMemo(() => {
 		return new Set((allRoutes || []).map((r) => r.collection).filter(Boolean));
@@ -842,4 +913,4 @@ const BracketsRed = (props) => /* @__PURE__ */ jsxs("svg", {
 });
 
 //#endregion
-export { ConfigContext as $, ChevronRight as A, Languages as B, RoutesProvider as C, Check as D, ArrowLeft as E, File as F, Moon as G, Link$2 as H, FileText as I, Search as J, MoreVertical as K, Hash as L, Copy as M, CornerDownLeft as N, ChevronDown as O, ExternalLink as P, icons_exports as Q, Home as R, normalizePath as S, AlertTriangle as T, Menu as U, Lightbulb as V, Monitor as W, TextAlignStart as X, Sun as Y, X as Z, Link$1 as _, Csv as a, useLocalizedTo as b, JavaScript as c, React$1 as d, useConfig as et, Rust as f, Yaml as g, XSocial as h, Css as i, CircleHelp as j, ChevronLeft as k, Json as l, TypeScript as m, BracketsOrange as n, useBoltdocsContext as nt, Discord as o, Shell as p, Pencil as q, BracketsRed as r, Github as s, Bluesky as t, BoltdocsProvider as tt, Markdown as u, NavLink as v, AlertCircle as w, useRoutes as x, cn as y, Info as z };
+export { TextAlignStart as $, ChevronRight as A, Hash as B, RoutesProvider as C, Check as D, ArrowLeft as E, FaceBad as F, Link$2 as G, Info as H, FaceGood as I, Moon as J, Menu as K, FaceRegular as L, Copy as M, CornerDownLeft as N, ChevronDown as O, ExternalLink as P, Sun as Q, File as R, normalizePath as S, AlertTriangle as T, Languages as U, Home as V, Lightbulb as W, Pencil as X, MoreVertical as Y, Search as Z, Link$1 as _, Csv as a, useBoltdocsContext as at, useLocalizedTo as b, JavaScript as c, React$1 as d, X as et, Rust as f, Yaml as g, XSocial as h, Css as i, BoltdocsProvider as it, CircleHelp as j, ChevronLeft as k, Json as l, TypeScript as m, BracketsOrange as n, ConfigContext as nt, Discord as o, Shell as p, Monitor as q, BracketsRed as r, useConfig as rt, Github as s, Bluesky as t, icons_exports as tt, Markdown as u, NavLink as v, AlertCircle as w, useRoutes as x, cn as y, FileText as z };

package/dist/{image-Ch4-GxdO.cjs → image-B9YA_oQ_.cjs}

@@ -3,7 +3,7 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-const require_icons_dev = require('./icons-dev-DvJ-hh9x.cjs');
+const require_icons_dev = require('./icons-dev-BryEFkJu.cjs');
 let react = require("react");
 react = require_icons_dev.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -16,8 +16,16 @@ const THEME_INSTANCE_SYMBOL = Symbol.for("__BDOCS_THEME_INSTANCE__");
 const THEME_EVENT = "boltdocs-theme-change";
 const ThemeContext = globalThis[THEME_CONTEXT_SYMBOL] || (globalThis[THEME_CONTEXT_SYMBOL] = (0, react.createContext)(void 0));
 function ThemeProvider({ children }) {
-	const [theme, setThemeState] = (0, react.useState)("system");
-	const [resolvedTheme, setResolvedTheme] = (0, react.useState)("dark");
+	const [theme, setThemeState] = (0, react.useState)(() => {
+		if (typeof window !== "undefined") try {
+			return window.localStorage.getItem("boltdocs-theme") || "system";
+		} catch {}
+		return "system";
+	});
+	const [resolvedTheme, setResolvedTheme] = (0, react.useState)(() => {
+		if (typeof window !== "undefined" && typeof document !== "undefined" && document.documentElement) return document.documentElement.classList.contains("dark") ? "dark" : "light";
+		return "light";
+	});
 	const applyTheme = (targetTheme) => {
 		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
 		const isDark = targetTheme === "dark" || targetTheme === "system" && mediaQuery.matches;
@@ -27,21 +35,27 @@ function ThemeProvider({ children }) {
 		setResolvedTheme(isDark ? "dark" : "light");
 	};
 	(0, react.useEffect)(() => {
-		const savedTheme = localStorage.getItem("boltdocs-theme");
-		if (savedTheme) {
-			setThemeState(savedTheme);
-			applyTheme(savedTheme);
-		} else applyTheme("system");
+		try {
+			const savedTheme = window.localStorage.getItem("boltdocs-theme");
+			if (savedTheme) {
+				setThemeState(savedTheme);
+				applyTheme(savedTheme);
+			} else applyTheme("system");
+		} catch {}
 		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
 		const listener = () => {
-			if ((localStorage.getItem("boltdocs-theme") || "system") === "system") applyTheme("system");
+			try {
+				if ((window.localStorage.getItem("boltdocs-theme") || "system") === "system") applyTheme("system");
+			} catch {}
 		};
 		mediaQuery.addEventListener("change", listener);
 		return () => mediaQuery.removeEventListener("change", listener);
 	}, []);
 	const setTheme = (newTheme) => {
 		setThemeState(newTheme);
-		localStorage.setItem("boltdocs-theme", newTheme);
+		try {
+			window.localStorage.setItem("boltdocs-theme", newTheme);
+		} catch {}
 		applyTheme(newTheme);
 		if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent(THEME_EVENT, { detail: newTheme }));
 	};

package/dist/{image-Do8V9PCW.js → image-CjYu9Eml.js}

@@ -3,7 +3,7 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-import { H as Link, _ as Link$1, y as cn } from "./icons-dev-Oju24Wjp.js";
+import { G as Link, _ as Link$1, y as cn } from "./icons-dev-kJyGWNeg.js";
 import * as React$1 from "react";
 import { createContext, use, useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -15,8 +15,16 @@ const THEME_INSTANCE_SYMBOL = Symbol.for("__BDOCS_THEME_INSTANCE__");
 const THEME_EVENT = "boltdocs-theme-change";
 const ThemeContext = globalThis[THEME_CONTEXT_SYMBOL] || (globalThis[THEME_CONTEXT_SYMBOL] = createContext(void 0));
 function ThemeProvider({ children }) {
-	const [theme, setThemeState] = useState("system");
-	const [resolvedTheme, setResolvedTheme] = useState("dark");
+	const [theme, setThemeState] = useState(() => {
+		if (typeof window !== "undefined") try {
+			return window.localStorage.getItem("boltdocs-theme") || "system";
+		} catch {}
+		return "system";
+	});
+	const [resolvedTheme, setResolvedTheme] = useState(() => {
+		if (typeof window !== "undefined" && typeof document !== "undefined" && document.documentElement) return document.documentElement.classList.contains("dark") ? "dark" : "light";
+		return "light";
+	});
 	const applyTheme = (targetTheme) => {
 		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
 		const isDark = targetTheme === "dark" || targetTheme === "system" && mediaQuery.matches;
@@ -26,21 +34,27 @@ function ThemeProvider({ children }) {
 		setResolvedTheme(isDark ? "dark" : "light");
 	};
 	useEffect(() => {
-		const savedTheme = localStorage.getItem("boltdocs-theme");
-		if (savedTheme) {
-			setThemeState(savedTheme);
-			applyTheme(savedTheme);
-		} else applyTheme("system");
+		try {
+			const savedTheme = window.localStorage.getItem("boltdocs-theme");
+			if (savedTheme) {
+				setThemeState(savedTheme);
+				applyTheme(savedTheme);
+			} else applyTheme("system");
+		} catch {}
 		const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
 		const listener = () => {
-			if ((localStorage.getItem("boltdocs-theme") || "system") === "system") applyTheme("system");
+			try {
+				if ((window.localStorage.getItem("boltdocs-theme") || "system") === "system") applyTheme("system");
+			} catch {}
 		};
 		mediaQuery.addEventListener("change", listener);
 		return () => mediaQuery.removeEventListener("change", listener);
 	}, []);
 	const setTheme = (newTheme) => {
 		setThemeState(newTheme);
-		localStorage.setItem("boltdocs-theme", newTheme);
+		try {
+			window.localStorage.setItem("boltdocs-theme", newTheme);
+		} catch {}
 		applyTheme(newTheme);
 		if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent(THEME_EVENT, { detail: newTheme }));
 	};

package/dist/{mdx-5oeCOFhH.js → mdx-Cy_c2zio.js}

@@ -3,8 +3,8 @@
  * Copyright (c) 2026 Jesus Alcala
  * Licensed under the MIT License.
  */
-import { D as Check, F as File, M as Copy, T as AlertTriangle, V as Lightbulb, _ as Link, a as Csv, c as JavaScript, d as React$1, f as Rust, g as Yaml, i as Css, l as Json, m as TypeScript, n as BracketsOrange, p as Shell, r as BracketsRed, u as Markdown, w as AlertCircle, y as cn, z as Info } from "./icons-dev-Oju24Wjp.js";
-import { a as CodeBlockGroup, i as CodeBlockContent, l as useTheme, n as Tooltip, o as CodeBlockHeader, r as CodeBlock$1, s as Heading$1, t as Image$1 } from "./image-Do8V9PCW.js";
+import { D as Check, H as Info, M as Copy, R as File, T as AlertTriangle, W as Lightbulb, _ as Link, a as Csv, c as JavaScript, d as React$1, f as Rust, g as Yaml, i as Css, l as Json, m as TypeScript, n as BracketsOrange, p as Shell, r as BracketsRed, rt as useConfig, u as Markdown, w as AlertCircle, y as cn } from "./icons-dev-kJyGWNeg.js";
+import { a as CodeBlockGroup, i as CodeBlockContent, l as useTheme, n as Tooltip, o as CodeBlockHeader, r as CodeBlock$1, s as Heading$1, t as Image$1 } from "./image-CjYu9Eml.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "react-aria-components";
@@ -248,12 +248,66 @@ const copyToClipboard = async (text) => {
 
 //#endregion
 //#region src/client/components/mdx/use-code-block.ts
+const langIconMap = {
+	ts: TypeScript,
+	tsx: React$1,
+	js: JavaScript,
+	jsx: React$1,
+	json: Json,
+	css: Css,
+	html: BracketsOrange,
+	md: Markdown,
+	mdx: Markdown,
+	bash: Shell,
+	sh: Shell,
+	yaml: Yaml,
+	yml: Yaml,
+	rs: Rust,
+	rust: Rust,
+	toml: BracketsRed,
+	csv: Csv
+};
 function useCodeBlock(props) {
 	const [copied, setCopied] = useState(false);
 	const [isExpanded, setIsExpanded] = useState(false);
 	const [isExpandable, setIsExpandable] = useState(false);
 	const preRef = useRef(null);
 	const timerRef = useRef(null);
+	const [rated, setRated] = useState(null);
+	const customConfig = useConfig().integrations?.feedback?.custom;
+	const showCodeBlockFeedback = !!(customConfig?.enabled && !props.plain);
+	const lang = props.lang || props["data-lang"] || "";
+	const isHighlighted = props["data-highlighted"] === "true" || typeof props.className === "string" && props.className.includes("shiki");
+	const rawHighlightedHtml = props.highlightedHtml || props["data-highlighted-html"];
+	const effectiveHighlightedHtml = typeof rawHighlightedHtml === "string" ? rawHighlightedHtml.replace(/<span class="line">\s*(?:<span[^>]*>\s*<\/span>)?\s*<\/span>\s*(<\/code>\s*<\/pre>)/g, "$1") : rawHighlightedHtml;
+	const effectiveTitle = props.title || props["data-title"];
+	const handleRate = useCallback(async (type) => {
+		if (rated) return;
+		setRated(type);
+		try {
+			const code = preRef.current?.textContent ?? "";
+			const snippet = code.trim().slice(0, 100) + (code.length > 100 ? "..." : "");
+			const blockId = `Code Block (${lang || "plain"}): \`${snippet}\``;
+			const endpoint = customConfig?.endpoint || "/api/feedback";
+			await fetch(endpoint, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					rating: type === "up" ? "good" : "bad",
+					comment: `Rated code block: ${type === "up" ? "Helpful" : "Unhelpful"}`,
+					path: window.location.pathname,
+					title: document.title,
+					blockId
+				})
+			});
+		} catch (err) {
+			console.error("Failed to submit code block feedback:", err);
+		}
+	}, [
+		rated,
+		lang,
+		customConfig?.endpoint
+	]);
 	useEffect(() => {
 		return () => {
 			if (timerRef.current) clearTimeout(timerRef.current);
@@ -272,6 +326,7 @@ function useCodeBlock(props) {
 		const lines = (preRef.current?.textContent ?? "").trim().split("\n").length;
 		setIsExpandable(lines > 6);
 	}, [props.children, props.highlightedHtml]);
+	const LangIcon = langIconMap[lang] || File;
 	return {
 		copied,
 		isExpanded,
@@ -279,31 +334,20 @@ function useCodeBlock(props) {
 		isExpandable,
 		preRef,
 		handleCopy,
-		shouldTruncate: isExpandable && !isExpanded
+		shouldTruncate: isExpandable && !isExpanded,
+		isHighlighted,
+		effectiveHighlightedHtml,
+		effectiveTitle,
+		lang,
+		showCodeBlockFeedback,
+		rated,
+		handleRate,
+		LangIcon
 	};
 }
 
 //#endregion
 //#region src/client/components/mdx/code-block.tsx
-const langIconMap = {
-	ts: TypeScript,
-	tsx: React$1,
-	js: JavaScript,
-	jsx: React$1,
-	json: Json,
-	css: Css,
-	html: BracketsOrange,
-	md: Markdown,
-	mdx: Markdown,
-	bash: Shell,
-	sh: Shell,
-	yaml: Yaml,
-	yml: Yaml,
-	rs: Rust,
-	rust: Rust,
-	toml: BracketsRed,
-	csv: Csv
-};
 const CopyButton = ({ copied, handleCopy }) => {
 	return /* @__PURE__ */ jsx(Tooltip, {
 		content: copied ? "Copied!" : "Copy code",
@@ -315,16 +359,52 @@ const CopyButton = ({ copied, handleCopy }) => {
 		})
 	});
 };
+const CodeBlockFeedback = ({ rated, onRate }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-0.5 border-r border-subtle pr-1.5 mr-1",
+		children: [/* @__PURE__ */ jsx(Tooltip, {
+			content: rated === "up" ? "Helpful!" : "This code is helpful",
+			children: /* @__PURE__ */ jsx(Button, {
+				onPress: () => onRate("up"),
+				disabled: rated !== null,
+				className: cn("grid place-items-center size-8 bg-transparent outline-none cursor-pointer transition-all duration-200 hover:scale-110 active:scale-95 [&>svg]:size-4 [&>svg]:stroke-2 z-10", rated === "up" ? "text-emerald-500 dark:text-emerald-400" : rated === "down" ? "opacity-30 cursor-not-allowed text-muted" : "text-muted hover:text-body"),
+				"aria-label": "Mark as helpful",
+				children: /* @__PURE__ */ jsx("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ jsx("path", { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" })
+				})
+			})
+		}), /* @__PURE__ */ jsx(Tooltip, {
+			content: rated === "down" ? "Unhelpful" : "This code is unhelpful",
+			children: /* @__PURE__ */ jsx(Button, {
+				onPress: () => onRate("down"),
+				disabled: rated !== null,
+				className: cn("grid place-items-center size-8 bg-transparent outline-none cursor-pointer transition-all duration-200 hover:scale-110 active:scale-95 [&>svg]:size-4 [&>svg]:stroke-2 z-10", rated === "down" ? "text-rose-500 dark:text-rose-400" : rated === "up" ? "opacity-30 cursor-not-allowed text-muted" : "text-muted hover:text-body"),
+				"aria-label": "Mark as unhelpful",
+				children: /* @__PURE__ */ jsx("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ jsx("path", { d: "M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-3" })
+				})
+			})
+		})]
+	});
+};
 function CodeBlock(props) {
 	const { children, hideCopy = false, highlightedHtml, "data-highlighted-html": dataHighlightedHtml, title, "data-title": dataTitle, "data-lang": dataLang, plain = false, lineNumbers, showLineNumbers, wordWrap, "word-wrap": wordWrapHyphen, metastring, ...rest } = props;
 	const { className: shikiClassName, ...cleanRest } = rest;
-	const isHighlighted = props["data-highlighted"] === "true" || typeof shikiClassName === "string" && shikiClassName.includes("shiki");
-	const rawHighlightedHtml = highlightedHtml || dataHighlightedHtml;
-	const effectiveHighlightedHtml = typeof rawHighlightedHtml === "string" ? rawHighlightedHtml.replace(/<span class="line">\s*(?:<span[^>]*>\s*<\/span>)?\s*<\/span>\s*(<\/code>\s*<\/pre>)/g, "$1") : rawHighlightedHtml;
-	const effectiveTitle = title || dataTitle;
-	const lang = props.lang || dataLang || "";
-	const { copied, isExpanded, setIsExpanded, isExpandable, preRef, handleCopy, shouldTruncate } = useCodeBlock(props);
-	const LangIcon = langIconMap[lang];
+	const { copied, isExpanded, setIsExpanded, isExpandable, preRef, handleCopy, shouldTruncate, isHighlighted, effectiveHighlightedHtml, effectiveTitle, showCodeBlockFeedback, rated, handleRate, LangIcon } = useCodeBlock(props);
 	return /* @__PURE__ */ jsxs(CodeBlock$1, {
 		plain,
 		className: props.className,
@@ -333,12 +413,15 @@ function CodeBlock(props) {
 			children: [/* @__PURE__ */ jsx(CodeBlockGroup, { children: effectiveTitle && /* @__PURE__ */ jsxs(Fragment, { children: [LangIcon ? /* @__PURE__ */ jsx(LangIcon, { size: 14 }) : /* @__PURE__ */ jsx(File, {
 				size: 14,
 				className: "opacity-60"
-			}), /* @__PURE__ */ jsx("span", { children: effectiveTitle })] }) }), /* @__PURE__ */ jsx("div", {
+			}), /* @__PURE__ */ jsx("span", { children: effectiveTitle })] }) }), /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-1",
-				children: !hideCopy && /* @__PURE__ */ jsx(CopyButton, {
+				children: [showCodeBlockFeedback && /* @__PURE__ */ jsx(CodeBlockFeedback, {
+					rated,
+					onRate: handleRate
+				}), !hideCopy && /* @__PURE__ */ jsx(CopyButton, {
 					copied,
 					handleCopy
-				})
+				})]
 			})]
 		}), /* @__PURE__ */ jsxs(CodeBlockContent, {
 			shouldTruncate,
@@ -521,4 +604,4 @@ const mdx_components_default = {
 };
 
 //#endregion
-export { copyToClipboard as n, mdx_components_default as t };
+export { useCodeBlock as n, copyToClipboard as r, mdx_components_default as t };