@makeswift/runtime 0.28.10-canary.0 → 0.28.10-canary.2

package/dist/cjs/runtimes/react/server/css/client-css.js

@@ -0,0 +1,112 @@
+"use strict";
+"use client";
+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);
+var client_css_exports = {};
+__export(client_css_exports, {
+  ClientCSSProvider: () => ClientCSSProvider,
+  useClientCSS: () => useClientCSS
+});
+module.exports = __toCommonJS(client_css_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_css_runtime = require("./css-runtime");
+const ClientCSSContext = (0, import_react.createContext)({
+  updateStyle(elementKey, propName, cssString) {
+    console.error(
+      `Attempt to update client style for server component ${elementKey}'s '${propName}' prop outside of 'ClientCSSProvider'`,
+      cssString
+    );
+  }
+});
+function ClientCSSProvider({ children }) {
+  const styleElementsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const serverStylesRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const dynamicStylesRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const updateStyleElement = (0, import_react.useCallback)(
+    (elementKey, elementStyles) => {
+      const styleElement = styleElementsRef.current.get(elementKey);
+      if (styleElement == null)
+        return;
+      const serverCss = serverStylesRef.current.get(elementKey) ?? "";
+      const dynamicCss = Array.from(elementStyles.values()).join("\n");
+      const combinedStyles = dynamicCss === serverCss ? serverCss : [serverCss, dynamicCss].filter(Boolean).join("\n");
+      if (styleElement.textContent !== combinedStyles) {
+        styleElement.textContent = combinedStyles;
+      }
+    },
+    []
+  );
+  const registerStyleElement = (0, import_react.useCallback)(
+    (styleElement) => {
+      const href = styleElement.dataset["href"];
+      if (href == null || !href.startsWith(import_css_runtime.MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX))
+        return;
+      const elementKey = href.substring(import_css_runtime.MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX.length);
+      if (elementKey == "") {
+        console.error("Ignoring style element with a missing element key", styleElement);
+        return;
+      }
+      if (styleElement === styleElementsRef.current.get(elementKey))
+        return;
+      styleElementsRef.current.set(elementKey, styleElement);
+      serverStylesRef.current.set(elementKey, styleElement.textContent);
+      const elementStyles = dynamicStylesRef.current.get(elementKey);
+      if (elementStyles != null) {
+        updateStyleElement(elementKey, elementStyles);
+      }
+    },
+    [updateStyleElement]
+  );
+  (0, import_react.useEffect)(() => {
+    document.head.querySelectorAll(
+      `style[data-href^="${import_css_runtime.MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}"]`
+    ).forEach(registerStyleElement);
+    const observer = new MutationObserver((mutationList) => {
+      for (const mutation of mutationList) {
+        for (const node of mutation.addedNodes) {
+          if (node instanceof HTMLStyleElement)
+            registerStyleElement(node);
+        }
+      }
+    });
+    observer.observe(document.head, { childList: true });
+    return () => {
+      observer.disconnect();
+    };
+  }, [registerStyleElement]);
+  const updateStyle = (0, import_react.useCallback)(
+    (elementKey, propName, cssString) => {
+      const elementStyles = dynamicStylesRef.current.get(elementKey) ?? /* @__PURE__ */ new Map();
+      elementStyles.set(propName, cssString);
+      dynamicStylesRef.current.set(elementKey, elementStyles);
+      updateStyleElement(elementKey, elementStyles);
+    },
+    [updateStyleElement]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClientCSSContext.Provider, { value: { updateStyle }, children });
+}
+function useClientCSS() {
+  return (0, import_react.useContext)(ClientCSSContext);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ClientCSSProvider,
+  useClientCSS
+});
+//# sourceMappingURL=client-css.js.map

package/dist/cjs/runtimes/react/server/css/client-css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/css/client-css.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, ReactNode, useContext, useEffect, useRef, useCallback } from 'react'\n\nimport { MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX } from './css-runtime'\n\ntype ClientCSSContextValue = {\n  updateStyle: (elementKey: string, propName: string, cssString: string) => void\n}\n\nconst ClientCSSContext = createContext<ClientCSSContextValue>({\n  updateStyle(elementKey: string, propName: string, cssString: string) {\n    console.error(\n      `Attempt to update client style for server component ${elementKey}'s '${propName}' prop outside of 'ClientCSSProvider'`,\n      cssString,\n    )\n  },\n})\n\nexport function ClientCSSProvider({ children }: { children: ReactNode }) {\n  const styleElementsRef = useRef<Map<string, HTMLStyleElement>>(new Map())\n  const serverStylesRef = useRef<Map<string, string>>(new Map())\n  const dynamicStylesRef = useRef<Map<string, Map<string, string>>>(new Map())\n\n  const updateStyleElement = useCallback(\n    (elementKey: string, elementStyles: Map<string, string>) => {\n      const styleElement = styleElementsRef.current.get(elementKey)\n      if (styleElement == null) return\n\n      const serverCss = serverStylesRef.current.get(elementKey) ?? ''\n      const dynamicCss = Array.from(elementStyles.values()).join('\\n')\n      const combinedStyles =\n        dynamicCss === serverCss ? serverCss : [serverCss, dynamicCss].filter(Boolean).join('\\n')\n\n      if (styleElement.textContent !== combinedStyles) {\n        styleElement.textContent = combinedStyles\n      }\n    },\n    [],\n  )\n\n  const registerStyleElement = useCallback(\n    (styleElement: HTMLStyleElement) => {\n      const href = styleElement.dataset['href']\n      if (href == null || !href.startsWith(MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX)) return\n\n      const elementKey = href.substring(MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX.length)\n      if (elementKey == '') {\n        console.error('Ignoring style element with a missing element key', styleElement)\n        return\n      }\n\n      // don't recapture elements that we're already tracking\n      if (styleElement === styleElementsRef.current.get(elementKey)) return\n\n      styleElementsRef.current.set(elementKey, styleElement)\n      serverStylesRef.current.set(elementKey, styleElement.textContent)\n\n      const elementStyles = dynamicStylesRef.current.get(elementKey)\n      if (elementStyles != null) {\n        updateStyleElement(elementKey, elementStyles)\n      }\n    },\n    [updateStyleElement],\n  )\n\n  useEffect(() => {\n    // initialize style elements map and capture server styles for existing\n    // RSC-rendered elements, if any\n    document.head\n      .querySelectorAll<HTMLStyleElement>(\n        `style[data-href^=\"${MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}\"]`,\n      )\n      .forEach(registerStyleElement)\n\n    // set up a `document.head` observer to capture dynamically added RSC `<style>` nodes\n    const observer = new MutationObserver(mutationList => {\n      for (const mutation of mutationList) {\n        for (const node of mutation.addedNodes) {\n          if (node instanceof HTMLStyleElement) registerStyleElement(node)\n        }\n      }\n    })\n\n    observer.observe(document.head, { childList: true })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [registerStyleElement])\n\n  const updateStyle = useCallback(\n    (elementKey: string, propName: string, cssString: string) => {\n      const elementStyles = dynamicStylesRef.current.get(elementKey) ?? new Map()\n      elementStyles.set(propName, cssString)\n      dynamicStylesRef.current.set(elementKey, elementStyles)\n\n      updateStyleElement(elementKey, elementStyles)\n    },\n    [updateStyleElement],\n  )\n\n  return <ClientCSSContext.Provider value={{ updateStyle }}>{children}</ClientCSSContext.Provider>\n}\n\nexport function useClientCSS(): ClientCSSContextValue {\n  return useContext(ClientCSSContext)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsGS;AApGT,mBAAqF;AAErF,yBAAkD;AAMlD,MAAM,uBAAmB,4BAAqC;AAAA,EAC5D,YAAY,YAAoB,UAAkB,WAAmB;AACnE,YAAQ;AAAA,MACN,uDAAuD,UAAU,OAAO,QAAQ;AAAA,MAChF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,SAAS,kBAAkB,EAAE,SAAS,GAA4B;AACvE,QAAM,uBAAmB,qBAAsC,oBAAI,IAAI,CAAC;AACxE,QAAM,sBAAkB,qBAA4B,oBAAI,IAAI,CAAC;AAC7D,QAAM,uBAAmB,qBAAyC,oBAAI,IAAI,CAAC;AAE3E,QAAM,yBAAqB;AAAA,IACzB,CAAC,YAAoB,kBAAuC;AAC1D,YAAM,eAAe,iBAAiB,QAAQ,IAAI,UAAU;AAC5D,UAAI,gBAAgB;AAAM;AAE1B,YAAM,YAAY,gBAAgB,QAAQ,IAAI,UAAU,KAAK;AAC7D,YAAM,aAAa,MAAM,KAAK,cAAc,OAAO,CAAC,EAAE,KAAK,IAAI;AAC/D,YAAM,iBACJ,eAAe,YAAY,YAAY,CAAC,WAAW,UAAU,EAAE,OAAO,OAAO,EAAE,KAAK,IAAI;AAE1F,UAAI,aAAa,gBAAgB,gBAAgB;AAC/C,qBAAa,cAAc;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,2BAAuB;AAAA,IAC3B,CAAC,iBAAmC;AAClC,YAAM,OAAO,aAAa,QAAQ,MAAM;AACxC,UAAI,QAAQ,QAAQ,CAAC,KAAK,WAAW,oDAAiC;AAAG;AAEzE,YAAM,aAAa,KAAK,UAAU,qDAAkC,MAAM;AAC1E,UAAI,cAAc,IAAI;AACpB,gBAAQ,MAAM,qDAAqD,YAAY;AAC/E;AAAA,MACF;AAGA,UAAI,iBAAiB,iBAAiB,QAAQ,IAAI,UAAU;AAAG;AAE/D,uBAAiB,QAAQ,IAAI,YAAY,YAAY;AACrD,sBAAgB,QAAQ,IAAI,YAAY,aAAa,WAAW;AAEhE,YAAM,gBAAgB,iBAAiB,QAAQ,IAAI,UAAU;AAC7D,UAAI,iBAAiB,MAAM;AACzB,2BAAmB,YAAY,aAAa;AAAA,MAC9C;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEA,8BAAU,MAAM;AAGd,aAAS,KACN;AAAA,MACC,qBAAqB,oDAAiC;AAAA,IACxD,EACC,QAAQ,oBAAoB;AAG/B,UAAM,WAAW,IAAI,iBAAiB,kBAAgB;AACpD,iBAAW,YAAY,cAAc;AACnC,mBAAW,QAAQ,SAAS,YAAY;AACtC,cAAI,gBAAgB;AAAkB,iCAAqB,IAAI;AAAA,QACjE;AAAA,MACF;AAAA,IACF,CAAC;AAED,aAAS,QAAQ,SAAS,MAAM,EAAE,WAAW,KAAK,CAAC;AAEnD,WAAO,MAAM;AACX,eAAS,WAAW;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,kBAAc;AAAA,IAClB,CAAC,YAAoB,UAAkB,cAAsB;AAC3D,YAAM,gBAAgB,iBAAiB,QAAQ,IAAI,UAAU,KAAK,oBAAI,IAAI;AAC1E,oBAAc,IAAI,UAAU,SAAS;AACrC,uBAAiB,QAAQ,IAAI,YAAY,aAAa;AAEtD,yBAAmB,YAAY,aAAa;AAAA,IAC9C;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEA,SAAO,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,YAAY,GAAI,UAAS;AACtE;AAEO,SAAS,eAAsC;AACpD,aAAO,yBAAW,gBAAgB;AACpC;","names":[]}

package/dist/cjs/runtimes/react/server/css/css-runtime.js

@@ -0,0 +1,102 @@
+"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);
+var css_runtime_exports = {};
+__export(css_runtime_exports, {
+  MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX: () => MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX,
+  StylesheetEngine: () => StylesheetEngine
+});
+module.exports = __toCommonJS(css_runtime_exports);
+var import_resolved_style_to_css = require("../../lib/resolved-style-to-css");
+const MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX = "makeswift-rsc-";
+function cssObjectToString(cssObject, className) {
+  const cssRules = [];
+  const mediaRules = [];
+  const baseStyles = {};
+  Object.entries(cssObject).forEach(([property, value]) => {
+    if (property.startsWith("@media")) {
+      const mediaQueryStyles = value;
+      const mediaCSS = Object.entries(mediaQueryStyles).map(([prop, val]) => formatCSSProperty(prop, val)).filter(Boolean).join(" ");
+      if (mediaCSS) {
+        mediaRules.push(`${property} { .${className} { ${mediaCSS} } }`);
+      }
+    } else {
+      baseStyles[property] = value;
+    }
+  });
+  const baseCSS = Object.entries(baseStyles).map(([prop, val]) => formatCSSProperty(prop, val)).filter(Boolean).join(" ");
+  if (baseCSS) {
+    cssRules.push(`.${className} { ${baseCSS} }`);
+  }
+  cssRules.push(...mediaRules);
+  return cssRules.join("\n");
+}
+function formatCSSProperty(property, value) {
+  if (value == null || value === "")
+    return "";
+  if (Array.isArray(value)) {
+    return value.length > 0 ? `${kebabCase(property)}: ${value.join(" ")};` : "";
+  }
+  return `${kebabCase(property)}: ${value};`;
+}
+function kebabCase(str) {
+  return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+}
+function generateClassName(elementKey, propName, counter) {
+  const parts = ["makeswift-rsc"];
+  if (elementKey)
+    parts.push(elementKey);
+  if (propName)
+    parts.push(propName);
+  if (counter !== void 0)
+    parts.push(counter.toString());
+  return parts.join("-");
+}
+class StylesheetEngine {
+  constructor(breakpointsData, elementKey, basePropName, onStyleGenerated) {
+    this.breakpointsData = breakpointsData;
+    this.elementKey = elementKey;
+    this.basePropName = basePropName;
+    this.onStyleGenerated = onStyleGenerated;
+  }
+  styleCounter = 0;
+  breakpoints() {
+    return this.breakpointsData;
+  }
+  defineStyle(style) {
+    const className = generateClassName(this.elementKey, this.basePropName, ++this.styleCounter);
+    const cssObject = (0, import_resolved_style_to_css.resolvedStyleToCss)(this.breakpointsData, style);
+    const cssString = cssObjectToString(cssObject, className);
+    this.onStyleGenerated?.(className, cssString, this.elementKey, this.basePropName);
+    return className;
+  }
+  child(propName) {
+    return new StylesheetEngine(
+      this.breakpointsData,
+      this.elementKey,
+      [this.basePropName, propName].filter(Boolean).join("-"),
+      this.onStyleGenerated
+    );
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX,
+  StylesheetEngine
+});
+//# sourceMappingURL=css-runtime.js.map

package/dist/cjs/runtimes/react/server/css/css-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/css/css-runtime.ts"],"sourcesContent":["import type { CSSInterpolation, CSSObject } from '@emotion/serialize'\nimport { type Breakpoints, type Stylesheet, type ResolvedStyle } from '@makeswift/controls'\nimport { resolvedStyleToCss } from '../../lib/resolved-style-to-css'\n\nexport const MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX = 'makeswift-rsc-'\n\nfunction cssObjectToString(cssObject: CSSObject, className: string): string {\n  const cssRules: string[] = []\n  const mediaRules: string[] = []\n  const baseStyles: Record<string, CSSInterpolation> = {}\n\n  Object.entries(cssObject).forEach(([property, value]) => {\n    if (property.startsWith('@media')) {\n      const mediaQueryStyles = value as CSSObject\n      const mediaCSS = Object.entries(mediaQueryStyles)\n        .map(([prop, val]) => formatCSSProperty(prop, val))\n        .filter(Boolean)\n        .join(' ')\n\n      if (mediaCSS) {\n        mediaRules.push(`${property} { .${className} { ${mediaCSS} } }`)\n      }\n    } else {\n      baseStyles[property] = value\n    }\n  })\n\n  const baseCSS = Object.entries(baseStyles)\n    .map(([prop, val]) => formatCSSProperty(prop, val))\n    .filter(Boolean)\n    .join(' ')\n\n  if (baseCSS) {\n    cssRules.push(`.${className} { ${baseCSS} }`)\n  }\n\n  cssRules.push(...mediaRules)\n  return cssRules.join('\\n')\n}\n\nfunction formatCSSProperty(property: string, value: any): string {\n  if (value == null || value === '') return ''\n\n  if (Array.isArray(value)) {\n    return value.length > 0 ? `${kebabCase(property)}: ${value.join(' ')};` : ''\n  }\n\n  return `${kebabCase(property)}: ${value};`\n}\n\nfunction kebabCase(str: string): string {\n  return str.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)\n}\n\nfunction generateClassName(elementKey?: string, propName?: string, counter?: number): string {\n  const parts = ['makeswift-rsc']\n  if (elementKey) parts.push(elementKey)\n  if (propName) parts.push(propName)\n  if (counter !== undefined) parts.push(counter.toString())\n  return parts.join('-')\n}\n\ntype OnStyleGenerated = (\n  className: string,\n  css: string,\n  elementKey?: string,\n  propName?: string,\n) => void\n\n// Unified stylesheet engine that handles both server and client modes\nexport class StylesheetEngine implements Stylesheet {\n  private styleCounter = 0\n\n  constructor(\n    private breakpointsData: Breakpoints,\n    private elementKey?: string,\n    private basePropName?: string,\n    private onStyleGenerated?: OnStyleGenerated,\n  ) {}\n\n  breakpoints(): Breakpoints {\n    return this.breakpointsData\n  }\n\n  defineStyle(style: ResolvedStyle): string {\n    const className = generateClassName(this.elementKey, this.basePropName, ++this.styleCounter)\n\n    const cssObject = resolvedStyleToCss(this.breakpointsData, style)\n    const cssString = cssObjectToString(cssObject, className)\n\n    this.onStyleGenerated?.(className, cssString, this.elementKey, this.basePropName)\n\n    return className\n  }\n\n  child(propName: string): Stylesheet {\n    return new StylesheetEngine(\n      this.breakpointsData,\n      this.elementKey,\n      [this.basePropName, propName].filter(Boolean).join('-'),\n      this.onStyleGenerated,\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mCAAmC;AAE5B,MAAM,oCAAoC;AAEjD,SAAS,kBAAkB,WAAsB,WAA2B;AAC1E,QAAM,WAAqB,CAAC;AAC5B,QAAM,aAAuB,CAAC;AAC9B,QAAM,aAA+C,CAAC;AAEtD,SAAO,QAAQ,SAAS,EAAE,QAAQ,CAAC,CAAC,UAAU,KAAK,MAAM;AACvD,QAAI,SAAS,WAAW,QAAQ,GAAG;AACjC,YAAM,mBAAmB;AACzB,YAAM,WAAW,OAAO,QAAQ,gBAAgB,EAC7C,IAAI,CAAC,CAAC,MAAM,GAAG,MAAM,kBAAkB,MAAM,GAAG,CAAC,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,UAAI,UAAU;AACZ,mBAAW,KAAK,GAAG,QAAQ,OAAO,SAAS,MAAM,QAAQ,MAAM;AAAA,MACjE;AAAA,IACF,OAAO;AACL,iBAAW,QAAQ,IAAI;AAAA,IACzB;AAAA,EACF,CAAC;AAED,QAAM,UAAU,OAAO,QAAQ,UAAU,EACtC,IAAI,CAAC,CAAC,MAAM,GAAG,MAAM,kBAAkB,MAAM,GAAG,CAAC,EACjD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,MAAI,SAAS;AACX,aAAS,KAAK,IAAI,SAAS,MAAM,OAAO,IAAI;AAAA,EAC9C;AAEA,WAAS,KAAK,GAAG,UAAU;AAC3B,SAAO,SAAS,KAAK,IAAI;AAC3B;AAEA,SAAS,kBAAkB,UAAkB,OAAoB;AAC/D,MAAI,SAAS,QAAQ,UAAU;AAAI,WAAO;AAE1C,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAO,MAAM,SAAS,IAAI,GAAG,UAAU,QAAQ,CAAC,KAAK,MAAM,KAAK,GAAG,CAAC,MAAM;AAAA,EAC5E;AAEA,SAAO,GAAG,UAAU,QAAQ,CAAC,KAAK,KAAK;AACzC;AAEA,SAAS,UAAU,KAAqB;AACtC,SAAO,IAAI,QAAQ,UAAU,YAAU,IAAI,OAAO,YAAY,CAAC,EAAE;AACnE;AAEA,SAAS,kBAAkB,YAAqB,UAAmB,SAA0B;AAC3F,QAAM,QAAQ,CAAC,eAAe;AAC9B,MAAI;AAAY,UAAM,KAAK,UAAU;AACrC,MAAI;AAAU,UAAM,KAAK,QAAQ;AACjC,MAAI,YAAY;AAAW,UAAM,KAAK,QAAQ,SAAS,CAAC;AACxD,SAAO,MAAM,KAAK,GAAG;AACvB;AAUO,MAAM,iBAAuC;AAAA,EAGlD,YACU,iBACA,YACA,cACA,kBACR;AAJQ;AACA;AACA;AACA;AAAA,EACP;AAAA,EAPK,eAAe;AAAA,EASvB,cAA2B;AACzB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,YAAY,OAA8B;AACxC,UAAM,YAAY,kBAAkB,KAAK,YAAY,KAAK,cAAc,EAAE,KAAK,YAAY;AAE3F,UAAM,gBAAY,iDAAmB,KAAK,iBAAiB,KAAK;AAChE,UAAM,YAAY,kBAAkB,WAAW,SAAS;AAExD,SAAK,mBAAmB,WAAW,WAAW,KAAK,YAAY,KAAK,YAAY;AAEhF,WAAO;AAAA,EACT;AAAA,EAEA,MAAM,UAA8B;AAClC,WAAO,IAAI;AAAA,MACT,KAAK;AAAA,MACL,KAAK;AAAA,MACL,CAAC,KAAK,cAAc,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACtD,KAAK;AAAA,IACP;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/runtimes/react/server/css/server-css.js

@@ -0,0 +1,71 @@
+"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);
+var server_css_exports = {};
+__export(server_css_exports, {
+  InjectServerCSS: () => InjectServerCSS,
+  ServerCSSCollector: () => ServerCSSCollector,
+  createCollectingServerStylesheet: () => createCollectingServerStylesheet
+});
+module.exports = __toCommonJS(server_css_exports);
+var import_jsx_runtime = (
+  // `precedence` and `href` props are required to opt the `<style>` element into React 19's stylesheet
+  // hoisting; `href` here serves as a unique identifier, and doesn't have to be a valid URL; React
+  // converts it to a `data-href` attribute in the actual HTML output
+  require("react/jsx-runtime")
+);
+var import_css_runtime = require("./css-runtime");
+class ServerCSSCollector {
+  styles = /* @__PURE__ */ new Map();
+  collect(className, css) {
+    if (this.styles.has(className))
+      return;
+    this.styles.set(className, css);
+  }
+  hasStyles() {
+    return this.styles.size > 0;
+  }
+  getAllStyles() {
+    return Array.from(this.styles.values()).join("\n");
+  }
+  clear() {
+    this.styles.clear();
+  }
+}
+function createCollectingServerStylesheet(collector, breakpoints, elementKey) {
+  return new import_css_runtime.StylesheetEngine(breakpoints, elementKey, void 0, (className, css) => {
+    collector.collect(className, css);
+  });
+}
+function InjectServerCSS({
+  collector,
+  elementKey
+}) {
+  if (!collector.hasStyles())
+    return null;
+  const css = collector.getAllStyles();
+  const styleTagId = `${import_css_runtime.MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}${elementKey}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { href: styleTagId, precedence: styleTagId, children: css });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InjectServerCSS,
+  ServerCSSCollector,
+  createCollectingServerStylesheet
+});
+//# sourceMappingURL=server-css.js.map

package/dist/cjs/runtimes/react/server/css/server-css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/server/css/server-css.tsx"],"sourcesContent":["import { type Breakpoints, type Stylesheet } from '@makeswift/controls'\n\nimport { StylesheetEngine, MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX } from './css-runtime'\n\nexport class ServerCSSCollector {\n  private styles = new Map<string, string>()\n\n  collect(className: string, css: string) {\n    if (this.styles.has(className)) return\n    this.styles.set(className, css)\n  }\n\n  hasStyles(): boolean {\n    return this.styles.size > 0\n  }\n\n  getAllStyles(): string {\n    return Array.from(this.styles.values()).join('\\n')\n  }\n\n  clear() {\n    this.styles.clear()\n  }\n}\n\nexport function createCollectingServerStylesheet(\n  collector: ServerCSSCollector,\n  breakpoints: Breakpoints,\n  elementKey?: string,\n): Stylesheet {\n  return new StylesheetEngine(breakpoints, elementKey, undefined, (className, css) => {\n    collector.collect(className, css)\n  })\n}\n\nexport function InjectServerCSS({\n  collector,\n  elementKey,\n}: {\n  collector: ServerCSSCollector\n  elementKey: string\n}) {\n  if (!collector.hasStyles()) return null\n\n  const css = collector.getAllStyles()\n  const styleTagId = `${MAKESWIFT_RSC_STYLE_TAG_ID_PREFIX}${elementKey}`\n\n  return (\n    // `precedence` and `href` props are required to opt the `<style>` element into React 19's stylesheet\n    // hoisting; `href` here serves as a unique identifier, and doesn't have to be a valid URL; React\n    // converts it to a `data-href` attribute in the actual HTML output\n    <style href={styleTagId} precedence={styleTagId}>\n      {css}\n    </style>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDI;AAAA;AAAA;AAAA;AAAA;AAAA;AAjDJ,yBAAoE;AAE7D,MAAM,mBAAmB;AAAA,EACtB,SAAS,oBAAI,IAAoB;AAAA,EAEzC,QAAQ,WAAmB,KAAa;AACtC,QAAI,KAAK,OAAO,IAAI,SAAS;AAAG;AAChC,SAAK,OAAO,IAAI,WAAW,GAAG;AAAA,EAChC;AAAA,EAEA,YAAqB;AACnB,WAAO,KAAK,OAAO,OAAO;AAAA,EAC5B;AAAA,EAEA,eAAuB;AACrB,WAAO,MAAM,KAAK,KAAK,OAAO,OAAO,CAAC,EAAE,KAAK,IAAI;AAAA,EACnD;AAAA,EAEA,QAAQ;AACN,SAAK,OAAO,MAAM;AAAA,EACpB;AACF;AAEO,SAAS,iCACd,WACA,aACA,YACY;AACZ,SAAO,IAAI,oCAAiB,aAAa,YAAY,QAAW,CAAC,WAAW,QAAQ;AAClF,cAAU,QAAQ,WAAW,GAAG;AAAA,EAClC,CAAC;AACH;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGG;AACD,MAAI,CAAC,UAAU,UAAU;AAAG,WAAO;AAEnC,QAAM,MAAM,UAAU,aAAa;AACnC,QAAM,aAAa,GAAG,oDAAiC,GAAG,UAAU;AAEpE,SAIE,4CAAC,WAAM,MAAM,YAAY,YAAY,YAClC,eACH;AAEJ;","names":[]}

package/dist/cjs/runtimes/react/server/index.js

@@ -0,0 +1,51 @@
+"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);
+var server_exports = {};
+__export(server_exports, {
+  MakeswiftComponent: () => import_makeswift_component.MakeswiftComponent,
+  RSCElementRenderer: () => import_renderer.RSCElementRenderer,
+  RenderContext: () => import_render_context.RenderContext,
+  RenderElementPayload: () => import_render_element_payload.RenderElementPayload,
+  ServerCSSCollector: () => import_server_css.ServerCSSCollector,
+  ServerElement: () => import_element.ServerElement,
+  Slot: () => import_slot.Slot,
+  getRenderContext: () => import_render_context.getRenderContext,
+  setRenderContext: () => import_render_context.setRenderContext
+});
+module.exports = __toCommonJS(server_exports);
+var import_element = require("./components/element");
+var import_makeswift_component = require("./components/makeswift-component");
+var import_slot = require("./components/slot");
+var import_renderer = require("./components/renderer");
+var import_server_css = require("./css/server-css");
+var import_render_context = require("./render-context");
+var import_render_element_payload = require("./render-element-payload");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MakeswiftComponent,
+  RSCElementRenderer,
+  RenderContext,
+  RenderElementPayload,
+  ServerCSSCollector,
+  ServerElement,
+  Slot,
+  getRenderContext,
+  setRenderContext
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/runtimes/react/server/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/index.ts"],"sourcesContent":["export { ServerElement } from './components/element'\nexport { MakeswiftComponent } from './components/makeswift-component'\nexport { Slot } from './components/slot'\nexport { RSCElementRenderer } from './components/renderer'\nexport { ServerCSSCollector } from './css/server-css'\nexport {\n  type ServerRenderContext,\n  RenderContext,\n  setRenderContext,\n  getRenderContext,\n} from './render-context'\nexport { RenderElementPayload } from './render-element-payload'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA8B;AAC9B,iCAAmC;AACnC,kBAAqB;AACrB,sBAAmC;AACnC,wBAAmC;AACnC,4BAKO;AACP,oCAAqC;","names":[]}

package/dist/cjs/runtimes/react/server/render-context.js

@@ -0,0 +1,58 @@
+"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);
+var render_context_exports = {};
+__export(render_context_exports, {
+  RenderContext: () => RenderContext,
+  getRenderContext: () => getRenderContext,
+  getStore: () => getStore,
+  setRenderContext: () => setRenderContext
+});
+module.exports = __toCommonJS(render_context_exports);
+var import_react = require("react");
+const requestContext = (0, import_react.cache)(() => ({}));
+const setRenderContext = (context) => {
+  requestContext().current = context;
+};
+const getRenderContext = () => {
+  const context = requestContext().current;
+  if (!context)
+    throw Error("Makeswift render context was not set.");
+  return context;
+};
+const getStore = ({ runtime, siteVersion, locale }) => {
+  if (runtime.requestKey == null) {
+    throw Error("Expected a runtime instance that is bound to a specific request key");
+  }
+  return runtime.getOrCreateStore({ siteVersion, locale });
+};
+const RenderContext = ({
+  context,
+  children
+}) => {
+  setRenderContext(context);
+  return children;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RenderContext,
+  getRenderContext,
+  getStore,
+  setRenderContext
+});
+//# sourceMappingURL=render-context.js.map

package/dist/cjs/runtimes/react/server/render-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/render-context.tsx"],"sourcesContent":["import { cache, type PropsWithChildren } from 'react'\n\nimport { ReactRuntime } from '../../react/react-runtime'\nimport { type Store } from '../../../state/store'\n\nimport { type SiteVersion } from '../../../api/site-version'\nimport { MakeswiftClient } from '../../../client'\n\n/**\n * Request-scoped dependencies used to render Makeswift server elements.\n *\n * Framework integrations create a context for each request and install it with\n * `RenderContext` or `setRenderContext` so nested renderers can access it without\n * threading it through every component. The runtime must be request-bound;\n * together with `siteVersion` and `locale`, it selects the store and API resource\n * cache used during rendering.\n */\nexport type ServerRenderContext = {\n  request: Request\n  runtime: ReactRuntime\n  client: MakeswiftClient\n  siteVersion: SiteVersion | null\n  locale: string | undefined\n}\n\nconst requestContext = cache((): { current?: ServerRenderContext } => ({}))\n\nexport const setRenderContext = (context: ServerRenderContext) => {\n  requestContext().current = context\n}\n\nexport const getRenderContext = (): ServerRenderContext => {\n  const context = requestContext().current\n  if (!context) throw Error('Makeswift render context was not set.')\n  return context\n}\n\nexport const getStore = ({ runtime, siteVersion, locale }: ServerRenderContext): Store => {\n  if (runtime.requestKey == null) {\n    throw Error('Expected a runtime instance that is bound to a specific request key')\n  }\n\n  return runtime.getOrCreateStore({ siteVersion, locale })\n}\n\nexport const RenderContext = ({\n  context,\n  children,\n}: PropsWithChildren<{ context: ServerRenderContext }>) => {\n  setRenderContext(context)\n  return children\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8C;AAyB9C,MAAM,qBAAiB,oBAAM,OAA0C,CAAC,EAAE;AAEnE,MAAM,mBAAmB,CAAC,YAAiC;AAChE,iBAAe,EAAE,UAAU;AAC7B;AAEO,MAAM,mBAAmB,MAA2B;AACzD,QAAM,UAAU,eAAe,EAAE;AACjC,MAAI,CAAC;AAAS,UAAM,MAAM,uCAAuC;AACjE,SAAO;AACT;AAEO,MAAM,WAAW,CAAC,EAAE,SAAS,aAAa,OAAO,MAAkC;AACxF,MAAI,QAAQ,cAAc,MAAM;AAC9B,UAAM,MAAM,qEAAqE;AAAA,EACnF;AAEA,SAAO,QAAQ,iBAAiB,EAAE,aAAa,OAAO,CAAC;AACzD;AAEO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AACF,MAA2D;AACzD,mBAAiB,OAAO;AACxB,SAAO;AACT;","names":[]}

package/dist/cjs/runtimes/react/server/render-element-payload.js

@@ -0,0 +1,45 @@
+"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);
+var render_element_payload_exports = {};
+__export(render_element_payload_exports, {
+  RenderElementPayload: () => RenderElementPayload
+});
+module.exports = __toCommonJS(render_element_payload_exports);
+var import_zod = require("zod");
+var import_controls = require("@makeswift/controls");
+const documentContext = import_zod.z.object({
+  key: import_zod.z.string(),
+  locale: import_zod.z.string().optional()
+});
+const cacheData = import_zod.z.object({
+  apiResources: import_zod.z.custom(),
+  localizedResourcesMap: import_zod.z.custom()
+});
+const RenderElementPayload = {
+  schema: import_zod.z.object({
+    elementData: import_controls.Schema.elementData,
+    cacheData,
+    documentContext
+  })
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RenderElementPayload
+});
+//# sourceMappingURL=render-element-payload.js.map

package/dist/cjs/runtimes/react/server/render-element-payload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/render-element-payload.ts"],"sourcesContent":["import { z } from 'zod'\n\nimport { Schema } from '@makeswift/controls'\n\nimport { type CacheData } from '../../../api/api-resources-client'\n\nconst documentContext = z.object({\n  key: z.string(),\n  locale: z.string().optional(),\n})\n\nconst cacheData = z.object({\n  apiResources: z.custom<CacheData['apiResources']>(),\n  localizedResourcesMap: z.custom<CacheData['localizedResourcesMap']>(),\n})\n\n/**\n * Client-to-server payload for rendering a single server element\n */\nexport const RenderElementPayload = {\n  schema: z.object({\n    elementData: Schema.elementData,\n    cacheData,\n    documentContext,\n  }),\n}\n\nexport type RenderElementPayload = z.infer<typeof RenderElementPayload.schema>\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAElB,sBAAuB;AAIvB,MAAM,kBAAkB,aAAE,OAAO;AAAA,EAC/B,KAAK,aAAE,OAAO;AAAA,EACd,QAAQ,aAAE,OAAO,EAAE,SAAS;AAC9B,CAAC;AAED,MAAM,YAAY,aAAE,OAAO;AAAA,EACzB,cAAc,aAAE,OAAkC;AAAA,EAClD,uBAAuB,aAAE,OAA2C;AACtE,CAAC;AAKM,MAAM,uBAAuB;AAAA,EAClC,QAAQ,aAAE,OAAO;AAAA,IACf,aAAa,uBAAO;AAAA,IACpB;AAAA,IACA;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/cjs/runtimes/react/server/resolve-props.js

@@ -0,0 +1,58 @@
+"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);
+var resolve_props_exports = {};
+__export(resolve_props_exports, {
+  resolveProps: () => resolveProps
+});
+module.exports = __toCommonJS(resolve_props_exports);
+var import_controls = require("@makeswift/controls");
+var import_resource_resolver = require("./resource-resolver");
+var import_prop_error_handling_proxy = require("../utils/prop-error-handling-proxy");
+async function resolveProps(context, element, documentKey, propDefs, stylesheet) {
+  const resourceResolver = (0, import_resource_resolver.serverResourceResolver)({ ...context, documentKey });
+  const resolveProp = (def, propName) => {
+    const data = element.props[propName];
+    const control = def.createInstance({
+      // these are top-level controls, so passing `propName` for `propPath` is appropriate
+      instanceKey: { elementKey: element.key, propPath: propName },
+      sendMessage: () => {
+      }
+    });
+    return def.resolveValue(data, resourceResolver, stylesheet.child(propName), control);
+  };
+  const resolvables = (0, import_controls.mapValues)(propDefs, (def, propName) => {
+    const defaultValue = def.config?.defaultValue;
+    return (0, import_prop_error_handling_proxy.propErrorHandlingProxy)(resolveProp(def, propName), defaultValue, (error) => {
+      console.warn(
+        `Error reading value for prop "${propName}", falling back to \`${defaultValue}\`.`,
+        { control: def, error }
+      );
+    });
+  });
+  await Promise.all(Object.entries(resolvables).map(([_, sub]) => sub.triggerResolve()));
+  return Object.entries(resolvables).reduce(
+    (result, [propName, subscription]) => ({ ...result, [propName]: subscription.readStable() }),
+    {}
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  resolveProps
+});
+//# sourceMappingURL=resolve-props.js.map

package/dist/cjs/runtimes/react/server/resolve-props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/resolve-props.ts"],"sourcesContent":["import { type ElementData, ControlDefinition, mapValues, Stylesheet } from '@makeswift/controls'\n\nimport { type ServerRenderContext } from './render-context'\nimport { serverResourceResolver } from './resource-resolver'\n\nimport { propErrorHandlingProxy } from '../utils/prop-error-handling-proxy'\n\n/**\n * Server-side counterpart of the `useResolvedProps` hook.\n */\nexport async function resolveProps(\n  context: ServerRenderContext,\n  element: ElementData,\n  documentKey: string,\n  propDefs: Record<string, ControlDefinition>,\n  stylesheet: Stylesheet,\n): Promise<Record<string, unknown>> {\n  const resourceResolver = serverResourceResolver({ ...context, documentKey })\n\n  const resolveProp = (def: ControlDefinition, propName: string) => {\n    const data = element.props[propName]\n\n    // Create a \"placeholder\" control instance so that controls that resolve to\n    // React nodes can use `instanceKey` to reconstruct themselves on the client\n    // (see `react/controls/slot/render-slot.tsx`).\n    const control = def.createInstance({\n      // these are top-level controls, so passing `propName` for `propPath` is appropriate\n      instanceKey: { elementKey: element.key, propPath: propName },\n      sendMessage: () => {},\n    })\n\n    return def.resolveValue(data, resourceResolver, stylesheet.child(propName), control)\n  }\n\n  const resolvables = mapValues(propDefs, (def, propName) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const defaultValue = (def.config as any)?.defaultValue\n    return propErrorHandlingProxy(resolveProp(def, propName), defaultValue, error => {\n      console.warn(\n        `Error reading value for prop \"${propName}\", falling back to \\`${defaultValue}\\`.`,\n        { control: def, error },\n      )\n    })\n  })\n\n  // wait for side-effects (resource fetching, updating list child controls)\n  await Promise.all(Object.entries(resolvables).map(([_, sub]) => sub.triggerResolve()))\n\n  return Object.entries(resolvables).reduce<Record<string, unknown>>(\n    (result, [propName, subscription]) => ({ ...result, [propName]: subscription.readStable() }),\n    {},\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA2E;AAG3E,+BAAuC;AAEvC,uCAAuC;AAKvC,eAAsB,aACpB,SACA,SACA,aACA,UACA,YACkC;AAClC,QAAM,uBAAmB,iDAAuB,EAAE,GAAG,SAAS,YAAY,CAAC;AAE3E,QAAM,cAAc,CAAC,KAAwB,aAAqB;AAChE,UAAM,OAAO,QAAQ,MAAM,QAAQ;AAKnC,UAAM,UAAU,IAAI,eAAe;AAAA;AAAA,MAEjC,aAAa,EAAE,YAAY,QAAQ,KAAK,UAAU,SAAS;AAAA,MAC3D,aAAa,MAAM;AAAA,MAAC;AAAA,IACtB,CAAC;AAED,WAAO,IAAI,aAAa,MAAM,kBAAkB,WAAW,MAAM,QAAQ,GAAG,OAAO;AAAA,EACrF;AAEA,QAAM,kBAAc,2BAAU,UAAU,CAAC,KAAK,aAAa;AAEzD,UAAM,eAAgB,IAAI,QAAgB;AAC1C,eAAO,yDAAuB,YAAY,KAAK,QAAQ,GAAG,cAAc,WAAS;AAC/E,cAAQ;AAAA,QACN,iCAAiC,QAAQ,wBAAwB,YAAY;AAAA,QAC7E,EAAE,SAAS,KAAK,MAAM;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAGD,QAAM,QAAQ,IAAI,OAAO,QAAQ,WAAW,EAAE,IAAI,CAAC,CAAC,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,CAAC;AAErF,SAAO,OAAO,QAAQ,WAAW,EAAE;AAAA,IACjC,CAAC,QAAQ,CAAC,UAAU,YAAY,OAAO,EAAE,GAAG,QAAQ,CAAC,QAAQ,GAAG,aAAa,WAAW,EAAE;AAAA,IAC1F,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/cjs/runtimes/react/server/resource-resolver.js

@@ -0,0 +1,40 @@
+"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);
+var resource_resolver_exports = {};
+__export(resource_resolver_exports, {
+  serverResourceResolver: () => serverResourceResolver
+});
+module.exports = __toCommonJS(resource_resolver_exports);
+var import_resource_resolver = require("../resource-resolver");
+var import_render_context = require("./render-context");
+function serverResourceResolver(context) {
+  const store = (0, import_render_context.getStore)(context);
+  const apiClient = store.apiResourcesClient;
+  return (0, import_resource_resolver.createResourceResolver)({
+    store,
+    apiClient,
+    documentKey: context.documentKey,
+    locale: context.locale ?? null
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  serverResourceResolver
+});
+//# sourceMappingURL=resource-resolver.js.map

package/dist/cjs/runtimes/react/server/resource-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/resource-resolver.ts"],"sourcesContent":["import { type ResourceResolver, createResourceResolver } from '../resource-resolver'\n\nimport { type ServerRenderContext, getStore } from './render-context'\n\nexport function serverResourceResolver(\n  context: ServerRenderContext & { documentKey: string },\n): ResourceResolver {\n  const store = getStore(context)\n  const apiClient = store.apiResourcesClient\n\n  return createResourceResolver({\n    store,\n    apiClient,\n    documentKey: context.documentKey,\n    locale: context.locale ?? null,\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAA8D;AAE9D,4BAAmD;AAE5C,SAAS,uBACd,SACkB;AAClB,QAAM,YAAQ,gCAAS,OAAO;AAC9B,QAAM,YAAY,MAAM;AAExB,aAAO,iDAAuB;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,aAAa,QAAQ;AAAA,IACrB,QAAQ,QAAQ,UAAU;AAAA,EAC5B,CAAC;AACH;","names":[]}

package/dist/cjs/runtimes/react/server/update-api-resource-cache.js

@@ -0,0 +1,32 @@
+"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);
+var update_api_resource_cache_exports = {};
+__export(update_api_resource_cache_exports, {
+  updateApiResourceCache: () => updateApiResourceCache
+});
+module.exports = __toCommonJS(update_api_resource_cache_exports);
+var import_read_write_actions = require("../../../state/actions/internal/read-write-actions");
+function updateApiResourceCache(store, cacheData) {
+  store.apiResourcesClient.store.dispatch((0, import_read_write_actions.updateAPIClientCache)(cacheData));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  updateApiResourceCache
+});
+//# sourceMappingURL=update-api-resource-cache.js.map

package/dist/cjs/runtimes/react/server/update-api-resource-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/server/update-api-resource-cache.ts"],"sourcesContent":["import { type CacheData } from '../../../api/api-resources-client'\n\nimport { updateAPIClientCache } from '../../../state/actions/internal/read-write-actions'\n\nimport { type Store } from '../../../state/store'\n\nexport function updateApiResourceCache(store: Store, cacheData: CacheData) {\n  store.apiResourcesClient.store.dispatch(updateAPIClientCache(cacheData))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,gCAAqC;AAI9B,SAAS,uBAAuB,OAAc,WAAsB;AACzE,QAAM,mBAAmB,MAAM,aAAS,gDAAqB,SAAS,CAAC;AACzE;","names":[]}