@localess/react 3.0.1-dev.20260410071322 → 3.0.1-dev.20260412201733

package/dist/core/utils/index.mjs

@@ -0,0 +1,3 @@
+import "./link.util.mjs";
+import { isBrowser as e, isIframe as t, isServer as n, localessEditable as r, localessEditableField as i } from "@localess/client";
+export { e as isBrowser, t as isIframe, n as isServer, r as localessEditable, i as localessEditableField };

package/dist/core/utils/link.util.d.ts

@@ -0,0 +1,24 @@
+import { ContentLink, Links } from '../models';
+/**
+ * Resolves a {@link ContentLink} reference to a navigable URL string.
+ *
+ * Resolution rules by `link.type`:
+ * - `'content'` — looks up `link.uri` in the `links` map and returns `'/' + fullSlug`.
+ *   Returns `'/not-found'` when `links` is undefined or the URI is not in the map.
+ * - `'url'`     — returns `link.uri` directly (external or absolute URL).
+ * - anything else — returns `'no-type'` (indicates a misconfigured link field).
+ *
+ * @param links - The links map from `content.links` (keyed by link URI). May be `undefined`.
+ * @param link  - The content link reference to resolve.
+ * @returns A URL string ready to use in an `<a href>` or Next.js `<Link href>`.
+ *
+ * @example
+ * ```tsx
+ * import { findLink } from '@localess/react';
+ *
+ * function NavItem({ data, links }) {
+ *   return <a href={findLink(links, data.url)}>{data.label}</a>;
+ * }
+ * ```
+ */
+export declare function findLink(links: Links | undefined, link: ContentLink): string;

package/dist/core/utils/link.util.js

@@ -0,0 +1 @@
+function e(e,t){switch(t.type){case`content`:if(e){let n=e[t.uri];return n?`/`+n.fullSlug:`/not-found`}return`/not-found`;case`url`:return t.uri;default:return`no-type`}}exports.findLink=e;

package/dist/core/utils/link.util.mjs

@@ -0,0 +1,15 @@
+//#region src/core/utils/link.util.ts
+function e(e, t) {
+	switch (t.type) {
+		case "content":
+			if (e) {
+				let n = e[t.uri];
+				return n ? "/" + n.fullSlug : "/not-found";
+			}
+			return "/not-found";
+		case "url": return t.uri;
+		default: return "no-type";
+	}
+}
+//#endregion
+export { e as findLink };

package/dist/index.d.ts

@@ -1,104 +1,26 @@
-export { L as LocalessOptions, f as findLink, g as getComponent, a as getFallbackComponent, b as getLocalessClient, i as isSyncEnabled, l as localessInit, r as registerComponent, c as renderRichTextToReact, d as resolveAsset, s as setComponents, e as setFallbackComponent, u as unregisterComponent } from './richtext-l2BRZFEP.js';
-import * as React from 'react';
-import { ContentData, Links, References, ContentFetchParams, Content } from '@localess/client';
-export { Content, ContentAsset, ContentData, ContentDataField, ContentDataSchema, ContentLink, ContentMetadata, ContentReference, ContentRichText, EventCallback, EventToApp, EventToAppType, Links, LocalessClient, LocalessSync, References, Translations, isBrowser, isIframe, isServer, localessEditable, localessEditableField } from '@localess/client';
-
 /**
- * Props for {@link LocalessComponent}.
+ * @localess/react
  *
- * @template T - The content data shape. Defaults to the base {@link ContentData} type.
- */
-type LocalessComponentProps<T extends ContentData = ContentData> = {
-    /**
-     * The content data object to render. Must have a `_schema` field that matches a key
-     * in the component registry configured via `localessInit`.
-     */
-    data: T;
-    /**
-     * Optional map of content links keyed by link ID.
-     * Pass through to child components so they can resolve {@link ContentLink} values with `findLink`.
-     */
-    links?: Links;
-    /**
-     * Optional map of resolved content references keyed by reference ID.
-     * Pass through to child components that consume referenced content.
-     */
-    references?: References;
-};
-/**
- * Dynamic schema-to-component renderer for use in SPA and client-side contexts.
- *
- * Looks up `data._schema` in the component registry (set via `localessInit` or `setComponents`),
- * renders the matched component, and — when Visual Editor sync is active — automatically
- * spreads `localessEditable` attributes on the root element for live targeting.
- *
- * Falls back to the `fallbackComponent` (if registered) when the schema key is not found,
- * or renders an inline error message as a last resort.
- *
- * **Server-safe** — does not include a `'use client'` directive and can be used in
- * React Server Components. For SSR / static-export environments use {@link LocalessServerComponent}
- * from `@localess/react/ssr` instead, which omits the sync attribute injection.
- *
- * @template T - The content data shape. Defaults to {@link ContentData}.
- *
- * @example Basic usage
- * ```tsx
- * import { LocalessComponent } from '@localess/react';
- *
- * <LocalessComponent data={content.data} links={content.links} references={content.references} />
- * ```
- *
- * @example Rendering a list of nested blocks
- * ```tsx
- * {data.body.map(item => (
- *   <LocalessComponent key={item._id} data={item} links={content.links} references={content.references} />
- * ))}
- * ```
- */
-declare const LocalessComponent: React.ForwardRefExoticComponent<LocalessComponentProps<ContentData> & React.RefAttributes<HTMLElement>>;
-
-/**
- * Options for {@link useLocaless}.
- * Extends {@link ContentFetchParams} with any future hook-specific settings.
- */
-type UseLocalessOptions = ContentFetchParams & {};
-/**
- * React hook for fetching Localess content by slug inside a Client Component.
- *
- * Fetches content on mount using `getLocalessClient().getContentBySlug`, stores it in local state,
- * and — when `enableSync` is active and the page is running inside the Visual Editor iframe —
- * automatically subscribes to `input` and `change` events so content updates live without a reload.
+ * Default export — Single Page Applications (SPA) and fully client-rendered React apps.
+ * Includes the complete API: initialization, component registry, components, hooks,
+ * Visual Editor live editing helpers, rich text rendering, and all TypeScript types.
  *
- * **Requires `'use client'`** — must be called inside a Client Component.
+ * Use this export when:
+ * - Building a Single Page Application (SPA) or client-rendered React app
+ * - All code runs in the browser (no server components)
+ * - You need live Visual Editor editing in browser-based applications
  *
- * **Recommended pattern:** fetch data server-side and pass it as `initialContent`, then use the
- * hook result with `?? initialContent` to avoid a loading flash:
- * ```tsx
- * const content = useLocaless('home', { locale }) ?? initialContent;
- * ```
- *
- * @template T - The content data shape. Defaults to {@link ContentData}.
- *
- * @param slug - Content slug string, or an array of path segments that will be joined with `/`.
- * @param options - Optional fetch parameters (locale, version, resolveReference, resolveLink).
- * @returns The fetched {@link Content}<T> object, or `undefined` while the initial fetch is in flight.
- *
- * @example Basic usage
- * ```tsx
- * 'use client';
- * import { useLocaless } from '@localess/react/rsc';
- *
- * export function PageClient({ initialContent, locale }) {
- *   const content = useLocaless('home', { locale }) ?? initialContent;
- *   return <LocalessComponent data={content.data} links={content.links} />;
- * }
- * ```
+ * For server-rendering without live editing use `@localess/react/ssr`.
+ * For React Server Components with live editing use `@localess/react/rsc`.
  *
- * @example Array slug (joined as 'blog/my-post')
- * ```tsx
- * const content = useLocaless(['blog', 'my-post'], { locale: 'en' });
+ * @example
+ * ```ts
+ * import { localessInit, LocalessComponent, useLocaless, localessEditable } from '@localess/react';
  * ```
  */
-declare const useLocaless: <T extends ContentData = ContentData>(slug: string | string[], options?: UseLocalessOptions) => Content<T> | undefined;
-
-export { LocalessComponent, type LocalessComponentProps, type UseLocalessOptions, useLocaless };
+export * from './core/state';
+export * from './core/components';
+export * from './core/hooks';
+export * from './core/utils';
+export * from './core/richtext';
+export type * from './core/models';

package/dist/index.js

@@ -1,257 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  LocalessComponent: () => LocalessComponent,
-  findLink: () => findLink,
-  getComponent: () => getComponent,
-  getFallbackComponent: () => getFallbackComponent,
-  getLocalessClient: () => getLocalessClient,
-  isBrowser: () => import_client2.isBrowser,
-  isIframe: () => import_client2.isIframe,
-  isServer: () => import_client2.isServer,
-  isSyncEnabled: () => isSyncEnabled,
-  localessEditable: () => import_client2.localessEditable,
-  localessEditableField: () => import_client2.localessEditableField,
-  localessInit: () => localessInit,
-  registerComponent: () => registerComponent,
-  renderRichTextToReact: () => renderRichTextToReact,
-  resolveAsset: () => resolveAsset,
-  setComponents: () => setComponents,
-  setFallbackComponent: () => setFallbackComponent,
-  unregisterComponent: () => unregisterComponent,
-  useLocaless: () => useLocaless
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/core/state.ts
-var import_client = require("@localess/client");
-
-// src/console.ts
-var FONT_BOLD = "font-weight: bold";
-var FONT_NORMAL = "font-weight: normal";
-
-// src/core/state.ts
-var _client = void 0;
-var _components = {};
-var _fallbackComponent = void 0;
-var _enableSync = false;
-var _assetPathPrefix = "";
-function localessInit(options) {
-  console.log("localessInit", options);
-  const { components, fallbackComponent, enableSync, ...restOptions } = options;
-  _client = (0, import_client.localessClient)(restOptions);
-  _assetPathPrefix = `${options.origin}/api/v1/spaces/${options.spaceId}/assets/`;
-  _components = components || {};
-  _fallbackComponent = fallbackComponent;
-  if (enableSync) {
-    _enableSync = true;
-    (0, import_client.loadLocalessSync)(restOptions.origin);
-  }
-  return _client;
-}
-function getLocalessClient() {
-  if (!_client) {
-    console.error("[Localess] No client found. Please check if the Localess is initialized.");
-    throw new Error("[Localess] No client found.");
-  }
-  return _client;
-}
-function registerComponent(key, component) {
-  _components[key] = component;
-}
-function unregisterComponent(key) {
-  delete _components[key];
-}
-function setComponents(components) {
-  _components = components;
-}
-function getComponent(key) {
-  if (Object.hasOwn(_components, key)) {
-    return _components[key];
-  }
-  console.error(`[Localess] component %c${key}%c can't be found.`, FONT_BOLD, FONT_NORMAL);
-  return void 0;
-}
-function setFallbackComponent(fallbackComponent) {
-  _fallbackComponent = fallbackComponent;
-}
-function getFallbackComponent() {
-  return _fallbackComponent;
-}
-function isSyncEnabled() {
-  return _enableSync;
-}
-function resolveAsset(asset) {
-  return `${_assetPathPrefix}${asset.uri}`;
-}
-
-// src/core/components/localess-component.tsx
-var import_react = require("react");
-
-// src/core/utils/index.ts
-var import_client2 = require("@localess/client");
-
-// src/core/utils/link.util.ts
-function findLink(links, link) {
-  switch (link.type) {
-    case "content": {
-      if (links) {
-        const path = links[link.uri];
-        if (path) {
-          return "/" + path.fullSlug;
-        } else {
-          return "/not-found";
-        }
-      }
-      return "/not-found";
-    }
-    case "url":
-      return link.uri;
-    default:
-      return "no-type";
-  }
-}
-
-// src/core/components/localess-component.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var LocalessComponent = (0, import_react.forwardRef)(
-  ({ data, links, references, ...restProps }, ref) => {
-    if (!data) {
-      console.error("LocalessComponent property %cdata%c is not provided.", FONT_BOLD, FONT_NORMAL);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-        "LocalessComponent property ",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "data" }),
-        " is not provided."
-      ] });
-    }
-    const Comp = getComponent(data._schema);
-    if (Comp) {
-      const attr = isSyncEnabled() ? (0, import_client2.localessEditable)(data) : {};
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ref, data, links, references, ...attr, ...restProps });
-    }
-    const FallbackComponent = getFallbackComponent();
-    if (FallbackComponent) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FallbackComponent, { ref, data, links, references, ...restProps });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "LocalessComponent" }),
-      " could not found component with key ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: data._schema }),
-      ". ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-      "Please check if your configuration is correct."
-    ] });
-  }
-);
-
-// src/core/hooks/use-localess.ts
-var import_react2 = require("react");
-var import_client3 = require("@localess/client");
-var useLocaless = (slug, options = {}) => {
-  const [document, setDocument] = (0, import_react2.useState)();
-  const client = getLocalessClient();
-  let normalizedSlug;
-  if (Array.isArray(slug)) {
-    normalizedSlug = slug.join("/");
-  } else {
-    normalizedSlug = slug;
-  }
-  (0, import_react2.useEffect)(() => {
-    async function loadDocument() {
-      const document2 = await client.getContentBySlug(normalizedSlug, options);
-      setDocument(document2);
-      if (isSyncEnabled() && (0, import_client3.isBrowser)()) {
-        window.localess?.on(["input", "change"], (event) => {
-          if (event.type === "change" || event.type === "input") {
-            setDocument({ ...document2, data: event.data });
-          }
-        });
-      }
-    }
-    loadDocument();
-  }, [slug, options, client]);
-  return document;
-};
-
-// src/core/richtext.ts
-var import_react3 = require("@tiptap/static-renderer/pm/react");
-var import_extension_document = require("@tiptap/extension-document");
-var import_extension_text = require("@tiptap/extension-text");
-var import_extension_paragraph = require("@tiptap/extension-paragraph");
-var import_extension_heading = require("@tiptap/extension-heading");
-var import_extension_bold = require("@tiptap/extension-bold");
-var import_extension_italic = require("@tiptap/extension-italic");
-var import_extension_strike = require("@tiptap/extension-strike");
-var import_extension_underline = require("@tiptap/extension-underline");
-var import_extension_history = require("@tiptap/extension-history");
-var import_extension_list_item = require("@tiptap/extension-list-item");
-var import_extension_ordered_list = require("@tiptap/extension-ordered-list");
-var import_extension_bullet_list = require("@tiptap/extension-bullet-list");
-var import_extension_code = require("@tiptap/extension-code");
-var import_extension_code_block_lowlight = require("@tiptap/extension-code-block-lowlight");
-var import_extension_link = require("@tiptap/extension-link");
-function renderRichTextToReact(content) {
-  return (0, import_react3.renderToReactElement)({
-    content,
-    extensions: [
-      import_extension_document.Document,
-      import_extension_text.Text,
-      import_extension_paragraph.Paragraph,
-      import_extension_heading.Heading.configure({
-        levels: [1, 2, 3, 4, 5, 6]
-      }),
-      import_extension_bold.Bold,
-      import_extension_italic.Italic,
-      import_extension_strike.Strike,
-      import_extension_underline.Underline,
-      import_extension_history.History,
-      import_extension_list_item.ListItem,
-      import_extension_ordered_list.OrderedList,
-      import_extension_bullet_list.BulletList,
-      import_extension_code.Code,
-      import_extension_code_block_lowlight.CodeBlockLowlight,
-      import_extension_link.Link
-    ]
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LocalessComponent,
-  findLink,
-  getComponent,
-  getFallbackComponent,
-  getLocalessClient,
-  isBrowser,
-  isIframe,
-  isServer,
-  isSyncEnabled,
-  localessEditable,
-  localessEditableField,
-  localessInit,
-  registerComponent,
-  renderRichTextToReact,
-  resolveAsset,
-  setComponents,
-  setFallbackComponent,
-  unregisterComponent,
-  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.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,44 +1,8 @@
-import {
-  LocalessComponent,
-  useLocaless
-} from "./chunk-V6JSXN66.mjs";
-import {
-  findLink,
-  getComponent,
-  getFallbackComponent,
-  getLocalessClient,
-  isBrowser,
-  isIframe,
-  isServer,
-  isSyncEnabled,
-  localessEditable,
-  localessEditableField,
-  localessInit,
-  registerComponent,
-  renderRichTextToReact,
-  resolveAsset,
-  setComponents,
-  setFallbackComponent,
-  unregisterComponent
-} from "./chunk-ETSLIILF.mjs";
-export {
-  LocalessComponent,
-  findLink,
-  getComponent,
-  getFallbackComponent,
-  getLocalessClient,
-  isBrowser,
-  isIframe,
-  isServer,
-  isSyncEnabled,
-  localessEditable,
-  localessEditableField,
-  localessInit,
-  registerComponent,
-  renderRichTextToReact,
-  resolveAsset,
-  setComponents,
-  setFallbackComponent,
-  unregisterComponent,
-  useLocaless
-};
+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 };

package/dist/rsc/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @localess/react/rsc
+ *
+ * React Server Components export — use in Next.js App Router and other RSC-capable frameworks.
+ * Extends the SSR export with client-side components and hooks for Visual Editor live editing.
+ *
+ * Use this export when:
+ * - Using Next.js App Router with React Server Components
+ * - You need live Visual Editor editing alongside server-rendered components
+ * - Building modern React apps with a clear server / client component boundary
+ *
+ * For the default SPA export use `@localess/react`.
+ * For SSR without live editing (static exports) use `@localess/react/ssr`.
+ *
+ * Typical pattern — import path is the same for both server and client files:
+ * @example
+ * ```ts
+ * // Server Component (Next.js App Router)
+ * import { localessInit, getLocalessClient, LocalessServerComponent } from '@localess/react/rsc';
+ *
+ * // Client Component ('use client')
+ * import { LocalessDocument, useLocaless, localessEditable } from '@localess/react/rsc';
+ * ```
+ *
+ * NOT compatible with Next.js `output: 'export'` — use `@localess/react/ssr` for static exports.
+ */
+export * from '../ssr';
+export * from '../core/components/localess-component';
+export * from './localess-document';
+export { isSyncEnabled } from '../core/state';

package/dist/rsc/index.js

@@ -0,0 +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;

package/dist/rsc/index.mjs

@@ -0,0 +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 };

package/dist/{rsc.d.mts → rsc/localess-document.d.ts}

@@ -1,32 +1,15 @@
-export { L as LocalessOptions, f as findLink, g as getComponent, a as getFallbackComponent, b as getLocalessClient, i as isSyncEnabled, l as localessInit, r as registerComponent, c as renderRichTextToReact, d as resolveAsset, u as unregisterComponent } from './richtext-l2BRZFEP.mjs';
-export { LocalessServerComponent, LocalessServerComponentProps, LocalessServerDocument, LocalessServerDocumentProps } from './ssr.mjs';
-import { ContentData, Links, References } from '@localess/client';
-export { Content, ContentAsset, ContentData, ContentDataField, ContentDataSchema, ContentLink, ContentMetadata, ContentReference, ContentRichText, EventCallback, EventToApp, EventToAppType, Links, LocalessClient, LocalessSync, References, Translations, isBrowser, isIframe, isServer, localessEditable, localessEditableField } from '@localess/client';
-export { LocalessComponent, LocalessComponentProps, UseLocalessOptions, useLocaless } from './index.mjs';
-import * as React from 'react';
-
+import { Content, ContentData } from '../core/models';
 /**
  * Props for {@link LocalessDocument}.
  *
  * @template T - The content data shape. Defaults to the base {@link ContentData} type.
  */
-type LocalessDocumentProps<T extends ContentData = ContentData> = {
+export type LocalessDocumentProps<T extends ContentData = ContentData> = {
     /**
-     * The content data object to render — typically `content.data` from `getContentBySlug`.
-     * Should be fetched server-side and passed as a prop so the page renders immediately
-     * without a loading flash.
+     * The full content response object as returned by `getContentBySlug` or `getContentById`.
+     * Must contain a `data` field with a valid `_schema` key.
      */
-    data: T;
-    /**
-     * Optional map of content links keyed by link ID.
-     * Passed through to child components for resolving {@link ContentLink} values with `findLink`.
-     */
-    links?: Links;
-    /**
-     * Optional map of resolved content references keyed by reference ID.
-     * Passed through to child components that consume referenced content.
-     */
-    references?: References;
+    document: Content<T>;
 };
 /**
  * Client Component that renders content and automatically subscribes to Visual Editor sync events.
@@ -67,6 +50,4 @@ type LocalessDocumentProps<T extends ContentData = ContentData> = {
  * }
  * ```
  */
-declare const LocalessDocument: React.ForwardRefExoticComponent<LocalessDocumentProps<ContentData> & React.RefAttributes<HTMLElement>>;
-
-export { LocalessDocument, type LocalessDocumentProps };
+export declare const LocalessDocument: import('react').ForwardRefExoticComponent<LocalessDocumentProps<ContentData> & import('react').RefAttributes<HTMLElement>>;

package/dist/rsc/localess-document.js

@@ -0,0 +1 @@
+const e=require(`../console.js`),t=require(`../core/state.js`),n=require(`../core/components/localess-component.js`),r=require(`./localess-sync.js`);let i=require(`react`),a=require(`react/jsx-runtime`);var o=(0,i.forwardRef)(({document:i},o)=>i.data?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.LocalessComponent,{ref:o,data:i.data,links:i.links,references:i.references}),(0,a.jsx)(r.LocalessSync,{document:i,origin:t.getOrigin(),enableSync:t.isSyncEnabled()})]}):(console.error(`LocalessDocument property %cdocument.data%c is not provided.`,e.FONT_BOLD,e.FONT_NORMAL),(0,a.jsxs)(`div`,{children:[`LocalessDocument property `,(0,a.jsx)(`b`,{children:`document.data`}),` is not provided.`]})));exports.LocalessDocument=o;

package/dist/rsc/localess-document.mjs

@@ -0,0 +1,23 @@
+import { FONT_BOLD as e, FONT_NORMAL as t } from "../console.mjs";
+import { getOrigin as n, isSyncEnabled as r } from "../core/state.mjs";
+import { LocalessComponent as i } from "../core/components/localess-component.mjs";
+import { LocalessSync as a } from "./localess-sync.mjs";
+import { forwardRef as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/rsc/localess-document.tsx
+var u = o(({ document: o }, u) => o.data ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(i, {
+	ref: u,
+	data: o.data,
+	links: o.links,
+	references: o.references
+}), /* @__PURE__ */ c(a, {
+	document: o,
+	origin: n(),
+	enableSync: r()
+})] }) : (console.error("LocalessDocument property %cdocument.data%c is not provided.", e, t), /* @__PURE__ */ l("div", { children: [
+	"LocalessDocument property ",
+	/* @__PURE__ */ c("b", { children: "document.data" }),
+	" is not provided."
+] })));
+//#endregion
+export { u as LocalessDocument };

package/dist/rsc/localess-sync.d.ts

@@ -0,0 +1,7 @@
+import { Content, ContentData } from '@localess/client';
+export type LocalessSyncProps<T extends ContentData = ContentData> = {
+    document: Content<T>;
+    origin: string;
+    enableSync: boolean;
+};
+export declare const LocalessSync: (props: LocalessSyncProps) => null;

package/dist/rsc/localess-sync.js

@@ -0,0 +1 @@
+"use client";let e=require(`@localess/client`),t=require(`react`);var n=(n=>(console.info(`LocalessSync:init`),(0,t.useEffect)(()=>{console.info(`LocalessSync:effect`,n.enableSync,(0,e.isBrowser)(),(0,e.isIframe)()),n.enableSync&&(0,e.isBrowser)()&&(0,e.isIframe)()&&((0,e.loadLocalessSync)(n.origin),window.localess?.on([`input`,`change`],e=>{console.info(`LocalessSync:change:`,e),(e.type===`change`||e.type===`input`)&&(n.document.data=e.data)}))},[]),null));exports.LocalessSync=n;

package/dist/rsc/localess-sync.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { isBrowser as e, isIframe as t } from "../core/utils/index.mjs";
+import { loadLocalessSync as n } from "@localess/client";
+import { useEffect as r } from "react";
+//#region src/rsc/localess-sync.tsx
+var i = ((i) => (console.info("LocalessSync:init"), r(() => {
+	console.info("LocalessSync:effect", i.enableSync, e(), t()), i.enableSync && e() && t() && (n(i.origin), window.localess?.on(["input", "change"], (e) => {
+		console.info("LocalessSync:change:", e), (e.type === "change" || e.type === "input") && (i.document.data = e.data);
+	}));
+}, []), null));
+//#endregion
+export { i as LocalessSync };