@localess/react 3.0.1-dev.20260410065141 → 3.0.1-dev.20260410070330

package/dist/rsc.d.mts

@@ -1,5 +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-XH7pH80J.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 'react';
+import * as React from 'react';
+
+type LocalessDocumentProps<T extends ContentData = ContentData> = {
+    data: T;
+    links?: Links;
+    references?: References;
+};
+declare const LocalessDocument: React.ForwardRefExoticComponent<LocalessDocumentProps<ContentData> & React.RefAttributes<HTMLElement>>;
+
+export { LocalessDocument, type LocalessDocumentProps };

package/dist/rsc.d.ts

@@ -1,5 +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-XH7pH80J.js';
 export { LocalessServerComponent, LocalessServerComponentProps, LocalessServerDocument, LocalessServerDocumentProps } from './ssr.js';
+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.js';
-import 'react';
+import * as React from 'react';
+
+type LocalessDocumentProps<T extends ContentData = ContentData> = {
+    data: T;
+    links?: Links;
+    references?: References;
+};
+declare const LocalessDocument: React.ForwardRefExoticComponent<LocalessDocumentProps<ContentData> & React.RefAttributes<HTMLElement>>;
+
+export { LocalessDocument, type LocalessDocumentProps };

package/dist/rsc.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var rsc_exports = {};
 __export(rsc_exports, {
   LocalessComponent: () => LocalessComponent,
+  LocalessDocument: () => LocalessDocument,
   LocalessServerComponent: () => LocalessServerComponent,
   LocalessServerDocument: () => LocalessServerDocument,
   findLink: () => findLink,
@@ -242,11 +243,30 @@ var LocalessComponent = (0, import_react4.forwardRef)(
   }
 );
 
-// src/core/hooks/use-localess.ts
+// src/rsc/localess-document.tsx
 var import_react5 = require("react");
 var import_client3 = require("@localess/client");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var LocalessDocument = (0, import_react5.forwardRef)(({ data, links, references, ...restProps }, ref) => {
+  const [contentData, setContentData] = (0, import_react5.useState)(data);
+  (0, import_react5.useEffect)(() => {
+    if (isSyncEnabled() && (0, import_client3.isBrowser)()) {
+      window.localess?.on(["input", "change"], (event) => {
+        console.log("Localess:event", event);
+        if (event.type === "change" || event.type === "input") {
+          setContentData(event.data);
+        }
+      });
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LocalessComponent, { ref, data: contentData, links, references, ...restProps });
+});
+
+// src/core/hooks/use-localess.ts
+var import_react6 = require("react");
+var import_client4 = require("@localess/client");
 var useLocaless = (slug, options = {}) => {
-  const [document, setDocument] = (0, import_react5.useState)();
+  const [document, setDocument] = (0, import_react6.useState)();
   const client = getLocalessClient();
   let normalizedSlug;
   if (Array.isArray(slug)) {
@@ -254,11 +274,11 @@ var useLocaless = (slug, options = {}) => {
   } else {
     normalizedSlug = slug;
   }
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     async function loadDocument() {
       const document2 = await client.getContentBySlug(normalizedSlug, options);
       setDocument(document2);
-      if (isSyncEnabled() && (0, import_client3.isBrowser)()) {
+      if (isSyncEnabled() && (0, import_client4.isBrowser)()) {
         window.localess?.on(["input", "change"], (event) => {
           if (event.type === "change" || event.type === "input") {
             setDocument({ ...document2, data: event.data });
@@ -273,6 +293,7 @@ var useLocaless = (slug, options = {}) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   LocalessComponent,
+  LocalessDocument,
   LocalessServerComponent,
   LocalessServerDocument,
   findLink,

package/dist/rsc.mjs

@@ -23,8 +23,28 @@ import {
   resolveAsset,
   unregisterComponent
 } from "./chunk-ETSLIILF.mjs";
+
+// src/rsc/localess-document.tsx
+import { forwardRef, useEffect, useState } from "react";
+import { isBrowser as isBrowser2 } from "@localess/client";
+import { jsx } from "react/jsx-runtime";
+var LocalessDocument = forwardRef(({ data, links, references, ...restProps }, ref) => {
+  const [contentData, setContentData] = useState(data);
+  useEffect(() => {
+    if (isSyncEnabled() && isBrowser2()) {
+      window.localess?.on(["input", "change"], (event) => {
+        console.log("Localess:event", event);
+        if (event.type === "change" || event.type === "input") {
+          setContentData(event.data);
+        }
+      });
+    }
+  });
+  return /* @__PURE__ */ jsx(LocalessComponent, { ref, data: contentData, links, references, ...restProps });
+});
 export {
   LocalessComponent,
+  LocalessDocument,
   LocalessServerComponent,
   LocalessServerDocument,
   findLink,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@localess/react",
-  "version": "3.0.1-dev.20260410065141",
+  "version": "3.0.1-dev.20260410070330",
   "description": "ReactJS JavaScript/TypeScript SDK for Localess's API.",
   "keywords": [
     "localess",
@@ -56,7 +56,7 @@
     "react-dom": "^17 || ^18 || ^19"
   },
   "dependencies": {
-    "@localess/client": "3.0.1-dev.20260410065141",
+    "@localess/client": "3.0.1-dev.20260410070330",
     "@tiptap/static-renderer": "^3.20.1",
     "@tiptap/html": "^3.20.1",
     "@tiptap/extension-bold": "^3.20.1",