intlayer-editor 7.3.0 → 7.3.2-canary.0

package/client/dist/assets/{CodeBlockShiki-C8Ml9WUx.js → CodeBlockShiki-CVgh8Zn9.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vue-M1-XqLgv.js","assets/css-BtVcDqlU.js","assets/javascript-DLs729Nk.js","assets/typescript-Cju7JbYj.js","assets/json-D07AUpjp.js","assets/html-derivative-Cswrtqyq.js","assets/html-BOjX3v2Q.js","assets/bundle-web-XpyHnbkn.js","assets/index-DfNZ8e5l.js","assets/index-UvWk4YN-.css"])))=>i.map(i=>d[i]);
-import { r as reactExports, j as jsxRuntimeExports, C as CodeDefault, _ as __vitePreload } from "./index-DfNZ8e5l.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vue-M1-XqLgv.js","assets/css-BtVcDqlU.js","assets/javascript-DLs729Nk.js","assets/typescript-Cju7JbYj.js","assets/json-D07AUpjp.js","assets/html-derivative-Cswrtqyq.js","assets/html-BOjX3v2Q.js","assets/bundle-web-CwhZ9yJS.js","assets/index-D-1HlMJm.js","assets/index-UvWk4YN-.css"])))=>i.map(i=>d[i]);
+import { r as reactExports, j as jsxRuntimeExports, C as CodeDefault, _ as __vitePreload } from "./index-D-1HlMJm.js";
 const languageCache = /* @__PURE__ */ new Map();
 const themeCache = /* @__PURE__ */ new Map();
 const loadLanguage = async (lang) => {
@@ -60,7 +60,7 @@ const loadTheme = async (themeName) => {
 const highlightCode = async (code, lang, isDarkMode) => {
   const themeName = isDarkMode ? "github-dark" : "github-light";
   const [{ codeToHtml }, languageModule, themeModule] = await Promise.all([
-    __vitePreload(() => import("./bundle-web-XpyHnbkn.js"), true ? __vite__mapDeps([7,8,9]) : void 0),
+    __vitePreload(() => import("./bundle-web-CwhZ9yJS.js"), true ? __vite__mapDeps([7,8,9]) : void 0),
     loadLanguage(lang),
     loadTheme(themeName)
   ]);

package/client/dist/assets/{bundle-web-XpyHnbkn.js → bundle-web-CwhZ9yJS.js}

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/angular-html-ChYFFmg7.js","assets/html-BOjX3v2Q.js","assets/javascript-DLs729Nk.js","assets/css-BtVcDqlU.js","assets/angular-ts-CpuGw9DZ.js","assets/scss-Dq-LbI_c.js","assets/astro-B0lt4qz0.js","assets/json-D07AUpjp.js","assets/typescript-Cju7JbYj.js","assets/postcss-kj1IbjVd.js","assets/tsx-B9RA6cgQ.js","assets/blade-DtOFwYfC.js","assets/html-derivative-Cswrtqyq.js","assets/xml-BMzZeaqs.js","assets/java-BfXh-0uJ.js","assets/sql-DzUuSofg.js","assets/coffee-DJkIX6_2.js","assets/cpp-zh2ePAE_.js","assets/regexp-BxWeO75u.js","assets/glsl-CGsiYPcu.js","assets/c-C4VtT7JA.js","assets/graphql-oNSp8dGZ.js","assets/jsx-BPmvoin2.js","assets/haml-BJ44RGT2.js","assets/handlebars-DTnHNTeU.js","assets/yaml-B_vW5iTY.js","assets/http-B1QlEqj7.js","assets/bash-Bz2gZrDc.js","assets/hurl-Br_hZn4E.js","assets/csv-Ba84L8e5.js","assets/jinja-BAZ4h1JD.js","assets/jison-Bwp1bXaL.js","assets/julia-D0f5tMoo.js","assets/python-CrdIx4PZ.js","assets/r-oprfD2-9.js","assets/marko-rwefYVra.js","assets/less-BAzLMJNR.js","assets/mdc-ucHOH9Vl.js","assets/markdown-F_EULe_G.js","assets/php-CI-6KGJr.js","assets/pug-C-LeC0-n.js","assets/svelte-CYSO_rLN.js","assets/ts-tags-DCkNjov3.js","assets/vue-M1-XqLgv.js","assets/vue-html-BzXE5pTE.js","assets/vue-vine-BT_ihGGO.js","assets/stylus-DXFa_2Jl.js"])))=>i.map(i=>d[i]);
-import { _ as __vitePreload } from "./index-DfNZ8e5l.js";
+import { _ as __vitePreload } from "./index-D-1HlMJm.js";
 let ShikiError$2 = class ShikiError extends Error {
   constructor(message) {
     super(message);

package/client/dist/assets/{index-DfNZ8e5l.js → index-D-1HlMJm.js}

@@ -12527,6 +12527,25 @@ function requireCompilerRuntime() {
   return compilerRuntime.exports;
 }
 var compilerRuntimeExports = /* @__PURE__ */ requireCompilerRuntime();
+const logger = (content2, details) => {
+  const isVerbose = details?.isVerbose ?? false;
+  const mode = details?.config?.mode ?? "default";
+  const level = details?.level ?? "info";
+  const prefix = details?.config?.prefix ? details?.config?.prefix : void 0;
+  const log = details?.config?.log ?? console.log;
+  const info = details?.config?.info ?? console.info;
+  const warn = details?.config?.warn ?? console.warn;
+  const error = details?.config?.error ?? console.error;
+  const debug = details?.config?.debug ?? console.debug;
+  if (mode === "disabled") return;
+  if (isVerbose && mode !== "verbose") return;
+  const flatContent = prefix ? [prefix, ...[content2].flat()] : [content2].flat();
+  if (level === "debug") return debug(...flatContent);
+  if (level === "info") return info(...flatContent);
+  if (level === "warn") return warn(...flatContent);
+  if (level === "error") return error(...flatContent);
+  log(...flatContent);
+};
 let ANSIColors = /* @__PURE__ */ function(ANSIColors$1) {
   ANSIColors$1["RESET"] = "\x1B[0m";
   ANSIColors$1["GREY"] = "\x1B[90m";
@@ -12544,6 +12563,14 @@ let ANSIColors = /* @__PURE__ */ function(ANSIColors$1) {
   ANSIColors$1["BOLD"] = "\x1B[1m";
   return ANSIColors$1;
 }({});
+const getAppLogger = (configuration2, globalDetails) => (content2, details) => logger(content2, {
+  ...details ?? {},
+  config: {
+    ...configuration2?.log,
+    ...globalDetails?.config,
+    ...details?.config ?? {}
+  }
+});
 var __defProp$2 = Object.defineProperty;
 var __export$1 = (all, symbols) => {
   let target = {};
@@ -13729,12 +13756,40 @@ const getNesting = (dictionaryKey, path, props) => {
   }
   return dictionary;
 };
-const getTranslation = (languageContent, locale, fallback) => {
-  let result = languageContent[locale];
-  if (fallback && !result) result = languageContent[fallback];
+const deepMergeWithFallback = (target, fallback) => {
+  if (target === void 0) return fallback;
+  if (fallback === void 0 || target === null || typeof target !== "object") return target;
+  if (Array.isArray(target)) {
+    if (!Array.isArray(fallback)) return target;
+    return target.map((item, index2) => deepMergeWithFallback(item, fallback[index2]));
+  }
+  if (typeof fallback !== "object" || fallback === null) return target;
+  const result = { ...target };
+  const fallbackObj = fallback;
+  const allKeys = /* @__PURE__ */ new Set([...Object.keys(result), ...Object.keys(fallbackObj)]);
+  for (const key2 of allKeys) result[key2] = deepMergeWithFallback(result[key2], fallbackObj[key2]);
+  return result;
+};
+const resolveLocaleContent = (languageContent, locale) => {
+  const exactResult = languageContent[locale];
+  if (exactResult !== void 0) return exactResult;
+  const [languageSubtag] = locale.split("-");
+  if (languageSubtag !== locale) {
+    const subtagResult = languageContent[languageSubtag];
+    if (subtagResult !== void 0) return subtagResult;
+  }
+};
+const getTranslation = (languageContent, locale, fallback, onContentNotFound) => {
+  const result = resolveLocaleContent(languageContent, locale);
+  const fallbackResult = fallback ? resolveLocaleContent(languageContent, fallback) : void 0;
+  if (result === void 0) {
+    if (fallback) onContentNotFound?.(locale, fallback);
+    return fallbackResult;
+  }
+  if (fallbackResult !== void 0) return deepMergeWithFallback(result, fallbackResult);
   return result;
 };
-const translationPlugin = (locale, fallback) => ({
+const translationPlugin = (locale, fallback, onContentNotFound) => ({
   id: "translation-plugin",
   canHandle: (node) => typeof node === "object" && node?.nodeType === NodeType.Translation,
   transform: (node, props, deepTransformNode2) => {
@@ -13750,7 +13805,9 @@ const translationPlugin = (locale, fallback) => ({
       };
       result[key2] = deepTransformNode2(result[key2], childProps);
     }
-    return getTranslation(result, locale, fallback);
+    return getTranslation(result, locale, fallback, (locale$1, fallback$1) => {
+      onContentNotFound?.(locale$1, fallback$1, props.keyPath);
+    });
   }
 });
 const enumerationPlugin = {
@@ -13840,16 +13897,26 @@ const filePlugin = {
 const internationalization = { "locales": ["en", "en-GB", "fr", "es", "de", "ja", "ko", "zh", "it", "pt", "hi", "ar", "ru"], "defaultLocale": "en" };
 const routing = { "mode": "prefix-no-default", "storage": ["cookie", "header"] };
 const editor$1 = { "applicationURL": "", "editorURL": "http://localhost:8000", "cmsURL": "https://intlayer.org", "backendURL": "https://back.intlayer.org", "port": 8e3, "enabled": true, "dictionaryPriorityStrategy": "local_first", "liveSync": true, "liveSyncPort": 4e3, "liveSyncURL": "http://localhost:4000" };
+const build = { "importMode": "static" };
 const configuration = {
   internationalization,
   routing,
-  editor: editor$1
+  editor: editor$1,
+  build
 };
 const getContent = (node, nodeProps, locale) => {
   const defaultLocale = configuration?.internationalization?.defaultLocale;
+  const importMode = configuration?.build?.importMode;
   const plugins = [
     insertionPlugin,
-    translationPlugin(locale ?? defaultLocale, defaultLocale),
+    translationPlugin(locale ?? defaultLocale, defaultLocale, (locale$1, fallback, keyPath) => {
+      const logger2 = getAppLogger();
+      if (importMode === "dynamic") logger2([
+        `The locale ${locale$1} is not found, using fallback ${fallback}. Key path: ${keyPath.join(".")}.`,
+        `In dynamic mode, intlayer will not load the fallback content in production, it will throw an error, or lead to undefined content.`,
+        "You can detect missing content using the `npx intlayer test` command"
+      ], { level: "error" });
+    }),
     enumerationPlugin,
     conditionPlugin,
     nestedPlugin,
@@ -46528,7 +46595,7 @@ const FormLabelLayout = ({ children, isRequired, info, htmlFor, className }) =>
   }), info && /* @__PURE__ */ jsxRuntimeExports.jsx(InformationTag, { content: info })]
 });
 const FormItemLayout = ({ label, description, isRequired, info, children, showErrorMessage = true, htmlFor }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Form.Item, {
-  className: "flex w-full flex-col gap-2 px-1 py-2",
+  className: "flex w-full flex-col flex-wrap gap-2 px-1 py-2",
   children: [
     (description || label) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: "flex flex-col gap-1 p-1 leading-none",
@@ -49617,7 +49684,7 @@ const CodeDefault = ({ children }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div
     }, `line-${index2}-${line.slice(0, 10)}`)) })
   })
 });
-const CodeBlockShiki = reactExports.lazy(() => __vitePreload(() => import("./CodeBlockShiki-C8Ml9WUx.js"), true ? [] : void 0).then((mod) => ({ default: mod.CodeBlockShiki })));
+const CodeBlockShiki = reactExports.lazy(() => __vitePreload(() => import("./CodeBlockShiki-CVgh8Zn9.js"), true ? [] : void 0).then((mod) => ({ default: mod.CodeBlockShiki })));
 const CodeBlock = ({ className, onChange, isEditable, children, lang, isDarkMode, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
   className: cn$2("flex w-full min-w-0 max-w-full overflow-x-auto", className),
   ...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-DfNZ8e5l.js"></script>
+    <script type="module" crossorigin src="/assets/index-D-1HlMJm.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-UvWk4YN-.css">
   </head>
   <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intlayer-editor",
-  "version": "7.3.0",
+  "version": "7.3.2-canary.0",
   "private": false,
   "description": "Integrate the Intlayer visual editor into your Intlayer projects, enabling CMS-like content management with multilingual support.",
   "keywords": [
@@ -85,32 +85,32 @@
     "typecheck": "tsc --project ./server/tsconfig.types.json --noEmit"
   },
   "dependencies": {
-    "@intlayer/api": "7.3.0",
-    "@intlayer/chokidar": "7.3.0",
-    "@intlayer/config": "7.3.0",
-    "@intlayer/core": "7.3.0",
-    "@intlayer/design-system": "7.3.0",
-    "@intlayer/editor-react": "7.3.0",
-    "@intlayer/types": "7.3.0",
-    "@intlayer/unmerged-dictionaries-entry": "7.3.0",
+    "@intlayer/api": "7.3.2-canary.0",
+    "@intlayer/chokidar": "7.3.2-canary.0",
+    "@intlayer/config": "7.3.2-canary.0",
+    "@intlayer/core": "7.3.2-canary.0",
+    "@intlayer/design-system": "7.3.2-canary.0",
+    "@intlayer/editor-react": "7.3.2-canary.0",
+    "@intlayer/types": "7.3.2-canary.0",
+    "@intlayer/unmerged-dictionaries-entry": "7.3.2-canary.0",
     "@tanstack/react-query": "5.90.10",
     "compression": "1.8.1",
     "cookie-parser": "1.4.7",
     "cors": "2.8.5",
     "express": "5.1.0",
-    "express-intlayer": "7.3.0",
+    "express-intlayer": "7.3.2-canary.0",
     "framer-motion": "12.23.24",
     "fuse.js": "7.1.0",
     "helmet": "8.1.0",
-    "intlayer": "7.3.0",
+    "intlayer": "7.3.2-canary.0",
     "lucide-react": "0.554.0",
     "mime": "4.1.0",
     "react": "19.2.0",
     "react-dom": "19.2.0",
-    "react-intlayer": "7.3.0",
+    "react-intlayer": "7.3.2-canary.0",
     "react-router-dom": "7.9.5",
     "rimraf": "6.1.2",
-    "vite-intlayer": "7.3.0"
+    "vite-intlayer": "7.3.2-canary.0"
   },
   "devDependencies": {
     "@tailwindcss/vite": "4.1.16",
@@ -135,13 +135,13 @@
   "peerDependencies": {
     "clsx": "2.1.1",
     "framer-motion": "12.23.24",
-    "intlayer": "7.3.0",
+    "intlayer": "7.3.2-canary.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
-    "react-intlayer": "7.3.0",
+    "react-intlayer": "7.3.2-canary.0",
     "react-router-dom": ">=6.0.0",
     "tailwind-merge": "3.4.0",
-    "vite-intlayer": "7.3.0"
+    "vite-intlayer": "7.3.2-canary.0"
   },
   "engines": {
     "node": ">=14.18"