intlayer-editor 8.4.6 → 8.4.8

package/client/dist/assets/{CodeBlockShiki-Der7XgxP.js → CodeBlockShiki-CBpFC0wa.js}

@@ -3,7 +3,7 @@ import { a as __toESM } from "./chunk-C0u3WHrm.js";
 import { t as require_react } from "./react-BI_C_976.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-BkWmzJHO.js";
 import { t as __vitePreload } from "./preload-helper-B4JcPOPd.js";
-import { t as CodeDefault } from "./index-rstO1N02.js";
+import { t as CodeDefault } from "./index-3RB3SZoe.js";
 //#region ../@intlayer/design-system/dist/esm/components/IDE/CodeBlockShiki.mjs
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
 var import_jsx_runtime = require_jsx_runtime();

package/client/dist/assets/{index-rstO1N02.js → index-3RB3SZoe.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/markdown-BRt2VivO.js","assets/chunk-C0u3WHrm.js","assets/markdown-BxFWgS_U.js","assets/html-CC2iD1GB.js","assets/react-BI_C_976.js","assets/CodeBlockShiki-Der7XgxP.js","assets/preload-helper-B4JcPOPd.js","assets/jsx-runtime-BkWmzJHO.js","assets/dist-B9LA40uC.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/markdown-BRt2VivO.js","assets/chunk-C0u3WHrm.js","assets/markdown-CKVmpT1j.js","assets/html-CC2iD1GB.js","assets/react-BI_C_976.js","assets/CodeBlockShiki-CBpFC0wa.js","assets/preload-helper-B4JcPOPd.js","assets/jsx-runtime-BkWmzJHO.js","assets/dist-B9LA40uC.js"])))=>i.map(i=>d[i]);
 import { a as __toESM, i as __toCommonJS, n as __esmMin, r as __exportAll, t as __commonJSMin } from "./chunk-C0u3WHrm.js";
 import { t as require_react } from "./react-BI_C_976.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-BkWmzJHO.js";
@@ -9570,7 +9570,7 @@ var configuration_default = {
 	},
 	metadata: {
 		"name": "Intlayer",
-		"version": "8.4.6",
+		"version": "8.4.8",
 		"doc": "https://intlayer.org/docs"
 	}
 };
@@ -10278,7 +10278,7 @@ var _getMarkdownMetadata = null;
 __vitePreload(() => import("./markdown-BRt2VivO.js").then((n) => n.t).then((m) => {
 	_getMarkdownMetadata = m.getMarkdownMetadata;
 }), __vite__mapDeps([0,1]));
-var LazyMarkdownRendererPlugin = (0, import_react.lazy)(() => __vitePreload(() => import("./markdown-BxFWgS_U.js").then((m) => ({ default: m.MarkdownRendererPlugin })), __vite__mapDeps([2,1,0])));
+var LazyMarkdownRendererPlugin = (0, import_react.lazy)(() => __vitePreload(() => import("./markdown-CKVmpT1j.js").then((m) => ({ default: m.MarkdownRendererPlugin })), __vite__mapDeps([2,1,0])));
 var LazyHTMLRendererPlugin = (0, import_react.lazy)(() => __vitePreload(() => import("./html-CC2iD1GB.js").then((m) => ({ default: m.HTMLRendererPlugin })), __vite__mapDeps([3,1,4])));
 /** Translation plugin. Replaces node with a locale string if nodeType = Translation. */
 var intlayerNodePlugins = {
@@ -28355,7 +28355,7 @@ var CodeDefault = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
 		}, `line-${index}-${line.slice(0, 10)}`)) : children })
 	})
 });
-var CodeBlockShiki = (0, import_react.lazy)(() => __vitePreload(() => import("./CodeBlockShiki-Der7XgxP.js").then((mod) => ({ default: mod.CodeBlockShiki })), __vite__mapDeps([5,1,6,7,4])));
+var CodeBlockShiki = (0, import_react.lazy)(() => __vitePreload(() => import("./CodeBlockShiki-CBpFC0wa.js").then((mod) => ({ default: mod.CodeBlockShiki })), __vite__mapDeps([5,1,6,7,4])));
 var CodeBlock = ({ className, onChange, isEditable, children, lang, isDarkMode, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 	className: cn$2("flex w-full min-w-0 max-w-full overflow-x-auto", className),
 	...props,
@@ -32912,7 +32912,7 @@ var isZeroValueString = (v) => /^0[^.\s]+$/u.test(v);
 //#endregion
 //#region ../../node_modules/.bun/motion-utils@12.36.0/node_modules/motion-utils/dist/es/memo.mjs
 /* @__NO_SIDE_EFFECTS__ */
-function memo(callback) {
+function memo$1(callback) {
 	let result;
 	return () => {
 		if (result === void 0) result = callback();
@@ -34783,7 +34783,7 @@ var supportsFlags = {};
 //#endregion
 //#region ../../node_modules/.bun/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/memo.mjs
 function memoSupports(callback, supportsFlag) {
-	const memoized = /* @__PURE__ */ memo(callback);
+	const memoized = /* @__PURE__ */ memo$1(callback);
 	return () => supportsFlags[supportsFlag] ?? memoized();
 }
 //#endregion
@@ -35194,7 +35194,7 @@ var colorProperties = new Set([
 	"borderBottomColor",
 	"borderLeftColor"
 ]);
-var supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+var supportsWaapi = /* @__PURE__ */ memo$1(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
 function supportsBrowserAnimation(options) {
 	const { motionValue, name, repeatDelay, repeatType, damping, type, keyframes } = options;
 	/**
@@ -42896,20 +42896,26 @@ var StrongRenderer = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("str
 	className: "text-text",
 	...props
 });
+var MemoizedCodeBlock = (0, import_react.memo)(({ className, children, isDarkMode, ...rest }) => {
+	const content = String(children ?? "").replace(/\n$/, "");
+	if (!!!className) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
+		className: "rounded-md border border-neutral/30 bg-card/60 box-decoration-clone px-1.5 py-0.5 font-mono text-sm",
+		children: content.replace(/&(?:amp;)?#(\d+);/g, (_, code) => String.fromCharCode(parseInt(code, 10)))
+	});
+	const language = className?.replace(/lang(?:uage)?-/, "") || "plaintext";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Code, {
+		...rest,
+		language,
+		showHeader: true,
+		isDarkMode,
+		children: content
+	});
+}, (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.className === nextProps.className && prevProps.isDarkMode === nextProps.isDarkMode);
 var createCodeRenderer = (isDarkMode) => {
-	return ({ className, children, ...rest }) => {
-		const content = String(children ?? "").replace(/\n$/, "");
-		if (!!!className) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
-			className: "rounded-md border border-neutral/30 bg-card/60 box-decoration-clone px-1.5 py-0.5 font-mono text-sm",
-			children: content
-		});
-		const language = className?.replace(/lang(?:uage)?-/, "") || "plaintext";
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Code, {
-			...rest,
-			language,
-			showHeader: true,
-			isDarkMode,
-			children: content
+	return function CodeWrapper(props) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MemoizedCodeBlock, {
+			...props,
+			isDarkMode
 		});
 	};
 };
@@ -42943,10 +42949,7 @@ var createLinkRenderer = (locale) => {
 	});
 };
 var PreRenderer = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
-var TableRenderer = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table, {
-	isRollable: true,
-	...props
-});
+var TableRenderer = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table, { ...props });
 var ThRenderer = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
 	className: cn$2("border-neutral border-b bg-neutral/10 p-4", className),
 	...props
@@ -43356,6 +43359,106 @@ var renameKey = (obj, oldKey, newKey) => {
 	return newObj;
 };
 //#endregion
+//#region ../@intlayer/design-system/dist/esm/components/ContentEditor/ContentEditorInput.mjs
+/**
+* ContentEditorInput Component
+*
+* An inline editing component for single-line text input with validation,
+* cancel/save functionality, and support for additional action buttons.
+*
+* ## Features
+* - **Inline Input Editing**: Edit single-line content with immediate feedback
+* - **Validation Support**: Optional content validation with visual feedback
+* - **Action Buttons**: Built-in save/cancel with support for additional buttons
+* - **Keyboard Shortcuts**: Enter to save, Escape to cancel
+* - **Accessibility**: Full ARIA support and keyboard navigation
+* - **State Management**: Handles editing states and validation
+*
+* ## Accessibility
+* - Proper ARIA labels and descriptions for all controls
+* - Keyboard navigation (Tab, Enter, Escape)
+* - Screen reader support for validation states
+* - Focus management and visual indicators
+*
+* @param children - Current input value
+* @param onContentChange - Callback when content is saved
+* @param disabled - Whether the editor is disabled
+* @param validate - Optional validation function
+* @param additionalButtons - Extra buttons to display
+* @param props - Additional Input component props
+*/
+var ContentEditorInput$1 = ({ children, onContentChange, disabled, validate, additionalButtons, ...props }) => {
+	const [newValue, setNewValue] = (0, import_react.useState)(children);
+	const [resetIncrementor, setResetIncrementor] = (0, import_react.useState)(0);
+	const isEdited = newValue !== children;
+	const handleCancel = () => {
+		setNewValue(children);
+		setResetIncrementor((prev) => prev + 1);
+	};
+	const handleValid = () => {
+		onContentChange(newValue);
+	};
+	const handleOnContentChange = (e) => {
+		setNewValue(e.currentTarget.value);
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" && !disabled && isValid) {
+			e.preventDefault();
+			handleValid();
+		} else if (e.key === "Escape") {
+			e.preventDefault();
+			handleCancel();
+		}
+	};
+	(0, import_react.useEffect)(() => {
+		setNewValue(children);
+		setResetIncrementor((prev) => prev + 1);
+	}, [children]);
+	const isValid = validate?.(newValue) ?? true;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex size-full flex-col items-center justify-between gap-2",
+		role: "group",
+		"aria-label": "Content editor input",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+			onChange: handleOnContentChange,
+			onKeyDown: handleKeyDown,
+			"aria-label": "Editable input value",
+			"aria-describedby": isEdited || additionalButtons ? "content-editor-input-actions" : void 0,
+			"aria-invalid": !isValid,
+			variant: InputVariant.INVISIBLE,
+			className: "size-full",
+			defaultValue: children,
+			disabled,
+			...props
+		}, resetIncrementor), (isEdited || additionalButtons) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			id: "content-editor-input-actions",
+			className: "flex w-full items-center justify-end gap-2",
+			role: "group",
+			"aria-label": "Edit actions",
+			children: [isEdited && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				Icon: Check,
+				label: `Save changes${!isValid ? " (invalid content)" : ""}`,
+				variant: ButtonVariant.HOVERABLE,
+				color: ButtonColor.TEXT,
+				size: ButtonSize.ICON_SM,
+				className: "cursor-pointer hover:scale-110",
+				disabled: disabled || !isValid,
+				onClick: handleValid,
+				"aria-describedby": !isValid ? "validation-error" : void 0
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				Icon: X$1,
+				label: "Cancel changes",
+				variant: ButtonVariant.HOVERABLE,
+				size: ButtonSize.ICON_SM,
+				color: ButtonColor.TEXT,
+				className: "cursor-pointer hover:scale-110",
+				onClick: handleCancel,
+				disabled
+			})] }), additionalButtons]
+		})]
+	}, String(children));
+};
+//#endregion
 //#region ../../node_modules/.bun/@tanstack+query-core@5.91.2/node_modules/@tanstack/query-core/build/modern/subscribable.js
 var Subscribable = class {
 	constructor() {
@@ -46540,8 +46643,8 @@ var getSearchAPI = (authAPIOptions = {}, intlayerConfig) => {
 };
 //#endregion
 //#region ../@intlayer/api/dist/esm/getIntlayerAPI/stripe.mjs
-var getStripeAPI = (authAPIOptions = {}, intlayerConfig) => {
-	const STRIPE_API_ROUTE = `${intlayerConfig.editor.backendURL}/api/stripe`;
+var getStripeAPI = (authAPIOptions = {}, intlayerConfig = configuration_default) => {
+	const STRIPE_API_ROUTE = `${intlayerConfig?.editor?.backendURL}/api/stripe`;
 	/**
 	* Get a pricing plan calculated for a given promotion code.
 	* @param body - Pricing plan body.
@@ -49164,106 +49267,6 @@ var useWriteDictionary = () => {
 	});
 };
 //#endregion
-//#region ../@intlayer/design-system/dist/esm/components/ContentEditor/ContentEditorInput.mjs
-/**
-* ContentEditorInput Component
-*
-* An inline editing component for single-line text input with validation,
-* cancel/save functionality, and support for additional action buttons.
-*
-* ## Features
-* - **Inline Input Editing**: Edit single-line content with immediate feedback
-* - **Validation Support**: Optional content validation with visual feedback
-* - **Action Buttons**: Built-in save/cancel with support for additional buttons
-* - **Keyboard Shortcuts**: Enter to save, Escape to cancel
-* - **Accessibility**: Full ARIA support and keyboard navigation
-* - **State Management**: Handles editing states and validation
-*
-* ## Accessibility
-* - Proper ARIA labels and descriptions for all controls
-* - Keyboard navigation (Tab, Enter, Escape)
-* - Screen reader support for validation states
-* - Focus management and visual indicators
-*
-* @param children - Current input value
-* @param onContentChange - Callback when content is saved
-* @param disabled - Whether the editor is disabled
-* @param validate - Optional validation function
-* @param additionalButtons - Extra buttons to display
-* @param props - Additional Input component props
-*/
-var ContentEditorInput$1 = ({ children, onContentChange, disabled, validate, additionalButtons, ...props }) => {
-	const [newValue, setNewValue] = (0, import_react.useState)(children);
-	const [resetIncrementor, setResetIncrementor] = (0, import_react.useState)(0);
-	const isEdited = newValue !== children;
-	const handleCancel = () => {
-		setNewValue(children);
-		setResetIncrementor((prev) => prev + 1);
-	};
-	const handleValid = () => {
-		onContentChange(newValue);
-	};
-	const handleOnContentChange = (e) => {
-		setNewValue(e.currentTarget.value);
-	};
-	const handleKeyDown = (e) => {
-		if (e.key === "Enter" && !disabled && isValid) {
-			e.preventDefault();
-			handleValid();
-		} else if (e.key === "Escape") {
-			e.preventDefault();
-			handleCancel();
-		}
-	};
-	(0, import_react.useEffect)(() => {
-		setNewValue(children);
-		setResetIncrementor((prev) => prev + 1);
-	}, [children]);
-	const isValid = validate?.(newValue) ?? true;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex size-full flex-col items-center justify-between gap-2",
-		role: "group",
-		"aria-label": "Content editor input",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
-			onChange: handleOnContentChange,
-			onKeyDown: handleKeyDown,
-			"aria-label": "Editable input value",
-			"aria-describedby": isEdited || additionalButtons ? "content-editor-input-actions" : void 0,
-			"aria-invalid": !isValid,
-			variant: InputVariant.INVISIBLE,
-			className: "size-full",
-			defaultValue: children,
-			disabled,
-			...props
-		}, resetIncrementor), (isEdited || additionalButtons) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			id: "content-editor-input-actions",
-			className: "flex w-full items-center justify-end gap-2",
-			role: "group",
-			"aria-label": "Edit actions",
-			children: [isEdited && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-				Icon: Check,
-				label: `Save changes${!isValid ? " (invalid content)" : ""}`,
-				variant: ButtonVariant.HOVERABLE,
-				color: ButtonColor.TEXT,
-				size: ButtonSize.ICON_SM,
-				className: "cursor-pointer hover:scale-110",
-				disabled: disabled || !isValid,
-				onClick: handleValid,
-				"aria-describedby": !isValid ? "validation-error" : void 0
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-				Icon: X$1,
-				label: "Cancel changes",
-				variant: ButtonVariant.HOVERABLE,
-				size: ButtonSize.ICON_SM,
-				color: ButtonColor.TEXT,
-				className: "cursor-pointer hover:scale-110",
-				onClick: handleCancel,
-				disabled
-			})] }), additionalButtons]
-		})]
-	}, String(children));
-};
-//#endregion
 //#region ../@intlayer/design-system/dist/esm/hooks/useUser/index.mjs
 var useUser = () => {
 	const { session, revalidateSession, setSession } = useAuth();

package/client/dist/assets/{markdown-BxFWgS_U.js → markdown-CKVmpT1j.js}

@@ -1,6 +1,6 @@
 import "./chunk-C0u3WHrm.js";
 import "./markdown-BRt2VivO.js";
-import { r as useMarkdownContext } from "./index-rstO1N02.js";
+import { r as useMarkdownContext } from "./index-3RB3SZoe.js";
 //#region ../react-intlayer/dist/esm/markdown/MarkdownRendererPlugin.mjs
 var MarkdownRendererPlugin = (props) => {
 	const { children, options, components } = props;

package/client/dist/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Intlayer Editor</title>
-    <script type="module" crossorigin src="/assets/index-rstO1N02.js"></script>
+    <script type="module" crossorigin src="/assets/index-3RB3SZoe.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/chunk-C0u3WHrm.js">
     <link rel="modulepreload" crossorigin href="/assets/preload-helper-B4JcPOPd.js">
     <link rel="modulepreload" crossorigin href="/assets/jsx-runtime-BkWmzJHO.js">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intlayer-editor",
-  "version": "8.4.6",
+  "version": "8.4.8",
   "private": false,
   "description": "Integrate the Intlayer visual editor into your Intlayer projects, enabling CMS-like content management with multilingual support.",
   "keywords": [
@@ -93,17 +93,17 @@
     "@fastify/formbody": "8.0.2",
     "@fastify/helmet": "13.0.2",
     "@fastify/static": "9.0.0",
-    "@intlayer/chokidar": "8.4.6",
-    "@intlayer/config": "8.4.6",
-    "@intlayer/unmerged-dictionaries-entry": "8.4.6",
+    "@intlayer/chokidar": "8.4.8",
+    "@intlayer/config": "8.4.8",
+    "@intlayer/unmerged-dictionaries-entry": "8.4.8",
     "fastify": "5.8.2",
-    "fastify-intlayer": "8.4.6",
+    "fastify-intlayer": "8.4.8",
     "mime": "4.1.0"
   },
   "devDependencies": {
-    "@intlayer/design-system": "8.4.6",
-    "@intlayer/editor-react": "8.4.6",
-    "@intlayer/types": "8.4.6",
+    "@intlayer/design-system": "8.4.8",
+    "@intlayer/editor-react": "8.4.8",
+    "@intlayer/types": "8.4.8",
     "@tailwindcss/vite": "4.2.2",
     "@tanstack/react-query": "5.91.3",
     "@types/node": "25.5.0",
@@ -117,18 +117,18 @@
     "framer-motion": "12.38.0",
     "fuse.js": "7.1.0",
     "globals": "17.4.0",
-    "intlayer": "8.4.6",
+    "intlayer": "8.4.8",
     "lucide-react": "0.577.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "react-intlayer": "8.4.6",
+    "react-intlayer": "8.4.8",
     "react-router-dom": "7.13.1",
     "tailwind-merge": "3.5.0",
     "tailwindcss": "4.2.2",
     "tsdown": "0.21.4",
     "typescript": "5.9.3",
     "vite": "8.0.1",
-    "vite-intlayer": "8.4.6",
+    "vite-intlayer": "8.4.8",
     "vitest": "4.1.0"
   },
   "engines": {