vanilla-intlayer 9.6.0 → 9.7.0

package/dist/cjs/client/installIntlayer.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_editor_useEditor = require('../editor/useEditor.cjs');
 const require_client_useLocaleStorage = require('./useLocaleStorage.cjs');
+const require_editor_useEditor = require('../editor/useEditor.cjs');
 let _intlayer_config_built = require("@intlayer/config/built");
 let _intlayer_config_client = require("@intlayer/config/client");
 

package/dist/cjs/editor/useEditor.cjs

@@ -1,4 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_client_useLocaleStorage = require('../client/useLocaleStorage.cjs');
 const require_client_installIntlayer = require('../client/installIntlayer.cjs');
 let _intlayer_editor_isEnabled = require("@intlayer/editor/isEnabled");
 
@@ -24,6 +25,7 @@ let _intlayer_editor_isEnabled = require("@intlayer/editor/isEnabled");
 const useEditor = () => {
 	if (process.env.INTLAYER_EDITOR_ENABLED === "false" || !_intlayer_editor_isEnabled.isEnabled) return () => {};
 	let unsubscribeLocale = null;
+	let unsubscribeLocaleRequest = null;
 	let stopped = false;
 	import("@intlayer/editor").then(({ initEditorClient }) => {
 		if (stopped) return;
@@ -33,10 +35,15 @@ const useEditor = () => {
 		unsubscribeLocale = client.subscribe((newLocale) => {
 			manager.currentLocale.set(newLocale);
 		});
+		unsubscribeLocaleRequest = manager.onLocaleChangeRequested((requestedLocale) => {
+			client.setLocale(requestedLocale);
+			require_client_useLocaleStorage.setLocaleInStorage(requestedLocale, client.isCookieEnabled);
+		});
 	}).catch(() => {});
 	return () => {
 		stopped = true;
 		unsubscribeLocale?.();
+		unsubscribeLocaleRequest?.();
 		import("@intlayer/editor").then(({ stopEditorClient }) => {
 			stopEditorClient();
 		}).catch(() => {});

package/dist/cjs/editor/useEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEditor.cjs","names":["isEnabled","getIntlayerClient"],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { getIntlayerClient } from '../client/installIntlayer';\n\n/**\n * Initialises the Intlayer visual editor client.\n *\n * Does nothing when `INTLAYER_EDITOR_ENABLED` is `\"false\"` or the editor\n * package reports that it is disabled.\n *\n * Call this once at application startup.\n *\n * @returns A cleanup function that stops the editor.\n *\n * @example\n * ```ts\n * import { installIntlayer, useEditor } from 'vanilla-intlayer';\n *\n * installIntlayer('en');\n * const stopEditor = useEditor();\n * ```\n */\n\nexport const useEditor = (): (() => void) => {\n  if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled)\n    return () => {};\n\n  let unsubscribeLocale: (() => void) | null = null;\n  let stopped = false;\n\n  import('@intlayer/editor')\n    .then(({ initEditorClient }) => {\n      if (stopped) return;\n      const manager: EditorStateManager = initEditorClient();\n      const client = getIntlayerClient();\n\n      manager.currentLocale.set(client.locale as Locale);\n\n      unsubscribeLocale = client.subscribe((newLocale) => {\n        manager.currentLocale.set(newLocale as Locale);\n      });\n    })\n    .catch(() => {});\n\n  return () => {\n    stopped = true;\n    unsubscribeLocale?.();\n    import('@intlayer/editor')\n      .then(({ stopEditorClient }) => {\n        stopEditorClient();\n      })\n      .catch(() => {});\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,kBAAgC;CAC3C,IAAI,QAAQ,IAAI,4BAA4B,WAAW,CAACA,sCACtD,aAAa,CAAC;CAEhB,IAAI,oBAAyC;CAC7C,IAAI,UAAU;CAEd,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;EAC9B,IAAI,SAAS;EACb,MAAM,UAA8B,iBAAiB;EACrD,MAAM,SAASC,iDAAkB;EAEjC,QAAQ,cAAc,IAAI,OAAO,MAAgB;EAEjD,oBAAoB,OAAO,WAAW,cAAc;GAClD,QAAQ,cAAc,IAAI,SAAmB;EAC/C,CAAC;CACH,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;CAEjB,aAAa;EACX,UAAU;EACV,oBAAoB;EACpB,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;GAC9B,iBAAiB;EACnB,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;CACnB;AACF"}
+{"version":3,"file":"useEditor.cjs","names":["isEnabled","getIntlayerClient"],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { getIntlayerClient } from '../client/installIntlayer';\nimport { setLocaleInStorage } from '../client/useLocaleStorage';\n\n/**\n * Initialises the Intlayer visual editor client.\n *\n * Does nothing when `INTLAYER_EDITOR_ENABLED` is `\"false\"` or the editor\n * package reports that it is disabled.\n *\n * Call this once at application startup.\n *\n * @returns A cleanup function that stops the editor.\n *\n * @example\n * ```ts\n * import { installIntlayer, useEditor } from 'vanilla-intlayer';\n *\n * installIntlayer('en');\n * const stopEditor = useEditor();\n * ```\n */\n\nexport const useEditor = (): (() => void) => {\n  if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled)\n    return () => {};\n\n  let unsubscribeLocale: (() => void) | null = null;\n  let unsubscribeLocaleRequest: (() => void) | null = null;\n  let stopped = false;\n\n  import('@intlayer/editor')\n    .then(({ initEditorClient }) => {\n      if (stopped) return;\n      const manager: EditorStateManager = initEditorClient();\n      const client = getIntlayerClient();\n\n      manager.currentLocale.set(client.locale as Locale);\n\n      unsubscribeLocale = client.subscribe((newLocale) => {\n        manager.currentLocale.set(newLocale as Locale);\n      });\n\n      unsubscribeLocaleRequest = manager.onLocaleChangeRequested(\n        (requestedLocale) => {\n          client.setLocale(requestedLocale);\n          setLocaleInStorage(requestedLocale, client.isCookieEnabled);\n        }\n      );\n    })\n    .catch(() => {});\n\n  return () => {\n    stopped = true;\n    unsubscribeLocale?.();\n    unsubscribeLocaleRequest?.();\n    import('@intlayer/editor')\n      .then(({ stopEditorClient }) => {\n        stopEditorClient();\n      })\n      .catch(() => {});\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,kBAAgC;CAC3C,IAAI,QAAQ,IAAI,4BAA4B,WAAW,CAACA,sCACtD,aAAa,CAAC;CAEhB,IAAI,oBAAyC;CAC7C,IAAI,2BAAgD;CACpD,IAAI,UAAU;CAEd,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;EAC9B,IAAI,SAAS;EACb,MAAM,UAA8B,iBAAiB;EACrD,MAAM,SAASC,iDAAkB;EAEjC,QAAQ,cAAc,IAAI,OAAO,MAAgB;EAEjD,oBAAoB,OAAO,WAAW,cAAc;GAClD,QAAQ,cAAc,IAAI,SAAmB;EAC/C,CAAC;EAED,2BAA2B,QAAQ,yBAChC,oBAAoB;GACnB,OAAO,UAAU,eAAe;GAChC,mDAAmB,iBAAiB,OAAO,eAAe;EAC5D,CACF;CACF,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;CAEjB,aAAa;EACX,UAAU;EACV,oBAAoB;EACpB,2BAA2B;EAC3B,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;GAC9B,iBAAiB;EACnB,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;CACnB;AACF"}

package/dist/cjs/index.cjs

@@ -2,8 +2,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_plugins = require('./plugins.cjs');
 const require_getDictionary = require('./getDictionary.cjs');
 const require_getIntlayer = require('./getIntlayer.cjs');
-const require_editor_useEditor = require('./editor/useEditor.cjs');
 const require_client_useLocaleStorage = require('./client/useLocaleStorage.cjs');
+const require_editor_useEditor = require('./editor/useEditor.cjs');
 const require_client_installIntlayer = require('./client/installIntlayer.cjs');
 const require_client_useDictionary = require('./client/useDictionary.cjs');
 const require_client_useDictionaryDynamic = require('./client/useDictionaryDynamic.cjs');

package/dist/esm/client/installIntlayer.mjs

@@ -1,5 +1,5 @@
-import { useEditor } from "../editor/useEditor.mjs";
 import { getLocaleInStorage } from "./useLocaleStorage.mjs";
+import { useEditor } from "../editor/useEditor.mjs";
 import { internationalization } from "@intlayer/config/built";
 import { setIntlayerIdentifier } from "@intlayer/config/client";
 

package/dist/esm/editor/useEditor.mjs

@@ -1,3 +1,4 @@
+import { setLocaleInStorage } from "../client/useLocaleStorage.mjs";
 import { getIntlayerClient } from "../client/installIntlayer.mjs";
 import { isEnabled } from "@intlayer/editor/isEnabled";
 
@@ -23,6 +24,7 @@ import { isEnabled } from "@intlayer/editor/isEnabled";
 const useEditor = () => {
 	if (process.env.INTLAYER_EDITOR_ENABLED === "false" || !isEnabled) return () => {};
 	let unsubscribeLocale = null;
+	let unsubscribeLocaleRequest = null;
 	let stopped = false;
 	import("@intlayer/editor").then(({ initEditorClient }) => {
 		if (stopped) return;
@@ -32,10 +34,15 @@ const useEditor = () => {
 		unsubscribeLocale = client.subscribe((newLocale) => {
 			manager.currentLocale.set(newLocale);
 		});
+		unsubscribeLocaleRequest = manager.onLocaleChangeRequested((requestedLocale) => {
+			client.setLocale(requestedLocale);
+			setLocaleInStorage(requestedLocale, client.isCookieEnabled);
+		});
 	}).catch(() => {});
 	return () => {
 		stopped = true;
 		unsubscribeLocale?.();
+		unsubscribeLocaleRequest?.();
 		import("@intlayer/editor").then(({ stopEditorClient }) => {
 			stopEditorClient();
 		}).catch(() => {});

package/dist/esm/editor/useEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { getIntlayerClient } from '../client/installIntlayer';\n\n/**\n * Initialises the Intlayer visual editor client.\n *\n * Does nothing when `INTLAYER_EDITOR_ENABLED` is `\"false\"` or the editor\n * package reports that it is disabled.\n *\n * Call this once at application startup.\n *\n * @returns A cleanup function that stops the editor.\n *\n * @example\n * ```ts\n * import { installIntlayer, useEditor } from 'vanilla-intlayer';\n *\n * installIntlayer('en');\n * const stopEditor = useEditor();\n * ```\n */\n\nexport const useEditor = (): (() => void) => {\n  if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled)\n    return () => {};\n\n  let unsubscribeLocale: (() => void) | null = null;\n  let stopped = false;\n\n  import('@intlayer/editor')\n    .then(({ initEditorClient }) => {\n      if (stopped) return;\n      const manager: EditorStateManager = initEditorClient();\n      const client = getIntlayerClient();\n\n      manager.currentLocale.set(client.locale as Locale);\n\n      unsubscribeLocale = client.subscribe((newLocale) => {\n        manager.currentLocale.set(newLocale as Locale);\n      });\n    })\n    .catch(() => {});\n\n  return () => {\n    stopped = true;\n    unsubscribeLocale?.();\n    import('@intlayer/editor')\n      .then(({ stopEditorClient }) => {\n        stopEditorClient();\n      })\n      .catch(() => {});\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,kBAAgC;CAC3C,IAAI,QAAQ,IAAI,4BAA4B,WAAW,CAAC,WACtD,aAAa,CAAC;CAEhB,IAAI,oBAAyC;CAC7C,IAAI,UAAU;CAEd,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;EAC9B,IAAI,SAAS;EACb,MAAM,UAA8B,iBAAiB;EACrD,MAAM,SAAS,kBAAkB;EAEjC,QAAQ,cAAc,IAAI,OAAO,MAAgB;EAEjD,oBAAoB,OAAO,WAAW,cAAc;GAClD,QAAQ,cAAc,IAAI,SAAmB;EAC/C,CAAC;CACH,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;CAEjB,aAAa;EACX,UAAU;EACV,oBAAoB;EACpB,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;GAC9B,iBAAiB;EACnB,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;CACnB;AACF"}
+{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { getIntlayerClient } from '../client/installIntlayer';\nimport { setLocaleInStorage } from '../client/useLocaleStorage';\n\n/**\n * Initialises the Intlayer visual editor client.\n *\n * Does nothing when `INTLAYER_EDITOR_ENABLED` is `\"false\"` or the editor\n * package reports that it is disabled.\n *\n * Call this once at application startup.\n *\n * @returns A cleanup function that stops the editor.\n *\n * @example\n * ```ts\n * import { installIntlayer, useEditor } from 'vanilla-intlayer';\n *\n * installIntlayer('en');\n * const stopEditor = useEditor();\n * ```\n */\n\nexport const useEditor = (): (() => void) => {\n  if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled)\n    return () => {};\n\n  let unsubscribeLocale: (() => void) | null = null;\n  let unsubscribeLocaleRequest: (() => void) | null = null;\n  let stopped = false;\n\n  import('@intlayer/editor')\n    .then(({ initEditorClient }) => {\n      if (stopped) return;\n      const manager: EditorStateManager = initEditorClient();\n      const client = getIntlayerClient();\n\n      manager.currentLocale.set(client.locale as Locale);\n\n      unsubscribeLocale = client.subscribe((newLocale) => {\n        manager.currentLocale.set(newLocale as Locale);\n      });\n\n      unsubscribeLocaleRequest = manager.onLocaleChangeRequested(\n        (requestedLocale) => {\n          client.setLocale(requestedLocale);\n          setLocaleInStorage(requestedLocale, client.isCookieEnabled);\n        }\n      );\n    })\n    .catch(() => {});\n\n  return () => {\n    stopped = true;\n    unsubscribeLocale?.();\n    unsubscribeLocaleRequest?.();\n    import('@intlayer/editor')\n      .then(({ stopEditorClient }) => {\n        stopEditorClient();\n      })\n      .catch(() => {});\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,kBAAgC;CAC3C,IAAI,QAAQ,IAAI,4BAA4B,WAAW,CAAC,WACtD,aAAa,CAAC;CAEhB,IAAI,oBAAyC;CAC7C,IAAI,2BAAgD;CACpD,IAAI,UAAU;CAEd,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;EAC9B,IAAI,SAAS;EACb,MAAM,UAA8B,iBAAiB;EACrD,MAAM,SAAS,kBAAkB;EAEjC,QAAQ,cAAc,IAAI,OAAO,MAAgB;EAEjD,oBAAoB,OAAO,WAAW,cAAc;GAClD,QAAQ,cAAc,IAAI,SAAmB;EAC/C,CAAC;EAED,2BAA2B,QAAQ,yBAChC,oBAAoB;GACnB,OAAO,UAAU,eAAe;GAChC,mBAAmB,iBAAiB,OAAO,eAAe;EAC5D,CACF;CACF,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;CAEjB,aAAa;EACX,UAAU;EACV,oBAAoB;EACpB,2BAA2B;EAC3B,OAAO,mBAAmB,CACvB,MAAM,EAAE,uBAAuB;GAC9B,iBAAiB;EACnB,CAAC,CAAC,CACD,YAAY,CAAC,CAAC;CACnB;AACF"}

package/dist/esm/index.mjs

@@ -1,8 +1,8 @@
 import { getPlugins, htmlPlugin, insertionPlugin, intlayerNodePlugins, markdownPlugin, markdownStringPlugin } from "./plugins.mjs";
 import { getDictionary } from "./getDictionary.mjs";
 import { getIntlayer } from "./getIntlayer.mjs";
-import { useEditor } from "./editor/useEditor.mjs";
 import { getLocaleInStorage, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage } from "./client/useLocaleStorage.mjs";
+import { useEditor } from "./editor/useEditor.mjs";
 import { IntlayerClient, createIntlayerClient, getIntlayerClient, installIntlayer } from "./client/installIntlayer.mjs";
 import { useDictionary } from "./client/useDictionary.mjs";
 import { useDictionaryDynamic } from "./client/useDictionaryDynamic.mjs";

package/dist/types/editor/useEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEditor.d.ts","names":[],"sources":["../../../src/editor/useEditor.ts"],"mappings":";;;;;;;;;;;;;;;;;;;qBAwBa"}
+{"version":3,"file":"useEditor.d.ts","names":[],"sources":["../../../src/editor/useEditor.ts"],"mappings":";;;;;;;;;;;;;;;;;;;qBAyBa"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-intlayer",
-  "version": "9.6.0",
+  "version": "9.7.0",
   "private": false,
   "description": "Easily internationalize i18n your Vanilla JS, HTML, and PHP applications with type-safe multilingual content management.",
   "keywords": [
@@ -102,14 +102,14 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "9.6.0",
-    "@intlayer/config": "9.6.0",
-    "@intlayer/core": "9.6.0",
-    "@intlayer/editor": "9.6.0",
-    "@intlayer/types": "9.6.0"
+    "@intlayer/api": "9.7.0",
+    "@intlayer/config": "9.7.0",
+    "@intlayer/core": "9.7.0",
+    "@intlayer/editor": "9.7.0",
+    "@intlayer/types": "9.7.0"
   },
   "devDependencies": {
-    "@types/node": "^22",
+    "@types/node": "^26",
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",
     "@utils/tsdown-config": "1.0.4",
@@ -119,7 +119,7 @@
     "vitest": "5.0.3"
   },
   "peerDependencies": {
-    "intlayer": "9.6.0"
+    "intlayer": "9.7.0"
   },
   "peerDependenciesMeta": {
     "intlayer": {