@makeswift/runtime 0.26.4-canary.0 → 0.27.0-canary.2

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

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

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 { type 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":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-store.ts"],"sourcesContent":["'use client'\n\nimport { type Store } from '../../../state/store'\nimport { useReactRuntime } from './use-react-runtime'\n\nexport function useStore(): Store {\n  return useReactRuntime().store\n}\n"],"mappings":";AAGA,SAAS,uBAAuB;AAEzB,SAAS,WAAkB;AAChC,SAAO,gBAAgB,EAAE;AAC3B;","names":[]}

package/dist/esm/runtimes/react/host-api-client.js

@@ -1,30 +1,9 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-import { MakeswiftHostApiClient } from "../../api/client";
-const Context = createContext(
-  new MakeswiftHostApiClient({
-    uri: "https://api.makeswift.com/graphql",
-    fetch: async (url, init) => {
-      console.warn(
-        "Using fallback `fetch` implementation, resource revalidation may not work as expected.",
-        { url }
-      );
-      return fetch(url, init);
-    }
-  })
-);
+import { useReactRuntime } from "./hooks/use-react-runtime";
 function useMakeswiftHostApiClient() {
-  return useContext(Context);
-}
-function MakeswiftHostApiClientProvider({
-  client,
-  children
-}) {
-  return /* @__PURE__ */ jsx(Context.Provider, { value: client, children });
+  return useReactRuntime().hostApiClient;
 }
 export {
-  MakeswiftHostApiClientProvider,
   useMakeswiftHostApiClient
 };
 //# sourceMappingURL=host-api-client.js.map

package/dist/esm/runtimes/react/host-api-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/host-api-client.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, createContext, useContext } from 'react'\nimport { MakeswiftHostApiClient } from '../../api/client'\n\nconst Context = createContext(\n  new MakeswiftHostApiClient({\n    uri: 'https://api.makeswift.com/graphql',\n    fetch: async (url, init) => {\n      console.warn(\n        'Using fallback `fetch` implementation, resource revalidation may not work as expected.',\n        { url },\n      )\n      return fetch(url, init)\n    },\n  }),\n)\n\nexport function useMakeswiftHostApiClient(): MakeswiftHostApiClient {\n  return useContext(Context)\n}\n\nexport function MakeswiftHostApiClientProvider({\n  client,\n  children,\n}: {\n  client: MakeswiftHostApiClient\n  children: ReactNode\n}) {\n  return <Context.Provider value={client}>{children}</Context.Provider>\n}\n"],"mappings":";AA6BS;AA3BT,SAAoB,eAAe,kBAAkB;AACrD,SAAS,8BAA8B;AAEvC,MAAM,UAAU;AAAA,EACd,IAAI,uBAAuB;AAAA,IACzB,KAAK;AAAA,IACL,OAAO,OAAO,KAAK,SAAS;AAC1B,cAAQ;AAAA,QACN;AAAA,QACA,EAAE,IAAI;AAAA,MACR;AACA,aAAO,MAAM,KAAK,IAAI;AAAA,IACxB;AAAA,EACF,CAAC;AACH;AAEO,SAAS,4BAAoD;AAClE,SAAO,WAAW,OAAO;AAC3B;AAEO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAGG;AACD,SAAO,oBAAC,QAAQ,UAAR,EAAiB,OAAO,QAAS,UAAS;AACpD;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/host-api-client.tsx"],"sourcesContent":["'use client'\n\nimport { MakeswiftHostApiClient } from '../../api/client'\n\nimport { useReactRuntime } from './hooks/use-react-runtime'\n\nexport function useMakeswiftHostApiClient(): MakeswiftHostApiClient {\n  return useReactRuntime().hostApiClient\n}\n"],"mappings":";AAIA,SAAS,uBAAuB;AAEzB,SAAS,4BAAoD;AAClE,SAAO,gBAAgB,EAAE;AAC3B;","names":[]}

package/dist/esm/runtimes/react/index.js

@@ -1,4 +1,3 @@
-import { ReactRuntime } from "./react-runtime";
 import { Element } from "./components/Element";
 import { DocumentRoot } from "./components/DocumentRoot";
 import { RuntimeProvider } from "./components/RuntimeProvider";
@@ -9,13 +8,11 @@ import { useElementId } from "./hooks/use-element-id";
 import { useIsInBuilder } from "./hooks/use-is-in-builder";
 import { useIsReadOnly } from "./hooks/use-is-read-only";
 import { useSelector } from "./hooks/use-selector";
-import { StoreContext, useStore } from "./hooks/use-store";
+import { useStore } from "./hooks/use-store";
 export {
   DocumentRoot,
   Element,
-  ReactRuntime,
   RuntimeProvider,
-  StoreContext,
   useBreakpoints,
   useBuilderEditMode,
   useDocumentKey,

package/dist/esm/runtimes/react/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/index.ts"],"sourcesContent":["export { ReactRuntime } from './react-runtime'\n\nexport { Element } from './components/Element'\nexport { DocumentRoot } from './components/DocumentRoot'\nexport { RuntimeProvider } from './components/RuntimeProvider'\n\nexport { useBreakpoints } from './hooks/use-breakpoints'\nexport { useBuilderEditMode } from './hooks/use-builder-edit-mode'\nexport { useDocumentKey } from './hooks/use-document-context'\nexport { useElementId } from './hooks/use-element-id'\nexport { useIsInBuilder } from './hooks/use-is-in-builder'\nexport { useIsReadOnly } from './hooks/use-is-read-only'\nexport { useSelector } from './hooks/use-selector'\nexport { StoreContext, useStore } from './hooks/use-store'\n"],"mappings":"AAAA,SAAS,oBAAoB;AAE7B,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEhC,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,cAAc,gBAAgB;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/index.ts"],"sourcesContent":["export { Element } from './components/Element'\nexport { DocumentRoot } from './components/DocumentRoot'\nexport { RuntimeProvider } from './components/RuntimeProvider'\n\nexport { useBreakpoints } from './hooks/use-breakpoints'\nexport { useBuilderEditMode } from './hooks/use-builder-edit-mode'\nexport { useDocumentKey } from './hooks/use-document-context'\nexport { useElementId } from './hooks/use-element-id'\nexport { useIsInBuilder } from './hooks/use-is-in-builder'\nexport { useIsReadOnly } from './hooks/use-is-read-only'\nexport { useSelector } from './hooks/use-selector'\nexport { useStore } from './hooks/use-store'\n"],"mappings":"AAAA,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEhC,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;","names":[]}

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

@@ -44,9 +44,6 @@ class ReactRuntimeCore extends RuntimeCore {
       unregisterReactComponent();
     };
   }
-  constructor({ breakpoints } = {}) {
-    super({ breakpoints });
-  }
 }
 export {
   ReactRuntimeCore

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/react-runtime-core.ts"],"sourcesContent":["import { ControlDefinition as UnifiedControlDefinition } from '@makeswift/controls'\n\nimport { type LegacyDescriptor, type DescriptorValueType } from '../../prop-controllers/descriptors'\n\nimport { supportsActivity } from './components/activity-with-fallback'\n\nimport {\n  registerComponentEffect,\n  registerReactComponentEffect,\n} from '../../state/actions/internal/read-only-actions'\n\nimport { BreakpointsInput } from '../../state/modules/breakpoints'\nimport { ComponentIcon } from '../../state/modules/components-meta'\nimport type { ComponentType } from '../../state/read-only-state'\n\nimport { RuntimeCore } from './runtime-core'\n\nfunction validateComponentType(type: string, component?: ComponentType): void {\n  const componentName = component?.name ?? 'Component'\n  if (typeof type !== 'string' || type === '') {\n    throw new Error(\n      `${componentName}: A non-empty string \\`type\\` is required for component registration, got ${type}`,\n    )\n  }\n}\n\nexport class ReactRuntimeCore extends RuntimeCore {\n  registerComponent<\n    ControlDef extends UnifiedControlDefinition,\n    P extends Record<string, LegacyDescriptor | ControlDef>,\n    C extends ComponentType<{ [K in keyof P]: DescriptorValueType<P[K]> }>,\n  >(\n    component: C,\n    {\n      type,\n      label,\n      icon = ComponentIcon.Cube,\n      hidden = false,\n      description,\n      builtinSuspense,\n      props,\n    }: {\n      type: string\n      label: string\n      icon?: ComponentIcon\n      hidden?: boolean\n      description?: string\n      /**\n       * In React <= 19.1, controls the default `<Suspense>` boundary.\n       * Ignored in React >= 19.2; components are always wrapped in `<Activity>`.\n       * Defaults to `true`.\n       */\n      builtinSuspense?: boolean\n      props?: P\n    },\n  ): () => void {\n    validateComponentType(type, component as unknown as ComponentType)\n\n    const unregisterComponent = this.store.dispatch(\n      registerComponentEffect(\n        type,\n        { label, icon, hidden, description, builtinSuspense },\n        props ?? {},\n      ),\n    )\n\n    if (supportsActivity() && builtinSuspense !== undefined) {\n      console.warn(\n        'builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>.',\n      )\n    }\n\n    const unregisterReactComponent = this.store.dispatch(\n      registerReactComponentEffect(type, component as unknown as ComponentType),\n    )\n\n    return () => {\n      unregisterComponent()\n      unregisterReactComponent()\n    }\n  }\n\n  constructor({ breakpoints }: { breakpoints?: BreakpointsInput } = {}) {\n    super({ breakpoints })\n  }\n}\n"],"mappings":"AAIA,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGP,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB,MAAc,WAAiC;AAC5E,QAAM,gBAAgB,WAAW,QAAQ;AACzC,MAAI,OAAO,SAAS,YAAY,SAAS,IAAI;AAC3C,UAAM,IAAI;AAAA,MACR,GAAG,aAAa,6EAA6E,IAAI;AAAA,IACnG;AAAA,EACF;AACF;AAEO,MAAM,yBAAyB,YAAY;AAAA,EAChD,kBAKE,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO,cAAc;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAcY;AACZ,0BAAsB,MAAM,SAAqC;AAEjE,UAAM,sBAAsB,KAAK,MAAM;AAAA,MACrC;AAAA,QACE;AAAA,QACA,EAAE,OAAO,MAAM,QAAQ,aAAa,gBAAgB;AAAA,QACpD,SAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAEA,QAAI,iBAAiB,KAAK,oBAAoB,QAAW;AACvD,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAEA,UAAM,2BAA2B,KAAK,MAAM;AAAA,MAC1C,6BAA6B,MAAM,SAAqC;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,0BAAoB;AACpB,+BAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,YAAY,EAAE,YAAY,IAAwC,CAAC,GAAG;AACpE,UAAM,EAAE,YAAY,CAAC;AAAA,EACvB;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/react-runtime-core.ts"],"sourcesContent":["import { ControlDefinition as UnifiedControlDefinition } from '@makeswift/controls'\n\nimport { type LegacyDescriptor, type DescriptorValueType } from '../../prop-controllers/descriptors'\n\nimport { supportsActivity } from './components/activity-with-fallback'\n\nimport {\n  registerComponentEffect,\n  registerReactComponentEffect,\n} from '../../state/actions/internal/read-only-actions'\n\nimport { ComponentIcon } from '../../state/modules/components-meta'\nimport type { ComponentType } from '../../state/read-only-state'\n\nimport { RuntimeCore } from './runtime-core'\n\nfunction validateComponentType(type: string, component?: ComponentType): void {\n  const componentName = component?.name ?? 'Component'\n  if (typeof type !== 'string' || type === '') {\n    throw new Error(\n      `${componentName}: A non-empty string \\`type\\` is required for component registration, got ${type}`,\n    )\n  }\n}\n\nexport class ReactRuntimeCore extends RuntimeCore {\n  registerComponent<\n    ControlDef extends UnifiedControlDefinition,\n    P extends Record<string, LegacyDescriptor | ControlDef>,\n    C extends ComponentType<{ [K in keyof P]: DescriptorValueType<P[K]> }>,\n  >(\n    component: C,\n    {\n      type,\n      label,\n      icon = ComponentIcon.Cube,\n      hidden = false,\n      description,\n      builtinSuspense,\n      props,\n    }: {\n      type: string\n      label: string\n      icon?: ComponentIcon\n      hidden?: boolean\n      description?: string\n      /**\n       * In React <= 19.1, controls the default `<Suspense>` boundary.\n       * Ignored in React >= 19.2; components are always wrapped in `<Activity>`.\n       * Defaults to `true`.\n       */\n      builtinSuspense?: boolean\n      props?: P\n    },\n  ): () => void {\n    validateComponentType(type, component as unknown as ComponentType)\n\n    const unregisterComponent = this.store.dispatch(\n      registerComponentEffect(\n        type,\n        { label, icon, hidden, description, builtinSuspense },\n        props ?? {},\n      ),\n    )\n\n    if (supportsActivity() && builtinSuspense !== undefined) {\n      console.warn(\n        'builtinSuspense is ignored in React >= 19.2; components are always wrapped in <Activity>.',\n      )\n    }\n\n    const unregisterReactComponent = this.store.dispatch(\n      registerReactComponentEffect(type, component as unknown as ComponentType),\n    )\n\n    return () => {\n      unregisterComponent()\n      unregisterReactComponent()\n    }\n  }\n}\n"],"mappings":"AAIA,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB;AAG9B,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB,MAAc,WAAiC;AAC5E,QAAM,gBAAgB,WAAW,QAAQ;AACzC,MAAI,OAAO,SAAS,YAAY,SAAS,IAAI;AAC3C,UAAM,IAAI;AAAA,MACR,GAAG,aAAa,6EAA6E,IAAI;AAAA,IACnG;AAAA,EACF;AACF;AAEO,MAAM,yBAAyB,YAAY;AAAA,EAChD,kBAKE,WACA;AAAA,IACE;AAAA,IACA;AAAA,IACA,OAAO,cAAc;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAcY;AACZ,0BAAsB,MAAM,SAAqC;AAEjE,UAAM,sBAAsB,KAAK,MAAM;AAAA,MACrC;AAAA,QACE;AAAA,QACA,EAAE,OAAO,MAAM,QAAQ,aAAa,gBAAgB;AAAA,QACpD,SAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAEA,QAAI,iBAAiB,KAAK,oBAAoB,QAAW;AACvD,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAEA,UAAM,2BAA2B,KAAK,MAAM;AAAA,MAC1C,6BAA6B,MAAM,SAAqC;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,0BAAoB;AACpB,+BAAyB;AAAA,IAC3B;AAAA,EACF;AACF;","names":[]}

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

@@ -1,8 +1,8 @@
 import { registerBuiltinComponents } from "../../components/builtin/register";
 import { ReactRuntimeCore } from "./react-runtime-core";
 class ReactRuntime extends ReactRuntimeCore {
-  constructor({ breakpoints } = {}) {
-    super({ breakpoints });
+  constructor(...args) {
+    super(...args);
     registerBuiltinComponents(this);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/react-runtime.ts"],"sourcesContent":["import { registerBuiltinComponents } from '../../components/builtin/register'\nimport { BreakpointsInput } from '../../state/modules/breakpoints'\nimport { ReactRuntimeCore } from './react-runtime-core'\n\nexport class ReactRuntime extends ReactRuntimeCore {\n  constructor({ breakpoints }: { breakpoints?: BreakpointsInput } = {}) {\n    super({ breakpoints })\n    registerBuiltinComponents(this)\n  }\n}\n"],"mappings":"AAAA,SAAS,iCAAiC;AAE1C,SAAS,wBAAwB;AAE1B,MAAM,qBAAqB,iBAAiB;AAAA,EACjD,YAAY,EAAE,YAAY,IAAwC,CAAC,GAAG;AACpE,UAAM,EAAE,YAAY,CAAC;AACrB,8BAA0B,IAAI;AAAA,EAChC;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/react-runtime.ts"],"sourcesContent":["import { registerBuiltinComponents } from '../../components/builtin/register'\nimport { ReactRuntimeCore } from './react-runtime-core'\n\nexport class ReactRuntime extends ReactRuntimeCore {\n  constructor(...args: ConstructorParameters<typeof ReactRuntimeCore>) {\n    super(...args)\n    registerBuiltinComponents(this)\n  }\n}\n"],"mappings":"AAAA,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AAE1B,MAAM,qBAAqB,iBAAiB;AAAA,EACjD,eAAe,MAAsD;AACnE,UAAM,GAAG,IAAI;AACb,8BAA0B,IAAI;AAAA,EAChC;AACF;","names":[]}

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

@@ -1,18 +1,54 @@
+import { MakeswiftHostApiClient } from "../../api/client";
 import {
   parseBreakpointsInput
 } from "../../state/modules/breakpoints";
 import { copyElementTree } from "../../state/ops/copy-element-tree";
 import { getBreakpoints } from "../../state/read-only-state";
-import { configureStore } from "../../state/react-page";
+import { configureStore } from "../../state/store";
+import { setLocale } from "../../builder";
+import {
+  resetLocaleState,
+  setIsReadOnly,
+  setSiteVersion
+} from "../../state/actions/internal/read-only-actions";
 class RuntimeCore {
   store;
-  constructor({ breakpoints }) {
+  hostApiClient;
+  appOrigin;
+  apiOrigin;
+  constructor({
+    appOrigin = "https://app.makeswift.com",
+    apiOrigin = "https://api.makeswift.com",
+    breakpoints,
+    fetch
+  }) {
+    this.appOrigin = validateOrigin(appOrigin, "appOrigin");
+    this.apiOrigin = validateOrigin(apiOrigin, "apiOrigin");
+    this.hostApiClient = new MakeswiftHostApiClient({
+      uri: new URL("graphql", this.apiOrigin).href,
+      fetch
+    });
     this.store = configureStore({
       name: "Runtime store",
+      hostApiClient: this.hostApiClient,
+      appOrigin: this.appOrigin,
       preloadedState: null,
       breakpoints: breakpoints ? parseBreakpointsInput(breakpoints) : void 0
     });
   }
+  setIdempotent({
+    siteVersion,
+    isReadOnly,
+    locale
+  }) {
+    this.store.dispatch(setSiteVersion(siteVersion));
+    this.store.dispatch(setIsReadOnly(isReadOnly));
+    this.store.dispatch(locale != null ? setLocale(new Intl.Locale(locale)) : resetLocaleState());
+  }
+  async setupStore({ isReadOnly }) {
+    const unloadReadWriteState = await this.store.loadReadWriteState({ isReadOnly });
+    return () => unloadReadWriteState();
+  }
   copyElementTree(elementTree, replacementContext) {
     return copyElementTree(this.store.getState(), elementTree, replacementContext);
   }
@@ -20,6 +56,13 @@ class RuntimeCore {
     return getBreakpoints(this.store.getState());
   }
 }
+function validateOrigin(url, name) {
+  try {
+    return new URL(url).origin;
+  } catch {
+    throw new Error(`The Makeswift runtime received an invalid \`${name}\` parameter: "${url}".`);
+  }
+}
 export {
   RuntimeCore
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/runtime-core.ts"],"sourcesContent":["import { type SerializableReplacementContext } from '@makeswift/controls'\n\nimport {\n  Breakpoints,\n  BreakpointsInput,\n  parseBreakpointsInput,\n} from '../../state/modules/breakpoints'\n\nimport { copyElementTree } from '../../state/ops/copy-element-tree'\n\nimport { getBreakpoints, type Element, type ElementData } from '../../state/read-only-state'\nimport { configureStore, type Store } from '../../state/react-page'\n\nexport class RuntimeCore {\n  store: Store\n\n  constructor({ breakpoints }: { breakpoints?: BreakpointsInput }) {\n    this.store = configureStore({\n      name: 'Runtime store',\n      preloadedState: null,\n      breakpoints: breakpoints ? parseBreakpointsInput(breakpoints) : undefined,\n    })\n  }\n\n  copyElementTree(\n    elementTree: ElementData,\n    replacementContext: SerializableReplacementContext,\n  ): Element {\n    return copyElementTree(this.store.getState(), elementTree, replacementContext)\n  }\n\n  getBreakpoints(): Breakpoints {\n    return getBreakpoints(this.store.getState())\n  }\n}\n"],"mappings":"AAEA;AAAA,EAGE;AAAA,OACK;AAEP,SAAS,uBAAuB;AAEhC,SAAS,sBAAsD;AAC/D,SAAS,sBAAkC;AAEpC,MAAM,YAAY;AAAA,EACvB;AAAA,EAEA,YAAY,EAAE,YAAY,GAAuC;AAC/D,SAAK,QAAQ,eAAe;AAAA,MAC1B,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa,cAAc,sBAAsB,WAAW,IAAI;AAAA,IAClE,CAAC;AAAA,EACH;AAAA,EAEA,gBACE,aACA,oBACS;AACT,WAAO,gBAAgB,KAAK,MAAM,SAAS,GAAG,aAAa,kBAAkB;AAAA,EAC/E;AAAA,EAEA,iBAA8B;AAC5B,WAAO,eAAe,KAAK,MAAM,SAAS,CAAC;AAAA,EAC7C;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/runtime-core.ts"],"sourcesContent":["import { type SerializableReplacementContext } from '@makeswift/controls'\n\nimport { MakeswiftHostApiClient } from '../../api/client'\nimport * as MakeswiftApiClient from '../../state/makeswift-api-client'\nimport { type SiteVersion } from '../../api/site-version'\n\nimport {\n  Breakpoints,\n  BreakpointsInput,\n  parseBreakpointsInput,\n} from '../../state/modules/breakpoints'\n\nimport { copyElementTree } from '../../state/ops/copy-element-tree'\n\nimport { getBreakpoints, type Element, type ElementData } from '../../state/read-only-state'\nimport { configureStore, type Store } from '../../state/store'\nimport { setLocale } from '../../builder'\nimport {\n  resetLocaleState,\n  setIsReadOnly,\n  setSiteVersion,\n} from '../../state/actions/internal/read-only-actions'\n\nexport class RuntimeCore {\n  readonly store: Store\n  readonly hostApiClient: MakeswiftHostApiClient\n  readonly appOrigin: string\n  readonly apiOrigin: string\n\n  constructor({\n    appOrigin = 'https://app.makeswift.com',\n    apiOrigin = 'https://api.makeswift.com',\n    breakpoints,\n    fetch,\n  }: {\n    appOrigin?: string\n    apiOrigin?: string\n    breakpoints?: BreakpointsInput\n    fetch: MakeswiftApiClient.HttpFetch\n  }) {\n    this.appOrigin = validateOrigin(appOrigin, 'appOrigin')\n    this.apiOrigin = validateOrigin(apiOrigin, 'apiOrigin')\n\n    this.hostApiClient = new MakeswiftHostApiClient({\n      uri: new URL('graphql', this.apiOrigin).href,\n      fetch: fetch,\n    })\n\n    this.store = configureStore({\n      name: 'Runtime store',\n      hostApiClient: this.hostApiClient,\n      appOrigin: this.appOrigin,\n      preloadedState: null,\n      breakpoints: breakpoints ? parseBreakpointsInput(breakpoints) : undefined,\n    })\n  }\n\n  setIdempotent({\n    siteVersion,\n    isReadOnly,\n    locale,\n  }: {\n    siteVersion: SiteVersion | null\n    isReadOnly: boolean\n    locale: string | undefined\n  }): void {\n    this.store.dispatch(setSiteVersion(siteVersion))\n    this.store.dispatch(setIsReadOnly(isReadOnly))\n    this.store.dispatch(locale != null ? setLocale(new Intl.Locale(locale)) : resetLocaleState())\n  }\n\n  async setupStore({ isReadOnly }: { isReadOnly: boolean }): Promise<() => void> {\n    const unloadReadWriteState = await this.store.loadReadWriteState({ isReadOnly })\n    return () => unloadReadWriteState()\n  }\n\n  copyElementTree(\n    elementTree: ElementData,\n    replacementContext: SerializableReplacementContext,\n  ): Element {\n    return copyElementTree(this.store.getState(), elementTree, replacementContext)\n  }\n\n  getBreakpoints(): Breakpoints {\n    return getBreakpoints(this.store.getState())\n  }\n}\n\nfunction validateOrigin(url: string, name: string): string {\n  try {\n    return new URL(url).origin\n  } catch {\n    throw new Error(`The Makeswift runtime received an invalid \\`${name}\\` parameter: \"${url}\".`)\n  }\n}\n"],"mappings":"AAEA,SAAS,8BAA8B;AAIvC;AAAA,EAGE;AAAA,OACK;AAEP,SAAS,uBAAuB;AAEhC,SAAS,sBAAsD;AAC/D,SAAS,sBAAkC;AAC3C,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAY;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAET,YAAY;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF,GAKG;AACD,SAAK,YAAY,eAAe,WAAW,WAAW;AACtD,SAAK,YAAY,eAAe,WAAW,WAAW;AAEtD,SAAK,gBAAgB,IAAI,uBAAuB;AAAA,MAC9C,KAAK,IAAI,IAAI,WAAW,KAAK,SAAS,EAAE;AAAA,MACxC;AAAA,IACF,CAAC;AAED,SAAK,QAAQ,eAAe;AAAA,MAC1B,MAAM;AAAA,MACN,eAAe,KAAK;AAAA,MACpB,WAAW,KAAK;AAAA,MAChB,gBAAgB;AAAA,MAChB,aAAa,cAAc,sBAAsB,WAAW,IAAI;AAAA,IAClE,CAAC;AAAA,EACH;AAAA,EAEA,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAIS;AACP,SAAK,MAAM,SAAS,eAAe,WAAW,CAAC;AAC/C,SAAK,MAAM,SAAS,cAAc,UAAU,CAAC;AAC7C,SAAK,MAAM,SAAS,UAAU,OAAO,UAAU,IAAI,KAAK,OAAO,MAAM,CAAC,IAAI,iBAAiB,CAAC;AAAA,EAC9F;AAAA,EAEA,MAAM,WAAW,EAAE,WAAW,GAAiD;AAC7E,UAAM,uBAAuB,MAAM,KAAK,MAAM,mBAAmB,EAAE,WAAW,CAAC;AAC/E,WAAO,MAAM,qBAAqB;AAAA,EACpC;AAAA,EAEA,gBACE,aACA,oBACS;AACT,WAAO,gBAAgB,KAAK,MAAM,SAAS,GAAG,aAAa,kBAAkB;AAAA,EAC/E;AAAA,EAEA,iBAA8B;AAC5B,WAAO,eAAe,KAAK,MAAM,SAAS,CAAC;AAAA,EAC7C;AACF;AAEA,SAAS,eAAe,KAAa,MAAsB;AACzD,MAAI;AACF,WAAO,IAAI,IAAI,GAAG,EAAE;AAAA,EACtB,QAAQ;AACN,UAAM,IAAI,MAAM,+CAA+C,IAAI,kBAAkB,GAAG,IAAI;AAAA,EAC9F;AACF;","names":[]}

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

@@ -1,6 +1,7 @@
+import { TestOrigins } from "../../../testing/fixtures";
 import { ReactRuntime } from "../react-runtime";
 function createReactRuntime() {
-  return new ReactRuntime();
+  return new ReactRuntime({ fetch, ...TestOrigins });
 }
 export {
   createReactRuntime

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/testing/react-runtime.tsx"],"sourcesContent":["import { ReactRuntime } from '../react-runtime'\n\nexport function createReactRuntime() {\n  return new ReactRuntime()\n}\n"],"mappings":"AAAA,SAAS,oBAAoB;AAEtB,SAAS,qBAAqB;AACnC,SAAO,IAAI,aAAa;AAC1B;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/testing/react-runtime.tsx"],"sourcesContent":["import { TestOrigins } from '../../../testing/fixtures'\nimport { ReactRuntime } from '../react-runtime'\n\nexport function createReactRuntime() {\n  return new ReactRuntime({ fetch, ...TestOrigins })\n}\n"],"mappings":"AAAA,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAEtB,SAAS,qBAAqB;AACnC,SAAO,IAAI,aAAa,EAAE,OAAO,GAAG,YAAY,CAAC;AACnD;","names":[]}

package/dist/esm/state/actions/internal/read-only-actions.js

@@ -15,7 +15,11 @@ const ReadOnlyActionTypes = {
   REGISTER_REACT_COMPONENT: "REGISTER_REACT_COMPONENT",
   UNREGISTER_REACT_COMPONENT: "UNREGISTER_REACT_COMPONENT",
   SET_IS_IN_BUILDER: "SET_IS_IN_BUILDER",
-  SET_IS_READ_ONLY: "SET_IS_READ_ONLY"
+  SET_IS_READ_ONLY: "SET_IS_READ_ONLY",
+  SET_SITE_VERSION: "SET_SITE_VERSION",
+  // TODO: consolidate with `SET_LOCALE` action in `shared-api.ts`
+  // (requires changes to the builder to handle null locales)
+  RESET_LOCALE_STATE: "RESET_LOCALE_STATE"
 };
 function apiResourceFulfilled(resourceType, resourceId, resource, locale) {
   return {
@@ -113,6 +117,12 @@ function setIsInBuilder(isInBuilder) {
 function setIsReadOnly(isReadOnly) {
   return { type: ReadOnlyActionTypes.SET_IS_READ_ONLY, payload: isReadOnly };
 }
+function setSiteVersion(siteVersion) {
+  return { type: ReadOnlyActionTypes.SET_SITE_VERSION, payload: siteVersion };
+}
+function resetLocaleState() {
+  return { type: ReadOnlyActionTypes.RESET_LOCALE_STATE };
+}
 export {
   ReadOnlyActionTypes,
   apiResourceFulfilled,
@@ -125,8 +135,10 @@ export {
   registerPropControllers,
   registerPropControllersHandle,
   registerReactComponentEffect,
+  resetLocaleState,
   setIsInBuilder,
   setIsReadOnly,
+  setSiteVersion,
   unregisterComponent,
   unregisterPropControllers,
   unregisterPropControllersHandle

package/dist/esm/state/actions/internal/read-only-actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/state/actions/internal/read-only-actions.ts"],"sourcesContent":["import { type ThunkAction } from '@reduxjs/toolkit'\n\nimport { ControlInstance } from '@makeswift/controls'\n\nimport { ElementImperativeHandle } from '../../../runtimes/react/element-imperative-handle'\n\nimport { type APIResource, APIResourceType, APIResourceLocale } from '../../../api/types'\nimport { type Descriptor as PropControllerDescriptor } from '../../../prop-controllers/descriptors'\n\nimport { type ComponentMeta } from '../../modules/components-meta'\nimport { type PropControllersHandle } from '../../modules/prop-controller-handles'\nimport { type ComponentType } from '../../modules/react-components'\nimport { type DescriptorsByComponentType } from '../../modules/prop-controllers'\n\nimport { type DocumentPayload } from '../../shared-api'\n\nexport const ReadOnlyActionTypes = {\n  // TODO: this one should be a read-write action and we should refuse\n  // to fetch resources on the client in read-only mode\n  API_RESOURCE_FULFILLED: 'API_RESOURCE_FULFILLED',\n\n  CREATE_ELEMENT_TREE: 'CREATE_ELEMENT_TREE',\n  DELETE_ELEMENT_TREE: 'DELETE_ELEMENT_TREE',\n\n  REGISTER_COMPONENT: 'REGISTER_COMPONENT',\n  UNREGISTER_COMPONENT: 'UNREGISTER_COMPONENT',\n  REGISTER_COMPONENT_HANDLE: 'REGISTER_COMPONENT_HANDLE',\n  UNREGISTER_COMPONENT_HANDLE: 'UNREGISTER_COMPONENT_HANDLE',\n\n  REGISTER_PROP_CONTROLLERS: 'REGISTER_PROP_CONTROLLERS',\n  UNREGISTER_PROP_CONTROLLERS: 'UNREGISTER_PROP_CONTROLLERS',\n  REGISTER_PROP_CONTROLLERS_HANDLE: 'REGISTER_PROP_CONTROLLERS_HANDLE',\n  UNREGISTER_PROP_CONTROLLERS_HANDLE: 'UNREGISTER_PROP_CONTROLLERS_HANDLE',\n\n  REGISTER_REACT_COMPONENT: 'REGISTER_REACT_COMPONENT',\n  UNREGISTER_REACT_COMPONENT: 'UNREGISTER_REACT_COMPONENT',\n\n  SET_IS_IN_BUILDER: 'SET_IS_IN_BUILDER',\n  SET_IS_READ_ONLY: 'SET_IS_READ_ONLY',\n} as const\n\ntype APIResourceFulfilledAction = {\n  type: typeof ReadOnlyActionTypes.API_RESOURCE_FULFILLED\n  payload: {\n    resourceType: APIResourceType\n    resourceId: string\n    resource: APIResource | null\n    locale?: string | null\n  }\n}\n\ntype CreateElementTreeAction = {\n  type: typeof ReadOnlyActionTypes.CREATE_ELEMENT_TREE\n  payload: { document: DocumentPayload; descriptors: DescriptorsByComponentType }\n}\n\ntype DeleteElementTreeAction = {\n  type: typeof ReadOnlyActionTypes.DELETE_ELEMENT_TREE\n  payload: { documentKey: string }\n}\n\nexport type RegisterComponentAction = {\n  type: typeof ReadOnlyActionTypes.REGISTER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    propControllerDescriptors: Record<string, PropControllerDescriptor>\n  }\n}\n\nexport type UnregisterComponentAction = {\n  type: typeof ReadOnlyActionTypes.UNREGISTER_COMPONENT\n  payload: { type: string }\n}\n\ntype RegisterComponentHandleAction = {\n  type: typeof ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string; componentHandle: ElementImperativeHandle }\n}\n\ntype UnregisterComponentHandleAction = {\n  type: typeof ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterPropControllersHandleAction = {\n  type: typeof ReadOnlyActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string; handle: PropControllersHandle }\n}\n\ntype UnregisterPropControllersHandleAction = {\n  type: typeof ReadOnlyActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterPropControllersAction = {\n  type: typeof ReadOnlyActionTypes.REGISTER_PROP_CONTROLLERS\n  payload: {\n    documentKey: string\n    elementKey: string\n    propControllers: Record<string, ControlInstance>\n  }\n}\n\ntype UnregisterPropControllersAction = {\n  type: typeof ReadOnlyActionTypes.UNREGISTER_PROP_CONTROLLERS\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterReactComponentAction = {\n  type: typeof ReadOnlyActionTypes.REGISTER_REACT_COMPONENT\n  payload: { type: string; component: ComponentType }\n}\n\ntype UnregisterReactComponentAction = {\n  type: typeof ReadOnlyActionTypes.UNREGISTER_REACT_COMPONENT\n  payload: { type: string }\n}\n\ntype SetIsInBuilderAction = {\n  type: typeof ReadOnlyActionTypes.SET_IS_IN_BUILDER\n  payload: boolean\n}\n\ntype SetIsReadOnlyAction = {\n  type: typeof ReadOnlyActionTypes.SET_IS_READ_ONLY\n  payload: boolean\n}\nexport type ReadOnlyAction =\n  | APIResourceFulfilledAction\n  | CreateElementTreeAction\n  | DeleteElementTreeAction\n  | RegisterComponentAction\n  | UnregisterComponentAction\n  | RegisterComponentHandleAction\n  | UnregisterComponentHandleAction\n  | RegisterPropControllersHandleAction\n  | UnregisterPropControllersHandleAction\n  | RegisterPropControllersAction\n  | UnregisterPropControllersAction\n  | RegisterReactComponentAction\n  | UnregisterReactComponentAction\n  | SetIsInBuilderAction\n  | SetIsReadOnlyAction\n\nexport function apiResourceFulfilled<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  resource: APIResource | null,\n  locale?: APIResourceLocale<T>,\n): APIResourceFulfilledAction {\n  return {\n    type: ReadOnlyActionTypes.API_RESOURCE_FULFILLED,\n    payload: { resourceType, resourceId, resource, locale },\n  }\n}\n\nexport function createElementTree(\n  payload: CreateElementTreeAction['payload'],\n): CreateElementTreeAction {\n  return {\n    type: ReadOnlyActionTypes.CREATE_ELEMENT_TREE,\n    payload,\n  }\n}\n\nexport function deleteElementTree(\n  payload: DeleteElementTreeAction['payload'],\n): DeleteElementTreeAction {\n  return { type: ReadOnlyActionTypes.DELETE_ELEMENT_TREE, payload }\n}\n\nexport function registerComponent(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): RegisterComponentAction {\n  return {\n    type: ReadOnlyActionTypes.REGISTER_COMPONENT,\n    payload: { type, meta, propControllerDescriptors },\n  }\n}\n\nexport function unregisterComponent(type: string): UnregisterComponentAction {\n  return { type: ReadOnlyActionTypes.UNREGISTER_COMPONENT, payload: { type } }\n}\n\nexport function registerComponentEffect(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): ThunkAction<() => void, unknown, unknown, ReadOnlyAction> {\n  return dispatch => {\n    dispatch(registerComponent(type, meta, propControllerDescriptors))\n\n    return () => {\n      dispatch(unregisterComponent(type))\n    }\n  }\n}\n\nexport function registerComponentHandle(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: ElementImperativeHandle,\n): RegisterComponentHandleAction {\n  return {\n    type: ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE,\n    payload: { documentKey, elementKey, componentHandle },\n  }\n}\n\nfunction unregisterComponentHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterComponentHandleAction {\n  return {\n    type: ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE,\n    payload: { documentKey, elementKey },\n  }\n}\n\nexport function registerComponentHandleEffect(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: ElementImperativeHandle,\n): ThunkAction<() => void, unknown, unknown, ReadOnlyAction> {\n  return dispatch => {\n    dispatch(registerComponentHandle(documentKey, elementKey, componentHandle))\n\n    return () => {\n      dispatch(unregisterComponentHandle(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n  handle: PropControllersHandle,\n): RegisterPropControllersHandleAction {\n  return {\n    type: ReadOnlyActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey, handle },\n  }\n}\n\nexport function unregisterPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersHandleAction {\n  return {\n    type: ReadOnlyActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey },\n  }\n}\n\nexport function registerPropControllers(\n  documentKey: string,\n  elementKey: string,\n  propControllers: Record<string, ControlInstance>,\n): RegisterPropControllersAction {\n  return {\n    type: ReadOnlyActionTypes.REGISTER_PROP_CONTROLLERS,\n    payload: { documentKey, elementKey, propControllers },\n  }\n}\n\nexport function unregisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersAction {\n  return {\n    type: ReadOnlyActionTypes.UNREGISTER_PROP_CONTROLLERS,\n    payload: { documentKey, elementKey },\n  }\n}\n\nfunction registerReactComponent(\n  type: string,\n  component: ComponentType,\n): RegisterReactComponentAction {\n  return { type: ReadOnlyActionTypes.REGISTER_REACT_COMPONENT, payload: { type, component } }\n}\n\nfunction unregisterReactComponent(type: string): UnregisterReactComponentAction {\n  return { type: ReadOnlyActionTypes.UNREGISTER_REACT_COMPONENT, payload: { type } }\n}\n\nexport function registerReactComponentEffect(\n  type: string,\n  component: ComponentType,\n): ThunkAction<() => void, unknown, unknown, ReadOnlyAction> {\n  return dispatch => {\n    dispatch(registerReactComponent(type, component))\n\n    return () => {\n      dispatch(unregisterReactComponent(type))\n    }\n  }\n}\n\nexport function setIsInBuilder(isInBuilder: boolean): SetIsInBuilderAction {\n  return { type: ReadOnlyActionTypes.SET_IS_IN_BUILDER, payload: isInBuilder }\n}\n\nexport function setIsReadOnly(isReadOnly: boolean): SetIsReadOnlyAction {\n  return { type: ReadOnlyActionTypes.SET_IS_READ_ONLY, payload: isReadOnly }\n}\n"],"mappings":"AAgBO,MAAM,sBAAsB;AAAA;AAAA;AAAA,EAGjC,wBAAwB;AAAA,EAExB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EAErB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAE7B,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAC7B,kCAAkC;AAAA,EAClC,oCAAoC;AAAA,EAEpC,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAE5B,mBAAmB;AAAA,EACnB,kBAAkB;AACpB;AA0GO,SAAS,qBACd,cACA,YACA,UACA,QAC4B;AAC5B,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,cAAc,YAAY,UAAU,OAAO;AAAA,EACxD;AACF;AAEO,SAAS,kBACd,SACyB;AACzB,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,SAAS,kBACd,SACyB;AACzB,SAAO,EAAE,MAAM,oBAAoB,qBAAqB,QAAQ;AAClE;AAEO,SAAS,kBACd,MACA,MACA,2BACyB;AACzB,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,MAAM,MAAM,0BAA0B;AAAA,EACnD;AACF;AAEO,SAAS,oBAAoB,MAAyC;AAC3E,SAAO,EAAE,MAAM,oBAAoB,sBAAsB,SAAS,EAAE,KAAK,EAAE;AAC7E;AAEO,SAAS,wBACd,MACA,MACA,2BAC2D;AAC3D,SAAO,cAAY;AACjB,aAAS,kBAAkB,MAAM,MAAM,yBAAyB,CAAC;AAEjE,WAAO,MAAM;AACX,eAAS,oBAAoB,IAAI,CAAC;AAAA,IACpC;AAAA,EACF;AACF;AAEO,SAAS,wBACd,aACA,YACA,iBAC+B;AAC/B,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,YAAY,gBAAgB;AAAA,EACtD;AACF;AAEA,SAAS,0BACP,aACA,YACiC;AACjC,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,WAAW;AAAA,EACrC;AACF;AAEO,SAAS,8BACd,aACA,YACA,iBAC2D;AAC3D,SAAO,cAAY;AACjB,aAAS,wBAAwB,aAAa,YAAY,eAAe,CAAC;AAE1E,WAAO,MAAM;AACX,eAAS,0BAA0B,aAAa,UAAU,CAAC;AAAA,IAC7D;AAAA,EACF;AACF;AAEO,SAAS,8BACd,aACA,YACA,QACqC;AACrC,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,YAAY,OAAO;AAAA,EAC7C;AACF;AAEO,SAAS,gCACd,aACA,YACuC;AACvC,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,WAAW;AAAA,EACrC;AACF;AAEO,SAAS,wBACd,aACA,YACA,iBAC+B;AAC/B,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,YAAY,gBAAgB;AAAA,EACtD;AACF;AAEO,SAAS,0BACd,aACA,YACiC;AACjC,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,WAAW;AAAA,EACrC;AACF;AAEA,SAAS,uBACP,MACA,WAC8B;AAC9B,SAAO,EAAE,MAAM,oBAAoB,0BAA0B,SAAS,EAAE,MAAM,UAAU,EAAE;AAC5F;AAEA,SAAS,yBAAyB,MAA8C;AAC9E,SAAO,EAAE,MAAM,oBAAoB,4BAA4B,SAAS,EAAE,KAAK,EAAE;AACnF;AAEO,SAAS,6BACd,MACA,WAC2D;AAC3D,SAAO,cAAY;AACjB,aAAS,uBAAuB,MAAM,SAAS,CAAC;AAEhD,WAAO,MAAM;AACX,eAAS,yBAAyB,IAAI,CAAC;AAAA,IACzC;AAAA,EACF;AACF;AAEO,SAAS,eAAe,aAA4C;AACzE,SAAO,EAAE,MAAM,oBAAoB,mBAAmB,SAAS,YAAY;AAC7E;AAEO,SAAS,cAAc,YAA0C;AACtE,SAAO,EAAE,MAAM,oBAAoB,kBAAkB,SAAS,WAAW;AAC3E;","names":[]}
+{"version":3,"sources":["../../../../../src/state/actions/internal/read-only-actions.ts"],"sourcesContent":["import { type ThunkAction } from '@reduxjs/toolkit'\n\nimport { ControlInstance } from '@makeswift/controls'\n\nimport { ElementImperativeHandle } from '../../../runtimes/react/element-imperative-handle'\n\nimport { type APIResource, APIResourceType, APIResourceLocale } from '../../../api/types'\nimport { type SiteVersion } from '../../../api/site-version'\nimport { type Descriptor as PropControllerDescriptor } from '../../../prop-controllers/descriptors'\n\nimport { type ComponentMeta } from '../../modules/components-meta'\nimport { type PropControllersHandle } from '../../modules/prop-controller-handles'\nimport { type ComponentType } from '../../modules/react-components'\nimport { type DescriptorsByComponentType } from '../../modules/prop-controllers'\n\nimport { type DocumentPayload } from '../../shared-api'\n\nexport const ReadOnlyActionTypes = {\n  // TODO: this one should be a read-write action and we should refuse\n  // to fetch resources on the client in read-only mode\n  API_RESOURCE_FULFILLED: 'API_RESOURCE_FULFILLED',\n\n  CREATE_ELEMENT_TREE: 'CREATE_ELEMENT_TREE',\n  DELETE_ELEMENT_TREE: 'DELETE_ELEMENT_TREE',\n\n  REGISTER_COMPONENT: 'REGISTER_COMPONENT',\n  UNREGISTER_COMPONENT: 'UNREGISTER_COMPONENT',\n  REGISTER_COMPONENT_HANDLE: 'REGISTER_COMPONENT_HANDLE',\n  UNREGISTER_COMPONENT_HANDLE: 'UNREGISTER_COMPONENT_HANDLE',\n\n  REGISTER_PROP_CONTROLLERS: 'REGISTER_PROP_CONTROLLERS',\n  UNREGISTER_PROP_CONTROLLERS: 'UNREGISTER_PROP_CONTROLLERS',\n  REGISTER_PROP_CONTROLLERS_HANDLE: 'REGISTER_PROP_CONTROLLERS_HANDLE',\n  UNREGISTER_PROP_CONTROLLERS_HANDLE: 'UNREGISTER_PROP_CONTROLLERS_HANDLE',\n\n  REGISTER_REACT_COMPONENT: 'REGISTER_REACT_COMPONENT',\n  UNREGISTER_REACT_COMPONENT: 'UNREGISTER_REACT_COMPONENT',\n\n  SET_IS_IN_BUILDER: 'SET_IS_IN_BUILDER',\n  SET_IS_READ_ONLY: 'SET_IS_READ_ONLY',\n  SET_SITE_VERSION: 'SET_SITE_VERSION',\n\n  // TODO: consolidate with `SET_LOCALE` action in `shared-api.ts`\n  // (requires changes to the builder to handle null locales)\n  RESET_LOCALE_STATE: 'RESET_LOCALE_STATE',\n} as const\n\ntype APIResourceFulfilledAction = {\n  type: typeof ReadOnlyActionTypes.API_RESOURCE_FULFILLED\n  payload: {\n    resourceType: APIResourceType\n    resourceId: string\n    resource: APIResource | null\n    locale?: string | null\n  }\n}\n\ntype CreateElementTreeAction = {\n  type: typeof ReadOnlyActionTypes.CREATE_ELEMENT_TREE\n  payload: { document: DocumentPayload; descriptors: DescriptorsByComponentType }\n}\n\ntype DeleteElementTreeAction = {\n  type: typeof ReadOnlyActionTypes.DELETE_ELEMENT_TREE\n  payload: { documentKey: string }\n}\n\nexport type RegisterComponentAction = {\n  type: typeof ReadOnlyActionTypes.REGISTER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    propControllerDescriptors: Record<string, PropControllerDescriptor>\n  }\n}\n\nexport type UnregisterComponentAction = {\n  type: typeof ReadOnlyActionTypes.UNREGISTER_COMPONENT\n  payload: { type: string }\n}\n\ntype RegisterComponentHandleAction = {\n  type: typeof ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string; componentHandle: ElementImperativeHandle }\n}\n\ntype UnregisterComponentHandleAction = {\n  type: typeof ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterPropControllersHandleAction = {\n  type: typeof ReadOnlyActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string; handle: PropControllersHandle }\n}\n\ntype UnregisterPropControllersHandleAction = {\n  type: typeof ReadOnlyActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterPropControllersAction = {\n  type: typeof ReadOnlyActionTypes.REGISTER_PROP_CONTROLLERS\n  payload: {\n    documentKey: string\n    elementKey: string\n    propControllers: Record<string, ControlInstance>\n  }\n}\n\ntype UnregisterPropControllersAction = {\n  type: typeof ReadOnlyActionTypes.UNREGISTER_PROP_CONTROLLERS\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterReactComponentAction = {\n  type: typeof ReadOnlyActionTypes.REGISTER_REACT_COMPONENT\n  payload: { type: string; component: ComponentType }\n}\n\ntype UnregisterReactComponentAction = {\n  type: typeof ReadOnlyActionTypes.UNREGISTER_REACT_COMPONENT\n  payload: { type: string }\n}\n\ntype SetIsInBuilderAction = {\n  type: typeof ReadOnlyActionTypes.SET_IS_IN_BUILDER\n  payload: boolean\n}\n\ntype SetIsReadOnlyAction = {\n  type: typeof ReadOnlyActionTypes.SET_IS_READ_ONLY\n  payload: boolean\n}\n\ntype SetSiteVersionAction = {\n  type: typeof ReadOnlyActionTypes.SET_SITE_VERSION\n  payload: SiteVersion | null\n}\n\ntype ResetLocaleStateAction = {\n  type: typeof ReadOnlyActionTypes.RESET_LOCALE_STATE\n}\n\nexport type ReadOnlyAction =\n  | APIResourceFulfilledAction\n  | CreateElementTreeAction\n  | DeleteElementTreeAction\n  | RegisterComponentAction\n  | UnregisterComponentAction\n  | RegisterComponentHandleAction\n  | UnregisterComponentHandleAction\n  | RegisterPropControllersHandleAction\n  | UnregisterPropControllersHandleAction\n  | RegisterPropControllersAction\n  | UnregisterPropControllersAction\n  | RegisterReactComponentAction\n  | UnregisterReactComponentAction\n  | SetIsInBuilderAction\n  | SetIsReadOnlyAction\n  | SetSiteVersionAction\n  | ResetLocaleStateAction\n\nexport function apiResourceFulfilled<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  resource: APIResource | null,\n  locale?: APIResourceLocale<T>,\n): APIResourceFulfilledAction {\n  return {\n    type: ReadOnlyActionTypes.API_RESOURCE_FULFILLED,\n    payload: { resourceType, resourceId, resource, locale },\n  }\n}\n\nexport function createElementTree(\n  payload: CreateElementTreeAction['payload'],\n): CreateElementTreeAction {\n  return {\n    type: ReadOnlyActionTypes.CREATE_ELEMENT_TREE,\n    payload,\n  }\n}\n\nexport function deleteElementTree(\n  payload: DeleteElementTreeAction['payload'],\n): DeleteElementTreeAction {\n  return { type: ReadOnlyActionTypes.DELETE_ELEMENT_TREE, payload }\n}\n\nexport function registerComponent(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): RegisterComponentAction {\n  return {\n    type: ReadOnlyActionTypes.REGISTER_COMPONENT,\n    payload: { type, meta, propControllerDescriptors },\n  }\n}\n\nexport function unregisterComponent(type: string): UnregisterComponentAction {\n  return { type: ReadOnlyActionTypes.UNREGISTER_COMPONENT, payload: { type } }\n}\n\nexport function registerComponentEffect(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): ThunkAction<() => void, unknown, unknown, ReadOnlyAction> {\n  return dispatch => {\n    dispatch(registerComponent(type, meta, propControllerDescriptors))\n\n    return () => {\n      dispatch(unregisterComponent(type))\n    }\n  }\n}\n\nexport function registerComponentHandle(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: ElementImperativeHandle,\n): RegisterComponentHandleAction {\n  return {\n    type: ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE,\n    payload: { documentKey, elementKey, componentHandle },\n  }\n}\n\nfunction unregisterComponentHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterComponentHandleAction {\n  return {\n    type: ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE,\n    payload: { documentKey, elementKey },\n  }\n}\n\nexport function registerComponentHandleEffect(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: ElementImperativeHandle,\n): ThunkAction<() => void, unknown, unknown, ReadOnlyAction> {\n  return dispatch => {\n    dispatch(registerComponentHandle(documentKey, elementKey, componentHandle))\n\n    return () => {\n      dispatch(unregisterComponentHandle(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n  handle: PropControllersHandle,\n): RegisterPropControllersHandleAction {\n  return {\n    type: ReadOnlyActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey, handle },\n  }\n}\n\nexport function unregisterPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersHandleAction {\n  return {\n    type: ReadOnlyActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey },\n  }\n}\n\nexport function registerPropControllers(\n  documentKey: string,\n  elementKey: string,\n  propControllers: Record<string, ControlInstance>,\n): RegisterPropControllersAction {\n  return {\n    type: ReadOnlyActionTypes.REGISTER_PROP_CONTROLLERS,\n    payload: { documentKey, elementKey, propControllers },\n  }\n}\n\nexport function unregisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersAction {\n  return {\n    type: ReadOnlyActionTypes.UNREGISTER_PROP_CONTROLLERS,\n    payload: { documentKey, elementKey },\n  }\n}\n\nfunction registerReactComponent(\n  type: string,\n  component: ComponentType,\n): RegisterReactComponentAction {\n  return { type: ReadOnlyActionTypes.REGISTER_REACT_COMPONENT, payload: { type, component } }\n}\n\nfunction unregisterReactComponent(type: string): UnregisterReactComponentAction {\n  return { type: ReadOnlyActionTypes.UNREGISTER_REACT_COMPONENT, payload: { type } }\n}\n\nexport function registerReactComponentEffect(\n  type: string,\n  component: ComponentType,\n): ThunkAction<() => void, unknown, unknown, ReadOnlyAction> {\n  return dispatch => {\n    dispatch(registerReactComponent(type, component))\n\n    return () => {\n      dispatch(unregisterReactComponent(type))\n    }\n  }\n}\n\nexport function setIsInBuilder(isInBuilder: boolean): SetIsInBuilderAction {\n  return { type: ReadOnlyActionTypes.SET_IS_IN_BUILDER, payload: isInBuilder }\n}\n\nexport function setIsReadOnly(isReadOnly: boolean): SetIsReadOnlyAction {\n  return { type: ReadOnlyActionTypes.SET_IS_READ_ONLY, payload: isReadOnly }\n}\n\nexport function setSiteVersion(siteVersion: SiteVersion | null): SetSiteVersionAction {\n  return { type: ReadOnlyActionTypes.SET_SITE_VERSION, payload: siteVersion }\n}\n\nexport function resetLocaleState(): ResetLocaleStateAction {\n  return { type: ReadOnlyActionTypes.RESET_LOCALE_STATE }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/state/makeswift-api-client.js

@@ -2,6 +2,9 @@ import {
   configureStore as configureReduxStore,
   combineReducers
 } from "@reduxjs/toolkit";
+import { ApiHandlerHeaders, serializeSiteVersion } from "../api/site-version";
+import * as SiteVersionState from "./modules/site-version";
+import * as LocaleState from "./modules/locale";
 import * as APIResources from "./modules/api-resources";
 import * as LocalizedResourcesMap from "./modules/localized-resources-map";
 import { ActionTypes } from "./actions";
@@ -12,6 +15,8 @@ import {
   APIResourceType
 } from "../api";
 const reducer = combineReducers({
+  siteVersion: SiteVersionState.reducer,
+  locale: LocaleState.reducer,
   apiResources: APIResources.reducer,
   localizedResourcesMap: LocalizedResourcesMap.reducer
 });
@@ -49,10 +54,11 @@ function getAPIResource(state, resourceType, resourceId, locale) {
   }
 }
 function fetchAPIResource(resourceType, resourceId, fetch, locale) {
-  const fetchJson = async (url) => {
+  const fetchVersioned = async (url, version) => {
     const response = await fetch(url, {
       headers: {
-        "Content-Type": "application/json"
+        "Content-Type": "application/json",
+        ...version != null ? { [ApiHandlerHeaders.SiteVersion]: serializeSiteVersion(version) } : {}
       }
     });
     if (response.status === 404)
@@ -68,22 +74,29 @@ function fetchAPIResource(resourceType, resourceId, fetch, locale) {
   };
   return async (dispatch, getState) => {
     const state = getState();
+    const version = SiteVersionState.getSiteVersion(state.siteVersion);
     if (getHasAPIResource(state, resourceType, resourceId, locale)) {
       return getAPIResource(state, resourceType, resourceId, locale);
     }
     let resource;
     switch (resourceType) {
       case APIResourceType.Swatch:
-        resource = await fetchJson(`/api/makeswift/swatches/${resourceId}`);
+        resource = await fetchVersioned(`/api/makeswift/swatches/${resourceId}`, version);
         break;
       case APIResourceType.File:
-        resource = await fetchJson(`/api/makeswift/files/${resourceId}`);
+        resource = await fetchVersioned(`/api/makeswift/files/${resourceId}`, version);
         break;
       case APIResourceType.Typography:
-        resource = await fetchJson(`/api/makeswift/typographies/${resourceId}`);
+        resource = await fetchVersioned(
+          `/api/makeswift/typographies/${resourceId}`,
+          version
+        );
         break;
       case APIResourceType.GlobalElement:
-        resource = await fetchJson(`/api/makeswift/global-elements/${resourceId}`);
+        resource = await fetchVersioned(
+          `/api/makeswift/global-elements/${resourceId}`,
+          version
+        );
         break;
       case APIResourceType.LocalizedGlobalElement: {
         if (locale == null)
@@ -91,8 +104,9 @@ function fetchAPIResource(resourceType, resourceId, fetch, locale) {
         if (getLocalizedResourceId(state, locale, resourceId) === null) {
           return null;
         }
-        resource = await fetchJson(
-          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`
+        resource = await fetchVersioned(
+          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,
+          version
         );
         dispatch(
           setLocalizedResourceId({
@@ -107,11 +121,11 @@ function fetchAPIResource(resourceType, resourceId, fetch, locale) {
         const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, "http://n");
         if (locale != null)
           url.searchParams.set("locale", locale);
-        resource = await fetchJson(url.pathname + url.search);
+        resource = await fetchVersioned(url.pathname + url.search, version);
         break;
       }
       case APIResourceType.Table:
-        resource = await fetchJson(`/api/makeswift/tables/${resourceId}`);
+        resource = await fetchVersioned(`/api/makeswift/tables/${resourceId}`, version);
         break;
       default:
         resource = null;
@@ -120,8 +134,8 @@ function fetchAPIResource(resourceType, resourceId, fetch, locale) {
     return resource;
   };
 }
-function defaultLocaleMiddleware(defaultLocale) {
-  return actionMiddleware(() => (next) => {
+function defaultLocaleMiddleware() {
+  return actionMiddleware(({ getState }) => (next) => {
     return (action) => {
       switch (action.type) {
         case ActionTypes.CHANGE_API_RESOURCE:
@@ -130,7 +144,10 @@ function defaultLocaleMiddleware(defaultLocale) {
           const { locale } = action.payload;
           return next({
             ...action,
-            payload: { ...action.payload, locale: locale ?? defaultLocale }
+            payload: {
+              ...action.payload,
+              locale: locale ?? LocaleState.getLocale(getState().locale)
+            }
           });
         }
       }
@@ -138,10 +155,7 @@ function defaultLocaleMiddleware(defaultLocale) {
     };
   });
 }
-function configureStore({
-  defaultLocale,
-  serializedState
-}) {
+function configureStore({ serializedState }) {
   return configureReduxStore({
     reducer,
     preloadedState: {
@@ -150,7 +164,7 @@ function configureStore({
         serializedState?.localizedResourcesMap
       )
     },
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareOptions).concat(defaultLocaleMiddleware(defaultLocale)),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareOptions).concat(defaultLocaleMiddleware()),
     devTools: devToolsConfig({
       name: `API client store (${(/* @__PURE__ */ new Date()).toISOString()})`,
       actionsDenylist: [

package/dist/esm/state/makeswift-api-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/makeswift-api-client.ts"],"sourcesContent":["import {\n  configureStore as configureReduxStore,\n  combineReducers,\n  type ThunkAction,\n  type ThunkMiddleware,\n  type ThunkDispatch,\n  UnknownAction,\n} from '@reduxjs/toolkit'\n\nimport * as APIResources from './modules/api-resources'\nimport * as LocalizedResourcesMap from './modules/localized-resources-map'\nimport { type Action, ActionTypes } from './actions'\nimport { apiResourceFulfilled } from './actions/internal/read-only-actions'\nimport { setLocalizedResourceId } from './host-api'\nimport { actionMiddleware, middlewareOptions, devToolsConfig } from './toolkit'\n\nimport {\n  APIResourceType,\n  type APIResource,\n  type Swatch,\n  type File,\n  type Typography,\n  type GlobalElement,\n  type PagePathnameSlice,\n  type Table,\n  type LocalizedGlobalElement,\n  type APIResourceLocale,\n} from '../api'\n\nconst reducer = combineReducers({\n  apiResources: APIResources.reducer,\n  localizedResourcesMap: LocalizedResourcesMap.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\nexport type HttpFetch = (url: string | URL, init?: RequestInit) => Promise<Response>\n\nexport type SerializedState = {\n  apiResources: APIResources.SerializedState\n  localizedResourcesMap: LocalizedResourcesMap.SerializedState\n}\n\nfunction getLocalizedResourceId(\n  state: State,\n  locale: string,\n  resourceId: string,\n): string | undefined | null {\n  return LocalizedResourcesMap.getLocalizedResourceId(\n    state.localizedResourcesMap,\n    locale,\n    resourceId,\n  )\n}\n\nexport function getHasAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): boolean {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return false\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return (\n        localizedId != null &&\n        APIResources.getHasAPIResource(state.apiResources, resourceType, localizedId, locale)\n      )\n\n    default:\n      return APIResources.getHasAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): Extract<APIResource, { __typename: T }> | null {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return null\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return localizedId != null\n        ? APIResources.getAPIResource(state.apiResources, resourceType, localizedId, locale)\n        : null\n\n    default:\n      return APIResources.getAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\ntype Thunk<ReturnType> = ThunkAction<ReturnType, State, unknown, Action>\n\nexport function fetchAPIResource<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  fetch: HttpFetch,\n  locale?: APIResourceLocale<T>,\n): Thunk<Promise<Extract<APIResource, { __typename: T }> | null>> {\n  const fetchJson = async <T>(url: string): Promise<T | null> => {\n    const response = await fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    })\n\n    if (response.status === 404) return null\n    if (!response.ok) throw new Error(response.statusText)\n\n    if (response.headers.get('content-type')?.includes('application/json') !== true) {\n      throw new Error(\n        `Expected JSON response from \"${url}\" but got \"${response.headers.get('content-type')}\"`,\n      )\n    }\n\n    return response.json()\n  }\n\n  return async (dispatch, getState) => {\n    const state = getState()\n\n    if (getHasAPIResource(state, resourceType, resourceId, locale)) {\n      return getAPIResource(state, resourceType, resourceId, locale)\n    }\n\n    let resource: APIResource | null\n\n    switch (resourceType) {\n      case APIResourceType.Swatch:\n        resource = await fetchJson<Swatch>(`/api/makeswift/swatches/${resourceId}`)\n        break\n\n      case APIResourceType.File:\n        resource = await fetchJson<File>(`/api/makeswift/files/${resourceId}`)\n        break\n\n      case APIResourceType.Typography:\n        resource = await fetchJson<Typography>(`/api/makeswift/typographies/${resourceId}`)\n        break\n\n      case APIResourceType.GlobalElement:\n        resource = await fetchJson<GlobalElement>(`/api/makeswift/global-elements/${resourceId}`)\n        break\n\n      case APIResourceType.LocalizedGlobalElement: {\n        if (locale == null) throw new Error('Locale is required to fetch LocalizedGlobalElement')\n\n        // If `getLocalizedResourceId` returns null, it means we have tried to fetch the resource,\n        // but the resource is not available. If we haven't fetched it yet, it'll return undefined.\n        if (getLocalizedResourceId(state, locale, resourceId) === null) {\n          return null\n        }\n\n        resource = await fetchJson<LocalizedGlobalElement>(\n          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,\n        )\n\n        dispatch(\n          setLocalizedResourceId({\n            locale,\n            resourceId,\n            localizedResourceId: resource?.id ?? null,\n          }),\n        )\n\n        break\n      }\n\n      case APIResourceType.PagePathnameSlice: {\n        const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, 'http://n')\n\n        if (locale != null) url.searchParams.set('locale', locale)\n\n        resource = await fetchJson<PagePathnameSlice>(url.pathname + url.search)\n        break\n      }\n\n      case APIResourceType.Table:\n        resource = await fetchJson<Table>(`/api/makeswift/tables/${resourceId}`)\n        break\n\n      default:\n        resource = null\n    }\n\n    dispatch(apiResourceFulfilled(resourceType, resourceId, resource, locale))\n\n    return resource as Extract<APIResource, { __typename: T }> | null\n  }\n}\n\n// FIXME: this middleware can be removed once we've upgraded the builder\n// to always provide the locale when dispatching resource actions\nfunction defaultLocaleMiddleware(\n  defaultLocale: string | undefined,\n): ThunkMiddleware<State, UnknownAction> {\n  return actionMiddleware(() => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ActionTypes.CHANGE_API_RESOURCE:\n        case ActionTypes.EVICT_API_RESOURCE:\n        case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {\n          const { locale } = action.payload\n          return next({\n            ...action,\n            payload: { ...action.payload, locale: locale ?? defaultLocale },\n          } as Action)\n        }\n      }\n\n      return next(action)\n    }\n  })\n}\n\nexport function configureStore({\n  defaultLocale,\n  serializedState,\n}: {\n  defaultLocale: string | undefined\n  serializedState?: SerializedState\n}) {\n  return configureReduxStore({\n    reducer,\n    preloadedState: {\n      apiResources: APIResources.getInitialState(serializedState?.apiResources),\n      localizedResourcesMap: LocalizedResourcesMap.getInitialState(\n        serializedState?.localizedResourcesMap,\n      ),\n    },\n\n    middleware: getDefaultMiddleware =>\n      getDefaultMiddleware(middlewareOptions).concat(defaultLocaleMiddleware(defaultLocale)),\n\n    devTools: devToolsConfig({\n      name: `API client store (${new Date().toISOString()})`,\n      actionsDenylist: [\n        ActionTypes.BUILDER_POINTER_MOVE,\n        ActionTypes.HANDLE_POINTER_MOVE,\n        ActionTypes.ELEMENT_FROM_POINT_CHANGE,\n      ],\n    }),\n  })\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/state/makeswift-api-client.ts"],"sourcesContent":["import {\n  configureStore as configureReduxStore,\n  combineReducers,\n  type ThunkAction,\n  type ThunkMiddleware,\n  type ThunkDispatch,\n  UnknownAction,\n} from '@reduxjs/toolkit'\n\nimport { type SiteVersion, ApiHandlerHeaders, serializeSiteVersion } from '../api/site-version'\n\nimport * as SiteVersionState from './modules/site-version'\nimport * as LocaleState from './modules/locale'\nimport * as APIResources from './modules/api-resources'\nimport * as LocalizedResourcesMap from './modules/localized-resources-map'\n\nimport { type Action, ActionTypes } from './actions'\nimport { apiResourceFulfilled } from './actions/internal/read-only-actions'\nimport { setLocalizedResourceId } from './host-api'\nimport { actionMiddleware, middlewareOptions, devToolsConfig } from './toolkit'\n\nimport {\n  APIResourceType,\n  type APIResource,\n  type Swatch,\n  type File,\n  type Typography,\n  type GlobalElement,\n  type PagePathnameSlice,\n  type Table,\n  type LocalizedGlobalElement,\n  type APIResourceLocale,\n} from '../api'\n\nconst reducer = combineReducers({\n  siteVersion: SiteVersionState.reducer,\n  locale: LocaleState.reducer,\n  apiResources: APIResources.reducer,\n  localizedResourcesMap: LocalizedResourcesMap.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\nexport type HttpFetch = (url: string | URL, init?: RequestInit) => Promise<Response>\n\nexport type SerializedState = {\n  apiResources: APIResources.SerializedState\n  localizedResourcesMap: LocalizedResourcesMap.SerializedState\n}\n\nfunction getLocalizedResourceId(\n  state: State,\n  locale: string,\n  resourceId: string,\n): string | undefined | null {\n  return LocalizedResourcesMap.getLocalizedResourceId(\n    state.localizedResourcesMap,\n    locale,\n    resourceId,\n  )\n}\n\nexport function getHasAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): boolean {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return false\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return (\n        localizedId != null &&\n        APIResources.getHasAPIResource(state.apiResources, resourceType, localizedId, locale)\n      )\n\n    default:\n      return APIResources.getHasAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): Extract<APIResource, { __typename: T }> | null {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return null\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return localizedId != null\n        ? APIResources.getAPIResource(state.apiResources, resourceType, localizedId, locale)\n        : null\n\n    default:\n      return APIResources.getAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\ntype Thunk<ReturnType> = ThunkAction<ReturnType, State, unknown, Action>\n\nexport function fetchAPIResource<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  fetch: HttpFetch,\n  locale?: APIResourceLocale<T>,\n): Thunk<Promise<Extract<APIResource, { __typename: T }> | null>> {\n  const fetchVersioned = async <T>(url: string, version: SiteVersion | null): Promise<T | null> => {\n    const response = await fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n        ...(version != null\n          ? { [ApiHandlerHeaders.SiteVersion]: serializeSiteVersion(version) }\n          : {}),\n      },\n    })\n\n    if (response.status === 404) return null\n    if (!response.ok) throw new Error(response.statusText)\n\n    if (response.headers.get('content-type')?.includes('application/json') !== true) {\n      throw new Error(\n        `Expected JSON response from \"${url}\" but got \"${response.headers.get('content-type')}\"`,\n      )\n    }\n\n    return response.json()\n  }\n\n  return async (dispatch, getState) => {\n    const state = getState()\n    const version = SiteVersionState.getSiteVersion(state.siteVersion)\n\n    if (getHasAPIResource(state, resourceType, resourceId, locale)) {\n      return getAPIResource(state, resourceType, resourceId, locale)\n    }\n\n    let resource: APIResource | null\n\n    switch (resourceType) {\n      case APIResourceType.Swatch:\n        resource = await fetchVersioned<Swatch>(`/api/makeswift/swatches/${resourceId}`, version)\n        break\n\n      case APIResourceType.File:\n        resource = await fetchVersioned<File>(`/api/makeswift/files/${resourceId}`, version)\n        break\n\n      case APIResourceType.Typography:\n        resource = await fetchVersioned<Typography>(\n          `/api/makeswift/typographies/${resourceId}`,\n          version,\n        )\n        break\n\n      case APIResourceType.GlobalElement:\n        resource = await fetchVersioned<GlobalElement>(\n          `/api/makeswift/global-elements/${resourceId}`,\n          version,\n        )\n        break\n\n      case APIResourceType.LocalizedGlobalElement: {\n        if (locale == null) throw new Error('Locale is required to fetch LocalizedGlobalElement')\n\n        // If `getLocalizedResourceId` returns null, it means we have tried to fetch the resource,\n        // but the resource is not available. If we haven't fetched it yet, it'll return undefined.\n        if (getLocalizedResourceId(state, locale, resourceId) === null) {\n          return null\n        }\n\n        resource = await fetchVersioned<LocalizedGlobalElement>(\n          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,\n          version,\n        )\n\n        dispatch(\n          setLocalizedResourceId({\n            locale,\n            resourceId,\n            localizedResourceId: resource?.id ?? null,\n          }),\n        )\n\n        break\n      }\n\n      case APIResourceType.PagePathnameSlice: {\n        const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, 'http://n')\n\n        if (locale != null) url.searchParams.set('locale', locale)\n\n        resource = await fetchVersioned<PagePathnameSlice>(url.pathname + url.search, version)\n        break\n      }\n\n      case APIResourceType.Table:\n        resource = await fetchVersioned<Table>(`/api/makeswift/tables/${resourceId}`, version)\n        break\n\n      default:\n        resource = null\n    }\n\n    dispatch(apiResourceFulfilled(resourceType, resourceId, resource, locale))\n\n    return resource as Extract<APIResource, { __typename: T }> | null\n  }\n}\n\n// FIXME: this middleware can be removed once we've upgraded the builder\n// to always provide the locale when dispatching resource actions\nfunction defaultLocaleMiddleware(): ThunkMiddleware<State, UnknownAction> {\n  return actionMiddleware(({ getState }) => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ActionTypes.CHANGE_API_RESOURCE:\n        case ActionTypes.EVICT_API_RESOURCE:\n        case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {\n          const { locale } = action.payload\n          return next({\n            ...action,\n            payload: {\n              ...action.payload,\n              locale: locale ?? LocaleState.getLocale(getState().locale),\n            },\n          } as Action)\n        }\n      }\n\n      return next(action)\n    }\n  })\n}\n\nexport function configureStore({ serializedState }: { serializedState?: SerializedState }) {\n  return configureReduxStore({\n    reducer,\n    preloadedState: {\n      apiResources: APIResources.getInitialState(serializedState?.apiResources),\n      localizedResourcesMap: LocalizedResourcesMap.getInitialState(\n        serializedState?.localizedResourcesMap,\n      ),\n    },\n\n    middleware: getDefaultMiddleware =>\n      getDefaultMiddleware(middlewareOptions).concat(defaultLocaleMiddleware()),\n\n    devTools: devToolsConfig({\n      name: `API client store (${new Date().toISOString()})`,\n      actionsDenylist: [\n        ActionTypes.BUILDER_POINTER_MOVE,\n        ActionTypes.HANDLE_POINTER_MOVE,\n        ActionTypes.ELEMENT_FROM_POINT_CHANGE,\n      ],\n    }),\n  })\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":"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","names":[]}

package/dist/esm/state/middleware/{read-write/makeswift-api-client-sync.js → makeswift-api-client-sync.js}

@@ -1,4 +1,4 @@
-import { actionMiddleware } from "../../toolkit";
+import { actionMiddleware } from "../toolkit";
 function makeswiftApiClientSyncMiddleware(client) {
   return actionMiddleware(() => (next) => {
     return (action) => {

package/dist/esm/state/middleware/makeswift-api-client-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/middleware/makeswift-api-client-sync.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport { MakeswiftHostApiClient } from '../../api/client'\n\nimport { type Action } from '../actions'\nimport { actionMiddleware } from '../toolkit'\nimport { type State, type Dispatch } from '../unified-state'\n\nexport function makeswiftApiClientSyncMiddleware(\n  client: MakeswiftHostApiClient,\n): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(() => next => {\n    return (action: Action) => {\n      client.makeswiftApiClient.dispatch(action)\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":"AAKA,SAAS,wBAAwB;AAG1B,SAAS,iCACd,QACuC;AACvC,SAAO,iBAAiB,MAAM,UAAQ;AACpC,WAAO,CAAC,WAAmB;AACzB,aAAO,mBAAmB,SAAS,MAAM;AAEzC,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/esm/state/middleware/read-write/index.js

@@ -0,0 +1,16 @@
+import { updateElementTreeMiddleware } from "./update-element-tree";
+import { measureBoxModelsMiddleware } from "./measure-box-models";
+import { builderAPIMiddleware } from "./builder-api";
+import { propControllerHandlesMiddleware } from "./prop-controller-handles";
+function createReadWriteMiddleware({ builderProxy }) {
+  return [
+    updateElementTreeMiddleware(),
+    measureBoxModelsMiddleware(),
+    builderAPIMiddleware(builderProxy),
+    propControllerHandlesMiddleware()
+  ];
+}
+export {
+  createReadWriteMiddleware
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/state/middleware/read-write/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/state/middleware/read-write/index.ts"],"sourcesContent":["import { type BuilderAPIProxy } from '../../builder-api/proxy'\n\nimport { updateElementTreeMiddleware } from './update-element-tree'\nimport { measureBoxModelsMiddleware } from './measure-box-models'\nimport { builderAPIMiddleware } from './builder-api'\nimport { propControllerHandlesMiddleware } from './prop-controller-handles'\n\nexport function createReadWriteMiddleware({ builderProxy }: { builderProxy: BuilderAPIProxy }) {\n  return [\n    updateElementTreeMiddleware(),\n    measureBoxModelsMiddleware(),\n    builderAPIMiddleware(builderProxy),\n    propControllerHandlesMiddleware(),\n  ]\n}\n"],"mappings":"AAEA,SAAS,mCAAmC;AAC5C,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AACrC,SAAS,uCAAuC;AAEzC,SAAS,0BAA0B,EAAE,aAAa,GAAsC;AAC7F,SAAO;AAAA,IACL,4BAA4B;AAAA,IAC5B,2BAA2B;AAAA,IAC3B,qBAAqB,YAAY;AAAA,IACjC,gCAAgC;AAAA,EAClC;AACF;","names":[]}

package/dist/esm/state/middleware/{prop-controller-handles.js → read-write/prop-controller-handles.js}

@@ -1,11 +1,11 @@
-import * as PropControllerHandles from "../modules/prop-controller-handles";
-import * as Builder from "../builder-api/actions";
-import { ReadOnlyActionTypes } from "../actions/internal/read-only-actions";
-import * as ReadOnly from "../actions/internal/read-only-actions";
-import { actionMiddleware } from "../toolkit";
-import { createPropController } from "../../prop-controllers/instances";
-import { HostActionTypes } from "../host-api";
-import * as ReadOnlyState from "../read-only-state";
+import * as PropControllerHandles from "../../modules/prop-controller-handles";
+import * as Builder from "../../builder-api/actions";
+import { ReadOnlyActionTypes } from "../../actions/internal/read-only-actions";
+import * as ReadOnly from "../../actions/internal/read-only-actions";
+import { actionMiddleware } from "../../toolkit";
+import { createPropController } from "../../../prop-controllers/instances";
+import { HostActionTypes } from "../../host-api";
+import * as ReadOnlyState from "../../read-only-state";
 function createAndRegisterPropControllers(documentKey, elementKey) {
   return (dispatch, getState) => {
     const descriptors = ReadOnlyState.getElementPropControllerDescriptors(

package/dist/esm/state/middleware/read-write/prop-controller-handles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/state/middleware/read-write/prop-controller-handles.ts"],"sourcesContent":["import { type Middleware, type ThunkAction } from '@reduxjs/toolkit'\n\nimport { ControlInstance } from '@makeswift/controls'\n\nimport * as PropControllerHandles from '../../modules/prop-controller-handles'\n\nimport { type Action } from '../../actions'\n\nimport * as Builder from '../../builder-api/actions'\n\nimport { ReadOnlyActionTypes } from '../../actions/internal/read-only-actions'\nimport * as ReadOnly from '../../actions/internal/read-only-actions'\n\nimport { actionMiddleware } from '../../toolkit'\n\nimport { createPropController } from '../../../prop-controllers/instances'\nimport { HostActionTypes } from '../../host-api'\n\nimport * as ReadOnlyState from '../../read-only-state'\nimport { type State, type Dispatch } from '../../read-write-state'\n\nfunction createAndRegisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<Record<string, ControlInstance> | null, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const descriptors = ReadOnlyState.getElementPropControllerDescriptors(\n      getState(),\n      documentKey,\n      elementKey,\n    )\n\n    if (descriptors == null) return null\n\n    const propControllers = Object.entries(descriptors).reduce(\n      (acc, [propName, descriptor]) => {\n        const propController = createPropController(descriptor, message =>\n          dispatch(\n            Builder.messageBuilderPropController(documentKey, elementKey, propName, message),\n          ),\n        ) as ControlInstance\n\n        return { ...acc, [propName]: propController }\n      },\n      {} as Record<string, ControlInstance>,\n    )\n\n    dispatch(ReadOnly.registerPropControllers(documentKey, elementKey, propControllers))\n\n    return propControllers\n  }\n}\n\nexport function propControllerHandlesMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch, getState }) => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE: {\n          const { documentKey, elementKey, componentHandle } = action.payload\n          const element = ReadOnlyState.getElement(getState(), documentKey, elementKey)\n          const propControllers = dispatch(\n            createAndRegisterPropControllers(documentKey, elementKey),\n          )\n\n          if (\n            element != null &&\n            !ReadOnlyState.isElementReference(element) &&\n            PropControllerHandles.isPropControllersHandle(componentHandle)\n          ) {\n            dispatch(\n              ReadOnly.registerPropControllersHandle(documentKey, elementKey, componentHandle),\n            )\n            componentHandle.setPropControllers(propControllers)\n          }\n\n          break\n        }\n\n        case ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE: {\n          const { documentKey, elementKey } = action.payload\n          const handle = ReadOnlyState.getPropControllersHandle(getState(), {\n            documentKey,\n            elementKey,\n          })\n\n          handle?.setPropControllers(null)\n\n          dispatch(ReadOnly.unregisterPropControllers(documentKey, elementKey))\n\n          break\n        }\n\n        case HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {\n          const { documentKey, elementKey, propName, message } = action.payload\n          const propController = ReadOnlyState.getPropController(getState(), {\n            documentKey,\n            elementKey,\n            propName,\n          })\n\n          if (propController) propController.recv(message)\n        }\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":"AAIA,YAAY,2BAA2B;AAIvC,YAAY,aAAa;AAEzB,SAAS,2BAA2B;AACpC,YAAY,cAAc;AAE1B,SAAS,wBAAwB;AAEjC,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAEhC,YAAY,mBAAmB;AAG/B,SAAS,iCACP,aACA,YAC6E;AAC7E,SAAO,CAAC,UAAU,aAAa;AAC7B,UAAM,cAAc,cAAc;AAAA,MAChC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAEA,QAAI,eAAe;AAAM,aAAO;AAEhC,UAAM,kBAAkB,OAAO,QAAQ,WAAW,EAAE;AAAA,MAClD,CAAC,KAAK,CAAC,UAAU,UAAU,MAAM;AAC/B,cAAM,iBAAiB;AAAA,UAAqB;AAAA,UAAY,aACtD;AAAA,YACE,QAAQ,6BAA6B,aAAa,YAAY,UAAU,OAAO;AAAA,UACjF;AAAA,QACF;AAEA,eAAO,EAAE,GAAG,KAAK,CAAC,QAAQ,GAAG,eAAe;AAAA,MAC9C;AAAA,MACA,CAAC;AAAA,IACH;AAEA,aAAS,SAAS,wBAAwB,aAAa,YAAY,eAAe,CAAC;AAEnF,WAAO;AAAA,EACT;AACF;AAEO,SAAS,kCAAyE;AACvF,SAAO,iBAAiB,CAAC,EAAE,UAAU,SAAS,MAAM,UAAQ;AAC1D,WAAO,CAAC,WAAmB;AACzB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,oBAAoB,2BAA2B;AAClD,gBAAM,EAAE,aAAa,YAAY,gBAAgB,IAAI,OAAO;AAC5D,gBAAM,UAAU,cAAc,WAAW,SAAS,GAAG,aAAa,UAAU;AAC5E,gBAAM,kBAAkB;AAAA,YACtB,iCAAiC,aAAa,UAAU;AAAA,UAC1D;AAEA,cACE,WAAW,QACX,CAAC,cAAc,mBAAmB,OAAO,KACzC,sBAAsB,wBAAwB,eAAe,GAC7D;AACA;AAAA,cACE,SAAS,8BAA8B,aAAa,YAAY,eAAe;AAAA,YACjF;AACA,4BAAgB,mBAAmB,eAAe;AAAA,UACpD;AAEA;AAAA,QACF;AAAA,QAEA,KAAK,oBAAoB,6BAA6B;AACpD,gBAAM,EAAE,aAAa,WAAW,IAAI,OAAO;AAC3C,gBAAM,SAAS,cAAc,yBAAyB,SAAS,GAAG;AAAA,YAChE;AAAA,YACA;AAAA,UACF,CAAC;AAED,kBAAQ,mBAAmB,IAAI;AAE/B,mBAAS,SAAS,0BAA0B,aAAa,UAAU,CAAC;AAEpE;AAAA,QACF;AAAA,QAEA,KAAK,gBAAgB,8BAA8B;AACjD,gBAAM,EAAE,aAAa,YAAY,UAAU,QAAQ,IAAI,OAAO;AAC9D,gBAAM,iBAAiB,cAAc,kBAAkB,SAAS,GAAG;AAAA,YACjE;AAAA,YACA;AAAA,YACA;AAAA,UACF,CAAC;AAED,cAAI;AAAgB,2BAAe,KAAK,OAAO;AAAA,QACjD;AAAA,MACF;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":[]}