@makeswift/runtime 0.25.4-canary.3 → 0.25.4

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/api-client/fetch-api-resource.ts"],"sourcesContent":["import { type ThunkAction } from '@reduxjs/toolkit'\n\nimport { type SiteVersion, ApiHandlerHeaders, serializeSiteVersion } from '../../api/site-version'\n\nimport * as SiteVersionState from '../modules/site-version'\n\nimport { type Action } from '../actions'\nimport { apiResourceFulfilled } from '../actions/internal/read-only-actions'\nimport { setLocalizedResourceId } from '../host-api'\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\nimport { type State, getHasAPIResource, getAPIResource, getLocalizedResourceId } from './state'\n\nexport type HttpFetch = (url: string | URL, init?: RequestInit) => Promise<Response>\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"],"mappings":"AAEA,SAA2B,mBAAmB,4BAA4B;AAE1E,YAAY,sBAAsB;AAGlC,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AAEvC;AAAA,EACE;AAAA,OAUK;AAEP,SAAqB,mBAAmB,gBAAgB,8BAA8B;AAM/E,SAAS,iBACd,cACA,YACA,OACA,QACgE;AAChE,QAAM,iBAAiB,OAAU,KAAa,YAAmD;AAC/F,UAAM,WAAW,MAAM,MAAM,KAAK;AAAA,MAChC,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,GAAI,WAAW,OACX,EAAE,CAAC,kBAAkB,WAAW,GAAG,qBAAqB,OAAO,EAAE,IACjE,CAAC;AAAA,MACP;AAAA,IACF,CAAC;AAED,QAAI,SAAS,WAAW;AAAK,aAAO;AACpC,QAAI,CAAC,SAAS;AAAI,YAAM,IAAI,MAAM,SAAS,UAAU;AAErD,QAAI,SAAS,QAAQ,IAAI,cAAc,GAAG,SAAS,kBAAkB,MAAM,MAAM;AAC/E,YAAM,IAAI;AAAA,QACR,gCAAgC,GAAG,cAAc,SAAS,QAAQ,IAAI,cAAc,CAAC;AAAA,MACvF;AAAA,IACF;AAEA,WAAO,SAAS,KAAK;AAAA,EACvB;AAEA,SAAO,OAAO,UAAU,aAAa;AACnC,UAAM,QAAQ,SAAS;AACvB,UAAM,UAAU,iBAAiB,eAAe,MAAM,WAAW;AAEjE,QAAI,kBAAkB,OAAO,cAAc,YAAY,MAAM,GAAG;AAC9D,aAAO,eAAe,OAAO,cAAc,YAAY,MAAM;AAAA,IAC/D;AAEA,QAAI;AAEJ,YAAQ,cAAc;AAAA,MACpB,KAAK,gBAAgB;AACnB,mBAAW,MAAM,eAAuB,2BAA2B,UAAU,IAAI,OAAO;AACxF;AAAA,MAEF,KAAK,gBAAgB;AACnB,mBAAW,MAAM,eAAqB,wBAAwB,UAAU,IAAI,OAAO;AACnF;AAAA,MAEF,KAAK,gBAAgB;AACnB,mBAAW,MAAM;AAAA,UACf,+BAA+B,UAAU;AAAA,UACzC;AAAA,QACF;AACA;AAAA,MAEF,KAAK,gBAAgB;AACnB,mBAAW,MAAM;AAAA,UACf,kCAAkC,UAAU;AAAA,UAC5C;AAAA,QACF;AACA;AAAA,MAEF,KAAK,gBAAgB,wBAAwB;AAC3C,YAAI,UAAU;AAAM,gBAAM,IAAI,MAAM,oDAAoD;AAIxF,YAAI,uBAAuB,OAAO,QAAQ,UAAU,MAAM,MAAM;AAC9D,iBAAO;AAAA,QACT;AAEA,mBAAW,MAAM;AAAA,UACf,4CAA4C,UAAU,IAAI,MAAM;AAAA,UAChE;AAAA,QACF;AAEA;AAAA,UACE,uBAAuB;AAAA,YACrB;AAAA,YACA;AAAA,YACA,qBAAqB,UAAU,MAAM;AAAA,UACvC,CAAC;AAAA,QACH;AAEA;AAAA,MACF;AAAA,MAEA,KAAK,gBAAgB,mBAAmB;AACtC,cAAM,MAAM,IAAI,IAAI,uCAAuC,UAAU,IAAI,UAAU;AAEnF,YAAI,UAAU;AAAM,cAAI,aAAa,IAAI,UAAU,MAAM;AAEzD,mBAAW,MAAM,eAAkC,IAAI,WAAW,IAAI,QAAQ,OAAO;AACrF;AAAA,MACF;AAAA,MAEA,KAAK,gBAAgB;AACnB,mBAAW,MAAM,eAAsB,yBAAyB,UAAU,IAAI,OAAO;AACrF;AAAA,MAEF;AACE,mBAAW;AAAA,IACf;AAEA,aAAS,qBAAqB,cAAc,YAAY,UAAU,MAAM,CAAC;AAEzE,WAAO;AAAA,EACT;AACF;","names":[]}

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/actions.js

@@ -0,0 +1,119 @@
+import { SharedActionTypes } from "../shared-api";
+import {
+  ReadOnlyActionTypes
+} from "../actions/internal/read-only-actions";
+export * from "../shared-api";
+import { setBreakpoints } from "../actions/internal/read-only-actions";
+import { setLocale } from "../actions/internal/read-only-actions";
+const BuilderActionTypes = {
+  ...SharedActionTypes,
+  SET_BREAKPOINTS: ReadOnlyActionTypes.SET_BREAKPOINTS,
+  SET_LOCALE: ReadOnlyActionTypes.SET_LOCALE,
+  MAKESWIFT_CONNECTION_CHECK: "MAKESWIFT_CONNECTION_CHECK",
+  MOUNT_COMPONENT: "MOUNT_COMPONENT",
+  UNMOUNT_COMPONENT: "UNMOUNT_COMPONENT",
+  CHANGE_DOCUMENT_ELEMENT_SIZE: "CHANGE_DOCUMENT_ELEMENT_SIZE",
+  CHANGE_ELEMENT_BOX_MODELS: "CHANGE_ELEMENT_BOX_MODELS",
+  MESSAGE_BUILDER_PROP_CONTROLLER: "MESSAGE_BUILDER_PROP_CONTROLLER",
+  HANDLE_WHEEL: "HANDLE_WHEEL",
+  HANDLE_POINTER_MOVE: "HANDLE_POINTER_MOVE",
+  ELEMENT_FROM_POINT_CHANGE: "ELEMENT_FROM_POINT_CHANGE",
+  REGISTER_BUILDER_DOCUMENT: "REGISTER_BUILDER_DOCUMENT",
+  UNREGISTER_BUILDER_DOCUMENT: "UNREGISTER_BUILDER_DOCUMENT",
+  REGISTER_BUILDER_COMPONENT: "REGISTER_BUILDER_COMPONENT",
+  UNREGISTER_BUILDER_COMPONENT: "UNREGISTER_BUILDER_COMPONENT",
+  HANDLE_HOST_NAVIGATE: "HANDLE_HOST_NAVIGATE"
+};
+function makeswiftConnectionCheck() {
+  return { type: BuilderActionTypes.MAKESWIFT_CONNECTION_CHECK };
+}
+function mountComponent(documentKey, elementKey) {
+  return { type: BuilderActionTypes.MOUNT_COMPONENT, payload: { documentKey, elementKey } };
+}
+function unmountComponent(documentKey, elementKey) {
+  return { type: BuilderActionTypes.UNMOUNT_COMPONENT, payload: { documentKey, elementKey } };
+}
+function mountComponentEffect(documentKey, elementKey) {
+  return (dispatch) => {
+    dispatch(mountComponent(documentKey, elementKey));
+    return () => {
+      dispatch(unmountComponent(documentKey, elementKey));
+    };
+  };
+}
+function changeDocumentElementSize(size) {
+  return { type: BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE, payload: { size } };
+}
+function changeElementBoxModels(changedElementBoxModels) {
+  return {
+    type: BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS,
+    payload: { changedElementBoxModels }
+  };
+}
+function messageBuilderPropController(documentKey, elementKey, propName, message) {
+  return {
+    type: BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER,
+    payload: { documentKey, elementKey, propName, message }
+  };
+}
+function handleWheel(payload) {
+  return { type: BuilderActionTypes.HANDLE_WHEEL, payload };
+}
+function handlePointerMove(payload) {
+  return { type: BuilderActionTypes.HANDLE_POINTER_MOVE, payload };
+}
+function elementFromPointChange(keys) {
+  return { type: BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE, payload: { keys } };
+}
+function registerBuilderDocument(document) {
+  return {
+    type: BuilderActionTypes.REGISTER_BUILDER_DOCUMENT,
+    payload: { documentKey: document.key, document }
+  };
+}
+function unregisterBuilderDocument(documentKey) {
+  return { type: BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT, payload: { documentKey } };
+}
+function registerBuilderDocumentsEffect(documents) {
+  return (dispatch) => {
+    documents.forEach((document) => dispatch(registerBuilderDocument(document)));
+    return () => {
+      documents.forEach((document) => dispatch(unregisterBuilderDocument(document.key)));
+    };
+  };
+}
+function registerBuilderComponent(payload, transferables) {
+  return {
+    type: BuilderActionTypes.REGISTER_BUILDER_COMPONENT,
+    payload,
+    transferables
+  };
+}
+function unregisterBuilderComponent(payload) {
+  return { type: BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT, payload };
+}
+function hasTransferables(action) {
+  return "transferables" in action && Array.isArray(action.transferables);
+}
+export {
+  BuilderActionTypes,
+  changeDocumentElementSize,
+  changeElementBoxModels,
+  elementFromPointChange,
+  handlePointerMove,
+  handleWheel,
+  hasTransferables,
+  makeswiftConnectionCheck,
+  messageBuilderPropController,
+  mountComponent,
+  mountComponentEffect,
+  registerBuilderComponent,
+  registerBuilderDocument,
+  registerBuilderDocumentsEffect,
+  setBreakpoints,
+  setLocale,
+  unmountComponent,
+  unregisterBuilderComponent,
+  unregisterBuilderDocument
+};
+//# sourceMappingURL=actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/builder-api/actions.ts"],"sourcesContent":["import { type ThunkAction } from '@reduxjs/toolkit'\n\nimport { type SerializedControl } from '../../builder'\nimport { type PropControllerMessage } from '../../prop-controllers/instances'\n\nimport { type Document } from '../modules/read-only-documents'\nimport { type ComponentMeta } from '../modules/components-meta'\nimport { type BoxDisplayModel } from '../modules/read-write/box-models'\n\nimport { type ElementSize } from '../middleware/read-write/builder-api/element-size'\nimport { type DocumentPayload, type SharedAction, SharedActionTypes } from '../shared-api'\n\nimport { type HostNavigationEvent } from './api'\nimport {\n  type SetBreakpointsAction,\n  type SetLocaleAction,\n  ReadOnlyActionTypes,\n} from '../actions/internal/read-only-actions'\n\nexport * from '../shared-api'\nexport { setBreakpoints } from '../actions/internal/read-only-actions'\nexport { setLocale } from '../actions/internal/read-only-actions'\n\n// actions dispatched by the host to the builder (\"Builder API\")\n// note that some of these actions (SET_BREAKPOINTS, SET_LOCALE), in addition to\n// being dispatched to the builder, are also internally intercepted by the host\n// as a part of maintaining the runtime's own state\nexport const BuilderActionTypes = {\n  ...SharedActionTypes,\n  SET_BREAKPOINTS: ReadOnlyActionTypes.SET_BREAKPOINTS,\n  SET_LOCALE: ReadOnlyActionTypes.SET_LOCALE,\n\n  MAKESWIFT_CONNECTION_CHECK: 'MAKESWIFT_CONNECTION_CHECK',\n\n  MOUNT_COMPONENT: 'MOUNT_COMPONENT',\n  UNMOUNT_COMPONENT: 'UNMOUNT_COMPONENT',\n\n  CHANGE_DOCUMENT_ELEMENT_SIZE: 'CHANGE_DOCUMENT_ELEMENT_SIZE',\n  CHANGE_ELEMENT_BOX_MODELS: 'CHANGE_ELEMENT_BOX_MODELS',\n\n  MESSAGE_BUILDER_PROP_CONTROLLER: 'MESSAGE_BUILDER_PROP_CONTROLLER',\n\n  HANDLE_WHEEL: 'HANDLE_WHEEL',\n  HANDLE_POINTER_MOVE: 'HANDLE_POINTER_MOVE',\n\n  ELEMENT_FROM_POINT_CHANGE: 'ELEMENT_FROM_POINT_CHANGE',\n\n  REGISTER_BUILDER_DOCUMENT: 'REGISTER_BUILDER_DOCUMENT',\n  UNREGISTER_BUILDER_DOCUMENT: 'UNREGISTER_BUILDER_DOCUMENT',\n\n  REGISTER_BUILDER_COMPONENT: 'REGISTER_BUILDER_COMPONENT',\n  UNREGISTER_BUILDER_COMPONENT: 'UNREGISTER_BUILDER_COMPONENT',\n\n  HANDLE_HOST_NAVIGATE: 'HANDLE_HOST_NAVIGATE',\n} as const\n\ntype ActionWithTransferables<A> = A & {\n  transferables?: Transferable[]\n}\n\ntype MakeswiftConnectionCheckAction = {\n  type: typeof BuilderActionTypes.MAKESWIFT_CONNECTION_CHECK\n}\n\ntype MountComponentAction = {\n  type: typeof BuilderActionTypes.MOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype UnmountComponentAction = {\n  type: typeof BuilderActionTypes.UNMOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype ChangeDocumentElementSizeAction = {\n  type: typeof BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE\n  payload: { size: ElementSize }\n}\n\ntype ChangeElementBoxModelsAction = {\n  type: typeof BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS\n  payload: { changedElementBoxModels: Map<string, Map<string, BoxDisplayModel | null>> }\n}\n\ntype MessageBuilderPropControllerAction<T = PropControllerMessage> = {\n  type: typeof BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype HandleWheelAction = {\n  type: typeof BuilderActionTypes.HANDLE_WHEEL\n  payload: { deltaX: number; deltaY: number }\n}\n\ntype HandlePointerMoveAction = {\n  type: typeof BuilderActionTypes.HANDLE_POINTER_MOVE\n  payload: { clientX: number; clientY: number }\n}\n\ntype ElementFromPointChangeAction = {\n  type: typeof BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE\n  payload: { keys: { documentKey: string; elementKey: string } | null }\n}\n\ntype RegisterBuilderDocumentAction = {\n  type: typeof BuilderActionTypes.REGISTER_BUILDER_DOCUMENT\n  payload: { documentKey: string; document: DocumentPayload }\n}\n\ntype UnregisterBuilderDocumentAction = {\n  type: typeof BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT\n  payload: { documentKey: string }\n}\n\ntype RegisterBuilderComponentAction = {\n  type: typeof BuilderActionTypes.REGISTER_BUILDER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    serializedControls: Record<string, SerializedControl>\n  }\n}\n\ntype UnregisterBuilderComponentAction = {\n  type: typeof BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT\n  payload: { type: string }\n}\n\ntype HandleHostNavigateAction = {\n  type: typeof BuilderActionTypes.HANDLE_HOST_NAVIGATE\n  payload: HostNavigationEvent\n}\n\nexport type BuilderAction =\n  | SharedAction\n  | SetBreakpointsAction\n  | SetLocaleAction\n  | MakeswiftConnectionCheckAction\n  | MountComponentAction\n  | UnmountComponentAction\n  | ChangeDocumentElementSizeAction\n  | ChangeElementBoxModelsAction\n  | MessageBuilderPropControllerAction\n  | HandleWheelAction\n  | HandlePointerMoveAction\n  | ElementFromPointChangeAction\n  | RegisterBuilderDocumentAction\n  | UnregisterBuilderDocumentAction\n  | RegisterBuilderComponentAction\n  | UnregisterBuilderComponentAction\n  | HandleHostNavigateAction\n\nexport function makeswiftConnectionCheck(): MakeswiftConnectionCheckAction {\n  return { type: BuilderActionTypes.MAKESWIFT_CONNECTION_CHECK }\n}\n\nexport function mountComponent(documentKey: string, elementKey: string): MountComponentAction {\n  return { type: BuilderActionTypes.MOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function unmountComponent(documentKey: string, elementKey: string): UnmountComponentAction {\n  return { type: BuilderActionTypes.UNMOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function mountComponentEffect(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<() => void, unknown, unknown, BuilderAction> {\n  return dispatch => {\n    dispatch(mountComponent(documentKey, elementKey))\n\n    return () => {\n      dispatch(unmountComponent(documentKey, elementKey))\n    }\n  }\n}\n\nexport function changeDocumentElementSize(size: ElementSize): ChangeDocumentElementSizeAction {\n  return { type: BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE, payload: { size } }\n}\n\nexport function changeElementBoxModels(\n  changedElementBoxModels: Map<string, Map<string, BoxDisplayModel | null>>,\n): ChangeElementBoxModelsAction {\n  return {\n    type: BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS,\n    payload: { changedElementBoxModels },\n  }\n}\n\nexport function messageBuilderPropController<T>(\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n  message: T,\n): MessageBuilderPropControllerAction<T> {\n  return {\n    type: BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function handleWheel(payload: { deltaX: number; deltaY: number }): HandleWheelAction {\n  return { type: BuilderActionTypes.HANDLE_WHEEL, payload }\n}\n\nexport function handlePointerMove(payload: {\n  clientX: number\n  clientY: number\n}): HandlePointerMoveAction {\n  return { type: BuilderActionTypes.HANDLE_POINTER_MOVE, payload }\n}\n\nexport function elementFromPointChange(\n  keys: {\n    documentKey: string\n    elementKey: string\n  } | null,\n): ElementFromPointChangeAction {\n  return { type: BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE, payload: { keys } }\n}\n\nexport function registerBuilderDocument(document: Document): RegisterBuilderDocumentAction {\n  return {\n    type: BuilderActionTypes.REGISTER_BUILDER_DOCUMENT,\n    payload: { documentKey: document.key, document },\n  }\n}\n\nexport function unregisterBuilderDocument(documentKey: string): UnregisterBuilderDocumentAction {\n  return { type: BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT, payload: { documentKey } }\n}\n\nexport function registerBuilderDocumentsEffect(\n  documents: Document[],\n): ThunkAction<() => void, unknown, unknown, BuilderAction> {\n  return dispatch => {\n    documents.forEach(document => dispatch(registerBuilderDocument(document)))\n\n    return () => {\n      documents.forEach(document => dispatch(unregisterBuilderDocument(document.key)))\n    }\n  }\n}\n\nexport function registerBuilderComponent(\n  payload: RegisterBuilderComponentAction['payload'],\n  transferables?: Transferable[],\n): ActionWithTransferables<RegisterBuilderComponentAction> {\n  return {\n    type: BuilderActionTypes.REGISTER_BUILDER_COMPONENT,\n    payload,\n    transferables,\n  }\n}\n\nexport function unregisterBuilderComponent(\n  payload: UnregisterBuilderComponentAction['payload'],\n): UnregisterBuilderComponentAction {\n  return { type: BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT, payload }\n}\n\nexport function hasTransferables<A extends BuilderAction>(\n  action: A,\n): action is ActionWithTransferables<A> {\n  return 'transferables' in action && Array.isArray(action.transferables)\n}\n"],"mappings":"AAUA,SAAkD,yBAAyB;AAG3E;AAAA,EAGE;AAAA,OACK;AAEP,cAAc;AACd,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAMnB,MAAM,qBAAqB;AAAA,EAChC,GAAG;AAAA,EACH,iBAAiB,oBAAoB;AAAA,EACrC,YAAY,oBAAoB;AAAA,EAEhC,4BAA4B;AAAA,EAE5B,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EAEnB,8BAA8B;AAAA,EAC9B,2BAA2B;AAAA,EAE3B,iCAAiC;AAAA,EAEjC,cAAc;AAAA,EACd,qBAAqB;AAAA,EAErB,2BAA2B;AAAA,EAE3B,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAE7B,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAE9B,sBAAsB;AACxB;AAkGO,SAAS,2BAA2D;AACzE,SAAO,EAAE,MAAM,mBAAmB,2BAA2B;AAC/D;AAEO,SAAS,eAAe,aAAqB,YAA0C;AAC5F,SAAO,EAAE,MAAM,mBAAmB,iBAAiB,SAAS,EAAE,aAAa,WAAW,EAAE;AAC1F;AAEO,SAAS,iBAAiB,aAAqB,YAA4C;AAChG,SAAO,EAAE,MAAM,mBAAmB,mBAAmB,SAAS,EAAE,aAAa,WAAW,EAAE;AAC5F;AAEO,SAAS,qBACd,aACA,YAC0D;AAC1D,SAAO,cAAY;AACjB,aAAS,eAAe,aAAa,UAAU,CAAC;AAEhD,WAAO,MAAM;AACX,eAAS,iBAAiB,aAAa,UAAU,CAAC;AAAA,IACpD;AAAA,EACF;AACF;AAEO,SAAS,0BAA0B,MAAoD;AAC5F,SAAO,EAAE,MAAM,mBAAmB,8BAA8B,SAAS,EAAE,KAAK,EAAE;AACpF;AAEO,SAAS,uBACd,yBAC8B;AAC9B,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS,EAAE,wBAAwB;AAAA,EACrC;AACF;AAEO,SAAS,6BACd,aACA,YACA,UACA,SACuC;AACvC,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS,EAAE,aAAa,YAAY,UAAU,QAAQ;AAAA,EACxD;AACF;AAEO,SAAS,YAAY,SAAgE;AAC1F,SAAO,EAAE,MAAM,mBAAmB,cAAc,QAAQ;AAC1D;AAEO,SAAS,kBAAkB,SAGN;AAC1B,SAAO,EAAE,MAAM,mBAAmB,qBAAqB,QAAQ;AACjE;AAEO,SAAS,uBACd,MAI8B;AAC9B,SAAO,EAAE,MAAM,mBAAmB,2BAA2B,SAAS,EAAE,KAAK,EAAE;AACjF;AAEO,SAAS,wBAAwB,UAAmD;AACzF,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS,EAAE,aAAa,SAAS,KAAK,SAAS;AAAA,EACjD;AACF;AAEO,SAAS,0BAA0B,aAAsD;AAC9F,SAAO,EAAE,MAAM,mBAAmB,6BAA6B,SAAS,EAAE,YAAY,EAAE;AAC1F;AAEO,SAAS,+BACd,WAC0D;AAC1D,SAAO,cAAY;AACjB,cAAU,QAAQ,cAAY,SAAS,wBAAwB,QAAQ,CAAC,CAAC;AAEzE,WAAO,MAAM;AACX,gBAAU,QAAQ,cAAY,SAAS,0BAA0B,SAAS,GAAG,CAAC,CAAC;AAAA,IACjF;AAAA,EACF;AACF;AAEO,SAAS,yBACd,SACA,eACyD;AACzD,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,2BACd,SACkC;AAClC,SAAO,EAAE,MAAM,mBAAmB,8BAA8B,QAAQ;AAC1E;AAEO,SAAS,iBACd,QACsC;AACtC,SAAO,mBAAmB,UAAU,MAAM,QAAQ,OAAO,aAAa;AACxE;","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/message-channel.js

@@ -0,0 +1,74 @@
+import { SharedActionTypes, makeswiftConnectionInit } from "../shared-api";
+import { makeswiftConnectionCheck } from "./actions";
+const CONNECTION_PING_INTERVAL_MS = 20;
+class MessageChannel {
+  appOrigin;
+  channel = null;
+  bufferedMessages = [];
+  constructor({ appOrigin }) {
+    this.appOrigin = appOrigin;
+  }
+  postMessage(message, transferables) {
+    if (this.channel) {
+      this.channel.postMessage(message, transferables ?? []);
+    } else {
+      this.bufferedMessages.push([message, transferables]);
+    }
+  }
+  setup({ onMessage }) {
+    const cleanupConnectionCheck = setupConnectionCheck(this.appOrigin);
+    const channel = new window.MessageChannel();
+    channel.port1.onmessage = onMessage;
+    window.parent.postMessage(channel.port2, this.appOrigin, [channel.port2]);
+    this.channel = channel.port1;
+    return () => {
+      cleanupConnectionCheck();
+      if (this.channel) {
+        this.channel.onmessage = null;
+        this.channel.close();
+        this.channel = null;
+      }
+    };
+  }
+  dispatchBuffered() {
+    console.assert(this.channel != null, "channel is not setup");
+    this.bufferedMessages.forEach(([message, transferables]) => {
+      this.channel?.postMessage(message, transferables ?? []);
+    });
+    this.bufferedMessages = [];
+  }
+}
+function setupConnectionCheck(appOrigin) {
+  class Interval {
+    id = null;
+    setInterval(callback, delay) {
+      this.clear();
+      this.id = window.setInterval(callback, delay);
+    }
+    clear() {
+      if (this.id != null) {
+        window.clearInterval(this.id);
+        this.id = null;
+      }
+    }
+  }
+  const connectionCheckInterval = new Interval();
+  function connectionCheckHandler(event) {
+    if (event.origin === appOrigin && event.data.type === SharedActionTypes.MAKESWIFT_CONNECTION_INIT) {
+      connectionCheckInterval.setInterval(
+        () => window.parent.postMessage(makeswiftConnectionCheck(), { targetOrigin: appOrigin }),
+        CONNECTION_PING_INTERVAL_MS
+      );
+    }
+  }
+  window.addEventListener("message", connectionCheckHandler);
+  window.parent.postMessage(makeswiftConnectionInit(), { targetOrigin: appOrigin });
+  return () => {
+    window.removeEventListener("message", connectionCheckHandler);
+    connectionCheckInterval.clear();
+  };
+}
+export {
+  MessageChannel
+};
+//# sourceMappingURL=message-channel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/builder-api/message-channel.ts"],"sourcesContent":["import { SharedActionTypes, makeswiftConnectionInit } from '../shared-api'\nimport { makeswiftConnectionCheck } from './actions'\n\nconst CONNECTION_PING_INTERVAL_MS = 20\n\nexport class MessageChannel {\n  private readonly appOrigin: string\n  private channel: MessagePort | null = null\n  private bufferedMessages: [any, Transferable[]?][] = []\n\n  constructor({ appOrigin }: { appOrigin: string }) {\n    this.appOrigin = appOrigin\n  }\n\n  public postMessage(message: any, transferables?: Transferable[]) {\n    if (this.channel) {\n      this.channel.postMessage(message, transferables ?? [])\n    } else {\n      this.bufferedMessages.push([message, transferables])\n    }\n  }\n\n  public setup({ onMessage }: { onMessage: (event: MessageEvent) => void }): VoidFunction {\n    const cleanupConnectionCheck = setupConnectionCheck(this.appOrigin)\n\n    const channel = new window.MessageChannel()\n    channel.port1.onmessage = onMessage\n\n    // connect channel to the parent window, see\n    // https://developer.mozilla.org/en-US/docs/Web/API/Channel_Messaging_API\n    window.parent.postMessage(channel.port2, this.appOrigin, [channel.port2])\n\n    this.channel = channel.port1\n\n    return () => {\n      cleanupConnectionCheck()\n\n      if (this.channel) {\n        this.channel.onmessage = null\n        this.channel.close()\n        this.channel = null\n      }\n    }\n  }\n\n  public dispatchBuffered() {\n    console.assert(this.channel != null, 'channel is not setup')\n\n    this.bufferedMessages.forEach(([message, transferables]) => {\n      this.channel?.postMessage(message, transferables ?? [])\n    })\n\n    this.bufferedMessages = []\n  }\n}\n\n// FIXME: instead of `window.parent.postMessage`, the connection check should\n// probably use the message channel itself: after all, it's meant to check\n// the health of the builder <> host connection, and whether we can reach the\n// builder through `window.parent.postMessage` is not indicative of the health\n// of the message channel itself, which is what the builder <> host\n// communication relies on.\nfunction setupConnectionCheck(appOrigin: string): VoidFunction {\n  class Interval {\n    private id: number | null = null\n\n    setInterval(callback: () => void, delay: number) {\n      this.clear()\n      this.id = window.setInterval(callback, delay)\n    }\n\n    clear() {\n      if (this.id != null) {\n        window.clearInterval(this.id)\n        this.id = null\n      }\n    }\n  }\n\n  const connectionCheckInterval = new Interval()\n\n  function connectionCheckHandler(event: MessageEvent) {\n    if (\n      event.origin === appOrigin &&\n      event.data.type === SharedActionTypes.MAKESWIFT_CONNECTION_INIT\n    ) {\n      connectionCheckInterval.setInterval(\n        () => window.parent.postMessage(makeswiftConnectionCheck(), { targetOrigin: appOrigin }),\n        CONNECTION_PING_INTERVAL_MS,\n      )\n    }\n  }\n\n  window.addEventListener('message', connectionCheckHandler)\n  window.parent.postMessage(makeswiftConnectionInit(), { targetOrigin: appOrigin })\n\n  return () => {\n    window.removeEventListener('message', connectionCheckHandler)\n    connectionCheckInterval.clear()\n  }\n}\n"],"mappings":"AAAA,SAAS,mBAAmB,+BAA+B;AAC3D,SAAS,gCAAgC;AAEzC,MAAM,8BAA8B;AAE7B,MAAM,eAAe;AAAA,EACT;AAAA,EACT,UAA8B;AAAA,EAC9B,mBAA6C,CAAC;AAAA,EAEtD,YAAY,EAAE,UAAU,GAA0B;AAChD,SAAK,YAAY;AAAA,EACnB;AAAA,EAEO,YAAY,SAAc,eAAgC;AAC/D,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,YAAY,SAAS,iBAAiB,CAAC,CAAC;AAAA,IACvD,OAAO;AACL,WAAK,iBAAiB,KAAK,CAAC,SAAS,aAAa,CAAC;AAAA,IACrD;AAAA,EACF;AAAA,EAEO,MAAM,EAAE,UAAU,GAA+D;AACtF,UAAM,yBAAyB,qBAAqB,KAAK,SAAS;AAElE,UAAM,UAAU,IAAI,OAAO,eAAe;AAC1C,YAAQ,MAAM,YAAY;AAI1B,WAAO,OAAO,YAAY,QAAQ,OAAO,KAAK,WAAW,CAAC,QAAQ,KAAK,CAAC;AAExE,SAAK,UAAU,QAAQ;AAEvB,WAAO,MAAM;AACX,6BAAuB;AAEvB,UAAI,KAAK,SAAS;AAChB,aAAK,QAAQ,YAAY;AACzB,aAAK,QAAQ,MAAM;AACnB,aAAK,UAAU;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EAEO,mBAAmB;AACxB,YAAQ,OAAO,KAAK,WAAW,MAAM,sBAAsB;AAE3D,SAAK,iBAAiB,QAAQ,CAAC,CAAC,SAAS,aAAa,MAAM;AAC1D,WAAK,SAAS,YAAY,SAAS,iBAAiB,CAAC,CAAC;AAAA,IACxD,CAAC;AAED,SAAK,mBAAmB,CAAC;AAAA,EAC3B;AACF;AAQA,SAAS,qBAAqB,WAAiC;AAAA,EAC7D,MAAM,SAAS;AAAA,IACL,KAAoB;AAAA,IAE5B,YAAY,UAAsB,OAAe;AAC/C,WAAK,MAAM;AACX,WAAK,KAAK,OAAO,YAAY,UAAU,KAAK;AAAA,IAC9C;AAAA,IAEA,QAAQ;AACN,UAAI,KAAK,MAAM,MAAM;AACnB,eAAO,cAAc,KAAK,EAAE;AAC5B,aAAK,KAAK;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAEA,QAAM,0BAA0B,IAAI,SAAS;AAE7C,WAAS,uBAAuB,OAAqB;AACnD,QACE,MAAM,WAAW,aACjB,MAAM,KAAK,SAAS,kBAAkB,2BACtC;AACA,8BAAwB;AAAA,QACtB,MAAM,OAAO,OAAO,YAAY,yBAAyB,GAAG,EAAE,cAAc,UAAU,CAAC;AAAA,QACvF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,iBAAiB,WAAW,sBAAsB;AACzD,SAAO,OAAO,YAAY,wBAAwB,GAAG,EAAE,cAAc,UAAU,CAAC;AAEhF,SAAO,MAAM;AACX,WAAO,oBAAoB,WAAW,sBAAsB;AAC5D,4BAAwB,MAAM;AAAA,EAChC;AACF;","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/builder-api/proxy.js

@@ -0,0 +1,48 @@
+import { isHostAction } from "../host-api";
+import { BuilderActionTypes, hasTransferables } from "./actions";
+import { MessageChannel } from "./message-channel";
+import { setupNavigationListener } from "./navigation-listener";
+class BuilderAPIProxy {
+  messageChannel;
+  constructor({ appOrigin }) {
+    this.messageChannel = new MessageChannel({ appOrigin });
+  }
+  handleHostNavigate(event) {
+    this.execute({ type: BuilderActionTypes.HANDLE_HOST_NAVIGATE, payload: event });
+  }
+  // low-level, action-based API
+  setup({ onHostAction }) {
+    const channelCleanup = this.messageChannel.setup({
+      onMessage: (event) => {
+        const action = event.data;
+        if (!isHostAction(action)) {
+          console.warn("Unexpected host action", action);
+          return;
+        }
+        onHostAction(action);
+      }
+    });
+    const navigationListenerCleanup = setupNavigationListener(
+      (event) => this.handleHostNavigate(event)
+    );
+    return () => {
+      channelCleanup();
+      navigationListenerCleanup();
+    };
+  }
+  execute(action) {
+    if (hasTransferables(action)) {
+      const { transferables, ...forwardedAction } = action;
+      this.messageChannel.postMessage(forwardedAction, transferables);
+      return;
+    }
+    this.messageChannel.postMessage(action);
+  }
+  dispatchBuffered() {
+    this.messageChannel.dispatchBuffered();
+  }
+}
+export {
+  BuilderAPIProxy
+};
+//# sourceMappingURL=proxy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/builder-api/proxy.ts"],"sourcesContent":["import { type HostAction, isHostAction } from '../host-api'\n\nimport { type BuilderAction, BuilderActionTypes, hasTransferables } from './actions'\nimport { MessageChannel } from './message-channel'\nimport { setupNavigationListener } from './navigation-listener'\nimport { type BuilderApi, type HostNavigationEvent } from './api'\n\nexport class BuilderAPIProxy implements BuilderApi {\n  private messageChannel: MessageChannel\n\n  constructor({ appOrigin }: { appOrigin: string }) {\n    this.messageChannel = new MessageChannel({ appOrigin })\n  }\n\n  handleHostNavigate(event: HostNavigationEvent) {\n    this.execute({ type: BuilderActionTypes.HANDLE_HOST_NAVIGATE, payload: event })\n  }\n\n  // low-level, action-based API\n\n  setup({ onHostAction }: { onHostAction: (action: HostAction) => void }): VoidFunction {\n    const channelCleanup = this.messageChannel.setup({\n      onMessage: (event: MessageEvent) => {\n        const action = event.data\n\n        if (!isHostAction(action)) {\n          console.warn('Unexpected host action', action)\n          return\n        }\n\n        onHostAction(action)\n      },\n    })\n\n    const navigationListenerCleanup = setupNavigationListener(event =>\n      this.handleHostNavigate(event),\n    )\n\n    return () => {\n      channelCleanup()\n      navigationListenerCleanup()\n    }\n  }\n\n  execute(action: BuilderAction): void {\n    if (hasTransferables(action)) {\n      const { transferables, ...forwardedAction } = action\n      this.messageChannel.postMessage(forwardedAction, transferables)\n      return\n    }\n\n    this.messageChannel.postMessage(action)\n  }\n\n  dispatchBuffered(): void {\n    this.messageChannel.dispatchBuffered()\n  }\n}\n"],"mappings":"AAAA,SAA0B,oBAAoB;AAE9C,SAA6B,oBAAoB,wBAAwB;AACzE,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AAGjC,MAAM,gBAAsC;AAAA,EACzC;AAAA,EAER,YAAY,EAAE,UAAU,GAA0B;AAChD,SAAK,iBAAiB,IAAI,eAAe,EAAE,UAAU,CAAC;AAAA,EACxD;AAAA,EAEA,mBAAmB,OAA4B;AAC7C,SAAK,QAAQ,EAAE,MAAM,mBAAmB,sBAAsB,SAAS,MAAM,CAAC;AAAA,EAChF;AAAA;AAAA,EAIA,MAAM,EAAE,aAAa,GAAiE;AACpF,UAAM,iBAAiB,KAAK,eAAe,MAAM;AAAA,MAC/C,WAAW,CAAC,UAAwB;AAClC,cAAM,SAAS,MAAM;AAErB,YAAI,CAAC,aAAa,MAAM,GAAG;AACzB,kBAAQ,KAAK,0BAA0B,MAAM;AAC7C;AAAA,QACF;AAEA,qBAAa,MAAM;AAAA,MACrB;AAAA,IACF,CAAC;AAED,UAAM,4BAA4B;AAAA,MAAwB,WACxD,KAAK,mBAAmB,KAAK;AAAA,IAC/B;AAEA,WAAO,MAAM;AACX,qBAAe;AACf,gCAA0B;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,QAAQ,QAA6B;AACnC,QAAI,iBAAiB,MAAM,GAAG;AAC5B,YAAM,EAAE,eAAe,GAAG,gBAAgB,IAAI;AAC9C,WAAK,eAAe,YAAY,iBAAiB,aAAa;AAC9D;AAAA,IACF;AAEA,SAAK,eAAe,YAAY,MAAM;AAAA,EACxC;AAAA,EAEA,mBAAyB;AACvB,SAAK,eAAe,iBAAiB;AAAA,EACvC;AACF;","names":[]}

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

@@ -0,0 +1,81 @@
+import { isAction } from "@reduxjs/toolkit";
+import { SharedActionTypes } from "./shared-api";
+const HostActionTypes = {
+  ...SharedActionTypes,
+  INIT: "INIT",
+  CLEAN_UP: "CLEAN_UP",
+  CHANGE_DOCUMENT: "CHANGE_DOCUMENT",
+  CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP: "CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP",
+  SCROLL_DOCUMENT_ELEMENT: "SCROLL_DOCUMENT_ELEMENT",
+  MESSAGE_HOST_PROP_CONTROLLER: "MESSAGE_HOST_PROP_CONTROLLER",
+  CHANGE_API_RESOURCE: "CHANGE_API_RESOURCE",
+  EVICT_API_RESOURCE: "EVICT_API_RESOURCE",
+  SET_BUILDER_EDIT_MODE: "SET_BUILDER_EDIT_MODE",
+  SET_LOCALIZED_RESOURCE_ID: "SET_LOCALIZED_RESOURCE_ID",
+  BUILDER_POINTER_MOVE: "BUILDER_POINTER_MOVE"
+};
+function init() {
+  return { type: HostActionTypes.INIT };
+}
+function cleanUp() {
+  return { type: HostActionTypes.CLEAN_UP };
+}
+function changeDocument(documentKey, operation) {
+  return { type: HostActionTypes.CHANGE_DOCUMENT, payload: { documentKey, operation } };
+}
+function changeDocumentElementScrollTop(scrollTop) {
+  return { type: HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP, payload: { scrollTop } };
+}
+function scrollDocumentElement(scrollTopDelta) {
+  return { type: HostActionTypes.SCROLL_DOCUMENT_ELEMENT, payload: { scrollTopDelta } };
+}
+function messageHostPropController(documentKey, elementKey, propName, message) {
+  return {
+    type: HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER,
+    payload: { documentKey, elementKey, propName, message }
+  };
+}
+function changeApiResource(resource, locale) {
+  return { type: HostActionTypes.CHANGE_API_RESOURCE, payload: { resource, locale } };
+}
+function evictApiResource(id, locale) {
+  return { type: HostActionTypes.EVICT_API_RESOURCE, payload: { id, locale } };
+}
+function setBuilderEditMode(editMode) {
+  return {
+    type: HostActionTypes.SET_BUILDER_EDIT_MODE,
+    payload: { editMode }
+  };
+}
+function setLocalizedResourceId({
+  resourceId,
+  localizedResourceId,
+  locale
+}) {
+  return {
+    type: HostActionTypes.SET_LOCALIZED_RESOURCE_ID,
+    payload: { resourceId, localizedResourceId, locale }
+  };
+}
+function builderPointerMove(pointer) {
+  return { type: HostActionTypes.BUILDER_POINTER_MOVE, payload: { pointer } };
+}
+function isHostAction(action) {
+  return isAction(action) && Object.hasOwn(HostActionTypes, action.type);
+}
+export {
+  HostActionTypes,
+  builderPointerMove,
+  changeApiResource,
+  changeDocument,
+  changeDocumentElementScrollTop,
+  cleanUp,
+  evictApiResource,
+  init,
+  isHostAction,
+  messageHostPropController,
+  scrollDocumentElement,
+  setBuilderEditMode,
+  setLocalizedResourceId
+};
+//# sourceMappingURL=host-api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/state/host-api.ts"],"sourcesContent":["import { isAction } from '@reduxjs/toolkit'\n\nimport { type Operation } from 'ot-json0'\n\nimport { type PropControllerMessage } from '../prop-controllers/instances'\nimport { type APIResource, APIResourceLocale } from '../api/types'\n\nimport { BuilderEditMode } from './modules/builder-edit-mode'\nimport { type Point } from './modules/read-write/pointer'\n\nimport { type SharedAction, SharedActionTypes } from './shared-api'\n\n// actions dispatched by the builder to the host (\"Host API\")\nexport const HostActionTypes = {\n  ...SharedActionTypes,\n\n  INIT: 'INIT',\n  CLEAN_UP: 'CLEAN_UP',\n\n  CHANGE_DOCUMENT: 'CHANGE_DOCUMENT',\n\n  CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP: 'CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP',\n  SCROLL_DOCUMENT_ELEMENT: 'SCROLL_DOCUMENT_ELEMENT',\n\n  MESSAGE_HOST_PROP_CONTROLLER: 'MESSAGE_HOST_PROP_CONTROLLER',\n\n  CHANGE_API_RESOURCE: 'CHANGE_API_RESOURCE',\n  EVICT_API_RESOURCE: 'EVICT_API_RESOURCE',\n\n  SET_BUILDER_EDIT_MODE: 'SET_BUILDER_EDIT_MODE',\n  SET_LOCALIZED_RESOURCE_ID: 'SET_LOCALIZED_RESOURCE_ID',\n\n  BUILDER_POINTER_MOVE: 'BUILDER_POINTER_MOVE',\n} as const\n\ntype InitAction = { type: typeof HostActionTypes.INIT }\n\ntype CleanUpAction = { type: typeof HostActionTypes.CLEAN_UP }\n\ntype ChangeDocumentAction = {\n  type: typeof HostActionTypes.CHANGE_DOCUMENT\n  payload: { documentKey: string; operation: Operation }\n}\n\ntype ChangeDocumentElementScrollTopAction = {\n  type: typeof HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP\n  payload: { scrollTop: number }\n}\n\ntype ScrollDocumentElementAction = {\n  type: typeof HostActionTypes.SCROLL_DOCUMENT_ELEMENT\n  payload: { scrollTopDelta: number }\n}\n\ntype MessageHostPropControllerAction<T = PropControllerMessage> = {\n  type: typeof HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype ChangeAPIResourceAction = {\n  type: typeof HostActionTypes.CHANGE_API_RESOURCE\n  payload: { resource: APIResource; locale?: string | null }\n}\n\ntype EvictAPIResourceAction = {\n  type: typeof HostActionTypes.EVICT_API_RESOURCE\n  payload: { id: string; locale?: string | null }\n}\n\ntype SetBuilderEditModeAction = {\n  type: typeof HostActionTypes.SET_BUILDER_EDIT_MODE\n  payload: { editMode: BuilderEditMode }\n}\n\ntype SetLocalizedResourceIdAction = {\n  type: typeof HostActionTypes.SET_LOCALIZED_RESOURCE_ID\n  // TODO: make `locale` required once we've upgraded the builder to always provide it\n  payload: { locale?: string; resourceId: string; localizedResourceId: string | null }\n}\n\ntype BuilderPointerMoveAction = {\n  type: typeof HostActionTypes.BUILDER_POINTER_MOVE\n  payload: { pointer: Point | null }\n}\n\nexport type HostAction =\n  | SharedAction\n  | InitAction\n  | CleanUpAction\n  | ChangeDocumentAction\n  | ChangeDocumentElementScrollTopAction\n  | ScrollDocumentElementAction\n  | MessageHostPropControllerAction\n  | ChangeAPIResourceAction\n  | EvictAPIResourceAction\n  | SetBuilderEditModeAction\n  | SetLocalizedResourceIdAction\n  | BuilderPointerMoveAction\n\nexport function init(): InitAction {\n  return { type: HostActionTypes.INIT }\n}\n\nexport function cleanUp(): CleanUpAction {\n  return { type: HostActionTypes.CLEAN_UP }\n}\n\nexport function changeDocument(documentKey: string, operation: Operation): ChangeDocumentAction {\n  return { type: HostActionTypes.CHANGE_DOCUMENT, payload: { documentKey, operation } }\n}\n\nexport function changeDocumentElementScrollTop(\n  scrollTop: number,\n): ChangeDocumentElementScrollTopAction {\n  return { type: HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP, payload: { scrollTop } }\n}\n\nexport function scrollDocumentElement(scrollTopDelta: number): ScrollDocumentElementAction {\n  return { type: HostActionTypes.SCROLL_DOCUMENT_ELEMENT, payload: { scrollTopDelta } }\n}\n\nexport function messageHostPropController<T>(\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n  message: T,\n): MessageHostPropControllerAction<T> {\n  return {\n    type: HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function changeApiResource<R extends APIResource>(\n  resource: R,\n  locale?: APIResourceLocale<R>,\n): ChangeAPIResourceAction {\n  return { type: HostActionTypes.CHANGE_API_RESOURCE, payload: { resource, locale } }\n}\n\nexport function evictApiResource(id: string, locale?: string | null): EvictAPIResourceAction {\n  return { type: HostActionTypes.EVICT_API_RESOURCE, payload: { id, locale } }\n}\n\nexport function setBuilderEditMode(editMode: BuilderEditMode): SetBuilderEditModeAction {\n  return {\n    type: HostActionTypes.SET_BUILDER_EDIT_MODE,\n    payload: { editMode },\n  }\n}\n\nexport function setLocalizedResourceId({\n  resourceId,\n  localizedResourceId,\n  locale,\n}: {\n  resourceId: string\n  localizedResourceId: string | null\n  locale?: string\n}): SetLocalizedResourceIdAction {\n  return {\n    type: HostActionTypes.SET_LOCALIZED_RESOURCE_ID,\n    payload: { resourceId, localizedResourceId, locale },\n  }\n}\n\nexport function builderPointerMove(pointer: Point | null): BuilderPointerMoveAction {\n  return { type: HostActionTypes.BUILDER_POINTER_MOVE, payload: { pointer } }\n}\n\nexport function isHostAction(action: unknown): action is HostAction {\n  return isAction(action) && Object.hasOwn(HostActionTypes, action.type)\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AAUzB,SAA4B,yBAAyB;AAG9C,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EAEH,MAAM;AAAA,EACN,UAAU;AAAA,EAEV,iBAAiB;AAAA,EAEjB,oCAAoC;AAAA,EACpC,yBAAyB;AAAA,EAEzB,8BAA8B;AAAA,EAE9B,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EAEpB,uBAAuB;AAAA,EACvB,2BAA2B;AAAA,EAE3B,sBAAsB;AACxB;AAkEO,SAAS,OAAmB;AACjC,SAAO,EAAE,MAAM,gBAAgB,KAAK;AACtC;AAEO,SAAS,UAAyB;AACvC,SAAO,EAAE,MAAM,gBAAgB,SAAS;AAC1C;AAEO,SAAS,eAAe,aAAqB,WAA4C;AAC9F,SAAO,EAAE,MAAM,gBAAgB,iBAAiB,SAAS,EAAE,aAAa,UAAU,EAAE;AACtF;AAEO,SAAS,+BACd,WACsC;AACtC,SAAO,EAAE,MAAM,gBAAgB,oCAAoC,SAAS,EAAE,UAAU,EAAE;AAC5F;AAEO,SAAS,sBAAsB,gBAAqD;AACzF,SAAO,EAAE,MAAM,gBAAgB,yBAAyB,SAAS,EAAE,eAAe,EAAE;AACtF;AAEO,SAAS,0BACd,aACA,YACA,UACA,SACoC;AACpC,SAAO;AAAA,IACL,MAAM,gBAAgB;AAAA,IACtB,SAAS,EAAE,aAAa,YAAY,UAAU,QAAQ;AAAA,EACxD;AACF;AAEO,SAAS,kBACd,UACA,QACyB;AACzB,SAAO,EAAE,MAAM,gBAAgB,qBAAqB,SAAS,EAAE,UAAU,OAAO,EAAE;AACpF;AAEO,SAAS,iBAAiB,IAAY,QAAgD;AAC3F,SAAO,EAAE,MAAM,gBAAgB,oBAAoB,SAAS,EAAE,IAAI,OAAO,EAAE;AAC7E;AAEO,SAAS,mBAAmB,UAAqD;AACtF,SAAO;AAAA,IACL,MAAM,gBAAgB;AAAA,IACtB,SAAS,EAAE,SAAS;AAAA,EACtB;AACF;AAEO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAIiC;AAC/B,SAAO;AAAA,IACL,MAAM,gBAAgB;AAAA,IACtB,SAAS,EAAE,YAAY,qBAAqB,OAAO;AAAA,EACrD;AACF;AAEO,SAAS,mBAAmB,SAAiD;AAClF,SAAO,EAAE,MAAM,gBAAgB,sBAAsB,SAAS,EAAE,QAAQ,EAAE;AAC5E;AAEO,SAAS,aAAa,QAAuC;AAClE,SAAO,SAAS,MAAM,KAAK,OAAO,OAAO,iBAAiB,OAAO,IAAI;AACvE;","names":[]}

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

@@ -0,0 +1,13 @@
+import { actionMiddleware } from "../toolkit";
+function makeswiftApiClientSyncMiddleware(client) {
+  return actionMiddleware(() => (next) => {
+    return (action) => {
+      client.store.dispatch(action);
+      return next(action);
+    };
+  });
+}
+export {
+  makeswiftApiClientSyncMiddleware
+};
+//# sourceMappingURL=makeswift-api-client-sync.js.map

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.store.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,MAAM,SAAS,MAAM;AAE5B,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/esm/state/middleware/read-only-element-tree.js

@@ -0,0 +1,28 @@
+import { ActionTypes } from "../actions";
+import { createElementTree, deleteElementTree } from "../actions/internal/read-only-actions";
+import { actionMiddleware } from "../toolkit";
+import { getPropControllerDescriptors } from "../read-only-state";
+function readOnlyElementTreeMiddleware() {
+  return actionMiddleware(({ dispatch, getState }) => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case ActionTypes.REGISTER_DOCUMENT:
+          dispatch(
+            createElementTree({
+              document: action.payload.document,
+              descriptors: getPropControllerDescriptors(getState())
+            })
+          );
+          break;
+        case ActionTypes.UNREGISTER_DOCUMENT:
+          dispatch(deleteElementTree(action.payload));
+          break;
+      }
+      return next(action);
+    };
+  });
+}
+export {
+  readOnlyElementTreeMiddleware
+};
+//# sourceMappingURL=read-only-element-tree.js.map