@makeswift/runtime 0.27.2 → 0.27.3

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

@@ -0,0 +1,52 @@
+import { combineReducers } from "@reduxjs/toolkit";
+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 { APIResourceType } from "../../api";
+const reducer = combineReducers({
+  siteVersion: SiteVersionState.reducer,
+  locale: LocaleState.reducer,
+  apiResources: APIResources.reducer,
+  localizedResourcesMap: LocalizedResourcesMap.reducer
+});
+function getLocalizedResourceId(state, locale, resourceId) {
+  return LocalizedResourcesMap.getLocalizedResourceId(
+    state.localizedResourcesMap,
+    locale,
+    resourceId
+  );
+}
+function getHasAPIResource(state, resourceType, resourceId, locale) {
+  switch (resourceType) {
+    case APIResourceType.LocalizedGlobalElement:
+      if (locale == null) {
+        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`);
+        return false;
+      }
+      const localizedId = getLocalizedResourceId(state, locale, resourceId);
+      return localizedId != null && APIResources.getHasAPIResource(state.apiResources, resourceType, localizedId, locale);
+    default:
+      return APIResources.getHasAPIResource(state.apiResources, resourceType, resourceId, locale);
+  }
+}
+function getAPIResource(state, resourceType, resourceId, locale) {
+  switch (resourceType) {
+    case APIResourceType.LocalizedGlobalElement:
+      if (locale == null) {
+        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`);
+        return null;
+      }
+      const localizedId = getLocalizedResourceId(state, locale, resourceId);
+      return localizedId != null ? APIResources.getAPIResource(state.apiResources, resourceType, localizedId, locale) : null;
+    default:
+      return APIResources.getAPIResource(state.apiResources, resourceType, resourceId, locale);
+  }
+}
+export {
+  getAPIResource,
+  getHasAPIResource,
+  getLocalizedResourceId,
+  reducer
+};
+//# sourceMappingURL=state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/api-client/state.ts"],"sourcesContent":["import { combineReducers, type ThunkDispatch } from '@reduxjs/toolkit'\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 } from '../actions'\n\nimport { APIResourceType, type APIResource, type APIResourceLocale } from '../../api'\n\nexport const 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>\n\nexport type SerializedState = {\n  apiResources: APIResources.SerializedState\n  localizedResourcesMap: LocalizedResourcesMap.SerializedState\n}\n\nexport function 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"],"mappings":"AAAA,SAAS,uBAA2C;AAEpD,YAAY,sBAAsB;AAClC,YAAY,iBAAiB;AAC7B,YAAY,kBAAkB;AAC9B,YAAY,2BAA2B;AAIvC,SAAS,uBAAiE;AAEnE,MAAM,UAAU,gBAAgB;AAAA,EACrC,aAAa,iBAAiB;AAAA,EAC9B,QAAQ,YAAY;AAAA,EACpB,cAAc,aAAa;AAAA,EAC3B,uBAAuB,sBAAsB;AAC/C,CAAC;AAUM,SAAS,uBACd,OACA,QACA,YAC2B;AAC3B,SAAO,sBAAsB;AAAA,IAC3B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,kBACd,OACA,cACA,YACA,QACS;AACT,UAAQ,cAAc;AAAA,IACpB,KAAK,gBAAgB;AACnB,UAAI,UAAU,MAAM;AAClB,gBAAQ,MAAM,qBAAqB,YAAY,IAAI,UAAU,mBAAmB;AAChF,eAAO;AAAA,MACT;AAEA,YAAM,cAAc,uBAAuB,OAAO,QAAQ,UAAU;AACpE,aACE,eAAe,QACf,aAAa,kBAAkB,MAAM,cAAc,cAAc,aAAa,MAAM;AAAA,IAGxF;AACE,aAAO,aAAa,kBAAkB,MAAM,cAAc,cAAc,YAAY,MAAM;AAAA,EAC9F;AACF;AAEO,SAAS,eACd,OACA,cACA,YACA,QACgD;AAChD,UAAQ,cAAc;AAAA,IACpB,KAAK,gBAAgB;AACnB,UAAI,UAAU,MAAM;AAClB,gBAAQ,MAAM,qBAAqB,YAAY,IAAI,UAAU,mBAAmB;AAChF,eAAO;AAAA,MACT;AAEA,YAAM,cAAc,uBAAuB,OAAO,QAAQ,UAAU;AACpE,aAAO,eAAe,OAClB,aAAa,eAAe,MAAM,cAAc,cAAc,aAAa,MAAM,IACjF;AAAA,IAEN;AACE,aAAO,aAAa,eAAe,MAAM,cAAc,cAAc,YAAY,MAAM;AAAA,EAC3F;AACF;","names":[]}

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

@@ -0,0 +1,12 @@
+import { configureStore as configureReduxStore } from "@reduxjs/toolkit";
+import { reducer } from "./state";
+function configureStore({ preloadedState }) {
+  return configureReduxStore({
+    reducer,
+    preloadedState
+  });
+}
+export {
+  configureStore
+};
+//# sourceMappingURL=store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/api-client/store.ts"],"sourcesContent":["import { configureStore as configureReduxStore } from '@reduxjs/toolkit'\n\nimport { type State, reducer } from './state'\n\nexport function configureStore({ preloadedState }: { preloadedState: Partial<State> }) {\n  return configureReduxStore({\n    reducer,\n    preloadedState,\n  })\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":"AAAA,SAAS,kBAAkB,2BAA2B;AAEtD,SAAqB,eAAe;AAE7B,SAAS,eAAe,EAAE,eAAe,GAAuC;AACrF,SAAO,oBAAoB;AAAA,IACzB;AAAA,IACA;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/esm/state/builder-api/api.js

@@ -0,0 +1 @@
+//# sourceMappingURL=api.js.map

package/dist/esm/state/builder-api/api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/esm/state/builder-api/navigation-listener.js

@@ -0,0 +1,86 @@
+const CLICK_NAVIGATION_THRESHOLD_MS = 100;
+const CLICK_NAVIGATION_CHECK_INTERVAL_MS = 200;
+const CLICK_NAVIGATION_MAX_CHECKS = 20;
+function setupNavigationListener(callback) {
+  let previousLocation = null;
+  const handleNavigate = (event) => {
+    if (!event.navigationCompleted && event.url === previousLocation)
+      return;
+    callback(event);
+    previousLocation = event.url;
+  };
+  handleNavigate({ url: windowLocation(), navigationCompleted: "initial-page-load" });
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  const unsubscribes = [];
+  if ("navigation" in window && window.navigation) {
+    const navigation = window.navigation;
+    const navigateHandler = ({ destination }) => handleNavigate({ url: destination.url });
+    const navigateSuccessHandler = () => {
+      handleNavigate({
+        url: navigation.currentEntry.url,
+        navigationCompleted: "client-side-navigation"
+      });
+    };
+    navigation.addEventListener("navigate", navigateHandler);
+    navigation.addEventListener("navigatesuccess", navigateSuccessHandler);
+    unsubscribes.push(() => navigation.removeEventListener("navigate", navigateHandler));
+    unsubscribes.push(
+      () => navigation.removeEventListener("navigatesuccess", navigateSuccessHandler)
+    );
+    return () => {
+      unsubscribes.forEach((u) => u());
+    };
+  }
+  let lastClickEvent = null;
+  const clickHandler = (e) => {
+    const a = e.composedPath?.()?.find((n) => n instanceof HTMLAnchorElement) ?? (e.target instanceof Element && e.target.closest?.("a"));
+    if (!a)
+      return;
+    lastClickEvent = { href: a.href, timestamp: Date.now() };
+    const pageUrlBeforeClick = windowLocation();
+    let navigationCheckCounter = 0;
+    const checkIfNavigationOccurred = () => {
+      const url = windowLocation();
+      if (url !== pageUrlBeforeClick) {
+        handleNavigate({ url, polyfilled: true });
+        return;
+      }
+      if (++navigationCheckCounter < CLICK_NAVIGATION_MAX_CHECKS) {
+        window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS);
+      }
+    };
+    window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS);
+  };
+  window.document.addEventListener(
+    "click",
+    clickHandler,
+    { capture: true }
+    // run before bubbling to fortify against `stopPropagation()` calls
+  );
+  unsubscribes.push(
+    () => window.document.removeEventListener("click", clickHandler, { capture: true })
+  );
+  const unloadHandler = () => {
+    if (!lastClickEvent)
+      return;
+    const msSinceLastClick = Date.now() - lastClickEvent.timestamp;
+    handleNavigate({
+      url: msSinceLastClick < CLICK_NAVIGATION_THRESHOLD_MS ? lastClickEvent.href ?? null : null,
+      polyfilled: true
+    });
+    lastClickEvent = null;
+  };
+  window.addEventListener("beforeunload", unloadHandler);
+  unsubscribes.push(() => window.removeEventListener("beforeunload", unloadHandler));
+  return () => {
+    unsubscribes.forEach((u) => u());
+  };
+}
+const windowLocation = () => typeof window !== "undefined" ? window.location.href : null;
+export {
+  setupNavigationListener
+};
+//# sourceMappingURL=navigation-listener.js.map

package/dist/esm/state/builder-api/navigation-listener.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/builder-api/navigation-listener.ts"],"sourcesContent":["import { type HostNavigationEvent } from './api'\n\ntype ClickEvent = {\n  href: string\n  timestamp: number\n}\n\nconst CLICK_NAVIGATION_THRESHOLD_MS = 100\nconst CLICK_NAVIGATION_CHECK_INTERVAL_MS = 200\nconst CLICK_NAVIGATION_MAX_CHECKS = 20\n\nexport function setupNavigationListener(\n  callback: (args: HostNavigationEvent) => void,\n): VoidFunction {\n  let previousLocation: string | null = null\n\n  const handleNavigate = (event: HostNavigationEvent) => {\n    if (!event.navigationCompleted && event.url === previousLocation) return\n\n    callback(event)\n    previousLocation = event.url\n  }\n\n  // trigger navigation callback on initial page load\n  handleNavigate({ url: windowLocation(), navigationCompleted: 'initial-page-load' })\n\n  if (typeof window === 'undefined') {\n    return () => {}\n  }\n\n  const unsubscribes: (() => void)[] = []\n\n  // check for availability of the Navigation API (baseline feature since January 2026),\n  // see https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API\n  if ('navigation' in window && window.navigation) {\n    const navigation = window.navigation\n\n    const navigateHandler = ({ destination }: NavigateEvent) =>\n      handleNavigate({ url: destination.url })\n\n    const navigateSuccessHandler = () => {\n      handleNavigate({\n        url: navigation.currentEntry.url,\n        navigationCompleted: 'client-side-navigation',\n      })\n    }\n\n    // note that in order to capture destination URLs that might not be Makeswift-enabled,\n    // we send a `SiteNavigationEvent` at the start of navigation, but do not track whether\n    // the navigation was successful or not (possible future improvement)\n    navigation.addEventListener('navigate', navigateHandler)\n    navigation.addEventListener('navigatesuccess', navigateSuccessHandler)\n    unsubscribes.push(() => navigation.removeEventListener('navigate', navigateHandler))\n    unsubscribes.push(() =>\n      navigation.removeEventListener('navigatesuccess', navigateSuccessHandler),\n    )\n\n    return () => {\n      unsubscribes.forEach(u => u())\n    }\n  }\n\n  // for browsers lacking Navigation API support, we manually track:\n  //  - link clicks to capture destination URLs\n  //  - page unload events to detect cross-page navigation\n  //\n  // this works well enough to keep this polyfill in place for now, but not nearly as\n  // reliably as the Navigation API\n  let lastClickEvent: ClickEvent | null = null\n\n  const clickHandler = (e: MouseEvent) => {\n    const a =\n      e.composedPath?.()?.find(n => n instanceof HTMLAnchorElement) ??\n      (e.target instanceof Element && e.target.closest?.('a'))\n\n    if (!a) return\n\n    lastClickEvent = { href: a.href, timestamp: Date.now() }\n\n    const pageUrlBeforeClick = windowLocation()\n    let navigationCheckCounter = 0\n\n    // handle navigation between pages in the host; note that we intentionally are\n    // not cancelling the timer on cleanup to ensure we report the navigation\n    const checkIfNavigationOccurred = () => {\n      const url = windowLocation()\n\n      if (url !== pageUrlBeforeClick) {\n        // the host navigated to a different page, report the new URL to the builder\n        handleNavigate({ url, polyfilled: true })\n        return\n      }\n\n      // we're still on the same page, recheck until the max number of checks is reached\n      if (++navigationCheckCounter < CLICK_NAVIGATION_MAX_CHECKS) {\n        window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS)\n      }\n    }\n\n    window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS)\n  }\n\n  window.document.addEventListener(\n    'click',\n    clickHandler,\n    { capture: true }, // run before bubbling to fortify against `stopPropagation()` calls\n  )\n\n  unsubscribes.push(() =>\n    window.document.removeEventListener('click', clickHandler, { capture: true }),\n  )\n\n  // handle external navigation\n  const unloadHandler = () => {\n    if (!lastClickEvent) return\n\n    const msSinceLastClick = Date.now() - lastClickEvent.timestamp\n    handleNavigate({\n      url: msSinceLastClick < CLICK_NAVIGATION_THRESHOLD_MS ? (lastClickEvent.href ?? null) : null,\n      polyfilled: true,\n    })\n\n    lastClickEvent = null\n  }\n\n  window.addEventListener('beforeunload', unloadHandler)\n  unsubscribes.push(() => window.removeEventListener('beforeunload', unloadHandler))\n\n  return () => {\n    unsubscribes.forEach(u => u())\n  }\n}\n\nconst windowLocation = (): string | null =>\n  typeof window !== 'undefined' ? window.location.href : null\n"],"mappings":"AAOA,MAAM,gCAAgC;AACtC,MAAM,qCAAqC;AAC3C,MAAM,8BAA8B;AAE7B,SAAS,wBACd,UACc;AACd,MAAI,mBAAkC;AAEtC,QAAM,iBAAiB,CAAC,UAA+B;AACrD,QAAI,CAAC,MAAM,uBAAuB,MAAM,QAAQ;AAAkB;AAElE,aAAS,KAAK;AACd,uBAAmB,MAAM;AAAA,EAC3B;AAGA,iBAAe,EAAE,KAAK,eAAe,GAAG,qBAAqB,oBAAoB,CAAC;AAElF,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AAEA,QAAM,eAA+B,CAAC;AAItC,MAAI,gBAAgB,UAAU,OAAO,YAAY;AAC/C,UAAM,aAAa,OAAO;AAE1B,UAAM,kBAAkB,CAAC,EAAE,YAAY,MACrC,eAAe,EAAE,KAAK,YAAY,IAAI,CAAC;AAEzC,UAAM,yBAAyB,MAAM;AACnC,qBAAe;AAAA,QACb,KAAK,WAAW,aAAa;AAAA,QAC7B,qBAAqB;AAAA,MACvB,CAAC;AAAA,IACH;AAKA,eAAW,iBAAiB,YAAY,eAAe;AACvD,eAAW,iBAAiB,mBAAmB,sBAAsB;AACrE,iBAAa,KAAK,MAAM,WAAW,oBAAoB,YAAY,eAAe,CAAC;AACnF,iBAAa;AAAA,MAAK,MAChB,WAAW,oBAAoB,mBAAmB,sBAAsB;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,mBAAa,QAAQ,OAAK,EAAE,CAAC;AAAA,IAC/B;AAAA,EACF;AAQA,MAAI,iBAAoC;AAExC,QAAM,eAAe,CAAC,MAAkB;AACtC,UAAM,IACJ,EAAE,eAAe,GAAG,KAAK,OAAK,aAAa,iBAAiB,MAC3D,EAAE,kBAAkB,WAAW,EAAE,OAAO,UAAU,GAAG;AAExD,QAAI,CAAC;AAAG;AAER,qBAAiB,EAAE,MAAM,EAAE,MAAM,WAAW,KAAK,IAAI,EAAE;AAEvD,UAAM,qBAAqB,eAAe;AAC1C,QAAI,yBAAyB;AAI7B,UAAM,4BAA4B,MAAM;AACtC,YAAM,MAAM,eAAe;AAE3B,UAAI,QAAQ,oBAAoB;AAE9B,uBAAe,EAAE,KAAK,YAAY,KAAK,CAAC;AACxC;AAAA,MACF;AAGA,UAAI,EAAE,yBAAyB,6BAA6B;AAC1D,eAAO,WAAW,2BAA2B,kCAAkC;AAAA,MACjF;AAAA,IACF;AAEA,WAAO,WAAW,2BAA2B,kCAAkC;AAAA,EACjF;AAEA,SAAO,SAAS;AAAA,IACd;AAAA,IACA;AAAA,IACA,EAAE,SAAS,KAAK;AAAA;AAAA,EAClB;AAEA,eAAa;AAAA,IAAK,MAChB,OAAO,SAAS,oBAAoB,SAAS,cAAc,EAAE,SAAS,KAAK,CAAC;AAAA,EAC9E;AAGA,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC;AAAgB;AAErB,UAAM,mBAAmB,KAAK,IAAI,IAAI,eAAe;AACrD,mBAAe;AAAA,MACb,KAAK,mBAAmB,gCAAiC,eAAe,QAAQ,OAAQ;AAAA,MACxF,YAAY;AAAA,IACd,CAAC;AAED,qBAAiB;AAAA,EACnB;AAEA,SAAO,iBAAiB,gBAAgB,aAAa;AACrD,eAAa,KAAK,MAAM,OAAO,oBAAoB,gBAAgB,aAAa,CAAC;AAEjF,SAAO,MAAM;AACX,iBAAa,QAAQ,OAAK,EAAE,CAAC;AAAA,EAC/B;AACF;AAEA,MAAM,iBAAiB,MACrB,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;","names":[]}

package/dist/esm/state/mixins/breakpoint-watch.js

@@ -0,0 +1,48 @@
+import { updateClientBreakpoint } from "../actions/internal/read-only-actions";
+import { getDeviceQueries } from "../modules/breakpoints";
+import { getBreakpoints } from "../read-only-state";
+function breakpointWatchMixin({
+  dispatch,
+  getState,
+  subscribe: storeSubscribe
+}) {
+  let mediaQueryUnsubscribes = [];
+  let storeUnsubscribe = null;
+  let watchedBreakpoints = [];
+  const startWatch = (breakpoints) => {
+    mediaQueryUnsubscribes.forEach((fn) => fn());
+    const updateState = () => dispatch(updateClientBreakpoint());
+    mediaQueryUnsubscribes = getDeviceQueries(breakpoints).map((q) => {
+      const mediaQueryList = window.matchMedia(q.query);
+      mediaQueryList.addEventListener("change", updateState);
+      return () => mediaQueryList.removeEventListener("change", updateState);
+    });
+    watchedBreakpoints = breakpoints;
+    updateState();
+  };
+  return {
+    startBreakpointWatch: () => {
+      if (storeUnsubscribe !== null) {
+        console.warn("Unexpected `BreakpointWatch.startBreakpointWatch` call, already watching");
+        return;
+      }
+      startWatch(getBreakpoints(getState()));
+      storeUnsubscribe = storeSubscribe(() => {
+        const breakpoints = getBreakpoints(getState());
+        if (breakpoints !== watchedBreakpoints) {
+          startWatch(breakpoints);
+        }
+      });
+    },
+    stopBreakpointWatch: () => {
+      mediaQueryUnsubscribes.forEach((fn) => fn());
+      mediaQueryUnsubscribes = [];
+      storeUnsubscribe?.();
+      storeUnsubscribe = null;
+    }
+  };
+}
+export {
+  breakpointWatchMixin
+};
+//# sourceMappingURL=breakpoint-watch.js.map

package/dist/esm/state/mixins/breakpoint-watch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/mixins/breakpoint-watch.ts"],"sourcesContent":["import { updateClientBreakpoint } from '../actions/internal/read-only-actions'\nimport { Breakpoints, getDeviceQueries } from '../modules/breakpoints'\n\nimport { type State, type Dispatch } from '../unified-state'\nimport { getBreakpoints } from '../read-only-state'\n\nexport interface BreakpointWatch {\n  startBreakpointWatch(): void\n  stopBreakpointWatch(): void\n}\n\nexport function breakpointWatchMixin({\n  dispatch,\n  getState,\n  subscribe: storeSubscribe,\n}: {\n  dispatch: Dispatch\n  getState: () => State\n  subscribe: (listener: VoidFunction) => VoidFunction\n}): BreakpointWatch {\n  let mediaQueryUnsubscribes: VoidFunction[] = []\n  let storeUnsubscribe: VoidFunction | null = null\n  let watchedBreakpoints: Breakpoints = []\n\n  // client-side breakpoint watch\n  const startWatch = (breakpoints: Breakpoints) => {\n    mediaQueryUnsubscribes.forEach(fn => fn())\n\n    const updateState = () => dispatch(updateClientBreakpoint())\n\n    mediaQueryUnsubscribes = getDeviceQueries(breakpoints).map(q => {\n      const mediaQueryList = window.matchMedia(q.query)\n      mediaQueryList.addEventListener('change', updateState)\n      return () => mediaQueryList.removeEventListener('change', updateState)\n    })\n\n    watchedBreakpoints = breakpoints\n\n    // reconcile the store with the current client breakpoint after subscribing;\n    // this heals any stale breakpoint state from changes that happened\n    // after the store was created or updated but before the listeners were attached\n    updateState()\n  }\n\n  return {\n    startBreakpointWatch: () => {\n      if (storeUnsubscribe !== null) {\n        console.warn('Unexpected `BreakpointWatch.startBreakpointWatch` call, already watching')\n        return\n      }\n\n      startWatch(getBreakpoints(getState()))\n\n      storeUnsubscribe = storeSubscribe(() => {\n        const breakpoints = getBreakpoints(getState())\n        if (breakpoints !== watchedBreakpoints) {\n          startWatch(breakpoints)\n        }\n      })\n    },\n\n    stopBreakpointWatch: () => {\n      mediaQueryUnsubscribes.forEach(fn => fn())\n      mediaQueryUnsubscribes = []\n\n      storeUnsubscribe?.()\n      storeUnsubscribe = null\n    },\n  }\n}\n"],"mappings":"AAAA,SAAS,8BAA8B;AACvC,SAAsB,wBAAwB;AAG9C,SAAS,sBAAsB;AAOxB,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAIoB;AAClB,MAAI,yBAAyC,CAAC;AAC9C,MAAI,mBAAwC;AAC5C,MAAI,qBAAkC,CAAC;AAGvC,QAAM,aAAa,CAAC,gBAA6B;AAC/C,2BAAuB,QAAQ,QAAM,GAAG,CAAC;AAEzC,UAAM,cAAc,MAAM,SAAS,uBAAuB,CAAC;AAE3D,6BAAyB,iBAAiB,WAAW,EAAE,IAAI,OAAK;AAC9D,YAAM,iBAAiB,OAAO,WAAW,EAAE,KAAK;AAChD,qBAAe,iBAAiB,UAAU,WAAW;AACrD,aAAO,MAAM,eAAe,oBAAoB,UAAU,WAAW;AAAA,IACvE,CAAC;AAED,yBAAqB;AAKrB,gBAAY;AAAA,EACd;AAEA,SAAO;AAAA,IACL,sBAAsB,MAAM;AAC1B,UAAI,qBAAqB,MAAM;AAC7B,gBAAQ,KAAK,0EAA0E;AACvF;AAAA,MACF;AAEA,iBAAW,eAAe,SAAS,CAAC,CAAC;AAErC,yBAAmB,eAAe,MAAM;AACtC,cAAM,cAAc,eAAe,SAAS,CAAC;AAC7C,YAAI,gBAAgB,oBAAoB;AACtC,qBAAW,WAAW;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IAEA,qBAAqB,MAAM;AACzB,6BAAuB,QAAQ,QAAM,GAAG,CAAC;AACzC,+BAAyB,CAAC;AAE1B,yBAAmB;AACnB,yBAAmB;AAAA,IACrB;AAAA,EACF;AACF;","names":[]}

package/dist/esm/state/react-builder-preview.js

@@ -18,15 +18,29 @@ import * as ElementImperativeHandles from "./modules/element-imperative-handles"
 import * as Breakpoints from "./modules/breakpoints";
 import { withSetupTeardown } from "./mixins/setup-teardown";
 import * as ReactPage from "./react-page";
-import * as Shared from "./shared-api";
-import { BuilderActionTypes } from "./builder-api/actions";
-import * as Builder from "./builder-api/actions";
-import { InternalActionTypes } from "./actions/internal";
-import * as Internal from "./actions/internal";
+import {
+  ActionTypes,
+  changeDocumentElementSize,
+  changeElementBoxModels,
+  elementFromPointChange,
+  handleWheel,
+  handlePointerMove,
+  messageBuilderPropController,
+  registerBuilderComponent,
+  registerMeasurable,
+  registerPropControllers,
+  registerPropControllersHandle,
+  setBreakpoints,
+  setIsInBuilder,
+  unregisterBuilderComponent,
+  unregisterBuilderDocument,
+  unregisterMeasurable,
+  unregisterPropControllers,
+  registerBuilderDocument
+} from "./actions";
 import { actionMiddleware, middlewareOptions, devToolsConfig } from "./toolkit";
 import { createPropController } from "../prop-controllers/instances";
 import { serializeControls } from "../builder";
-import { HostActionTypes } from "./host-api";
 import { createBox, getBox, parse } from "./modules/box-models";
 const reducer = combineReducers({
   documents: Documents.reducer,
@@ -140,7 +154,7 @@ function measureElements() {
       }
     });
     if (changedBoxModels.size > 0)
-      dispatch(Builder.changeElementBoxModels(changedBoxModels));
+      dispatch(changeElementBoxModels(changedBoxModels));
   };
 }
 function startMeasuringElements() {
@@ -177,7 +191,7 @@ function lockDocumentScroll() {
       window.document.documentElement.removeEventListener("wheel", handleWheelEvent);
     };
     function handleWheelEvent({ deltaX, deltaY }) {
-      dispatch(Builder.handleWheel({ deltaX, deltaY }));
+      dispatch(handleWheel({ deltaX, deltaY }));
     }
   };
 }
@@ -188,7 +202,7 @@ function startHandlingPointerMoveEvent() {
       window.document.documentElement.removeEventListener("pointermove", handlePointerMoveEvent);
     };
     function handlePointerMoveEvent({ clientX, clientY }) {
-      dispatch(Builder.handlePointerMove({ clientX, clientY }));
+      dispatch(handlePointerMove({ clientX, clientY }));
     }
   };
 }
@@ -229,7 +243,7 @@ function startMeasuringDocumentElement() {
       const nextSize = getElementSize(window.document.documentElement);
       if (!deepEqual(lastSize, nextSize)) {
         lastSize = nextSize;
-        dispatch(Builder.changeDocumentElementSize(nextSize));
+        dispatch(changeDocumentElementSize(nextSize));
       }
       animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
     }
@@ -276,7 +290,7 @@ function startPollingElementFromPoint() {
       if (elementFromPoint !== lastElementFromPoint) {
         lastElementFromPoint = elementFromPoint;
         const keys = dispatch(elementKeysFromElementFromPoint(elementFromPoint));
-        dispatch(Builder.elementFromPointChange(keys));
+        dispatch(elementFromPointChange(keys));
       }
       animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest);
     }
@@ -290,14 +304,12 @@ function registerBuilderComponents() {
       const descriptors = getComponentPropControllerDescriptors(state, type);
       if (descriptors != null) {
         const [serializedControls, transferables] = serializeControls(descriptors);
-        dispatch(
-          Builder.registerBuilderComponent({ type, meta, serializedControls }, transferables)
-        );
+        dispatch(registerBuilderComponent({ type, meta, serializedControls }, transferables));
       }
     });
     return () => {
       componentsMeta.forEach((_, type) => {
-        dispatch(Builder.unregisterBuilderComponent({ type }));
+        dispatch(unregisterBuilderComponent({ type }));
       });
     };
   };
@@ -306,16 +318,16 @@ function registerBuilderDocuments() {
   return (dispatch, getState) => {
     const documents = Documents.getDocuments(getDocumentsStateSlice(getState()));
     documents.forEach((document2) => {
-      dispatch(Builder.registerBuilderDocument(document2));
+      dispatch(registerBuilderDocument(document2));
     });
     return () => {
       documents.forEach((_document, documentKey) => {
-        dispatch(Builder.unregisterBuilderDocument(documentKey));
+        dispatch(unregisterBuilderDocument(documentKey));
       });
     };
   };
 }
-function initialize(builderProxy) {
+function initialize(channel) {
   return (dispatch, getState) => {
     const unregisterBuilderDocuments = dispatch(registerBuilderDocuments());
     const stopMeasuringElements = dispatch(startMeasuringElements());
@@ -326,9 +338,9 @@ function initialize(builderProxy) {
     const stopPollingElementFromPoint = dispatch(startPollingElementFromPoint());
     const unregisterBuilderComponents = dispatch(registerBuilderComponents());
     const breakpoints = ReactPage.getBreakpoints(getState());
-    dispatch(Shared.setBreakpoints(breakpoints));
-    dispatch(Internal.setIsInBuilder(true));
-    builderProxy.dispatchBuffered();
+    dispatch(setBreakpoints(breakpoints));
+    dispatch(setIsInBuilder(true));
+    channel.dispatchBuffered();
     return () => {
       unregisterBuilderDocuments();
       stopMeasuringElements();
@@ -338,7 +350,7 @@ function initialize(builderProxy) {
       stopHandlingPointerMoveEvent();
       stopPollingElementFromPoint();
       unregisterBuilderComponents();
-      dispatch(Internal.setIsInBuilder(false));
+      dispatch(setIsInBuilder(false));
     };
   };
 }
@@ -346,10 +358,10 @@ function measureBoxModelsMiddleware() {
   return actionMiddleware(({ dispatch }) => (next) => {
     return (action) => {
       switch (action.type) {
-        case InternalActionTypes.REGISTER_COMPONENT_HANDLE: {
+        case ActionTypes.REGISTER_COMPONENT_HANDLE: {
           if (BoxModels.isMeasurable(action.payload.componentHandle)) {
             dispatch(
-              Internal.registerMeasurable(
+              registerMeasurable(
                 action.payload.documentKey,
                 action.payload.elementKey,
                 action.payload.componentHandle
@@ -358,17 +370,15 @@ function measureBoxModelsMiddleware() {
           }
           break;
         }
-        case InternalActionTypes.UNREGISTER_COMPONENT_HANDLE:
-          dispatch(
-            Internal.unregisterMeasurable(action.payload.documentKey, action.payload.elementKey)
-          );
+        case ActionTypes.UNREGISTER_COMPONENT_HANDLE:
+          dispatch(unregisterMeasurable(action.payload.documentKey, action.payload.elementKey));
           break;
       }
       return next(action);
     };
   });
 }
-function builderAPIMiddleware(builderProxy) {
+function messageChannelMiddleware(channel) {
   return actionMiddleware(({ dispatch }) => (next) => {
     if (typeof window === "undefined")
       return (action) => next(action);
@@ -376,35 +386,42 @@ function builderAPIMiddleware(builderProxy) {
     };
     return (action) => {
       switch (action.type) {
-        case BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS:
-        case BuilderActionTypes.MOUNT_COMPONENT:
-        case BuilderActionTypes.UNMOUNT_COMPONENT:
-        case BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
-        case BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
-        case BuilderActionTypes.HANDLE_WHEEL:
-        case BuilderActionTypes.HANDLE_POINTER_MOVE:
-        case BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE:
-        case BuilderActionTypes.SET_LOCALE:
-        case BuilderActionTypes.SET_BREAKPOINTS:
-        case BuilderActionTypes.REGISTER_BUILDER_DOCUMENT:
-        case BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT:
-        case BuilderActionTypes.REGISTER_BUILDER_COMPONENT:
-        case BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT:
-          builderProxy.execute(action);
+        case ActionTypes.CHANGE_ELEMENT_BOX_MODELS:
+        case ActionTypes.MOUNT_COMPONENT:
+        case ActionTypes.UNMOUNT_COMPONENT:
+        case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
+        case ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
+        case ActionTypes.HANDLE_WHEEL:
+        case ActionTypes.HANDLE_POINTER_MOVE:
+        case ActionTypes.ELEMENT_FROM_POINT_CHANGE:
+        case ActionTypes.SET_LOCALE:
+        case ActionTypes.SET_BREAKPOINTS:
+        case ActionTypes.REGISTER_BUILDER_DOCUMENT:
+        case ActionTypes.UNREGISTER_BUILDER_DOCUMENT:
+          channel.postMessage(action);
+          break;
+        case ActionTypes.REGISTER_BUILDER_COMPONENT: {
+          const { transferables, ...forwardedAction } = action;
+          channel.postMessage(forwardedAction, transferables);
           break;
-        case HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
+        }
+        case ActionTypes.UNREGISTER_BUILDER_COMPONENT:
+          channel.postMessage(action);
+          break;
+        case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
           window.document.documentElement.scrollTop = action.payload.scrollTop;
           break;
-        case HostActionTypes.SCROLL_DOCUMENT_ELEMENT:
+        case ActionTypes.SCROLL_DOCUMENT_ELEMENT:
           window.document.documentElement.scrollTop += action.payload.scrollTopDelta;
           break;
-        case HostActionTypes.SET_BUILDER_EDIT_MODE:
+        case ActionTypes.SET_BUILDER_EDIT_MODE:
+          channel.postMessage(action);
           window.getSelection()?.removeAllRanges();
           break;
-        case HostActionTypes.INIT:
-          cleanUp = dispatch(initialize(builderProxy));
+        case ActionTypes.INIT:
+          cleanUp = dispatch(initialize(channel));
           break;
-        case HostActionTypes.CLEAN_UP:
+        case ActionTypes.CLEAN_UP:
           cleanUp();
           break;
       }
@@ -425,15 +442,13 @@ function createAndRegisterPropControllers(documentKey, elementKey) {
       (acc, [propName, descriptor]) => {
         const propController = createPropController(
           descriptor,
-          (message) => dispatch(
-            Builder.messageBuilderPropController(documentKey, elementKey, propName, message)
-          )
+          (message) => dispatch(messageBuilderPropController(documentKey, elementKey, propName, message))
         );
         return { ...acc, [propName]: propController };
       },
       {}
     );
-    dispatch(Internal.registerPropControllers(documentKey, elementKey, propControllers));
+    dispatch(registerPropControllers(documentKey, elementKey, propControllers));
     return propControllers;
   };
 }
@@ -441,21 +456,19 @@ function propControllerHandlesMiddleware() {
   return actionMiddleware(({ dispatch, getState }) => (next) => {
     return (action) => {
       switch (action.type) {
-        case InternalActionTypes.REGISTER_COMPONENT_HANDLE: {
+        case ActionTypes.REGISTER_COMPONENT_HANDLE: {
           const { documentKey, elementKey, componentHandle } = action.payload;
           const element = ReactPage.getElement(getState(), documentKey, elementKey);
           const propControllers = dispatch(
             createAndRegisterPropControllers(documentKey, elementKey)
           );
           if (element != null && !ReactPage.isElementReference(element) && PropControllerHandles.isPropControllersHandle(componentHandle)) {
-            dispatch(
-              Internal.registerPropControllersHandle(documentKey, elementKey, componentHandle)
-            );
+            dispatch(registerPropControllersHandle(documentKey, elementKey, componentHandle));
             componentHandle.setPropControllers(propControllers);
           }
           break;
         }
-        case InternalActionTypes.UNREGISTER_COMPONENT_HANDLE: {
+        case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {
           const { documentKey, elementKey } = action.payload;
           const handle = PropControllerHandles.getPropControllersHandle(
             getPropControllerHandlesStateSlice(getState()),
@@ -463,10 +476,10 @@ function propControllerHandlesMiddleware() {
             elementKey
           );
           handle?.setPropControllers(null);
-          dispatch(Internal.unregisterPropControllers(documentKey, elementKey));
+          dispatch(unregisterPropControllers(documentKey, elementKey));
           break;
         }
-        case HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {
+        case ActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {
           const propController = PropControllerHandles.getPropController(
             getPropControllerHandlesStateSlice(getState()),
             action.payload.documentKey,
@@ -489,27 +502,57 @@ function makeswiftApiClientSyncMiddleware(client) {
     };
   });
 }
-function setupBuilderProxy(builderProxy) {
+class MessageChannel {
+  channel = null;
+  bufferedMessages = [];
+  postMessage(message, transferables) {
+    if (this.channel) {
+      this.channel.postMessage(message, transferables ?? []);
+    } else {
+      this.bufferedMessages.push([message, transferables]);
+    }
+  }
+  setup(onMessage) {
+    const channel = new window.MessageChannel();
+    channel.port1.onmessage = onMessage;
+    window.parent.postMessage(channel.port2, "*", [channel.port2]);
+    this.channel = channel.port1;
+  }
+  dispatchBuffered() {
+    console.assert(this.channel != null, "channel is not setup");
+    this.bufferedMessages.forEach(([message, transferables]) => {
+      this.channel?.postMessage(message, transferables ?? []);
+    });
+    this.bufferedMessages = [];
+  }
+  teardown() {
+    if (this.channel) {
+      this.channel.onmessage = null;
+      this.channel.close();
+    }
+  }
+}
+function setupMessageChannel(channel) {
   return (dispatch) => {
-    builderProxy.setup({ onHostAction: (action) => dispatch(action) });
+    channel.setup((event) => dispatch(event.data));
   };
 }
 function configureStore({
   preloadedState,
-  client,
-  builderProxy
+  client
 }) {
   const initialState = {
     ...preloadedState,
     isPreview: IsPreview.getInitialState(true)
   };
+  const channel = new MessageChannel();
   const store = configureReduxStore({
     reducer,
     preloadedState: initialState,
     middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareOptions).concat(
       ReactPage.elementTreeMiddleware(),
       measureBoxModelsMiddleware(),
-      builderAPIMiddleware(builderProxy),
+      messageChannelMiddleware(channel),
       propControllerHandlesMiddleware(),
       makeswiftApiClientSyncMiddleware(client)
     ),
@@ -517,28 +560,28 @@ function configureStore({
       withSetupTeardown(
         () => {
           const dispatch = store.dispatch;
-          dispatch(setupBuilderProxy(builderProxy));
+          dispatch(setupMessageChannel(channel));
         },
-        () => builderProxy.teardown()
+        () => channel.teardown()
       )
     ),
     devTools: devToolsConfig({
       name: `Host store (${(/* @__PURE__ */ new Date()).toISOString()})`,
       actionsDenylist: [
-        HostActionTypes.BUILDER_POINTER_MOVE,
-        BuilderActionTypes.HANDLE_POINTER_MOVE,
-        BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE
+        ActionTypes.BUILDER_POINTER_MOVE,
+        ActionTypes.HANDLE_POINTER_MOVE,
+        ActionTypes.ELEMENT_FROM_POINT_CHANGE
       ]
     })
   });
   return store;
 }
 export {
-  builderAPIMiddleware,
   configureStore,
   createBox,
   getBox,
   initialize,
+  messageChannelMiddleware,
   parse,
   propControllerHandlesMiddleware,
   reducer,