@intlayer/next-i18next 9.5.2 → 9.5.4-canary.0

package/README.md

@@ -1,6 +1,6 @@
 <p align="center">
   <a href="https://intlayer.org" rel="">
-    <img src="https://raw.githubusercontent.com/aymericzip/intlayer/main/docs/assets/cover.png" width="60%" alt="Intlayer Logo" />
+    <img src="https://raw.githubusercontent.com/aymericzip/intlayer/main/docs/assets/cover.webp" width="60%" alt="Intlayer Logo" />
   </a>
 </p>
 
@@ -49,10 +49,10 @@ With **per-locale content files**, **TypeScript autocompletion**, **tree-shakabl
 
 | Feature                                                                                                                                             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
 | --------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/frameworks.png?raw=true" alt="Feature" width="700">                          | **Cross-Frameworks Support**<br><br>Intlayer is compatible with all major frameworks and libraries, including Next.js, React, Vite, Vue.js, Nuxt, Preact, Express, and more.                                                                                                                                                                                                                                                                                                                                                                          |
+| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/frameworks.webp?raw=true" alt="Feature" width="700">                         | **Cross-Frameworks Support**<br><br>Intlayer is compatible with all major frameworks and libraries, including Next.js, React, Vite, Vue.js, Nuxt, Preact, Express, and more.                                                                                                                                                                                                                                                                                                                                                                          |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/javascript_content_management.jpg?raw=true" alt="Feature" width="700">       | **JavaScript-Powered Content Management**<br><br>Harness the flexibility of JavaScript to define and manage your content efficiently. <br><br> - [Content declaration](https://intlayer.org/doc/concept/content)                                                                                                                                                                                                                                                                                                                                      |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/per_locale_content_declaration_file.png?raw=true" alt="Feature" width="700"> | **Per-Locale Content Declaration File**<br><br>Speed up your development by declaring your content once, before auto generation.<br><br> - [Per-Locale Content Declaration File](https://intlayer.org/doc/concept/per-locale-file)                                                                                                                                                                                                                                                                                                                    |
-| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/compiler.jpg?raw=true" alt="Feature" width="700">                            | **Compiler**<br><br>The Intlayer Compiler extract automatically the content from the components and generate the dictionary files.<br><br> - [Compiler](https://intlayer.org/doc/compiler)                                                                                                                                                                                                                                                                                                                                                            |
+| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/compiler.webp?raw=true" alt="Feature" width="700">                           | **Compiler**<br><br>The Intlayer Compiler extract automatically the content from the components and generate the dictionary files.<br><br> - [Compiler](https://intlayer.org/doc/compiler)                                                                                                                                                                                                                                                                                                                                                            |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true" alt="Feature" width="700">                      | **Type-Safe Environment**<br><br>Leverage TypeScript to ensure your content definitions and code are error-free, while also benefiting from IDE autocompletion.<br><br> - [TypeScript configuration](https://intlayer.org/doc/environment/vite-and-react#configure-typescript)                                                                                                                                                                                                                                                                        |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/config_file.png?raw=true" alt="Feature" width="700">                         | **Simplified Setup**<br><br>Get up and running quickly with minimal configuration. Adjust settings for internationalization, routing, AI, build, and content handling with ease. <br><br> - [Explore Next.js integration](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                                                                                                                                                |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/content_retrieval.png?raw=true" alt="Feature" width="700">                   | **Simplified Content Retrieval**<br><br>No need to call your `t` function for each piece of content. Retrieve all your content directly using a single hook.<br><br> - [React integration](https://intlayer.org/doc/environment/create-react-app)                                                                                                                                                                                                                                                                                                     |
@@ -60,12 +60,12 @@ With **per-locale content files**, **TypeScript autocompletion**, **tree-shakabl
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/file_tree.png?raw=true" alt="Feature" width="700">                           | **Organized Codebase**<br><br>Keep your codebase more organized: 1 component = 1 dictionary in the same folder. Translations close to their respective components, enhance maintainability and clarity. <br><br> - [How Intlayer works](https://intlayer.org/doc/concept/how-works-intlayer)                                                                                                                                                                                                                                                          |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/url_routing.png?raw=true" alt="Feature" width="700">                         | **Enhanced Routing**<br><br>Full support of app routing, adapting seamlessly to complex application structures, for Next.js, React, Vite, Vue.js, etc.<br><br> - [Explore Next.js integration](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                                                                                                                                                                           |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/markdown.png?raw=true" alt="Feature" width="700">                            | **Markdown Support**<br><br>Import and interpret, locale files and remote Markdown for multilingual content like privacy policies, documentation, etc. Interpret and make Markdown metadata accessible in your code.<br><br> - [Content files](https://intlayer.org/doc/concept/content/file)                                                                                                                                                                                                                                                         |
-| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.png?raw=true" alt="Feature" width="700">                       | **Free Visual Editor & CMS**<br><br>A free visual editor and CMS are available for content writers, removing the need for a localization platform. Keep your content synchronized using Git, or externalize it totally or partially with the CMS.<br><br> - [Intlayer Editor](https://intlayer.org/doc/concept/editor) <br> - [Intlayer CMS](https://intlayer.org/doc/concept/cms)                                                                                                                                                                    |
-| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle.png?raw=true" alt="Feature" width="700">                              | **Tree-shakable Content**<br><br>Tree-shakable content, reducing the size of the final bundle. Loads content per component, excluding any unused content from your bundle. Supports lazy loading to enhance app loading efficiency. <br><br> - [App build optimization](https://intlayer.org/doc/concept/how-works-intlayer#app-build-optimization)                                                                                                                                                                                                   |
-| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/static_rendering.png?raw=true" alt="Feature" width="700">                    | **Static Rendering**<br><br>Doesn't block Static Rendering. <br><br> - [Next.js integration](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                                                                                                                                                                                                                                                                             |
+| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.webp?raw=true" alt="Feature" width="700">                      | **Free Visual Editor & CMS**<br><br>A free visual editor and CMS are available for content writers, removing the need for a localization platform. Keep your content synchronized using Git, or externalize it totally or partially with the CMS.<br><br> - [Intlayer Editor](https://intlayer.org/doc/concept/editor) <br> - [Intlayer CMS](https://intlayer.org/doc/concept/cms)                                                                                                                                                                    |
+| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle.webp?raw=true" alt="Feature" width="700">                             | **Tree-shakable Content**<br><br>Tree-shakable content, reducing the size of the final bundle. Loads content per component, excluding any unused content from your bundle. Supports lazy loading to enhance app loading efficiency. <br><br> - [App build optimization](https://intlayer.org/doc/concept/how-works-intlayer#app-build-optimization)                                                                                                                                                                                                   |
+| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/static_rendering.webp?raw=true" alt="Feature" width="700">                   | **Static Rendering**<br><br>Doesn't block Static Rendering. <br><br> - [Next.js integration](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                                                                                                                                                                                                                                                                             |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/AI_translation.png?raw=true" alt="Feature" width="700">                      | **AI-Powered Translation**<br><br>Transform your website into 231 languages with just one click using Intlayer's advanced AI-powered translation tools using your own AI provider / API key. <br><br> - [CI/CD integration](https://intlayer.org/doc/concept/ci-cd) <br> - [Intlayer CLI](https://intlayer.org/doc/concept/cli) <br> - [Auto fill](https://intlayer.org/doc/concept/auto-fill)                                                                                                                                                        |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/mcp.png?raw=true" alt="Feature" width="700">                                 | **MCP Server Integration**<br><br>Provides an MCP (Model Context Protocol) server for IDE automation, enabling seamless content management and i18n workflows directly within your development environment. <br><br> - [MCP Server](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/mcp_server.md)                                                                                                                                                                                                                                      |
-| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/vscode_extension.png?raw=true" alt="Feature" width="700">                    | **VSCode Extension**<br><br>Intlayer provides a VSCode extension to help you manage your content and translations, building your dictionaries, translating your content, and more. <br><br> - [VSCode Extension](https://intlayer.org/doc/vs-code-extension)                                                                                                                                                                                                                                                                                          |
+| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/vscode_extension.webp?raw=true" alt="Feature" width="700">                   | **VSCode Extension**<br><br>Intlayer provides a VSCode extension to help you manage your content and translations, building your dictionaries, translating your content, and more. <br><br> - [VSCode Extension](https://intlayer.org/doc/vs-code-extension)                                                                                                                                                                                                                                                                                          |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/interoperability.png?raw=true" alt="Feature" width="700">                    | **Interoperability**<br><br>Allow interoperability with react-i18next, next-i18next, next-intl, react-intl, vue-i18n. <br><br> - [Intlayer and react-intl](https://intlayer.org/blog/intlayer-with-react-intl) <br> - [Intlayer and next-intl](https://intlayer.org/blog/intlayer-with-next-intl) <br> - [Intlayer and next-i18next](https://intlayer.org/blog/intlayer-with-next-i18next) <br> - [Intlayer and vue-i18n](https://intlayer.org/blog/intlayer-with-vue-i18n) <br> - [Intlayer compat adapters](https://intlayer.org/doc/compatibility) |
 | <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/benchmark.png?raw=true" alt="Feature" width="700">                           | **Performances & Benchmark**<br><br>Uses advanced tree-shaking and dynamic loading to boost performances and keep the solution as light as possible. <br><br> - [Performances & Benchmark](https://intlayer.org/doc/benchmark)                                                                                                                                                                                                                                                                                                                        |
 
@@ -262,7 +262,7 @@ Intlayer connects **developers**, **copywriters**, and **AI agents** in one work
 - Feature flags
 - Headless CMSs (e.g. Contentful, Strapi, Sanity)
 
-![CMS Preview](https://github.com/aymericzip/intlayer/blob/main/docs/assets/CMS.png?raw=true)
+![CMS Preview](https://github.com/aymericzip/intlayer/blob/main/docs/assets/CMS.webp?raw=true)
 
 ## 🌐 Readme in other languages
 
@@ -328,4 +328,4 @@ Contribute on [GitHub](https://github.com/aymericzip/intlayer), [GitLab](https:/
 
 If you like Intlayer, give us a ⭐ on GitHub. It helps others discover the project! [See why GitHub Stars matter](https://github.com/aymericzip/intlayer/blob/main/CONTRIBUTING.md#why-github-stars-matter-).
 
-[![Star History Chart](https://api.star-history.com/svg?repos=aymericzip/intlayer&type=Date)](https://api.star-history.com/#aymericzip/intlayer&Date)
+[![Star History Chart](https://api.star-history.com/svg?repos=aymericzip/intlayer&type=Date)](https://star-history.com/#aymericzip/intlayer&Date)

package/dist/cjs/index.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_appWithTranslation = require('./appWithTranslation.cjs');
 const require_serverSideTranslations = require('./serverSideTranslations.cjs');
+const require_appWithTranslation = require('./appWithTranslation.cjs');
 let _intlayer_i18next = require("@intlayer/i18next");
 let _intlayer_react_i18next = require("@intlayer/react-i18next");
 

package/dist/esm/index.mjs

@@ -1,5 +1,5 @@
-import { appWithTranslation } from "./appWithTranslation.mjs";
 import { serverSideTranslations } from "./serverSideTranslations.mjs";
+import { appWithTranslation } from "./appWithTranslation.mjs";
 import { i18next } from "@intlayer/i18next";
 import { I18nContext, I18nextProvider, Trans, Translation, initReactI18next, useDictionary, useDictionaryDynamic, useTranslation, withTranslation } from "@intlayer/react-i18next";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/next-i18next",
-  "version": "9.5.2",
+  "version": "9.5.4-canary.0",
   "private": false,
   "description": "next-i18next API adapter for intlayer — serverSideTranslations, appWithTranslation, useTranslation backed by next-intlayer",
   "keywords": [
@@ -73,20 +73,21 @@
     "prepublish": "cp -f ../../README.md ./README.md",
     "publish": "bun publish || true",
     "publish:canary": "bun publish --access public --tag canary || true",
+    "publish:ci": "bun ../../scripts/publish-package.mjs",
     "publish:latest": "bun publish --access public --tag latest || true",
     "test": "bun --bun vitest run",
     "test:watch": "bun --bun vitest",
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/config": "9.5.2",
-    "@intlayer/core": "9.5.2",
-    "@intlayer/engine": "9.5.2",
-    "@intlayer/i18next": "9.5.2",
-    "@intlayer/react-i18next": "9.5.2",
-    "@intlayer/types": "9.5.2",
-    "next-intlayer": "9.5.2",
-    "react-intlayer": "9.5.2"
+    "@intlayer/config": "9.5.4-canary.0",
+    "@intlayer/core": "9.5.4-canary.0",
+    "@intlayer/engine": "9.5.4-canary.0",
+    "@intlayer/i18next": "9.5.4-canary.0",
+    "@intlayer/react-i18next": "9.5.4-canary.0",
+    "@intlayer/types": "9.5.4-canary.0",
+    "next-intlayer": "9.5.4-canary.0",
+    "react-intlayer": "9.5.4-canary.0"
   },
   "devDependencies": {
     "@types/node": "^22",
@@ -95,12 +96,12 @@
     "@utils/ts-config-types": "1.0.4",
     "@utils/tsdown-config": "1.0.4",
     "i18next": "26.4.2",
-    "next-i18next": "16.0.8",
-    "react-i18next": "17.0.10",
+    "next-i18next": "16.3.1",
+    "react-i18next": "17.0.14",
     "rimraf": "6.1.3",
     "tsdown": "0.23.0",
     "typescript": "7.0.2",
-    "vitest": "5.0.0"
+    "vitest": "5.0.1"
   },
   "peerDependencies": {
     "i18next": ">=20.0.0",

package/dist/cjs/packages/@intlayer/editor/dist/esm/compareUrls.cjs

@@ -1,39 +0,0 @@
-
-//#region ../../packages/@intlayer/editor/dist/esm/compareUrls.mjs
-/**
-* Compare two URLs for equality.
-* This function is used to determine if a message originates from the same origin.
-*
-* ```js
-* // Example usage
-* console.log(compareUrls("http://localhost:5173/", "http://localhost:5173")); // true
-* console.log(compareUrls("http://localhost:5173", "http://localhost:5173?myParam=true")); // true
-* console.log(compareUrls("http://localhost:5173/subpath", "http://localhost:5173")); // true
-* console.log(compareUrls("http://localhost:5172", "http://localhost:5173")); // false
-* ```
-*
-* @param url1 - The first URL to compare.
-* @param url2 - The second URL to compare.
-* @returns Whether the two URLs are equal.
-*/
-const compareUrls = (url1, url2) => {
-	try {
-		const parsedUrl1 = new URL(url1);
-		const parsedUrl2 = new URL(url2);
-		if (parsedUrl1.protocol !== parsedUrl2.protocol || parsedUrl1.hostname !== parsedUrl2.hostname || parsedUrl1.port !== parsedUrl2.port) return false;
-		const path1 = parsedUrl1.pathname.replace(/\/$/, "");
-		const path2 = parsedUrl2.pathname.replace(/\/$/, "");
-		if (path1 !== "" && path2 !== "" && path1 !== path2) return false;
-		return true;
-	} catch (error) {
-		console.error("Invalid URL(s)", error, {
-			url1,
-			url2
-		});
-		return false;
-	}
-};
-
-//#endregion
-exports.compareUrls = compareUrls;
-//# sourceMappingURL=compareUrls.cjs.map

package/dist/cjs/packages/@intlayer/editor/dist/esm/compareUrls.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"compareUrls.cjs","names":[],"sources":["../../../../../../../../../packages/@intlayer/editor/dist/esm/compareUrls.mjs"],"sourcesContent":["//#region src/compareUrls.ts\n/**\n* Compare two URLs for equality.\n* This function is used to determine if a message originates from the same origin.\n*\n* ```js\n* // Example usage\n* console.log(compareUrls(\"http://localhost:5173/\", \"http://localhost:5173\")); // true\n* console.log(compareUrls(\"http://localhost:5173\", \"http://localhost:5173?myParam=true\")); // true\n* console.log(compareUrls(\"http://localhost:5173/subpath\", \"http://localhost:5173\")); // true\n* console.log(compareUrls(\"http://localhost:5172\", \"http://localhost:5173\")); // false\n* ```\n*\n* @param url1 - The first URL to compare.\n* @param url2 - The second URL to compare.\n* @returns Whether the two URLs are equal.\n*/\nconst compareUrls = (url1, url2) => {\n\ttry {\n\t\tconst parsedUrl1 = new URL(url1);\n\t\tconst parsedUrl2 = new URL(url2);\n\t\tif (parsedUrl1.protocol !== parsedUrl2.protocol || parsedUrl1.hostname !== parsedUrl2.hostname || parsedUrl1.port !== parsedUrl2.port) return false;\n\t\tconst path1 = parsedUrl1.pathname.replace(/\\/$/, \"\");\n\t\tconst path2 = parsedUrl2.pathname.replace(/\\/$/, \"\");\n\t\tif (path1 !== \"\" && path2 !== \"\" && path1 !== path2) return false;\n\t\treturn true;\n\t} catch (error) {\n\t\tconsole.error(\"Invalid URL(s)\", error, {\n\t\t\turl1,\n\t\t\turl2\n\t\t});\n\t\treturn false;\n\t}\n};\n\n//#endregion\nexport { compareUrls };\n//# sourceMappingURL=compareUrls.mjs.map"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,eAAe,MAAM,SAAS;AACnC,KAAI;EACH,MAAM,aAAa,IAAI,IAAI,KAAK;EAChC,MAAM,aAAa,IAAI,IAAI,KAAK;AAChC,MAAI,WAAW,aAAa,WAAW,YAAY,WAAW,aAAa,WAAW,YAAY,WAAW,SAAS,WAAW,KAAM,QAAO;EAC9I,MAAM,QAAQ,WAAW,SAAS,QAAQ,OAAO,GAAG;EACpD,MAAM,QAAQ,WAAW,SAAS,QAAQ,OAAO,GAAG;AACpD,MAAI,UAAU,MAAM,UAAU,MAAM,UAAU,MAAO,QAAO;AAC5D,SAAO;UACC,OAAO;AACf,UAAQ,MAAM,kBAAkB,OAAO;GACtC;GACA;GACA,CAAC;AACF,SAAO"}

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/ContentSelector.cjs

@@ -1,161 +0,0 @@
-
-//#region ../../packages/@intlayer/editor/dist/esm/components/ContentSelector.mjs
-const DEFAULT_PRESS_DURATION = 250;
-const STYLES = `
-  :host {
-    display: contents;
-  }
-
-  .wrapper {
-    display: inline-block;
-    cursor: pointer;
-    user-select: none;
-    border-radius: 0.375rem;
-    outline-width: 2px;
-    outline-offset: 4px;
-    outline-style: solid;
-    outline-color: transparent;
-    transition: all 100ms 50ms ease-in-out;
-  }
-
-  .wrapper[data-active] {
-    outline-color: inherit;
-  }
-`;
-const _HTMLElement = typeof HTMLElement !== "undefined" ? HTMLElement : class {};
-/**
-* <intlayer-content-selector>
-*
-* A framework-agnostic web component that wraps content with Intlayer editor
-* selection UI (hover outline, long-press to select, click-outside to deselect).
-*
-* @fires intlayer:press     - Fired after a long press (pressDuration ms). Bubbles.
-* @fires intlayer:hover     - Fired on mouseenter. Bubbles.
-* @fires intlayer:unhover   - Fired on mouseleave / mouseup. Bubbles.
-* @fires intlayer:click-outside - Fired when a click occurs outside the element. Bubbles.
-*
-* @prop {boolean} isSelecting   - Whether this element is currently selected (external state)
-* @prop {number}  pressDuration - Long-press threshold in ms. Default: 250
-*/
-var IntlayerContentSelectorElement = class extends _HTMLElement {
-	_isSelecting = false;
-	_pressDuration = DEFAULT_PRESS_DURATION;
-	_isHovered = false;
-	_isSelectingState = false;
-	_wrapper;
-	_pressTimer = null;
-	_clickOutsideHandler = null;
-	static get observedAttributes() {
-		return ["is-selecting", "press-duration"];
-	}
-	get isSelecting() {
-		return this._isSelecting;
-	}
-	set isSelecting(v) {
-		this._isSelecting = v;
-		this._updateActiveState();
-	}
-	get pressDuration() {
-		return this._pressDuration;
-	}
-	set pressDuration(v) {
-		this._pressDuration = v;
-	}
-	constructor() {
-		super();
-		const shadow = this.attachShadow({ mode: "open" });
-		const style = document.createElement("style");
-		style.textContent = STYLES;
-		shadow.appendChild(style);
-		const wrapper = document.createElement("span");
-		wrapper.className = "wrapper";
-		wrapper.setAttribute("role", "button");
-		wrapper.setAttribute("tabindex", "0");
-		wrapper.appendChild(document.createElement("slot"));
-		shadow.appendChild(wrapper);
-		this._wrapper = wrapper;
-		wrapper.addEventListener("mousedown", () => this._handleMouseDown());
-		wrapper.addEventListener("mouseup", () => this._handleMouseUpOrLeave());
-		wrapper.addEventListener("mouseleave", () => this._handleMouseUpOrLeave());
-		wrapper.addEventListener("mouseenter", () => this._handleMouseEnter());
-		wrapper.addEventListener("click", (e) => this._handleClick(e));
-		wrapper.addEventListener("touchstart", () => this._handleMouseDown());
-		wrapper.addEventListener("touchend", () => this._handleMouseUpOrLeave());
-		wrapper.addEventListener("touchcancel", () => this._handleMouseUpOrLeave());
-		wrapper.addEventListener("blur", () => this._handleBlur());
-	}
-	attributeChangedCallback(name, _oldVal, newVal) {
-		if (name === "is-selecting") {
-			this._isSelecting = newVal !== null;
-			this._updateActiveState();
-		} else if (name === "press-duration") this._pressDuration = newVal !== null ? parseInt(newVal, 10) : DEFAULT_PRESS_DURATION;
-	}
-	connectedCallback() {
-		this._clickOutsideHandler = (e) => {
-			if (!e.composedPath().includes(this)) {
-				this._isSelectingState = false;
-				this._dispatch("intlayer:click-outside");
-				this._updateActiveState();
-			}
-		};
-		document.addEventListener("mousedown", this._clickOutsideHandler);
-	}
-	disconnectedCallback() {
-		if (this._clickOutsideHandler) {
-			document.removeEventListener("mousedown", this._clickOutsideHandler);
-			this._clickOutsideHandler = null;
-		}
-		this._clearPressTimer();
-	}
-	_updateActiveState() {
-		if (this._isSelecting || this._isSelectingState || this._isHovered) this._wrapper.setAttribute("data-active", "");
-		else this._wrapper.removeAttribute("data-active");
-	}
-	_clearPressTimer() {
-		if (this._pressTimer !== null) {
-			clearTimeout(this._pressTimer);
-			this._pressTimer = null;
-		}
-	}
-	_dispatch(eventName) {
-		this.dispatchEvent(new CustomEvent(eventName, {
-			bubbles: true,
-			composed: true
-		}));
-	}
-	_handleMouseDown() {
-		this._clearPressTimer();
-		this._pressTimer = setTimeout(() => {
-			this._isSelectingState = true;
-			this._updateActiveState();
-			this._dispatch("intlayer:press");
-		}, this._pressDuration);
-	}
-	_handleMouseEnter() {
-		this._isHovered = true;
-		this._updateActiveState();
-		this._dispatch("intlayer:hover");
-	}
-	_handleMouseUpOrLeave() {
-		if (this._isHovered) {
-			this._isHovered = false;
-			this._dispatch("intlayer:unhover");
-		}
-		this._clearPressTimer();
-		this._updateActiveState();
-	}
-	_handleClick(e) {
-		if (this._isSelecting || this._isSelectingState) {
-			e.preventDefault();
-			e.stopPropagation();
-		}
-	}
-	_handleBlur() {
-		this._isSelectingState = false;
-		this._updateActiveState();
-	}
-};
-
-//#endregion
-exports.IntlayerContentSelectorElement = IntlayerContentSelectorElement;
-//# sourceMappingURL=ContentSelector.cjs.map

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/ContentSelector.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentSelector.cjs","names":[],"sources":["../../../../../../../../../../packages/@intlayer/editor/dist/esm/components/ContentSelector.mjs"],"sourcesContent":["//#region src/components/ContentSelector.ts\nconst DEFAULT_PRESS_DURATION = 250;\nconst STYLES = `\n  :host {\n    display: contents;\n  }\n\n  .wrapper {\n    display: inline-block;\n    cursor: pointer;\n    user-select: none;\n    border-radius: 0.375rem;\n    outline-width: 2px;\n    outline-offset: 4px;\n    outline-style: solid;\n    outline-color: transparent;\n    transition: all 100ms 50ms ease-in-out;\n  }\n\n  .wrapper[data-active] {\n    outline-color: inherit;\n  }\n`;\nconst _HTMLElement = typeof HTMLElement !== \"undefined\" ? HTMLElement : class {};\n/**\n* <intlayer-content-selector>\n*\n* A framework-agnostic web component that wraps content with Intlayer editor\n* selection UI (hover outline, long-press to select, click-outside to deselect).\n*\n* @fires intlayer:press     - Fired after a long press (pressDuration ms). Bubbles.\n* @fires intlayer:hover     - Fired on mouseenter. Bubbles.\n* @fires intlayer:unhover   - Fired on mouseleave / mouseup. Bubbles.\n* @fires intlayer:click-outside - Fired when a click occurs outside the element. Bubbles.\n*\n* @prop {boolean} isSelecting   - Whether this element is currently selected (external state)\n* @prop {number}  pressDuration - Long-press threshold in ms. Default: 250\n*/\nvar IntlayerContentSelectorElement = class extends _HTMLElement {\n\t_isSelecting = false;\n\t_pressDuration = DEFAULT_PRESS_DURATION;\n\t_isHovered = false;\n\t_isSelectingState = false;\n\t_wrapper;\n\t_pressTimer = null;\n\t_clickOutsideHandler = null;\n\tstatic get observedAttributes() {\n\t\treturn [\"is-selecting\", \"press-duration\"];\n\t}\n\tget isSelecting() {\n\t\treturn this._isSelecting;\n\t}\n\tset isSelecting(v) {\n\t\tthis._isSelecting = v;\n\t\tthis._updateActiveState();\n\t}\n\tget pressDuration() {\n\t\treturn this._pressDuration;\n\t}\n\tset pressDuration(v) {\n\t\tthis._pressDuration = v;\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tconst shadow = this.attachShadow({ mode: \"open\" });\n\t\tconst style = document.createElement(\"style\");\n\t\tstyle.textContent = STYLES;\n\t\tshadow.appendChild(style);\n\t\tconst wrapper = document.createElement(\"span\");\n\t\twrapper.className = \"wrapper\";\n\t\twrapper.setAttribute(\"role\", \"button\");\n\t\twrapper.setAttribute(\"tabindex\", \"0\");\n\t\twrapper.appendChild(document.createElement(\"slot\"));\n\t\tshadow.appendChild(wrapper);\n\t\tthis._wrapper = wrapper;\n\t\twrapper.addEventListener(\"mousedown\", () => this._handleMouseDown());\n\t\twrapper.addEventListener(\"mouseup\", () => this._handleMouseUpOrLeave());\n\t\twrapper.addEventListener(\"mouseleave\", () => this._handleMouseUpOrLeave());\n\t\twrapper.addEventListener(\"mouseenter\", () => this._handleMouseEnter());\n\t\twrapper.addEventListener(\"click\", (e) => this._handleClick(e));\n\t\twrapper.addEventListener(\"touchstart\", () => this._handleMouseDown());\n\t\twrapper.addEventListener(\"touchend\", () => this._handleMouseUpOrLeave());\n\t\twrapper.addEventListener(\"touchcancel\", () => this._handleMouseUpOrLeave());\n\t\twrapper.addEventListener(\"blur\", () => this._handleBlur());\n\t}\n\tattributeChangedCallback(name, _oldVal, newVal) {\n\t\tif (name === \"is-selecting\") {\n\t\t\tthis._isSelecting = newVal !== null;\n\t\t\tthis._updateActiveState();\n\t\t} else if (name === \"press-duration\") this._pressDuration = newVal !== null ? parseInt(newVal, 10) : DEFAULT_PRESS_DURATION;\n\t}\n\tconnectedCallback() {\n\t\tthis._clickOutsideHandler = (e) => {\n\t\t\tif (!e.composedPath().includes(this)) {\n\t\t\t\tthis._isSelectingState = false;\n\t\t\t\tthis._dispatch(\"intlayer:click-outside\");\n\t\t\t\tthis._updateActiveState();\n\t\t\t}\n\t\t};\n\t\tdocument.addEventListener(\"mousedown\", this._clickOutsideHandler);\n\t}\n\tdisconnectedCallback() {\n\t\tif (this._clickOutsideHandler) {\n\t\t\tdocument.removeEventListener(\"mousedown\", this._clickOutsideHandler);\n\t\t\tthis._clickOutsideHandler = null;\n\t\t}\n\t\tthis._clearPressTimer();\n\t}\n\t_updateActiveState() {\n\t\tif (this._isSelecting || this._isSelectingState || this._isHovered) this._wrapper.setAttribute(\"data-active\", \"\");\n\t\telse this._wrapper.removeAttribute(\"data-active\");\n\t}\n\t_clearPressTimer() {\n\t\tif (this._pressTimer !== null) {\n\t\t\tclearTimeout(this._pressTimer);\n\t\t\tthis._pressTimer = null;\n\t\t}\n\t}\n\t_dispatch(eventName) {\n\t\tthis.dispatchEvent(new CustomEvent(eventName, {\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}));\n\t}\n\t_handleMouseDown() {\n\t\tthis._clearPressTimer();\n\t\tthis._pressTimer = setTimeout(() => {\n\t\t\tthis._isSelectingState = true;\n\t\t\tthis._updateActiveState();\n\t\t\tthis._dispatch(\"intlayer:press\");\n\t\t}, this._pressDuration);\n\t}\n\t_handleMouseEnter() {\n\t\tthis._isHovered = true;\n\t\tthis._updateActiveState();\n\t\tthis._dispatch(\"intlayer:hover\");\n\t}\n\t_handleMouseUpOrLeave() {\n\t\tif (this._isHovered) {\n\t\t\tthis._isHovered = false;\n\t\t\tthis._dispatch(\"intlayer:unhover\");\n\t\t}\n\t\tthis._clearPressTimer();\n\t\tthis._updateActiveState();\n\t}\n\t_handleClick(e) {\n\t\tif (this._isSelecting || this._isSelectingState) {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t}\n\t}\n\t_handleBlur() {\n\t\tthis._isSelectingState = false;\n\t\tthis._updateActiveState();\n\t}\n};\n\n//#endregion\nexport { IntlayerContentSelectorElement };\n//# sourceMappingURL=ContentSelector.mjs.map"],"mappings":"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"}

package/dist/cjs/packages/@intlayer/editor/dist/esm/components/ContentSelectorWrapper.cjs

@@ -1,269 +0,0 @@
-const require_runtime = require('../../../../../../_virtual/_rolldown/runtime.cjs');
-const require_globalManager = require('../core/globalManager.cjs');
-let _intlayer_types_nodeType = require("@intlayer/types/nodeType");
-_intlayer_types_nodeType = require_runtime.__toESM(_intlayer_types_nodeType, 1);
-let _intlayer_core_utils = require("@intlayer/core/utils");
-
-//#region ../../packages/@intlayer/editor/dist/esm/components/ContentSelectorWrapper.mjs
-const _HTMLElement = typeof HTMLElement !== "undefined" ? HTMLElement : class {};
-/**
-* <intlayer-content-selector-wrapper>
-*
-* Framework-agnostic web component that wraps content with the Intlayer editor
-* selection UI. It replaces the per-framework ContentSelectorWrapper components
-* (Vue, Svelte, Solid, Preact).
-*
-* It reads from the global EditorStateManager singleton (set by initEditorClient)
-* and conditionally renders <intlayer-content-selector> around its slot content
-* when the editor is active and the app is running inside an iframe.
-*
-* @attr {string} key-path        - JSON-serialized KeyPath[] for this content node
-* @attr {string} dictionary-key  - The dictionary key owning this content node
-*/
-var IntlayerContentSelectorWrapperElement = class extends _HTMLElement {
-	_keyPathJson = "[]";
-	_dictionaryKey = "";
-	_editorEnabled = false;
-	_isInIframe = false;
-	_isSelected = false;
-	_editedValue = void 0;
-	_renderState = null;
-	_selector = null;
-	_unsubManager = null;
-	_unsubEnabled = null;
-	_unsubFocused = null;
-	_unsubEditedContent = null;
-	static get observedAttributes() {
-		return ["key-path", "dictionary-key"];
-	}
-	get keyPathJson() {
-		return this._keyPathJson;
-	}
-	set keyPathJson(v) {
-		this._keyPathJson = v;
-		const manager = require_globalManager.getGlobalEditorManager();
-		if (manager) this._updateEditedValue(manager);
-	}
-	get dictionaryKey() {
-		return this._dictionaryKey;
-	}
-	set dictionaryKey(v) {
-		this._dictionaryKey = v;
-		const manager = require_globalManager.getGlobalEditorManager();
-		if (manager) this._updateEditedValue(manager);
-	}
-	constructor() {
-		super();
-		const shadow = this.attachShadow({ mode: "open" });
-		const style = document.createElement("style");
-		style.textContent = ":host { display: contents; }";
-		shadow.appendChild(style);
-	}
-	attributeChangedCallback(name, _oldVal, newVal) {
-		if (name === "key-path") {
-			this._keyPathJson = newVal ?? "[]";
-			const manager = require_globalManager.getGlobalEditorManager();
-			if (manager) this._updateEditedValue(manager);
-		} else if (name === "dictionary-key") {
-			this._dictionaryKey = newVal ?? "";
-			const manager = require_globalManager.getGlobalEditorManager();
-			if (manager) this._updateEditedValue(manager);
-		}
-	}
-	connectedCallback() {
-		if (typeof window !== "undefined") this._isInIframe = window.self !== window.top;
-		this._subscribeToManager();
-		this._render();
-	}
-	disconnectedCallback() {
-		this._teardown();
-	}
-	_teardown() {
-		this._unsubManager?.();
-		this._unsubEnabled?.();
-		this._unsubFocused?.();
-		this._unsubEditedContent?.();
-		this._unsubManager = null;
-		this._unsubEnabled = null;
-		this._unsubFocused = null;
-		this._unsubEditedContent = null;
-	}
-	_getRawKeyPath() {
-		try {
-			return JSON.parse(this._keyPathJson);
-		} catch {
-			return [];
-		}
-	}
-	_getFilteredKeyPath() {
-		return this._getRawKeyPath().filter((keyPath) => keyPath.type !== _intlayer_types_nodeType.TRANSLATION);
-	}
-	_updateEditedValue(manager) {
-		const filteredKeyPath = this._getFilteredKeyPath();
-		if (!this._dictionaryKey || filteredKeyPath.length === 0) {
-			this._editedValue = void 0;
-			this._render();
-			return;
-		}
-		const rawKeyPath = this._getRawKeyPath();
-		const lastStepType = rawKeyPath[rawKeyPath.length - 1]?.type;
-		if (lastStepType === _intlayer_types_nodeType.MARKDOWN || lastStepType === _intlayer_types_nodeType.HTML || lastStepType === _intlayer_types_nodeType.INSERTION || lastStepType === _intlayer_types_nodeType.FILE) {
-			this._editedValue = void 0;
-			this._render();
-			return;
-		}
-		let value = manager.getContentValue(this._dictionaryKey, filteredKeyPath);
-		if (value !== null && value !== void 0 && typeof value === "object" && value.nodeType === _intlayer_types_nodeType.TRANSLATION) {
-			const locale = manager.currentLocale.value;
-			value = locale ? value[_intlayer_types_nodeType.TRANSLATION][locale] : void 0;
-		}
-		this._editedValue = value;
-		this._render();
-	}
-	_updateIsSelected(focusedContent) {
-		if (!focusedContent) {
-			this._isSelected = false;
-			this._updateSelectorAttr();
-			return;
-		}
-		const keyPath = this._getFilteredKeyPath();
-		const wasSelected = this._isSelected;
-		this._isSelected = focusedContent.dictionaryKey === this._dictionaryKey && (focusedContent.keyPath?.length ?? 0) > 0 && (0, _intlayer_core_utils.isSameKeyPath)(focusedContent.keyPath ?? [], keyPath);
-		this._updateSelectorAttr();
-		if (this._isSelected && !wasSelected) this._scrollIntoViewIfNeeded();
-	}
-	_scrollIntoViewIfNeeded() {
-		try {
-			let rect;
-			if (this._selector) {
-				const innerWrapper = this._selector.shadowRoot?.querySelector(".wrapper");
-				if (innerWrapper) {
-					const r = innerWrapper.getBoundingClientRect();
-					if (r.width > 0 || r.height > 0) rect = r;
-				}
-			}
-			if (!rect && this.childNodes.length > 0) {
-				const range = document.createRange();
-				range.selectNodeContents(this);
-				const r = range.getBoundingClientRect();
-				if (r.width > 0 || r.height > 0) rect = r;
-			}
-			if (!rect) rect = this.getBoundingClientRect();
-			const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
-			const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
-			if (!(rect.width > 0 && rect.height > 0 && rect.bottom > 0 && rect.right > 0 && rect.top < viewportHeight && rect.left < viewportWidth)) {
-				const scrollY = window.scrollY ?? document.documentElement.scrollTop;
-				const targetScrollY = rect.top + scrollY - viewportHeight * .25;
-				window.scrollTo({
-					top: Math.max(0, targetScrollY),
-					behavior: "smooth"
-				});
-			}
-		} catch {}
-	}
-	_updateSelectorAttr() {
-		if (!this._selector) return;
-		if (this._isSelected) this._selector.setAttribute("is-selecting", "");
-		else this._selector.removeAttribute("is-selecting");
-	}
-	_subscribeToManager() {
-		const manager = require_globalManager.getGlobalEditorManager();
-		if (manager) this._setupManagerSubscriptions(manager);
-		this._unsubManager = require_globalManager.onGlobalEditorManagerChange((m) => {
-			this._unsubEnabled?.();
-			this._unsubFocused?.();
-			this._unsubEditedContent?.();
-			this._unsubEnabled = null;
-			this._unsubFocused = null;
-			this._unsubEditedContent = null;
-			if (m) this._setupManagerSubscriptions(m);
-			else {
-				this._editorEnabled = false;
-				this._isSelected = false;
-				this._editedValue = void 0;
-				this._render();
-			}
-		});
-	}
-	_setupManagerSubscriptions(manager) {
-		this._editorEnabled = manager.editorEnabled.value ?? false;
-		this._updateIsSelected(manager.focusedContent.value);
-		this._updateEditedValue(manager);
-		const handleEnabledChange = (e) => {
-			this._editorEnabled = e.detail;
-			this._render();
-		};
-		const handleFocusedChange = (e) => {
-			this._updateIsSelected(e.detail);
-		};
-		const handleEditedContentChange = () => {
-			this._updateEditedValue(manager);
-		};
-		manager.editorEnabled.addEventListener("change", handleEnabledChange);
-		manager.focusedContent.addEventListener("change", handleFocusedChange);
-		manager.editedContent.addEventListener("change", handleEditedContentChange);
-		this._unsubEnabled = () => manager.editorEnabled.removeEventListener("change", handleEnabledChange);
-		this._unsubFocused = () => manager.focusedContent.removeEventListener("change", handleFocusedChange);
-		this._unsubEditedContent = () => manager.editedContent.removeEventListener("change", handleEditedContentChange);
-	}
-	_handlePress(e) {
-		e.stopPropagation();
-		const manager = require_globalManager.getGlobalEditorManager();
-		if (!manager) return;
-		manager.focusedContent.set({
-			dictionaryKey: this._dictionaryKey,
-			keyPath: this._getFilteredKeyPath()
-		});
-	}
-	_handleHover(e) {
-		e.stopPropagation();
-		require_globalManager.getGlobalEditorManager()?.messenger.send(`INTLAYER_HOVERED_CONTENT_CHANGED/post`, {
-			dictionaryKey: this._dictionaryKey,
-			keyPath: this._getFilteredKeyPath()
-		});
-	}
-	_handleUnhover(e) {
-		e.stopPropagation();
-		require_globalManager.getGlobalEditorManager()?.messenger.send(`INTLAYER_HOVERED_CONTENT_CHANGED/post`, null);
-	}
-	_render() {
-		const useWrapper = this._isInIframe && this._editorEnabled;
-		const editedValue = this._editedValue;
-		const newState = !useWrapper ? "simple" : typeof editedValue === "string" || typeof editedValue === "number" || typeof editedValue === "boolean" ? "wrapped-text" : "wrapped-slot";
-		if (this._renderState !== newState) {
-			this._rebuildContent(newState);
-			return;
-		}
-		if (newState !== "simple" && this._selector) {
-			this._updateSelectorAttr();
-			if (newState === "wrapped-text" && this._selector.firstChild?.nodeType === Node.TEXT_NODE) this._selector.firstChild.data = String(editedValue);
-		}
-	}
-	_rebuildContent(state) {
-		const shadow = this.shadowRoot;
-		while (shadow.childNodes.length > 1) shadow.removeChild(shadow.lastChild);
-		this._selector = null;
-		if (state === "simple") shadow.appendChild(document.createElement("slot"));
-		else {
-			const selector = document.createElement("intlayer-content-selector");
-			this._selector = selector;
-			if (this._isSelected) selector.setAttribute("is-selecting", "");
-			selector.addEventListener("intlayer:press", (e) => this._handlePress(e));
-			selector.addEventListener("intlayer:hover", (e) => this._handleHover(e));
-			selector.addEventListener("intlayer:unhover", (e) => this._handleUnhover(e));
-			if (state === "wrapped-text") selector.appendChild(document.createTextNode(String(this._editedValue)));
-			else selector.appendChild(document.createElement("slot"));
-			shadow.appendChild(selector);
-		}
-		this._renderState = state;
-	}
-};
-const defineIntlayerContentSelectorWrapper = () => {
-	if (typeof customElements === "undefined") return;
-	if (!customElements.get("intlayer-content-selector-wrapper")) customElements.define("intlayer-content-selector-wrapper", IntlayerContentSelectorWrapperElement);
-};
-
-//#endregion
-exports.IntlayerContentSelectorWrapperElement = IntlayerContentSelectorWrapperElement;
-exports.defineIntlayerContentSelectorWrapper = defineIntlayerContentSelectorWrapper;
-//# sourceMappingURL=ContentSelectorWrapper.cjs.map