@makeswift/runtime 0.22.3 → 0.23.0

package/dist/esm/runtimes/react/components/ElementReference.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementReference.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, useMemo } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useGlobalElement, useLocalizedGlobalElement } from '../hooks/makeswift-api'\nimport { useDocument } from '../hooks/use-document'\nimport { DocumentCyclesContext, useDocumentCycles } from '../hooks/use-document-cycles'\nimport {\n  ElementData as ReactPageElementData,\n  ElementReference as ReactPageElementReference,\n} from '../../../state/react-page'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Element } from './Element'\nimport { Document } from './Document'\nimport { DisableRegisterElement } from '../hooks/use-disable-register-element'\n\ntype ElementRefereceProps = {\n  elementReference: ReactPageElementReference\n}\n\nexport const ElementReference = memo(\n  forwardRef(function ElementReference(\n    { elementReference }: ElementRefereceProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const globalElement = useGlobalElement(elementReference.value)\n    // Update the logic here when we can merge element trees\n    const localizedGlobalElement = useLocalizedGlobalElement(elementReference.value)\n    const globalElementData = (localizedGlobalElement?.data ?? globalElement?.data) as\n      | ReactPageElementData\n      | undefined\n    const elementReferenceDocument = useDocument(elementReference.key)\n    const documentKey = elementReference.key\n    const documentKeys = useDocumentCycles()\n    const providedDocumentKeys = useMemo(\n      () => [...documentKeys, documentKey],\n      [documentKeys, documentKey],\n    )\n\n    if (globalElementData == null) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component doesn't exist\"\n        />\n      )\n    }\n\n    if (documentKeys.includes(documentKey)) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component contains itself!\"\n        />\n      )\n    }\n\n    return (\n      <DocumentCyclesContext.Provider value={providedDocumentKeys}>\n        {elementReferenceDocument != null ? (\n          <Document document={elementReferenceDocument} ref={ref} />\n        ) : (\n          <DisableRegisterElement.Provider value={true}>\n            {/* We render Element instead of ElementData because we rely on the FindDomNode */}\n            <Element element={globalElementData} ref={ref} />\n          </DisableRegisterElement.Provider>\n        )}\n      </DocumentCyclesContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAuCQ;AAvCR,SAAc,YAAY,MAAM,eAAe;AAE/C,SAAS,kBAAkB,iCAAiC;AAC5D,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB,yBAAyB;AAKzD,SAAS,yBAAyB;AAClC,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AAMhC,MAAM,mBAAmB;AAAA,EAC9B,WAAW,SAASA,kBAClB,EAAE,iBAAiB,GACnB,KACa;AACb,UAAM,gBAAgB,iBAAiB,iBAAiB,KAAK;AAE7D,UAAM,yBAAyB,0BAA0B,iBAAiB,KAAK;AAC/E,UAAM,oBAAqB,wBAAwB,QAAQ,eAAe;AAG1E,UAAM,2BAA2B,YAAY,iBAAiB,GAAG;AACjE,UAAM,cAAc,iBAAiB;AACrC,UAAM,eAAe,kBAAkB;AACvC,UAAM,uBAAuB;AAAA,MAC3B,MAAM,CAAC,GAAG,cAAc,WAAW;AAAA,MACnC,CAAC,cAAc,WAAW;AAAA,IAC5B;AAEA,QAAI,qBAAqB,MAAM;AAC7B,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,QAAI,aAAa,SAAS,WAAW,GAAG;AACtC,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,sBACpC,sCAA4B,OAC3B,oBAAC,YAAS,UAAU,0BAA0B,KAAU,IAExD,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAEtC,8BAAC,WAAQ,SAAS,mBAAmB,KAAU,GACjD,GAEJ;AAAA,EAEJ,CAAC;AACH;","names":["ElementReference"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementReference.tsx"],"sourcesContent":["import { Ref, forwardRef, memo, useMemo } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useGlobalElement, useLocalizedGlobalElement } from '../hooks/makeswift-api'\nimport { useDocument } from '../hooks/use-document'\nimport { DocumentCyclesContext, useDocumentCycles } from '../hooks/use-document-cycles'\nimport {\n  ElementData as ReactPageElementData,\n  ElementReference as ReactPageElementReference,\n} from '../../../state/react-page'\nimport { FallbackComponent } from '../../../components/shared/FallbackComponent'\nimport { Element } from './Element'\nimport { Document } from './Document'\nimport { DisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { useDocumentLocale } from '../hooks/use-document-context'\n\ntype ElementRefereceProps = {\n  elementReference: ReactPageElementReference\n}\n\nexport const ElementReference = memo(\n  forwardRef(function ElementReference(\n    { elementReference }: ElementRefereceProps,\n    ref: Ref<ElementImperativeHandle>,\n  ): JSX.Element {\n    const globalElement = useGlobalElement(elementReference.value)\n    const locale = useDocumentLocale()\n    // Update the logic here when we can merge element trees\n    const localizedGlobalElement = useLocalizedGlobalElement(locale, elementReference.value)\n    const globalElementData = (localizedGlobalElement?.data ?? globalElement?.data) as\n      | ReactPageElementData\n      | undefined\n    const elementReferenceDocument = useDocument(elementReference.key)\n    const documentKey = elementReference.key\n    const documentKeys = useDocumentCycles()\n    const providedDocumentKeys = useMemo(\n      () => [...documentKeys, documentKey],\n      [documentKeys, documentKey],\n    )\n\n    if (globalElementData == null) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component doesn't exist\"\n        />\n      )\n    }\n\n    if (documentKeys.includes(documentKey)) {\n      return (\n        <FallbackComponent\n          ref={ref as Ref<HTMLDivElement>}\n          text=\"This global component contains itself!\"\n        />\n      )\n    }\n\n    return (\n      <DocumentCyclesContext.Provider value={providedDocumentKeys}>\n        {elementReferenceDocument != null ? (\n          <Document document={elementReferenceDocument} ref={ref} />\n        ) : (\n          <DisableRegisterElement.Provider value={true}>\n            {/* We render Element instead of ElementData because we rely on the FindDomNode */}\n            <Element element={globalElementData} ref={ref} />\n          </DisableRegisterElement.Provider>\n        )}\n      </DocumentCyclesContext.Provider>\n    )\n  }),\n)\n"],"mappings":"AAyCQ;AAzCR,SAAc,YAAY,MAAM,eAAe;AAE/C,SAAS,kBAAkB,iCAAiC;AAC5D,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB,yBAAyB;AAKzD,SAAS,yBAAyB;AAClC,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAM3B,MAAM,mBAAmB;AAAA,EAC9B,WAAW,SAASA,kBAClB,EAAE,iBAAiB,GACnB,KACa;AACb,UAAM,gBAAgB,iBAAiB,iBAAiB,KAAK;AAC7D,UAAM,SAAS,kBAAkB;AAEjC,UAAM,yBAAyB,0BAA0B,QAAQ,iBAAiB,KAAK;AACvF,UAAM,oBAAqB,wBAAwB,QAAQ,eAAe;AAG1E,UAAM,2BAA2B,YAAY,iBAAiB,GAAG;AACjE,UAAM,cAAc,iBAAiB;AACrC,UAAM,eAAe,kBAAkB;AACvC,UAAM,uBAAuB;AAAA,MAC3B,MAAM,CAAC,GAAG,cAAc,WAAW;AAAA,MACnC,CAAC,cAAc,WAAW;AAAA,IAC5B;AAEA,QAAI,qBAAqB,MAAM;AAC7B,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,QAAI,aAAa,SAAS,WAAW,GAAG;AACtC,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAEA,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,sBACpC,sCAA4B,OAC3B,oBAAC,YAAS,UAAU,0BAA0B,KAAU,IAExD,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,MAEtC,8BAAC,WAAQ,SAAS,mBAAmB,KAAU,GACjD,GAEJ;AAAA,EAEJ,CAAC;AACH;","names":["ElementReference"]}

package/dist/esm/runtimes/react/components/ElementRegistration.js

@@ -0,0 +1,31 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { memo, useEffect } from "react";
+import { useDispatch } from "../hooks/use-dispatch";
+import { useDocumentKey } from "../hooks/use-document-context";
+import { useDisableRegisterElement } from "../hooks/use-disable-register-element";
+import { mountComponentEffect, registerComponentHandleEffect } from "../../../state/actions";
+const ElementRegistration = memo(function ElementRegistration2({
+  elementKey,
+  componentHandle,
+  children
+}) {
+  const dispatch = useDispatch();
+  const documentKey = useDocumentKey();
+  const isRegisterElementDisabled = useDisableRegisterElement();
+  useEffect(() => {
+    if (documentKey == null || isRegisterElementDisabled)
+      return;
+    return dispatch(registerComponentHandleEffect(documentKey, elementKey, componentHandle));
+  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
+  useEffect(() => {
+    if (documentKey == null || isRegisterElementDisabled)
+      return;
+    return dispatch(mountComponentEffect(documentKey, elementKey));
+  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled]);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+});
+export {
+  ElementRegistration
+};
+//# sourceMappingURL=ElementRegistration.js.map

package/dist/esm/runtimes/react/components/ElementRegistration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/components/ElementRegistration.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, memo, useEffect } from 'react'\nimport { ElementImperativeHandle } from '../element-imperative-handle'\nimport { useDispatch } from '../hooks/use-dispatch'\nimport { useDocumentKey } from '../hooks/use-document-context'\nimport { useDisableRegisterElement } from '../hooks/use-disable-register-element'\nimport { mountComponentEffect, registerComponentHandleEffect } from '../../../state/actions'\n\ntype RegisterChildrenAsElementProps = {\n  elementKey: string\n  componentHandle: ElementImperativeHandle\n  children?: ReactNode\n}\n\nexport const ElementRegistration = memo(function ElementRegistration({\n  elementKey,\n  componentHandle,\n  children,\n}: RegisterChildrenAsElementProps): JSX.Element {\n  const dispatch = useDispatch()\n  const documentKey = useDocumentKey()\n\n  const isRegisterElementDisabled = useDisableRegisterElement()\n\n  useEffect(() => {\n    if (documentKey == null || isRegisterElementDisabled) return\n\n    return dispatch(registerComponentHandleEffect(documentKey, elementKey, componentHandle))\n  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n  useEffect(() => {\n    if (documentKey == null || isRegisterElementDisabled) return\n\n    return dispatch(mountComponentEffect(documentKey, elementKey))\n  }, [dispatch, documentKey, elementKey, isRegisterElementDisabled])\n\n  return <>{children}</>\n})\n"],"mappings":";AAqCS;AAnCT,SAAoB,MAAM,iBAAiB;AAE3C,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,sBAAsB,qCAAqC;AAQ7D,MAAM,sBAAsB,KAAK,SAASA,qBAAoB;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAC9C,QAAM,WAAW,YAAY;AAC7B,QAAM,cAAc,eAAe;AAEnC,QAAM,4BAA4B,0BAA0B;AAE5D,YAAU,MAAM;AACd,QAAI,eAAe,QAAQ;AAA2B;AAEtD,WAAO,SAAS,8BAA8B,aAAa,YAAY,eAAe,CAAC;AAAA,EACzF,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,YAAU,MAAM;AACd,QAAI,eAAe,QAAQ;AAA2B;AAEtD,WAAO,SAAS,qBAAqB,aAAa,UAAU,CAAC;AAAA,EAC/D,GAAG,CAAC,UAAU,aAAa,YAAY,yBAAyB,CAAC;AAEjE,SAAO,gCAAG,UAAS;AACrB,CAAC;","names":["ElementRegistration"]}

package/dist/esm/runtimes/react/components/LiveProvider.js

@@ -1,16 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { StoreContext } from "../hooks/use-store";
 import * as ReactPage from "../../../state/react-page";
-import { useReactRuntime } from "../../../next/context/react-runtime";
-import { MakeswiftHostApiClientProvider } from "../../../next/context/makeswift-host-api-client";
-function LiveProvider({ client, children, rootElements }) {
+import { useReactRuntime } from "../hooks/use-react-runtime";
+import { StoreContext } from "../hooks/use-store";
+function LiveProvider({ children }) {
   const runtime = useReactRuntime();
   const store = useMemo(
-    () => ReactPage.configureStore({ preloadedState: runtime.store.getState(), rootElements }),
-    [rootElements, runtime]
+    () => ReactPage.configureStore({
+      name: "Host store",
+      preloadedState: runtime.store.getState()
+    }),
+    [runtime]
   );
-  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx(MakeswiftHostApiClientProvider, { client, children }) });
+  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children });
 }
 export {
   LiveProvider as default

package/dist/esm/runtimes/react/components/LiveProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react'\n\nimport { StoreContext } from '../hooks/use-store'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { useReactRuntime } from '../../../next/context/react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../../../next/context/makeswift-host-api-client'\n\ntype Props = {\n  client: MakeswiftHostApiClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n}\n\nexport default function LiveProvider({ client, children, rootElements }: Props): JSX.Element {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () => ReactPage.configureStore({ preloadedState: runtime.store.getState(), rootElements }),\n    [rootElements, runtime],\n  )\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftHostApiClientProvider client={client}>{children}</MakeswiftHostApiClientProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"mappings":"AAuBM;AAvBN,SAAoB,eAAe;AAEnC,SAAS,oBAAoB;AAC7B,YAAY,eAAe;AAE3B,SAAS,uBAAuB;AAChC,SAAS,sCAAsC;AAQhC,SAAR,aAA8B,EAAE,QAAQ,UAAU,aAAa,GAAuB;AAC3F,QAAM,UAAU,gBAAgB;AAChC,QAAM,QAAQ;AAAA,IACZ,MAAM,UAAU,eAAe,EAAE,gBAAgB,QAAQ,MAAM,SAAS,GAAG,aAAa,CAAC;AAAA,IACzF,CAAC,cAAc,OAAO;AAAA,EACxB;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC5B,8BAAC,kCAA+B,QAAiB,UAAS,GAC5D;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/LiveProvider.tsx"],"sourcesContent":["import { type PropsWithChildren, useMemo } from 'react'\n\nimport * as ReactPage from '../../../state/react-page'\n\nimport { useReactRuntime } from '../hooks/use-react-runtime'\nimport { StoreContext } from '../hooks/use-store'\n\nexport default function LiveProvider({ children }: PropsWithChildren): JSX.Element {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () =>\n      ReactPage.configureStore({\n        name: 'Host store',\n        preloadedState: runtime.store.getState(),\n      }),\n    [runtime],\n  )\n\n  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n}\n"],"mappings":"AAkBS;AAlBT,SAAiC,eAAe;AAEhD,YAAY,eAAe;AAE3B,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAEd,SAAR,aAA8B,EAAE,SAAS,GAAmC;AACjF,QAAM,UAAU,gBAAgB;AAChC,QAAM,QAAQ;AAAA,IACZ,MACE,UAAU,eAAe;AAAA,MACvB,MAAM;AAAA,MACN,gBAAgB,QAAQ,MAAM,SAAS;AAAA,IACzC,CAAC;AAAA,IACH,CAAC,OAAO;AAAA,EACV;AAEA,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;AACxD;","names":[]}

package/dist/esm/runtimes/react/components/PreviewProvider.js

@@ -1,38 +1,25 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useMemo } from "react";
-import { ReactRuntime } from "../react-runtime";
-import { StoreContext } from "../hooks/use-store";
 import * as ReactBuilderPreview from "../../../state/react-builder-preview";
-import * as ReactPage from "../../../state/react-page";
-import { registerDocumentEffect } from "../../../state/actions";
-import { useReactRuntime } from "../../../next/context/react-runtime";
-import { MakeswiftHostApiClientProvider } from "../../../next/context/makeswift-host-api-client";
-function PreviewProvider({ client, children, rootElements }) {
+import { useReactRuntime } from "../hooks/use-react-runtime";
+import { StoreContext } from "../hooks/use-store";
+import { useMakeswiftHostApiClient } from "../host-api-client";
+function PreviewProvider({ children }) {
   const runtime = useReactRuntime();
+  const client = useMakeswiftHostApiClient();
   const store = useMemo(
     () => ReactBuilderPreview.configureStore({
-      preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),
-      rootElements,
+      preloadedState: runtime.store.getState(),
       client
     }),
-    [client, rootElements, runtime]
+    [client, runtime]
   );
   useEffect(() => {
     store.setup();
     return () => store.teardown();
   }, [store]);
-  useEffect(() => {
-    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(
-      ([documentKey, rootElement]) => store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement)))
-    );
-    return () => {
-      unregisterDocuments.forEach((unregisterDocument) => {
-        unregisterDocument();
-      });
-    };
-  }, [store, rootElements]);
-  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx(MakeswiftHostApiClientProvider, { client, children }) });
+  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children });
 }
 export {
   PreviewProvider as default

package/dist/esm/runtimes/react/components/PreviewProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/PreviewProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useEffect, useMemo } from 'react'\n\nimport { ReactRuntime } from '../react-runtime'\nimport { StoreContext } from '../hooks/use-store'\nimport * as ReactBuilderPreview from '../../../state/react-builder-preview'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { registerDocumentEffect } from '../../../state/actions'\nimport { useReactRuntime } from '../../../next/context/react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../../../next/context/makeswift-host-api-client'\n\ntype Props = {\n  client: MakeswiftHostApiClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n}\n\nexport default function PreviewProvider({ client, children, rootElements }: Props): JSX.Element {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () =>\n      ReactBuilderPreview.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n        client,\n      }),\n    [client, rootElements, runtime],\n  )\n\n  useEffect(() => {\n    store.setup()\n    return () => store.teardown()\n  }, [store])\n\n  useEffect(() => {\n    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(\n      ([documentKey, rootElement]) =>\n        store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement))),\n    )\n\n    return () => {\n      unregisterDocuments.forEach(unregisterDocument => {\n        unregisterDocument()\n      })\n    }\n  }, [store, rootElements])\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftHostApiClientProvider client={client}>{children}</MakeswiftHostApiClientProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"mappings":";AAmDM;AAjDN,SAAoB,WAAW,eAAe;AAE9C,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,YAAY,yBAAyB;AACrC,YAAY,eAAe;AAE3B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,sCAAsC;AAQhC,SAAR,gBAAiC,EAAE,QAAQ,UAAU,aAAa,GAAuB;AAC9F,QAAM,UAAU,gBAAgB;AAChC,QAAM,QAAQ;AAAA,IACZ,MACE,oBAAoB,eAAe;AAAA,MACjC,gBAAgB,UAAU,QAAQ,MAAM,SAAS,IAAI,aAAa,MAAM,SAAS;AAAA,MACjF;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,QAAQ,cAAc,OAAO;AAAA,EAChC;AAEA,YAAU,MAAM;AACd,UAAM,MAAM;AACZ,WAAO,MAAM,MAAM,SAAS;AAAA,EAC9B,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,UAAM,sBAAsB,MAAM,KAAK,cAAc,QAAQ,KAAK,CAAC,CAAC,EAAE;AAAA,MACpE,CAAC,CAAC,aAAa,WAAW,MACxB,MAAM,SAAS,uBAAuB,UAAU,eAAe,aAAa,WAAW,CAAC,CAAC;AAAA,IAC7F;AAEA,WAAO,MAAM;AACX,0BAAoB,QAAQ,wBAAsB;AAChD,2BAAmB;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,OAAO,YAAY,CAAC;AAExB,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC5B,8BAAC,kCAA+B,QAAiB,UAAS,GAC5D;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/PreviewProvider.tsx"],"sourcesContent":["'use client'\n\nimport { type PropsWithChildren, useEffect, useMemo } from 'react'\n\nimport * as ReactBuilderPreview from '../../../state/react-builder-preview'\n\nimport { useReactRuntime } from '../hooks/use-react-runtime'\nimport { StoreContext } from '../hooks/use-store'\nimport { useMakeswiftHostApiClient } from '../host-api-client'\n\nexport default function PreviewProvider({ children }: PropsWithChildren): JSX.Element {\n  const runtime = useReactRuntime()\n  const client = useMakeswiftHostApiClient()\n  const store = useMemo(\n    () =>\n      ReactBuilderPreview.configureStore({\n        preloadedState: runtime.store.getState(),\n        client,\n      }),\n    [client, runtime],\n  )\n\n  useEffect(() => {\n    store.setup()\n    return () => store.teardown()\n  }, [store])\n\n  return <StoreContext.Provider value={store}>{children}</StoreContext.Provider>\n}\n"],"mappings":";AA2BS;AAzBT,SAAiC,WAAW,eAAe;AAE3D,YAAY,yBAAyB;AAErC,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AAE3B,SAAR,gBAAiC,EAAE,SAAS,GAAmC;AACpF,QAAM,UAAU,gBAAgB;AAChC,QAAM,SAAS,0BAA0B;AACzC,QAAM,QAAQ;AAAA,IACZ,MACE,oBAAoB,eAAe;AAAA,MACjC,gBAAgB,QAAQ,MAAM,SAAS;AAAA,MACvC;AAAA,IACF,CAAC;AAAA,IACH,CAAC,QAAQ,OAAO;AAAA,EAClB;AAEA,YAAU,MAAM;AACd,UAAM,MAAM;AACZ,WAAO,MAAM,MAAM,SAAS;AAAA,EAC9B,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAAQ,UAAS;AACxD;","names":[]}

package/dist/esm/runtimes/react/components/RuntimeProvider.js

@@ -1,11 +1,29 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
-import { lazy } from "react";
-const PreviewProvider = lazy(() => import("./PreviewProvider"));
+import { useMemo, lazy } from "react";
+import { MakeswiftHostApiClient } from "../../../api/react";
+import { ReactRuntimeContext } from "../hooks/use-react-runtime";
+import { MakeswiftHostApiClientProvider } from "../host-api-client";
 const LiveProvider = lazy(() => import("./LiveProvider"));
-function RuntimeProvider({ preview, ...props }) {
-  return preview ? /* @__PURE__ */ jsx(PreviewProvider, { ...props }) : /* @__PURE__ */ jsx(LiveProvider, { ...props });
+const PreviewProvider = lazy(() => import("./PreviewProvider"));
+function ReactRuntimeProvider({
+  children,
+  runtime,
+  previewMode,
+  apiOrigin = "https://api.makeswift.com",
+  locale = void 0
+}) {
+  const client = useMemo(
+    () => new MakeswiftHostApiClient({
+      uri: new URL("graphql", apiOrigin).href,
+      locale
+    }),
+    [apiOrigin, locale]
+  );
+  const StoreProvider = previewMode ? PreviewProvider : LiveProvider;
+  return /* @__PURE__ */ jsx(ReactRuntimeContext.Provider, { value: runtime, children: /* @__PURE__ */ jsx(MakeswiftHostApiClientProvider, { client, children: /* @__PURE__ */ jsx(StoreProvider, { children }) }) });
 }
 export {
-  RuntimeProvider
+  ReactRuntimeProvider
 };
 //# sourceMappingURL=RuntimeProvider.js.map

package/dist/esm/runtimes/react/components/RuntimeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["import { ReactNode, lazy } from 'react'\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { Element as ReactPageElement } from '../../../state/react-page'\nimport { ReactRuntime } from '../react-runtime'\n\ntype RuntimeProviderProps = {\n  client: MakeswiftHostApiClient\n  preview: boolean\n  rootElements?: Map<string, ReactPageElement>\n  children?: ReactNode\n  runtime?: ReactRuntime\n}\n\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\nconst LiveProvider = lazy(() => import('./LiveProvider'))\n\nexport function RuntimeProvider({ preview, ...props }: RuntimeProviderProps): JSX.Element {\n  return preview ? <PreviewProvider {...props} /> : <LiveProvider {...props} />\n}\n"],"mappings":"AAiBmB;AAjBnB,SAAoB,YAAY;AAahC,MAAM,kBAAkB,KAAK,MAAM,OAAO,mBAAmB,CAAC;AAC9D,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AAEjD,SAAS,gBAAgB,EAAE,SAAS,GAAG,MAAM,GAAsC;AACxF,SAAO,UAAU,oBAAC,mBAAiB,GAAG,OAAO,IAAK,oBAAC,gBAAc,GAAG,OAAO;AAC7E;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/RuntimeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useMemo, lazy } from 'react'\n\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { ReactRuntimeContext } from '../hooks/use-react-runtime'\nimport { ReactRuntime } from '../react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../host-api-client'\n\nconst LiveProvider = lazy(() => import('./LiveProvider'))\nconst PreviewProvider = lazy(() => import('./PreviewProvider'))\n\nexport function ReactRuntimeProvider({\n  children,\n  runtime,\n  previewMode,\n  apiOrigin = 'https://api.makeswift.com',\n  locale = undefined,\n}: {\n  children: ReactNode\n  runtime: ReactRuntime\n  previewMode: boolean\n  apiOrigin?: string\n  locale?: string\n}) {\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', apiOrigin).href,\n        locale,\n      }),\n    [apiOrigin, locale],\n  )\n\n  const StoreProvider = previewMode ? PreviewProvider : LiveProvider\n\n  return (\n    <ReactRuntimeContext.Provider value={runtime}>\n      <MakeswiftHostApiClientProvider client={client}>\n        <StoreProvider>{children}</StoreProvider>\n      </MakeswiftHostApiClientProvider>\n    </ReactRuntimeContext.Provider>\n  )\n}\n"],"mappings":";AAuCQ;AArCR,SAAoB,SAAS,YAAY;AAEzC,SAAS,8BAA8B;AACvC,SAAS,2BAA2B;AAEpC,SAAS,sCAAsC;AAE/C,MAAM,eAAe,KAAK,MAAM,OAAO,gBAAgB,CAAC;AACxD,MAAM,kBAAkB,KAAK,MAAM,OAAO,mBAAmB,CAAC;AAEvD,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,SAAS;AACX,GAMG;AACD,QAAM,SAAS;AAAA,IACb,MACE,IAAI,uBAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,EAAE;AAAA,MACnC;AAAA,IACF,CAAC;AAAA,IACH,CAAC,WAAW,MAAM;AAAA,EACpB;AAEA,QAAM,gBAAgB,cAAc,kBAAkB;AAEtD,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,SACnC,8BAAC,kCAA+B,QAC9B,8BAAC,iBAAe,UAAS,GAC3B,GACF;AAEJ;","names":[]}

package/dist/esm/runtimes/react/controls/group.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  GroupDefinition
+} from "@makeswift/controls";
+import { ControlValue } from "./control";
+function GroupControlValue({ definition, data, children, control }) {
+  return Object.entries(definition.config.props).reduceRight(
+    (renderFn, [key, controlDefinition]) => (shapeControlValue) => /* @__PURE__ */ jsx(
+      ControlValue,
+      {
+        definition: controlDefinition,
+        data: data != null ? GroupDefinition.propsData(data)[key] : void 0,
+        control: control?.child(key),
+        children: (value) => renderFn({ ...shapeControlValue, [key]: value })
+      }
+    ),
+    children
+  )({});
+}
+export {
+  GroupControlValue
+};
+//# sourceMappingURL=group.js.map

package/dist/esm/runtimes/react/controls/group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/controls/group.tsx"],"sourcesContent":["import {\n  GroupControl,\n  GroupDefinition,\n  type DataType,\n  type ResolvedValueType,\n} from '@makeswift/controls'\n\nimport { ControlValue } from './control'\n\ntype GroupControlValueProps = {\n  definition: GroupDefinition\n  data: DataType<GroupDefinition> | undefined\n  children(value: ResolvedValueType<GroupDefinition>): JSX.Element\n  control: GroupControl\n}\n\nexport function GroupControlValue({ definition, data, children, control }: GroupControlValueProps) {\n  return Object.entries(definition.config.props).reduceRight(\n    (renderFn, [key, controlDefinition]) =>\n      shapeControlValue => (\n        <ControlValue\n          definition={controlDefinition}\n          data={data != null ? GroupDefinition.propsData(data)[key] : undefined}\n          control={control?.child(key)}\n        >\n          {value => renderFn({ ...shapeControlValue, [key]: value })}\n        </ControlValue>\n      ),\n    children,\n  )({} as ResolvedValueType<GroupDefinition>)\n}\n"],"mappings":"AAoBQ;AApBR;AAAA,EAEE;AAAA,OAGK;AAEP,SAAS,oBAAoB;AAStB,SAAS,kBAAkB,EAAE,YAAY,MAAM,UAAU,QAAQ,GAA2B;AACjG,SAAO,OAAO,QAAQ,WAAW,OAAO,KAAK,EAAE;AAAA,IAC7C,CAAC,UAAU,CAAC,KAAK,iBAAiB,MAChC,uBACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ,MAAM,QAAQ,OAAO,gBAAgB,UAAU,IAAI,EAAE,GAAG,IAAI;AAAA,QAC5D,SAAS,SAAS,MAAM,GAAG;AAAA,QAE1B,qBAAS,SAAS,EAAE,GAAG,mBAAmB,CAAC,GAAG,GAAG,MAAM,CAAC;AAAA;AAAA,IAC3D;AAAA,IAEJ;AAAA,EACF,EAAE,CAAC,CAAuC;AAC5C;","names":[]}

package/dist/esm/runtimes/react/hooks/makeswift-api.js

@@ -1,7 +1,8 @@
 "use client";
 import { useEffect, useRef } from "react";
 import { useSyncExternalStore } from "use-sync-external-store/shim";
-import { useMakeswiftHostApiClient } from "../../../next/context/makeswift-host-api-client";
+import { useMakeswiftHostApiClient } from "../host-api-client";
+import { useDocumentLocale } from "./use-document-context";
 function useSwatch(swatchId) {
   const client = useMakeswiftHostApiClient();
   const readSwatch = () => swatchId == null ? null : client.readSwatch(swatchId);
@@ -74,24 +75,25 @@ function useGlobalElement(globalElementId) {
   }, [client, globalElementId]);
   return globalElement;
 }
-function useLocalizedGlobalElement(globalElementId) {
+function useLocalizedGlobalElement(locale, globalElementId) {
   const client = useMakeswiftHostApiClient();
-  const readLocalizedGlobalElement = () => globalElementId == null ? null : client.readLocalizedGlobalElement(globalElementId);
+  const readLocalizedGlobalElement = () => locale == null || globalElementId == null ? null : client.readLocalizedGlobalElement({ globalElementId, locale });
   const localizedGlobalElement = useSyncExternalStore(
     client.subscribe,
     readLocalizedGlobalElement,
     readLocalizedGlobalElement
   );
   useEffect(() => {
-    if (globalElementId != null) {
-      client.fetchLocalizedGlobalElement(globalElementId).catch(console.error);
+    if (locale != null && globalElementId != null) {
+      client.fetchLocalizedGlobalElement({ globalElementId, locale }).catch(console.error);
     }
-  }, [client, globalElementId]);
+  }, [client, locale, globalElementId]);
   return localizedGlobalElement;
 }
 function usePagePathnameSlice(pageId) {
   const client = useMakeswiftHostApiClient();
-  const readPagePathnameSlice = () => pageId == null ? null : client.readPagePathnameSlice(pageId);
+  const locale = useDocumentLocale();
+  const readPagePathnameSlice = () => pageId == null ? null : client.readPagePathnameSlice({ pageId, locale });
   const pagePathnameSlice = useSyncExternalStore(
     client.subscribe,
     readPagePathnameSlice,
@@ -99,8 +101,8 @@ function usePagePathnameSlice(pageId) {
   );
   useEffect(() => {
     if (pageId != null)
-      client.fetchPagePathnameSlice(pageId).catch(console.error);
-  }, [client, pageId]);
+      client.fetchPagePathnameSlice({ pageId, locale }).catch(console.error);
+  }, [client, pageId, locale]);
   return pagePathnameSlice;
 }
 function useTable(tableId) {

package/dist/esm/runtimes/react/hooks/makeswift-api.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/makeswift-api.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef } from 'react'\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport {\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  Swatch,\n  Table,\n  Typography,\n} from '../../../api'\nimport { PagePathnameSlice } from '../../../api/resource-types'\nimport { useMakeswiftHostApiClient } from '../../../next/context/makeswift-host-api-client'\n\nexport function useSwatch(swatchId: string | null): Swatch | null {\n  const client = useMakeswiftHostApiClient()\n  const readSwatch = () => (swatchId == null ? null : client.readSwatch(swatchId))\n  const swatch = useSyncExternalStore(client.subscribe, readSwatch, readSwatch)\n\n  useEffect(() => {\n    if (swatchId != null) client.fetchSwatch(swatchId).catch(console.error)\n  }, [client, swatchId])\n\n  return swatch\n}\n\nexport function useSwatches(swatchIds: string[]): (Swatch | null)[] {\n  const client = useMakeswiftHostApiClient()\n  const lastSnapshot = useRef<(Swatch | null)[]>()\n\n  function getSnapshot() {\n    const swatches = swatchIds.map(swatchId => client.readSwatch(swatchId))\n\n    if (\n      lastSnapshot.current != null &&\n      lastSnapshot.current.length === swatches.length &&\n      lastSnapshot.current.every((swatch, idx) => swatches[idx] === swatch)\n    ) {\n      return lastSnapshot.current\n    }\n\n    return (lastSnapshot.current = swatches)\n  }\n\n  const swatches = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  useEffect(() => {\n    Promise.all(swatchIds.map(swatchId => client.fetchSwatch(swatchId))).catch(console.error)\n  }, [client, swatchIds])\n\n  return swatches\n}\n\nexport function useFile(fileId: string | null): File | null {\n  const client = useMakeswiftHostApiClient()\n  const readFile = () => (fileId == null ? null : client.readFile(fileId))\n  const file = useSyncExternalStore(client.subscribe, readFile, readFile)\n\n  useEffect(() => {\n    if (fileId != null) client.fetchFile(fileId)\n  }, [client, fileId])\n\n  return file\n}\n\nexport function useFiles(fileIds: string[]): (File | null)[] {\n  const client = useMakeswiftHostApiClient()\n  const lastSnapshot = useRef<(File | null)[]>()\n\n  function getSnapshot() {\n    const files = fileIds.map(fileId => client.readFile(fileId))\n\n    if (\n      lastSnapshot.current != null &&\n      lastSnapshot.current.length === files.length &&\n      lastSnapshot.current.every((file, idx) => files[idx] === file)\n    ) {\n      return lastSnapshot.current\n    }\n\n    return (lastSnapshot.current = files)\n  }\n\n  const files = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  useEffect(() => {\n    Promise.all(fileIds.map(fileId => client.fetchFile(fileId))).catch(console.error)\n  }, [client, fileIds])\n\n  return files\n}\n\nexport function useTypography(typographyId: string | null): Typography | null {\n  const client = useMakeswiftHostApiClient()\n  const readTypography = () => (typographyId == null ? null : client.readTypography(typographyId))\n  const typography = useSyncExternalStore(client.subscribe, readTypography, readTypography)\n\n  useEffect(() => {\n    if (typographyId != null) client.fetchTypography(typographyId).catch(console.error)\n  }, [client, typographyId])\n\n  return typography\n}\n\nexport function useGlobalElement(globalElementId: string | null): GlobalElement | null {\n  const client = useMakeswiftHostApiClient()\n  const readGlobalElement = () =>\n    globalElementId == null ? null : client.readGlobalElement(globalElementId)\n  const globalElement = useSyncExternalStore(client.subscribe, readGlobalElement, readGlobalElement)\n\n  useEffect(() => {\n    if (globalElementId != null) client.fetchGlobalElement(globalElementId).catch(console.error)\n  }, [client, globalElementId])\n\n  return globalElement\n}\n\nexport function useLocalizedGlobalElement(\n  globalElementId: string | null,\n): LocalizedGlobalElement | null {\n  const client = useMakeswiftHostApiClient()\n  const readLocalizedGlobalElement = () =>\n    globalElementId == null ? null : client.readLocalizedGlobalElement(globalElementId)\n  const localizedGlobalElement = useSyncExternalStore(\n    client.subscribe,\n    readLocalizedGlobalElement,\n    readLocalizedGlobalElement,\n  )\n\n  useEffect(() => {\n    if (globalElementId != null) {\n      client.fetchLocalizedGlobalElement(globalElementId).catch(console.error)\n    }\n  }, [client, globalElementId])\n\n  return localizedGlobalElement\n}\n\nexport function usePagePathnameSlice(pageId: string | null): PagePathnameSlice | null {\n  const client = useMakeswiftHostApiClient()\n  const readPagePathnameSlice = () => (pageId == null ? null : client.readPagePathnameSlice(pageId))\n  const pagePathnameSlice = useSyncExternalStore(\n    client.subscribe,\n    readPagePathnameSlice,\n    readPagePathnameSlice,\n  )\n\n  useEffect(() => {\n    if (pageId != null) client.fetchPagePathnameSlice(pageId).catch(console.error)\n  }, [client, pageId])\n\n  return pagePathnameSlice\n}\n\nexport function useTable(tableId: string | null): Table | null {\n  const client = useMakeswiftHostApiClient()\n  const readTable = () => (tableId == null ? null : client.readTable(tableId))\n  const table = useSyncExternalStore(client.subscribe, readTable, readTable)\n\n  useEffect(() => {\n    if (tableId != null) client.fetchTable(tableId).catch(console.error)\n  }, [client, tableId])\n\n  return table\n}\n"],"mappings":"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","names":["swatches","files"]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/makeswift-api.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef } from 'react'\nimport { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport {\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  PagePathnameSlice,\n  Swatch,\n  Table,\n  Typography,\n} from '../../../api'\n\nimport { useMakeswiftHostApiClient } from '../host-api-client'\nimport { useDocumentLocale } from './use-document-context'\n\nexport function useSwatch(swatchId: string | null): Swatch | null {\n  const client = useMakeswiftHostApiClient()\n  const readSwatch = () => (swatchId == null ? null : client.readSwatch(swatchId))\n  const swatch = useSyncExternalStore(client.subscribe, readSwatch, readSwatch)\n\n  useEffect(() => {\n    if (swatchId != null) client.fetchSwatch(swatchId).catch(console.error)\n  }, [client, swatchId])\n\n  return swatch\n}\n\nexport function useSwatches(swatchIds: string[]): (Swatch | null)[] {\n  const client = useMakeswiftHostApiClient()\n  const lastSnapshot = useRef<(Swatch | null)[]>()\n\n  function getSnapshot() {\n    const swatches = swatchIds.map(swatchId => client.readSwatch(swatchId))\n\n    if (\n      lastSnapshot.current != null &&\n      lastSnapshot.current.length === swatches.length &&\n      lastSnapshot.current.every((swatch, idx) => swatches[idx] === swatch)\n    ) {\n      return lastSnapshot.current\n    }\n\n    return (lastSnapshot.current = swatches)\n  }\n\n  const swatches = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  useEffect(() => {\n    Promise.all(swatchIds.map(swatchId => client.fetchSwatch(swatchId))).catch(console.error)\n  }, [client, swatchIds])\n\n  return swatches\n}\n\nexport function useFile(fileId: string | null): File | null {\n  const client = useMakeswiftHostApiClient()\n  const readFile = () => (fileId == null ? null : client.readFile(fileId))\n  const file = useSyncExternalStore(client.subscribe, readFile, readFile)\n\n  useEffect(() => {\n    if (fileId != null) client.fetchFile(fileId)\n  }, [client, fileId])\n\n  return file\n}\n\nexport function useFiles(fileIds: string[]): (File | null)[] {\n  const client = useMakeswiftHostApiClient()\n  const lastSnapshot = useRef<(File | null)[]>()\n\n  function getSnapshot() {\n    const files = fileIds.map(fileId => client.readFile(fileId))\n\n    if (\n      lastSnapshot.current != null &&\n      lastSnapshot.current.length === files.length &&\n      lastSnapshot.current.every((file, idx) => files[idx] === file)\n    ) {\n      return lastSnapshot.current\n    }\n\n    return (lastSnapshot.current = files)\n  }\n\n  const files = useSyncExternalStore(client.subscribe, getSnapshot, getSnapshot)\n\n  useEffect(() => {\n    Promise.all(fileIds.map(fileId => client.fetchFile(fileId))).catch(console.error)\n  }, [client, fileIds])\n\n  return files\n}\n\nexport function useTypography(typographyId: string | null): Typography | null {\n  const client = useMakeswiftHostApiClient()\n  const readTypography = () => (typographyId == null ? null : client.readTypography(typographyId))\n  const typography = useSyncExternalStore(client.subscribe, readTypography, readTypography)\n\n  useEffect(() => {\n    if (typographyId != null) client.fetchTypography(typographyId).catch(console.error)\n  }, [client, typographyId])\n\n  return typography\n}\n\nexport function useGlobalElement(globalElementId: string | null): GlobalElement | null {\n  const client = useMakeswiftHostApiClient()\n  const readGlobalElement = () =>\n    globalElementId == null ? null : client.readGlobalElement(globalElementId)\n  const globalElement = useSyncExternalStore(client.subscribe, readGlobalElement, readGlobalElement)\n\n  useEffect(() => {\n    if (globalElementId != null) client.fetchGlobalElement(globalElementId).catch(console.error)\n  }, [client, globalElementId])\n\n  return globalElement\n}\n\nexport function useLocalizedGlobalElement(\n  locale: string | null,\n  globalElementId: string | null,\n): LocalizedGlobalElement | null {\n  const client = useMakeswiftHostApiClient()\n  const readLocalizedGlobalElement = () =>\n    locale == null || globalElementId == null\n      ? null\n      : client.readLocalizedGlobalElement({ globalElementId, locale })\n\n  const localizedGlobalElement = useSyncExternalStore(\n    client.subscribe,\n    readLocalizedGlobalElement,\n    readLocalizedGlobalElement,\n  )\n\n  useEffect(() => {\n    if (locale != null && globalElementId != null) {\n      client.fetchLocalizedGlobalElement({ globalElementId, locale }).catch(console.error)\n    }\n  }, [client, locale, globalElementId])\n\n  return localizedGlobalElement\n}\n\nexport function usePagePathnameSlice(pageId: string | null): PagePathnameSlice | null {\n  const client = useMakeswiftHostApiClient()\n  const locale = useDocumentLocale()\n\n  const readPagePathnameSlice = () =>\n    pageId == null ? null : client.readPagePathnameSlice({ pageId, locale })\n\n  const pagePathnameSlice = useSyncExternalStore(\n    client.subscribe,\n    readPagePathnameSlice,\n    readPagePathnameSlice,\n  )\n\n  useEffect(() => {\n    if (pageId != null) client.fetchPagePathnameSlice({ pageId, locale }).catch(console.error)\n  }, [client, pageId, locale])\n\n  return pagePathnameSlice\n}\n\nexport function useTable(tableId: string | null): Table | null {\n  const client = useMakeswiftHostApiClient()\n  const readTable = () => (tableId == null ? null : client.readTable(tableId))\n  const table = useSyncExternalStore(client.subscribe, readTable, readTable)\n\n  useEffect(() => {\n    if (tableId != null) client.fetchTable(tableId).catch(console.error)\n  }, [client, tableId])\n\n  return table\n}\n"],"mappings":"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","names":["swatches","files"]}

package/dist/esm/runtimes/react/hooks/use-cache-data.js

@@ -0,0 +1,11 @@
+import { updateAPIClientCache } from "../../../state/actions";
+import { useMakeswiftHostApiClient } from "../host-api-client";
+import { useUniversalDispatch } from "./use-universal-dispatch";
+function useCacheData(cacheData) {
+  const { makeswiftApiClient: apiStore } = useMakeswiftHostApiClient();
+  useUniversalDispatch(apiStore.dispatch, updateAPIClientCache, [cacheData]);
+}
+export {
+  useCacheData
+};
+//# sourceMappingURL=use-cache-data.js.map

package/dist/esm/runtimes/react/hooks/use-cache-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-cache-data.ts"],"sourcesContent":["import { type CacheData } from '../../../api/react'\nimport { updateAPIClientCache } from '../../../state/actions'\n\nimport { useMakeswiftHostApiClient } from '../host-api-client'\nimport { useUniversalDispatch } from './use-universal-dispatch'\n\nexport function useCacheData(cacheData: CacheData) {\n  const { makeswiftApiClient: apiStore } = useMakeswiftHostApiClient()\n  useUniversalDispatch(apiStore.dispatch, updateAPIClientCache, [cacheData])\n}\n"],"mappings":"AACA,SAAS,4BAA4B;AAErC,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AAE9B,SAAS,aAAa,WAAsB;AACjD,QAAM,EAAE,oBAAoB,SAAS,IAAI,0BAA0B;AACnE,uBAAqB,SAAS,UAAU,sBAAsB,CAAC,SAAS,CAAC;AAC3E;","names":[]}

package/dist/esm/runtimes/react/hooks/use-dispatch.js

@@ -1,7 +1,6 @@
-import { useContext } from "react";
-import { StoreContext } from "./use-store";
+import { useStore } from "./use-store";
 function useDispatch() {
-  const store = useContext(StoreContext);
+  const store = useStore();
   return store.dispatch;
 }
 export {

package/dist/esm/runtimes/react/hooks/use-dispatch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-dispatch.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { StoreContext } from './use-store'\nimport { Dispatch as ReactPageDispatch } from '../../../state/react-page'\nimport { Dispatch as ReactBuilderPreviewDispatch } from '../../../state/react-builder-preview'\n\ntype Dispatch = ReactPageDispatch & ReactBuilderPreviewDispatch\n\nexport function useDispatch(): Dispatch {\n  const store = useContext(StoreContext)\n\n  return store.dispatch\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAMtB,SAAS,cAAwB;AACtC,QAAM,QAAQ,WAAW,YAAY;AAErC,SAAO,MAAM;AACf;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-dispatch.ts"],"sourcesContent":["import { useStore } from './use-store'\nimport { Dispatch as ReactPageDispatch } from '../../../state/react-page'\nimport { Dispatch as ReactBuilderPreviewDispatch } from '../../../state/react-builder-preview'\n\ntype Dispatch = ReactPageDispatch & ReactBuilderPreviewDispatch\n\nexport function useDispatch(): Dispatch {\n  const store = useStore()\n\n  return store.dispatch\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AAMlB,SAAS,cAAwB;AACtC,QAAM,QAAQ,SAAS;AAEvB,SAAO,MAAM;AACf;","names":[]}

package/dist/esm/runtimes/react/hooks/use-document-context.js

@@ -0,0 +1,22 @@
+"use client";
+import { createContext, useContext } from "react";
+const DocumentContext = createContext({
+  key: null,
+  locale: null
+});
+function useDocumentContext() {
+  return useContext(DocumentContext);
+}
+function useDocumentKey() {
+  return useDocumentContext().key;
+}
+function useDocumentLocale() {
+  return useDocumentContext().locale;
+}
+export {
+  DocumentContext,
+  useDocumentContext,
+  useDocumentKey,
+  useDocumentLocale
+};
+//# sourceMappingURL=use-document-context.js.map

package/dist/esm/runtimes/react/hooks/use-document-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-document-context.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\n\ntype ContextValue = {\n  key: string | null\n  locale: string | null\n}\n\nexport const DocumentContext = createContext<ContextValue>({\n  key: null,\n  locale: null,\n})\n\nexport function useDocumentContext(): ContextValue {\n  return useContext(DocumentContext)\n}\n\nexport function useDocumentKey(): string | null {\n  return useDocumentContext().key\n}\n\nexport function useDocumentLocale(): string | null {\n  return useDocumentContext().locale\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAOnC,MAAM,kBAAkB,cAA4B;AAAA,EACzD,KAAK;AAAA,EACL,QAAQ;AACV,CAAC;AAEM,SAAS,qBAAmC;AACjD,SAAO,WAAW,eAAe;AACnC;AAEO,SAAS,iBAAgC;AAC9C,SAAO,mBAAmB,EAAE;AAC9B;AAEO,SAAS,oBAAmC;AACjD,SAAO,mBAAmB,EAAE;AAC9B;","names":[]}

package/dist/esm/runtimes/react/hooks/use-element-id.js

@@ -1,5 +1,5 @@
 import { getElementId } from "../../../state/react-page";
-import { useDocumentKey } from "./use-document-key";
+import { useDocumentKey } from "./use-document-context";
 import { useSelector } from "./use-selector";
 function useElementId(elementKey) {
   const documentKey = useDocumentKey();

package/dist/esm/runtimes/react/hooks/use-element-id.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-element-id.ts"],"sourcesContent":["import { getElementId } from '../../../state/react-page'\nimport { useDocumentKey } from './use-document-key'\nimport { useSelector } from './use-selector'\n\nexport function useElementId(elementKey: string | null | undefined): string | null {\n  const documentKey = useDocumentKey()\n\n  return useSelector(state =>\n    documentKey == null || elementKey == null ? null : getElementId(state, documentKey, elementKey),\n  )\n}\n"],"mappings":"AAAA,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAErB,SAAS,aAAa,YAAsD;AACjF,QAAM,cAAc,eAAe;AAEnC,SAAO;AAAA,IAAY,WACjB,eAAe,QAAQ,cAAc,OAAO,OAAO,aAAa,OAAO,aAAa,UAAU;AAAA,EAChG;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-element-id.ts"],"sourcesContent":["import { getElementId } from '../../../state/react-page'\nimport { useDocumentKey } from './use-document-context'\nimport { useSelector } from './use-selector'\n\nexport function useElementId(elementKey: string | null | undefined): string | null {\n  const documentKey = useDocumentKey()\n\n  return useSelector(state =>\n    documentKey == null || elementKey == null ? null : getElementId(state, documentKey, elementKey),\n  )\n}\n"],"mappings":"AAAA,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAErB,SAAS,aAAa,YAAsD;AACjF,QAAM,cAAc,eAAe;AAEnC,SAAO;AAAA,IAAY,WACjB,eAAe,QAAQ,cAAc,OAAO,OAAO,aAAa,OAAO,aAAa,UAAU;AAAA,EAChG;AACF;","names":[]}

package/dist/esm/runtimes/react/hooks/use-react-runtime.js

@@ -0,0 +1,15 @@
+"use client";
+import { createContext, useContext } from "react";
+const ReactRuntimeContext = createContext(null);
+function useReactRuntime() {
+  const runtime = useContext(ReactRuntimeContext);
+  if (runtime === null) {
+    throw new Error("`useReactRuntime` must be used within a `ReactRuntimeProvider`");
+  }
+  return runtime;
+}
+export {
+  ReactRuntimeContext,
+  useReactRuntime
+};
+//# sourceMappingURL=use-react-runtime.js.map

package/dist/esm/runtimes/react/hooks/use-react-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-react-runtime.tsx"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\nimport { ReactRuntime } from '../react-runtime'\n\nexport const ReactRuntimeContext = createContext<ReactRuntime | null>(null)\n\nexport function useReactRuntime(): ReactRuntime {\n  const runtime = useContext(ReactRuntimeContext)\n  if (runtime === null) {\n    throw new Error('`useReactRuntime` must be used within a `ReactRuntimeProvider`')\n  }\n\n  return runtime\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAGnC,MAAM,sBAAsB,cAAmC,IAAI;AAEnE,SAAS,kBAAgC;AAC9C,QAAM,UAAU,WAAW,mBAAmB;AAC9C,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/runtimes/react/hooks/use-register-document.js

@@ -0,0 +1,18 @@
+import { useEffect } from "react";
+import { useDispatch } from "./use-dispatch";
+import { useIsInBuilder } from "./use-is-in-builder";
+import { registerBuilderDocumentsEffect, registerDocumentsEffect } from "../../../state/actions";
+function useRegisterDocument(document) {
+  const isInBuilder = useIsInBuilder();
+  const dispatch = useDispatch();
+  useEffect(() => dispatch(registerDocumentsEffect([document])), [document]);
+  useEffect(() => {
+    if (!isInBuilder)
+      return;
+    return dispatch(registerBuilderDocumentsEffect([document]));
+  }, [isInBuilder, document]);
+}
+export {
+  useRegisterDocument
+};
+//# sourceMappingURL=use-register-document.js.map

package/dist/esm/runtimes/react/hooks/use-register-document.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-register-document.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { type Document } from '../../../state/react-page'\nimport { useDispatch } from './use-dispatch'\nimport { useIsInBuilder } from './use-is-in-builder'\nimport { registerBuilderDocumentsEffect, registerDocumentsEffect } from '../../../state/actions'\n\n/**\n * @param document Document to register\n */\nexport function useRegisterDocument(document: Document): void {\n  const isInBuilder = useIsInBuilder()\n  const dispatch = useDispatch()\n\n  useEffect(() => dispatch(registerDocumentsEffect([document])), [document])\n\n  // TODO: Decide whether to do this via middleware or via explicit action (like\n  // what we're doing below)\n  useEffect(() => {\n    if (!isInBuilder) return\n    return dispatch(registerBuilderDocumentsEffect([document]))\n  }, [isInBuilder, document])\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAE1B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,gCAAgC,+BAA+B;AAKjE,SAAS,oBAAoB,UAA0B;AAC5D,QAAM,cAAc,eAAe;AACnC,QAAM,WAAW,YAAY;AAE7B,YAAU,MAAM,SAAS,wBAAwB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;AAIzE,YAAU,MAAM;AACd,QAAI,CAAC;AAAa;AAClB,WAAO,SAAS,+BAA+B,CAAC,QAAQ,CAAC,CAAC;AAAA,EAC5D,GAAG,CAAC,aAAa,QAAQ,CAAC;AAC5B;","names":[]}

package/dist/esm/runtimes/react/hooks/use-resolved-props.js

@@ -4,7 +4,7 @@ import {
 } from "@makeswift/controls";
 import * as ReactPage from "../../../state/react-page";
 import { useResourceResolver } from "./use-resource-resolver";
-import { useDocumentKey } from "./use-document-key";
+import { useDocumentKey } from "./use-document-context";
 import { useSelector } from "./use-selector";
 import { useStylesheetFactory } from "./use-stylesheet-factory";
 import { resolvableRecord } from "../resolvable-record";

package/dist/esm/runtimes/react/hooks/use-resolved-props.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-resolved-props.ts"],"sourcesContent":["import { useMemo, useEffect, useRef, useSyncExternalStore, useCallback } from 'react'\nimport {\n  ControlDefinition,\n  ControlInstance,\n  mapValues,\n  type Data,\n  type Resolvable,\n} from '@makeswift/controls'\n\nimport * as ReactPage from '../../../state/react-page'\nimport { useResourceResolver } from './use-resource-resolver'\nimport { useDocumentKey } from './use-document-key'\nimport { useSelector } from './use-selector'\n\nimport { useStylesheetFactory } from './use-stylesheet-factory'\n\nimport { resolvableRecord } from '../resolvable-record'\nimport { propErrorHandlingProxy } from '../utils/prop-error-handling-proxy'\n\nfunction useControlInstances(elementKey: string): Record<string, ControlInstance> | null {\n  const documentKey = useDocumentKey()\n\n  return useSelector(state => {\n    if (documentKey == null) return null\n\n    return ReactPage.getPropControllers(state, documentKey, elementKey)\n  })\n}\n\ntype CacheItem = {\n  data: Data\n  control: ControlInstance | undefined\n  resolvedValue: Resolvable<unknown>\n}\n\nexport function useResolvedProps(\n  propDefs: Record<string, ControlDefinition>,\n  elementData: Record<string, Data>,\n  elementKey: string,\n): Record<string, unknown> {\n  const stylesheetFactory = useStylesheetFactory()\n  const resourceResolver = useResourceResolver()\n  const controls = useControlInstances(elementKey)\n\n  const cache = useRef<Record<string, CacheItem>>({}).current\n  const resolveProp = useCallback(\n    (def: ControlDefinition, propName: string) => {\n      const data = elementData[propName]\n      const control = controls?.[propName]\n\n      if (\n        cache[propName] != null &&\n        data === cache[propName].data &&\n        control === cache[propName].control\n      ) {\n        return cache[propName].resolvedValue\n      }\n\n      const resolvedValue = def.resolveValue(\n        data,\n        resourceResolver,\n        stylesheetFactory.get(propName),\n        control,\n      )\n\n      cache[propName] = { data, control, resolvedValue }\n      return resolvedValue\n    },\n    [controls, elementData, resourceResolver, stylesheetFactory],\n  )\n\n  const resolvables = useMemo(\n    () =>\n      mapValues(propDefs, (def, propName) => {\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    [propDefs, resolveProp],\n  )\n\n  const props = useMemo(() => resolvableRecord(resolvables), [resolvables])\n\n  stylesheetFactory.useDefinedStyles()\n\n  useEffect(() => {\n    props.triggerResolve()\n  }, [])\n\n  return useSyncExternalStore(props.subscribe, props.readStable, props.readStable)\n}\n"],"mappings":"AAAA,SAAS,SAAS,WAAW,QAAQ,sBAAsB,mBAAmB;AAC9E;AAAA,EAGE;AAAA,OAGK;AAEP,YAAY,eAAe;AAC3B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAE5B,SAAS,4BAA4B;AAErC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AAEvC,SAAS,oBAAoB,YAA4D;AACvF,QAAM,cAAc,eAAe;AAEnC,SAAO,YAAY,WAAS;AAC1B,QAAI,eAAe;AAAM,aAAO;AAEhC,WAAO,UAAU,mBAAmB,OAAO,aAAa,UAAU;AAAA,EACpE,CAAC;AACH;AAQO,SAAS,iBACd,UACA,aACA,YACyB;AACzB,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,mBAAmB,oBAAoB;AAC7C,QAAM,WAAW,oBAAoB,UAAU;AAE/C,QAAM,QAAQ,OAAkC,CAAC,CAAC,EAAE;AACpD,QAAM,cAAc;AAAA,IAClB,CAAC,KAAwB,aAAqB;AAC5C,YAAM,OAAO,YAAY,QAAQ;AACjC,YAAM,UAAU,WAAW,QAAQ;AAEnC,UACE,MAAM,QAAQ,KAAK,QACnB,SAAS,MAAM,QAAQ,EAAE,QACzB,YAAY,MAAM,QAAQ,EAAE,SAC5B;AACA,eAAO,MAAM,QAAQ,EAAE;AAAA,MACzB;AAEA,YAAM,gBAAgB,IAAI;AAAA,QACxB;AAAA,QACA;AAAA,QACA,kBAAkB,IAAI,QAAQ;AAAA,QAC9B;AAAA,MACF;AAEA,YAAM,QAAQ,IAAI,EAAE,MAAM,SAAS,cAAc;AACjD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,aAAa,kBAAkB,iBAAiB;AAAA,EAC7D;AAEA,QAAM,cAAc;AAAA,IAClB,MACE,UAAU,UAAU,CAAC,KAAK,aAAa;AACrC,YAAM,eAAgB,IAAI,QAAgB;AAC1C,aAAO,uBAAuB,YAAY,KAAK,QAAQ,GAAG,cAAc,WAAS;AAC/E,gBAAQ;AAAA,UACN,iCAAiC,QAAQ,wBAAwB,YAAY;AAAA,UAC7E,EAAE,SAAS,KAAK,MAAM;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,IACH,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,QAAQ,QAAQ,MAAM,iBAAiB,WAAW,GAAG,CAAC,WAAW,CAAC;AAExE,oBAAkB,iBAAiB;AAEnC,YAAU,MAAM;AACd,UAAM,eAAe;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,SAAO,qBAAqB,MAAM,WAAW,MAAM,YAAY,MAAM,UAAU;AACjF;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-resolved-props.ts"],"sourcesContent":["import { useMemo, useEffect, useRef, useSyncExternalStore, useCallback } from 'react'\nimport {\n  ControlDefinition,\n  ControlInstance,\n  mapValues,\n  type Data,\n  type Resolvable,\n} from '@makeswift/controls'\n\nimport * as ReactPage from '../../../state/react-page'\nimport { useResourceResolver } from './use-resource-resolver'\nimport { useDocumentKey } from './use-document-context'\nimport { useSelector } from './use-selector'\n\nimport { useStylesheetFactory } from './use-stylesheet-factory'\n\nimport { resolvableRecord } from '../resolvable-record'\nimport { propErrorHandlingProxy } from '../utils/prop-error-handling-proxy'\n\nfunction useControlInstances(elementKey: string): Record<string, ControlInstance> | null {\n  const documentKey = useDocumentKey()\n\n  return useSelector(state => {\n    if (documentKey == null) return null\n\n    return ReactPage.getPropControllers(state, documentKey, elementKey)\n  })\n}\n\ntype CacheItem = {\n  data: Data\n  control: ControlInstance | undefined\n  resolvedValue: Resolvable<unknown>\n}\n\nexport function useResolvedProps(\n  propDefs: Record<string, ControlDefinition>,\n  elementData: Record<string, Data>,\n  elementKey: string,\n): Record<string, unknown> {\n  const stylesheetFactory = useStylesheetFactory()\n  const resourceResolver = useResourceResolver()\n  const controls = useControlInstances(elementKey)\n\n  const cache = useRef<Record<string, CacheItem>>({}).current\n  const resolveProp = useCallback(\n    (def: ControlDefinition, propName: string) => {\n      const data = elementData[propName]\n      const control = controls?.[propName]\n\n      if (\n        cache[propName] != null &&\n        data === cache[propName].data &&\n        control === cache[propName].control\n      ) {\n        return cache[propName].resolvedValue\n      }\n\n      const resolvedValue = def.resolveValue(\n        data,\n        resourceResolver,\n        stylesheetFactory.get(propName),\n        control,\n      )\n\n      cache[propName] = { data, control, resolvedValue }\n      return resolvedValue\n    },\n    [controls, elementData, resourceResolver, stylesheetFactory],\n  )\n\n  const resolvables = useMemo(\n    () =>\n      mapValues(propDefs, (def, propName) => {\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    [propDefs, resolveProp],\n  )\n\n  const props = useMemo(() => resolvableRecord(resolvables), [resolvables])\n\n  stylesheetFactory.useDefinedStyles()\n\n  useEffect(() => {\n    props.triggerResolve()\n  }, [])\n\n  return useSyncExternalStore(props.subscribe, props.readStable, props.readStable)\n}\n"],"mappings":"AAAA,SAAS,SAAS,WAAW,QAAQ,sBAAsB,mBAAmB;AAC9E;AAAA,EAGE;AAAA,OAGK;AAEP,YAAY,eAAe;AAC3B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAE5B,SAAS,4BAA4B;AAErC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AAEvC,SAAS,oBAAoB,YAA4D;AACvF,QAAM,cAAc,eAAe;AAEnC,SAAO,YAAY,WAAS;AAC1B,QAAI,eAAe;AAAM,aAAO;AAEhC,WAAO,UAAU,mBAAmB,OAAO,aAAa,UAAU;AAAA,EACpE,CAAC;AACH;AAQO,SAAS,iBACd,UACA,aACA,YACyB;AACzB,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,mBAAmB,oBAAoB;AAC7C,QAAM,WAAW,oBAAoB,UAAU;AAE/C,QAAM,QAAQ,OAAkC,CAAC,CAAC,EAAE;AACpD,QAAM,cAAc;AAAA,IAClB,CAAC,KAAwB,aAAqB;AAC5C,YAAM,OAAO,YAAY,QAAQ;AACjC,YAAM,UAAU,WAAW,QAAQ;AAEnC,UACE,MAAM,QAAQ,KAAK,QACnB,SAAS,MAAM,QAAQ,EAAE,QACzB,YAAY,MAAM,QAAQ,EAAE,SAC5B;AACA,eAAO,MAAM,QAAQ,EAAE;AAAA,MACzB;AAEA,YAAM,gBAAgB,IAAI;AAAA,QACxB;AAAA,QACA;AAAA,QACA,kBAAkB,IAAI,QAAQ;AAAA,QAC9B;AAAA,MACF;AAEA,YAAM,QAAQ,IAAI,EAAE,MAAM,SAAS,cAAc;AACjD,aAAO;AAAA,IACT;AAAA,IACA,CAAC,UAAU,aAAa,kBAAkB,iBAAiB;AAAA,EAC7D;AAEA,QAAM,cAAc;AAAA,IAClB,MACE,UAAU,UAAU,CAAC,KAAK,aAAa;AACrC,YAAM,eAAgB,IAAI,QAAgB;AAC1C,aAAO,uBAAuB,YAAY,KAAK,QAAQ,GAAG,cAAc,WAAS;AAC/E,gBAAQ;AAAA,UACN,iCAAiC,QAAQ,wBAAwB,YAAY;AAAA,UAC7E,EAAE,SAAS,KAAK,MAAM;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,IACH,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,QAAQ,QAAQ,MAAM,iBAAiB,WAAW,GAAG,CAAC,WAAW,CAAC;AAExE,oBAAkB,iBAAiB;AAEnC,YAAU,MAAM;AACd,UAAM,eAAe;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,SAAO,qBAAqB,MAAM,WAAW,MAAM,YAAY,MAAM,UAAU;AACjF;","names":[]}

package/dist/esm/runtimes/react/hooks/use-resource-resolver.js

@@ -1,18 +1,18 @@
 import { useMemo } from "react";
 import * as ReactPage from "../../../state/react-page";
+import { useMakeswiftHostApiClient } from "../host-api-client";
 import { useStore } from "./use-store";
-import { useDocumentKey } from "./use-document-key";
-import { useMakeswiftHostApiClient } from "../../../next/context/makeswift-host-api-client";
+import { useDocumentContext } from "./use-document-context";
 function useResourceResolver() {
   const store = useStore();
   const client = useMakeswiftHostApiClient();
-  const documentKey = useDocumentKey();
+  const { key: documentKey, locale } = useDocumentContext();
   return useMemo(() => {
     return {
       resolveSwatch: (swatchId) => client.resolveSwatch(swatchId),
       resolveFile: (fileId) => client.resolveFile(fileId),
       resolveTypography: (typographyId) => client.resolveTypography(typographyId),
-      resolvePagePathnameSlice: (pageId) => client.resolvePagePathnameSlice(pageId),
+      resolvePagePathnameSlice: (pageId) => client.resolvePagePathnameSlice({ pageId, locale }),
       resolveElementId: (elementKey) => {
         const read = () => documentKey == null ? null : ReactPage.getElementId(store.getState(), documentKey, elementKey);
         let lastValue = null;
@@ -26,7 +26,7 @@ function useResourceResolver() {
         };
       }
     };
-  }, [client, store, documentKey]);
+  }, [client, store, documentKey, locale]);
 }
 export {
   useResourceResolver

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-resource-resolver.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { type ResourceResolver } from '@makeswift/controls'\n\nimport * as ReactPage from '../../../state/react-page'\nimport { useStore } from './use-store'\nimport { useDocumentKey } from './use-document-key'\nimport { useMakeswiftHostApiClient } from '../../../next/context/makeswift-host-api-client'\n\nexport function useResourceResolver(): ResourceResolver {\n  const store = useStore()\n  const client = useMakeswiftHostApiClient()\n  const documentKey = useDocumentKey()\n\n  return useMemo<ResourceResolver>(() => {\n    return {\n      resolveSwatch: swatchId => client.resolveSwatch(swatchId),\n      resolveFile: fileId => client.resolveFile(fileId),\n      resolveTypography: typographyId => client.resolveTypography(typographyId),\n      resolvePagePathnameSlice: pageId => client.resolvePagePathnameSlice(pageId),\n      resolveElementId: elementKey => {\n        const read = () =>\n          documentKey == null\n            ? null\n            : ReactPage.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  }, [client, store, documentKey])\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAGxB,YAAY,eAAe;AAC3B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAEnC,SAAS,sBAAwC;AACtD,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS,0BAA0B;AACzC,QAAM,cAAc,eAAe;AAEnC,SAAO,QAA0B,MAAM;AACrC,WAAO;AAAA,MACL,eAAe,cAAY,OAAO,cAAc,QAAQ;AAAA,MACxD,aAAa,YAAU,OAAO,YAAY,MAAM;AAAA,MAChD,mBAAmB,kBAAgB,OAAO,kBAAkB,YAAY;AAAA,MACxE,0BAA0B,YAAU,OAAO,yBAAyB,MAAM;AAAA,MAC1E,kBAAkB,gBAAc;AAC9B,cAAM,OAAO,MACX,eAAe,OACX,OACA,UAAU,aAAa,MAAM,SAAS,GAAG,aAAa,UAAU;AAEtE,YAAI,YAA2B;AAC/B,eAAO;AAAA,UACL,MAAM,cAAc,WAAW,IAAI,UAAU;AAAA,UAC7C,YAAY,MAAO,YAAY,KAAK;AAAA,UACpC,WAAW,CAAC,aACV,MAAM,UAAU,MAAM;AACpB,gBAAI,KAAK,MAAM;AAAW,uBAAS;AAAA,UACrC,CAAC;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,WAAW,CAAC;AACjC;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-resource-resolver.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { type ResourceResolver } from '@makeswift/controls'\n\nimport * as ReactPage from '../../../state/react-page'\nimport { useMakeswiftHostApiClient } from '../host-api-client'\nimport { useStore } from './use-store'\nimport { useDocumentContext } from './use-document-context'\n\nexport function useResourceResolver(): ResourceResolver {\n  const store = useStore()\n  const client = useMakeswiftHostApiClient()\n  const { key: documentKey, locale } = useDocumentContext()\n\n  return useMemo<ResourceResolver>(() => {\n    return {\n      resolveSwatch: swatchId => client.resolveSwatch(swatchId),\n      resolveFile: fileId => client.resolveFile(fileId),\n      resolveTypography: typographyId => client.resolveTypography(typographyId),\n      resolvePagePathnameSlice: pageId => client.resolvePagePathnameSlice({ pageId, locale }),\n      resolveElementId: elementKey => {\n        const read = () =>\n          documentKey == null\n            ? null\n            : ReactPage.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  }, [client, store, documentKey, locale])\n}\n"],"mappings":"AAAA,SAAS,eAAe;AAGxB,YAAY,eAAe;AAC3B,SAAS,iCAAiC;AAC1C,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AAE5B,SAAS,sBAAwC;AACtD,QAAM,QAAQ,SAAS;AACvB,QAAM,SAAS,0BAA0B;AACzC,QAAM,EAAE,KAAK,aAAa,OAAO,IAAI,mBAAmB;AAExD,SAAO,QAA0B,MAAM;AACrC,WAAO;AAAA,MACL,eAAe,cAAY,OAAO,cAAc,QAAQ;AAAA,MACxD,aAAa,YAAU,OAAO,YAAY,MAAM;AAAA,MAChD,mBAAmB,kBAAgB,OAAO,kBAAkB,YAAY;AAAA,MACxE,0BAA0B,YAAU,OAAO,yBAAyB,EAAE,QAAQ,OAAO,CAAC;AAAA,MACtF,kBAAkB,gBAAc;AAC9B,cAAM,OAAO,MACX,eAAe,OACX,OACA,UAAU,aAAa,MAAM,SAAS,GAAG,aAAa,UAAU;AAEtE,YAAI,YAA2B;AAC/B,eAAO;AAAA,UACL,MAAM,cAAc,WAAW,IAAI,UAAU;AAAA,UAC7C,YAAY,MAAO,YAAY,KAAK;AAAA,UACpC,WAAW,CAAC,aACV,MAAM,UAAU,MAAM;AACpB,gBAAI,KAAK,MAAM;AAAW,uBAAS;AAAA,UACrC,CAAC;AAAA,QACL;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,OAAO,aAAa,MAAM,CAAC;AACzC;","names":[]}

package/dist/esm/runtimes/react/hooks/use-store.js

@@ -1,9 +1,12 @@
 "use client";
 import { createContext, useContext } from "react";
-import { RuntimeCore } from "../runtime-core";
-const StoreContext = createContext(RuntimeCore.store);
+const StoreContext = createContext(null);
 function useStore() {
-  return useContext(StoreContext);
+  const store = useContext(StoreContext);
+  if (store == null) {
+    throw new Error("`useStore` must be used within a `StoreProvider`");
+  }
+  return store;
 }
 export {
   StoreContext,

package/dist/esm/runtimes/react/hooks/use-store.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-store.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\nimport { RuntimeCore } from '../runtime-core'\nimport { Store } from '../../../state/react-page'\n\nexport const StoreContext = createContext(RuntimeCore.store)\n\nexport function useStore(): Store {\n  return useContext(StoreContext)\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAC1C,SAAS,mBAAmB;AAGrB,MAAM,eAAe,cAAc,YAAY,KAAK;AAEpD,SAAS,WAAkB;AAChC,SAAO,WAAW,YAAY;AAChC;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-store.ts"],"sourcesContent":["'use client'\n\nimport { createContext, useContext } from 'react'\nimport { Store } from '../../../state/react-page'\n\nexport const StoreContext = createContext<Store | null>(null)\n\nexport function useStore(): Store {\n  const store = useContext(StoreContext)\n  if (store == null) {\n    throw new Error('`useStore` must be used within a `StoreProvider`')\n  }\n\n  return store\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AAGnC,MAAM,eAAe,cAA4B,IAAI;AAErD,SAAS,WAAkB;AAChC,QAAM,QAAQ,WAAW,YAAY;AACrC,MAAI,SAAS,MAAM;AACjB,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/runtimes/react/hooks/use-universal-dispatch.js

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+import { isServer } from "../../../utils/is-server";
+function useUniversalDispatch(dispatch, action, args) {
+  if (isServer()) {
+    dispatch(action(...args));
+  }
+  useEffect(() => {
+    dispatch(action(...args));
+  }, [dispatch, action, ...args]);
+}
+export {
+  useUniversalDispatch
+};
+//# sourceMappingURL=use-universal-dispatch.js.map

package/dist/esm/runtimes/react/hooks/use-universal-dispatch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-universal-dispatch.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { ThunkAction } from 'redux-thunk'\n\nimport { type Dispatch } from '../../../state/react-page'\nimport { type Action } from '../../../state/actions'\n\nimport { isServer } from '../../../utils/is-server'\n\n// overloaded signatures\nexport function useUniversalDispatch<Args extends any[], A extends Action>(\n  dispatch: Dispatch,\n  action: (...args: Args) => A,\n  args: Args,\n): void\nexport function useUniversalDispatch<Args extends any[], A extends Action>(\n  dispatch: Dispatch,\n  action: (...args: Args) => ThunkAction<() => void, any, any, A>,\n  args: Args,\n): void\n// implementation\nexport function useUniversalDispatch<Args extends any[], A extends Action>(\n  dispatch: Dispatch,\n  action: (...args: Args) => ThunkAction<() => void, any, any, A>,\n  args: Args,\n) {\n  if (isServer()) {\n    dispatch(action(...args))\n  }\n\n  useEffect(() => {\n    dispatch(action(...args))\n  }, [dispatch, action, ...args])\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAM1B,SAAS,gBAAgB;AAclB,SAAS,qBACd,UACA,QACA,MACA;AACA,MAAI,SAAS,GAAG;AACd,aAAS,OAAO,GAAG,IAAI,CAAC;AAAA,EAC1B;AAEA,YAAU,MAAM;AACd,aAAS,OAAO,GAAG,IAAI,CAAC;AAAA,EAC1B,GAAG,CAAC,UAAU,QAAQ,GAAG,IAAI,CAAC;AAChC;","names":[]}