@tailorkit/react 0.1.0-beta.45 → 0.1.0-beta.46

package/dist/index.js

@@ -187,6 +187,58 @@ var RemoteErrorBoundary = class extends Component {
     return this.props.children;
   }
 };
+var RemoteElementViewComponent = ({
+  children,
+  ctx,
+  node
+}) => {
+  const componentStore = useMemo2(
+    () => ctx.selectComponent(node.type),
+    [ctx, node.type]
+  );
+  const component = useStore(componentStore);
+  if (component === void 0) {
+    throw new Error(`TailorKit component "${node.type}" is not registered.`);
+  }
+  const props = createRemoteElementProps(node, ctx.dispatch.bind(ctx));
+  return createElement(
+    /* oxlint-disable typescript/no-unsafe-type-assertion -- The renderer was supplied through the typed component registry; React's createElement overload erases its heterogeneous props. */
+    component,
+    /* oxlint-enable typescript/no-unsafe-type-assertion */
+    props,
+    ...children
+  );
+};
+var RemoteElementView = memo(RemoteElementViewComponent);
+var RemoteNode = {
+  View: ({
+    ctx,
+    nodeId
+  }) => {
+    const nodeStore = useMemo2(
+      () => ctx.nodes.selectNode(nodeId),
+      [ctx, nodeId]
+    );
+    const node = useStore(nodeStore);
+    if (node === null) {
+      return null;
+    }
+    if (node.kind === "text") {
+      return node.text;
+    }
+    const childElements = node.children.map((child) => /* @__PURE__ */ jsx2(RemoteNode.View, { ctx, nodeId: child.id }, child.id));
+    if (node.kind === "fragment") {
+      return createElement(Fragment2, { key: node.id }, ...childElements);
+    }
+    return /* @__PURE__ */ jsx2(RemoteElementView, { node, ctx, children: childElements });
+  }
+};
+RemoteNode.View = memo(RemoteNode.View);
+var RemoteViewComponent = ({ nodeId }) => {
+  const ctx = useContext2(RemoteUIContext);
+  return ctx === null ? null : /* @__PURE__ */ jsx2(RemoteNode.View, { ctx, nodeId });
+};
+var RemoteView = memo(RemoteViewComponent);
 var RemoteRoot = ({ store }) => {
   const rootId = useStore(store.nodes.root);
   return rootId === null ? null : /* @__PURE__ */ jsx2(RemoteView, { nodeId: rootId });
@@ -229,58 +281,6 @@ var RemoteViewHost = ({
   }
   return /* @__PURE__ */ jsx2(RemoteUIContext.Provider, { value: store, children: /* @__PURE__ */ jsx2(RemoteErrorBoundary, { children: /* @__PURE__ */ jsx2(RemoteRoot, { store }) }, `${appKey}:${snapshot.generation}`) });
 };
-var RemoteElementViewComponent = ({
-  ctx,
-  node
-}) => {
-  const componentStore = useMemo2(
-    () => ctx.selectComponent(node.type),
-    [ctx, node.type]
-  );
-  const component = useStore(componentStore);
-  const children = node.children.map((child) => (
-    // oxlint-disable-next-line no-use-before-define -- This deferred callback runs after initialization; the definitions are mutually dependent.
-    /* @__PURE__ */ jsx2(RemoteView, { nodeId: child.id }, child.id)
-  ));
-  if (component === void 0) {
-    throw new Error(`TailorKit component "${node.type}" is not registered.`);
-  }
-  const props = createRemoteElementProps(node, ctx.dispatch.bind(ctx));
-  return createElement(
-    /* oxlint-disable typescript/no-unsafe-type-assertion -- The renderer was supplied through the typed component registry; React's createElement overload erases its heterogeneous props. */
-    component,
-    /* oxlint-enable typescript/no-unsafe-type-assertion */
-    props,
-    ...children
-  );
-};
-var RemoteElementView = memo(RemoteElementViewComponent);
-var RemoteNodeView = ({
-  ctx,
-  nodeId
-}) => {
-  const nodeStore = useMemo2(() => ctx.nodes.selectNode(nodeId), [ctx, nodeId]);
-  const node = useStore(nodeStore);
-  if (node === null) {
-    return null;
-  }
-  if (node.kind === "text") {
-    return node.text;
-  }
-  const childElements = node.children.map((child) => (
-    // oxlint-disable-next-line no-use-before-define -- This deferred callback runs after initialization; the definitions are mutually dependent.
-    /* @__PURE__ */ jsx2(RemoteView, { nodeId: child.id }, child.id)
-  ));
-  if (node.kind === "fragment") {
-    return createElement(Fragment2, { key: node.id }, ...childElements);
-  }
-  return /* @__PURE__ */ jsx2(RemoteElementView, { node, ctx });
-};
-var RemoteViewComponent = ({ nodeId }) => {
-  const ctx = useContext2(RemoteUIContext);
-  return ctx === null ? null : /* @__PURE__ */ jsx2(RemoteNodeView, { ctx, nodeId });
-};
-var RemoteView = memo(RemoteViewComponent);
 
 // src/components/context.ts
 import { createContext as createContext3, useContext as useContext3 } from "react";

package/dist/remote-view.d.ts

@@ -11,10 +11,10 @@ interface RemoteViewHostProps {
     createIframe?: () => HTMLIFrameElement;
     props?: RemoteProps;
 }
-export declare const RemoteViewHost: ({ appUrl, toolBridge, getBackendSession, components, createIframe, props, }: RemoteViewHostProps) => ReactNode;
 interface RemoteViewProps {
     nodeId: string;
 }
 declare const RemoteViewComponent: ({ nodeId }: RemoteViewProps) => ReactNode;
 export declare const RemoteView: import("react").MemoExoticComponent<typeof RemoteViewComponent>;
+export declare const RemoteViewHost: ({ appUrl, toolBridge, getBackendSession, components, createIframe, props, }: RemoteViewHostProps) => ReactNode;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tailorkit/react",
-  "version": "0.1.0-beta.45",
+  "version": "0.1.0-beta.46",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -47,11 +47,11 @@
     "@floating-ui/react-dom": "^2.1.9",
     "@nanostores/react": "2.0.1",
     "@standard-schema/spec": "^1.1.0",
-    "@tailorkit/app": "0.1.0-beta.45",
-    "@tailorkit/client-core": "0.1.0-beta.45",
-    "@tailorkit/client-platform": "0.1.0-beta.45",
-    "@tailorkit/core": "0.1.0-beta.45",
-    "@tailorkit/sandbox": "0.1.0-beta.45",
+    "@tailorkit/app": "0.1.0-beta.46",
+    "@tailorkit/client-core": "0.1.0-beta.46",
+    "@tailorkit/client-platform": "0.1.0-beta.46",
+    "@tailorkit/core": "0.1.0-beta.46",
+    "@tailorkit/sandbox": "0.1.0-beta.46",
     "nanostores": "1.5.5"
   },
   "devDependencies": {