@makeswift/runtime 0.28.8-canary.9 → 0.28.8

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

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

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

@@ -0,0 +1,3 @@
+export * from "./action-types";
+export * from "./actions";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/host-api/index.ts"],"sourcesContent":["export * from './action-types'\nexport * from './actions'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

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

@@ -1,60 +1,4 @@
-import { BuilderActionTypes } from "../../../builder-api/actions";
-import { actionMiddleware } from "../../../toolkit";
-import { HostActionTypes } from "../../../host-api";
-import { initializeBuilderConnection } from "./initialize-connection";
-function builderAPIMiddleware(builderProxy) {
-  return actionMiddleware(({ dispatch }) => (next) => {
-    if (typeof window === "undefined")
-      return (action) => next(action);
-    let cleanUp = () => {
-    };
-    return (action) => {
-      switch (action.type) {
-        case BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS:
-        case BuilderActionTypes.MOUNT_COMPONENT:
-        case BuilderActionTypes.UNMOUNT_COMPONENT:
-        case BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
-        case BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
-        case BuilderActionTypes.HANDLE_WHEEL:
-        case BuilderActionTypes.HANDLE_POINTER_MOVE:
-        case BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE:
-        case BuilderActionTypes.SET_LOCALE:
-        case BuilderActionTypes.SET_BREAKPOINTS:
-        case BuilderActionTypes.REGISTER_BUILDER_DOCUMENT:
-        case BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT:
-        case BuilderActionTypes.REGISTER_BUILDER_COMPONENT:
-        case BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT:
-          builderProxy.execute(action);
-          break;
-        case HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
-          window.document.documentElement.scrollTo({
-            top: action.payload.scrollTop,
-            behavior: "instant"
-          });
-          break;
-        case HostActionTypes.SCROLL_DOCUMENT_ELEMENT:
-          window.document.documentElement.scrollBy({
-            top: action.payload.scrollTopDelta,
-            behavior: "instant"
-          });
-          break;
-        case HostActionTypes.SET_BUILDER_EDIT_MODE:
-          window.getSelection()?.removeAllRanges();
-          break;
-        case HostActionTypes.INIT:
-          cleanUp();
-          cleanUp = dispatch(initializeBuilderConnection(builderProxy));
-          break;
-        case HostActionTypes.CLEAN_UP:
-          cleanUp();
-          cleanUp = () => {
-          };
-          break;
-      }
-      return next(action);
-    };
-  });
-}
+import { builderAPIMiddleware } from "./middleware";
 export {
   builderAPIMiddleware
 };

package/dist/esm/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.scrollTo({\n            top: action.payload.scrollTop,\n            behavior: 'instant',\n          })\n          break\n\n        case HostActionTypes.SCROLL_DOCUMENT_ELEMENT:\n          window.document.documentElement.scrollBy({\n            top: action.payload.scrollTopDelta,\n            behavior: 'instant',\n          })\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":"AAIA,SAAS,0BAA0B;AAEnC,SAAS,wBAAwB;AAGjC,SAAS,uBAAuB;AAGhC,SAAS,mCAAmC;AAErC,SAAS,qBACd,cACuC;AACvC,SAAO,iBAAiB,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,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AACtB,uBAAa,QAAQ,MAAM;AAC3B;AAAA,QAEF,KAAK,gBAAgB;AACnB,iBAAO,SAAS,gBAAgB,SAAS;AAAA,YACvC,KAAK,OAAO,QAAQ;AAAA,YACpB,UAAU;AAAA,UACZ,CAAC;AACD;AAAA,QAEF,KAAK,gBAAgB;AACnB,iBAAO,SAAS,gBAAgB,SAAS;AAAA,YACvC,KAAK,OAAO,QAAQ;AAAA,YACpB,UAAU;AAAA,UACZ,CAAC;AACD;AAAA,QAEF,KAAK,gBAAgB;AACnB,iBAAO,aAAa,GAAG,gBAAgB;AACvC;AAAA,QAEF,KAAK,gBAAgB;AAGnB,kBAAQ;AACR,oBAAU,SAAS,4BAA4B,YAAY,CAAC;AAC5D;AAAA,QAEF,KAAK,gBAAgB;AAEnB,kBAAQ;AACR,oBAAU,MAAM;AAAA,UAAC;AACjB;AAAA,MACJ;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/index.ts"],"sourcesContent":["export { builderAPIMiddleware } from './middleware'\n"],"mappings":"AAAA,SAAS,4BAA4B;","names":[]}

package/dist/esm/state/middleware/read-write/builder-api/initialize-connection.js

@@ -74,9 +74,12 @@ function lockDocumentScroll() {
   return (dispatch) => {
     const lastDocumentOverflow = window.document.documentElement.style.overflow;
     window.document.documentElement.style.overflow = "hidden";
+    const lastBodyOverflow = window.document.body.style.overflow;
+    window.document.body.style.overflow = "initial";
     window.document.documentElement.addEventListener("wheel", handleWheelEvent);
     return () => {
       window.document.documentElement.style.overflow = lastDocumentOverflow;
+      window.document.body.style.overflow = lastBodyOverflow;
       window.document.documentElement.removeEventListener("wheel", handleWheelEvent);
     };
     function handleWheelEvent({ deltaX, deltaY }) {

package/dist/esm/state/middleware/read-write/builder-api/initialize-connection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/initialize-connection.ts"],"sourcesContent":["import { type ThunkAction } from '@reduxjs/toolkit'\n\nimport deepEqual from '../../../../utils/deepEqual'\n\nimport * as BoxModels from '../../../modules/read-write/box-models'\nimport * as BuilderEditMode from '../../../modules/builder-edit-mode'\n\nimport { type Action } from '../../../actions'\n\nimport * as ReadOnly from '../../../actions/internal/read-only-actions'\nimport * as Builder from '../../../builder-api/actions'\n\nimport { serializeControls } from '../../../../builder'\nimport { type BuilderAPIProxy } from '../../../builder-api/proxy'\n\nimport * as ReadOnlyState from '../../../read-only-state'\nimport {\n  type State,\n  getDocuments,\n  getMeasurables,\n  getBoxModels,\n  getBoxModel,\n  getElementImperativeHandlesContainingElement,\n  getPointer,\n} from '../../../read-write-state'\n\nimport { type ElementSize, getElementSize } from './element-size'\n\nfunction measureElements(): ThunkAction<void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const measurables = getMeasurables(getState())\n    const currentBoxModels = getBoxModels(getState())\n    const measuredBoxModels = new Map<string, Map<string, BoxModels.BoxDisplayModel>>()\n\n    measurables.forEach((documentMeasurables, documentKey) => {\n      const measuredDocumentBoxModels = new Map<string, BoxModels.BoxDisplayModel>()\n\n      documentMeasurables.forEach((measurable, elementKey) => {\n        const boxModel = BoxModels.measure(measurable)\n\n        if (boxModel != null) measuredDocumentBoxModels.set(elementKey, boxModel)\n      })\n\n      if (measuredDocumentBoxModels.size > 0) {\n        measuredBoxModels.set(documentKey, measuredDocumentBoxModels)\n      }\n    })\n\n    const changedBoxModels = new Map<string, Map<string, BoxModels.BoxDisplayModel | null>>()\n\n    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxDisplayModel | null>()\n\n      currentDocumentBoxModels.forEach((_boxModel, elementKey) => {\n        if (!measuredBoxModels.get(documentKey)?.has(elementKey)) {\n          changedDocumentBoxModels.set(elementKey, null)\n        }\n\n        if (changedDocumentBoxModels.size > 0) {\n          changedBoxModels.set(documentKey, changedDocumentBoxModels)\n        }\n      })\n    })\n\n    measuredBoxModels.forEach((measuredDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxDisplayModel | null>()\n\n      measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {\n        const currentBoxModel = getBoxModel(getState(), documentKey, elementKey)\n\n        if (currentBoxModel == null || !deepEqual(currentBoxModel, measuredBoxModel)) {\n          changedDocumentBoxModels.set(elementKey, measuredBoxModel)\n        }\n      })\n\n      if (changedDocumentBoxModels.size > 0) {\n        changedBoxModels.set(documentKey, changedDocumentBoxModels)\n      }\n    })\n\n    if (changedBoxModels.size > 0) dispatch(Builder.changeElementBoxModels(changedBoxModels))\n  }\n}\n\nfunction startMeasuringElements(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      dispatch(measureElements())\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction lockDocumentScroll(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    const lastDocumentOverflow = window.document.documentElement.style.overflow\n    window.document.documentElement.style.overflow = 'hidden'\n\n    window.document.documentElement.addEventListener('wheel', handleWheelEvent)\n\n    return () => {\n      window.document.documentElement.style.overflow = lastDocumentOverflow\n      window.document.documentElement.removeEventListener('wheel', handleWheelEvent)\n    }\n\n    function handleWheelEvent({ deltaX, deltaY }: WheelEvent) {\n      dispatch(Builder.handleWheel({ deltaX, deltaY }))\n    }\n  }\n}\n\nfunction startHandlingPointerMoveEvent(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    window.document.documentElement.addEventListener('pointermove', handlePointerMoveEvent)\n\n    return () => {\n      window.document.documentElement.removeEventListener('pointermove', handlePointerMoveEvent)\n    }\n\n    function handlePointerMoveEvent({ clientX, clientY }: PointerEvent) {\n      dispatch(Builder.handlePointerMove({ clientX, clientY }))\n    }\n  }\n}\n\nfunction startHandlingFocusEvents(): ThunkAction<() => void, State, unknown, Action> {\n  return (_dispatch, getState) => {\n    window.addEventListener('focusin', handleFocusIn)\n    window.addEventListener('focusout', handleFocusOut)\n\n    return () => {\n      window.removeEventListener('focusin', handleFocusIn)\n      window.removeEventListener('focusout', handleFocusOut)\n    }\n\n    function handleFocusIn(event: FocusEvent) {\n      if (\n        ReadOnlyState.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT\n      ) {\n        return\n      }\n\n      if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {\n        window.parent.focus()\n      }\n    }\n\n    function handleFocusOut(event: FocusEvent) {\n      if (\n        ReadOnlyState.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT\n      ) {\n        return\n      }\n\n      if (\n        !(event.relatedTarget instanceof window.HTMLElement) ||\n        !event.relatedTarget.isContentEditable\n      ) {\n        window.parent.focus()\n      }\n    }\n  }\n}\n\nfunction startMeasuringDocumentElement(): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    let lastSize: ElementSize\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      const nextSize = getElementSize(window.document.documentElement)\n\n      if (!deepEqual(lastSize, nextSize)) {\n        lastSize = nextSize\n\n        dispatch(Builder.changeDocumentElementSize(nextSize))\n      }\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction elementKeysFromElementFromPoint(\n  elementFromPoint: Element | null,\n): ThunkAction<{ documentKey: string; elementKey: string } | null, State, unknown, Action> {\n  return (_dispatch, getState) => {\n    if (elementFromPoint == null) return null\n\n    const elementImperativeHandles = getElementImperativeHandlesContainingElement(\n      getState(),\n      elementFromPoint,\n    )\n    const ascendingDepthDocumentKeys = ReadOnlyState.getDocumentKeysSortedByDepth(getState())\n    const descendingDepthDocumentKeys = ascendingDepthDocumentKeys.slice().reverse()\n\n    let currentElement: Element | null = elementFromPoint\n    let keys = null\n\n    while (currentElement != null) {\n      for (const documentKey of descendingDepthDocumentKeys) {\n        const byElementKey = elementImperativeHandles.get(documentKey)\n\n        if (byElementKey == null) continue\n\n        for (const [elementKey, elementImperativeHandle] of byElementKey) {\n          if (elementImperativeHandle.getDomNode() === currentElement) {\n            return { documentKey, elementKey }\n          }\n        }\n      }\n\n      currentElement = currentElement.parentElement\n    }\n\n    return keys\n  }\n}\n\nfunction startPollingElementFromPoint(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    let lastElementFromPoint: Element | null = null\n    let animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameRequestId)\n    }\n\n    function handleAnimationFrameRequest() {\n      const pointer = getPointer(getState())\n      const elementFromPoint =\n        pointer == null ? null : document.elementFromPoint(pointer.x, pointer.y)\n\n      if (elementFromPoint !== lastElementFromPoint) {\n        lastElementFromPoint = elementFromPoint\n\n        const keys = dispatch(elementKeysFromElementFromPoint(elementFromPoint))\n\n        dispatch(Builder.elementFromPointChange(keys))\n      }\n\n      animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction registerBuilderComponents(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const state = getState()\n    const componentsMeta = ReadOnlyState.getComponentsMeta(state)\n\n    componentsMeta.forEach((meta, type) => {\n      const descriptors = ReadOnlyState.getComponentPropControllerDescriptors(state, type)\n      if (descriptors != null) {\n        const [serializedControls, transferables] = serializeControls(descriptors)\n        dispatch(\n          Builder.registerBuilderComponent({ type, meta, serializedControls }, transferables),\n        )\n      }\n    })\n\n    return () => {\n      componentsMeta.forEach((_, type) => {\n        dispatch(Builder.unregisterBuilderComponent({ type }))\n      })\n    }\n  }\n}\n\nfunction registerBuilderDocuments(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const documents = getDocuments(getState())\n\n    documents.forEach(document => {\n      dispatch(Builder.registerBuilderDocument(document))\n    })\n\n    return () => {\n      documents.forEach((_document, documentKey) => {\n        dispatch(Builder.unregisterBuilderDocument(documentKey))\n      })\n    }\n  }\n}\n\nexport function initializeBuilderConnection(\n  builderProxy: BuilderAPIProxy,\n): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const unregisterBuilderDocuments = dispatch(registerBuilderDocuments())\n    const stopMeasuringElements = dispatch(startMeasuringElements())\n    const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement())\n    const stopHandlingFocusEvent = dispatch(startHandlingFocusEvents())\n    const unlockDocumentScroll = dispatch(lockDocumentScroll())\n    const stopHandlingPointerMoveEvent = dispatch(startHandlingPointerMoveEvent())\n    const stopPollingElementFromPoint = dispatch(startPollingElementFromPoint())\n    const unregisterBuilderComponents = dispatch(registerBuilderComponents())\n\n    const breakpoints = ReadOnlyState.getBreakpoints(getState())\n    dispatch(Builder.setBreakpoints(breakpoints))\n\n    const locale = ReadOnlyState.getLocale(getState())\n    if (locale != null) dispatch(Builder.setLocale(new Intl.Locale(locale)))\n\n    dispatch(ReadOnly.setIsInBuilder(true))\n    builderProxy.dispatchBuffered()\n\n    return () => {\n      unregisterBuilderDocuments()\n      stopMeasuringElements()\n      stopMeasuringDocumentElement()\n      stopHandlingFocusEvent()\n      unlockDocumentScroll()\n      stopHandlingPointerMoveEvent()\n      stopPollingElementFromPoint()\n      unregisterBuilderComponents()\n      dispatch(ReadOnly.setIsInBuilder(false))\n    }\n  }\n}\n"],"mappings":"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","names":["document"]}
+{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/initialize-connection.ts"],"sourcesContent":["import { type ThunkAction } from '@reduxjs/toolkit'\n\nimport deepEqual from '../../../../utils/deepEqual'\n\nimport * as BoxModels from '../../../modules/read-write/box-models'\nimport * as BuilderEditMode from '../../../modules/builder-edit-mode'\n\nimport { type Action } from '../../../actions'\n\nimport * as ReadOnly from '../../../actions/internal/read-only-actions'\nimport * as Builder from '../../../builder-api/actions'\n\nimport { serializeControls } from '../../../../builder'\nimport { type BuilderAPIProxy } from '../../../builder-api/proxy'\n\nimport * as ReadOnlyState from '../../../read-only-state'\nimport {\n  type State,\n  getDocuments,\n  getMeasurables,\n  getBoxModels,\n  getBoxModel,\n  getElementImperativeHandlesContainingElement,\n  getPointer,\n} from '../../../read-write-state'\n\nimport { type ElementSize, getElementSize } from './element-size'\n\nfunction measureElements(): ThunkAction<void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const measurables = getMeasurables(getState())\n    const currentBoxModels = getBoxModels(getState())\n    const measuredBoxModels = new Map<string, Map<string, BoxModels.BoxDisplayModel>>()\n\n    measurables.forEach((documentMeasurables, documentKey) => {\n      const measuredDocumentBoxModels = new Map<string, BoxModels.BoxDisplayModel>()\n\n      documentMeasurables.forEach((measurable, elementKey) => {\n        const boxModel = BoxModels.measure(measurable)\n\n        if (boxModel != null) measuredDocumentBoxModels.set(elementKey, boxModel)\n      })\n\n      if (measuredDocumentBoxModels.size > 0) {\n        measuredBoxModels.set(documentKey, measuredDocumentBoxModels)\n      }\n    })\n\n    const changedBoxModels = new Map<string, Map<string, BoxModels.BoxDisplayModel | null>>()\n\n    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxDisplayModel | null>()\n\n      currentDocumentBoxModels.forEach((_boxModel, elementKey) => {\n        if (!measuredBoxModels.get(documentKey)?.has(elementKey)) {\n          changedDocumentBoxModels.set(elementKey, null)\n        }\n\n        if (changedDocumentBoxModels.size > 0) {\n          changedBoxModels.set(documentKey, changedDocumentBoxModels)\n        }\n      })\n    })\n\n    measuredBoxModels.forEach((measuredDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxDisplayModel | null>()\n\n      measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {\n        const currentBoxModel = getBoxModel(getState(), documentKey, elementKey)\n\n        if (currentBoxModel == null || !deepEqual(currentBoxModel, measuredBoxModel)) {\n          changedDocumentBoxModels.set(elementKey, measuredBoxModel)\n        }\n      })\n\n      if (changedDocumentBoxModels.size > 0) {\n        changedBoxModels.set(documentKey, changedDocumentBoxModels)\n      }\n    })\n\n    if (changedBoxModels.size > 0) dispatch(Builder.changeElementBoxModels(changedBoxModels))\n  }\n}\n\nfunction startMeasuringElements(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      dispatch(measureElements())\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction lockDocumentScroll(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    // Adjust root HTML styles so the page is scrollable in the builder.\n    // Specifically, we make two adjustments:\n    //\n    // 1. Set the root element's overflow to hidden. Otherwise, you'll see two\n    //    scrollbars in the builder when viewing the page: one being the native\n    //    scrollbar of the page, and the other being the builder's scrollbar.\n    //\n    // 2. Set the root body element's overflow to initial. There's cases where\n    //    if the body has an overflow property set on it, then the body\n    //    overflow-y property will become auto. This, combined with the\n    //    body/html having a 100% height means that the overflowing content of\n    //    the body won't count towards the scroll height of the root element,\n    //    thus preventing scrolling from the builder.\n    const lastDocumentOverflow = window.document.documentElement.style.overflow\n    window.document.documentElement.style.overflow = 'hidden'\n\n    const lastBodyOverflow = window.document.body.style.overflow\n    window.document.body.style.overflow = 'initial'\n\n    window.document.documentElement.addEventListener('wheel', handleWheelEvent)\n\n    return () => {\n      window.document.documentElement.style.overflow = lastDocumentOverflow\n      window.document.body.style.overflow = lastBodyOverflow\n      window.document.documentElement.removeEventListener('wheel', handleWheelEvent)\n    }\n\n    function handleWheelEvent({ deltaX, deltaY }: WheelEvent) {\n      dispatch(Builder.handleWheel({ deltaX, deltaY }))\n    }\n  }\n}\n\nfunction startHandlingPointerMoveEvent(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    window.document.documentElement.addEventListener('pointermove', handlePointerMoveEvent)\n\n    return () => {\n      window.document.documentElement.removeEventListener('pointermove', handlePointerMoveEvent)\n    }\n\n    function handlePointerMoveEvent({ clientX, clientY }: PointerEvent) {\n      dispatch(Builder.handlePointerMove({ clientX, clientY }))\n    }\n  }\n}\n\nfunction startHandlingFocusEvents(): ThunkAction<() => void, State, unknown, Action> {\n  return (_dispatch, getState) => {\n    window.addEventListener('focusin', handleFocusIn)\n    window.addEventListener('focusout', handleFocusOut)\n\n    return () => {\n      window.removeEventListener('focusin', handleFocusIn)\n      window.removeEventListener('focusout', handleFocusOut)\n    }\n\n    function handleFocusIn(event: FocusEvent) {\n      if (\n        ReadOnlyState.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT\n      ) {\n        return\n      }\n\n      if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {\n        window.parent.focus()\n      }\n    }\n\n    function handleFocusOut(event: FocusEvent) {\n      if (\n        ReadOnlyState.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT\n      ) {\n        return\n      }\n\n      if (\n        !(event.relatedTarget instanceof window.HTMLElement) ||\n        !event.relatedTarget.isContentEditable\n      ) {\n        window.parent.focus()\n      }\n    }\n  }\n}\n\nfunction startMeasuringDocumentElement(): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    let lastSize: ElementSize\n\n    return () => {\n      cancelAnimationFrame(animationFrameHandle)\n    }\n\n    function handleAnimationFrameRequest() {\n      const nextSize = getElementSize(window.document.documentElement)\n\n      if (!deepEqual(lastSize, nextSize)) {\n        lastSize = nextSize\n\n        dispatch(Builder.changeDocumentElementSize(nextSize))\n      }\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction elementKeysFromElementFromPoint(\n  elementFromPoint: Element | null,\n): ThunkAction<{ documentKey: string; elementKey: string } | null, State, unknown, Action> {\n  return (_dispatch, getState) => {\n    if (elementFromPoint == null) return null\n\n    const elementImperativeHandles = getElementImperativeHandlesContainingElement(\n      getState(),\n      elementFromPoint,\n    )\n    const ascendingDepthDocumentKeys = ReadOnlyState.getDocumentKeysSortedByDepth(getState())\n    const descendingDepthDocumentKeys = ascendingDepthDocumentKeys.slice().reverse()\n\n    let currentElement: Element | null = elementFromPoint\n    let keys = null\n\n    while (currentElement != null) {\n      for (const documentKey of descendingDepthDocumentKeys) {\n        const byElementKey = elementImperativeHandles.get(documentKey)\n\n        if (byElementKey == null) continue\n\n        for (const [elementKey, elementImperativeHandle] of byElementKey) {\n          if (elementImperativeHandle.getDomNode() === currentElement) {\n            return { documentKey, elementKey }\n          }\n        }\n      }\n\n      currentElement = currentElement.parentElement\n    }\n\n    return keys\n  }\n}\n\nfunction startPollingElementFromPoint(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    let lastElementFromPoint: Element | null = null\n    let animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest)\n\n    return () => {\n      cancelAnimationFrame(animationFrameRequestId)\n    }\n\n    function handleAnimationFrameRequest() {\n      const pointer = getPointer(getState())\n      const elementFromPoint =\n        pointer == null ? null : document.elementFromPoint(pointer.x, pointer.y)\n\n      if (elementFromPoint !== lastElementFromPoint) {\n        lastElementFromPoint = elementFromPoint\n\n        const keys = dispatch(elementKeysFromElementFromPoint(elementFromPoint))\n\n        dispatch(Builder.elementFromPointChange(keys))\n      }\n\n      animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nfunction registerBuilderComponents(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const state = getState()\n    const componentsMeta = ReadOnlyState.getComponentsMeta(state)\n\n    componentsMeta.forEach((meta, type) => {\n      const descriptors = ReadOnlyState.getComponentPropControllerDescriptors(state, type)\n      if (descriptors != null) {\n        const [serializedControls, transferables] = serializeControls(descriptors)\n        dispatch(\n          Builder.registerBuilderComponent({ type, meta, serializedControls }, transferables),\n        )\n      }\n    })\n\n    return () => {\n      componentsMeta.forEach((_, type) => {\n        dispatch(Builder.unregisterBuilderComponent({ type }))\n      })\n    }\n  }\n}\n\nfunction registerBuilderDocuments(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const documents = getDocuments(getState())\n\n    documents.forEach(document => {\n      dispatch(Builder.registerBuilderDocument(document))\n    })\n\n    return () => {\n      documents.forEach((_document, documentKey) => {\n        dispatch(Builder.unregisterBuilderDocument(documentKey))\n      })\n    }\n  }\n}\n\nexport function initializeBuilderConnection(\n  builderProxy: BuilderAPIProxy,\n): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const unregisterBuilderDocuments = dispatch(registerBuilderDocuments())\n    const stopMeasuringElements = dispatch(startMeasuringElements())\n    const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement())\n    const stopHandlingFocusEvent = dispatch(startHandlingFocusEvents())\n    const unlockDocumentScroll = dispatch(lockDocumentScroll())\n    const stopHandlingPointerMoveEvent = dispatch(startHandlingPointerMoveEvent())\n    const stopPollingElementFromPoint = dispatch(startPollingElementFromPoint())\n    const unregisterBuilderComponents = dispatch(registerBuilderComponents())\n\n    const breakpoints = ReadOnlyState.getBreakpoints(getState())\n    dispatch(Builder.setBreakpoints(breakpoints))\n\n    const locale = ReadOnlyState.getLocale(getState())\n    if (locale != null) dispatch(Builder.setLocale(new Intl.Locale(locale)))\n\n    dispatch(ReadOnly.setIsInBuilder(true))\n    builderProxy.dispatchBuffered()\n\n    return () => {\n      unregisterBuilderDocuments()\n      stopMeasuringElements()\n      stopMeasuringDocumentElement()\n      stopHandlingFocusEvent()\n      unlockDocumentScroll()\n      stopHandlingPointerMoveEvent()\n      stopPollingElementFromPoint()\n      unregisterBuilderComponents()\n      dispatch(ReadOnly.setIsInBuilder(false))\n    }\n  }\n}\n"],"mappings":"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","names":["document"]}

package/dist/esm/state/middleware/read-write/builder-api/middleware.js

@@ -0,0 +1,65 @@
+import { BuilderActionTypes } from "../../../builder-api/action-types";
+import { actionMiddleware } from "../../../toolkit";
+import { HostActionTypes } from "../../../host-api";
+import { initializeBuilderConnection } from "./initialize-connection";
+import { MountChangeActionBuffer } from "./mount-change-action-buffer";
+function builderAPIMiddleware(builderProxy) {
+  const mountChangeBuffer = new MountChangeActionBuffer((action) => builderProxy.execute(action));
+  return actionMiddleware(({ dispatch }) => (next) => {
+    if (typeof window === "undefined")
+      return (action) => next(action);
+    let cleanUp = () => {
+    };
+    return (action) => {
+      switch (action.type) {
+        case BuilderActionTypes.MOUNT_COMPONENT:
+        case BuilderActionTypes.UNMOUNT_COMPONENT:
+          mountChangeBuffer.schedule(action);
+          break;
+        case BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS:
+        case BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
+        case BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
+        case BuilderActionTypes.HANDLE_WHEEL:
+        case BuilderActionTypes.HANDLE_POINTER_MOVE:
+        case BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE:
+        case BuilderActionTypes.SET_LOCALE:
+        case BuilderActionTypes.SET_BREAKPOINTS:
+        case BuilderActionTypes.REGISTER_BUILDER_DOCUMENT:
+        case BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT:
+        case BuilderActionTypes.REGISTER_BUILDER_COMPONENT:
+        case BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT:
+          builderProxy.execute(action);
+          break;
+        case HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
+          window.document.documentElement.scrollTo({
+            top: action.payload.scrollTop,
+            behavior: "instant"
+          });
+          break;
+        case HostActionTypes.SCROLL_DOCUMENT_ELEMENT:
+          window.document.documentElement.scrollBy({
+            top: action.payload.scrollTopDelta,
+            behavior: "instant"
+          });
+          break;
+        case HostActionTypes.SET_BUILDER_EDIT_MODE:
+          window.getSelection()?.removeAllRanges();
+          break;
+        case HostActionTypes.INIT:
+          cleanUp();
+          cleanUp = dispatch(initializeBuilderConnection(builderProxy));
+          break;
+        case HostActionTypes.CLEAN_UP:
+          cleanUp();
+          cleanUp = () => {
+          };
+          break;
+      }
+      return next(action);
+    };
+  });
+}
+export {
+  builderAPIMiddleware
+};
+//# sourceMappingURL=middleware.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/middleware.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport { type Action } from '../../../actions'\n\nimport { BuilderActionTypes } from '../../../builder-api/action-types'\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'\nimport { MountChangeActionBuffer } from './mount-change-action-buffer'\n\nexport function builderAPIMiddleware(\n  builderProxy: BuilderAPIProxy,\n): Middleware<Dispatch, State, Dispatch> {\n  const mountChangeBuffer = new MountChangeActionBuffer(action => builderProxy.execute(action))\n\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.MOUNT_COMPONENT:\n        case BuilderActionTypes.UNMOUNT_COMPONENT:\n          mountChangeBuffer.schedule(action)\n          break\n\n        case BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS:\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.scrollTo({\n            top: action.payload.scrollTop,\n            behavior: 'instant',\n          })\n          break\n\n        case HostActionTypes.SCROLL_DOCUMENT_ELEMENT:\n          window.document.documentElement.scrollBy({\n            top: action.payload.scrollTopDelta,\n            behavior: 'instant',\n          })\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":"AAIA,SAAS,0BAA0B;AAEnC,SAAS,wBAAwB;AAGjC,SAAS,uBAAuB;AAGhC,SAAS,mCAAmC;AAC5C,SAAS,+BAA+B;AAEjC,SAAS,qBACd,cACuC;AACvC,QAAM,oBAAoB,IAAI,wBAAwB,YAAU,aAAa,QAAQ,MAAM,CAAC;AAE5F,SAAO,iBAAiB,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,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AACtB,4BAAkB,SAAS,MAAM;AACjC;AAAA,QAEF,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AAAA,QACxB,KAAK,mBAAmB;AACtB,uBAAa,QAAQ,MAAM;AAC3B;AAAA,QAEF,KAAK,gBAAgB;AACnB,iBAAO,SAAS,gBAAgB,SAAS;AAAA,YACvC,KAAK,OAAO,QAAQ;AAAA,YACpB,UAAU;AAAA,UACZ,CAAC;AACD;AAAA,QAEF,KAAK,gBAAgB;AACnB,iBAAO,SAAS,gBAAgB,SAAS;AAAA,YACvC,KAAK,OAAO,QAAQ;AAAA,YACpB,UAAU;AAAA,UACZ,CAAC;AACD;AAAA,QAEF,KAAK,gBAAgB;AACnB,iBAAO,aAAa,GAAG,gBAAgB;AACvC;AAAA,QAEF,KAAK,gBAAgB;AAGnB,kBAAQ;AACR,oBAAU,SAAS,4BAA4B,YAAY,CAAC;AAC5D;AAAA,QAEF,KAAK,gBAAgB;AAEnB,kBAAQ;AACR,oBAAU,MAAM;AAAA,UAAC;AACjB;AAAA,MACJ;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/esm/state/middleware/read-write/builder-api/mount-change-action-buffer.js

@@ -0,0 +1,48 @@
+import { BuilderActionTypes } from "../../../builder-api/action-types";
+class MountChangeActionBuffer {
+  constructor(execute) {
+    this.execute = execute;
+    this.scheduledActions = [];
+    this.flushScheduled = false;
+  }
+  scheduledActions;
+  flushScheduled;
+  schedule(action) {
+    this.scheduledActions.push(action);
+    if (!this.flushScheduled) {
+      this.scheduleFlush();
+    }
+  }
+  scheduleFlush() {
+    this.flushScheduled = true;
+    queueMicrotask(() => {
+      this.flushScheduled = false;
+      const batch = this.scheduledActions;
+      this.scheduledActions = [];
+      const coalescedBatch = coalesceMountChangeActions(batch);
+      coalescedBatch.forEach((action) => this.execute(action));
+    });
+  }
+}
+function key(a) {
+  return `${a.payload.documentKey}:${a.payload.elementKey}`;
+}
+function coalesceMountChangeActions(batch) {
+  const mountsPerElement = /* @__PURE__ */ new Map();
+  batch.forEach((action) => {
+    const actionKey = key(action);
+    const currentCount = mountsPerElement.get(actionKey)?.count ?? 0;
+    mountsPerElement.set(actionKey, {
+      count: action.type === BuilderActionTypes.MOUNT_COMPONENT ? currentCount + 1 : currentCount - 1,
+      payload: action.payload
+    });
+  });
+  return [...mountsPerElement.values()].filter(({ count }) => count != 0).map(({ count, payload }) => ({
+    type: count > 0 ? BuilderActionTypes.MOUNT_COMPONENT : BuilderActionTypes.UNMOUNT_COMPONENT,
+    payload
+  }));
+}
+export {
+  MountChangeActionBuffer
+};
+//# sourceMappingURL=mount-change-action-buffer.js.map

package/dist/esm/state/middleware/read-write/builder-api/mount-change-action-buffer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/mount-change-action-buffer.ts"],"sourcesContent":["import { BuilderActionTypes } from '../../../builder-api/action-types'\nimport type { MountComponentAction, UnmountComponentAction } from '../../../builder-api/actions'\n\ntype MountChangeAction = UnmountComponentAction | MountComponentAction\n\n/**\n * Allows for queuing MountChangeActions dispatched via React effects into a buffer\n * processed after the completion of the current React commit (scheduled using queueMicrotask).\n *\n * Before executing the actions in the buffer, the buffer is processed removing any\n * pairs of MOUNT_COMPONENT and UNMOUNT_COMPONENT actions corresponding to the same\n * element.\n *\n * Without this buffer, moved elements will result in separate UNMOUNT and MOUNT\n * actions being sent to the builder at the time of the elements unmount at its original\n * location and remount at its new location. This causes a flicker in the builder as\n * the element is considered unmounted in the time between its UNMOUNT and MOUNT actions.\n *\n * Note that it is safe to remove these actions pairs as these actions do not communicate\n * the location of a component's mount but simply whether it is currently mounted.\n */\nexport class MountChangeActionBuffer {\n  private scheduledActions: MountChangeAction[]\n  private flushScheduled: boolean\n\n  constructor(private readonly execute: (action: MountChangeAction) => void) {\n    this.scheduledActions = []\n    this.flushScheduled = false\n  }\n\n  schedule(action: MountChangeAction) {\n    this.scheduledActions.push(action)\n\n    if (!this.flushScheduled) {\n      this.scheduleFlush()\n    }\n  }\n\n  private scheduleFlush() {\n    this.flushScheduled = true\n\n    queueMicrotask(() => {\n      this.flushScheduled = false\n      const batch = this.scheduledActions\n      this.scheduledActions = []\n\n      const coalescedBatch = coalesceMountChangeActions(batch)\n      coalescedBatch.forEach(action => this.execute(action))\n    })\n  }\n}\n\n/**\n * Provides a key for the target of a MountChangeAction. elementKey on its own is\n * not enough as it is not unique across documents.\n */\nfunction key(a: { payload: { documentKey: string; elementKey: string } }) {\n  return `${a.payload.documentKey}:${a.payload.elementKey}`\n}\n\n/**\n * Removes pairs of MOUNT_COMPONENT and UNMOUNT_COMPONENT actions, if there are actions leftover it returns a single\n * action corresponding to the leftover type.\n */\nfunction coalesceMountChangeActions(batch: MountChangeAction[]): MountChangeAction[] {\n  const mountsPerElement = new Map<\n    string,\n    { count: number; payload: MountChangeAction['payload'] }\n  >()\n\n  batch.forEach(action => {\n    const actionKey = key(action)\n    const currentCount = mountsPerElement.get(actionKey)?.count ?? 0\n    mountsPerElement.set(actionKey, {\n      count:\n        action.type === BuilderActionTypes.MOUNT_COMPONENT ? currentCount + 1 : currentCount - 1,\n      payload: action.payload,\n    })\n  })\n\n  return [...mountsPerElement.values()]\n    .filter(({ count }) => count != 0)\n    .map(({ count, payload }) => ({\n      type: count > 0 ? BuilderActionTypes.MOUNT_COMPONENT : BuilderActionTypes.UNMOUNT_COMPONENT,\n      payload,\n    }))\n}\n"],"mappings":"AAAA,SAAS,0BAA0B;AAqB5B,MAAM,wBAAwB;AAAA,EAInC,YAA6B,SAA8C;AAA9C;AAC3B,SAAK,mBAAmB,CAAC;AACzB,SAAK,iBAAiB;AAAA,EACxB;AAAA,EANQ;AAAA,EACA;AAAA,EAOR,SAAS,QAA2B;AAClC,SAAK,iBAAiB,KAAK,MAAM;AAEjC,QAAI,CAAC,KAAK,gBAAgB;AACxB,WAAK,cAAc;AAAA,IACrB;AAAA,EACF;AAAA,EAEQ,gBAAgB;AACtB,SAAK,iBAAiB;AAEtB,mBAAe,MAAM;AACnB,WAAK,iBAAiB;AACtB,YAAM,QAAQ,KAAK;AACnB,WAAK,mBAAmB,CAAC;AAEzB,YAAM,iBAAiB,2BAA2B,KAAK;AACvD,qBAAe,QAAQ,YAAU,KAAK,QAAQ,MAAM,CAAC;AAAA,IACvD,CAAC;AAAA,EACH;AACF;AAMA,SAAS,IAAI,GAA6D;AACxE,SAAO,GAAG,EAAE,QAAQ,WAAW,IAAI,EAAE,QAAQ,UAAU;AACzD;AAMA,SAAS,2BAA2B,OAAiD;AACnF,QAAM,mBAAmB,oBAAI,IAG3B;AAEF,QAAM,QAAQ,YAAU;AACtB,UAAM,YAAY,IAAI,MAAM;AAC5B,UAAM,eAAe,iBAAiB,IAAI,SAAS,GAAG,SAAS;AAC/D,qBAAiB,IAAI,WAAW;AAAA,MAC9B,OACE,OAAO,SAAS,mBAAmB,kBAAkB,eAAe,IAAI,eAAe;AAAA,MACzF,SAAS,OAAO;AAAA,IAClB,CAAC;AAAA,EACH,CAAC;AAED,SAAO,CAAC,GAAG,iBAAiB,OAAO,CAAC,EACjC,OAAO,CAAC,EAAE,MAAM,MAAM,SAAS,CAAC,EAChC,IAAI,CAAC,EAAE,OAAO,QAAQ,OAAO;AAAA,IAC5B,MAAM,QAAQ,IAAI,mBAAmB,kBAAkB,mBAAmB;AAAA,IAC1E;AAAA,EACF,EAAE;AACN;","names":[]}

package/dist/esm/state/middleware/read-write/measure-box-models.js

@@ -1,12 +1,12 @@
 import * as BoxModels from "../../modules/read-write/box-models";
-import { ReadOnlyActionTypes } from "../../actions/internal/read-only-actions";
+import { ReadWriteActionTypes } from "../../actions/internal/read-write-action-types";
 import * as ReadWriteActions from "../../actions/internal/read-write-actions";
 import { actionMiddleware } from "../../toolkit";
 function measureBoxModelsMiddleware() {
   return actionMiddleware(({ dispatch }) => (next) => {
     return (action) => {
       switch (action.type) {
-        case ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE: {
+        case ReadWriteActionTypes.REGISTER_COMPONENT_HANDLE: {
           if (BoxModels.isMeasurable(action.payload.componentHandle)) {
             dispatch(
               ReadWriteActions.registerMeasurable(
@@ -18,7 +18,7 @@ function measureBoxModelsMiddleware() {
           }
           break;
         }
-        case ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE:
+        case ReadWriteActionTypes.UNREGISTER_COMPONENT_HANDLE:
           dispatch(
             ReadWriteActions.unregisterMeasurable(
               action.payload.documentKey,

package/dist/esm/state/middleware/read-write/measure-box-models.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/state/middleware/read-write/measure-box-models.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport * as BoxModels from '../../modules/read-write/box-models'\nimport { type Action } from '../../actions'\n\nimport { ReadOnlyActionTypes } from '../../actions/internal/read-only-actions'\nimport * as ReadWriteActions from '../../actions/internal/read-write-actions'\n\nimport { actionMiddleware } from '../../toolkit'\n\nimport { type State, type Dispatch } from '../../read-write-state'\n\nexport function measureBoxModelsMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch }) => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE: {\n          if (BoxModels.isMeasurable(action.payload.componentHandle)) {\n            dispatch(\n              ReadWriteActions.registerMeasurable(\n                action.payload.documentKey,\n                action.payload.elementKey,\n                action.payload.componentHandle,\n              ),\n            )\n          }\n\n          break\n        }\n\n        case ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE:\n          dispatch(\n            ReadWriteActions.unregisterMeasurable(\n              action.payload.documentKey,\n              action.payload.elementKey,\n            ),\n          )\n          break\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":"AAEA,YAAY,eAAe;AAG3B,SAAS,2BAA2B;AACpC,YAAY,sBAAsB;AAElC,SAAS,wBAAwB;AAI1B,SAAS,6BAAoE;AAClF,SAAO,iBAAiB,CAAC,EAAE,SAAS,MAAM,UAAQ;AAChD,WAAO,CAAC,WAAmB;AACzB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,oBAAoB,2BAA2B;AAClD,cAAI,UAAU,aAAa,OAAO,QAAQ,eAAe,GAAG;AAC1D;AAAA,cACE,iBAAiB;AAAA,gBACf,OAAO,QAAQ;AAAA,gBACf,OAAO,QAAQ;AAAA,gBACf,OAAO,QAAQ;AAAA,cACjB;AAAA,YACF;AAAA,UACF;AAEA;AAAA,QACF;AAAA,QAEA,KAAK,oBAAoB;AACvB;AAAA,YACE,iBAAiB;AAAA,cACf,OAAO,QAAQ;AAAA,cACf,OAAO,QAAQ;AAAA,YACjB;AAAA,UACF;AACA;AAAA,MACJ;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../../../src/state/middleware/read-write/measure-box-models.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport * as BoxModels from '../../modules/read-write/box-models'\nimport { type Action } from '../../actions'\n\nimport { ReadWriteActionTypes } from '../../actions/internal/read-write-action-types'\nimport * as ReadWriteActions from '../../actions/internal/read-write-actions'\n\nimport { actionMiddleware } from '../../toolkit'\n\nimport { type State, type Dispatch } from '../../read-write-state'\n\nexport function measureBoxModelsMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch }) => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ReadWriteActionTypes.REGISTER_COMPONENT_HANDLE: {\n          if (BoxModels.isMeasurable(action.payload.componentHandle)) {\n            dispatch(\n              ReadWriteActions.registerMeasurable(\n                action.payload.documentKey,\n                action.payload.elementKey,\n                action.payload.componentHandle,\n              ),\n            )\n          }\n\n          break\n        }\n\n        case ReadWriteActionTypes.UNREGISTER_COMPONENT_HANDLE:\n          dispatch(\n            ReadWriteActions.unregisterMeasurable(\n              action.payload.documentKey,\n              action.payload.elementKey,\n            ),\n          )\n          break\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":"AAEA,YAAY,eAAe;AAG3B,SAAS,4BAA4B;AACrC,YAAY,sBAAsB;AAElC,SAAS,wBAAwB;AAI1B,SAAS,6BAAoE;AAClF,SAAO,iBAAiB,CAAC,EAAE,SAAS,MAAM,UAAQ;AAChD,WAAO,CAAC,WAAmB;AACzB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,qBAAqB,2BAA2B;AACnD,cAAI,UAAU,aAAa,OAAO,QAAQ,eAAe,GAAG;AAC1D;AAAA,cACE,iBAAiB;AAAA,gBACf,OAAO,QAAQ;AAAA,gBACf,OAAO,QAAQ;AAAA,gBACf,OAAO,QAAQ;AAAA,cACjB;AAAA,YACF;AAAA,UACF;AAEA;AAAA,QACF;AAAA,QAEA,KAAK,qBAAqB;AACxB;AAAA,YACE,iBAAiB;AAAA,cACf,OAAO,QAAQ;AAAA,cACf,OAAO,QAAQ;AAAA,YACjB;AAAA,UACF;AACA;AAAA,MACJ;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":[]}

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

@@ -1,67 +1,33 @@
-import * as PropControllerHandles from "../../modules/prop-controller-handles";
-import * as Builder from "../../builder-api/actions";
-import { ReadOnlyActionTypes } from "../../actions/internal/read-only-actions";
-import * as ReadOnly from "../../actions/internal/read-only-actions";
+import * as PropControllers from "../../modules/read-write/prop-controllers";
+import { ReadWriteActionTypes } from "../../actions/internal/read-write-action-types";
 import { actionMiddleware } from "../../toolkit";
-import { createPropController } from "../../../prop-controllers/instances";
 import { HostActionTypes } from "../../host-api";
 import * as ReadOnlyState from "../../read-only-state";
-function createAndRegisterPropControllers(documentKey, elementKey) {
-  return (dispatch, getState) => {
-    const descriptors = ReadOnlyState.getElementPropControllerDescriptors(
-      getState(),
-      documentKey,
-      elementKey
-    );
-    if (descriptors == null)
-      return null;
-    const propControllers = Object.entries(descriptors).reduce(
-      (acc, [propName, descriptor]) => {
-        const propController = createPropController(
-          descriptor,
-          (message) => dispatch(
-            Builder.messageBuilderPropController(documentKey, elementKey, propName, message)
-          )
-        );
-        return { ...acc, [propName]: propController };
-      },
-      {}
-    );
-    dispatch(ReadOnly.registerPropControllers(documentKey, elementKey, propControllers));
-    return propControllers;
-  };
-}
+import { getPropController } from "../../read-write-state";
+import {
+  registerPropControllersHandle,
+  unregisterPropControllersHandle
+} from "../../actions/internal/read-write-actions";
 function propControllerHandlesMiddleware() {
   return actionMiddleware(({ dispatch, getState }) => (next) => {
     return (action) => {
       switch (action.type) {
-        case ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE: {
+        case ReadWriteActionTypes.REGISTER_COMPONENT_HANDLE: {
           const { documentKey, elementKey, componentHandle } = action.payload;
           const element = ReadOnlyState.getElement(getState(), documentKey, elementKey);
-          const propControllers = dispatch(
-            createAndRegisterPropControllers(documentKey, elementKey)
-          );
-          if (element != null && !ReadOnlyState.isElementReference(element) && PropControllerHandles.isPropControllersHandle(componentHandle)) {
-            dispatch(
-              ReadOnly.registerPropControllersHandle(documentKey, elementKey, componentHandle)
-            );
-            componentHandle.setPropControllers(propControllers);
+          if (element != null && !ReadOnlyState.isElementReference(element) && PropControllers.isPropControllersHandle(componentHandle)) {
+            dispatch(registerPropControllersHandle(documentKey, elementKey, componentHandle));
           }
           break;
         }
-        case ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE: {
+        case ReadWriteActionTypes.UNREGISTER_COMPONENT_HANDLE: {
           const { documentKey, elementKey } = action.payload;
-          const handle = ReadOnlyState.getPropControllersHandle(getState(), {
-            documentKey,
-            elementKey
-          });
-          handle?.setPropControllers(null);
-          dispatch(ReadOnly.unregisterPropControllers(documentKey, elementKey));
+          dispatch(unregisterPropControllersHandle(documentKey, elementKey));
           break;
         }
         case HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {
           const { documentKey, elementKey, propName, message } = action.payload;
-          const propController = ReadOnlyState.getPropController(getState(), {
+          const propController = getPropController(getState(), {
             documentKey,
             elementKey,
             propName

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

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

package/dist/esm/state/modules/api-resources.js

@@ -4,8 +4,8 @@ import {
 } from "../../api";
 import deepEqual from "../../utils/deepEqual";
 import { isKnownAction } from "../actions";
-import { ReadOnlyActionTypes } from "../actions/internal/read-only-actions";
-import { ReadWriteActionTypes } from "../actions/internal/read-write-actions";
+import { ReadOnlyActionTypes } from "../actions/internal/read-only-action-types";
+import { ReadWriteActionTypes } from "../actions/internal/read-write-action-types";
 import { HostActionTypes } from "../host-api";
 function isValidAPIResourceType(resourceType) {
   return resourceType in APIResourceType;

package/dist/esm/state/modules/api-resources.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/modules/api-resources.ts"],"sourcesContent":["import {\n  APIResourceType,\n  APIResourceLocale,\n  LocalizableAPIResourceType,\n  type APIResource,\n} from '../../api'\n\nimport deepEqual from '../../utils/deepEqual'\nimport { Branded } from '../../utils/branded'\n\nimport { type Action, type UnknownAction, isKnownAction } from '../actions'\nimport { ReadOnlyActionTypes } from '../actions/internal/read-only-actions'\nimport { ReadWriteActionTypes } from '../actions/internal/read-write-actions'\nimport { HostActionTypes } from '../host-api'\n\ntype CompositeResourceId = Branded<string, 'CompositeResourceId'>\n\nfunction isValidAPIResourceType(resourceType: string): resourceType is APIResourceType {\n  return resourceType in APIResourceType\n}\n\nfunction isLocalizableAPIResourceType(\n  resourceType: APIResourceType,\n): resourceType is LocalizableAPIResourceType {\n  return resourceType in LocalizableAPIResourceType\n}\n\nfunction compositeId(\n  resourceId: string,\n  resourceType: APIResourceType,\n  locale?: string | null,\n): CompositeResourceId {\n  return (\n    locale != null && isLocalizableAPIResourceType(resourceType)\n      ? `${resourceId}@${locale}`\n      : resourceId\n  ) as CompositeResourceId\n}\n\nfunction parseCompositeId(compositeId: CompositeResourceId): [string, string | null] {\n  const [resourceId, locale] = compositeId.split('@')\n  return [resourceId, locale ?? null]\n}\n\nexport type State = Map<APIResourceType, Map<CompositeResourceId, APIResource | null>>\n\nexport type SerializedState = {\n  [key in APIResourceType]?: {\n    id: string\n    value: Extract<APIResource, { __typename: key }> | null\n    locale?: APIResourceLocale<key>\n  }[]\n}\n\nexport function getInitialState(\n  serializedState: SerializedState = {\n    Swatch: [],\n    File: [],\n    Typography: [],\n    PagePathnameSlice: [],\n    GlobalElement: [],\n    Table: [],\n    Snippet: [],\n    Page: [],\n    Site: [],\n    LocalizedGlobalElement: [],\n  },\n): State {\n  return new Map(\n    Object.entries(serializedState).map(([resourceType, resources]) => [\n      resourceType,\n      new Map(\n        resources.map(({ id, value, locale }) => [\n          compositeId(id, resourceType as APIResourceType, locale),\n          value,\n        ]),\n      ),\n    ]),\n  ) as State\n}\n\nexport function getSerializedState(state: State): SerializedState {\n  const resourceMap: SerializedState = {\n    Swatch: [],\n    File: [],\n    Typography: [],\n    PagePathnameSlice: [],\n    GlobalElement: [],\n    Table: [],\n    Snippet: [],\n    Page: [],\n    Site: [],\n    LocalizedGlobalElement: [],\n  }\n\n  Array.from(state.entries()).forEach(([resourceType, resources]) => {\n    const particularResourceMap: { id: string; value: any; locale?: any }[] = []\n\n    Array.from(resources.entries()).forEach(([compositeId, value]) => {\n      if (value != null) {\n        const [id, locale] = parseCompositeId(compositeId)\n        console.assert(\n          locale == null || isLocalizableAPIResourceType(resourceType),\n          `Unexpected locale for non-localizable resource type ${resourceType}`,\n          { id, locale },\n        )\n\n        particularResourceMap.push(locale != null ? { id, value, locale } : { id, value })\n      }\n    })\n\n    resourceMap[resourceType] = particularResourceMap\n  })\n\n  return resourceMap\n}\n\nexport function getHasAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): boolean {\n  return state.get(resourceType)?.has(compositeId(resourceId, resourceType, locale)) ?? false\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): Extract<APIResource, { __typename: T }> | null {\n  const resource = state.get(resourceType)?.get(compositeId(resourceId, resourceType, locale))\n\n  return resource?.__typename === resourceType\n    ? (resource as Extract<typeof resource, { __typename: T }>)\n    : null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ReadWriteActionTypes.UPDATE_API_CLIENT_CACHE: {\n      const { apiResources } = action.payload\n\n      return Object.entries(apiResources).reduce((state, [resourceType, cachedResources]) => {\n        const resType = resourceType as APIResourceType\n        const cached:\n          | { id: string; value: APIResource | null; locale?: string | null }[]\n          | undefined = cachedResources\n\n        const existing = state.get(resType) ?? new Map<CompositeResourceId, APIResource | null>()\n        const updated = cached?.reduce((r, { id, value, locale }) => {\n          const cid = compositeId(id, resType, locale)\n          return deepEqual(r.get(cid), value) ? r : new Map(r).set(cid, value)\n        }, existing)\n\n        return updated == null || updated === existing\n          ? state\n          : new Map(state).set(resType, updated)\n      }, state)\n    }\n\n    case ReadWriteActionTypes.CLEAR_API_CLIENT_CACHE: {\n      return getInitialState()\n    }\n\n    case ReadOnlyActionTypes.API_RESOURCE_FULFILLED: {\n      const { resourceType, resourceId, resource, locale } = action.payload\n      return new Map(state).set(\n        resourceType,\n        new Map(state.get(resourceType)!).set(\n          compositeId(resourceId, resourceType, locale),\n          resource,\n        ),\n      )\n    }\n\n    case HostActionTypes.CHANGE_API_RESOURCE: {\n      const { resource, locale } = action.payload\n      const existingApiResource = getAPIResource(state, resource.__typename, resource.id, locale)\n\n      if (deepEqual(existingApiResource, resource)) return state\n\n      return new Map(state).set(\n        resource.__typename,\n        new Map(state.get(resource.__typename)!).set(\n          compositeId(resource.id, resource.__typename, locale),\n          resource,\n        ),\n      )\n    }\n\n    case HostActionTypes.EVICT_API_RESOURCE: {\n      const { id, locale } = action.payload\n      const [resourceType, resourceId] = id.split(':')\n\n      if (!isValidAPIResourceType(resourceType)) return state\n\n      const resources = new Map(state.get(resourceType as APIResourceType)!)\n\n      const deleted = resources.delete(compositeId(resourceId, resourceType, locale))\n\n      return deleted ? new Map(state).set(resourceType as APIResourceType, resources) : state\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"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","names":["compositeId","state"]}
+{"version":3,"sources":["../../../../src/state/modules/api-resources.ts"],"sourcesContent":["import {\n  APIResourceType,\n  APIResourceLocale,\n  LocalizableAPIResourceType,\n  type APIResource,\n} from '../../api'\n\nimport deepEqual from '../../utils/deepEqual'\nimport { Branded } from '../../utils/branded'\n\nimport { type Action, type UnknownAction, isKnownAction } from '../actions'\nimport { ReadOnlyActionTypes } from '../actions/internal/read-only-action-types'\nimport { ReadWriteActionTypes } from '../actions/internal/read-write-action-types'\nimport { HostActionTypes } from '../host-api'\n\ntype CompositeResourceId = Branded<string, 'CompositeResourceId'>\n\nfunction isValidAPIResourceType(resourceType: string): resourceType is APIResourceType {\n  return resourceType in APIResourceType\n}\n\nfunction isLocalizableAPIResourceType(\n  resourceType: APIResourceType,\n): resourceType is LocalizableAPIResourceType {\n  return resourceType in LocalizableAPIResourceType\n}\n\nfunction compositeId(\n  resourceId: string,\n  resourceType: APIResourceType,\n  locale?: string | null,\n): CompositeResourceId {\n  return (\n    locale != null && isLocalizableAPIResourceType(resourceType)\n      ? `${resourceId}@${locale}`\n      : resourceId\n  ) as CompositeResourceId\n}\n\nfunction parseCompositeId(compositeId: CompositeResourceId): [string, string | null] {\n  const [resourceId, locale] = compositeId.split('@')\n  return [resourceId, locale ?? null]\n}\n\nexport type State = Map<APIResourceType, Map<CompositeResourceId, APIResource | null>>\n\nexport type SerializedState = {\n  [key in APIResourceType]?: {\n    id: string\n    value: Extract<APIResource, { __typename: key }> | null\n    locale?: APIResourceLocale<key>\n  }[]\n}\n\nexport function getInitialState(\n  serializedState: SerializedState = {\n    Swatch: [],\n    File: [],\n    Typography: [],\n    PagePathnameSlice: [],\n    GlobalElement: [],\n    Table: [],\n    Snippet: [],\n    Page: [],\n    Site: [],\n    LocalizedGlobalElement: [],\n  },\n): State {\n  return new Map(\n    Object.entries(serializedState).map(([resourceType, resources]) => [\n      resourceType,\n      new Map(\n        resources.map(({ id, value, locale }) => [\n          compositeId(id, resourceType as APIResourceType, locale),\n          value,\n        ]),\n      ),\n    ]),\n  ) as State\n}\n\nexport function getSerializedState(state: State): SerializedState {\n  const resourceMap: SerializedState = {\n    Swatch: [],\n    File: [],\n    Typography: [],\n    PagePathnameSlice: [],\n    GlobalElement: [],\n    Table: [],\n    Snippet: [],\n    Page: [],\n    Site: [],\n    LocalizedGlobalElement: [],\n  }\n\n  Array.from(state.entries()).forEach(([resourceType, resources]) => {\n    const particularResourceMap: { id: string; value: any; locale?: any }[] = []\n\n    Array.from(resources.entries()).forEach(([compositeId, value]) => {\n      if (value != null) {\n        const [id, locale] = parseCompositeId(compositeId)\n        console.assert(\n          locale == null || isLocalizableAPIResourceType(resourceType),\n          `Unexpected locale for non-localizable resource type ${resourceType}`,\n          { id, locale },\n        )\n\n        particularResourceMap.push(locale != null ? { id, value, locale } : { id, value })\n      }\n    })\n\n    resourceMap[resourceType] = particularResourceMap\n  })\n\n  return resourceMap\n}\n\nexport function getHasAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): boolean {\n  return state.get(resourceType)?.has(compositeId(resourceId, resourceType, locale)) ?? false\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): Extract<APIResource, { __typename: T }> | null {\n  const resource = state.get(resourceType)?.get(compositeId(resourceId, resourceType, locale))\n\n  return resource?.__typename === resourceType\n    ? (resource as Extract<typeof resource, { __typename: T }>)\n    : null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ReadWriteActionTypes.UPDATE_API_CLIENT_CACHE: {\n      const { apiResources } = action.payload\n\n      return Object.entries(apiResources).reduce((state, [resourceType, cachedResources]) => {\n        const resType = resourceType as APIResourceType\n        const cached:\n          | { id: string; value: APIResource | null; locale?: string | null }[]\n          | undefined = cachedResources\n\n        const existing = state.get(resType) ?? new Map<CompositeResourceId, APIResource | null>()\n        const updated = cached?.reduce((r, { id, value, locale }) => {\n          const cid = compositeId(id, resType, locale)\n          return deepEqual(r.get(cid), value) ? r : new Map(r).set(cid, value)\n        }, existing)\n\n        return updated == null || updated === existing\n          ? state\n          : new Map(state).set(resType, updated)\n      }, state)\n    }\n\n    case ReadWriteActionTypes.CLEAR_API_CLIENT_CACHE: {\n      return getInitialState()\n    }\n\n    case ReadOnlyActionTypes.API_RESOURCE_FULFILLED: {\n      const { resourceType, resourceId, resource, locale } = action.payload\n      return new Map(state).set(\n        resourceType,\n        new Map(state.get(resourceType)!).set(\n          compositeId(resourceId, resourceType, locale),\n          resource,\n        ),\n      )\n    }\n\n    case HostActionTypes.CHANGE_API_RESOURCE: {\n      const { resource, locale } = action.payload\n      const existingApiResource = getAPIResource(state, resource.__typename, resource.id, locale)\n\n      if (deepEqual(existingApiResource, resource)) return state\n\n      return new Map(state).set(\n        resource.__typename,\n        new Map(state.get(resource.__typename)!).set(\n          compositeId(resource.id, resource.__typename, locale),\n          resource,\n        ),\n      )\n    }\n\n    case HostActionTypes.EVICT_API_RESOURCE: {\n      const { id, locale } = action.payload\n      const [resourceType, resourceId] = id.split(':')\n\n      if (!isValidAPIResourceType(resourceType)) return state\n\n      const resources = new Map(state.get(resourceType as APIResourceType)!)\n\n      const deleted = resources.delete(compositeId(resourceId, resourceType, locale))\n\n      return deleted ? new Map(state).set(resourceType as APIResourceType, resources) : state\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"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","names":["compositeId","state"]}

package/dist/esm/state/modules/breakpoints.js

@@ -3,8 +3,8 @@ import {
   getBreakpointMediaQuery
 } from "@makeswift/controls";
 import { isKnownAction } from "../actions";
-import { InternalActionTypes } from "../actions/internal";
-import { BuilderActionTypes } from "../builder-api/actions";
+import { InternalActionTypes } from "../actions/internal/action-types";
+import { BuilderActionTypes } from "../builder-api/action-types";
 import { isServer } from "../../utils/is-server";
 import {
   getBreakpoint