@makeswift/runtime 0.1.9 → 0.1.11

package/dist/react-builder-preview.es.js

@@ -19,13 +19,13 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { combineReducers, createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
-import { N as deepEqual } from "./index.es.js";
+import { O as deepEqual } from "./index.es.js";
 import { removeIn, setIn } from "immutable";
-import { q as getInitialState$2, r as reducer$3, s as getDocument$1, c as createDocument, t as reducer$4, u as reducer$6, v as reducer$7, w as reducer$8, x as getComponentsMeta$1, y as getComponentPropControllerDescriptors$1, z as getElement, i as isElementReference, A as getElementPropControllerDescriptors } from "./react-page.es.js";
-import { A as ActionTypes, l as changeElementBoxModels, n as changeDocumentElementSize, o as handleWheel, p as setIsInBuilder, q as registerBuilderComponent, t as unregisterBuilderComponent, v as unregisterMeasurable, w as registerMeasurable, x as unregisterPropControllers, y as registerPropControllersHandle, z as registerPropControllers, B as messageBuilderPropController } from "./actions.es.js";
-import { r as reducer$5, a as getMeasurables$1, b as getBoxModels$1, m as measure, d as getBoxModel$1, i as isMeasurable } from "./box-models.es.js";
+import { r as getInitialState$1, s as reducer$2, t as getDocument$1, c as createDocument, u as reducer$3, v as reducer$5, w as reducer$6, x as reducer$7, y as reducer$8, z as getComponentsMeta$1, A as getComponentPropControllerDescriptors$1, B as getPropController, C as getPropControllersHandle, D as getElement, E as getElementPropControllerDescriptors, i as isElementReference, F as isPropControllersHandle } from "./react-page.es.js";
+import { A as ActionTypes, l as changeElementBoxModels, n as changeDocumentElementSize, o as handleWheel, p as setIsInBuilder, q as registerBuilderComponent, t as unregisterBuilderComponent, v as unregisterMeasurable, w as registerMeasurable, x as unregisterPropControllers, y as registerPropControllers, z as registerPropControllersHandle, B as messageBuilderPropController } from "./actions.es.js";
+import { r as reducer$4, a as getMeasurables$1, b as getBoxModels$1, m as measure, d as getBoxModel$1, i as isMeasurable } from "./box-models.es.js";
 export { c as createBox, g as getBox, p as parse } from "./box-models.es.js";
-import { c as createPropController } from "./instances.es.js";
+import { d as createPropController } from "./slot.es.js";
 import { F as Fragments } from "./constants.es.js";
 import { a as serializeControls } from "./control-serialization.es.js";
 import "react";
@@ -40,12 +40,10 @@ import "@apollo/client";
 import "@apollo/client/link/batch-http";
 import "./graphql.es.js";
 import "react/jsx-runtime";
-import "./descriptors.es.js";
-import "./style.es.js";
+import "./image.es.js";
 import "./text-input.es.js";
 import "./color.es.js";
 import "./shape.es.js";
-import "./image.es.js";
 import "color";
 import "scroll-into-view-if-needed";
 import "react-dom";
@@ -68,10 +66,10 @@ function apply(data, operation) {
   });
   return applied;
 }
-function getInitialState$1({
+function getInitialState({
   rootElements
 } = {}) {
-  return getInitialState$2({ rootElements });
+  return getInitialState$1({ rootElements });
 }
 function getReadOnlyDocumentsStateSlice(state) {
   return state;
@@ -79,9 +77,9 @@ function getReadOnlyDocumentsStateSlice(state) {
 function getDocument(state, documentKey) {
   return getDocument$1(getReadOnlyDocumentsStateSlice(state), documentKey);
 }
-function reducer$2(state = getInitialState$1(), action) {
+function reducer$1(state = getInitialState(), action) {
   var _a;
-  const nextState = reducer$3(state, action);
+  const nextState = reducer$2(state, action);
   switch (action.type) {
     case ActionTypes.CHANGE_DOCUMENT: {
       const currentRootElement = (_a = getDocument(nextState, action.payload.documentKey)) == null ? void 0 : _a.rootElement;
@@ -94,61 +92,13 @@ function reducer$2(state = getInitialState$1(), action) {
       return nextState;
   }
 }
-function isPropControllersHandle(value) {
-  if (typeof value === "object" && value !== null && "setPropControllers" in value && typeof value.setPropControllers === "function") {
-    return true;
-  }
-  return false;
-}
-function getInitialState() {
-  return { handles: /* @__PURE__ */ new Map(), instances: /* @__PURE__ */ new Map() };
-}
-function getPropControllersHandle(state, documentKey, elementKey) {
-  var _a, _b;
-  return (_b = (_a = state.handles.get(documentKey)) == null ? void 0 : _a.get(elementKey)) != null ? _b : null;
-}
-function getPropController(state, documentKey, elementKey, propName) {
-  var _a, _b, _c;
-  return (_c = (_b = (_a = state.instances.get(documentKey)) == null ? void 0 : _a.get(elementKey)) == null ? void 0 : _b[propName]) != null ? _c : null;
-}
-function reducer$1(state = getInitialState(), action) {
-  var _a, _b, _c, _d;
-  switch (action.type) {
-    case ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE: {
-      const { documentKey, elementKey, handle } = action.payload;
-      return __spreadProps(__spreadValues({}, state), {
-        handles: new Map(state.handles).set(documentKey, new Map((_a = state.handles.get(documentKey)) != null ? _a : []).set(elementKey, handle))
-      });
-    }
-    case ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE: {
-      const { documentKey, elementKey } = action.payload;
-      const nextHandles = new Map((_b = state.handles.get(documentKey)) != null ? _b : []);
-      const deleted = nextHandles.delete(elementKey);
-      return deleted ? __spreadProps(__spreadValues({}, state), { handles: new Map(state.handles).set(documentKey, nextHandles) }) : state;
-    }
-    case ActionTypes.REGISTER_PROP_CONTROLLERS: {
-      const { documentKey, elementKey, propControllers } = action.payload;
-      return __spreadProps(__spreadValues({}, state), {
-        instances: new Map(state.instances).set(documentKey, new Map((_c = state.instances.get(documentKey)) != null ? _c : []).set(elementKey, propControllers))
-      });
-    }
-    case ActionTypes.UNREGISTER_PROP_CONTROLLERS: {
-      const { documentKey, elementKey } = action.payload;
-      const nextInstances = new Map((_d = state.instances.get(documentKey)) != null ? _d : []);
-      const deleted = nextInstances.delete(elementKey);
-      return deleted ? __spreadProps(__spreadValues({}, state), { instances: new Map(state.instances).set(documentKey, nextInstances) }) : state;
-    }
-    default:
-      return state;
-  }
-}
 const reducer = combineReducers({
-  documents: reducer$2,
-  reactComponents: reducer$4,
-  boxModels: reducer$5,
-  componentsMeta: reducer$6,
-  propControllers: reducer$7,
-  propControllerHandles: reducer$1,
+  documents: reducer$1,
+  reactComponents: reducer$3,
+  boxModels: reducer$4,
+  componentsMeta: reducer$5,
+  propControllers: reducer$6,
+  propControllerHandles: reducer$7,
   isInBuilder: reducer$8
 });
 function getBoxModelsStateSlice(state) {
@@ -395,34 +345,27 @@ function createAndRegisterPropControllers(documentKey, elementKey) {
     return propControllers;
   };
 }
-function registerAndSetPropControllersHandle(documentKey, elementKey, handle) {
-  return (dispatch) => {
-    dispatch(registerPropControllersHandle(documentKey, elementKey, handle));
-    const propControllers = dispatch(createAndRegisterPropControllers(documentKey, elementKey));
-    handle.setPropControllers(propControllers);
-  };
-}
-function unregisterAndUnsetPropControllersHandle(documentKey, elementKey) {
-  return (dispatch, getState) => {
-    const handle = getPropControllersHandle(getPropControllerHandlesStateSlice(getState()), documentKey, elementKey);
-    handle == null ? void 0 : handle.setPropControllers(null);
-    dispatch(unregisterPropControllers(documentKey, elementKey));
-  };
-}
 function propControllerHandlesMiddleware() {
   return ({ dispatch, getState }) => (next) => {
     return (action) => {
       switch (action.type) {
         case ActionTypes.REGISTER_COMPONENT_HANDLE: {
-          const element = getElement(getState(), action.payload.documentKey, action.payload.elementKey);
-          if (element != null && !isElementReference(element) && isPropControllersHandle(action.payload.componentHandle)) {
-            dispatch(registerAndSetPropControllersHandle(action.payload.documentKey, action.payload.elementKey, action.payload.componentHandle));
+          const { documentKey, elementKey, componentHandle } = action.payload;
+          const element = getElement(getState(), documentKey, elementKey);
+          const propControllers = dispatch(createAndRegisterPropControllers(documentKey, elementKey));
+          if (element != null && !isElementReference(element) && isPropControllersHandle(componentHandle)) {
+            dispatch(registerPropControllersHandle(documentKey, elementKey, componentHandle));
+            componentHandle.setPropControllers(propControllers);
           }
           break;
         }
-        case ActionTypes.UNREGISTER_COMPONENT_HANDLE:
-          dispatch(unregisterAndUnsetPropControllersHandle(action.payload.documentKey, action.payload.elementKey));
+        case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {
+          const { documentKey, elementKey } = action.payload;
+          const handle = getPropControllersHandle(getPropControllerHandlesStateSlice(getState()), documentKey, elementKey);
+          handle == null ? void 0 : handle.setPropControllers(null);
+          dispatch(unregisterPropControllers(documentKey, elementKey));
           break;
+        }
         case ActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {
           const propController = getPropController(getPropControllerHandlesStateSlice(getState()), action.payload.documentKey, action.payload.elementKey, action.payload.propName);
           if (propController)

package/dist/react-builder-preview.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-builder-preview.es.js","sources":["../src/state/modules/read-write-documents.ts","../src/state/modules/prop-controller-handles.ts","../src/state/react-builder-preview.ts"],"sourcesContent":["import { Operation } from 'ot-json0'\nimport { removeIn, setIn } from 'immutable'\n\nimport * as ReadOnlyDocuments from './read-only-documents'\nimport { Action, ActionTypes } from '../actions'\n\nexport type { Document, Element, ElementData, ElementReference } from './read-only-documents'\nexport { isElementReference } from './read-only-documents'\nexport type { Operation }\n\nfunction apply(data: ReadOnlyDocuments.Element, operation: Operation): ReadOnlyDocuments.Element {\n  let applied = data\n\n  operation.forEach(component => {\n    // @ts-expect-error: `ld` isn't in all possible values of `component`\n    if (component.ld != null) applied = removeIn(applied, component.p)\n\n    // @ts-expect-error: `od` isn't in all possible values of `component`\n    if (component.od != null) applied = removeIn(applied, component.p)\n\n    // @ts-expect-error: `li` isn't in all possible values of `component`\n    if (component.li != null) applied = setIn(applied, component.p, component.li)\n\n    // @ts-expect-error: `oi` isn't in all possible values of `component`\n    if (component.oi != null) applied = setIn(applied, component.p, component.oi)\n  })\n\n  return applied\n}\n\nexport type State = ReadOnlyDocuments.State\n\nexport function getInitialState({\n  rootElements,\n}: {\n  rootElements?: Map<string, ReadOnlyDocuments.Element>\n} = {}): State {\n  return ReadOnlyDocuments.getInitialState({ rootElements })\n}\n\nfunction getReadOnlyDocumentsStateSlice(state: State): ReadOnlyDocuments.State {\n  return state\n}\n\nexport function getDocument(state: State, documentKey: string): ReadOnlyDocuments.Document | null {\n  return ReadOnlyDocuments.getDocument(getReadOnlyDocumentsStateSlice(state), documentKey)\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  const nextState = ReadOnlyDocuments.reducer(state, action)\n\n  switch (action.type) {\n    case ActionTypes.CHANGE_DOCUMENT: {\n      const currentRootElement = getDocument(nextState, action.payload.documentKey)?.rootElement\n\n      if (currentRootElement == null) return nextState\n\n      const nextRootElement = apply(currentRootElement, action.payload.operation)\n\n      return currentRootElement === nextRootElement\n        ? nextState\n        : new Map(nextState).set(\n            action.payload.documentKey,\n            ReadOnlyDocuments.createDocument(action.payload.documentKey, nextRootElement),\n          )\n    }\n\n    default:\n      return nextState\n  }\n}\n","import { Action, ActionTypes } from '../actions'\nimport type { DescriptorsPropControllers, PropController } from '../../prop-controllers/instances'\nimport type { Descriptor } from '../../prop-controllers/descriptors'\n\nexport interface PropControllersHandle<\n  T extends Record<string, Descriptor> = Record<string, Descriptor>,\n> {\n  setPropControllers(propControllers: DescriptorsPropControllers<T> | null): void\n}\n\nexport function isPropControllersHandle(value: unknown): value is PropControllersHandle {\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    'setPropControllers' in value &&\n    typeof (value as { setPropControllers: unknown }).setPropControllers === 'function'\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport type State = {\n  handles: Map<string, Map<string, PropControllersHandle>>\n  instances: Map<string, Map<string, Record<string, PropController>>>\n}\n\nexport function getInitialState(): State {\n  return { handles: new Map(), instances: new Map() }\n}\n\nexport function getPropControllersHandle(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): PropControllersHandle | null {\n  return state.handles.get(documentKey)?.get(elementKey) ?? null\n}\n\nexport function getPropController(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n): PropController | null {\n  return state.instances.get(documentKey)?.get(elementKey)?.[propName] ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE: {\n      const { documentKey, elementKey, handle } = action.payload\n\n      return {\n        ...state,\n        handles: new Map(state.handles).set(\n          documentKey,\n          new Map(state.handles.get(documentKey) ?? []).set(elementKey, handle),\n        ),\n      }\n    }\n\n    case ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE: {\n      const { documentKey, elementKey } = action.payload\n      const nextHandles = new Map(state.handles.get(documentKey) ?? [])\n\n      const deleted = nextHandles.delete(elementKey)\n\n      return deleted\n        ? { ...state, handles: new Map(state.handles).set(documentKey, nextHandles) }\n        : state\n    }\n\n    case ActionTypes.REGISTER_PROP_CONTROLLERS: {\n      const { documentKey, elementKey, propControllers } = action.payload\n\n      return {\n        ...state,\n        instances: new Map(state.instances).set(\n          documentKey,\n          new Map(state.instances.get(documentKey) ?? []).set(elementKey, propControllers),\n        ),\n      }\n    }\n\n    case ActionTypes.UNREGISTER_PROP_CONTROLLERS: {\n      const { documentKey, elementKey } = action.payload\n      const nextInstances = new Map(state.instances.get(documentKey) ?? [])\n\n      const deleted = nextInstances.delete(elementKey)\n\n      return deleted\n        ? { ...state, instances: new Map(state.instances).set(documentKey, nextInstances) }\n        : state\n    }\n\n    default:\n      return state\n  }\n}\n","import {\n  applyMiddleware,\n  combineReducers,\n  createStore,\n  Dispatch as ReduxDispatch,\n  Middleware,\n  MiddlewareAPI,\n  PreloadedState,\n  Store as ReduxStore,\n} from 'redux'\nimport thunk, { ThunkAction, ThunkDispatch } from 'redux-thunk'\nimport deepEqual from '../utils/deepEqual'\n\nimport * as Documents from './modules/read-write-documents'\nimport * as ReactComponents from './modules/react-components'\nimport * as BoxModels from './modules/box-models'\nimport * as ComponentsMeta from './modules/components-meta'\nimport * as PropControllers from './modules/prop-controllers'\nimport * as PropControllerHandles from './modules/prop-controller-handles'\nimport * as IsInBuilder from './modules/is-in-builder'\nimport * as ReactPage from './react-page'\nimport {\n  Action,\n  changeDocumentElementSize,\n  changeElementBoxModels,\n  messageBuilderPropController,\n  registerBuilderComponent,\n  registerMeasurable,\n  registerPropControllers,\n  registerPropControllersHandle,\n  registerDocument,\n  registerComponentHandle,\n  unregisterBuilderComponent,\n  unregisterMeasurable,\n  unregisterPropControllers,\n  setIsInBuilder,\n  handleWheel,\n} from './actions'\nimport { ActionTypes } from './actions'\nimport { createPropController, PropController } from '../prop-controllers/instances'\nimport { ApolloClient, NormalizedCacheObject } from '@apollo/client'\nimport { Fragments } from '../api'\nimport { serializeControls } from '../builder'\n\nexport type { Operation } from './modules/read-write-documents'\nexport type { BoxModelHandle } from './modules/box-models'\nexport { createBox, getBox, parse } from './modules/box-models'\n\nconst reducer = combineReducers({\n  documents: Documents.reducer,\n  reactComponents: ReactComponents.reducer,\n  boxModels: BoxModels.reducer,\n  componentsMeta: ComponentsMeta.reducer,\n  propControllers: PropControllers.reducer,\n  propControllerHandles: PropControllerHandles.reducer,\n  isInBuilder: IsInBuilder.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\n\nfunction getBoxModelsStateSlice(state: State): BoxModels.State {\n  return state.boxModels\n}\n\nfunction getMeasurables(state: State): Map<string, Map<string, BoxModels.Measurable>> {\n  return BoxModels.getMeasurables(getBoxModelsStateSlice(state))\n}\n\nfunction getBoxModels(state: State): Map<string, Map<string, BoxModels.BoxModel>> {\n  return BoxModels.getBoxModels(getBoxModelsStateSlice(state))\n}\n\nfunction getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModels.BoxModel | null {\n  return BoxModels.getBoxModel(getBoxModelsStateSlice(state), documentKey, elementKey)\n}\n\nfunction getComponentsMetaStateSlice(state: State): ComponentsMeta.State {\n  return state.componentsMeta\n}\n\nfunction getComponentsMeta(state: State): Map<string, ComponentsMeta.ComponentMeta> {\n  return ComponentsMeta.getComponentsMeta(getComponentsMetaStateSlice(state))\n}\n\nfunction getPropControllersStateSlice(state: State): PropControllers.State {\n  return state.propControllers\n}\n\nfunction getComponentPropControllerDescriptors(\n  state: State,\n  componentType: string,\n): Record<string, PropControllers.PropControllerDescriptor> | null {\n  return PropControllers.getComponentPropControllerDescriptors(\n    getPropControllersStateSlice(state),\n    componentType,\n  )\n}\n\nfunction getPropControllerHandlesStateSlice(state: State): PropControllerHandles.State {\n  return state.propControllerHandles\n}\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.BoxModel>>()\n\n    measurables.forEach((documentMeasurables, documentKey) => {\n      const measuredDocumentBoxModels = new Map<string, BoxModels.BoxModel>()\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.BoxModel | null>>()\n\n    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxModel | 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.BoxModel | 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(changeElementBoxModels(changedBoxModels))\n  }\n}\n\nexport function 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\nexport type Size = {\n  offsetWidth: number\n  offsetHeight: number\n  clientWidth: number\n  clientHeight: number\n  scrollWidth: number\n  scrollHeight: number\n  scrollTop: number\n  scrollLeft: number\n}\n\nfunction getElementSize(element: HTMLElement): Size {\n  return {\n    offsetWidth: element.offsetWidth,\n    offsetHeight: element.offsetHeight,\n    clientWidth: element.clientWidth,\n    clientHeight: element.clientHeight,\n    scrollWidth: element.scrollWidth,\n    scrollHeight: element.scrollHeight,\n    scrollTop: element.scrollTop,\n    scrollLeft: element.scrollLeft,\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(handleWheel({ deltaX, deltaY }))\n    }\n  }\n}\n\nfunction startHandlingFocusEvents(): () => void {\n  window.addEventListener('focusin', handleFocusIn)\n  window.addEventListener('focusout', handleFocusOut)\n\n  return () => {\n    window.addEventListener('focusin', handleFocusIn)\n    window.removeEventListener('focusout', handleFocusOut)\n  }\n\n  function handleFocusIn(event: FocusEvent) {\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      !(event.relatedTarget instanceof window.HTMLElement) ||\n      !event.relatedTarget.isContentEditable\n    ) {\n      window.parent.focus()\n    }\n  }\n}\n\nfunction startMeasuringDocumentElement(): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    let lastSize: Size\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(changeDocumentElementSize(nextSize))\n      }\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nexport function initialize(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    const stopMeasuringElements = dispatch(startMeasuringElements())\n    const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement())\n    const stopHandlingFocusEvent = startHandlingFocusEvents()\n    const unlockDocumentScroll = dispatch(lockDocumentScroll())\n    dispatch(setIsInBuilder(true))\n\n    return () => {\n      stopMeasuringElements()\n      stopMeasuringDocumentElement()\n      stopHandlingFocusEvent()\n      unlockDocumentScroll()\n      dispatch(setIsInBuilder(false))\n    }\n  }\n}\n\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nfunction measureBoxModelsMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch }: MiddlewareAPI<Dispatch>) =>\n    (next: ReduxDispatch<Action>) => {\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.REGISTER_COMPONENT_HANDLE: {\n            if (BoxModels.isMeasurable(action.payload.componentHandle)) {\n              dispatch(\n                registerMeasurable(\n                  action.payload.documentKey,\n                  action.payload.elementKey,\n                  action.payload.componentHandle,\n                ),\n              )\n            }\n\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT_HANDLE:\n            dispatch(unregisterMeasurable(action.payload.documentKey, action.payload.elementKey))\n            break\n        }\n\n        return next(action)\n      }\n    }\n}\n\nexport function messageChannelMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch, getState }: MiddlewareAPI<Dispatch, State>) =>\n    (next: ReduxDispatch<Action>) => {\n      const messageChannel = new MessageChannel()\n      let cleanUp = () => {}\n\n      window.parent.postMessage(messageChannel.port2, '*', [messageChannel.port2])\n\n      messageChannel.port1.onmessage = (event: MessageEvent<Action>) => dispatch(event.data)\n\n      const state = getState()\n      const registeredComponentsMeta = getComponentsMeta(state)\n\n      registeredComponentsMeta.forEach((componentMeta, componentType) => {\n        const propControllerDescriptors = getComponentPropControllerDescriptors(\n          state,\n          componentType,\n        )\n\n        if (propControllerDescriptors != null) {\n          const [serializedControls, transferables] = serializeControls(propControllerDescriptors)\n\n          messageChannel.port1.postMessage(\n            registerBuilderComponent(componentType, componentMeta, serializedControls),\n            transferables,\n          )\n        }\n      })\n\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.CHANGE_ELEMENT_BOX_MODELS:\n          case ActionTypes.MOUNT_COMPONENT:\n          case ActionTypes.UNMOUNT_COMPONENT:\n          case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:\n          case ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:\n          case ActionTypes.HANDLE_WHEEL:\n            messageChannel.port1.postMessage(action)\n            break\n\n          case ActionTypes.REGISTER_COMPONENT: {\n            const { type, meta, propControllerDescriptors } = action.payload\n            const [serializedControls, transferables] = serializeControls(propControllerDescriptors)\n\n            messageChannel.port1.postMessage(\n              registerBuilderComponent(type, meta, serializedControls),\n              transferables,\n            )\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT:\n            messageChannel.port1.postMessage(unregisterBuilderComponent(action.payload.type))\n            break\n\n          case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:\n            window.document.documentElement.scrollTop = action.payload.scrollTop\n            break\n\n          case ActionTypes.SCROLL_DOCUMENT_ELEMENT:\n            window.document.documentElement.scrollTop += action.payload.scrollTopDelta\n            break\n\n          case ActionTypes.INIT:\n            cleanUp = dispatch(initialize())\n            break\n\n          case ActionTypes.CLEAN_UP:\n            cleanUp()\n            break\n        }\n\n        return next(action)\n      }\n    }\n}\n\nfunction createAndRegisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<Record<string, PropController> | null, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const descriptors = ReactPage.getElementPropControllerDescriptors(\n      getState(),\n      documentKey,\n      elementKey,\n    )\n\n    if (descriptors == null) return null\n\n    const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {\n      const propController = createPropController(descriptor, message =>\n        dispatch(messageBuilderPropController(documentKey, elementKey, propName, message)),\n      ) as PropController\n\n      return { ...acc, [propName]: propController }\n    }, {} as Record<string, PropController>)\n\n    dispatch(registerPropControllers(documentKey, elementKey, propControllers))\n\n    return propControllers\n  }\n}\n\nfunction registerAndSetPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n  handle: PropControllerHandles.PropControllersHandle,\n): ThunkAction<void, State, unknown, Action> {\n  return dispatch => {\n    dispatch(registerPropControllersHandle(documentKey, elementKey, handle))\n\n    const propControllers = dispatch(createAndRegisterPropControllers(documentKey, elementKey))\n\n    handle.setPropControllers(propControllers)\n  }\n}\n\nfunction unregisterAndUnsetPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const handle = PropControllerHandles.getPropControllersHandle(\n      getPropControllerHandlesStateSlice(getState()),\n      documentKey,\n      elementKey,\n    )\n\n    handle?.setPropControllers(null)\n\n    dispatch(unregisterPropControllers(documentKey, elementKey))\n  }\n}\n\nfunction propControllerHandlesMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch, getState }: MiddlewareAPI<Dispatch, State>) =>\n    (next: ReduxDispatch<Action>) => {\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.REGISTER_COMPONENT_HANDLE: {\n            const element = ReactPage.getElement(\n              getState(),\n              action.payload.documentKey,\n              action.payload.elementKey,\n            )\n\n            if (\n              element != null &&\n              !ReactPage.isElementReference(element) &&\n              PropControllerHandles.isPropControllersHandle(action.payload.componentHandle)\n            ) {\n              dispatch(\n                registerAndSetPropControllersHandle(\n                  action.payload.documentKey,\n                  action.payload.elementKey,\n                  action.payload.componentHandle,\n                ),\n              )\n            }\n\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT_HANDLE:\n            dispatch(\n              unregisterAndUnsetPropControllersHandle(\n                action.payload.documentKey,\n                action.payload.elementKey,\n              ),\n            )\n            break\n\n          case ActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {\n            const propController = PropControllerHandles.getPropController(\n              getPropControllerHandlesStateSlice(getState()),\n              action.payload.documentKey,\n              action.payload.elementKey,\n              action.payload.propName,\n            )\n\n            if (propController) propController.recv(action.payload.message)\n          }\n        }\n\n        return next(action)\n      }\n    }\n}\n\nif (import.meta.vitest) {\n  const { describe, it, fn, expect } = import.meta.vitest\n\n  describe('propControllerHandlesMiddleware', () => {\n    it('registers prop controllers for element data', () => {\n      // Arrange\n      const documentKey = 'documentKey'\n      const element: ReactPage.Element = { key: 'elementKey', type: 'type', props: {} }\n      const store = createStore(reducer, applyMiddleware(thunk, propControllerHandlesMiddleware()))\n      const handle = { setPropControllers: fn() }\n\n      store.dispatch(registerDocument(ReactPage.createDocument(documentKey, element)))\n\n      // Act\n      store.dispatch(registerComponentHandle(documentKey, element.key, handle))\n\n      // Assert\n      expect(handle.setPropControllers).toHaveBeenCalled()\n    })\n\n    it(\"doesn't register prop controllers for element references\", () => {\n      // Arrange\n      const documentKey = 'documentKey'\n      const element: ReactPage.Element = { type: 'reference', key: 'elementKey', value: 'value' }\n      const store = createStore(reducer, applyMiddleware(thunk, propControllerHandlesMiddleware()))\n      const handle = { setPropControllers: fn() }\n\n      store.dispatch(registerDocument(ReactPage.createDocument(documentKey, element)))\n\n      // Act\n      store.dispatch(registerComponentHandle(documentKey, element.key, handle))\n\n      // Assert\n      expect(handle.setPropControllers).not.toHaveBeenCalled()\n    })\n  })\n}\n\nfunction apolloClientCacheSyncMiddleware(\n  client: ApolloClient<NormalizedCacheObject>,\n): Middleware<Dispatch, State, Dispatch> {\n  return () => (next: ReduxDispatch<Action>) => {\n    return (action: Action): Action => {\n      switch (action.type) {\n        case ActionTypes.CHANGE_API_RESOURCE: {\n          const { resource } = action.payload\n\n          client.cache.writeFragment({\n            id: client.cache.identify(resource),\n            fragment: Fragments[resource.__typename],\n            data: resource,\n          })\n\n          break\n        }\n\n        case ActionTypes.EVICT_API_RESOURCE:\n          client.cache.evict({ id: action.payload.id })\n          break\n      }\n\n      return next(action)\n    }\n  }\n}\n\nexport type Store = ReduxStore<State, Action> & { dispatch: Dispatch }\n\nexport function configureStore({\n  preloadedState,\n  client,\n}: {\n  preloadedState?: PreloadedState<State>\n  client: ApolloClient<NormalizedCacheObject>\n}): Store {\n  return createStore(\n    reducer,\n    preloadedState,\n    applyMiddleware(\n      thunk,\n      measureBoxModelsMiddleware(),\n      messageChannelMiddleware(),\n      propControllerHandlesMiddleware(),\n      apolloClientCacheSyncMiddleware(client),\n    ),\n  )\n}\n"],"names":["ReadOnlyDocuments.getInitialState","ReadOnlyDocuments.getDocument","getInitialState","ReadOnlyDocuments.reducer","ReadOnlyDocuments.createDocument","Documents.reducer","ReactComponents.reducer","BoxModels.reducer","ComponentsMeta.reducer","PropControllers.reducer","PropControllerHandles.reducer","IsInBuilder.reducer","BoxModels.getMeasurables","BoxModels.getBoxModels","BoxModels.getBoxModel","ComponentsMeta.getComponentsMeta","PropControllers.getComponentPropControllerDescriptors","BoxModels.measure","BoxModels.isMeasurable","ReactPage.getElementPropControllerDescriptors","PropControllerHandles.getPropControllersHandle","ReactPage.getElement","ReactPage.isElementReference","PropControllerHandles.isPropControllersHandle","PropControllerHandles.getPropController"],"mappings":"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"}
+{"version":3,"file":"react-builder-preview.es.js","sources":["../src/state/modules/read-write-documents.ts","../src/state/react-builder-preview.ts"],"sourcesContent":["import { Operation } from 'ot-json0'\nimport { removeIn, setIn } from 'immutable'\n\nimport * as ReadOnlyDocuments from './read-only-documents'\nimport { Action, ActionTypes } from '../actions'\n\nexport type { Document, Element, ElementData, ElementReference } from './read-only-documents'\nexport { isElementReference } from './read-only-documents'\nexport type { Operation }\n\nfunction apply(data: ReadOnlyDocuments.Element, operation: Operation): ReadOnlyDocuments.Element {\n  let applied = data\n\n  operation.forEach(component => {\n    // @ts-expect-error: `ld` isn't in all possible values of `component`\n    if (component.ld != null) applied = removeIn(applied, component.p)\n\n    // @ts-expect-error: `od` isn't in all possible values of `component`\n    if (component.od != null) applied = removeIn(applied, component.p)\n\n    // @ts-expect-error: `li` isn't in all possible values of `component`\n    if (component.li != null) applied = setIn(applied, component.p, component.li)\n\n    // @ts-expect-error: `oi` isn't in all possible values of `component`\n    if (component.oi != null) applied = setIn(applied, component.p, component.oi)\n  })\n\n  return applied\n}\n\nexport type State = ReadOnlyDocuments.State\n\nexport function getInitialState({\n  rootElements,\n}: {\n  rootElements?: Map<string, ReadOnlyDocuments.Element>\n} = {}): State {\n  return ReadOnlyDocuments.getInitialState({ rootElements })\n}\n\nfunction getReadOnlyDocumentsStateSlice(state: State): ReadOnlyDocuments.State {\n  return state\n}\n\nexport function getDocument(state: State, documentKey: string): ReadOnlyDocuments.Document | null {\n  return ReadOnlyDocuments.getDocument(getReadOnlyDocumentsStateSlice(state), documentKey)\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  const nextState = ReadOnlyDocuments.reducer(state, action)\n\n  switch (action.type) {\n    case ActionTypes.CHANGE_DOCUMENT: {\n      const currentRootElement = getDocument(nextState, action.payload.documentKey)?.rootElement\n\n      if (currentRootElement == null) return nextState\n\n      const nextRootElement = apply(currentRootElement, action.payload.operation)\n\n      return currentRootElement === nextRootElement\n        ? nextState\n        : new Map(nextState).set(\n            action.payload.documentKey,\n            ReadOnlyDocuments.createDocument(action.payload.documentKey, nextRootElement),\n          )\n    }\n\n    default:\n      return nextState\n  }\n}\n","import {\n  applyMiddleware,\n  combineReducers,\n  createStore,\n  Dispatch as ReduxDispatch,\n  Middleware,\n  MiddlewareAPI,\n  PreloadedState,\n  Store as ReduxStore,\n} from 'redux'\nimport thunk, { ThunkAction, ThunkDispatch } from 'redux-thunk'\nimport deepEqual from '../utils/deepEqual'\n\nimport * as Documents from './modules/read-write-documents'\nimport * as ReactComponents from './modules/react-components'\nimport * as BoxModels from './modules/box-models'\nimport * as ComponentsMeta from './modules/components-meta'\nimport * as PropControllers from './modules/prop-controllers'\nimport * as PropControllerHandles from './modules/prop-controller-handles'\nimport * as IsInBuilder from './modules/is-in-builder'\nimport * as ReactPage from './react-page'\nimport {\n  Action,\n  changeDocumentElementSize,\n  changeElementBoxModels,\n  messageBuilderPropController,\n  registerBuilderComponent,\n  registerMeasurable,\n  registerPropControllers,\n  registerPropControllersHandle,\n  registerDocument,\n  registerComponentHandle,\n  unregisterBuilderComponent,\n  unregisterMeasurable,\n  unregisterPropControllers,\n  setIsInBuilder,\n  handleWheel,\n} from './actions'\nimport { ActionTypes } from './actions'\nimport { createPropController, PropController } from '../prop-controllers/instances'\nimport { ApolloClient, NormalizedCacheObject } from '@apollo/client'\nimport { Fragments } from '../api'\nimport { serializeControls } from '../builder'\n\nexport type { Operation } from './modules/read-write-documents'\nexport type { BoxModelHandle } from './modules/box-models'\nexport { createBox, getBox, parse } from './modules/box-models'\n\nconst reducer = combineReducers({\n  documents: Documents.reducer,\n  reactComponents: ReactComponents.reducer,\n  boxModels: BoxModels.reducer,\n  componentsMeta: ComponentsMeta.reducer,\n  propControllers: PropControllers.reducer,\n  propControllerHandles: PropControllerHandles.reducer,\n  isInBuilder: IsInBuilder.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\n\nfunction getBoxModelsStateSlice(state: State): BoxModels.State {\n  return state.boxModels\n}\n\nfunction getMeasurables(state: State): Map<string, Map<string, BoxModels.Measurable>> {\n  return BoxModels.getMeasurables(getBoxModelsStateSlice(state))\n}\n\nfunction getBoxModels(state: State): Map<string, Map<string, BoxModels.BoxModel>> {\n  return BoxModels.getBoxModels(getBoxModelsStateSlice(state))\n}\n\nfunction getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModels.BoxModel | null {\n  return BoxModels.getBoxModel(getBoxModelsStateSlice(state), documentKey, elementKey)\n}\n\nfunction getComponentsMetaStateSlice(state: State): ComponentsMeta.State {\n  return state.componentsMeta\n}\n\nfunction getComponentsMeta(state: State): Map<string, ComponentsMeta.ComponentMeta> {\n  return ComponentsMeta.getComponentsMeta(getComponentsMetaStateSlice(state))\n}\n\nfunction getPropControllersStateSlice(state: State): PropControllers.State {\n  return state.propControllers\n}\n\nfunction getComponentPropControllerDescriptors(\n  state: State,\n  componentType: string,\n): Record<string, PropControllers.PropControllerDescriptor> | null {\n  return PropControllers.getComponentPropControllerDescriptors(\n    getPropControllersStateSlice(state),\n    componentType,\n  )\n}\n\nfunction getPropControllerHandlesStateSlice(state: State): PropControllerHandles.State {\n  return state.propControllerHandles\n}\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.BoxModel>>()\n\n    measurables.forEach((documentMeasurables, documentKey) => {\n      const measuredDocumentBoxModels = new Map<string, BoxModels.BoxModel>()\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.BoxModel | null>>()\n\n    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {\n      const changedDocumentBoxModels = new Map<string, BoxModels.BoxModel | 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.BoxModel | 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(changeElementBoxModels(changedBoxModels))\n  }\n}\n\nexport function 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\nexport type Size = {\n  offsetWidth: number\n  offsetHeight: number\n  clientWidth: number\n  clientHeight: number\n  scrollWidth: number\n  scrollHeight: number\n  scrollTop: number\n  scrollLeft: number\n}\n\nfunction getElementSize(element: HTMLElement): Size {\n  return {\n    offsetWidth: element.offsetWidth,\n    offsetHeight: element.offsetHeight,\n    clientWidth: element.clientWidth,\n    clientHeight: element.clientHeight,\n    scrollWidth: element.scrollWidth,\n    scrollHeight: element.scrollHeight,\n    scrollTop: element.scrollTop,\n    scrollLeft: element.scrollLeft,\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(handleWheel({ deltaX, deltaY }))\n    }\n  }\n}\n\nfunction startHandlingFocusEvents(): () => void {\n  window.addEventListener('focusin', handleFocusIn)\n  window.addEventListener('focusout', handleFocusOut)\n\n  return () => {\n    window.addEventListener('focusin', handleFocusIn)\n    window.removeEventListener('focusout', handleFocusOut)\n  }\n\n  function handleFocusIn(event: FocusEvent) {\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      !(event.relatedTarget instanceof window.HTMLElement) ||\n      !event.relatedTarget.isContentEditable\n    ) {\n      window.parent.focus()\n    }\n  }\n}\n\nfunction startMeasuringDocumentElement(): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    let lastSize: Size\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(changeDocumentElementSize(nextSize))\n      }\n\n      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest)\n    }\n  }\n}\n\nexport function initialize(): ThunkAction<() => void, State, unknown, Action> {\n  return dispatch => {\n    const stopMeasuringElements = dispatch(startMeasuringElements())\n    const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement())\n    const stopHandlingFocusEvent = startHandlingFocusEvents()\n    const unlockDocumentScroll = dispatch(lockDocumentScroll())\n    dispatch(setIsInBuilder(true))\n\n    return () => {\n      stopMeasuringElements()\n      stopMeasuringDocumentElement()\n      stopHandlingFocusEvent()\n      unlockDocumentScroll()\n      dispatch(setIsInBuilder(false))\n    }\n  }\n}\n\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nfunction measureBoxModelsMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch }: MiddlewareAPI<Dispatch>) =>\n    (next: ReduxDispatch<Action>) => {\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.REGISTER_COMPONENT_HANDLE: {\n            if (BoxModels.isMeasurable(action.payload.componentHandle)) {\n              dispatch(\n                registerMeasurable(\n                  action.payload.documentKey,\n                  action.payload.elementKey,\n                  action.payload.componentHandle,\n                ),\n              )\n            }\n\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT_HANDLE:\n            dispatch(unregisterMeasurable(action.payload.documentKey, action.payload.elementKey))\n            break\n        }\n\n        return next(action)\n      }\n    }\n}\n\nexport function messageChannelMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch, getState }: MiddlewareAPI<Dispatch, State>) =>\n    (next: ReduxDispatch<Action>) => {\n      const messageChannel = new MessageChannel()\n      let cleanUp = () => {}\n\n      window.parent.postMessage(messageChannel.port2, '*', [messageChannel.port2])\n\n      messageChannel.port1.onmessage = (event: MessageEvent<Action>) => dispatch(event.data)\n\n      const state = getState()\n      const registeredComponentsMeta = getComponentsMeta(state)\n\n      registeredComponentsMeta.forEach((componentMeta, componentType) => {\n        const propControllerDescriptors = getComponentPropControllerDescriptors(\n          state,\n          componentType,\n        )\n\n        if (propControllerDescriptors != null) {\n          const [serializedControls, transferables] = serializeControls(propControllerDescriptors)\n\n          messageChannel.port1.postMessage(\n            registerBuilderComponent(componentType, componentMeta, serializedControls),\n            transferables,\n          )\n        }\n      })\n\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.CHANGE_ELEMENT_BOX_MODELS:\n          case ActionTypes.MOUNT_COMPONENT:\n          case ActionTypes.UNMOUNT_COMPONENT:\n          case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:\n          case ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:\n          case ActionTypes.HANDLE_WHEEL:\n            messageChannel.port1.postMessage(action)\n            break\n\n          case ActionTypes.REGISTER_COMPONENT: {\n            const { type, meta, propControllerDescriptors } = action.payload\n            const [serializedControls, transferables] = serializeControls(propControllerDescriptors)\n\n            messageChannel.port1.postMessage(\n              registerBuilderComponent(type, meta, serializedControls),\n              transferables,\n            )\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT:\n            messageChannel.port1.postMessage(unregisterBuilderComponent(action.payload.type))\n            break\n\n          case ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:\n            window.document.documentElement.scrollTop = action.payload.scrollTop\n            break\n\n          case ActionTypes.SCROLL_DOCUMENT_ELEMENT:\n            window.document.documentElement.scrollTop += action.payload.scrollTopDelta\n            break\n\n          case ActionTypes.INIT:\n            cleanUp = dispatch(initialize())\n            break\n\n          case ActionTypes.CLEAN_UP:\n            cleanUp()\n            break\n        }\n\n        return next(action)\n      }\n    }\n}\n\nfunction createAndRegisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<Record<string, PropController> | null, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const descriptors = ReactPage.getElementPropControllerDescriptors(\n      getState(),\n      documentKey,\n      elementKey,\n    )\n\n    if (descriptors == null) return null\n\n    const propControllers = Object.entries(descriptors).reduce((acc, [propName, descriptor]) => {\n      const propController = createPropController(descriptor, message =>\n        dispatch(messageBuilderPropController(documentKey, elementKey, propName, message)),\n      ) as PropController\n\n      return { ...acc, [propName]: propController }\n    }, {} as Record<string, PropController>)\n\n    dispatch(registerPropControllers(documentKey, elementKey, propControllers))\n\n    return propControllers\n  }\n}\n\nfunction propControllerHandlesMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch, getState }: MiddlewareAPI<Dispatch, State>) =>\n    (next: ReduxDispatch<Action>) => {\n      return (action: Action): Action => {\n        switch (action.type) {\n          case ActionTypes.REGISTER_COMPONENT_HANDLE: {\n            const { documentKey, elementKey, componentHandle } = action.payload\n            const element = ReactPage.getElement(getState(), documentKey, elementKey)\n            const propControllers = dispatch(\n              createAndRegisterPropControllers(documentKey, elementKey),\n            )\n\n            if (\n              element != null &&\n              !ReactPage.isElementReference(element) &&\n              PropControllerHandles.isPropControllersHandle(componentHandle)\n            ) {\n              dispatch(registerPropControllersHandle(documentKey, elementKey, componentHandle))\n              componentHandle.setPropControllers(propControllers)\n            }\n\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {\n            const { documentKey, elementKey } = action.payload\n            const handle = PropControllerHandles.getPropControllersHandle(\n              getPropControllerHandlesStateSlice(getState()),\n              documentKey,\n              elementKey,\n            )\n\n            handle?.setPropControllers(null)\n\n            dispatch(unregisterPropControllers(documentKey, elementKey))\n\n            break\n          }\n\n          case ActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {\n            const propController = PropControllerHandles.getPropController(\n              getPropControllerHandlesStateSlice(getState()),\n              action.payload.documentKey,\n              action.payload.elementKey,\n              action.payload.propName,\n            )\n\n            if (propController) propController.recv(action.payload.message)\n          }\n        }\n\n        return next(action)\n      }\n    }\n}\n\nif (import.meta.vitest) {\n  const { describe, it, fn, expect } = import.meta.vitest\n\n  describe('propControllerHandlesMiddleware', () => {\n    it('registers prop controllers for element data', () => {\n      // Arrange\n      const documentKey = 'documentKey'\n      const element: ReactPage.Element = { key: 'elementKey', type: 'type', props: {} }\n      const store = createStore(reducer, applyMiddleware(thunk, propControllerHandlesMiddleware()))\n      const handle = { setPropControllers: fn() }\n\n      store.dispatch(registerDocument(ReactPage.createDocument(documentKey, element)))\n\n      // Act\n      store.dispatch(registerComponentHandle(documentKey, element.key, handle))\n\n      // Assert\n      expect(handle.setPropControllers).toHaveBeenCalled()\n    })\n\n    it(\"doesn't register prop controllers for element references\", () => {\n      // Arrange\n      const documentKey = 'documentKey'\n      const element: ReactPage.Element = { type: 'reference', key: 'elementKey', value: 'value' }\n      const store = createStore(reducer, applyMiddleware(thunk, propControllerHandlesMiddleware()))\n      const handle = { setPropControllers: fn() }\n\n      store.dispatch(registerDocument(ReactPage.createDocument(documentKey, element)))\n\n      // Act\n      store.dispatch(registerComponentHandle(documentKey, element.key, handle))\n\n      // Assert\n      expect(handle.setPropControllers).not.toHaveBeenCalled()\n    })\n  })\n}\n\nfunction apolloClientCacheSyncMiddleware(\n  client: ApolloClient<NormalizedCacheObject>,\n): Middleware<Dispatch, State, Dispatch> {\n  return () => (next: ReduxDispatch<Action>) => {\n    return (action: Action): Action => {\n      switch (action.type) {\n        case ActionTypes.CHANGE_API_RESOURCE: {\n          const { resource } = action.payload\n\n          client.cache.writeFragment({\n            id: client.cache.identify(resource),\n            fragment: Fragments[resource.__typename],\n            data: resource,\n          })\n\n          break\n        }\n\n        case ActionTypes.EVICT_API_RESOURCE:\n          client.cache.evict({ id: action.payload.id })\n          break\n      }\n\n      return next(action)\n    }\n  }\n}\n\nexport type Store = ReduxStore<State, Action> & { dispatch: Dispatch }\n\nexport function configureStore({\n  preloadedState,\n  client,\n}: {\n  preloadedState?: PreloadedState<State>\n  client: ApolloClient<NormalizedCacheObject>\n}): Store {\n  return createStore(\n    reducer,\n    preloadedState,\n    applyMiddleware(\n      thunk,\n      measureBoxModelsMiddleware(),\n      messageChannelMiddleware(),\n      propControllerHandlesMiddleware(),\n      apolloClientCacheSyncMiddleware(client),\n    ),\n  )\n}\n"],"names":["ReadOnlyDocuments.getInitialState","ReadOnlyDocuments.getDocument","ReadOnlyDocuments.reducer","ReadOnlyDocuments.createDocument","Documents.reducer","ReactComponents.reducer","BoxModels.reducer","ComponentsMeta.reducer","PropControllers.reducer","PropControllerHandles.reducer","IsInBuilder.reducer","BoxModels.getMeasurables","BoxModels.getBoxModels","BoxModels.getBoxModel","ComponentsMeta.getComponentsMeta","PropControllers.getComponentPropControllerDescriptors","BoxModels.measure","BoxModels.isMeasurable","ReactPage.getElementPropControllerDescriptors","ReactPage.getElement","ReactPage.isElementReference","PropControllerHandles.isPropControllersHandle","PropControllerHandles.getPropControllersHandle","PropControllerHandles.getPropController"],"mappings":"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"}