@makeswift/runtime 0.28.9 → 0.28.10-canary.1

package/dist/esm/runtimes/react/react-runtime-core.js

@@ -5,8 +5,10 @@ import {
 } from "../../state/actions/internal/read-only-actions";
 import { ComponentIcon } from "../../state/modules/components-meta";
 import { RuntimeCore } from "./runtime-core";
-function validateComponentType(type, component) {
-  const componentName = component?.name ?? "Component";
+function validateComponentType({
+  type,
+  componentName
+}) {
   if (typeof type !== "string" || type === "") {
     throw new Error(
       `${componentName}: A non-empty string \`type\` is required for component registration, got ${type}`
@@ -22,13 +24,21 @@ class ReactRuntimeCore extends RuntimeCore {
     description,
     builtinSuspense,
     unstable_migration,
+    server = false,
     props
   }) {
-    validateComponentType(type, component);
+    validateComponentType(
+      // make sure we don't access `component?.name` and trigger loading of the server
+      // component unless we're running in the RSC environment
+      server && !this.isRSCEnv() ? { type, componentName: label || "Unknown server component" } : {
+        type,
+        componentName: component?.name || label || "Unknown component"
+      }
+    );
     const unregisterComponent = this.protoStore.dispatch(
       registerComponentEffect(
         type,
-        { label, icon, hidden, description, builtinSuspense, unstable_migration },
+        { label, icon, hidden, description, builtinSuspense, unstable_migration, server },
         props ?? {}
       )
     );
@@ -37,6 +47,11 @@ class ReactRuntimeCore extends RuntimeCore {
         "builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>."
       );
     }
+    if (server && !this.isRSCEnv()) {
+      return () => {
+        unregisterComponent();
+      };
+    }
     const unregisterReactComponent = this.protoStore.dispatch(
       registerReactComponentEffect(type, component)
     );
@@ -45,6 +60,9 @@ class ReactRuntimeCore extends RuntimeCore {
       unregisterReactComponent();
     };
   }
+  isRSCEnv() {
+    return false;
+  }
 }
 export {
   ReactRuntimeCore

package/dist/esm/runtimes/react/react-runtime-core.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/react-runtime-core.ts"],"sourcesContent":["import { ControlDefinition as UnifiedControlDefinition } from '@makeswift/controls'\n\nimport { type LegacyDescriptor, type DescriptorValueType } from '../../prop-controllers/descriptors'\n\nimport { supportsActivity } from './components/activity-with-fallback'\n\nimport {\n  registerComponentEffect,\n  registerReactComponentEffect,\n} from '../../state/actions/internal/read-only-actions'\n\nimport { ComponentIcon } from '../../state/modules/components-meta'\nimport type { ComponentType } from '../../state/read-only-state'\n\nimport { RuntimeCore } from './runtime-core'\n\nfunction validateComponentType(type: string, component?: ComponentType): void {\n  const componentName = component?.name ?? 'Component'\n  if (typeof type !== 'string' || type === '') {\n    throw new Error(\n      `${componentName}: A non-empty string \\`type\\` is required for component registration, got ${type}`,\n    )\n  }\n}\n\nexport class ReactRuntimeCore extends RuntimeCore {\n  registerComponent<\n    ControlDef extends UnifiedControlDefinition,\n    P extends Record<string, LegacyDescriptor | ControlDef>,\n    C extends ComponentType<{ [K in keyof P]: DescriptorValueType<P[K]> }>,\n  >(\n    component: C,\n    {\n      type,\n      label,\n      icon = ComponentIcon.Cube,\n      hidden = false,\n      description,\n      builtinSuspense,\n      unstable_migration,\n      props,\n    }: {\n      type: string\n      label: string\n      icon?: ComponentIcon\n      hidden?: boolean\n      description?: string\n      /**\n       * In React <= 19.1, controls the default `<Suspense>` boundary.\n       * Ignored in React >= 19.2; components are always wrapped in `<Activity>`.\n       * Defaults to `true`.\n       */\n      builtinSuspense?: boolean\n      /**\n       * Marks this registration as superseded by `replacementType`. When\n       * `replacementType` differs from `type`, the builder offers a way to\n       * update existing instances.\n       */\n      unstable_migration?: { replacementType: string }\n      props?: P\n    },\n  ): () => void {\n    validateComponentType(type, component as unknown as ComponentType)\n\n    const unregisterComponent = this.protoStore.dispatch(\n      registerComponentEffect(\n        type,\n        { label, icon, hidden, description, builtinSuspense, unstable_migration },\n        props ?? {},\n      ),\n    )\n\n    if (supportsActivity() && builtinSuspense !== undefined) {\n      console.warn(\n        'builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>.',\n      )\n    }\n\n    const unregisterReactComponent = this.protoStore.dispatch(\n      registerReactComponentEffect(type, component as unknown as ComponentType),\n    )\n\n    return () => {\n      unregisterComponent()\n      unregisterReactComponent()\n    }\n  }\n}\n"],"mappings":"AAIA,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB,MAAc,WAAiC;AAC5E,QAAM,gBAAgB,WAAW,QAAQ;AACzC,MAAI,OAAO,SAAS,YAAY,SAAS,IAAI;AAC3C,UAAM,IAAI;AAAA,MACR,GAAG,aAAa,6EAA6E,IAAI;AAAA,IACnG;AAAA,EACF;AACF;AAEO,MAAM,yBAAyB,YAAY;AAAA,EAChD,kBAKE,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO,cAAc;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAoBY;AACZ,0BAAsB,MAAM,SAAqC;AAEjE,UAAM,sBAAsB,KAAK,WAAW;AAAA,MAC1C;AAAA,QACE;AAAA,QACA,EAAE,OAAO,MAAM,QAAQ,aAAa,iBAAiB,mBAAmB;AAAA,QACxE,SAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAEA,QAAI,iBAAiB,KAAK,oBAAoB,QAAW;AACvD,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAEA,UAAM,2BAA2B,KAAK,WAAW;AAAA,MAC/C,6BAA6B,MAAM,SAAqC;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,0BAAoB;AACpB,+BAAyB;AAAA,IAC3B;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/react-runtime-core.ts"],"sourcesContent":["import { ControlDefinition as UnifiedControlDefinition } from '@makeswift/controls'\n\nimport { type LegacyDescriptor, type DescriptorValueType } from '../../prop-controllers/descriptors'\n\nimport { supportsActivity } from './components/activity-with-fallback'\n\nimport {\n  registerComponentEffect,\n  registerReactComponentEffect,\n} from '../../state/actions/internal/read-only-actions'\n\nimport { ComponentIcon } from '../../state/modules/components-meta'\nimport type { ComponentType } from '../../state/read-only-state'\n\nimport { RuntimeCore } from './runtime-core'\n\nfunction validateComponentType({\n  type,\n  componentName,\n}: {\n  type: string\n  componentName: string\n}): void {\n  if (typeof type !== 'string' || type === '') {\n    throw new Error(\n      `${componentName}: A non-empty string \\`type\\` is required for component registration, got ${type}`,\n    )\n  }\n}\n\nexport class ReactRuntimeCore extends RuntimeCore {\n  registerComponent<\n    ControlDef extends UnifiedControlDefinition,\n    P extends Record<string, LegacyDescriptor | ControlDef>,\n    C extends ComponentType<{ [K in keyof P]: DescriptorValueType<P[K]> }>,\n  >(\n    component: C,\n    {\n      type,\n      label,\n      icon = ComponentIcon.Cube,\n      hidden = false,\n      description,\n      builtinSuspense,\n      unstable_migration,\n      server = false,\n      props,\n    }: {\n      type: string\n      label: string\n      icon?: ComponentIcon\n      hidden?: boolean\n      description?: string\n      /**\n       * In React <= 19.1, controls the default `<Suspense>` boundary.\n       * Ignored in React >= 19.2; components are always wrapped in `<Activity>`.\n       * Defaults to `true`.\n       */\n      builtinSuspense?: boolean\n      /**\n       * Marks this registration as superseded by `replacementType`. When\n       * `replacementType` differs from `type`, the builder offers a way to\n       * update existing instances.\n       */\n      unstable_migration?: { replacementType: string }\n      server?: boolean\n      props?: P\n    },\n  ): () => void {\n    validateComponentType(\n      // make sure we don't access `component?.name` and trigger loading of the server\n      // component unless we're running in the RSC environment\n      server && !this.isRSCEnv()\n        ? { type, componentName: label || 'Unknown server component' }\n        : {\n            type,\n            componentName: component?.name || label || 'Unknown component',\n          },\n    )\n\n    const unregisterComponent = this.protoStore.dispatch(\n      registerComponentEffect(\n        type,\n        { label, icon, hidden, description, builtinSuspense, unstable_migration, server },\n        props ?? {},\n      ),\n    )\n\n    if (supportsActivity() && builtinSuspense !== undefined) {\n      console.warn(\n        'builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>.',\n      )\n    }\n\n    if (server && !this.isRSCEnv()) {\n      // we can't load server components code outside of the RSC environment, but we also\n      // don't need to: if everything is set up correctly, React has already rendered and\n      // streamed the corresponding React elements to the client for us -- see\n      // `ServerElementsCache` and `ElementDataServer`\n      return () => {\n        unregisterComponent()\n      }\n    }\n\n    const unregisterReactComponent = this.protoStore.dispatch(\n      registerReactComponentEffect(type, component as unknown as ComponentType),\n    )\n\n    return () => {\n      unregisterComponent()\n      unregisterReactComponent()\n    }\n  }\n\n  protected isRSCEnv() {\n    return false\n  }\n}\n"],"mappings":"AAIA,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AACF,GAGS;AACP,MAAI,OAAO,SAAS,YAAY,SAAS,IAAI;AAC3C,UAAM,IAAI;AAAA,MACR,GAAG,aAAa,6EAA6E,IAAI;AAAA,IACnG;AAAA,EACF;AACF;AAEO,MAAM,yBAAyB,YAAY;AAAA,EAChD,kBAKE,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO,cAAc;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,EACF,GAqBY;AACZ;AAAA;AAAA;AAAA,MAGE,UAAU,CAAC,KAAK,SAAS,IACrB,EAAE,MAAM,eAAe,SAAS,2BAA2B,IAC3D;AAAA,QACE;AAAA,QACA,eAAe,WAAW,QAAQ,SAAS;AAAA,MAC7C;AAAA,IACN;AAEA,UAAM,sBAAsB,KAAK,WAAW;AAAA,MAC1C;AAAA,QACE;AAAA,QACA,EAAE,OAAO,MAAM,QAAQ,aAAa,iBAAiB,oBAAoB,OAAO;AAAA,QAChF,SAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAEA,QAAI,iBAAiB,KAAK,oBAAoB,QAAW;AACvD,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAEA,QAAI,UAAU,CAAC,KAAK,SAAS,GAAG;AAK9B,aAAO,MAAM;AACX,4BAAoB;AAAA,MACtB;AAAA,IACF;AAEA,UAAM,2BAA2B,KAAK,WAAW;AAAA,MAC/C,6BAA6B,MAAM,SAAqC;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,0BAAoB;AACpB,+BAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEU,WAAW;AACnB,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/esm/runtimes/react/resource-resolver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/resource-resolver.ts"],"sourcesContent":["import { type ResourceResolver } from '@makeswift/controls'\n\nimport { getElementId } from '../../state/read-only-state'\nimport { ApiResourcesClient } from '../../api/api-resources-client'\nimport { Store } from '../../state/store'\n\nexport const createResourceResolver = ({\n  store,\n  apiClient,\n  documentKey,\n  locale,\n}: {\n  store: Store\n  apiClient: ApiResourcesClient\n  documentKey: string | null\n  locale: string | null\n}): ResourceResolver => ({\n  resolveSwatch: swatchId => apiClient.resolveSwatch(swatchId),\n  resolveFile: fileId => apiClient.resolveFile(fileId),\n  resolveTypography: typographyId => apiClient.resolveTypography(typographyId),\n  resolvePagePathnameSlice: pageId => apiClient.resolvePagePathnameSlice({ pageId, locale }),\n  resolveElementId: elementKey => {\n    const read = () =>\n      documentKey == null ? null : getElementId(store.getState(), documentKey, elementKey)\n\n    let lastValue: string | null = null\n    return {\n      name: `element-id:${documentKey}:${elementKey}`,\n      readStable: () => (lastValue = read()),\n      subscribe: (onUpdate: () => void) =>\n        store.subscribe(() => {\n          if (read() !== lastValue) onUpdate()\n        }),\n    }\n  },\n})\n"],"mappings":"AAEA,SAAS,oBAAoB;AAItB,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAKyB;AAAA,EACvB,eAAe,cAAY,UAAU,cAAc,QAAQ;AAAA,EAC3D,aAAa,YAAU,UAAU,YAAY,MAAM;AAAA,EACnD,mBAAmB,kBAAgB,UAAU,kBAAkB,YAAY;AAAA,EAC3E,0BAA0B,YAAU,UAAU,yBAAyB,EAAE,QAAQ,OAAO,CAAC;AAAA,EACzF,kBAAkB,gBAAc;AAC9B,UAAM,OAAO,MACX,eAAe,OAAO,OAAO,aAAa,MAAM,SAAS,GAAG,aAAa,UAAU;AAErF,QAAI,YAA2B;AAC/B,WAAO;AAAA,MACL,MAAM,cAAc,WAAW,IAAI,UAAU;AAAA,MAC7C,YAAY,MAAO,YAAY,KAAK;AAAA,MACpC,WAAW,CAAC,aACV,MAAM,UAAU,MAAM;AACpB,YAAI,KAAK,MAAM;AAAW,mBAAS;AAAA,MACrC,CAAC;AAAA,IACL;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/resource-resolver.ts"],"sourcesContent":["import { type ResourceResolver } from '@makeswift/controls'\n\nimport { getElementId } from '../../state/read-only-state'\nimport { ApiResourcesClient } from '../../api/api-resources-client'\nimport { Store } from '../../state/store'\n\nexport { type ResourceResolver } from '@makeswift/controls'\n\nexport const createResourceResolver = ({\n  store,\n  apiClient,\n  documentKey,\n  locale,\n}: {\n  store: Store\n  apiClient: ApiResourcesClient\n  documentKey: string | null\n  locale: string | null\n}): ResourceResolver => ({\n  resolveSwatch: swatchId => apiClient.resolveSwatch(swatchId),\n  resolveFile: fileId => apiClient.resolveFile(fileId),\n  resolveTypography: typographyId => apiClient.resolveTypography(typographyId),\n  resolvePagePathnameSlice: pageId => apiClient.resolvePagePathnameSlice({ pageId, locale }),\n  resolveElementId: elementKey => {\n    const read = () =>\n      documentKey == null ? null : getElementId(store.getState(), documentKey, elementKey)\n\n    let lastValue: string | null = null\n    return {\n      name: `element-id:${documentKey}:${elementKey}`,\n      readStable: () => (lastValue = read()),\n      subscribe: (onUpdate: () => void) =>\n        store.subscribe(() => {\n          if (read() !== lastValue) onUpdate()\n        }),\n    }\n  },\n})\n"],"mappings":"AAEA,SAAS,oBAAoB;AAMtB,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,OAKyB;AAAA,EACvB,eAAe,cAAY,UAAU,cAAc,QAAQ;AAAA,EAC3D,aAAa,YAAU,UAAU,YAAY,MAAM;AAAA,EACnD,mBAAmB,kBAAgB,UAAU,kBAAkB,YAAY;AAAA,EAC3E,0BAA0B,YAAU,UAAU,yBAAyB,EAAE,QAAQ,OAAO,CAAC;AAAA,EACzF,kBAAkB,gBAAc;AAC9B,UAAM,OAAO,MACX,eAAe,OAAO,OAAO,aAAa,MAAM,SAAS,GAAG,aAAa,UAAU;AAErF,QAAI,YAA2B;AAC/B,WAAO;AAAA,MACL,MAAM,cAAc,WAAW,IAAI,UAAU;AAAA,MAC7C,YAAY,MAAO,YAAY,KAAK;AAAA,MACpC,WAAW,CAAC,aACV,MAAM,UAAU,MAAM;AACpB,YAAI,KAAK,MAAM;AAAW,mBAAS;AAAA,MACrC,CAAC;AAAA,IACL;AAAA,EACF;AACF;","names":[]}

package/dist/esm/runtimes/react/server/collect-server-elements.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { isElementReference } from "@makeswift/controls";
+import { getComponentsMeta } from "../../../state/modules/components-meta";
+import { traverseElementTree } from "../../../state/modules/element-trees";
+import { registerDocument } from "../../../state/shared-api";
+import { getPropControllerDescriptors } from "../../../state/read-only-state";
+import { ServerElement } from "./components/element";
+import { getStore } from "./render-context";
+import { updateApiResourceCache } from "./update-api-resource-cache";
+function collectServerElements(context, document, cacheData) {
+  const store = getStore(context);
+  updateApiResourceCache(store, cacheData);
+  store.dispatch(registerDocument(document));
+  const state = store.getState();
+  const descriptors = getPropControllerDescriptors(state);
+  const result = /* @__PURE__ */ new Map();
+  for (const element of traverseElementTree(document.rootElement, descriptors)) {
+    if (isElementReference(element)) {
+      continue;
+    }
+    const meta = getComponentsMeta(state.componentsMeta).get(element.type);
+    if (meta == null) {
+      console.warn(`collectServerElements: Component meta not found for ${element.type}`);
+      continue;
+    }
+    if (result.has(element.key)) {
+      console.warn(`collectServerElements: RSC node already exists for ${element.key}`);
+      continue;
+    }
+    if (meta.server) {
+      result.set(
+        element.key,
+        /* @__PURE__ */ jsx(
+          ServerElement,
+          {
+            context,
+            element,
+            documentKey: document.key
+          },
+          element.key
+        )
+      );
+    }
+  }
+  return result;
+}
+export {
+  collectServerElements
+};
+//# sourceMappingURL=collect-server-elements.js.map

package/dist/esm/runtimes/react/server/collect-server-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/collect-server-elements.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\n\nimport { isElementReference } from '@makeswift/controls'\n\nimport { type CacheData } from '../../../api/api-resources-client'\n\nimport { type Document } from '../../../state/modules/read-only-documents'\nimport { getComponentsMeta } from '../../../state/modules/components-meta'\nimport { traverseElementTree } from '../../../state/modules/element-trees'\nimport { registerDocument } from '../../../state/shared-api'\nimport { getPropControllerDescriptors } from '../../../state/read-only-state'\n\nimport { ServerElement } from './components/element'\n\nimport { type ServerRenderContext, getStore } from './render-context'\nimport { updateApiResourceCache } from './update-api-resource-cache'\n\nexport type ElementsMap = Map<string, ReactNode>\n\n/**\n * Collects React nodes for document's server elements into a map keyed by\n * element key.\n *\n * Note that this function only *creates* React elements and associates them\n * with the corresponding Makeswift elements; it does not render anything.\n *\n * The actual render happens when React's server renderer walks the React tree\n * and hits the 'use client' boundary at `<ServerElementsCache />`, at which\n * point it needs to serialize the `value` prop into the flight stream and thus\n * execute `ServerElement` rendering code for each entry in the map.\n */\nexport function collectServerElements(\n  context: ServerRenderContext,\n  document: Document,\n  cacheData: CacheData,\n): ElementsMap {\n  const store = getStore(context)\n  updateApiResourceCache(store, cacheData)\n\n  store.dispatch(registerDocument(document))\n\n  const state = store.getState()\n  const descriptors = getPropControllerDescriptors(state)\n\n  const result: ElementsMap = new Map()\n\n  for (const element of traverseElementTree(document.rootElement, descriptors)) {\n    if (isElementReference(element)) {\n      // TODO: Element reference support\n      continue\n    }\n\n    const meta = getComponentsMeta(state.componentsMeta).get(element.type)\n\n    if (meta == null) {\n      console.warn(`collectServerElements: Component meta not found for ${element.type}`)\n      continue\n    }\n\n    if (result.has(element.key)) {\n      console.warn(`collectServerElements: RSC node already exists for ${element.key}`)\n      continue\n    }\n\n    if (meta.server) {\n      result.set(\n        element.key,\n        <ServerElement\n          key={element.key}\n          context={context}\n          element={element}\n          documentKey={document.key}\n        />,\n      )\n    }\n  }\n\n  return result\n}\n"],"mappings":"AAmEQ;AAjER,SAAS,0BAA0B;AAKnC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,oCAAoC;AAE7C,SAAS,qBAAqB;AAE9B,SAAmC,gBAAgB;AACnD,SAAS,8BAA8B;AAgBhC,SAAS,sBACd,SACA,UACA,WACa;AACb,QAAM,QAAQ,SAAS,OAAO;AAC9B,yBAAuB,OAAO,SAAS;AAEvC,QAAM,SAAS,iBAAiB,QAAQ,CAAC;AAEzC,QAAM,QAAQ,MAAM,SAAS;AAC7B,QAAM,cAAc,6BAA6B,KAAK;AAEtD,QAAM,SAAsB,oBAAI,IAAI;AAEpC,aAAW,WAAW,oBAAoB,SAAS,aAAa,WAAW,GAAG;AAC5E,QAAI,mBAAmB,OAAO,GAAG;AAE/B;AAAA,IACF;AAEA,UAAM,OAAO,kBAAkB,MAAM,cAAc,EAAE,IAAI,QAAQ,IAAI;AAErE,QAAI,QAAQ,MAAM;AAChB,cAAQ,KAAK,uDAAuD,QAAQ,IAAI,EAAE;AAClF;AAAA,IACF;AAEA,QAAI,OAAO,IAAI,QAAQ,GAAG,GAAG;AAC3B,cAAQ,KAAK,sDAAsD,QAAQ,GAAG,EAAE;AAChF;AAAA,IACF;AAEA,QAAI,KAAK,QAAQ;AACf,aAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA;AAAA,YACA,aAAa,SAAS;AAAA;AAAA,UAHjB,QAAQ;AAAA,QAIf;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/runtimes/react/server/components/editable-server-element.js

@@ -0,0 +1,152 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, startTransition, useCallback } from "react";
+import {
+  setResolvedValueOverride,
+  clearResolvedValueOverride
+} from "../../../../state/actions/internal/read-write-actions";
+import { useServerElementRefresh } from "../../hooks/use-server-element-refresh";
+import { useElementData } from "../../hooks/use-element-data";
+import { useControlDefs } from "../../hooks/use-control-defs";
+import { useEditableElementStylesheetFactory } from "../../hooks/use-editable-element-stylesheet-factory";
+import { useResolvedProps } from "../../hooks/use-resolved-props";
+import { useControlInstances } from "../../components/control-instances-context";
+import { useDispatch } from "../../hooks/use-dispatch";
+import { useDocumentKey } from "../../hooks/use-document-context";
+import { getProp } from "../../../../utils/prop-by-path";
+import { setUnion, setDifference } from "../../../../utils/set";
+const EditableServerElement = ({
+  initialElementData,
+  children
+}) => {
+  const elementKey = initialElementData.key;
+  const elementData = useElementData({ elementKey });
+  if (elementData == null) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(EditableServerElementWrapper, { ...{ initialElementData, elementData }, children });
+};
+const EditableServerElementWrapper = ({
+  initialElementData,
+  elementData,
+  children
+}) => {
+  const elementKey = initialElementData.key;
+  const dispatch = useDispatch();
+  const documentKey = useDocumentKey();
+  const [_legacyDefs, definitions] = useControlDefs({ elementType: initialElementData.type });
+  const stylesheetFactory = useEditableElementStylesheetFactory({ elementKey });
+  const controlInstances = useControlInstances(elementKey);
+  const resolvedProps = useResolvedProps({
+    elementKey,
+    propDefs: definitions,
+    propData: elementData.props,
+    controlInstances,
+    stylesheetFactory
+  });
+  const prevPropsRef = useRef(resolvedProps);
+  const prevLeafPropsRef = useRef(
+    getLeafPropsAndInstances(resolvedProps, controlInstances).leafProps
+  );
+  const serverRefresh = useServerElementRefresh({ elementKey });
+  const applyServerRefresh = useCallback(
+    (elementData2, leafInstances, documentKey2) => startTransition(async () => {
+      const applied = await serverRefresh(elementData2);
+      if (!applied)
+        return;
+      startTransition(() => {
+        leafInstances.forEach(
+          (c) => dispatch(clearResolvedValueOverride({ documentKey: documentKey2, instanceKey: c.instanceKey }))
+        );
+      });
+    }),
+    [serverRefresh, dispatch]
+  );
+  const applyResolvedValueOverrides = useCallback(
+    (instances, props, documentKey2) => instances.forEach(
+      (c) => dispatch(
+        setResolvedValueOverride({
+          documentKey: documentKey2,
+          instanceKey: c.instanceKey,
+          value: getProp(props, c.propPath)
+        })
+      )
+    ),
+    [dispatch]
+  );
+  useEffect(() => {
+    if (documentKey == null)
+      return;
+    if (children == null) {
+      const { leafInstances, leafProps } = getLeafPropsAndInstances(resolvedProps, controlInstances);
+      applyServerRefresh(elementData, leafInstances, documentKey);
+      prevPropsRef.current = resolvedProps;
+      prevLeafPropsRef.current = leafProps;
+      return;
+    }
+    if (resolvedProps !== prevPropsRef.current) {
+      const { needsRefresh, leafInstances, leafProps, reactNodeInstances } = needsServerRefresh({
+        resolvedProps,
+        controlInstances,
+        prevProps: prevPropsRef.current,
+        prevLeafProps: prevLeafPropsRef.current
+      });
+      if (needsRefresh) {
+        applyServerRefresh(elementData, leafInstances, documentKey);
+      } else {
+        applyResolvedValueOverrides(reactNodeInstances, resolvedProps, documentKey);
+      }
+      prevPropsRef.current = resolvedProps;
+      prevLeafPropsRef.current = leafProps;
+    }
+  }, [
+    children,
+    resolvedProps,
+    documentKey,
+    elementData,
+    controlInstances,
+    applyServerRefresh,
+    applyResolvedValueOverrides
+  ]);
+  return children;
+};
+const needsServerRefresh = ({
+  resolvedProps,
+  controlInstances,
+  prevProps,
+  prevLeafProps
+}) => {
+  const { leafInstances, leafProps } = getLeafPropsAndInstances(resolvedProps, controlInstances);
+  const combinedLeafProps = setUnion(leafProps, prevLeafProps).values();
+  const updatedLeafProps = new Set(
+    [...combinedLeafProps].filter(
+      (propName) => getProp(resolvedProps, propName) !== getProp(prevProps, propName)
+    )
+  );
+  const updatedLeafInstances = leafInstances.filter(
+    (instance) => updatedLeafProps.has(instance.propPath)
+  );
+  const reactNodeInstances = updatedLeafInstances.filter((c) => c.resolvesToRenderableNode());
+  const reactNodePropKeys = new Set(reactNodeInstances.map((c) => c.propPath));
+  const newlyAddedLeafProps = setDifference(leafProps, prevLeafProps);
+  const needsRefresh = setDifference(updatedLeafProps, reactNodePropKeys).size > 0 || newlyAddedLeafProps.size > 0;
+  return {
+    needsRefresh,
+    leafInstances,
+    leafProps,
+    reactNodeInstances
+  };
+};
+const getLeafPropsAndInstances = (props, controlInstances) => {
+  const topLevelInstances = Object.keys(props).map((prop) => controlInstances?.[prop]).filter((inst) => inst != null);
+  const leafInstances = getLeafInstances(topLevelInstances);
+  const leafProps = new Set(leafInstances.map((c) => c.propPath));
+  return { leafProps, leafInstances };
+};
+const getLeafInstances = (instances) => instances.flatMap(
+  (instance) => instance.isCompositeProp() ? getLeafInstances(instance.children()) : [instance]
+);
+export {
+  EditableServerElement
+};
+//# sourceMappingURL=editable-server-element.js.map

package/dist/esm/runtimes/react/server/components/editable-server-element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/editable-server-element.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, useEffect, useRef, startTransition, useCallback } from 'react'\n\nimport { ControlInstance } from '@makeswift/controls'\n\nimport { type ElementData } from '../../../../state/read-only-state'\nimport {\n  setResolvedValueOverride,\n  clearResolvedValueOverride,\n} from '../../../../state/actions/internal/read-write-actions'\n\nimport { useServerElementRefresh } from '../../hooks/use-server-element-refresh'\nimport { useElementData } from '../../hooks/use-element-data'\nimport { useControlDefs } from '../../hooks/use-control-defs'\nimport { useEditableElementStylesheetFactory } from '../../hooks/use-editable-element-stylesheet-factory'\nimport { useResolvedProps } from '../../hooks/use-resolved-props'\nimport { useControlInstances } from '../../components/control-instances-context'\nimport { useDispatch } from '../../hooks/use-dispatch'\nimport { useDocumentKey } from '../../hooks/use-document-context'\n\nimport { getProp } from '../../../../utils/prop-by-path'\nimport { setUnion, setDifference } from '../../../../utils/set'\n\nexport const EditableServerElement = ({\n  initialElementData,\n  children,\n}: PropsWithChildren<{ initialElementData: ElementData }>) => {\n  const elementKey = initialElementData.key\n  const elementData = useElementData({ elementKey })\n  if (elementData == null) {\n    // Element has been deleted\n    return null\n  }\n\n  return (\n    <EditableServerElementWrapper {...{ initialElementData, elementData }}>\n      {children}\n    </EditableServerElementWrapper>\n  )\n}\n\n/**\n * Reflects edits to `elementData.props` in the server-rendered `children`.\n * Changes limited to existing `ReactNode` props are applied through client-side\n * overrides. Style prop changes are handled by the stylesheet engine during\n * prop resolution. All other prop changes trigger a server refresh.\n */\nconst EditableServerElementWrapper = ({\n  initialElementData,\n  elementData,\n  children,\n}: PropsWithChildren<{ initialElementData: ElementData; elementData: ElementData }>) => {\n  const elementKey = initialElementData.key\n  const dispatch = useDispatch()\n  const documentKey = useDocumentKey()\n\n  const [_legacyDefs, definitions] = useControlDefs({ elementType: initialElementData.type })\n  const stylesheetFactory = useEditableElementStylesheetFactory({ elementKey })\n\n  const controlInstances = useControlInstances(elementKey)\n  const resolvedProps = useResolvedProps({\n    elementKey,\n    propDefs: definitions,\n    propData: elementData.props,\n    controlInstances,\n    stylesheetFactory,\n  })\n\n  const prevPropsRef = useRef(resolvedProps)\n  const prevLeafPropsRef = useRef(\n    getLeafPropsAndInstances(resolvedProps, controlInstances).leafProps,\n  )\n\n  const serverRefresh = useServerElementRefresh({ elementKey })\n  const applyServerRefresh = useCallback(\n    (elementData: ElementData, leafInstances: ControlInstance[], documentKey: string) =>\n      startTransition(async () => {\n        const applied = await serverRefresh(elementData)\n        if (!applied) return\n\n        // need a nested `startTransition` here, see\n        // https://react.dev/reference/react/useTransition#react-doesnt-treat-my-state-update-after-await-as-a-transition\n        startTransition(() => {\n          // reset instance overrides, if any\n          leafInstances.forEach(c =>\n            dispatch(clearResolvedValueOverride({ documentKey, instanceKey: c.instanceKey })),\n          )\n        })\n      }),\n    [serverRefresh, dispatch],\n  )\n\n  const applyResolvedValueOverrides = useCallback(\n    (instances: ControlInstance[], props: Record<string, unknown>, documentKey: string) =>\n      instances.forEach(c =>\n        dispatch(\n          setResolvedValueOverride({\n            documentKey,\n            instanceKey: c.instanceKey,\n            value: getProp(props, c.propPath),\n          }),\n        ),\n      ),\n    [dispatch],\n  )\n\n  useEffect(() => {\n    if (documentKey == null) return\n\n    if (children == null) {\n      // If we don't have a server-rendered node (i.e. user just dropped the element to the page),\n      // trigger a server re-render\n      const { leafInstances, leafProps } = getLeafPropsAndInstances(resolvedProps, controlInstances)\n\n      applyServerRefresh(elementData, leafInstances, documentKey)\n\n      prevPropsRef.current = resolvedProps\n      prevLeafPropsRef.current = leafProps\n      return\n    }\n\n    if (resolvedProps !== prevPropsRef.current) {\n      // If there was a change in resolved value, check if any of the changed props necessitate\n      // a server refresh.\n      //\n      // Note that style props have stable class names and updating a style prop will not result\n      // in a change to the resolved value, which is what we want. The stylesheet engine takes\n      // care of updating the client CSS on style prop updates through the `useResolvedProps` call.\n      const { needsRefresh, leafInstances, leafProps, reactNodeInstances } = needsServerRefresh({\n        resolvedProps,\n        controlInstances,\n        prevProps: prevPropsRef.current,\n        prevLeafProps: prevLeafPropsRef.current,\n      })\n\n      if (needsRefresh) {\n        applyServerRefresh(elementData, leafInstances, documentKey)\n      } else {\n        applyResolvedValueOverrides(reactNodeInstances, resolvedProps, documentKey)\n      }\n\n      prevPropsRef.current = resolvedProps\n      prevLeafPropsRef.current = leafProps\n    }\n  }, [\n    children,\n    resolvedProps,\n    documentKey,\n    elementData,\n    controlInstances,\n    applyServerRefresh,\n    applyResolvedValueOverrides,\n  ])\n\n  return children\n}\n\n/**\n * Determines whether resolved prop changes require a server refresh and returns\n * the control-instance state needed to apply the update.\n */\nconst needsServerRefresh = ({\n  resolvedProps,\n  controlInstances,\n  prevProps,\n  prevLeafProps,\n}: {\n  resolvedProps: Record<string, unknown>\n  controlInstances: Record<string, ControlInstance> | null\n  prevProps: Record<string, unknown>\n  prevLeafProps: Set<string>\n}): {\n  needsRefresh: boolean\n  leafInstances: ControlInstance[]\n  leafProps: Set<string>\n  reactNodeInstances: ControlInstance[]\n} => {\n  const { leafInstances, leafProps } = getLeafPropsAndInstances(resolvedProps, controlInstances)\n\n  const combinedLeafProps = setUnion(leafProps, prevLeafProps).values()\n  const updatedLeafProps = new Set(\n    [...combinedLeafProps].filter(\n      propName => getProp(resolvedProps, propName) !== getProp(prevProps, propName),\n    ),\n  )\n\n  const updatedLeafInstances = leafInstances.filter(instance =>\n    updatedLeafProps.has(instance.propPath),\n  )\n\n  const reactNodeInstances = updatedLeafInstances.filter(c => c.resolvesToRenderableNode())\n\n  const reactNodePropKeys = new Set(reactNodeInstances.map(c => c.propPath))\n  const newlyAddedLeafProps = setDifference(leafProps, prevLeafProps)\n\n  // A server refresh is needed if some of the updated props are not `ReactNode` props, or we\n  // have newly observed props (typically `List` items). Even when newly observed props are\n  // `ReactNode` props, we have to first render them on the server to get them in the element\n  // tree before they can be updated client-side.\n  const needsRefresh =\n    setDifference(updatedLeafProps, reactNodePropKeys).size > 0 || newlyAddedLeafProps.size > 0\n\n  return {\n    needsRefresh,\n    leafInstances,\n    leafProps,\n    reactNodeInstances,\n  }\n}\n\n/**\n *  Returns terminal prop paths with the corresponding control instances.\n */\nconst getLeafPropsAndInstances = (\n  props: Record<string, unknown>,\n  controlInstances: Record<string, ControlInstance> | null,\n): {\n  leafProps: Set<string>\n  leafInstances: ControlInstance[]\n} => {\n  const topLevelInstances = Object.keys(props)\n    .map(prop => controlInstances?.[prop])\n    .filter(inst => inst != null)\n\n  const leafInstances = getLeafInstances(topLevelInstances)\n  const leafProps = new Set(leafInstances.map(c => c.propPath))\n  return { leafProps, leafInstances }\n}\n\n/**\n * Flattens a control instance tree to its leaf (terminal) instances.\n */\nconst getLeafInstances = (instances: ControlInstance[]): ControlInstance[] =>\n  instances.flatMap(instance =>\n    instance.isCompositeProp() ? getLeafInstances(instance.children()) : [instance],\n  )\n"],"mappings":";AAoCI;AAlCJ,SAAiC,WAAW,QAAQ,iBAAiB,mBAAmB;AAKxF;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,2CAA2C;AACpD,SAAS,wBAAwB;AACjC,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAE/B,SAAS,eAAe;AACxB,SAAS,UAAU,qBAAqB;AAEjC,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AACF,MAA8D;AAC5D,QAAM,aAAa,mBAAmB;AACtC,QAAM,cAAc,eAAe,EAAE,WAAW,CAAC;AACjD,MAAI,eAAe,MAAM;AAEvB,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,gCAA8B,GAAG,EAAE,oBAAoB,YAAY,GACjE,UACH;AAEJ;AAQA,MAAM,+BAA+B,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,MAAwF;AACtF,QAAM,aAAa,mBAAmB;AACtC,QAAM,WAAW,YAAY;AAC7B,QAAM,cAAc,eAAe;AAEnC,QAAM,CAAC,aAAa,WAAW,IAAI,eAAe,EAAE,aAAa,mBAAmB,KAAK,CAAC;AAC1F,QAAM,oBAAoB,oCAAoC,EAAE,WAAW,CAAC;AAE5E,QAAM,mBAAmB,oBAAoB,UAAU;AACvD,QAAM,gBAAgB,iBAAiB;AAAA,IACrC;AAAA,IACA,UAAU;AAAA,IACV,UAAU,YAAY;AAAA,IACtB;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,eAAe,OAAO,aAAa;AACzC,QAAM,mBAAmB;AAAA,IACvB,yBAAyB,eAAe,gBAAgB,EAAE;AAAA,EAC5D;AAEA,QAAM,gBAAgB,wBAAwB,EAAE,WAAW,CAAC;AAC5D,QAAM,qBAAqB;AAAA,IACzB,CAACA,cAA0B,eAAkCC,iBAC3D,gBAAgB,YAAY;AAC1B,YAAM,UAAU,MAAM,cAAcD,YAAW;AAC/C,UAAI,CAAC;AAAS;AAId,sBAAgB,MAAM;AAEpB,sBAAc;AAAA,UAAQ,OACpB,SAAS,2BAA2B,EAAE,aAAAC,cAAa,aAAa,EAAE,YAAY,CAAC,CAAC;AAAA,QAClF;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,IACH,CAAC,eAAe,QAAQ;AAAA,EAC1B;AAEA,QAAM,8BAA8B;AAAA,IAClC,CAAC,WAA8B,OAAgCA,iBAC7D,UAAU;AAAA,MAAQ,OAChB;AAAA,QACE,yBAAyB;AAAA,UACvB,aAAAA;AAAA,UACA,aAAa,EAAE;AAAA,UACf,OAAO,QAAQ,OAAO,EAAE,QAAQ;AAAA,QAClC,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACF,CAAC,QAAQ;AAAA,EACX;AAEA,YAAU,MAAM;AACd,QAAI,eAAe;AAAM;AAEzB,QAAI,YAAY,MAAM;AAGpB,YAAM,EAAE,eAAe,UAAU,IAAI,yBAAyB,eAAe,gBAAgB;AAE7F,yBAAmB,aAAa,eAAe,WAAW;AAE1D,mBAAa,UAAU;AACvB,uBAAiB,UAAU;AAC3B;AAAA,IACF;AAEA,QAAI,kBAAkB,aAAa,SAAS;AAO1C,YAAM,EAAE,cAAc,eAAe,WAAW,mBAAmB,IAAI,mBAAmB;AAAA,QACxF;AAAA,QACA;AAAA,QACA,WAAW,aAAa;AAAA,QACxB,eAAe,iBAAiB;AAAA,MAClC,CAAC;AAED,UAAI,cAAc;AAChB,2BAAmB,aAAa,eAAe,WAAW;AAAA,MAC5D,OAAO;AACL,oCAA4B,oBAAoB,eAAe,WAAW;AAAA,MAC5E;AAEA,mBAAa,UAAU;AACvB,uBAAiB,UAAU;AAAA,IAC7B;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAMA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAUK;AACH,QAAM,EAAE,eAAe,UAAU,IAAI,yBAAyB,eAAe,gBAAgB;AAE7F,QAAM,oBAAoB,SAAS,WAAW,aAAa,EAAE,OAAO;AACpE,QAAM,mBAAmB,IAAI;AAAA,IAC3B,CAAC,GAAG,iBAAiB,EAAE;AAAA,MACrB,cAAY,QAAQ,eAAe,QAAQ,MAAM,QAAQ,WAAW,QAAQ;AAAA,IAC9E;AAAA,EACF;AAEA,QAAM,uBAAuB,cAAc;AAAA,IAAO,cAChD,iBAAiB,IAAI,SAAS,QAAQ;AAAA,EACxC;AAEA,QAAM,qBAAqB,qBAAqB,OAAO,OAAK,EAAE,yBAAyB,CAAC;AAExF,QAAM,oBAAoB,IAAI,IAAI,mBAAmB,IAAI,OAAK,EAAE,QAAQ,CAAC;AACzE,QAAM,sBAAsB,cAAc,WAAW,aAAa;AAMlE,QAAM,eACJ,cAAc,kBAAkB,iBAAiB,EAAE,OAAO,KAAK,oBAAoB,OAAO;AAE5F,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAKA,MAAM,2BAA2B,CAC/B,OACA,qBAIG;AACH,QAAM,oBAAoB,OAAO,KAAK,KAAK,EACxC,IAAI,UAAQ,mBAAmB,IAAI,CAAC,EACpC,OAAO,UAAQ,QAAQ,IAAI;AAE9B,QAAM,gBAAgB,iBAAiB,iBAAiB;AACxD,QAAM,YAAY,IAAI,IAAI,cAAc,IAAI,OAAK,EAAE,QAAQ,CAAC;AAC5D,SAAO,EAAE,WAAW,cAAc;AACpC;AAKA,MAAM,mBAAmB,CAAC,cACxB,UAAU;AAAA,EAAQ,cAChB,SAAS,gBAAgB,IAAI,iBAAiB,SAAS,SAAS,CAAC,IAAI,CAAC,QAAQ;AAChF;","names":["elementData","documentKey"]}

package/dist/esm/runtimes/react/server/components/element-data.js

@@ -0,0 +1,60 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { partitionRecord } from "../../../../utils/partition";
+import {
+  getReactComponent,
+  getBreakpoints,
+  getComponentPropControllerDescriptors
+} from "../../../../state/read-only-state";
+import { FallbackComponent } from "../../../../components/shared/FallbackComponent";
+import { isLegacyDescriptor } from "../../../../prop-controllers/descriptors";
+import {
+  ServerCSSCollector,
+  createCollectingServerStylesheet,
+  InjectServerCSS
+} from "../css/server-css";
+import { getStore } from "../render-context";
+import { resolveProps } from "../resolve-props";
+async function ServerElementData({
+  documentKey,
+  context,
+  elementData
+}) {
+  const state = getStore(context).getState();
+  const Component = getReactComponent(state, elementData.type);
+  if (Component == null) {
+    return /* @__PURE__ */ jsx(
+      FallbackComponent,
+      {
+        text: "Component not found",
+        details: `Unknown component '${elementData.type}'`
+      }
+    );
+  }
+  const [legacyDescriptors, definitions] = getControlDefs(state, elementData);
+  const legacyKeys = Object.keys(legacyDescriptors);
+  if (legacyKeys.length > 0) {
+    console.warn(`Unexpected legacy control data in server element '${elementData.key}`, {
+      elementData,
+      legacyKeys
+    });
+  }
+  const cssCollector = new ServerCSSCollector();
+  const stylesheet = createCollectingServerStylesheet(
+    cssCollector,
+    getBreakpoints(state),
+    elementData.key
+  );
+  const props = await resolveProps(context, elementData, documentKey, definitions, stylesheet);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Component, { ...props }, elementData.key),
+    /* @__PURE__ */ jsx(InjectServerCSS, { collector: cssCollector, elementKey: elementData.key })
+  ] });
+}
+const getControlDefs = (state, elementData) => {
+  const descriptors = getComponentPropControllerDescriptors(state, elementData.type) ?? {};
+  return partitionRecord(descriptors, isLegacyDescriptor);
+};
+export {
+  ServerElementData
+};
+//# sourceMappingURL=element-data.js.map

package/dist/esm/runtimes/react/server/components/element-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/element-data.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\n\nimport { partitionRecord } from '../../../../utils/partition'\n\nimport {\n  type State,\n  type ElementData,\n  getReactComponent,\n  getBreakpoints,\n  getComponentPropControllerDescriptors,\n} from '../../../../state/read-only-state'\n\nimport { FallbackComponent } from '../../../../components/shared/FallbackComponent'\nimport { isLegacyDescriptor } from '../../../../prop-controllers/descriptors'\n\nimport {\n  ServerCSSCollector,\n  createCollectingServerStylesheet,\n  InjectServerCSS,\n} from '../css/server-css'\nimport { type ServerRenderContext, getStore } from '../render-context'\nimport { resolveProps } from '../resolve-props'\n\nexport async function ServerElementData({\n  documentKey,\n  context,\n  elementData,\n}: {\n  documentKey: string\n  context: ServerRenderContext\n  elementData: ElementData\n}): Promise<ReactNode> {\n  const state = getStore(context).getState()\n\n  const Component = getReactComponent(state, elementData.type)\n  if (Component == null) {\n    return (\n      <FallbackComponent\n        text=\"Component not found\"\n        details={`Unknown component '${elementData.type}'`}\n      />\n    )\n  }\n\n  const [legacyDescriptors, definitions] = getControlDefs(state, elementData)\n  const legacyKeys = Object.keys(legacyDescriptors)\n  if (legacyKeys.length > 0) {\n    console.warn(`Unexpected legacy control data in server element '${elementData.key}`, {\n      elementData,\n      legacyKeys,\n    })\n  }\n\n  const cssCollector = new ServerCSSCollector()\n  const stylesheet = createCollectingServerStylesheet(\n    cssCollector,\n    getBreakpoints(state),\n    elementData.key,\n  )\n\n  const props = await resolveProps(context, elementData, documentKey, definitions, stylesheet)\n\n  return (\n    <>\n      {/* Make the component the first child so that `findDOMNode` resolves to its first\n        rendered DOM node (if any) rather than the component's `<style>` element */}\n      <Component key={elementData.key} {...props} />\n      <InjectServerCSS collector={cssCollector} elementKey={elementData.key} />\n    </>\n  )\n}\n\nconst getControlDefs = (state: State, elementData: ElementData) => {\n  const descriptors = getComponentPropControllerDescriptors(state, elementData.type) ?? {}\n  return partitionRecord(descriptors, isLegacyDescriptor)\n}\n"],"mappings":"AAqCM,SA0BF,UA1BE,KA0BF,YA1BE;AAnCN,SAAS,uBAAuB;AAEhC;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AAEnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAmC,gBAAgB;AACnD,SAAS,oBAAoB;AAE7B,eAAsB,kBAAkB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AACF,GAIuB;AACrB,QAAM,QAAQ,SAAS,OAAO,EAAE,SAAS;AAEzC,QAAM,YAAY,kBAAkB,OAAO,YAAY,IAAI;AAC3D,MAAI,aAAa,MAAM;AACrB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,sBAAsB,YAAY,IAAI;AAAA;AAAA,IACjD;AAAA,EAEJ;AAEA,QAAM,CAAC,mBAAmB,WAAW,IAAI,eAAe,OAAO,WAAW;AAC1E,QAAM,aAAa,OAAO,KAAK,iBAAiB;AAChD,MAAI,WAAW,SAAS,GAAG;AACzB,YAAQ,KAAK,qDAAqD,YAAY,GAAG,IAAI;AAAA,MACnF;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,eAAe,IAAI,mBAAmB;AAC5C,QAAM,aAAa;AAAA,IACjB;AAAA,IACA,eAAe,KAAK;AAAA,IACpB,YAAY;AAAA,EACd;AAEA,QAAM,QAAQ,MAAM,aAAa,SAAS,aAAa,aAAa,aAAa,UAAU;AAE3F,SACE,iCAGE;AAAA,wBAAC,aAAiC,GAAG,SAArB,YAAY,GAAgB;AAAA,IAC5C,oBAAC,mBAAgB,WAAW,cAAc,YAAY,YAAY,KAAK;AAAA,KACzE;AAEJ;AAEA,MAAM,iBAAiB,CAAC,OAAc,gBAA6B;AACjE,QAAM,cAAc,sCAAsC,OAAO,YAAY,IAAI,KAAK,CAAC;AACvF,SAAO,gBAAgB,aAAa,kBAAkB;AACxD;","names":[]}

package/dist/esm/runtimes/react/server/components/element.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  isElementReference,
+  getComponentsMeta
+} from "../../../../state/read-only-state";
+import { FallbackComponent } from "../../../../components/shared/FallbackComponent";
+import { Element as ClientElement } from "../../components/Element";
+import { getStore } from "../render-context";
+import { ServerElementData } from "./element-data";
+function ServerElement({
+  context,
+  element,
+  documentKey
+}) {
+  if (isElementReference(element)) {
+    return /* @__PURE__ */ jsx(FallbackComponent, { text: "Element reference is not supported on server yet" });
+  }
+  const state = getStore(context).getState();
+  const elementMeta = getComponentsMeta(state).get(element.type);
+  if (elementMeta == null) {
+    return /* @__PURE__ */ jsx(
+      FallbackComponent,
+      {
+        text: "Component not found",
+        details: `Missing component metadata for '${element.type}'`
+      }
+    );
+  }
+  const isRSC = elementMeta.server ?? false;
+  if (!isRSC) {
+    return /* @__PURE__ */ jsx(ClientElement, { element }, element.key);
+  }
+  return /* @__PURE__ */ jsx(ServerElementData, { documentKey, context, elementData: element });
+}
+export {
+  ServerElement
+};
+//# sourceMappingURL=element.js.map

package/dist/esm/runtimes/react/server/components/element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/element.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\nimport {\n  isElementReference,\n  getComponentsMeta,\n  type Element as ElementDataOrRef,\n} from '../../../../state/read-only-state'\n\nimport { FallbackComponent } from '../../../../components/shared/FallbackComponent'\n\nimport { Element as ClientElement } from '../../components/Element'\n\nimport { type ServerRenderContext, getStore } from '../render-context'\n\nimport { ServerElementData } from './element-data'\n\nexport function ServerElement({\n  context,\n  element,\n  documentKey,\n}: {\n  context: ServerRenderContext\n  element: ElementDataOrRef\n  documentKey: string\n}): ReactNode {\n  // check for element references first to avoid looking them up as regular components\n  if (isElementReference(element)) {\n    return <FallbackComponent text=\"Element reference is not supported on server yet\" />\n  }\n\n  const state = getStore(context).getState()\n  const elementMeta = getComponentsMeta(state).get(element.type)\n  if (elementMeta == null) {\n    return (\n      <FallbackComponent\n        text=\"Component not found\"\n        details={`Missing component metadata for '${element.type}'`}\n      />\n    )\n  }\n\n  const isRSC = elementMeta.server ?? false\n  if (!isRSC) {\n    return <ClientElement key={element.key} element={element} />\n  }\n\n  return <ServerElementData documentKey={documentKey} context={context} elementData={element} />\n}\n"],"mappings":"AA2BW;AAzBX;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAEP,SAAS,yBAAyB;AAElC,SAAS,WAAW,qBAAqB;AAEzC,SAAmC,gBAAgB;AAEnD,SAAS,yBAAyB;AAE3B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAIc;AAEZ,MAAI,mBAAmB,OAAO,GAAG;AAC/B,WAAO,oBAAC,qBAAkB,MAAK,oDAAmD;AAAA,EACpF;AAEA,QAAM,QAAQ,SAAS,OAAO,EAAE,SAAS;AACzC,QAAM,cAAc,kBAAkB,KAAK,EAAE,IAAI,QAAQ,IAAI;AAC7D,MAAI,eAAe,MAAM;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,mCAAmC,QAAQ,IAAI;AAAA;AAAA,IAC1D;AAAA,EAEJ;AAEA,QAAM,QAAQ,YAAY,UAAU;AACpC,MAAI,CAAC,OAAO;AACV,WAAO,oBAAC,iBAAgC,WAAb,QAAQ,GAAuB;AAAA,EAC5D;AAEA,SAAO,oBAAC,qBAAkB,aAA0B,SAAkB,aAAa,SAAS;AAC9F;","names":[]}

package/dist/esm/runtimes/react/server/components/makeswift-component.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { MakeswiftComponent as MakeswiftClientComponent } from "../../components/MakeswiftComponent";
+import { RSCSnapshotRenderer } from "./snapshot-renderer";
+const MakeswiftComponent = (props) => /* @__PURE__ */ jsx(RSCSnapshotRenderer, { ...props, children: /* @__PURE__ */ jsx(MakeswiftClientComponent, { ...props }) });
+export {
+  MakeswiftComponent
+};
+//# sourceMappingURL=makeswift-component.js.map

package/dist/esm/runtimes/react/server/components/makeswift-component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/makeswift-component.tsx"],"sourcesContent":["import { type ComponentProps } from 'react'\n\nimport { MakeswiftComponent as MakeswiftClientComponent } from '../../components/MakeswiftComponent'\n\nimport { RSCSnapshotRenderer } from './snapshot-renderer'\n\n/**\n * Renders Makeswift component snapshot with server-element support. RSC counterpart of\n * https://docs.makeswift.com/developer/docs/reference/components/makeswift-component#props\n */\nexport const MakeswiftComponent = (props: ComponentProps<typeof MakeswiftClientComponent>) => (\n  <RSCSnapshotRenderer {...props}>\n    <MakeswiftClientComponent {...props} />\n  </RSCSnapshotRenderer>\n)\n"],"mappings":"AAYI;AAVJ,SAAS,sBAAsB,gCAAgC;AAE/D,SAAS,2BAA2B;AAM7B,MAAM,qBAAqB,CAAC,UACjC,oBAAC,uBAAqB,GAAG,OACvB,8BAAC,4BAA0B,GAAG,OAAO,GACvC;","names":[]}

package/dist/esm/runtimes/react/server/components/renderer.js

@@ -0,0 +1,29 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { ClientCSSProvider } from "../css/client-css";
+import { getStore } from "../render-context";
+import { collectServerElements } from "../collect-server-elements";
+import { updateApiResourceCache } from "../update-api-resource-cache";
+import { ServerElementsCache } from "./server-elements-cache";
+function RSCRenderer({
+  context,
+  document,
+  cacheData,
+  children
+}) {
+  const serverElements = collectServerElements(context, document, cacheData);
+  return /* @__PURE__ */ jsx(ServerElementsCache, { value: serverElements, children: /* @__PURE__ */ jsx(ClientCSSProvider, { children }) });
+}
+function RSCElementRenderer({
+  context,
+  cacheData,
+  children
+}) {
+  const store = getStore(context);
+  updateApiResourceCache(store, cacheData);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+export {
+  RSCElementRenderer,
+  RSCRenderer
+};
+//# sourceMappingURL=renderer.js.map

package/dist/esm/runtimes/react/server/components/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/renderer.tsx"],"sourcesContent":["import { type PropsWithChildren } from 'react'\n\nimport { type CacheData } from '../../../../api/api-resources-client'\nimport { type Document } from '../../../../state/modules/read-only-documents'\n\nimport { ClientCSSProvider } from '../css/client-css'\n\nimport { type ServerRenderContext, getStore } from '../render-context'\nimport { collectServerElements } from '../collect-server-elements'\nimport { updateApiResourceCache } from '../update-api-resource-cache'\n\nimport { ServerElementsCache } from './server-elements-cache'\n\n/**\n * Helper for rendering a Makeswift document containing server elements. Makes\n * the server-rendered nodes available to the client renderer and enables\n * client-side style updates for editable server elements.\n */\nexport function RSCRenderer({\n  context,\n  document,\n  cacheData,\n  children,\n}: PropsWithChildren<{ context: ServerRenderContext; document: Document; cacheData: CacheData }>) {\n  const serverElements = collectServerElements(context, document, cacheData)\n\n  return (\n    <ServerElementsCache value={serverElements}>\n      <ClientCSSProvider>{children}</ClientCSSProvider>\n    </ServerElementsCache>\n  )\n}\n\n/**\n * Helper for (re-)rendering an isolated server element. Updates the server\n * state with the context's API resource cache.\n */\nexport function RSCElementRenderer({\n  context,\n  cacheData,\n  children,\n}: PropsWithChildren<{ context: ServerRenderContext; cacheData: CacheData }>) {\n  const store = getStore(context)\n\n  updateApiResourceCache(store, cacheData)\n  return <>{children}</>\n}\n"],"mappings":"AA4BM,SAiBG,UAjBH;AAvBN,SAAS,yBAAyB;AAElC,SAAmC,gBAAgB;AACnD,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AAEvC,SAAS,2BAA2B;AAO7B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkG;AAChG,QAAM,iBAAiB,sBAAsB,SAAS,UAAU,SAAS;AAEzE,SACE,oBAAC,uBAAoB,OAAO,gBAC1B,8BAAC,qBAAmB,UAAS,GAC/B;AAEJ;AAMO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAA8E;AAC5E,QAAM,QAAQ,SAAS,OAAO;AAE9B,yBAAuB,OAAO,SAAS;AACvC,SAAO,gCAAG,UAAS;AACrB;","names":[]}

package/dist/esm/runtimes/react/server/components/server-elements-cache.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useState, useMemo } from "react";
+const Context = createContext({
+  getElement: () => null,
+  updateElement: () => {
+  },
+  removeElement: () => {
+  }
+});
+const ServerElementsCache = ({
+  children,
+  value
+}) => {
+  const [nodes, setNodes] = useState(value);
+  const [previousValue, setPreviousValue] = useState(value);
+  if (value !== previousValue) {
+    setPreviousValue(value);
+    setNodes(value);
+  }
+  const getElement = useCallback((elementKey) => nodes.get(elementKey), [nodes]);
+  const updateElement = useCallback(
+    (elementKey, node) => setNodes((prev) => new Map(prev).set(elementKey, node)),
+    []
+  );
+  const removeElement = useCallback(
+    (elementKey) => setNodes((prev) => {
+      const next = new Map(prev);
+      next.delete(elementKey);
+      return next;
+    }),
+    []
+  );
+  const cache = useMemo(
+    () => ({ getElement, updateElement, removeElement }),
+    [getElement, updateElement, removeElement]
+  );
+  return /* @__PURE__ */ jsx(Context.Provider, { value: cache, children });
+};
+const useServerElementsCache = () => useContext(Context);
+export {
+  ServerElementsCache,
+  useServerElementsCache
+};
+//# sourceMappingURL=server-elements-cache.js.map

package/dist/esm/runtimes/react/server/components/server-elements-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/server-elements-cache.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, ReactNode, useCallback, useContext, useState, useMemo } from 'react'\n\nimport { type ElementsMap } from '../collect-server-elements'\n\ntype ContextValue = {\n  getElement: (elementKey: string) => ReactNode\n  updateElement: (elementKey: string, node: ReactNode) => void\n  removeElement: (elementKey: string) => void\n}\n\nconst Context = createContext<ContextValue>({\n  getElement: () => null,\n  updateElement: () => {},\n  removeElement: () => {},\n})\n\n/**\n * Client-side \"cache\" of server-rendered elements; this is one of the key pieces in our RSC\n * implementation, with React doing the majority of the heavy lifting: when `ReactNode`s are\n * passed as props across a 'use client' boundary, React's flight serializer automatically\n * renders and encodes them in the RSC stream and then reconstructs them on the client. All\n * we need to do on the client is to make these React elements available for lookup/\n * manipulation when editing in the builder.\n */\nexport const ServerElementsCache = ({\n  children,\n  value,\n}: {\n  children: ReactNode\n  value: ElementsMap\n}) => {\n  // An RSC re-render does not inherently remount client components; React can reconcile\n  // the new server tree with the existing client tree, so we need to handle the `value`\n  // prop updates\n  const [nodes, setNodes] = useState(value)\n  const [previousValue, setPreviousValue] = useState(value)\n\n  // this is okay to do on render, see https://react.dev/learn/you-might-not-need-an-effect#adjusting-some-state-when-a-prop-changes\n  if (value !== previousValue) {\n    setPreviousValue(value)\n    setNodes(value)\n  }\n\n  const getElement = useCallback((elementKey: string): ReactNode => nodes.get(elementKey), [nodes])\n\n  const updateElement = useCallback(\n    (elementKey: string, node: ReactNode) => setNodes(prev => new Map(prev).set(elementKey, node)),\n    [],\n  )\n\n  const removeElement = useCallback(\n    (elementKey: string) =>\n      setNodes(prev => {\n        const next = new Map(prev)\n        next.delete(elementKey)\n        return next\n      }),\n    [],\n  )\n\n  const cache = useMemo(\n    () => ({ getElement, updateElement, removeElement }),\n    [getElement, updateElement, removeElement],\n  )\n\n  return <Context.Provider value={cache}>{children}</Context.Provider>\n}\n\nexport const useServerElementsCache = () => useContext(Context)\n"],"mappings":";AAmES;AAjET,SAAS,eAA0B,aAAa,YAAY,UAAU,eAAe;AAUrF,MAAM,UAAU,cAA4B;AAAA,EAC1C,YAAY,MAAM;AAAA,EAClB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,eAAe,MAAM;AAAA,EAAC;AACxB,CAAC;AAUM,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAGM;AAIJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAGxD,MAAI,UAAU,eAAe;AAC3B,qBAAiB,KAAK;AACtB,aAAS,KAAK;AAAA,EAChB;AAEA,QAAM,aAAa,YAAY,CAAC,eAAkC,MAAM,IAAI,UAAU,GAAG,CAAC,KAAK,CAAC;AAEhG,QAAM,gBAAgB;AAAA,IACpB,CAAC,YAAoB,SAAoB,SAAS,UAAQ,IAAI,IAAI,IAAI,EAAE,IAAI,YAAY,IAAI,CAAC;AAAA,IAC7F,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,eACC,SAAS,UAAQ;AACf,YAAM,OAAO,IAAI,IAAI,IAAI;AACzB,WAAK,OAAO,UAAU;AACtB,aAAO;AAAA,IACT,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,YAAY,eAAe,cAAc;AAAA,IAClD,CAAC,YAAY,eAAe,aAAa;AAAA,EAC3C;AAEA,SAAO,oBAAC,QAAQ,UAAR,EAAiB,OAAO,OAAQ,UAAS;AACnD;AAEO,MAAM,yBAAyB,MAAM,WAAW,OAAO;","names":[]}

package/dist/esm/runtimes/react/server/components/slot.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { MakeswiftComponentType } from "../../../../components/builtin/constants";
+import { Slot as ClientSlot } from "../../components/Slot";
+import { RSCSnapshotRenderer } from "./snapshot-renderer";
+const Slot = ({ label, snapshot, fallback }) => /* @__PURE__ */ jsx(RSCSnapshotRenderer, { snapshot, label, type: MakeswiftComponentType.Slot, children: /* @__PURE__ */ jsx(ClientSlot, { ...{ label, snapshot, fallback } }) });
+export {
+  Slot
+};
+//# sourceMappingURL=slot.js.map

package/dist/esm/runtimes/react/server/components/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/slot.tsx"],"sourcesContent":["import { type ComponentProps } from 'react'\n\nimport { MakeswiftComponentType } from '../../../../components/builtin/constants'\n\nimport { Slot as ClientSlot } from '../../components/Slot'\n\nimport { RSCSnapshotRenderer } from './snapshot-renderer'\n\n/**\n * Renders Makeswift snapshot or its fallback with server-element support. RSC\n * counterpart of https://docs.makeswift.com/developer/docs/reference/components/slot\n */\nexport const Slot = ({ label, snapshot, fallback }: ComponentProps<typeof ClientSlot>) => (\n  <RSCSnapshotRenderer snapshot={snapshot} label={label} type={MakeswiftComponentType.Slot}>\n    <ClientSlot {...{ label, snapshot, fallback }} />\n  </RSCSnapshotRenderer>\n)\n"],"mappings":"AAcI;AAZJ,SAAS,8BAA8B;AAEvC,SAAS,QAAQ,kBAAkB;AAEnC,SAAS,2BAA2B;AAM7B,MAAM,OAAO,CAAC,EAAE,OAAO,UAAU,SAAS,MAC/C,oBAAC,uBAAoB,UAAoB,OAAc,MAAM,uBAAuB,MAClF,8BAAC,cAAY,GAAG,EAAE,OAAO,UAAU,SAAS,GAAG,GACjD;","names":[]}

package/dist/esm/runtimes/react/server/components/snapshot-renderer.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { componentDocumentToRootEmbeddedDocument } from "../../../../client/component-snapshot";
+import { getRenderContext } from "../render-context";
+import { RSCRenderer } from "./renderer";
+const RSCSnapshotRenderer = ({
+  snapshot,
+  label,
+  type,
+  description,
+  children
+}) => {
+  const rootDocument = componentDocumentToRootEmbeddedDocument({
+    document: snapshot.document,
+    documentKey: snapshot.key,
+    name: label,
+    type,
+    description,
+    meta: snapshot.meta
+  });
+  const context = getRenderContext();
+  return /* @__PURE__ */ jsx(RSCRenderer, { context, cacheData: snapshot.cacheData, document: rootDocument, children });
+};
+export {
+  RSCSnapshotRenderer
+};
+//# sourceMappingURL=snapshot-renderer.js.map

package/dist/esm/runtimes/react/server/components/snapshot-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/components/snapshot-renderer.tsx"],"sourcesContent":["import { type ComponentProps, type PropsWithChildren } from 'react'\n\nimport { componentDocumentToRootEmbeddedDocument } from '../../../../client/component-snapshot'\nimport { MakeswiftComponent } from '../../components/MakeswiftComponent'\n\nimport { getRenderContext } from '../render-context'\n\nimport { RSCRenderer } from './renderer'\n\n/**\n * High-level helper for rendering server versions of snapshot-backed components\n * (`MakeswiftComponent`, `Slot`). Creates a root document from the snapshot\n * and delegates to `RSCRenderer` to render the server elements and make them\n * editable on the client.\n */\nexport const RSCSnapshotRenderer = ({\n  snapshot,\n  label,\n  type,\n  description,\n  children,\n}: PropsWithChildren<ComponentProps<typeof MakeswiftComponent>>) => {\n  const rootDocument = componentDocumentToRootEmbeddedDocument({\n    document: snapshot.document,\n    documentKey: snapshot.key,\n    name: label,\n    type,\n    description,\n    meta: snapshot.meta,\n  })\n\n  const context = getRenderContext()\n\n  return (\n    <RSCRenderer context={context} cacheData={snapshot.cacheData} document={rootDocument}>\n      {children}\n    </RSCRenderer>\n  )\n}\n"],"mappings":"AAkCI;AAhCJ,SAAS,+CAA+C;AAGxD,SAAS,wBAAwB;AAEjC,SAAS,mBAAmB;AAQrB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoE;AAClE,QAAM,eAAe,wCAAwC;AAAA,IAC3D,UAAU,SAAS;AAAA,IACnB,aAAa,SAAS;AAAA,IACtB,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,MAAM,SAAS;AAAA,EACjB,CAAC;AAED,QAAM,UAAU,iBAAiB;AAEjC,SACE,oBAAC,eAAY,SAAkB,WAAW,SAAS,WAAW,UAAU,cACrE,UACH;AAEJ;","names":[]}