@localess/react 3.2.4-dev.20260611210209 → 3.3.0-dev.20260708093226

package/SKILL.md

@@ -246,18 +246,20 @@ If you manage content state yourself without `useLocaless` or `LocalessDocument`
 'use client';
 
 import { useEffect, useState } from "react";
-import { LocalessComponent, localessEditable, isSyncEnabled, isBrowser } from "@localess/react";
+import { LocalessComponent, localessEditable, isSyncEnabled, localessSyncReady } from "@localess/react";
 import type { Content, Page } from "./.localess/localess";
 
 export function PageClient({ initialContent }: { initialContent: Content<Page> }) {
   const [pageData, setPageData] = useState(initialContent.data);
 
   useEffect(() => {
-    if (isSyncEnabled() && isBrowser() && window.localess) {
-      window.localess.on(['input', 'change'], (event) => {
-        if (event.type === 'input' || event.type === 'change') {
-          setPageData(event.data);
-        }
+    if (isSyncEnabled()) {
+      localessSyncReady().then(() => {
+        window.localess?.on(['input', 'change'], (event) => {
+          if (event.type === 'input' || event.type === 'change') {
+            setPageData(event.data);
+          }
+        });
       });
     }
     // No cleanup needed: window.localess has no .off() method
@@ -363,7 +365,7 @@ export default async function HomePage({ params }: { params: Promise<{ locale?:
 'use client';
 
 import { useEffect, useState } from "react";
-import { LocalessComponent, localessEditable, isSyncEnabled, isBrowser } from "@localess/react";
+import { LocalessComponent, localessEditable, isSyncEnabled, localessSyncReady } from "@localess/react";
 import type { Content, Page } from "./.localess/localess";
 
 export function PageClient({ initialContent }: { initialContent: Content<Page> }) {
@@ -371,11 +373,13 @@ export function PageClient({ initialContent }: { initialContent: Content<Page> }
   const [pageData, setPageData] = useState(initialContent.data);
 
   useEffect(() => {
-    if (isSyncEnabled() && isBrowser() && window.localess) {
-      window.localess.on(['input', 'change'], (event) => {
-        if (event.type === 'input' || event.type === 'change') {
-          setPageData(event.data);
-        }
+    if (isSyncEnabled()) {
+      localessSyncReady().then(() => {
+        window.localess?.on(['input', 'change'], (event) => {
+          if (event.type === 'input' || event.type === 'change') {
+            setPageData(event.data);
+          }
+        });
       });
     }
     // No cleanup needed: window.localess has no .off() method

package/dist/core/components/localess-document.d.ts

@@ -21,8 +21,9 @@ export type LocalessDocumentProps<T extends ContentData = ContentData> = {
  * as props. The page renders immediately with server data; once the client hydrates, live editing
  * activates on top — no loading state needed.
  *
- * Sync only activates when `enableSync: true` was passed to `localessInit` **and** the page
- * is running inside the Visual Editor iframe (`isIframe()` is true).
+ * Sync only activates when {@link isSyncEnabled} returns `true` — `enableSync: true` was passed
+ * to `localessInit`, the code is running in the browser, and the page is inside the Visual Editor
+ * iframe.
  *
  * **Requires `'use client'`** — must be used inside a Client Component boundary in Next.js
  * App Router. Available from `@localess/react` (SPA) and `@localess/react/rsc` (RSC).

package/dist/core/components/localess-document.js

@@ -1 +1 @@
-const e=require("../../console.js"),t=require("../state.js"),n=require("./localess-component.js");let r=require("react"),i=require("react/jsx-runtime"),a=require("@localess/client");var o=(0,r.forwardRef)(({document:o},s)=>{let[c,l]=(0,r.useState)(o.data);return(0,r.useEffect)(()=>{t.isSyncEnabled()&&(0,a.isBrowser)()&&(0,a.isIframe)()&&window.localess?.on([`input`,`change`],e=>{(e.type===`change`||e.type===`input`)&&l(e.data)})},[]),c?(0,i.jsx)(n.LocalessComponent,{ref:s,data:c,assets:o.assets,links:o.links,references:o.references}):(console.error(`LocalessDocument property %cdocument.data%c is not provided.`,e.FONT_BOLD,e.FONT_NORMAL),(0,i.jsxs)(`div`,{children:[`LocalessDocument property `,(0,i.jsx)(`b`,{children:`document.data`}),` is not provided.`]}))});exports.LocalessDocument=o;
+const e=require("../../console.js"),t=require("../state.js"),n=require("./localess-component.js");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.forwardRef)(({document:a},o)=>{let[s,c]=(0,r.useState)(a.data);return(0,r.useEffect)(()=>{t.isSyncEnabled()&&t.localessSyncReady().then(()=>{window.localess?.on([`input`,`change`],e=>{(e.type===`change`||e.type===`input`)&&c(e.data)})})},[]),s?(0,i.jsx)(n.LocalessComponent,{ref:o,data:s,assets:a.assets,links:a.links,references:a.references}):(console.error(`LocalessDocument property %cdocument.data%c is not provided.`,e.FONT_BOLD,e.FONT_NORMAL),(0,i.jsxs)(`div`,{children:[`LocalessDocument property `,(0,i.jsx)(`b`,{children:`document.data`}),` is not provided.`]}))});exports.LocalessDocument=a;

package/dist/core/components/localess-document.mjs

@@ -1,27 +1,28 @@
 import { FONT_BOLD as e, FONT_NORMAL as t } from "../../console.mjs";
-import { isSyncEnabled as n } from "../state.mjs";
-import { isBrowser as r, isIframe as i } from "../utils/index.mjs";
-import { LocalessComponent as a } from "./localess-component.mjs";
-import { forwardRef as o, useEffect as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { isSyncEnabled as n, localessSyncReady as r } from "../state.mjs";
+import { LocalessComponent as i } from "./localess-component.mjs";
+import { forwardRef as a, useEffect as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/core/components/localess-document.tsx
-var d = o(({ document: o }, d) => {
-	let [f, p] = c(o.data);
-	return s(() => {
-		n() && r() && i() && window.localess?.on(["input", "change"], (e) => {
-			(e.type === "change" || e.type === "input") && p(e.data);
+var u = a(({ document: a }, u) => {
+	let [d, f] = s(a.data);
+	return o(() => {
+		n() && r().then(() => {
+			window.localess?.on(["input", "change"], (e) => {
+				(e.type === "change" || e.type === "input") && f(e.data);
+			});
 		});
-	}, []), f ? /* @__PURE__ */ l(a, {
-		ref: d,
-		data: f,
-		assets: o.assets,
-		links: o.links,
-		references: o.references
-	}) : (console.error("LocalessDocument property %cdocument.data%c is not provided.", e, t), /* @__PURE__ */ u("div", { children: [
+	}, []), d ? /* @__PURE__ */ c(i, {
+		ref: u,
+		data: d,
+		assets: a.assets,
+		links: a.links,
+		references: a.references
+	}) : (console.error("LocalessDocument property %cdocument.data%c is not provided.", e, t), /* @__PURE__ */ l("div", { children: [
 		"LocalessDocument property ",
-		/* @__PURE__ */ l("b", { children: "document.data" }),
+		/* @__PURE__ */ c("b", { children: "document.data" }),
 		" is not provided."
 	] }));
 });
 //#endregion
-export { d as LocalessDocument };
+export { u as LocalessDocument };

package/dist/core/hooks/use-localess.js

@@ -1 +1 @@
-const e=require("../state.js");let t=require("react"),n=require("@localess/client");var r=(r,i={})=>{let[a,o]=(0,t.useState)(),s=e.getLocalessClient(),c;return c=Array.isArray(r)?r.join(`/`):r,(0,t.useEffect)(()=>{async function t(){let t=await s.getContentBySlug(c,i);o(t),e.isSyncEnabled()&&(0,n.isBrowser)()&&(0,n.isIframe)()&&window.localess?.on([`input`,`change`],e=>{(e.type===`change`||e.type===`input`)&&o({...t,data:e.data})})}t()},[r,i,s]),a};exports.useLocaless=r;
+const e=require("../state.js");let t=require("react");var n=(n,r={})=>{let[i,a]=(0,t.useState)(),o=e.getLocalessClient(),s;return s=Array.isArray(n)?n.join(`/`):n,(0,t.useEffect)(()=>{async function t(){let t=await o.getContentBySlug(s,r);a(t),e.isSyncEnabled()&&(await e.localessSyncReady(),window.localess?.on([`input`,`change`],e=>{(e.type===`change`||e.type===`input`)&&a({...t,data:e.data})}))}t()},[n,r,o]),i};exports.useLocaless=n;

package/dist/core/hooks/use-localess.mjs

@@ -1,25 +1,24 @@
-import { getLocalessClient as e, isSyncEnabled as t } from "../state.mjs";
-import { isBrowser as n, isIframe as r } from "../utils/index.mjs";
-import { useEffect as i, useState as a } from "react";
+import { getLocalessClient as e, isSyncEnabled as t, localessSyncReady as n } from "../state.mjs";
+import { useEffect as r, useState as i } from "react";
 //#region src/core/hooks/use-localess.ts
-var o = (o, s = {}) => {
-	let [c, l] = a(), u = e(), d;
-	return d = Array.isArray(o) ? o.join("/") : o, i(() => {
+var a = (a, o = {}) => {
+	let [s, c] = i(), l = e(), u;
+	return u = Array.isArray(a) ? a.join("/") : a, r(() => {
 		async function e() {
-			let e = await u.getContentBySlug(d, s);
-			l(e), t() && n() && r() && window.localess?.on(["input", "change"], (t) => {
-				(t.type === "change" || t.type === "input") && l({
+			let e = await l.getContentBySlug(u, o);
+			c(e), t() && (await n(), window.localess?.on(["input", "change"], (t) => {
+				(t.type === "change" || t.type === "input") && c({
 					...e,
 					data: t.data
 				});
-			});
+			}));
 		}
 		e();
 	}, [
+		a,
 		o,
-		s,
-		u
-	]), c;
+		l
+	]), s;
 };
 //#endregion
-export { o as useLocaless };
+export { a as useLocaless };

package/dist/core/state.d.ts

@@ -101,14 +101,42 @@ export declare function setFallbackComponent(fallbackComponent: React.ElementTyp
  */
 export declare function getFallbackComponent(): React.ElementType | undefined;
 /**
- * Returns `true` when Visual Editor sync was enabled via `enableSync: true` in `localessInit`.
+ * Returns `true` when Visual Editor sync is enabled and actually usable in the current context:
+ * `enableSync: true` was passed to `localessInit`, code is running in the browser, and the page
+ * is loaded inside the Visual Editor iframe.
+ *
+ * Self-sufficient: callers don't need to separately check {@link isBrowser} or {@link isIframe}.
  *
  * Used internally by {@link LocalessComponent}, {@link LocalessDocument}, and {@link useLocaless}
  * to decide whether to inject editable attributes and subscribe to sync events.
  *
- * @returns `true` if sync is enabled, `false` otherwise.
+ * @returns `true` if sync is enabled and usable, `false` otherwise.
  */
 export declare function isSyncEnabled(): boolean;
+/**
+ * Resolves once the Visual Editor sync script has loaded and `window.localess` is available.
+ *
+ * Resolves immediately if sync was not enabled via `localessInit`, or if the script has already
+ * loaded. Never rejects — a failed script load is logged via {@link loadLocalessSync} and resolves
+ * anyway, since the rest of the app functions without live editing.
+ *
+ * Use this before subscribing to `window.localess.on(...)` to avoid a race where the listener is
+ * attached before the sync script has run.
+ *
+ * @returns A promise that resolves when sync is ready (or immediately, if not applicable).
+ *
+ * @example
+ * ```tsx
+ * useEffect(() => {
+ *   if (isSyncEnabled()) {
+ *     localessSyncReady().then(() => {
+ *       window.localess?.on(['input', 'change'], event => { ... });
+ *     });
+ *   }
+ * }, []);
+ * ```
+ */
+export declare function localessSyncReady(): Promise<void>;
 export declare function getOrigin(): string;
 /**
  * Resolves a {@link ContentAsset} to its full URL string.

package/dist/core/state.js

@@ -1 +1 @@
-const e=require("../console.js");let t=require("@localess/client");var n=void 0,r=void 0,i={},a=void 0,o=!1,s=``;function c(e){let{components:c,fallbackComponent:l,enableSync:u,...d}=e;return r=(0,t.localessClient)(d),n=d.origin,s=`${e.origin}/api/v1/spaces/${e.spaceId}/assets/`,i=c||{},a=l,u&&(o=!0,(0,t.loadLocalessSync)(d.origin)),r}function l(){if(!r)throw console.error(`[Localess] No client found. Please check if the Localess is initialized. Use localessInit function.`),Error(`[Localess] No client found.`);return r}function u(e,t){i[e]=t}function d(e){delete i[e]}function f(e){i=e}function p(t){if(Object.hasOwn(i,t))return i[t];console.error(`[Localess] component %c${t}%c can't be found.`,e.FONT_BOLD,e.FONT_NORMAL)}function m(e){a=e}function h(){return a}function g(){return o}function _(){if(!n)throw console.error(`[Localess] No origin found. Please check if the Localess is initialized. Use localessInit function.`),Error(`[Localess] No origin found.`);return n}function v(e,n){let r=`${s}${e.uri}`,i=(0,t.buildAssetQueryString)(n);return i?`${r}?${i}`:r}exports.getComponent=p,exports.getFallbackComponent=h,exports.getLocalessClient=l,exports.getOrigin=_,exports.isSyncEnabled=g,exports.localessInit=c,exports.registerComponent=u,exports.resolveAsset=v,exports.setComponents=f,exports.setFallbackComponent=m,exports.unregisterComponent=d;
+const e=require("../console.js");let t=require("@localess/client");var n=void 0,r=void 0,i={},a=void 0,o=!1,s=void 0,c=``;function l(e){let{components:l,fallbackComponent:u,enableSync:d,...f}=e;return r=(0,t.localessClient)(f),n=f.origin,c=`${e.origin}/api/v1/spaces/${e.spaceId}/assets/`,i=l||{},a=u,d&&(o=!0,s=(0,t.loadLocalessSync)(f.origin).catch(e=>{console.error(`[Localess] Failed to load sync script.`,e)})),r}function u(){if(!r)throw console.error(`[Localess] No client found. Please check if the Localess is initialized. Use localessInit function.`),Error(`[Localess] No client found.`);return r}function d(e,t){i[e]=t}function f(e){delete i[e]}function p(e){i=e}function m(t){if(Object.hasOwn(i,t))return i[t];console.error(`[Localess] component %c${t}%c can't be found.`,e.FONT_BOLD,e.FONT_NORMAL)}function h(e){a=e}function g(){return a}function _(){return o&&(0,t.isBrowser)()&&(0,t.isIframe)()}function v(){return s??Promise.resolve()}function y(){if(!n)throw console.error(`[Localess] No origin found. Please check if the Localess is initialized. Use localessInit function.`),Error(`[Localess] No origin found.`);return n}function b(e,n){let r=`${c}${e.uri}`,i=(0,t.buildAssetQueryString)(n);return i?`${r}?${i}`:r}exports.getComponent=m,exports.getFallbackComponent=g,exports.getLocalessClient=u,exports.getOrigin=y,exports.isSyncEnabled=_,exports.localessInit=l,exports.localessSyncReady=v,exports.registerComponent=d,exports.resolveAsset=b,exports.setComponents=p,exports.setFallbackComponent=h,exports.unregisterComponent=f;

package/dist/core/state.mjs

@@ -1,44 +1,49 @@
 import { FONT_BOLD as e, FONT_NORMAL as t } from "../console.mjs";
-import { buildAssetQueryString as n, loadLocalessSync as r, localessClient as i } from "@localess/client";
+import { buildAssetQueryString as n, isBrowser as r, isIframe as i, loadLocalessSync as a, localessClient as o } from "@localess/client";
 //#region src/core/state.ts
-var a = void 0, o = void 0, s = {}, c = void 0, l = !1, u = "";
-function d(e) {
-	let { components: t, fallbackComponent: n, enableSync: d, ...f } = e;
-	return o = i(f), a = f.origin, u = `${e.origin}/api/v1/spaces/${e.spaceId}/assets/`, s = t || {}, c = n, d && (l = !0, r(f.origin)), o;
+var s = void 0, c = void 0, l = {}, u = void 0, d = !1, f = void 0, p = "";
+function m(e) {
+	let { components: t, fallbackComponent: n, enableSync: r, ...i } = e;
+	return c = o(i), s = i.origin, p = `${e.origin}/api/v1/spaces/${e.spaceId}/assets/`, l = t || {}, u = n, r && (d = !0, f = a(i.origin).catch((e) => {
+		console.error("[Localess] Failed to load sync script.", e);
+	})), c;
 }
-function f() {
-	if (!o) throw console.error("[Localess] No client found. Please check if the Localess is initialized. Use localessInit function."), Error("[Localess] No client found.");
-	return o;
+function h() {
+	if (!c) throw console.error("[Localess] No client found. Please check if the Localess is initialized. Use localessInit function."), Error("[Localess] No client found.");
+	return c;
 }
-function p(e, t) {
-	s[e] = t;
+function g(e, t) {
+	l[e] = t;
 }
-function m(e) {
-	delete s[e];
+function _(e) {
+	delete l[e];
 }
-function h(e) {
-	s = e;
+function v(e) {
+	l = e;
 }
-function g(n) {
-	if (Object.hasOwn(s, n)) return s[n];
+function y(n) {
+	if (Object.hasOwn(l, n)) return l[n];
 	console.error(`[Localess] component %c${n}%c can't be found.`, e, t);
 }
-function _(e) {
-	c = e;
+function b(e) {
+	u = e;
 }
-function v() {
-	return c;
+function x() {
+	return u;
+}
+function S() {
+	return d && r() && i();
 }
-function y() {
-	return l;
+function C() {
+	return f ?? Promise.resolve();
 }
-function b() {
-	if (!a) throw console.error("[Localess] No origin found. Please check if the Localess is initialized. Use localessInit function."), Error("[Localess] No origin found.");
-	return a;
+function w() {
+	if (!s) throw console.error("[Localess] No origin found. Please check if the Localess is initialized. Use localessInit function."), Error("[Localess] No origin found.");
+	return s;
 }
-function x(e, t) {
-	let r = `${u}${e.uri}`, i = n(t);
+function T(e, t) {
+	let r = `${p}${e.uri}`, i = n(t);
 	return i ? `${r}?${i}` : r;
 }
 //#endregion
-export { g as getComponent, v as getFallbackComponent, f as getLocalessClient, b as getOrigin, y as isSyncEnabled, d as localessInit, p as registerComponent, x as resolveAsset, h as setComponents, _ as setFallbackComponent, m as unregisterComponent };
+export { y as getComponent, x as getFallbackComponent, h as getLocalessClient, w as getOrigin, S as isSyncEnabled, m as localessInit, C as localessSyncReady, g as registerComponent, T as resolveAsset, v as setComponents, b as setFallbackComponent, _ as unregisterComponent };

package/dist/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./core/state.js"),t=require("./core/utils/link.util.js"),n=require("./core/components/localess-component.js"),r=require("./core/components/localess-document.js"),i=require("./core/hooks/use-localess.js"),a=require("./core/richtext.js");let o=require("@localess/client");exports.LocalessComponent=n.LocalessComponent,exports.LocalessDocument=r.LocalessDocument,exports.findLink=t.findLink,exports.getComponent=e.getComponent,exports.getFallbackComponent=e.getFallbackComponent,exports.getLocalessClient=e.getLocalessClient,exports.getOrigin=e.getOrigin,Object.defineProperty(exports,"isBrowser",{enumerable:!0,get:function(){return o.isBrowser}}),Object.defineProperty(exports,"isIframe",{enumerable:!0,get:function(){return o.isIframe}}),Object.defineProperty(exports,"isServer",{enumerable:!0,get:function(){return o.isServer}}),exports.isSyncEnabled=e.isSyncEnabled,Object.defineProperty(exports,"localessEditable",{enumerable:!0,get:function(){return o.localessEditable}}),Object.defineProperty(exports,"localessEditableField",{enumerable:!0,get:function(){return o.localessEditableField}}),exports.localessInit=e.localessInit,exports.registerComponent=e.registerComponent,exports.renderRichTextToReact=a.renderRichTextToReact,exports.resolveAsset=e.resolveAsset,exports.setComponents=e.setComponents,exports.setFallbackComponent=e.setFallbackComponent,exports.unregisterComponent=e.unregisterComponent,exports.useLocaless=i.useLocaless;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./core/state.js"),t=require("./core/utils/link.util.js"),n=require("./core/components/localess-component.js"),r=require("./core/components/localess-document.js"),i=require("./core/hooks/use-localess.js"),a=require("./core/richtext.js");let o=require("@localess/client");exports.LocalessComponent=n.LocalessComponent,exports.LocalessDocument=r.LocalessDocument,exports.findLink=t.findLink,exports.getComponent=e.getComponent,exports.getFallbackComponent=e.getFallbackComponent,exports.getLocalessClient=e.getLocalessClient,exports.getOrigin=e.getOrigin,Object.defineProperty(exports,"isBrowser",{enumerable:!0,get:function(){return o.isBrowser}}),Object.defineProperty(exports,"isIframe",{enumerable:!0,get:function(){return o.isIframe}}),Object.defineProperty(exports,"isServer",{enumerable:!0,get:function(){return o.isServer}}),exports.isSyncEnabled=e.isSyncEnabled,Object.defineProperty(exports,"localessEditable",{enumerable:!0,get:function(){return o.localessEditable}}),Object.defineProperty(exports,"localessEditableField",{enumerable:!0,get:function(){return o.localessEditableField}}),exports.localessInit=e.localessInit,exports.localessSyncReady=e.localessSyncReady,exports.registerComponent=e.registerComponent,exports.renderRichTextToReact=a.renderRichTextToReact,exports.resolveAsset=e.resolveAsset,exports.setComponents=e.setComponents,exports.setFallbackComponent=e.setFallbackComponent,exports.unregisterComponent=e.unregisterComponent,exports.useLocaless=i.useLocaless;

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import { getComponent as e, getFallbackComponent as t, getLocalessClient as n, getOrigin as r, isSyncEnabled as i, localessInit as a, registerComponent as o, resolveAsset as s, setComponents as c, setFallbackComponent as l, unregisterComponent as u } from "./core/state.mjs";
-import { findLink as d } from "./core/utils/link.util.mjs";
-import { isBrowser as f, isIframe as p, isServer as m, localessEditable as h, localessEditableField as g } from "./core/utils/index.mjs";
-import { LocalessComponent as _ } from "./core/components/localess-component.mjs";
-import { LocalessDocument as v } from "./core/components/localess-document.mjs";
-import { useLocaless as y } from "./core/hooks/use-localess.mjs";
-import { renderRichTextToReact as b } from "./core/richtext.mjs";
-export { _ as LocalessComponent, v as LocalessDocument, d as findLink, e as getComponent, t as getFallbackComponent, n as getLocalessClient, r as getOrigin, f as isBrowser, p as isIframe, m as isServer, i as isSyncEnabled, h as localessEditable, g as localessEditableField, a as localessInit, o as registerComponent, b as renderRichTextToReact, s as resolveAsset, c as setComponents, l as setFallbackComponent, u as unregisterComponent, y as useLocaless };
+import { getComponent as e, getFallbackComponent as t, getLocalessClient as n, getOrigin as r, isSyncEnabled as i, localessInit as a, localessSyncReady as o, registerComponent as s, resolveAsset as c, setComponents as l, setFallbackComponent as u, unregisterComponent as d } from "./core/state.mjs";
+import { findLink as f } from "./core/utils/link.util.mjs";
+import { isBrowser as p, isIframe as m, isServer as h, localessEditable as g, localessEditableField as _ } from "./core/utils/index.mjs";
+import { LocalessComponent as v } from "./core/components/localess-component.mjs";
+import { LocalessDocument as y } from "./core/components/localess-document.mjs";
+import { useLocaless as b } from "./core/hooks/use-localess.mjs";
+import { renderRichTextToReact as x } from "./core/richtext.mjs";
+export { v as LocalessComponent, y as LocalessDocument, f as findLink, e as getComponent, t as getFallbackComponent, n as getLocalessClient, r as getOrigin, p as isBrowser, m as isIframe, h as isServer, i as isSyncEnabled, g as localessEditable, _ as localessEditableField, a as localessInit, o as localessSyncReady, s as registerComponent, x as renderRichTextToReact, c as resolveAsset, l as setComponents, u as setFallbackComponent, d as unregisterComponent, b as useLocaless };

package/dist/rsc/index.d.ts

@@ -25,6 +25,6 @@
  * NOT compatible with Next.js `output: 'export'` — use `@localess/react/ssr` for static exports.
  */
 export * from '../core/components/localess-component';
-export { isSyncEnabled } from '../core/state';
+export { isSyncEnabled, localessSyncReady } from '../core/state';
 export * from '../ssr';
 export * from './localess-document';

package/dist/rsc/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../core/state.js"),t=require("../core/utils/link.util.js"),n=require("../core/components/localess-component.js"),r=require("../core/richtext.js"),i=require("../ssr/localess-component.js"),a=require("../ssr/localess-document.js"),o=require("./localess-document.js");let s=require("@localess/client");exports.LocalessComponent=n.LocalessComponent,exports.LocalessDocument=o.LocalessDocument,exports.LocalessServerComponent=i.LocalessServerComponent,exports.LocalessServerDocument=a.LocalessServerDocument,exports.findLink=t.findLink,exports.getComponent=e.getComponent,exports.getFallbackComponent=e.getFallbackComponent,exports.getLocalessClient=e.getLocalessClient,Object.defineProperty(exports,"isBrowser",{enumerable:!0,get:function(){return s.isBrowser}}),Object.defineProperty(exports,"isIframe",{enumerable:!0,get:function(){return s.isIframe}}),Object.defineProperty(exports,"isServer",{enumerable:!0,get:function(){return s.isServer}}),exports.isSyncEnabled=e.isSyncEnabled,Object.defineProperty(exports,"localessEditable",{enumerable:!0,get:function(){return s.localessEditable}}),Object.defineProperty(exports,"localessEditableField",{enumerable:!0,get:function(){return s.localessEditableField}}),exports.localessInit=e.localessInit,exports.registerComponent=e.registerComponent,exports.renderRichTextToReact=r.renderRichTextToReact,exports.resolveAsset=e.resolveAsset,exports.unregisterComponent=e.unregisterComponent;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../core/state.js"),t=require("../core/utils/link.util.js"),n=require("../core/components/localess-component.js"),r=require("../core/richtext.js"),i=require("../ssr/localess-component.js"),a=require("../ssr/localess-document.js"),o=require("./localess-document.js");let s=require("@localess/client");exports.LocalessComponent=n.LocalessComponent,exports.LocalessDocument=o.LocalessDocument,exports.LocalessServerComponent=i.LocalessServerComponent,exports.LocalessServerDocument=a.LocalessServerDocument,exports.findLink=t.findLink,exports.getComponent=e.getComponent,exports.getFallbackComponent=e.getFallbackComponent,exports.getLocalessClient=e.getLocalessClient,Object.defineProperty(exports,"isBrowser",{enumerable:!0,get:function(){return s.isBrowser}}),Object.defineProperty(exports,"isIframe",{enumerable:!0,get:function(){return s.isIframe}}),Object.defineProperty(exports,"isServer",{enumerable:!0,get:function(){return s.isServer}}),exports.isSyncEnabled=e.isSyncEnabled,Object.defineProperty(exports,"localessEditable",{enumerable:!0,get:function(){return s.localessEditable}}),Object.defineProperty(exports,"localessEditableField",{enumerable:!0,get:function(){return s.localessEditableField}}),exports.localessInit=e.localessInit,exports.localessSyncReady=e.localessSyncReady,exports.registerComponent=e.registerComponent,exports.renderRichTextToReact=r.renderRichTextToReact,exports.resolveAsset=e.resolveAsset,exports.unregisterComponent=e.unregisterComponent;

package/dist/rsc/index.mjs

@@ -1,9 +1,9 @@
-import { getComponent as e, getFallbackComponent as t, getLocalessClient as n, isSyncEnabled as r, localessInit as i, registerComponent as a, resolveAsset as o, unregisterComponent as s } from "../core/state.mjs";
-import { findLink as c } from "../core/utils/link.util.mjs";
-import { isBrowser as l, isIframe as u, isServer as d, localessEditable as f, localessEditableField as p } from "../core/utils/index.mjs";
-import { LocalessComponent as m } from "../core/components/localess-component.mjs";
-import { renderRichTextToReact as h } from "../core/richtext.mjs";
-import { LocalessServerComponent as g } from "../ssr/localess-component.mjs";
-import { LocalessServerDocument as _ } from "../ssr/localess-document.mjs";
-import { LocalessDocument as v } from "./localess-document.mjs";
-export { m as LocalessComponent, v as LocalessDocument, g as LocalessServerComponent, _ as LocalessServerDocument, c as findLink, e as getComponent, t as getFallbackComponent, n as getLocalessClient, l as isBrowser, u as isIframe, d as isServer, r as isSyncEnabled, f as localessEditable, p as localessEditableField, i as localessInit, a as registerComponent, h as renderRichTextToReact, o as resolveAsset, s as unregisterComponent };
+import { getComponent as e, getFallbackComponent as t, getLocalessClient as n, isSyncEnabled as r, localessInit as i, localessSyncReady as a, registerComponent as o, resolveAsset as s, unregisterComponent as c } from "../core/state.mjs";
+import { findLink as l } from "../core/utils/link.util.mjs";
+import { isBrowser as u, isIframe as d, isServer as f, localessEditable as p, localessEditableField as m } from "../core/utils/index.mjs";
+import { LocalessComponent as h } from "../core/components/localess-component.mjs";
+import { renderRichTextToReact as g } from "../core/richtext.mjs";
+import { LocalessServerComponent as _ } from "../ssr/localess-component.mjs";
+import { LocalessServerDocument as v } from "../ssr/localess-document.mjs";
+import { LocalessDocument as y } from "./localess-document.mjs";
+export { h as LocalessComponent, y as LocalessDocument, _ as LocalessServerComponent, v as LocalessServerDocument, l as findLink, e as getComponent, t as getFallbackComponent, n as getLocalessClient, u as isBrowser, d as isIframe, f as isServer, r as isSyncEnabled, p as localessEditable, m as localessEditableField, i as localessInit, a as localessSyncReady, o as registerComponent, g as renderRichTextToReact, s as resolveAsset, c as unregisterComponent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@localess/react",
-  "version": "3.2.4-dev.20260611210209",
+  "version": "3.3.0-dev.20260708093226",
   "description": "ReactJS JavaScript/TypeScript SDK for Localess's API.",
   "keywords": [
     "localess",
@@ -61,7 +61,7 @@
     "react-dom": "^17 || ^18 || ^19"
   },
   "dependencies": {
-    "@localess/client": "3.2.4-dev.20260611210209",
+    "@localess/client": "3.3.0-dev.20260708093226",
     "@tiptap/extension-bold": "^3.22.5",
     "@tiptap/extension-bullet-list": "^3.22.5",
     "@tiptap/extension-code": "^3.22.5",