@makeswift/runtime 0.28.0-canary.3 → 0.28.0

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

@@ -1 +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 BoxModel } 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\nexport * from '../shared-api'\n\n// actions dispatched by the host to the builder (\"Builder API\")\n// note that some of these actions, in addition to being dispatched to the builder,\n// might also be internally intercepted by the host as a part of maintaining the\n// runtime's \"read-write\" state\nexport const BuilderActionTypes = {\n  ...SharedActionTypes,\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  payload: { currentUrl: string }\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, BoxModel | 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: { url: string | null }\n}\n\nexport type BuilderAction =\n  | SharedAction\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(\n  payload: MakeswiftConnectionCheckAction['payload'],\n): MakeswiftConnectionCheckAction {\n  return { type: BuilderActionTypes.MAKESWIFT_CONNECTION_CHECK, payload }\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, BoxModel | 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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,wBAA2E;AAE3E,4BAAc,0BAZd;AAkBO,MAAM,qBAAqB;AAAA,EAChC,GAAG;AAAA,EAEH,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;AAiGO,SAAS,yBACd,SACgC;AAChC,SAAO,EAAE,MAAM,mBAAmB,4BAA4B,QAAQ;AACxE;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":[]}
+{"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 BoxModel } 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'\n\nexport * from '../shared-api'\n\n// actions dispatched by the host to the builder (\"Builder API\")\n// note that some of these actions, in addition to being dispatched to the builder,\n// might also be internally intercepted by the host as a part of maintaining the\n// runtime's \"read-write\" state\nexport const BuilderActionTypes = {\n  ...SharedActionTypes,\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, BoxModel | 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  | 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, BoxModel | 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":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,wBAA2E;AAI3E,4BAAc,0BAdd;AAoBO,MAAM,qBAAqB;AAAA,EAChC,GAAG;AAAA,EAEH,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;AAgGO,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/cjs/state/builder-api/api.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var api_exports = {};
+module.exports = __toCommonJS(api_exports);
+//# sourceMappingURL=api.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/builder-api/api.ts"],"sourcesContent":["export type HostNavigationEvent = {\n  url: string | null\n  initialPageLoad: boolean\n}\n\nexport type BuilderApi = {\n  handleHostNavigate(event: HostNavigationEvent): void\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/state/builder-api/message-channel.js

@@ -28,7 +28,6 @@ class MessageChannel {
   appOrigin;
   channel = null;
   bufferedMessages = [];
-  connectionCheckIntervalID = null;
   constructor({ appOrigin }) {
     this.appOrigin = appOrigin;
   }
@@ -39,12 +38,20 @@ class MessageChannel {
       this.bufferedMessages.push([message, transferables]);
     }
   }
-  setup(onMessage) {
-    this.setupConnectionCheck();
+  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");
@@ -53,38 +60,35 @@ class MessageChannel {
     });
     this.bufferedMessages = [];
   }
-  teardown() {
-    this.teardownConnectionCheck();
-    if (this.channel) {
-      this.channel.onmessage = null;
-      this.channel.close();
+}
+function setupConnectionCheck(appOrigin) {
+  class Interval {
+    id = null;
+    setInterval(callback, delay) {
+      this.clear();
+      this.id = window.setInterval(callback, delay);
     }
-  }
-  setupConnectionCheck() {
-    window.addEventListener("message", this.connectionCheckHandler);
-    window.parent.postMessage((0, import_shared_api.makeswiftConnectionInit)(), { targetOrigin: this.appOrigin });
-  }
-  teardownConnectionCheck() {
-    window.removeEventListener("message", this.connectionCheckHandler);
-    if (this.connectionCheckIntervalID != null) {
-      window.clearInterval(this.connectionCheckIntervalID);
-      this.connectionCheckIntervalID = null;
+    clear() {
+      if (this.id != null) {
+        window.clearInterval(this.id);
+        this.id = null;
+      }
     }
   }
-  // use class field syntax to preserve the identity of the handler
-  // for adding and removing the event listener
-  connectionCheckHandler = (event) => {
-    if (event.origin === this.appOrigin && event.data.type === import_shared_api.SharedActionTypes.MAKESWIFT_CONNECTION_INIT) {
-      if (this.connectionCheckIntervalID != null) {
-        window.clearInterval(this.connectionCheckIntervalID);
-        this.connectionCheckIntervalID = null;
-      }
-      this.connectionCheckIntervalID = window.setInterval(() => {
-        window.parent.postMessage((0, import_actions.makeswiftConnectionCheck)({ currentUrl: window.location.href }), {
-          targetOrigin: this.appOrigin
-        });
-      }, CONNECTION_PING_INTERVAL_MS);
+  const connectionCheckInterval = new Interval();
+  function connectionCheckHandler(event) {
+    if (event.origin === appOrigin && event.data.type === import_shared_api.SharedActionTypes.MAKESWIFT_CONNECTION_INIT) {
+      connectionCheckInterval.setInterval(
+        () => window.parent.postMessage((0, import_actions.makeswiftConnectionCheck)(), { targetOrigin: appOrigin }),
+        CONNECTION_PING_INTERVAL_MS
+      );
     }
+  }
+  window.addEventListener("message", connectionCheckHandler);
+  window.parent.postMessage((0, import_shared_api.makeswiftConnectionInit)(), { targetOrigin: appOrigin });
+  return () => {
+    window.removeEventListener("message", connectionCheckHandler);
+    connectionCheckInterval.clear();
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +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  private connectionCheckIntervalID: number | null = null\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: (event: MessageEvent) => void) {\n    this.setupConnectionCheck()\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\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  public teardown() {\n    this.teardownConnectionCheck()\n\n    if (this.channel) {\n      this.channel.onmessage = null\n      this.channel.close()\n    }\n  }\n\n  private setupConnectionCheck() {\n    window.addEventListener('message', this.connectionCheckHandler)\n    window.parent.postMessage(makeswiftConnectionInit(), { targetOrigin: this.appOrigin })\n  }\n\n  private teardownConnectionCheck() {\n    window.removeEventListener('message', this.connectionCheckHandler)\n    if (this.connectionCheckIntervalID != null) {\n      window.clearInterval(this.connectionCheckIntervalID)\n      this.connectionCheckIntervalID = null\n    }\n  }\n\n  // use class field syntax to preserve the identity of the handler\n  // for adding and removing the event listener\n  private connectionCheckHandler = (event: MessageEvent) => {\n    if (\n      event.origin === this.appOrigin &&\n      event.data.type === SharedActionTypes.MAKESWIFT_CONNECTION_INIT\n    ) {\n      if (this.connectionCheckIntervalID != null) {\n        window.clearInterval(this.connectionCheckIntervalID)\n        this.connectionCheckIntervalID = null\n      }\n\n      this.connectionCheckIntervalID = window.setInterval(() => {\n        window.parent.postMessage(makeswiftConnectionCheck({ currentUrl: window.location.href }), {\n          targetOrigin: this.appOrigin,\n        })\n      }, CONNECTION_PING_INTERVAL_MS)\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2D;AAC3D,qBAAyC;AAEzC,MAAM,8BAA8B;AAE7B,MAAM,eAAe;AAAA,EACT;AAAA,EACT,UAA8B;AAAA,EAC9B,mBAA6C,CAAC;AAAA,EAC9C,4BAA2C;AAAA,EAEnD,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,WAA0C;AACrD,SAAK,qBAAqB;AAE1B,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;AAAA,EACzB;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;AAAA,EAEO,WAAW;AAChB,SAAK,wBAAwB;AAE7B,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,YAAY;AACzB,WAAK,QAAQ,MAAM;AAAA,IACrB;AAAA,EACF;AAAA,EAEQ,uBAAuB;AAC7B,WAAO,iBAAiB,WAAW,KAAK,sBAAsB;AAC9D,WAAO,OAAO,gBAAY,2CAAwB,GAAG,EAAE,cAAc,KAAK,UAAU,CAAC;AAAA,EACvF;AAAA,EAEQ,0BAA0B;AAChC,WAAO,oBAAoB,WAAW,KAAK,sBAAsB;AACjE,QAAI,KAAK,6BAA6B,MAAM;AAC1C,aAAO,cAAc,KAAK,yBAAyB;AACnD,WAAK,4BAA4B;AAAA,IACnC;AAAA,EACF;AAAA;AAAA;AAAA,EAIQ,yBAAyB,CAAC,UAAwB;AACxD,QACE,MAAM,WAAW,KAAK,aACtB,MAAM,KAAK,SAAS,oCAAkB,2BACtC;AACA,UAAI,KAAK,6BAA6B,MAAM;AAC1C,eAAO,cAAc,KAAK,yBAAyB;AACnD,aAAK,4BAA4B;AAAA,MACnC;AAEA,WAAK,4BAA4B,OAAO,YAAY,MAAM;AACxD,eAAO,OAAO,gBAAY,yCAAyB,EAAE,YAAY,OAAO,SAAS,KAAK,CAAC,GAAG;AAAA,UACxF,cAAc,KAAK;AAAA,QACrB,CAAC;AAAA,MACH,GAAG,2BAA2B;AAAA,IAChC;AAAA,EACF;AACF;","names":[]}
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2D;AAC3D,qBAAyC;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,oCAAkB,2BACtC;AACA,8BAAwB;AAAA,QACtB,MAAM,OAAO,OAAO,gBAAY,yCAAyB,GAAG,EAAE,cAAc,UAAU,CAAC;AAAA,QACvF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,iBAAiB,WAAW,sBAAsB;AACzD,SAAO,OAAO,gBAAY,2CAAwB,GAAG,EAAE,cAAc,UAAU,CAAC;AAEhF,SAAO,MAAM;AACX,WAAO,oBAAoB,WAAW,sBAAsB;AAC5D,4BAAwB,MAAM;AAAA,EAChC;AACF;","names":[]}

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

@@ -0,0 +1,90 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navigation_listener_exports = {};
+__export(navigation_listener_exports, {
+  setupNavigationListener: () => setupNavigationListener
+});
+module.exports = __toCommonJS(navigation_listener_exports);
+const CLICK_NAVIGATION_THRESHOLD_MS = 100;
+const LOCATION_CHECK_DELAY_MS = 700;
+function setupNavigationListener(callback) {
+  let previousLocation = null;
+  const handleNavigate = (event) => {
+    if (event.url === previousLocation)
+      return;
+    callback(event);
+    previousLocation = event.url;
+  };
+  handleNavigate({ url: windowLocation(), initialPageLoad: true });
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  const unsubscribes = [];
+  if ("navigation" in window && window.navigation) {
+    const navigation = window.navigation;
+    const handler = ({ destination }) => handleNavigate({ url: destination.url, initialPageLoad: false });
+    navigation.addEventListener("navigate", handler);
+    unsubscribes.push(() => navigation.removeEventListener("navigate", handler));
+    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() };
+    window.setTimeout(
+      () => handleNavigate({ url: windowLocation(), initialPageLoad: false }),
+      LOCATION_CHECK_DELAY_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,
+      initialPageLoad: false
+    });
+    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;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  setupNavigationListener
+});
+//# sourceMappingURL=navigation-listener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/builder-api/navigation-listener.ts"],"sourcesContent":["export type SiteNavigationEvent = {\n  url: string | null\n  initialPageLoad: boolean\n}\n\ntype ClickEvent = {\n  href: string\n  timestamp: number\n}\n\nconst CLICK_NAVIGATION_THRESHOLD_MS = 100\nconst LOCATION_CHECK_DELAY_MS = 700 // give the host generous time to perform the navigation\n\nexport function setupNavigationListener(\n  callback: (args: SiteNavigationEvent) => void,\n): VoidFunction {\n  let previousLocation: string | null = null\n\n  const handleNavigate = (event: SiteNavigationEvent) => {\n    if (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(), initialPageLoad: true })\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 handler = ({ destination }: NavigateEvent) =>\n      handleNavigate({ url: destination.url, initialPageLoad: false })\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', handler)\n    unsubscribes.push(() => navigation.removeEventListener('navigate', handler))\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  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    // 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    window.setTimeout(\n      () => handleNavigate({ url: windowLocation(), initialPageLoad: false }),\n      LOCATION_CHECK_DELAY_MS,\n    )\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      initialPageLoad: false,\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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,MAAM,gCAAgC;AACtC,MAAM,0BAA0B;AAEzB,SAAS,wBACd,UACc;AACd,MAAI,mBAAkC;AAEtC,QAAM,iBAAiB,CAAC,UAA+B;AACrD,QAAI,MAAM,QAAQ;AAAkB;AAEpC,aAAS,KAAK;AACd,uBAAmB,MAAM;AAAA,EAC3B;AAGA,iBAAe,EAAE,KAAK,eAAe,GAAG,iBAAiB,KAAK,CAAC;AAE/D,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,UAAU,CAAC,EAAE,YAAY,MAC7B,eAAe,EAAE,KAAK,YAAY,KAAK,iBAAiB,MAAM,CAAC;AAKjE,eAAW,iBAAiB,YAAY,OAAO;AAC/C,iBAAa,KAAK,MAAM,WAAW,oBAAoB,YAAY,OAAO,CAAC;AAE3E,WAAO,MAAM;AACX,mBAAa,QAAQ,OAAK,EAAE,CAAC;AAAA,IAC/B;AAAA,EACF;AAKA,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;AAIvD,WAAO;AAAA,MACL,MAAM,eAAe,EAAE,KAAK,eAAe,GAAG,iBAAiB,MAAM,CAAC;AAAA,MACtE;AAAA,IACF;AAAA,EACF;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,iBAAiB;AAAA,IACnB,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/cjs/state/builder-api/proxy.js

@@ -24,21 +24,34 @@ module.exports = __toCommonJS(proxy_exports);
 var import_host_api = require("../host-api");
 var import_actions = require("./actions");
 var import_message_channel = require("./message-channel");
+var import_navigation_listener = require("./navigation-listener");
 class BuilderAPIProxy {
   messageChannel;
   constructor({ appOrigin }) {
     this.messageChannel = new import_message_channel.MessageChannel({ appOrigin });
   }
+  handleHostNavigate(event) {
+    this.execute({ type: import_actions.BuilderActionTypes.HANDLE_HOST_NAVIGATE, payload: event });
+  }
   // low-level, action-based API
   setup({ onHostAction }) {
-    this.messageChannel.setup((event) => {
-      const action = event.data;
-      if (!(0, import_host_api.isHostAction)(action)) {
-        console.warn("Unexpected host action", action);
-        return;
+    const channelCleanup = this.messageChannel.setup({
+      onMessage: (event) => {
+        const action = event.data;
+        if (!(0, import_host_api.isHostAction)(action)) {
+          console.warn("Unexpected host action", action);
+          return;
+        }
+        onHostAction(action);
       }
-      onHostAction(action);
     });
+    const navigationListenerCleanup = (0, import_navigation_listener.setupNavigationListener)(
+      (event) => this.handleHostNavigate(event)
+    );
+    return () => {
+      channelCleanup();
+      navigationListenerCleanup();
+    };
   }
   execute(action) {
     if ((0, import_actions.hasTransferables)(action)) {
@@ -51,9 +64,6 @@ class BuilderAPIProxy {
   dispatchBuffered() {
     this.messageChannel.dispatchBuffered();
   }
-  teardown() {
-    this.messageChannel.teardown();
-  }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/builder-api/proxy.ts"],"sourcesContent":["import { type HostAction, isHostAction } from '../host-api'\n\nimport { type BuilderAction, hasTransferables } from './actions'\nimport { MessageChannel } from './message-channel'\n\nexport class BuilderAPIProxy {\n  private messageChannel: MessageChannel\n\n  constructor({ appOrigin }: { appOrigin: string }) {\n    this.messageChannel = new MessageChannel({ appOrigin })\n  }\n\n  // low-level, action-based API\n\n  setup({ onHostAction }: { onHostAction: (action: HostAction) => void }): void {\n    this.messageChannel.setup((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  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  teardown(): void {\n    this.messageChannel.teardown()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8C;AAE9C,qBAAqD;AACrD,6BAA+B;AAExB,MAAM,gBAAgB;AAAA,EACnB;AAAA,EAER,YAAY,EAAE,UAAU,GAA0B;AAChD,SAAK,iBAAiB,IAAI,sCAAe,EAAE,UAAU,CAAC;AAAA,EACxD;AAAA;AAAA,EAIA,MAAM,EAAE,aAAa,GAAyD;AAC5E,SAAK,eAAe,MAAM,CAAC,UAAwB;AACjD,YAAM,SAAS,MAAM;AAErB,UAAI,KAAC,8BAAa,MAAM,GAAG;AACzB,gBAAQ,KAAK,0BAA0B,MAAM;AAC7C;AAAA,MACF;AAEA,mBAAa,MAAM;AAAA,IACrB,CAAC;AAAA,EACH;AAAA,EAEA,QAAQ,QAA6B;AACnC,YAAI,iCAAiB,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;AAAA,EAEA,WAAiB;AACf,SAAK,eAAe,SAAS;AAAA,EAC/B;AACF;","names":[]}
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8C;AAE9C,qBAAyE;AACzE,6BAA+B;AAC/B,iCAAwC;AAGjC,MAAM,gBAAsC;AAAA,EACzC;AAAA,EAER,YAAY,EAAE,UAAU,GAA0B;AAChD,SAAK,iBAAiB,IAAI,sCAAe,EAAE,UAAU,CAAC;AAAA,EACxD;AAAA,EAEA,mBAAmB,OAA4B;AAC7C,SAAK,QAAQ,EAAE,MAAM,kCAAmB,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,KAAC,8BAAa,MAAM,GAAG;AACzB,kBAAQ,KAAK,0BAA0B,MAAM;AAC7C;AAAA,QACF;AAEA,qBAAa,MAAM;AAAA,MACrB;AAAA,IACF,CAAC;AAED,UAAM,gCAA4B;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,YAAI,iCAAiB,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/cjs/state/middleware/read-write/builder-api/index.js

@@ -59,10 +59,13 @@ function builderAPIMiddleware(builderProxy) {
           window.getSelection()?.removeAllRanges();
           break;
         case import_host_api.HostActionTypes.INIT:
+          cleanUp();
           cleanUp = dispatch((0, import_initialize_connection.initializeBuilderConnection)(builderProxy));
           break;
         case import_host_api.HostActionTypes.CLEAN_UP:
           cleanUp();
+          cleanUp = () => {
+          };
           break;
       }
       return next(action);

package/dist/cjs/state/middleware/read-write/builder-api/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/index.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport { type Action } from '../../../actions'\n\nimport { BuilderActionTypes } from '../../../builder-api/actions'\n\nimport { actionMiddleware } from '../../../toolkit'\n\nimport { type BuilderAPIProxy } from '../../../builder-api/proxy'\nimport { HostActionTypes } from '../../../host-api'\n\nimport { type State, type Dispatch } from '../../../read-write-state'\nimport { initializeBuilderConnection } from './initialize-connection'\n\nexport function builderAPIMiddleware(\n  builderProxy: BuilderAPIProxy,\n): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch }) => next => {\n    if (typeof window === 'undefined') return (action: Action) => next(action)\n\n    let cleanUp = () => {}\n    return (action: Action) => {\n      switch (action.type) {\n        case BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS:\n        case BuilderActionTypes.MOUNT_COMPONENT:\n        case BuilderActionTypes.UNMOUNT_COMPONENT:\n        case BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:\n        case BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:\n        case BuilderActionTypes.HANDLE_WHEEL:\n        case BuilderActionTypes.HANDLE_POINTER_MOVE:\n        case BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE:\n        case BuilderActionTypes.SET_LOCALE:\n        case BuilderActionTypes.SET_BREAKPOINTS:\n        case BuilderActionTypes.REGISTER_BUILDER_DOCUMENT:\n        case BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT:\n        case BuilderActionTypes.REGISTER_BUILDER_COMPONENT:\n        case BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT:\n          builderProxy.execute(action)\n          break\n\n        case HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:\n          window.document.documentElement.scrollTop = action.payload.scrollTop\n          break\n\n        case HostActionTypes.SCROLL_DOCUMENT_ELEMENT:\n          window.document.documentElement.scrollTop += action.payload.scrollTopDelta\n          break\n\n        case HostActionTypes.SET_BUILDER_EDIT_MODE:\n          window.getSelection()?.removeAllRanges()\n          break\n\n        case HostActionTypes.INIT:\n          // dispatched by the parent window after establishing the connection\n          cleanUp = dispatch(initializeBuilderConnection(builderProxy))\n          break\n\n        case HostActionTypes.CLEAN_UP:\n          // dispatched by the parent window on disconnect\n          cleanUp()\n          break\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,IAAAA,kBAAmC;AAEnC,IAAAC,kBAAiC;AAGjC,sBAAgC;AAGhC,mCAA4C;AAErC,SAAS,qBACd,cACuC;AACvC,aAAO,kCAAiB,CAAC,EAAE,SAAS,MAAM,UAAQ;AAChD,QAAI,OAAO,WAAW;AAAa,aAAO,CAAC,WAAmB,KAAK,MAAM;AAEzE,QAAI,UAAU,MAAM;AAAA,IAAC;AACrB,WAAO,CAAC,WAAmB;AACzB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AACtB,uBAAa,QAAQ,MAAM;AAC3B;AAAA,QAEF,KAAK,gCAAgB;AACnB,iBAAO,SAAS,gBAAgB,YAAY,OAAO,QAAQ;AAC3D;AAAA,QAEF,KAAK,gCAAgB;AACnB,iBAAO,SAAS,gBAAgB,aAAa,OAAO,QAAQ;AAC5D;AAAA,QAEF,KAAK,gCAAgB;AACnB,iBAAO,aAAa,GAAG,gBAAgB;AACvC;AAAA,QAEF,KAAK,gCAAgB;AAEnB,oBAAU,aAAS,0DAA4B,YAAY,CAAC;AAC5D;AAAA,QAEF,KAAK,gCAAgB;AAEnB,kBAAQ;AACR;AAAA,MACJ;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":["import_actions","import_toolkit"]}
+{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/index.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport { type Action } from '../../../actions'\n\nimport { BuilderActionTypes } from '../../../builder-api/actions'\n\nimport { actionMiddleware } from '../../../toolkit'\n\nimport { type BuilderAPIProxy } from '../../../builder-api/proxy'\nimport { HostActionTypes } from '../../../host-api'\n\nimport { type State, type Dispatch } from '../../../read-write-state'\nimport { initializeBuilderConnection } from './initialize-connection'\n\nexport function builderAPIMiddleware(\n  builderProxy: BuilderAPIProxy,\n): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch }) => next => {\n    if (typeof window === 'undefined') return (action: Action) => next(action)\n\n    let cleanUp = () => {}\n    return (action: Action) => {\n      switch (action.type) {\n        case BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS:\n        case BuilderActionTypes.MOUNT_COMPONENT:\n        case BuilderActionTypes.UNMOUNT_COMPONENT:\n        case BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:\n        case BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:\n        case BuilderActionTypes.HANDLE_WHEEL:\n        case BuilderActionTypes.HANDLE_POINTER_MOVE:\n        case BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE:\n        case BuilderActionTypes.SET_LOCALE:\n        case BuilderActionTypes.SET_BREAKPOINTS:\n        case BuilderActionTypes.REGISTER_BUILDER_DOCUMENT:\n        case BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT:\n        case BuilderActionTypes.REGISTER_BUILDER_COMPONENT:\n        case BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT:\n          builderProxy.execute(action)\n          break\n\n        case HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:\n          window.document.documentElement.scrollTop = action.payload.scrollTop\n          break\n\n        case HostActionTypes.SCROLL_DOCUMENT_ELEMENT:\n          window.document.documentElement.scrollTop += action.payload.scrollTopDelta\n          break\n\n        case HostActionTypes.SET_BUILDER_EDIT_MODE:\n          window.getSelection()?.removeAllRanges()\n          break\n\n        case HostActionTypes.INIT:\n          // dispatched by the parent window after establishing the connection\n          // and in response to host's client-side navigation\n          cleanUp() // cleanup existing connection setup, if any\n          cleanUp = dispatch(initializeBuilderConnection(builderProxy))\n          break\n\n        case HostActionTypes.CLEAN_UP:\n          // dispatched by the parent window on disconnect\n          cleanUp()\n          cleanUp = () => {}\n          break\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,IAAAA,kBAAmC;AAEnC,IAAAC,kBAAiC;AAGjC,sBAAgC;AAGhC,mCAA4C;AAErC,SAAS,qBACd,cACuC;AACvC,aAAO,kCAAiB,CAAC,EAAE,SAAS,MAAM,UAAQ;AAChD,QAAI,OAAO,WAAW;AAAa,aAAO,CAAC,WAAmB,KAAK,MAAM;AAEzE,QAAI,UAAU,MAAM;AAAA,IAAC;AACrB,WAAO,CAAC,WAAmB;AACzB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AACtB,uBAAa,QAAQ,MAAM;AAC3B;AAAA,QAEF,KAAK,gCAAgB;AACnB,iBAAO,SAAS,gBAAgB,YAAY,OAAO,QAAQ;AAC3D;AAAA,QAEF,KAAK,gCAAgB;AACnB,iBAAO,SAAS,gBAAgB,aAAa,OAAO,QAAQ;AAC5D;AAAA,QAEF,KAAK,gCAAgB;AACnB,iBAAO,aAAa,GAAG,gBAAgB;AACvC;AAAA,QAEF,KAAK,gCAAgB;AAGnB,kBAAQ;AACR,oBAAU,aAAS,0DAA4B,YAAY,CAAC;AAC5D;AAAA,QAEF,KAAK,gCAAgB;AAEnB,kBAAQ;AACR,oBAAU,MAAM;AAAA,UAAC;AACjB;AAAA,MACJ;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":["import_actions","import_toolkit"]}

package/dist/cjs/state/read-write-state.js

@@ -106,7 +106,7 @@ function getElementImperativeHandlesContainingElement(state, element) {
 }
 function setupBuilderProxy(builderProxy) {
   return (dispatch) => {
-    builderProxy.setup({ onHostAction: (action) => dispatch(action) });
+    return builderProxy.setup({ onHostAction: (action) => dispatch(action) });
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/state/read-write-state.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/read-write-state.ts"],"sourcesContent":["import { combineReducers, type ThunkAction, type ThunkDispatch } from '@reduxjs/toolkit'\n\nimport * as Documents from './modules/read-write/read-write-documents'\nimport * as BoxModels from './modules/read-write/box-models'\nimport * as Pointer from './modules/read-write/pointer'\nimport * as ElementImperativeHandles from './modules/read-write/element-imperative-handles'\n\nimport { type Action } from './actions'\n\nimport { ElementImperativeHandle } from '../runtimes/react/element-imperative-handle'\n\nimport { BuilderAPIProxy } from './builder-api/proxy'\nimport * as ReadOnlyState from './read-only-state'\n\nexport type { Operation } from './modules/read-write/read-write-documents'\nexport type { BoxModelHandle } from './modules/read-write/box-models'\nexport { createBox, getBox, parse } from './modules/read-write/box-models'\n\nconst reducers = {\n  ...ReadOnlyState.reducers,\n  documents: Documents.reducer,\n  boxModels: BoxModels.reducer,\n  pointer: Pointer.reducer,\n  elementImperativeHandles: ElementImperativeHandles.reducer,\n}\n\nexport function createRootReducer() {\n  return combineReducers(reducers)\n}\n\nexport type State = Omit<ReadOnlyState.State, 'documents'> & {\n  documents: Documents.State\n  boxModels: BoxModels.State\n  pointer: Pointer.State\n  elementImperativeHandles: ElementImperativeHandles.State\n}\n\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nfunction getDocumentsStateSlice(state: State): Documents.State {\n  return state.documents\n}\n\nexport function getDocuments(state: State): Documents.State {\n  return Documents.getDocuments(getDocumentsStateSlice(state))\n}\n\nexport function getDocument(state: State, documentKey: string): Documents.Document | null {\n  return Documents.getDocument(getDocumentsStateSlice(state), documentKey)\n}\n\nfunction getBoxModelsStateSlice(state: State): BoxModels.State {\n  return state.boxModels\n}\n\nexport function getMeasurables(state: State): Map<string, Map<string, BoxModels.Measurable>> {\n  return BoxModels.getMeasurables(getBoxModelsStateSlice(state))\n}\n\nexport function getBoxModels(state: State): Map<string, Map<string, BoxModels.BoxModel>> {\n  return BoxModels.getBoxModels(getBoxModelsStateSlice(state))\n}\n\nexport function getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModels.BoxModel | null {\n  return BoxModels.getBoxModel(getBoxModelsStateSlice(state), documentKey, elementKey)\n}\n\nexport function getPointer(state: State): Pointer.Point | null {\n  return Pointer.getPointer(state.pointer)\n}\n\nexport function getElementImperativeHandles(\n  state: State,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  return ElementImperativeHandles.getElementImperativeHandles(state.elementImperativeHandles)\n}\n\nexport function getElementImperativeHandlesContainingElement(\n  state: State,\n  element: Element,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  const elementImperativeHandles = getElementImperativeHandles(state)\n  const filteredElementImperativeHandles = new Map<string, Map<string, ElementImperativeHandle>>()\n\n  for (const [documentKey, byElementKey] of elementImperativeHandles) {\n    const filteredByElementKey = new Map<string, ElementImperativeHandle>()\n\n    for (const [elementKey, elementImperativeHandle] of byElementKey) {\n      const handleElement = elementImperativeHandle.getDomNode()\n\n      if (handleElement?.contains(element)) {\n        filteredByElementKey.set(elementKey, elementImperativeHandle)\n      }\n    }\n\n    if (filteredByElementKey.size > 0) {\n      filteredElementImperativeHandles.set(documentKey, filteredByElementKey)\n    }\n  }\n\n  return filteredElementImperativeHandles\n}\n\nexport function setupBuilderProxy(\n  builderProxy: BuilderAPIProxy,\n): ThunkAction<void, State, unknown, Action> {\n  return dispatch => {\n    builderProxy.setup({ onHostAction: action => dispatch(action) })\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAsE;AAEtE,gBAA2B;AAC3B,gBAA2B;AAC3B,cAAyB;AACzB,+BAA0C;AAO1C,oBAA+B;AAI/B,wBAAyC;AAEzC,MAAM,WAAW;AAAA,EACf,GAAG,cAAc;AAAA,EACjB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,SAAS,QAAQ;AAAA,EACjB,0BAA0B,yBAAyB;AACrD;AAEO,SAAS,oBAAoB;AAClC,aAAO,gCAAgB,QAAQ;AACjC;AAWA,SAAS,uBAAuB,OAA+B;AAC7D,SAAO,MAAM;AACf;AAEO,SAAS,aAAa,OAA+B;AAC1D,SAAO,UAAU,aAAa,uBAAuB,KAAK,CAAC;AAC7D;AAEO,SAAS,YAAY,OAAc,aAAgD;AACxF,SAAO,UAAU,YAAY,uBAAuB,KAAK,GAAG,WAAW;AACzE;AAEA,SAAS,uBAAuB,OAA+B;AAC7D,SAAO,MAAM;AACf;AAEO,SAAS,eAAe,OAA8D;AAC3F,SAAO,UAAU,eAAe,uBAAuB,KAAK,CAAC;AAC/D;AAEO,SAAS,aAAa,OAA4D;AACvF,SAAO,UAAU,aAAa,uBAAuB,KAAK,CAAC;AAC7D;AAEO,SAAS,YACd,OACA,aACA,YAC2B;AAC3B,SAAO,UAAU,YAAY,uBAAuB,KAAK,GAAG,aAAa,UAAU;AACrF;AAEO,SAAS,WAAW,OAAoC;AAC7D,SAAO,QAAQ,WAAW,MAAM,OAAO;AACzC;AAEO,SAAS,4BACd,OACmD;AACnD,SAAO,yBAAyB,4BAA4B,MAAM,wBAAwB;AAC5F;AAEO,SAAS,6CACd,OACA,SACmD;AACnD,QAAM,2BAA2B,4BAA4B,KAAK;AAClE,QAAM,mCAAmC,oBAAI,IAAkD;AAE/F,aAAW,CAAC,aAAa,YAAY,KAAK,0BAA0B;AAClE,UAAM,uBAAuB,oBAAI,IAAqC;AAEtE,eAAW,CAAC,YAAY,uBAAuB,KAAK,cAAc;AAChE,YAAM,gBAAgB,wBAAwB,WAAW;AAEzD,UAAI,eAAe,SAAS,OAAO,GAAG;AACpC,6BAAqB,IAAI,YAAY,uBAAuB;AAAA,MAC9D;AAAA,IACF;AAEA,QAAI,qBAAqB,OAAO,GAAG;AACjC,uCAAiC,IAAI,aAAa,oBAAoB;AAAA,IACxE;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,kBACd,cAC2C;AAC3C,SAAO,cAAY;AACjB,iBAAa,MAAM,EAAE,cAAc,YAAU,SAAS,MAAM,EAAE,CAAC;AAAA,EACjE;AACF;","names":[]}
+{"version":3,"sources":["../../../src/state/read-write-state.ts"],"sourcesContent":["import { combineReducers, type ThunkAction, type ThunkDispatch } from '@reduxjs/toolkit'\n\nimport * as Documents from './modules/read-write/read-write-documents'\nimport * as BoxModels from './modules/read-write/box-models'\nimport * as Pointer from './modules/read-write/pointer'\nimport * as ElementImperativeHandles from './modules/read-write/element-imperative-handles'\n\nimport { type Action } from './actions'\n\nimport { ElementImperativeHandle } from '../runtimes/react/element-imperative-handle'\n\nimport { BuilderAPIProxy } from './builder-api/proxy'\nimport * as ReadOnlyState from './read-only-state'\n\nexport type { Operation } from './modules/read-write/read-write-documents'\nexport type { BoxModelHandle } from './modules/read-write/box-models'\nexport { createBox, getBox, parse } from './modules/read-write/box-models'\n\nconst reducers = {\n  ...ReadOnlyState.reducers,\n  documents: Documents.reducer,\n  boxModels: BoxModels.reducer,\n  pointer: Pointer.reducer,\n  elementImperativeHandles: ElementImperativeHandles.reducer,\n}\n\nexport function createRootReducer() {\n  return combineReducers(reducers)\n}\n\nexport type State = Omit<ReadOnlyState.State, 'documents'> & {\n  documents: Documents.State\n  boxModels: BoxModels.State\n  pointer: Pointer.State\n  elementImperativeHandles: ElementImperativeHandles.State\n}\n\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nfunction getDocumentsStateSlice(state: State): Documents.State {\n  return state.documents\n}\n\nexport function getDocuments(state: State): Documents.State {\n  return Documents.getDocuments(getDocumentsStateSlice(state))\n}\n\nexport function getDocument(state: State, documentKey: string): Documents.Document | null {\n  return Documents.getDocument(getDocumentsStateSlice(state), documentKey)\n}\n\nfunction getBoxModelsStateSlice(state: State): BoxModels.State {\n  return state.boxModels\n}\n\nexport function getMeasurables(state: State): Map<string, Map<string, BoxModels.Measurable>> {\n  return BoxModels.getMeasurables(getBoxModelsStateSlice(state))\n}\n\nexport function getBoxModels(state: State): Map<string, Map<string, BoxModels.BoxModel>> {\n  return BoxModels.getBoxModels(getBoxModelsStateSlice(state))\n}\n\nexport function getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModels.BoxModel | null {\n  return BoxModels.getBoxModel(getBoxModelsStateSlice(state), documentKey, elementKey)\n}\n\nexport function getPointer(state: State): Pointer.Point | null {\n  return Pointer.getPointer(state.pointer)\n}\n\nexport function getElementImperativeHandles(\n  state: State,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  return ElementImperativeHandles.getElementImperativeHandles(state.elementImperativeHandles)\n}\n\nexport function getElementImperativeHandlesContainingElement(\n  state: State,\n  element: Element,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  const elementImperativeHandles = getElementImperativeHandles(state)\n  const filteredElementImperativeHandles = new Map<string, Map<string, ElementImperativeHandle>>()\n\n  for (const [documentKey, byElementKey] of elementImperativeHandles) {\n    const filteredByElementKey = new Map<string, ElementImperativeHandle>()\n\n    for (const [elementKey, elementImperativeHandle] of byElementKey) {\n      const handleElement = elementImperativeHandle.getDomNode()\n\n      if (handleElement?.contains(element)) {\n        filteredByElementKey.set(elementKey, elementImperativeHandle)\n      }\n    }\n\n    if (filteredByElementKey.size > 0) {\n      filteredElementImperativeHandles.set(documentKey, filteredByElementKey)\n    }\n  }\n\n  return filteredElementImperativeHandles\n}\n\nexport function setupBuilderProxy(\n  builderProxy: BuilderAPIProxy,\n): ThunkAction<VoidFunction, State, unknown, Action> {\n  return dispatch => {\n    return builderProxy.setup({ onHostAction: action => dispatch(action) })\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAsE;AAEtE,gBAA2B;AAC3B,gBAA2B;AAC3B,cAAyB;AACzB,+BAA0C;AAO1C,oBAA+B;AAI/B,wBAAyC;AAEzC,MAAM,WAAW;AAAA,EACf,GAAG,cAAc;AAAA,EACjB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,SAAS,QAAQ;AAAA,EACjB,0BAA0B,yBAAyB;AACrD;AAEO,SAAS,oBAAoB;AAClC,aAAO,gCAAgB,QAAQ;AACjC;AAWA,SAAS,uBAAuB,OAA+B;AAC7D,SAAO,MAAM;AACf;AAEO,SAAS,aAAa,OAA+B;AAC1D,SAAO,UAAU,aAAa,uBAAuB,KAAK,CAAC;AAC7D;AAEO,SAAS,YAAY,OAAc,aAAgD;AACxF,SAAO,UAAU,YAAY,uBAAuB,KAAK,GAAG,WAAW;AACzE;AAEA,SAAS,uBAAuB,OAA+B;AAC7D,SAAO,MAAM;AACf;AAEO,SAAS,eAAe,OAA8D;AAC3F,SAAO,UAAU,eAAe,uBAAuB,KAAK,CAAC;AAC/D;AAEO,SAAS,aAAa,OAA4D;AACvF,SAAO,UAAU,aAAa,uBAAuB,KAAK,CAAC;AAC7D;AAEO,SAAS,YACd,OACA,aACA,YAC2B;AAC3B,SAAO,UAAU,YAAY,uBAAuB,KAAK,GAAG,aAAa,UAAU;AACrF;AAEO,SAAS,WAAW,OAAoC;AAC7D,SAAO,QAAQ,WAAW,MAAM,OAAO;AACzC;AAEO,SAAS,4BACd,OACmD;AACnD,SAAO,yBAAyB,4BAA4B,MAAM,wBAAwB;AAC5F;AAEO,SAAS,6CACd,OACA,SACmD;AACnD,QAAM,2BAA2B,4BAA4B,KAAK;AAClE,QAAM,mCAAmC,oBAAI,IAAkD;AAE/F,aAAW,CAAC,aAAa,YAAY,KAAK,0BAA0B;AAClE,UAAM,uBAAuB,oBAAI,IAAqC;AAEtE,eAAW,CAAC,YAAY,uBAAuB,KAAK,cAAc;AAChE,YAAM,gBAAgB,wBAAwB,WAAW;AAEzD,UAAI,eAAe,SAAS,OAAO,GAAG;AACpC,6BAAqB,IAAI,YAAY,uBAAuB;AAAA,MAC9D;AAAA,IACF;AAEA,QAAI,qBAAqB,OAAO,GAAG;AACjC,uCAAiC,IAAI,aAAa,oBAAoB;AAAA,IACxE;AAAA,EACF;AAEA,SAAO;AACT;AAEO,SAAS,kBACd,cACmD;AACnD,SAAO,cAAY;AACjB,WAAO,aAAa,MAAM,EAAE,cAAc,YAAU,SAAS,MAAM,EAAE,CAAC;AAAA,EACxE;AACF;","names":[]}

package/dist/cjs/state/store.js

@@ -114,10 +114,10 @@ function configureStore({
       const builderProxy = new BuilderAPIProxy({ appOrigin });
       readWriteMiddlewareRef.current = createReadWriteMiddleware({ builderProxy });
       const dispatch = store.dispatch;
-      dispatch(setupBuilderProxy(builderProxy));
+      const builderProxyCleanup = dispatch(setupBuilderProxy(builderProxy));
       readWriteCleanup = () => {
         readWriteMiddlewareRef.current = null;
-        builderProxy.teardown();
+        builderProxyCleanup();
       };
     })();
     try {

package/dist/cjs/state/store.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/store.ts"],"sourcesContent":["import {\n  type Middleware,\n  type StoreEnhancer,\n  type MiddlewareAPI,\n  configureStore as configureReduxStore,\n  combineReducers,\n  compose,\n} from '@reduxjs/toolkit'\n\nimport { MakeswiftHostApiClient } from '../api/client'\n\nimport { actionMiddleware, middlewareOptions, devToolsConfig } from './toolkit'\nimport { BuilderActionTypes } from './builder-api/actions'\nimport { HostActionTypes } from './host-api'\n\nimport * as Breakpoints from './modules/breakpoints'\n\nimport { readOnlyElementTreeMiddleware } from './middleware/read-only-element-tree'\n\nimport { type Action } from './actions'\nimport { type State as ReadWriteState } from './read-write-state'\nimport * as ReadOnlyState from './read-only-state'\n\nimport {\n  type State,\n  type Dispatch,\n  type ReadOnlyReducer,\n  type ReadWriteDispatch,\n} from './unified-state'\nimport { makeswiftApiClientSyncMiddleware } from './middleware/makeswift-api-client-sync'\n\ntype ReadWriteMiddleware = ReturnType<\n  typeof import('./middleware/read-write').createReadWriteMiddleware\n>\n\ntype ReadWriteMiddlewareRef = {\n  current: ReadWriteMiddleware | null\n}\n\nexport function conditionalReadWriteMiddleware(\n  middlewareRef: ReadWriteMiddlewareRef,\n): Middleware<Dispatch, State, Dispatch> {\n  let readWriteActionBuffer: Action[] = []\n  let middlewares: ReadWriteMiddleware | null = null\n  let enhancedDispatch: Dispatch | null = null\n\n  return actionMiddleware(({ dispatch, getState }) => next => {\n    return (action: Action) => {\n      const state = getState()\n\n      if (middlewareRef.current == null) {\n        if (!state.isReadOnly) {\n          // because switching to the read-write state is an asynchronous operation,\n          // we need to buffer all actions dispatched after the isReadOnly state is\n          // set to false but before the read-write middleware is installed\n          readWriteActionBuffer.push(action)\n        }\n\n        return next(action)\n      }\n\n      if (state.isReadOnly) {\n        console.error('Read-write state mismatch', {\n          isReadOnly: state.isReadOnly,\n          middlewareRef: middlewareRef.current,\n          siteVersion: state.siteVersion,\n        })\n      }\n\n      // build and cache the enhanced dispatch chain when read-write middleware is installed\n      if (enhancedDispatch == null || middlewares !== middlewareRef.current) {\n        middlewares = middlewareRef.current\n\n        const middlewareApi = { dispatch, getState } as MiddlewareAPI<\n          ReadWriteDispatch,\n          ReadWriteState\n        >\n\n        enhancedDispatch = compose<Dispatch>(...middlewares.map(mw => mw(middlewareApi)))(next)\n      }\n\n      // dispatch buffered actions, if any\n      if (readWriteActionBuffer.length > 0) {\n        const readWriteActions = [...readWriteActionBuffer]\n        readWriteActionBuffer = []\n\n        // Note that we're rerunning the actions through the entire middleware chain,\n        // including the read-only middleware and the reducers, some of which have\n        // already processed these actions once. This is safe to do because actions that\n        // are run as part of page initialization are idempotent.\n        for (const bufferedAction of readWriteActions) {\n          enhancedDispatch(bufferedAction)\n        }\n      }\n\n      return enhancedDispatch(action)\n    }\n  })\n}\n\ninterface ReadWriteStateMixin {\n  loadReadWriteState: ({ isReadOnly }: { isReadOnly: boolean }) => Promise<() => void>\n}\n\nfunction withReadWriteState(\n  loadReadWriteState: ReadWriteStateMixin['loadReadWriteState'],\n): StoreEnhancer<ReadWriteStateMixin> {\n  return next => (reducer, preloadedState?) => ({\n    ...next(reducer, preloadedState),\n    loadReadWriteState,\n  })\n}\n\nexport function configureStore({\n  name,\n  appOrigin,\n  hostApiClient,\n  preloadedState,\n  breakpoints,\n}: {\n  name: string\n  appOrigin: string\n  hostApiClient: MakeswiftHostApiClient\n  preloadedState: Partial<State> | null\n  breakpoints?: Breakpoints.State\n}) {\n  const readWriteMiddlewareRef: ReadWriteMiddlewareRef = {\n    current: null,\n  }\n\n  let refCount = 0\n  let readWriteCleanup: (() => void) | null = null\n  let readWriteSetupPromise: Promise<void> | null = null\n\n  const loadReadWriteState = async (): Promise<void> => {\n    if (readWriteCleanup != null) {\n      return\n    }\n\n    if (readWriteSetupPromise != null) {\n      await readWriteSetupPromise\n      return\n    }\n\n    readWriteSetupPromise = (async () => {\n      // import all the modules needed for read-write mode before proceeding with\n      // the setup to avoid race conditions when `setup` is called concurrently\n      // in two different page regions\n      const { BuilderAPIProxy } = await import('./builder-api/proxy')\n      const { createRootReducer, setupBuilderProxy } = await import('./read-write-state')\n      const { createReadWriteMiddleware } = await import('./middleware/read-write')\n\n      // IMPORTANT: only synchronous code after this point\n\n      // with all modules imported, check if another concurrent setup already\n      // initialized the read-write middleware\n      if (readWriteMiddlewareRef.current != null) {\n        return\n      }\n\n      store.replaceReducer(createRootReducer() as ReadOnlyReducer)\n\n      const builderProxy = new BuilderAPIProxy({ appOrigin })\n      readWriteMiddlewareRef.current = createReadWriteMiddleware({ builderProxy })\n\n      const dispatch = store.dispatch as ReadWriteDispatch\n      dispatch(setupBuilderProxy(builderProxy))\n\n      readWriteCleanup = () => {\n        readWriteMiddlewareRef.current = null\n        builderProxy.teardown()\n      }\n    })()\n\n    try {\n      await readWriteSetupPromise\n    } finally {\n      readWriteSetupPromise = null\n    }\n  }\n\n  const store = configureReduxStore({\n    reducer: combineReducers(ReadOnlyState.reducers),\n\n    preloadedState: {\n      ...preloadedState,\n      breakpoints: Breakpoints.getInitialState(breakpoints ?? preloadedState?.breakpoints),\n    },\n\n    middleware: getDefaultMiddleware =>\n      getDefaultMiddleware(middlewareOptions).concat([\n        readOnlyElementTreeMiddleware(),\n        makeswiftApiClientSyncMiddleware(hostApiClient),\n        conditionalReadWriteMiddleware(readWriteMiddlewareRef),\n      ]),\n\n    enhancers: getDefaultEnhancers =>\n      getDefaultEnhancers().concat(\n        withReadWriteState(async ({ isReadOnly }) => {\n          if (isReadOnly) {\n            if (refCount > 0) {\n              console.error('Read-write state mismatch', {\n                isReadOnly,\n                refCount,\n              })\n            }\n\n            return () => {}\n          }\n\n          await loadReadWriteState()\n          refCount += 1\n\n          let didCleanup = false\n          return () => {\n            if (didCleanup) {\n              return\n            }\n\n            didCleanup = true\n            refCount -= 1\n            if (refCount === 0 && readWriteCleanup != null) {\n              readWriteCleanup()\n              readWriteCleanup = null\n            }\n          }\n        }),\n      ),\n\n    devTools: devToolsConfig({\n      name: `${name} (${new Date().toISOString()})`,\n      actionsDenylist: [\n        HostActionTypes.BUILDER_POINTER_MOVE,\n        BuilderActionTypes.HANDLE_POINTER_MOVE,\n        BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE,\n      ],\n    }),\n  })\n\n  return store\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":"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","names":["import_toolkit","configureReduxStore"]}
+{"version":3,"sources":["../../../src/state/store.ts"],"sourcesContent":["import {\n  type Middleware,\n  type StoreEnhancer,\n  type MiddlewareAPI,\n  configureStore as configureReduxStore,\n  combineReducers,\n  compose,\n} from '@reduxjs/toolkit'\n\nimport { MakeswiftHostApiClient } from '../api/client'\n\nimport { actionMiddleware, middlewareOptions, devToolsConfig } from './toolkit'\nimport { BuilderActionTypes } from './builder-api/actions'\nimport { HostActionTypes } from './host-api'\n\nimport * as Breakpoints from './modules/breakpoints'\n\nimport { readOnlyElementTreeMiddleware } from './middleware/read-only-element-tree'\n\nimport { type Action } from './actions'\nimport { type State as ReadWriteState } from './read-write-state'\nimport * as ReadOnlyState from './read-only-state'\n\nimport {\n  type State,\n  type Dispatch,\n  type ReadOnlyReducer,\n  type ReadWriteDispatch,\n} from './unified-state'\nimport { makeswiftApiClientSyncMiddleware } from './middleware/makeswift-api-client-sync'\n\ntype ReadWriteMiddleware = ReturnType<\n  typeof import('./middleware/read-write').createReadWriteMiddleware\n>\n\ntype ReadWriteMiddlewareRef = {\n  current: ReadWriteMiddleware | null\n}\n\nexport function conditionalReadWriteMiddleware(\n  middlewareRef: ReadWriteMiddlewareRef,\n): Middleware<Dispatch, State, Dispatch> {\n  let readWriteActionBuffer: Action[] = []\n  let middlewares: ReadWriteMiddleware | null = null\n  let enhancedDispatch: Dispatch | null = null\n\n  return actionMiddleware(({ dispatch, getState }) => next => {\n    return (action: Action) => {\n      const state = getState()\n\n      if (middlewareRef.current == null) {\n        if (!state.isReadOnly) {\n          // because switching to the read-write state is an asynchronous operation,\n          // we need to buffer all actions dispatched after the isReadOnly state is\n          // set to false but before the read-write middleware is installed\n          readWriteActionBuffer.push(action)\n        }\n\n        return next(action)\n      }\n\n      if (state.isReadOnly) {\n        console.error('Read-write state mismatch', {\n          isReadOnly: state.isReadOnly,\n          middlewareRef: middlewareRef.current,\n          siteVersion: state.siteVersion,\n        })\n      }\n\n      // build and cache the enhanced dispatch chain when read-write middleware is installed\n      if (enhancedDispatch == null || middlewares !== middlewareRef.current) {\n        middlewares = middlewareRef.current\n\n        const middlewareApi = { dispatch, getState } as MiddlewareAPI<\n          ReadWriteDispatch,\n          ReadWriteState\n        >\n\n        enhancedDispatch = compose<Dispatch>(...middlewares.map(mw => mw(middlewareApi)))(next)\n      }\n\n      // dispatch buffered actions, if any\n      if (readWriteActionBuffer.length > 0) {\n        const readWriteActions = [...readWriteActionBuffer]\n        readWriteActionBuffer = []\n\n        // Note that we're rerunning the actions through the entire middleware chain,\n        // including the read-only middleware and the reducers, some of which have\n        // already processed these actions once. This is safe to do because actions that\n        // are run as part of page initialization are idempotent.\n        for (const bufferedAction of readWriteActions) {\n          enhancedDispatch(bufferedAction)\n        }\n      }\n\n      return enhancedDispatch(action)\n    }\n  })\n}\n\ninterface ReadWriteStateMixin {\n  loadReadWriteState: ({ isReadOnly }: { isReadOnly: boolean }) => Promise<() => void>\n}\n\nfunction withReadWriteState(\n  loadReadWriteState: ReadWriteStateMixin['loadReadWriteState'],\n): StoreEnhancer<ReadWriteStateMixin> {\n  return next => (reducer, preloadedState?) => ({\n    ...next(reducer, preloadedState),\n    loadReadWriteState,\n  })\n}\n\nexport function configureStore({\n  name,\n  appOrigin,\n  hostApiClient,\n  preloadedState,\n  breakpoints,\n}: {\n  name: string\n  appOrigin: string\n  hostApiClient: MakeswiftHostApiClient\n  preloadedState: Partial<State> | null\n  breakpoints?: Breakpoints.State\n}) {\n  const readWriteMiddlewareRef: ReadWriteMiddlewareRef = {\n    current: null,\n  }\n\n  let refCount = 0\n  let readWriteCleanup: (() => void) | null = null\n  let readWriteSetupPromise: Promise<void> | null = null\n\n  const loadReadWriteState = async (): Promise<void> => {\n    if (readWriteCleanup != null) {\n      return\n    }\n\n    if (readWriteSetupPromise != null) {\n      await readWriteSetupPromise\n      return\n    }\n\n    readWriteSetupPromise = (async () => {\n      // import all the modules needed for read-write mode before proceeding with\n      // the setup to avoid race conditions when `setup` is called concurrently\n      // in two different page regions\n      const { BuilderAPIProxy } = await import('./builder-api/proxy')\n      const { createRootReducer, setupBuilderProxy } = await import('./read-write-state')\n      const { createReadWriteMiddleware } = await import('./middleware/read-write')\n\n      // IMPORTANT: only synchronous code after this point\n\n      // with all modules imported, check if another concurrent setup already\n      // initialized the read-write middleware\n      if (readWriteMiddlewareRef.current != null) {\n        return\n      }\n\n      store.replaceReducer(createRootReducer() as ReadOnlyReducer)\n\n      const builderProxy = new BuilderAPIProxy({ appOrigin })\n      readWriteMiddlewareRef.current = createReadWriteMiddleware({ builderProxy })\n\n      const dispatch = store.dispatch as ReadWriteDispatch\n      const builderProxyCleanup = dispatch(setupBuilderProxy(builderProxy))\n\n      readWriteCleanup = () => {\n        readWriteMiddlewareRef.current = null\n        builderProxyCleanup()\n      }\n    })()\n\n    try {\n      await readWriteSetupPromise\n    } finally {\n      readWriteSetupPromise = null\n    }\n  }\n\n  const store = configureReduxStore({\n    reducer: combineReducers(ReadOnlyState.reducers),\n\n    preloadedState: {\n      ...preloadedState,\n      breakpoints: Breakpoints.getInitialState(breakpoints ?? preloadedState?.breakpoints),\n    },\n\n    middleware: getDefaultMiddleware =>\n      getDefaultMiddleware(middlewareOptions).concat([\n        readOnlyElementTreeMiddleware(),\n        makeswiftApiClientSyncMiddleware(hostApiClient),\n        conditionalReadWriteMiddleware(readWriteMiddlewareRef),\n      ]),\n\n    enhancers: getDefaultEnhancers =>\n      getDefaultEnhancers().concat(\n        withReadWriteState(async ({ isReadOnly }) => {\n          if (isReadOnly) {\n            if (refCount > 0) {\n              console.error('Read-write state mismatch', {\n                isReadOnly,\n                refCount,\n              })\n            }\n\n            return () => {}\n          }\n\n          await loadReadWriteState()\n          refCount += 1\n\n          let didCleanup = false\n          return () => {\n            if (didCleanup) {\n              return\n            }\n\n            didCleanup = true\n            refCount -= 1\n            if (refCount === 0 && readWriteCleanup != null) {\n              readWriteCleanup()\n              readWriteCleanup = null\n            }\n          }\n        }),\n      ),\n\n    devTools: devToolsConfig({\n      name: `${name} (${new Date().toISOString()})`,\n      actionsDenylist: [\n        HostActionTypes.BUILDER_POINTER_MOVE,\n        BuilderActionTypes.HANDLE_POINTER_MOVE,\n        BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE,\n      ],\n    }),\n  })\n\n  return store\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":"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","names":["import_toolkit","configureReduxStore"]}

package/dist/cjs/unstable-framework-support/index.js

@@ -26,6 +26,7 @@ __export(unstable_framework_support_exports, {
   MAKESWIFT_SITE_VERSION_COOKIE: () => import_preview.MAKESWIFT_SITE_VERSION_COOKIE,
   MakeswiftClient: () => import_client.MakeswiftClient,
   MakeswiftComponent: () => import_MakeswiftComponent.MakeswiftComponent,
+  MakeswiftFonts: () => import_MakeswiftFonts.MakeswiftFonts,
   Page: () => import_page.Page,
   REDIRECT_SEARCH_PARAM: () => import_redirect_live.REDIRECT_SEARCH_PARAM,
   ReactRuntime: () => import_react_runtime.ReactRuntime,
@@ -60,6 +61,7 @@ var import_page = require("../runtimes/react/components/page");
 var import_RuntimeProvider = require("../runtimes/react/components/RuntimeProvider");
 var import_Slot = require("../runtimes/react/components/Slot");
 var import_GoogleFontLink = require("../runtimes/react/components/GoogleFontLink");
+var import_MakeswiftFonts = require("../runtimes/react/components/MakeswiftFonts");
 var import_root_style_registry = require("../runtimes/react/root-style-registry");
 var import_react_runtime = require("../runtimes/react/react-runtime");
 // Annotate the CommonJS export names for ESM import in node:
@@ -72,6 +74,7 @@ var import_react_runtime = require("../runtimes/react/react-runtime");
   MAKESWIFT_SITE_VERSION_COOKIE,
   MakeswiftClient,
   MakeswiftComponent,
+  MakeswiftFonts,
   Page,
   REDIRECT_SEARCH_PARAM,
   ReactRuntime,

package/dist/cjs/unstable-framework-support/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/unstable-framework-support/index.ts"],"sourcesContent":["export {\n  type SiteVersion,\n  serializeSiteVersion,\n  deserializeSiteVersion,\n  secondsUntilSiteVersionExpiration,\n} from '../api/site-version'\n\nexport { type ApiHandlerUserConfig, createApiHandler } from '../api-handler'\nexport { SET_COOKIE_HEADER, cookieSettingOptions } from '../api-handler/cookies'\nexport { REDIRECT_SEARCH_PARAM, redirectLiveHandler } from '../api-handler/handlers/redirect-live'\nexport { toApiRequest, pipeResponseTo } from '../api-handler/node-request-response'\nexport { MAKESWIFT_SITE_VERSION_COOKIE, SearchParams } from '../api-handler/preview'\n\nexport { MakeswiftClient } from '../client'\n\nexport { type BreakpointsInput as Breakpoints } from '../state/modules/breakpoints'\n\nexport {\n  FrameworkContext,\n  DefaultHead,\n  DefaultHeadSnippet,\n  DefaultImage,\n} from '../runtimes/react/components/framework-context'\n\nexport { MakeswiftComponent } from '../runtimes/react/components/MakeswiftComponent'\nexport { Page } from '../runtimes/react/components/page'\nexport { RuntimeProvider } from '../runtimes/react/components/RuntimeProvider'\nexport { Slot } from '../runtimes/react/components/Slot'\n\nexport { GoogleFontLink } from '../runtimes/react/components/GoogleFontLink'\n\nexport {\n  createRootStyleCache,\n  RootStyleRegistry,\n  styleTagHtml,\n  StyleTagSSR,\n  type RootStyleProps,\n} from '../runtimes/react/root-style-registry'\n\nexport { ReactRuntime } from '../runtimes/react/react-runtime'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKO;AAEP,yBAA4D;AAC5D,qBAAwD;AACxD,2BAA2D;AAC3D,mCAA6C;AAC7C,qBAA4D;AAE5D,oBAAgC;AAIhC,+BAKO;AAEP,gCAAmC;AACnC,kBAAqB;AACrB,6BAAgC;AAChC,kBAAqB;AAErB,4BAA+B;AAE/B,iCAMO;AAEP,2BAA6B;","names":[]}
+{"version":3,"sources":["../../../src/unstable-framework-support/index.ts"],"sourcesContent":["export {\n  type SiteVersion,\n  serializeSiteVersion,\n  deserializeSiteVersion,\n  secondsUntilSiteVersionExpiration,\n} from '../api/site-version'\n\nexport { type ApiHandlerUserConfig, createApiHandler } from '../api-handler'\nexport { SET_COOKIE_HEADER, cookieSettingOptions } from '../api-handler/cookies'\nexport { REDIRECT_SEARCH_PARAM, redirectLiveHandler } from '../api-handler/handlers/redirect-live'\nexport { toApiRequest, pipeResponseTo } from '../api-handler/node-request-response'\nexport { MAKESWIFT_SITE_VERSION_COOKIE, SearchParams } from '../api-handler/preview'\n\nexport { MakeswiftClient } from '../client'\n\nexport { type BreakpointsInput as Breakpoints } from '../state/modules/breakpoints'\n\nexport {\n  FrameworkContext,\n  DefaultHead,\n  DefaultHeadSnippet,\n  DefaultImage,\n} from '../runtimes/react/components/framework-context'\n\nexport { MakeswiftComponent } from '../runtimes/react/components/MakeswiftComponent'\nexport { Page } from '../runtimes/react/components/page'\nexport { RuntimeProvider } from '../runtimes/react/components/RuntimeProvider'\nexport { Slot } from '../runtimes/react/components/Slot'\n\nexport { GoogleFontLink } from '../runtimes/react/components/GoogleFontLink'\nexport { MakeswiftFonts } from '../runtimes/react/components/MakeswiftFonts'\n\nexport {\n  createRootStyleCache,\n  RootStyleRegistry,\n  styleTagHtml,\n  StyleTagSSR,\n  type RootStyleProps,\n} from '../runtimes/react/root-style-registry'\n\nexport { ReactRuntime } from '../runtimes/react/react-runtime'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKO;AAEP,yBAA4D;AAC5D,qBAAwD;AACxD,2BAA2D;AAC3D,mCAA6C;AAC7C,qBAA4D;AAE5D,oBAAgC;AAIhC,+BAKO;AAEP,gCAAmC;AACnC,kBAAqB;AACrB,6BAAgC;AAChC,kBAAqB;AAErB,4BAA+B;AAC/B,4BAA+B;AAE/B,iCAMO;AAEP,2BAA6B;","names":[]}

package/dist/esm/api-handler/handlers/manifest.js

@@ -8,7 +8,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
     return ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
   return ApiResponse.json({
-    version: "0.28.0-canary.3",
+    version: "0.28.0",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,

package/dist/esm/client/index.js

@@ -179,7 +179,8 @@ const getFontsAPISchema = z.object({
   googleFonts: z.array(z.object({
     family: z.string(),
     variants: z.array(z.string())
-  }))
+  })),
+  siteId: z.string()
 });
 class MakeswiftClient {
   graphqlClient;
@@ -194,7 +195,7 @@ Received "${apiKey}" instead.`
     }
     this.apiKey = apiKey;
     this.graphqlClient = new GraphQLClient(new URL("graphql", runtime.apiOrigin).href, {
-      "makeswift-runtime-version": "0.28.0-canary.3"
+      "makeswift-runtime-version": "0.28.0"
     });
     this.runtime = runtime;
   }
@@ -206,7 +207,7 @@ Received "${apiKey}" instead.`
     const requestHeaders = new Headers({
       "x-api-key": this.apiKey,
       "makeswift-site-api-key": this.apiKey,
-      "makeswift-runtime-version": "0.28.0-canary.3"
+      "makeswift-runtime-version": "0.28.0"
     });
     if (siteVersion?.token) {
       requestUrl.searchParams.set("version", siteVersion.version);
@@ -664,7 +665,7 @@ Received "${apiKey}" instead.`
       headers: {
         "x-api-key": this.apiKey,
         "makeswift-site-api-key": this.apiKey,
-        "makeswift-runtime-version": "0.28.0-canary.3",
+        "makeswift-runtime-version": "0.28.0",
         "content-type": "application/json"
       },
       body: JSON.stringify({ token }),