@makeswift/runtime 0.19.3 → 0.19.4

package/dist/cjs/state/react-builder-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/react-builder-preview.ts"],"sourcesContent":["import {\n  applyMiddleware,\n  combineReducers,\n  createStore,\n  compose,\n  Dispatch as ReduxDispatch,\n  Middleware,\n  MiddlewareAPI,\n  PreloadedState,\n  Store as ReduxStore,\n  StoreEnhancer,\n} from 'redux'\nimport thunk, { ThunkAction, ThunkDispatch } from 'redux-thunk'\n\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 IsPreview from './modules/is-preview'\nimport * as BuilderEditMode from './modules/builder-edit-mode'\nimport * as Pointer from './modules/pointer'\nimport * as ElementImperativeHandles from './modules/element-imperative-handles'\nimport * as Breakpoints from './modules/breakpoints'\nimport * as ReactPage from './react-page'\nimport {\n  Action,\n  changeDocumentElementSize,\n  changeElementBoxModels,\n  elementFromPointChange,\n  handleWheel,\n  handlePointerMove,\n  messageBuilderPropController,\n  registerBuilderComponent,\n  registerComponent,\n  registerMeasurable,\n  registerPropControllers,\n  registerPropControllersHandle,\n  setBreakpoints,\n  setIsInBuilder,\n  unregisterBuilderComponent,\n  unregisterComponent,\n  unregisterMeasurable,\n  unregisterPropControllers,\n} from './actions'\nimport { ActionTypes } from './actions'\nimport { createPropController } from '../prop-controllers/instances'\nimport { PropController } from '../prop-controllers/base'\nimport { serializeControls } from '../builder'\nimport { MakeswiftHostApiClient } from '../api/react'\nimport { ElementImperativeHandle } from '../runtimes/react/element-imperative-handle'\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\nexport const 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  isPreview: IsPreview.reducer,\n  builderEditMode: BuilderEditMode.reducer,\n  pointer: Pointer.reducer,\n  elementImperativeHandles: ElementImperativeHandles.reducer,\n  breakpoints: Breakpoints.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 getPointer(state: State): Pointer.Point | null {\n  return Pointer.getPointer(state.pointer)\n}\n\nfunction getElementImperativeHandles(\n  state: State,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  return ElementImperativeHandles.getElementImperativeHandles(state.elementImperativeHandles)\n}\n\nfunction getElementImperativeHandlesContainingElement(\n  state: State,\n  element: Element,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  const elementImperativeHandles = getElementImperativeHandles(state)\n  const filteredElementImperativeHandles = new Map<string, Map<string, ElementImperativeHandle>>()\n\n  for (const [documentKey, byElementKey] of elementImperativeHandles) {\n    const filteredByElementKey = new Map<string, ElementImperativeHandle>()\n\n    for (const [elementKey, elementImperativeHandle] of byElementKey) {\n      const handleElement = elementImperativeHandle.getDomNode()\n\n      if (handleElement?.contains(element)) {\n        filteredByElementKey.set(elementKey, elementImperativeHandle)\n      }\n    }\n\n    if (filteredByElementKey.size > 0) {\n      filteredElementImperativeHandles.set(documentKey, filteredByElementKey)\n    }\n  }\n\n  return filteredElementImperativeHandles\n}\n\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 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(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 (ReactPage.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {\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 (ReactPage.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {\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: 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\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 acendingDepthDocumentKeys = ReactPage.getDocumentKeysSortedByDepth(getState())\n    const descendingDepthDocumentKeys = acendingDepthDocumentKeys.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(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 = getComponentsMeta(state)\n\n    componentsMeta.forEach((meta, type) => {\n      const propControllerDescriptors = getComponentPropControllerDescriptors(state, type)\n      if (propControllerDescriptors != null) {\n        dispatch(registerComponent(type, meta, propControllerDescriptors))\n      }\n    })\n\n    return () => {\n      componentsMeta.forEach((_, componentType) => {\n        dispatch(unregisterComponent(componentType))\n      })\n    }\n  }\n}\n\nexport interface IMessageChannel {\n  postMessage(message: any, transferables?: Transferable[]): void\n  dispatchBuffered(): void\n}\n\nexport function initialize(\n  channel: IMessageChannel,\n): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\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 = ReactPage.getBreakpoints(getState())\n    dispatch(setBreakpoints(breakpoints))\n    dispatch(setIsInBuilder(true))\n    channel.dispatchBuffered()\n\n    return () => {\n      stopMeasuringElements()\n      stopMeasuringDocumentElement()\n      stopHandlingFocusEvent()\n      unlockDocumentScroll()\n      stopHandlingPointerMoveEvent()\n      stopPollingElementFromPoint()\n      unregisterBuilderComponents()\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(\n  client: MakeswiftHostApiClient,\n  channel: IMessageChannel,\n): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch }: MiddlewareAPI<Dispatch, State>) =>\n    (next: ReduxDispatch<Action>) => {\n      if (typeof window === 'undefined') return () => {}\n\n      let cleanUp = () => {}\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          case ActionTypes.HANDLE_POINTER_MOVE:\n          case ActionTypes.ELEMENT_FROM_POINT_CHANGE:\n          case ActionTypes.SET_LOCALE:\n          case ActionTypes.SET_BREAKPOINTS:\n            channel.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            channel.postMessage(\n              registerBuilderComponent(type, meta, serializedControls),\n              transferables,\n            )\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT:\n            channel.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.SET_BUILDER_EDIT_MODE:\n            channel.postMessage(action)\n            window.getSelection()?.removeAllRanges()\n            break\n\n          case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {\n            client.setLocalizedResourceId(action.payload)\n            break\n          }\n\n          case ActionTypes.INIT:\n            // dispatched by the parent window after establishing the connection\n            cleanUp = dispatch(initialize(channel))\n            break\n\n          case ActionTypes.CLEAN_UP:\n            // dispatched by the parent window on disconnect\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\nexport function 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\nfunction makeswiftApiClientSyncMiddleware(\n  client: MakeswiftHostApiClient,\n): Middleware<Dispatch, State, Dispatch> {\n  return () => (next: ReduxDispatch<Action>) => {\n    return (action: Action): Action => {\n      client.makeswiftApiClient.dispatch(action)\n\n      return next(action)\n    }\n  }\n}\n\nclass MessageChannel {\n  private channel: MessagePort | null = null\n  private bufferedMessages: [Action, Transferable[]?][] = []\n\n  public postMessage(message: any, transferables?: Transferable[]) {\n    if (this.channel) {\n      this.channel.postMessage(message, transferables ?? [])\n    } else {\n      this.bufferedMessages.push([message, transferables])\n    }\n  }\n\n  public setup(onMessage: (event: MessageEvent<Action>) => void) {\n    const channel = new window.MessageChannel()\n    channel.port1.onmessage = onMessage\n\n    // connect channel to the parent window, see\n    // https://developer.mozilla.org/en-US/docs/Web/API/Channel_Messaging_API\n    window.parent.postMessage(channel.port2, '*', [channel.port2])\n\n    this.channel = channel.port1\n  }\n\n  public dispatchBuffered() {\n    console.assert(this.channel != null, 'channel is not setup')\n\n    this.bufferedMessages.forEach(([message, transferables]) => {\n      this.channel?.postMessage(message, transferables ?? [])\n    })\n\n    this.bufferedMessages = []\n  }\n\n  public teardown() {\n    if (this.channel) {\n      this.channel.onmessage = null\n      this.channel.close()\n    }\n  }\n}\n\nfunction setupMessageChannel(channel: MessageChannel): ThunkAction<void, State, unknown, Action> {\n  return dispatch => {\n    channel.setup((event: MessageEvent<Action>) => dispatch(event.data))\n  }\n}\n\ninterface SetupTeardownMixin {\n  setup: () => void\n  teardown: () => void\n}\n\nexport type Store = ReduxStore<State, Action> & { dispatch: Dispatch } & SetupTeardownMixin\n\nfunction withSetupTeardown(\n  setup: () => void,\n  teardown: () => void,\n): StoreEnhancer<SetupTeardownMixin> {\n  return next => (reducer, preloadedState?) => ({\n    ...next(reducer, preloadedState),\n    setup,\n    teardown,\n  })\n}\n\nexport function configureStore({\n  rootElements,\n  preloadedState,\n  client,\n}: {\n  rootElements?: Map<string, Documents.Element>\n  preloadedState?: PreloadedState<State>\n  client: MakeswiftHostApiClient\n}): Store {\n  const initialState: PreloadedState<State> = {\n    ...preloadedState,\n    documents: Documents.getInitialState({ rootElements }),\n    isPreview: IsPreview.getInitialState(true),\n  }\n\n  const channel = new MessageChannel()\n  const store = createStore(\n    reducer,\n    initialState,\n    compose(\n      withSetupTeardown(\n        () => {\n          const dispatch = store.dispatch as Dispatch\n          dispatch(setupMessageChannel(channel))\n        },\n        () => channel.teardown(),\n      ),\n      applyMiddleware(\n        thunk,\n        measureBoxModelsMiddleware(),\n        messageChannelMiddleware(client, channel),\n        propControllerHandlesMiddleware(),\n        makeswiftApiClientSyncMiddleware(client),\n      ),\n    ),\n  )\n\n  return store\n}\n"],"mappings":"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","names":["import_actions","deepEqual","reducer","thunk"]}
+{"version":3,"sources":["../../../src/state/react-builder-preview.ts"],"sourcesContent":["import {\n  applyMiddleware,\n  combineReducers,\n  createStore,\n  compose,\n  Dispatch as ReduxDispatch,\n  Middleware,\n  MiddlewareAPI,\n  PreloadedState,\n  Store as ReduxStore,\n  StoreEnhancer,\n} from 'redux'\nimport thunk, { ThunkAction, ThunkDispatch } from 'redux-thunk'\n\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 IsPreview from './modules/is-preview'\nimport * as BuilderEditMode from './modules/builder-edit-mode'\nimport * as Pointer from './modules/pointer'\nimport * as ElementImperativeHandles from './modules/element-imperative-handles'\nimport * as Breakpoints from './modules/breakpoints'\nimport * as ReactPage from './react-page'\nimport {\n  Action,\n  changeDocumentElementSize,\n  changeElementBoxModels,\n  elementFromPointChange,\n  handleWheel,\n  handlePointerMove,\n  messageBuilderPropController,\n  registerBuilderComponent,\n  registerComponent,\n  registerMeasurable,\n  registerPropControllers,\n  registerPropControllersHandle,\n  setBreakpoints,\n  setIsInBuilder,\n  unregisterBuilderComponent,\n  unregisterComponent,\n  unregisterMeasurable,\n  unregisterPropControllers,\n  registerBuilderDocument,\n} from './actions'\nimport { ActionTypes } from './actions'\nimport { createPropController } from '../prop-controllers/instances'\nimport { PropController } from '../prop-controllers/base'\nimport { serializeControls } from '../builder'\nimport { MakeswiftHostApiClient } from '../api/react'\nimport { ElementImperativeHandle } from '../runtimes/react/element-imperative-handle'\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\nexport const 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  isPreview: IsPreview.reducer,\n  builderEditMode: BuilderEditMode.reducer,\n  pointer: Pointer.reducer,\n  elementImperativeHandles: ElementImperativeHandles.reducer,\n  breakpoints: Breakpoints.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\n\nfunction getDocumentsStateSlice(state: State): Documents.State {\n  return state.documents\n}\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 getPointer(state: State): Pointer.Point | null {\n  return Pointer.getPointer(state.pointer)\n}\n\nfunction getElementImperativeHandles(\n  state: State,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  return ElementImperativeHandles.getElementImperativeHandles(state.elementImperativeHandles)\n}\n\nfunction getElementImperativeHandlesContainingElement(\n  state: State,\n  element: Element,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  const elementImperativeHandles = getElementImperativeHandles(state)\n  const filteredElementImperativeHandles = new Map<string, Map<string, ElementImperativeHandle>>()\n\n  for (const [documentKey, byElementKey] of elementImperativeHandles) {\n    const filteredByElementKey = new Map<string, ElementImperativeHandle>()\n\n    for (const [elementKey, elementImperativeHandle] of byElementKey) {\n      const handleElement = elementImperativeHandle.getDomNode()\n\n      if (handleElement?.contains(element)) {\n        filteredByElementKey.set(elementKey, elementImperativeHandle)\n      }\n    }\n\n    if (filteredByElementKey.size > 0) {\n      filteredElementImperativeHandles.set(documentKey, filteredByElementKey)\n    }\n  }\n\n  return filteredElementImperativeHandles\n}\n\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 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(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 (ReactPage.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {\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 (ReactPage.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {\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: 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\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 acendingDepthDocumentKeys = ReactPage.getDocumentKeysSortedByDepth(getState())\n    const descendingDepthDocumentKeys = acendingDepthDocumentKeys.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(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 = getComponentsMeta(state)\n\n    componentsMeta.forEach((meta, type) => {\n      const propControllerDescriptors = getComponentPropControllerDescriptors(state, type)\n      if (propControllerDescriptors != null) {\n        dispatch(registerComponent(type, meta, propControllerDescriptors))\n      }\n    })\n\n    return () => {\n      componentsMeta.forEach((_, componentType) => {\n        dispatch(unregisterComponent(componentType))\n      })\n    }\n  }\n}\n\nfunction registerBuilderDocuments(): ThunkAction<() => void, State, unknown, Action> {\n  return (dispatch, getState) => {\n    const documents = Documents.getDocuments(getDocumentsStateSlice(getState()))\n\n    documents.forEach(document => {\n      dispatch(registerBuilderDocument(document))\n    })\n\n    return () => {\n      documents.forEach((_document, documentKey) => {\n        dispatch(unregisterBuilderComponent(documentKey))\n      })\n    }\n  }\n}\n\nexport interface IMessageChannel {\n  postMessage(message: any, transferables?: Transferable[]): void\n  dispatchBuffered(): void\n}\n\nexport function initialize(\n  channel: IMessageChannel,\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 = ReactPage.getBreakpoints(getState())\n    dispatch(setBreakpoints(breakpoints))\n    dispatch(setIsInBuilder(true))\n    channel.dispatchBuffered()\n\n    return () => {\n      unregisterBuilderDocuments()\n      stopMeasuringElements()\n      stopMeasuringDocumentElement()\n      stopHandlingFocusEvent()\n      unlockDocumentScroll()\n      stopHandlingPointerMoveEvent()\n      stopPollingElementFromPoint()\n      unregisterBuilderComponents()\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(\n  client: MakeswiftHostApiClient,\n  channel: IMessageChannel,\n): Middleware<Dispatch, State, Dispatch> {\n  return ({ dispatch }: MiddlewareAPI<Dispatch, State>) =>\n    (next: ReduxDispatch<Action>) => {\n      if (typeof window === 'undefined') return () => {}\n\n      let cleanUp = () => {}\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          case ActionTypes.HANDLE_POINTER_MOVE:\n          case ActionTypes.ELEMENT_FROM_POINT_CHANGE:\n          case ActionTypes.SET_LOCALE:\n          case ActionTypes.SET_BREAKPOINTS:\n          case ActionTypes.REGISTER_BUILDER_DOCUMENT:\n          case ActionTypes.UNREGISTER_BUILDER_DOCUMENT:\n            channel.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            channel.postMessage(\n              registerBuilderComponent(type, meta, serializedControls),\n              transferables,\n            )\n            break\n          }\n\n          case ActionTypes.UNREGISTER_COMPONENT:\n            channel.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.SET_BUILDER_EDIT_MODE:\n            channel.postMessage(action)\n            window.getSelection()?.removeAllRanges()\n            break\n\n          case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {\n            client.setLocalizedResourceId(action.payload)\n            break\n          }\n\n          case ActionTypes.INIT:\n            // dispatched by the parent window after establishing the connection\n            cleanUp = dispatch(initialize(channel))\n            break\n\n          case ActionTypes.CLEAN_UP:\n            // dispatched by the parent window on disconnect\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\nexport function 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\nfunction makeswiftApiClientSyncMiddleware(\n  client: MakeswiftHostApiClient,\n): Middleware<Dispatch, State, Dispatch> {\n  return () => (next: ReduxDispatch<Action>) => {\n    return (action: Action): Action => {\n      client.makeswiftApiClient.dispatch(action)\n\n      return next(action)\n    }\n  }\n}\n\nclass MessageChannel {\n  private channel: MessagePort | null = null\n  private bufferedMessages: [Action, Transferable[]?][] = []\n\n  public postMessage(message: any, transferables?: Transferable[]) {\n    if (this.channel) {\n      this.channel.postMessage(message, transferables ?? [])\n    } else {\n      this.bufferedMessages.push([message, transferables])\n    }\n  }\n\n  public setup(onMessage: (event: MessageEvent<Action>) => void) {\n    const channel = new window.MessageChannel()\n    channel.port1.onmessage = onMessage\n\n    // connect channel to the parent window, see\n    // https://developer.mozilla.org/en-US/docs/Web/API/Channel_Messaging_API\n    window.parent.postMessage(channel.port2, '*', [channel.port2])\n\n    this.channel = channel.port1\n  }\n\n  public dispatchBuffered() {\n    console.assert(this.channel != null, 'channel is not setup')\n\n    this.bufferedMessages.forEach(([message, transferables]) => {\n      this.channel?.postMessage(message, transferables ?? [])\n    })\n\n    this.bufferedMessages = []\n  }\n\n  public teardown() {\n    if (this.channel) {\n      this.channel.onmessage = null\n      this.channel.close()\n    }\n  }\n}\n\nfunction setupMessageChannel(channel: MessageChannel): ThunkAction<void, State, unknown, Action> {\n  return dispatch => {\n    channel.setup((event: MessageEvent<Action>) => dispatch(event.data))\n  }\n}\n\ninterface SetupTeardownMixin {\n  setup: () => void\n  teardown: () => void\n}\n\nexport type Store = ReduxStore<State, Action> & { dispatch: Dispatch } & SetupTeardownMixin\n\nfunction withSetupTeardown(\n  setup: () => void,\n  teardown: () => void,\n): StoreEnhancer<SetupTeardownMixin> {\n  return next => (reducer, preloadedState?) => ({\n    ...next(reducer, preloadedState),\n    setup,\n    teardown,\n  })\n}\n\nexport function configureStore({\n  rootElements,\n  preloadedState,\n  client,\n}: {\n  rootElements?: Map<string, Documents.Element>\n  preloadedState?: PreloadedState<State>\n  client: MakeswiftHostApiClient\n}): Store {\n  const initialState: PreloadedState<State> = {\n    ...preloadedState,\n    documents: Documents.getInitialState({ rootElements }),\n    isPreview: IsPreview.getInitialState(true),\n  }\n\n  const channel = new MessageChannel()\n  const store = createStore(\n    reducer,\n    initialState,\n    compose(\n      withSetupTeardown(\n        () => {\n          const dispatch = store.dispatch as Dispatch\n          dispatch(setupMessageChannel(channel))\n        },\n        () => channel.teardown(),\n      ),\n      applyMiddleware(\n        thunk,\n        measureBoxModelsMiddleware(),\n        messageChannelMiddleware(client, channel),\n        propControllerHandlesMiddleware(),\n        makeswiftApiClientSyncMiddleware(client),\n      ),\n    ),\n  )\n\n  return store\n}\n"],"mappings":"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","names":["import_actions","deepEqual","document","reducer","thunk"]}

package/dist/esm/components/page/Page.js

@@ -6,14 +6,12 @@ import { createDocumentReference } from "../../state/react-page";
 import { useRouterLocaleSync } from "../hooks/useRouterLocaleSync";
 import { usePageSnippets } from "../hooks/usePageSnippets";
 import { PageHead } from "./PageHead";
-function Page({ document: page }) {
+function Page({ pageDocument: page, documentKey }) {
   const { bodySnippets } = usePageSnippets({ page });
-  const baseLocalizedPage = page.localizedPages.find(({ parentId }) => parentId == null);
-  const documentId = baseLocalizedPage?.elementTreeId ?? page.id;
   useRouterLocaleSync();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(PageHead, { document: page }),
-    /* @__PURE__ */ jsx(DocumentReference, { documentReference: createDocumentReference(documentId) }),
+    /* @__PURE__ */ jsx(DocumentReference, { documentReference: createDocumentReference(documentKey) }),
     bodySnippets.map((snippet) => /* @__PURE__ */ jsx(BodySnippet, { code: snippet.code, cleanup: snippet.cleanup }, snippet.id))
   ] });
 }

package/dist/esm/components/page/Page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/page/Page.tsx"],"sourcesContent":["'use client'\n\nimport { BodySnippet } from './BodySnippet'\nimport { DocumentReference } from '../../runtimes/react'\nimport { createDocumentReference } from '../../state/react-page'\nimport { MakeswiftPageDocument } from '../../next'\nimport { useRouterLocaleSync } from '../hooks/useRouterLocaleSync'\nimport { usePageSnippets } from '../hooks/usePageSnippets'\nimport { PageHead } from './PageHead'\n\ntype Props = {\n  document: MakeswiftPageDocument\n}\n\nexport function Page({ document: page }: Props): JSX.Element {\n  const { bodySnippets } = usePageSnippets({ page })\n\n  const baseLocalizedPage = page.localizedPages.find(({ parentId }) => parentId == null)\n  const documentId = baseLocalizedPage?.elementTreeId ?? page.id\n\n  useRouterLocaleSync()\n\n  return (\n    <>\n      <PageHead document={page} />\n\n      <DocumentReference documentReference={createDocumentReference(documentId)} />\n\n      {bodySnippets.map(snippet => (\n        <BodySnippet key={snippet.id} code={snippet.code} cleanup={snippet.cleanup} />\n      ))}\n    </>\n  )\n}\n"],"mappings":";AAuBI,mBACE,KADF;AArBJ,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AAExC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AAMlB,SAAS,KAAK,EAAE,UAAU,KAAK,GAAuB;AAC3D,QAAM,EAAE,aAAa,IAAI,gBAAgB,EAAE,KAAK,CAAC;AAEjD,QAAM,oBAAoB,KAAK,eAAe,KAAK,CAAC,EAAE,SAAS,MAAM,YAAY,IAAI;AACrF,QAAM,aAAa,mBAAmB,iBAAiB,KAAK;AAE5D,sBAAoB;AAEpB,SACE,iCACE;AAAA,wBAAC,YAAS,UAAU,MAAM;AAAA,IAE1B,oBAAC,qBAAkB,mBAAmB,wBAAwB,UAAU,GAAG;AAAA,IAE1E,aAAa,IAAI,aAChB,oBAAC,eAA6B,MAAM,QAAQ,MAAM,SAAS,QAAQ,WAAjD,QAAQ,EAAkD,CAC7E;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/page/Page.tsx"],"sourcesContent":["'use client'\n\nimport { BodySnippet } from './BodySnippet'\nimport { DocumentReference } from '../../runtimes/react'\nimport { createDocumentReference } from '../../state/react-page'\nimport { MakeswiftPageDocument } from '../../next'\nimport { useRouterLocaleSync } from '../hooks/useRouterLocaleSync'\nimport { usePageSnippets } from '../hooks/usePageSnippets'\nimport { PageHead } from './PageHead'\n\ntype Props = {\n  pageDocument: MakeswiftPageDocument\n  documentKey: string\n}\n\nexport function Page({ pageDocument: page, documentKey }: Props): JSX.Element {\n  const { bodySnippets } = usePageSnippets({ page })\n\n  useRouterLocaleSync()\n\n  return (\n    <>\n      <PageHead document={page} />\n\n      <DocumentReference documentReference={createDocumentReference(documentKey)} />\n\n      {bodySnippets.map(snippet => (\n        <BodySnippet key={snippet.id} code={snippet.code} cleanup={snippet.cleanup} />\n      ))}\n    </>\n  )\n}\n"],"mappings":";AAqBI,mBACE,KADF;AAnBJ,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AAExC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AAOlB,SAAS,KAAK,EAAE,cAAc,MAAM,YAAY,GAAuB;AAC5E,QAAM,EAAE,aAAa,IAAI,gBAAgB,EAAE,KAAK,CAAC;AAEjD,sBAAoB;AAEpB,SACE,iCACE;AAAA,wBAAC,YAAS,UAAU,MAAM;AAAA,IAE1B,oBAAC,qBAAkB,mBAAmB,wBAAwB,WAAW,GAAG;AAAA,IAE3E,aAAa,IAAI,aAChB,oBAAC,eAA6B,MAAM,QAAQ,MAAM,SAAS,QAAQ,WAAjD,QAAQ,EAAkD,CAC7E;AAAA,KACH;AAEJ;","names":[]}

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

@@ -13,7 +13,7 @@ async function handler(...args) {
   const supportsPreviewMode = match(args).with(routeHandlerPattern, () => false).with(apiRoutePattern, () => true).exhaustive();
   const supportsDraftMode = match(args).with(routeHandlerPattern, () => true).with(apiRoutePattern, () => false).exhaustive();
   const body = {
-    version: "0.19.3",
+    version: "0.19.4",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,

package/dist/esm/next/api-handler/handlers/proxy-preview-mode.js

@@ -11,8 +11,8 @@ function mapRequestHeadersToHeaders(requestHeaders) {
   return headers;
 }
 function mapRequestToProxyUrl(req) {
-  const isForwardedProtoHttps = match(req.headers["X-Forwarded-Proto"]).with(P.string, (x) => x.split(",")).with(P.array(P.string), (x) => x).otherwise(() => []).includes("https");
-  const isForwardedSSL = match(req.headers["X-Forwarded-SSL"]).with("on", () => true).otherwise(() => false);
+  const isForwardedProtoHttps = match(req.headers["x-forwarded-proto"]).with(P.string, (x) => x.split(",")).with(P.array(P.string), (x) => x).otherwise(() => []).includes("https");
+  const isForwardedSSL = match(req.headers["x-forwarded-ssl"]).with("on", () => true).otherwise(() => false);
   const proto = isForwardedProtoHttps || isForwardedSSL ? "https" : "http";
   return new URL(`${proto}://${req.headers.host}${req.url}`);
 }

package/dist/esm/next/api-handler/handlers/proxy-preview-mode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/next/api-handler/handlers/proxy-preview-mode.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { MakeswiftPreviewData, MakeswiftSiteVersion } from '../../preview-mode'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype ProxyPreviewModeError = string\n\ntype ProxyResponse = { __brand: 'ProxyResponse' }\n\nexport type ProxyPreviewModeResponse = ProxyPreviewModeError | ProxyResponse\n\ntype ProxyPreviewModeHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [\n      req: NextApiRequest,\n      res: NextApiResponse<ProxyPreviewModeResponse>,\n      params: { apiKey: string },\n    ]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nfunction mapRequestHeadersToHeaders(requestHeaders: NextApiRequest['headers']): Headers {\n  const headers = new Headers()\n\n  Object.entries(requestHeaders).forEach(([key, value]) => {\n    match(value)\n      .with(P.array(P.string), value => value.map(val => headers.append(key, val)))\n      .with(P.string, value => headers.set(key, value))\n  })\n\n  return headers\n}\n\nfunction mapRequestToProxyUrl(req: NextApiRequest): URL {\n  const isForwardedProtoHttps = match(req.headers['X-Forwarded-Proto'])\n    .with(P.string, x => x.split(','))\n    .with(P.array(P.string), x => x)\n    .otherwise(() => [])\n    .includes('https')\n\n  const isForwardedSSL = match(req.headers['X-Forwarded-SSL'])\n    .with('on', () => true)\n    .otherwise(() => false)\n\n  const proto = isForwardedProtoHttps || isForwardedSSL ? 'https' : 'http'\n\n  return new URL(`${proto}://${req.headers.host}${req.url}`)\n}\n\nexport default async function proxyPreviewMode(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ProxyPreviewModeResponse>>\nexport default async function proxyPreviewMode(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyPreviewModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function proxyPreviewMode(\n  ...args: ProxyPreviewModeHandlerArgs\n): Promise<NextResponse<ProxyPreviewModeResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => proxyPreviewModeRouteHandler(...args))\n    .with(apiRoutePattern, args => proxyPreviewModeApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function proxyPreviewModeRouteHandler(\n  _request: NextRequest,\n  _context: Context,\n  {}: { apiKey: string },\n): Promise<NextResponse<ProxyPreviewModeResponse>> {\n  const message =\n    'Cannot request preview endpoint from an API handler registered in `app`. Move your Makeswift API handler to the `pages/api` directory'\n  console.error(message)\n  return NextResponse.json(message, { status: 500 })\n}\n\nasync function proxyPreviewModeApiRouteHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyPreviewModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void> {\n  if (req.query.secret !== apiKey) return res.status(401).send('Unauthorized')\n  if (req.headers.host == null) return res.status(400).send('Bad Request')\n\n  // TODO: This is a hack to get the locale from the request.\n  // Next.js strips the locale from the req.url, and there's no official way to get the locale\n  // from an API route: https://github.com/vercel/next.js/discussions/21798.\n  // The current workaround is to get the locale from an internal object: RequestMeta,\n  // https://github.com/vercel/next.js/blob/a0d1d728b9003f12c9df6c5e9a33bc4c33cef0ab/packages/next/src/server/request-meta.ts\n  // One possible way to properly fix this is by updating how we do preview mode. For example,\n  // by using partitioned cookies instead of a proxy.\n  const NextRequestMetaSymbol = Reflect.ownKeys(req).find(\n    key =>\n      key.toString() === 'Symbol(NextRequestMeta)' ||\n      key.toString() === 'Symbol(NextInternalRequestMeta)',\n  ) as keyof NextApiRequest | undefined\n\n  if (NextRequestMetaSymbol) {\n    const nextRequestMeta = req[NextRequestMetaSymbol]\n    const initUrl = nextRequestMeta?.__NEXT_INIT_URL ?? nextRequestMeta?.initURL\n    const isLocaleStripped =\n      nextRequestMeta?.__nextStrippedLocale ?? nextRequestMeta?.didStripLocale\n\n    try {\n      if (isLocaleStripped && initUrl) req.url = new URL(initUrl).pathname\n    } catch {}\n  }\n\n  const proxyHeaders = mapRequestHeadersToHeaders(req.headers)\n  const proxyUrl = mapRequestToProxyUrl(req)\n\n  proxyUrl.searchParams.delete('x-makeswift-preview-mode')\n  proxyHeaders.delete('x-makeswift-preview-mode')\n  // The following headers are Next.js-specific and are removed to prevent Next.js from\n  // short-circuiting requests, breaking routing.\n  proxyHeaders.delete('x-invoke-path')\n  proxyHeaders.delete('x-invoke-query')\n\n  const previewData: MakeswiftPreviewData = {\n    makeswift: true,\n    // This will eventually be dynamic\n    siteVersion: MakeswiftSiteVersion.Working,\n  }\n\n  const setCookie = res.setPreviewData(previewData).getHeader('set-cookie')\n  res.removeHeader('set-cookie')\n\n  if (!Array.isArray(setCookie)) return res.status(500).send('Internal Server Error')\n\n  setCookie.forEach((cookie) => proxyHeaders.append('cookie', cookie))\n\n  const response = await fetch(proxyUrl, {\n    headers: proxyHeaders,\n  });\n\n  response.headers.forEach((value, name) => {\n    res.setHeader(name, value);\n  })\n\n  res.statusCode = response.status;\n  res.statusMessage = response.statusText\n\n  // `fetch` automatically decompresses the response, but the response headers will keep the\n  // `content-encoding` and `content-length` headers. This will cause decoding issues if the client\n  // attempts to decompress the response again. To prevent this, we remove these headers.\n  //\n  // See https://github.com/nodejs/undici/issues/2514.\n  if (res.hasHeader('content-encoding')) {\n    res.removeHeader('content-encoding')\n    res.removeHeader('content-length')\n  }\n\n  const arrayBuffer = await response.arrayBuffer()\n\n  res.write(new Uint8Array(arrayBuffer))\n  res.end()\n}\n"],"mappings":"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","names":["value","args"]}
+{"version":3,"sources":["../../../../../src/next/api-handler/handlers/proxy-preview-mode.ts"],"sourcesContent":["import { NextApiRequest, NextApiResponse } from 'next'\nimport { MakeswiftPreviewData, MakeswiftSiteVersion } from '../../preview-mode'\nimport { NextRequest, NextResponse } from 'next/server'\nimport { P, match } from 'ts-pattern'\n\ntype Context = { params: { [key: string]: string | string[] } }\n\ntype ProxyPreviewModeError = string\n\ntype ProxyResponse = { __brand: 'ProxyResponse' }\n\nexport type ProxyPreviewModeResponse = ProxyPreviewModeError | ProxyResponse\n\ntype ProxyPreviewModeHandlerArgs =\n  | [request: NextRequest, context: Context, params: { apiKey: string }]\n  | [\n      req: NextApiRequest,\n      res: NextApiResponse<ProxyPreviewModeResponse>,\n      params: { apiKey: string },\n    ]\n\nconst routeHandlerPattern = [P.instanceOf(Request), P.any, P.any] as const\nconst apiRoutePattern = [P.any, P.any, P.any] as const\n\nfunction mapRequestHeadersToHeaders(requestHeaders: NextApiRequest['headers']): Headers {\n  const headers = new Headers()\n\n  Object.entries(requestHeaders).forEach(([key, value]) => {\n    match(value)\n      .with(P.array(P.string), value => value.map(val => headers.append(key, val)))\n      .with(P.string, value => headers.set(key, value))\n  })\n\n  return headers\n}\n\nfunction mapRequestToProxyUrl(req: NextApiRequest): URL {\n  const isForwardedProtoHttps = match(req.headers['x-forwarded-proto'])\n    .with(P.string, x => x.split(','))\n    .with(P.array(P.string), x => x)\n    .otherwise(() => [])\n    .includes('https')\n\n  const isForwardedSSL = match(req.headers['x-forwarded-ssl'])\n    .with('on', () => true)\n    .otherwise(() => false)\n\n  const proto = isForwardedProtoHttps || isForwardedSSL ? 'https' : 'http'\n\n  return new URL(`${proto}://${req.headers.host}${req.url}`)\n}\n\nexport default async function proxyPreviewMode(\n  request: NextRequest,\n  context: Context,\n  { apiKey }: { apiKey: string },\n): Promise<NextResponse<ProxyPreviewModeResponse>>\nexport default async function proxyPreviewMode(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyPreviewModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void>\nexport default async function proxyPreviewMode(\n  ...args: ProxyPreviewModeHandlerArgs\n): Promise<NextResponse<ProxyPreviewModeResponse> | void> {\n  return match(args)\n    .with(routeHandlerPattern, args => proxyPreviewModeRouteHandler(...args))\n    .with(apiRoutePattern, args => proxyPreviewModeApiRouteHandler(...args))\n    .exhaustive()\n}\n\nasync function proxyPreviewModeRouteHandler(\n  _request: NextRequest,\n  _context: Context,\n  {}: { apiKey: string },\n): Promise<NextResponse<ProxyPreviewModeResponse>> {\n  const message =\n    'Cannot request preview endpoint from an API handler registered in `app`. Move your Makeswift API handler to the `pages/api` directory'\n  console.error(message)\n  return NextResponse.json(message, { status: 500 })\n}\n\nasync function proxyPreviewModeApiRouteHandler(\n  req: NextApiRequest,\n  res: NextApiResponse<ProxyPreviewModeResponse>,\n  { apiKey }: { apiKey: string },\n): Promise<void> {\n  if (req.query.secret !== apiKey) return res.status(401).send('Unauthorized')\n  if (req.headers.host == null) return res.status(400).send('Bad Request')\n\n  // TODO: This is a hack to get the locale from the request.\n  // Next.js strips the locale from the req.url, and there's no official way to get the locale\n  // from an API route: https://github.com/vercel/next.js/discussions/21798.\n  // The current workaround is to get the locale from an internal object: RequestMeta,\n  // https://github.com/vercel/next.js/blob/a0d1d728b9003f12c9df6c5e9a33bc4c33cef0ab/packages/next/src/server/request-meta.ts\n  // One possible way to properly fix this is by updating how we do preview mode. For example,\n  // by using partitioned cookies instead of a proxy.\n  const NextRequestMetaSymbol = Reflect.ownKeys(req).find(\n    key =>\n      key.toString() === 'Symbol(NextRequestMeta)' ||\n      key.toString() === 'Symbol(NextInternalRequestMeta)',\n  ) as keyof NextApiRequest | undefined\n\n  if (NextRequestMetaSymbol) {\n    const nextRequestMeta = req[NextRequestMetaSymbol]\n    const initUrl = nextRequestMeta?.__NEXT_INIT_URL ?? nextRequestMeta?.initURL\n    const isLocaleStripped =\n      nextRequestMeta?.__nextStrippedLocale ?? nextRequestMeta?.didStripLocale\n\n    try {\n      if (isLocaleStripped && initUrl) req.url = new URL(initUrl).pathname\n    } catch {}\n  }\n\n  const proxyHeaders = mapRequestHeadersToHeaders(req.headers)\n  const proxyUrl = mapRequestToProxyUrl(req)\n\n  proxyUrl.searchParams.delete('x-makeswift-preview-mode')\n  proxyHeaders.delete('x-makeswift-preview-mode')\n  // The following headers are Next.js-specific and are removed to prevent Next.js from\n  // short-circuiting requests, breaking routing.\n  proxyHeaders.delete('x-invoke-path')\n  proxyHeaders.delete('x-invoke-query')\n\n  const previewData: MakeswiftPreviewData = {\n    makeswift: true,\n    // This will eventually be dynamic\n    siteVersion: MakeswiftSiteVersion.Working,\n  }\n\n  const setCookie = res.setPreviewData(previewData).getHeader('set-cookie')\n  res.removeHeader('set-cookie')\n\n  if (!Array.isArray(setCookie)) return res.status(500).send('Internal Server Error')\n\n  setCookie.forEach(cookie => proxyHeaders.append('cookie', cookie))\n\n  const response = await fetch(proxyUrl, {\n    headers: proxyHeaders,\n  })\n\n  response.headers.forEach((value, name) => {\n    res.setHeader(name, value)\n  })\n\n  res.statusCode = response.status\n  res.statusMessage = response.statusText\n\n  // `fetch` automatically decompresses the response, but the response headers will keep the\n  // `content-encoding` and `content-length` headers. This will cause decoding issues if the client\n  // attempts to decompress the response again. To prevent this, we remove these headers.\n  //\n  // See https://github.com/nodejs/undici/issues/2514.\n  if (res.hasHeader('content-encoding')) {\n    res.removeHeader('content-encoding')\n    res.removeHeader('content-length')\n  }\n\n  const arrayBuffer = await response.arrayBuffer()\n\n  res.write(new Uint8Array(arrayBuffer))\n  res.end()\n}\n"],"mappings":"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","names":["value","args"]}

package/dist/esm/next/components/page.js

@@ -20,11 +20,17 @@ See our docs for more information on what's changed and instructions to migrate:
     }),
     [snapshot]
   );
-  const rootElements = /* @__PURE__ */ new Map([[snapshot.document.id, snapshot.document.data]]);
-  snapshot.document.localizedPages.forEach((localizedPage) => {
-    rootElements.set(localizedPage.elementTreeId, localizedPage.data);
-  });
-  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(RuntimeProvider, { client, rootElements, preview: snapshot.preview, children: /* @__PURE__ */ jsx(PageMeta, { document: snapshot.document }, snapshot.document.data.key) }) });
+  const localizedPage = snapshot.document.localizedPages.find(({ parentId }) => parentId == null);
+  const rootElement = localizedPage ? { key: localizedPage.elementTreeId, data: localizedPage.data } : { key: snapshot.document.id, data: snapshot.document.data };
+  const rootElements = /* @__PURE__ */ new Map([[rootElement.key, rootElement.data]]);
+  return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(RuntimeProvider, { client, rootElements, preview: snapshot.preview, children: /* @__PURE__ */ jsx(
+    PageMeta,
+    {
+      pageDocument: snapshot.document,
+      documentKey: rootElement.key
+    },
+    snapshot.document.data.key
+  ) }) });
 });
 export {
   Page

package/dist/esm/next/components/page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/components/page.tsx"],"sourcesContent":["'use client'\n\nimport { Suspense, memo, useMemo } from 'react'\n\nimport { RuntimeProvider } from '../../runtimes/react'\nimport { Page as PageMeta } from '../../components/page'\nimport { MakeswiftHostApiClient } from '../../api/react'\nimport { MakeswiftPageSnapshot } from '../client'\n\nexport type PageProps = {\n  snapshot: MakeswiftPageSnapshot\n}\n\nexport const Page = memo(({ snapshot, ...props }: PageProps) => {\n  if ('runtime' in props) {\n    throw new Error(\n      `The \\`runtime\\` prop is no longer supported in the \\`@makeswift/runtime\\` \\`Page\\` component as of \\`0.15.0\\`.\nSee our docs for more information on what's changed and instructions to migrate: https://docs.makeswift.com/migrations/0.15.0`,\n    )\n  }\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', snapshot.apiOrigin).href,\n        cacheData: snapshot.cacheData,\n        localizedResourcesMap: snapshot.localizedResourcesMap,\n        locale: snapshot.locale ? new Intl.Locale(snapshot.locale) : undefined,\n      }),\n    [snapshot],\n  )\n  const rootElements = new Map([[snapshot.document.id, snapshot.document.data]])\n\n  snapshot.document.localizedPages.forEach(localizedPage => {\n    rootElements.set(localizedPage.elementTreeId, localizedPage.data)\n  })\n\n  return (\n    <Suspense>\n      <RuntimeProvider client={client} rootElements={rootElements} preview={snapshot.preview}>\n        {/* We use a key here to reset the Snippets state in the PageMeta component */}\n        <PageMeta key={snapshot.document.data.key} document={snapshot.document} />\n      </RuntimeProvider>\n    </Suspense>\n  )\n})\n"],"mappings":";AAwCQ;AAtCR,SAAS,UAAU,MAAM,eAAe;AAExC,SAAS,uBAAuB;AAChC,SAAS,QAAQ,gBAAgB;AACjC,SAAS,8BAA8B;AAOhC,MAAM,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,MAAiB;AAC9D,MAAI,aAAa,OAAO;AACtB,UAAM,IAAI;AAAA,MACR;AAAA;AAAA,IAEF;AAAA,EACF;AACA,QAAM,SAAS;AAAA,IACb,MACE,IAAI,uBAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,SAAS,EAAE;AAAA,MAC5C,WAAW,SAAS;AAAA,MACpB,uBAAuB,SAAS;AAAA,MAChC,QAAQ,SAAS,SAAS,IAAI,KAAK,OAAO,SAAS,MAAM,IAAI;AAAA,IAC/D,CAAC;AAAA,IACH,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,eAAe,oBAAI,IAAI,CAAC,CAAC,SAAS,SAAS,IAAI,SAAS,SAAS,IAAI,CAAC,CAAC;AAE7E,WAAS,SAAS,eAAe,QAAQ,mBAAiB;AACxD,iBAAa,IAAI,cAAc,eAAe,cAAc,IAAI;AAAA,EAClE,CAAC;AAED,SACE,oBAAC,YACC,8BAAC,mBAAgB,QAAgB,cAA4B,SAAS,SAAS,SAE7E,8BAAC,YAA0C,UAAU,SAAS,YAA/C,SAAS,SAAS,KAAK,GAAkC,GAC1E,GACF;AAEJ,CAAC;","names":[]}
+{"version":3,"sources":["../../../../src/next/components/page.tsx"],"sourcesContent":["'use client'\n\nimport { Suspense, memo, useMemo } from 'react'\n\nimport { RuntimeProvider } from '../../runtimes/react'\nimport { Page as PageMeta } from '../../components/page'\nimport { MakeswiftHostApiClient } from '../../api/react'\nimport { MakeswiftPageSnapshot } from '../client'\n\nexport type PageProps = {\n  snapshot: MakeswiftPageSnapshot\n}\n\nexport const Page = memo(({ snapshot, ...props }: PageProps) => {\n  if ('runtime' in props) {\n    throw new Error(\n      `The \\`runtime\\` prop is no longer supported in the \\`@makeswift/runtime\\` \\`Page\\` component as of \\`0.15.0\\`.\nSee our docs for more information on what's changed and instructions to migrate: https://docs.makeswift.com/migrations/0.15.0`,\n    )\n  }\n  const client = useMemo(\n    () =>\n      new MakeswiftHostApiClient({\n        uri: new URL('graphql', snapshot.apiOrigin).href,\n        cacheData: snapshot.cacheData,\n        localizedResourcesMap: snapshot.localizedResourcesMap,\n        locale: snapshot.locale ? new Intl.Locale(snapshot.locale) : undefined,\n      }),\n    [snapshot],\n  )\n\n  const localizedPage = snapshot.document.localizedPages.find(({ parentId }) => parentId == null)\n  const rootElement = localizedPage\n    ? { key: localizedPage.elementTreeId, data: localizedPage.data }\n    : { key: snapshot.document.id, data: snapshot.document.data }\n\n  const rootElements = new Map([[rootElement.key, rootElement.data]])\n\n  return (\n    <Suspense>\n      <RuntimeProvider client={client} rootElements={rootElements} preview={snapshot.preview}>\n        {/* We use a key here to reset the Snippets state in the PageMeta component */}\n        <PageMeta\n          key={snapshot.document.data.key}\n          pageDocument={snapshot.document}\n          documentKey={rootElement.key}\n        />\n      </RuntimeProvider>\n    </Suspense>\n  )\n})\n"],"mappings":";AA0CQ;AAxCR,SAAS,UAAU,MAAM,eAAe;AAExC,SAAS,uBAAuB;AAChC,SAAS,QAAQ,gBAAgB;AACjC,SAAS,8BAA8B;AAOhC,MAAM,OAAO,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,MAAiB;AAC9D,MAAI,aAAa,OAAO;AACtB,UAAM,IAAI;AAAA,MACR;AAAA;AAAA,IAEF;AAAA,EACF;AACA,QAAM,SAAS;AAAA,IACb,MACE,IAAI,uBAAuB;AAAA,MACzB,KAAK,IAAI,IAAI,WAAW,SAAS,SAAS,EAAE;AAAA,MAC5C,WAAW,SAAS;AAAA,MACpB,uBAAuB,SAAS;AAAA,MAChC,QAAQ,SAAS,SAAS,IAAI,KAAK,OAAO,SAAS,MAAM,IAAI;AAAA,IAC/D,CAAC;AAAA,IACH,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,gBAAgB,SAAS,SAAS,eAAe,KAAK,CAAC,EAAE,SAAS,MAAM,YAAY,IAAI;AAC9F,QAAM,cAAc,gBAChB,EAAE,KAAK,cAAc,eAAe,MAAM,cAAc,KAAK,IAC7D,EAAE,KAAK,SAAS,SAAS,IAAI,MAAM,SAAS,SAAS,KAAK;AAE9D,QAAM,eAAe,oBAAI,IAAI,CAAC,CAAC,YAAY,KAAK,YAAY,IAAI,CAAC,CAAC;AAElE,SACE,oBAAC,YACC,8BAAC,mBAAgB,QAAgB,cAA4B,SAAS,SAAS,SAE7E;AAAA,IAAC;AAAA;AAAA,MAEC,cAAc,SAAS;AAAA,MACvB,aAAa,YAAY;AAAA;AAAA,IAFpB,SAAS,SAAS,KAAK;AAAA,EAG9B,GACF,GACF;AAEJ,CAAC;","names":[]}

package/dist/esm/state/actions.js

@@ -5,6 +5,8 @@ const ActionTypes = {
   REGISTER_DOCUMENT: "REGISTER_DOCUMENT",
   UNREGISTER_DOCUMENT: "UNREGISTER_DOCUMENT",
   CHANGE_DOCUMENT: "CHANGE_DOCUMENT",
+  REGISTER_BUILDER_DOCUMENT: "REGISTER_BUILDER_DOCUMENT",
+  UNREGISTER_BUILDER_DOCUMENT: "UNREGISTER_BUILDER_DOCUMENT",
   REGISTER_COMPONENT: "REGISTER_COMPONENT",
   UNREGISTER_COMPONENT: "UNREGISTER_COMPONENT",
   REGISTER_BUILDER_COMPONENT: "REGISTER_BUILDER_COMPONENT",
@@ -54,6 +56,15 @@ function registerDocument(document) {
 function unregisterDocument(documentKey) {
   return { type: ActionTypes.UNREGISTER_DOCUMENT, payload: { documentKey } };
 }
+function registerBuilderDocument(document) {
+  return {
+    type: ActionTypes.REGISTER_BUILDER_DOCUMENT,
+    payload: { documentKey: document.key, document }
+  };
+}
+function unregisterBuilderDocument(documentKey) {
+  return { type: ActionTypes.UNREGISTER_BUILDER_DOCUMENT, payload: { documentKey } };
+}
 function registerDocumentEffect(document) {
   return (dispatch) => {
     dispatch(registerDocument(document));
@@ -266,6 +277,7 @@ export {
   mountComponent,
   mountComponentEffect,
   registerBuilderComponent,
+  registerBuilderDocument,
   registerComponent,
   registerComponentEffect,
   registerComponentHandle,
@@ -285,6 +297,7 @@ export {
   setLocalizedResourceId,
   unmountComponent,
   unregisterBuilderComponent,
+  unregisterBuilderDocument,
   unregisterComponent,
   unregisterDocument,
   unregisterMeasurable,

package/dist/esm/state/actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/actions.ts"],"sourcesContent":["import type { Operation } from 'ot-json0'\n\nimport type { Document } from './modules/read-only-documents'\nimport type { ComponentType } from './modules/react-components'\nimport type { Measurable, BoxModel } from './modules/box-models'\nimport type { ThunkAction } from 'redux-thunk'\nimport { ComponentMeta } from './modules/components-meta'\nimport { PropControllerDescriptor } from '../prop-controllers'\nimport type { Size } from './react-builder-preview'\nimport type { PropControllersHandle } from './modules/prop-controller-handles'\nimport type { PropControllerMessage } from '../prop-controllers/instances'\nimport type { PropController } from '../prop-controllers/base'\nimport type { APIResource, APIResourceType } from '../api/graphql/types'\nimport type { SerializedControl } from '../builder'\nimport { ElementImperativeHandle } from '../runtimes/react/element-imperative-handle'\nimport { BuilderEditMode } from './modules/builder-edit-mode'\nimport type { Point } from './modules/pointer'\nimport { Breakpoints } from './modules/breakpoints'\nimport { LocaleString, localeStringSchema } from '../locale'\n\nexport const ActionTypes = {\n  INIT: 'INIT',\n  CLEAN_UP: 'CLEAN_UP',\n\n  REGISTER_DOCUMENT: 'REGISTER_DOCUMENT',\n  UNREGISTER_DOCUMENT: 'UNREGISTER_DOCUMENT',\n\n  CHANGE_DOCUMENT: 'CHANGE_DOCUMENT',\n\n  REGISTER_COMPONENT: 'REGISTER_COMPONENT',\n  UNREGISTER_COMPONENT: 'UNREGISTER_COMPONENT',\n\n  REGISTER_BUILDER_COMPONENT: 'REGISTER_BUILDER_COMPONENT',\n  UNREGISTER_BUILDER_COMPONENT: 'UNREGISTER_BUILDER_COMPONENT',\n\n  REGISTER_REACT_COMPONENT: 'REGISTER_REACT_COMPONENT',\n  UNREGISTER_REACT_COMPONENT: 'UNREGISTER_REACT_COMPONENT',\n\n  MOUNT_COMPONENT: 'MOUNT_COMPONENT',\n  UNMOUNT_COMPONENT: 'UNMOUNT_COMPONENT',\n\n  REGISTER_COMPONENT_HANDLE: 'REGISTER_COMPONENT_HANDLE',\n  UNREGISTER_COMPONENT_HANDLE: 'UNREGISTER_COMPONENT_HANDLE',\n\n  REGISTER_MEASURABLE: 'REGISTER_MEASURABLE',\n  UNREGISTER_MEASURABLE: 'UNREGISTER_MEASURABLE',\n\n  CHANGE_ELEMENT_BOX_MODELS: 'CHANGE_ELEMENT_BOX_MODELS',\n\n  CHANGE_DOCUMENT_ELEMENT_SIZE: 'CHANGE_DOCUMENT_ELEMENT_SIZE',\n  CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP: 'CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP',\n  SCROLL_DOCUMENT_ELEMENT: 'SCROLL_DOCUMENT_ELEMENT',\n\n  REGISTER_PROP_CONTROLLERS_HANDLE: 'REGISTER_PROP_CONTROLLERS_HANDLE',\n  UNREGISTER_PROP_CONTROLLERS_HANDLE: 'UNREGISTER_PROP_CONTROLLERS_HANDLE',\n  REGISTER_PROP_CONTROLLERS: 'REGISTER_PROP_CONTROLLERS',\n  UNREGISTER_PROP_CONTROLLERS: 'UNREGISTER_PROP_CONTROLLERS',\n  MESSAGE_HOST_PROP_CONTROLLER: 'MESSAGE_HOST_PROP_CONTROLLER',\n  MESSAGE_BUILDER_PROP_CONTROLLER: 'MESSAGE_BUILDER_PROP_CONTROLLER',\n\n  CHANGE_API_RESOURCE: 'CHANGE_API_RESOURCE',\n  EVICT_API_RESOURCE: 'EVICT_API_RESOURCE',\n\n  SET_IS_IN_BUILDER: 'SET_IS_IN_BUILDER',\n\n  HANDLE_WHEEL: 'HANDLE_WHEEL',\n  HANDLE_POINTER_MOVE: 'HANDLE_POINTER_MOVE',\n\n  API_RESOURCE_FULFILLED: 'API_RESOURCE_FULFILLED',\n\n  SET_BUILDER_EDIT_MODE: 'SET_BUILDER_EDIT_MODE',\n  MAKESWIFT_CONNECTION_INIT: 'MAKESWIFT_CONNECTION_INIT',\n  MAKESWIFT_CONNECTION_CHECK: 'MAKESWIFT_CONNECTION_CHECK',\n\n  BUILDER_POINTER_MOVE: 'BUILDER_POINTER_MOVE',\n  ELEMENT_FROM_POINT_CHANGE: 'ELEMENT_FROM_POINT_CHANGE',\n\n  SET_BREAKPOINTS: 'SET_BREAKPOINTS',\n\n  SET_LOCALE: 'SET_LOCALE',\n\n  SET_LOCALIZED_RESOURCE_ID: 'SET_LOCALIZED_RESOURCE_ID',\n} as const\n\ntype InitAction = { type: typeof ActionTypes.INIT }\n\ntype CleanUpAction = { type: typeof ActionTypes.CLEAN_UP }\n\ntype RegisterDocumentAction = {\n  type: typeof ActionTypes.REGISTER_DOCUMENT\n  payload: { documentKey: string; document: Document }\n}\n\ntype UnregisterDocumentAction = {\n  type: typeof ActionTypes.UNREGISTER_DOCUMENT\n  payload: { documentKey: string }\n}\n\ntype ChangeDocumentAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT\n  payload: { documentKey: string; operation: Operation }\n}\n\ntype RegisterComponentAction = {\n  type: typeof ActionTypes.REGISTER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    propControllerDescriptors: Record<string, PropControllerDescriptor>\n  }\n}\n\ntype UnregisterComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_COMPONENT\n  payload: { type: string }\n}\n\ntype RegisterBuilderComponentAction = {\n  type: typeof ActionTypes.REGISTER_BUILDER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    serializedControls: Record<string, SerializedControl>\n  }\n}\n\ntype UnregisterBuilderComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_BUILDER_COMPONENT\n  payload: { type: string }\n}\n\ntype RegisterReactComponentAction = {\n  type: typeof ActionTypes.REGISTER_REACT_COMPONENT\n  payload: { type: string; component: ComponentType }\n}\n\ntype UnregisterReactComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_REACT_COMPONENT\n  payload: { type: string }\n}\n\ntype MountComponentAction = {\n  type: typeof ActionTypes.MOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype UnmountComponentAction = {\n  type: typeof ActionTypes.UNMOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterComponentHandleAction = {\n  type: typeof ActionTypes.REGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string; componentHandle: ElementImperativeHandle }\n}\n\ntype UnregisterComponentHandleAction = {\n  type: typeof ActionTypes.UNREGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterMeasurableAction = {\n  type: typeof ActionTypes.REGISTER_MEASURABLE\n  payload: { documentKey: string; elementKey: string; measurable: Measurable }\n}\n\ntype UnregisterMeasurableAction = {\n  type: typeof ActionTypes.UNREGISTER_MEASURABLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype ChangeElementBoxModelsAction = {\n  type: typeof ActionTypes.CHANGE_ELEMENT_BOX_MODELS\n  payload: { changedElementBoxModels: Map<string, Map<string, BoxModel | null>> }\n}\n\ntype ChangeDocumentElementSizeAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE\n  payload: { size: Size }\n}\n\ntype ChangeDocumentElementScrollTopAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP\n  payload: { scrollTop: number }\n}\n\ntype ScrollDocumentElementAction = {\n  type: typeof ActionTypes.SCROLL_DOCUMENT_ELEMENT\n  payload: { scrollTopDelta: number }\n}\n\ntype RegisterPropControllersHandleAction = {\n  type: typeof ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string; handle: PropControllersHandle }\n}\n\ntype UnregisterPropControllersHandleAction = {\n  type: typeof ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterPropControllersAction = {\n  type: typeof ActionTypes.REGISTER_PROP_CONTROLLERS\n  payload: {\n    documentKey: string\n    elementKey: string\n    propControllers: Record<string, PropController>\n  }\n}\n\ntype UnregisterPropControllersAction = {\n  type: typeof ActionTypes.UNREGISTER_PROP_CONTROLLERS\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype MessageHostPropControllerAction<T = PropControllerMessage> = {\n  type: typeof ActionTypes.MESSAGE_HOST_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype MessageBuilderPropControllerAction<T = PropControllerMessage> = {\n  type: typeof ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype ChangeAPIResourceAction = {\n  type: typeof ActionTypes.CHANGE_API_RESOURCE\n  payload: { resource: APIResource }\n}\n\ntype EvictAPIResourceAction = {\n  type: typeof ActionTypes.EVICT_API_RESOURCE\n  payload: { id: string }\n}\n\ntype SetIsInBuilderAction = {\n  type: typeof ActionTypes.SET_IS_IN_BUILDER\n  payload: boolean\n}\n\ntype HandleWheelAction = {\n  type: typeof ActionTypes.HANDLE_WHEEL\n  payload: { deltaX: number; deltaY: number }\n}\n\ntype HandlePointerMoveAction = {\n  type: typeof ActionTypes.HANDLE_POINTER_MOVE\n  payload: { clientX: number; clientY: number }\n}\n\ntype APIResourceFulfilledAction = {\n  type: typeof ActionTypes.API_RESOURCE_FULFILLED\n  payload: { resourceType: APIResourceType; resourceId: string; resource: APIResource | null }\n}\n\ntype SetBuilderEditModeAction = {\n  type: typeof ActionTypes.SET_BUILDER_EDIT_MODE\n  payload: { editMode: BuilderEditMode }\n}\n\ntype BuilderPointerMoveAction = {\n  type: typeof ActionTypes.BUILDER_POINTER_MOVE\n  payload: { pointer: Point | null }\n}\n\ntype ElementFromPointChangeAction = {\n  type: typeof ActionTypes.ELEMENT_FROM_POINT_CHANGE\n  payload: { keys: { documentKey: string; elementKey: string } | null }\n}\n\nexport type SetBreakpointsAction = {\n  type: typeof ActionTypes.SET_BREAKPOINTS\n  payload: { breakpoints: Breakpoints }\n}\n\ntype SetLocaleAction = {\n  type: typeof ActionTypes.SET_LOCALE\n  payload: { locale: LocaleString; pathname?: string }\n}\n\ntype SetLocalizedResourceIdAction = {\n  type: typeof ActionTypes.SET_LOCALIZED_RESOURCE_ID\n  payload: { resourceId: string; localizedResourceId: string | null }\n}\n\nexport type Action =\n  | InitAction\n  | CleanUpAction\n  | ChangeDocumentAction\n  | RegisterDocumentAction\n  | UnregisterDocumentAction\n  | RegisterComponentAction\n  | UnregisterComponentAction\n  | RegisterBuilderComponentAction\n  | UnregisterBuilderComponentAction\n  | RegisterReactComponentAction\n  | UnregisterReactComponentAction\n  | MountComponentAction\n  | UnmountComponentAction\n  | RegisterComponentHandleAction\n  | UnregisterComponentHandleAction\n  | RegisterMeasurableAction\n  | UnregisterMeasurableAction\n  | ChangeElementBoxModelsAction\n  | ChangeDocumentElementSizeAction\n  | ChangeDocumentElementScrollTopAction\n  | ScrollDocumentElementAction\n  | RegisterPropControllersHandleAction\n  | UnregisterPropControllersHandleAction\n  | RegisterPropControllersAction\n  | UnregisterPropControllersAction\n  | MessageHostPropControllerAction\n  | MessageBuilderPropControllerAction\n  | ChangeAPIResourceAction\n  | EvictAPIResourceAction\n  | SetIsInBuilderAction\n  | HandleWheelAction\n  | HandlePointerMoveAction\n  | APIResourceFulfilledAction\n  | SetBuilderEditModeAction\n  | BuilderPointerMoveAction\n  | ElementFromPointChangeAction\n  | SetBreakpointsAction\n  | SetLocaleAction\n  | SetLocalizedResourceIdAction\n\nexport function init(): InitAction {\n  return { type: ActionTypes.INIT }\n}\n\nexport function cleanUp(): CleanUpAction {\n  return { type: ActionTypes.CLEAN_UP }\n}\n\nexport function registerDocument(document: Document): RegisterDocumentAction {\n  return { type: ActionTypes.REGISTER_DOCUMENT, payload: { documentKey: document.key, document } }\n}\n\nexport function unregisterDocument(documentKey: string): UnregisterDocumentAction {\n  return { type: ActionTypes.UNREGISTER_DOCUMENT, payload: { documentKey } }\n}\n\nexport function registerDocumentEffect(\n  document: Document,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerDocument(document))\n\n    return () => {\n      dispatch(unregisterDocument(document.key))\n    }\n  }\n}\n\nexport function changeDocument(documentKey: string, operation: Operation): ChangeDocumentAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT, payload: { documentKey, operation } }\n}\n\nexport function registerComponent(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): RegisterComponentAction {\n  return {\n    type: ActionTypes.REGISTER_COMPONENT,\n    payload: { type, meta, propControllerDescriptors },\n  }\n}\n\nexport function unregisterComponent(type: string): UnregisterComponentAction {\n  return { type: ActionTypes.UNREGISTER_COMPONENT, payload: { type } }\n}\n\nexport function registerComponentEffect(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerComponent(type, meta, propControllerDescriptors))\n\n    return () => {\n      dispatch(unregisterComponent(type))\n    }\n  }\n}\n\nexport function registerBuilderComponent(\n  type: string,\n  meta: ComponentMeta,\n  serializedControls: Record<string, SerializedControl>,\n): RegisterBuilderComponentAction {\n  return {\n    type: ActionTypes.REGISTER_BUILDER_COMPONENT,\n    payload: { type, meta, serializedControls },\n  }\n}\n\nexport function unregisterBuilderComponent(type: string): UnregisterBuilderComponentAction {\n  return { type: ActionTypes.UNREGISTER_BUILDER_COMPONENT, payload: { type } }\n}\n\nfunction registerReactComponent(\n  type: string,\n  component: ComponentType,\n): RegisterReactComponentAction {\n  return { type: ActionTypes.REGISTER_REACT_COMPONENT, payload: { type, component } }\n}\n\nfunction unregisterReactComponent(type: string): UnregisterReactComponentAction {\n  return { type: ActionTypes.UNREGISTER_REACT_COMPONENT, payload: { type } }\n}\n\nexport function registerReactComponentEffect(\n  type: string,\n  component: ComponentType,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerReactComponent(type, component))\n\n    return () => {\n      dispatch(unregisterReactComponent(type))\n    }\n  }\n}\n\nexport function mountComponent(documentKey: string, elementKey: string): MountComponentAction {\n  return { type: ActionTypes.MOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function unmountComponent(documentKey: string, elementKey: string): UnmountComponentAction {\n  return { type: ActionTypes.UNMOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function mountComponentEffect(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(mountComponent(documentKey, elementKey))\n\n    return () => {\n      dispatch(unmountComponent(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerComponentHandle(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: ElementImperativeHandle,\n): RegisterComponentHandleAction {\n  return {\n    type: ActionTypes.REGISTER_COMPONENT_HANDLE,\n    payload: { documentKey, elementKey, componentHandle },\n  }\n}\n\nfunction unregisterComponentHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterComponentHandleAction {\n  return { type: ActionTypes.UNREGISTER_COMPONENT_HANDLE, payload: { documentKey, elementKey } }\n}\n\nexport function registerComponentHandleEffect(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: ElementImperativeHandle,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerComponentHandle(documentKey, elementKey, componentHandle))\n\n    return () => {\n      dispatch(unregisterComponentHandle(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerMeasurable(\n  documentKey: string,\n  elementKey: string,\n  measurable: Measurable,\n): RegisterMeasurableAction {\n  return { type: ActionTypes.REGISTER_MEASURABLE, payload: { documentKey, elementKey, measurable } }\n}\n\nexport function unregisterMeasurable(\n  documentKey: string,\n  elementKey: string,\n): UnregisterMeasurableAction {\n  return { type: ActionTypes.UNREGISTER_MEASURABLE, payload: { documentKey, elementKey } }\n}\n\nexport function registerMeasurableEffect(\n  documentKey: string,\n  elementKey: string,\n  measurable: Measurable,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerMeasurable(documentKey, elementKey, measurable))\n\n    return () => {\n      dispatch(unregisterMeasurable(documentKey, elementKey))\n    }\n  }\n}\n\nexport function changeElementBoxModels(\n  changedElementBoxModels: Map<string, Map<string, BoxModel | null>>,\n): ChangeElementBoxModelsAction {\n  return { type: ActionTypes.CHANGE_ELEMENT_BOX_MODELS, payload: { changedElementBoxModels } }\n}\n\nexport function changeDocumentElementSize(size: Size): ChangeDocumentElementSizeAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE, payload: { size } }\n}\n\nexport function changeDocumentElementScrollTop(\n  scrollTop: number,\n): ChangeDocumentElementScrollTopAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP, payload: { scrollTop } }\n}\n\nexport function scrollDocumentElement(scrollTopDelta: number): ScrollDocumentElementAction {\n  return { type: ActionTypes.SCROLL_DOCUMENT_ELEMENT, payload: { scrollTopDelta } }\n}\n\nexport function registerPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n  handle: PropControllersHandle,\n): RegisterPropControllersHandleAction {\n  return {\n    type: ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey, handle },\n  }\n}\n\nexport function unregisterPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersHandleAction {\n  return {\n    type: ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey },\n  }\n}\n\nexport function registerPropControllers(\n  documentKey: string,\n  elementKey: string,\n  propControllers: Record<string, PropController>,\n): RegisterPropControllersAction {\n  return {\n    type: ActionTypes.REGISTER_PROP_CONTROLLERS,\n    payload: { documentKey, elementKey, propControllers },\n  }\n}\n\nexport function unregisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersAction {\n  return { type: ActionTypes.UNREGISTER_PROP_CONTROLLERS, payload: { documentKey, elementKey } }\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: ActionTypes.MESSAGE_HOST_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function messageBuilderPropController<T>(\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n  message: T,\n): MessageBuilderPropControllerAction<T> {\n  return {\n    type: ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function changeApiResource(resource: APIResource): ChangeAPIResourceAction {\n  return { type: ActionTypes.CHANGE_API_RESOURCE, payload: { resource } }\n}\n\nexport function evictApiResource(id: string): EvictAPIResourceAction {\n  return { type: ActionTypes.EVICT_API_RESOURCE, payload: { id } }\n}\n\nexport function setIsInBuilder(isInBuilder: boolean): SetIsInBuilderAction {\n  return { type: ActionTypes.SET_IS_IN_BUILDER, payload: isInBuilder }\n}\n\nexport function handleWheel(payload: { deltaX: number; deltaY: number }): HandleWheelAction {\n  return { type: ActionTypes.HANDLE_WHEEL, payload }\n}\n\nexport function handlePointerMove(payload: {\n  clientX: number\n  clientY: number\n}): HandlePointerMoveAction {\n  return { type: ActionTypes.HANDLE_POINTER_MOVE, payload }\n}\n\nexport function apiResourceFulfilled(\n  resourceType: APIResourceType,\n  resourceId: string,\n  resource: APIResource | null,\n): APIResourceFulfilledAction {\n  return {\n    type: ActionTypes.API_RESOURCE_FULFILLED,\n    payload: { resourceType, resourceId, resource },\n  }\n}\n\nexport function setBuilderEditMode(editMode: BuilderEditMode): SetBuilderEditModeAction {\n  return {\n    type: ActionTypes.SET_BUILDER_EDIT_MODE,\n    payload: { editMode },\n  }\n}\n\nexport function builderPointerMove(pointer: Point | null): BuilderPointerMoveAction {\n  return { type: ActionTypes.BUILDER_POINTER_MOVE, payload: { pointer } }\n}\n\nexport function elementFromPointChange(\n  keys: {\n    documentKey: string\n    elementKey: string\n  } | null,\n): ElementFromPointChangeAction {\n  return { type: ActionTypes.ELEMENT_FROM_POINT_CHANGE, payload: { keys } }\n}\n\nexport function setBreakpoints(breakpoints: Breakpoints): SetBreakpointsAction {\n  return { type: ActionTypes.SET_BREAKPOINTS, payload: { breakpoints } }\n}\n\nexport function setLocale(locale: Intl.Locale, pathname?: string): SetLocaleAction {\n  return {\n    type: ActionTypes.SET_LOCALE,\n    payload: { locale: localeStringSchema.parse(locale.toString()), pathname },\n  }\n}\n\nexport function setLocalizedResourceId({\n  resourceId,\n  localizedResourceId,\n}: {\n  resourceId: string\n  localizedResourceId: string | null\n}): SetLocalizedResourceIdAction {\n  return {\n    type: ActionTypes.SET_LOCALIZED_RESOURCE_ID,\n    payload: { resourceId, localizedResourceId },\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/state/actions.ts"],"sourcesContent":["import type { Operation } from 'ot-json0'\n\nimport type { Document } from './modules/read-only-documents'\nimport type { ComponentType } from './modules/react-components'\nimport type { Measurable, BoxModel } from './modules/box-models'\nimport type { ThunkAction } from 'redux-thunk'\nimport { ComponentMeta } from './modules/components-meta'\nimport { PropControllerDescriptor } from '../prop-controllers'\nimport type { Size } from './react-builder-preview'\nimport type { PropControllersHandle } from './modules/prop-controller-handles'\nimport type { PropControllerMessage } from '../prop-controllers/instances'\nimport type { PropController } from '../prop-controllers/base'\nimport type { APIResource, APIResourceType } from '../api/graphql/types'\nimport type { SerializedControl } from '../builder'\nimport { ElementImperativeHandle } from '../runtimes/react/element-imperative-handle'\nimport { BuilderEditMode } from './modules/builder-edit-mode'\nimport type { Point } from './modules/pointer'\nimport { Breakpoints } from './modules/breakpoints'\nimport { LocaleString, localeStringSchema } from '../locale'\n\nexport const ActionTypes = {\n  INIT: 'INIT',\n  CLEAN_UP: 'CLEAN_UP',\n\n  REGISTER_DOCUMENT: 'REGISTER_DOCUMENT',\n  UNREGISTER_DOCUMENT: 'UNREGISTER_DOCUMENT',\n\n  CHANGE_DOCUMENT: 'CHANGE_DOCUMENT',\n\n  REGISTER_BUILDER_DOCUMENT: 'REGISTER_BUILDER_DOCUMENT',\n  UNREGISTER_BUILDER_DOCUMENT: 'UNREGISTER_BUILDER_DOCUMENT',\n\n  REGISTER_COMPONENT: 'REGISTER_COMPONENT',\n  UNREGISTER_COMPONENT: 'UNREGISTER_COMPONENT',\n\n  REGISTER_BUILDER_COMPONENT: 'REGISTER_BUILDER_COMPONENT',\n  UNREGISTER_BUILDER_COMPONENT: 'UNREGISTER_BUILDER_COMPONENT',\n\n  REGISTER_REACT_COMPONENT: 'REGISTER_REACT_COMPONENT',\n  UNREGISTER_REACT_COMPONENT: 'UNREGISTER_REACT_COMPONENT',\n\n  MOUNT_COMPONENT: 'MOUNT_COMPONENT',\n  UNMOUNT_COMPONENT: 'UNMOUNT_COMPONENT',\n\n  REGISTER_COMPONENT_HANDLE: 'REGISTER_COMPONENT_HANDLE',\n  UNREGISTER_COMPONENT_HANDLE: 'UNREGISTER_COMPONENT_HANDLE',\n\n  REGISTER_MEASURABLE: 'REGISTER_MEASURABLE',\n  UNREGISTER_MEASURABLE: 'UNREGISTER_MEASURABLE',\n\n  CHANGE_ELEMENT_BOX_MODELS: 'CHANGE_ELEMENT_BOX_MODELS',\n\n  CHANGE_DOCUMENT_ELEMENT_SIZE: 'CHANGE_DOCUMENT_ELEMENT_SIZE',\n  CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP: 'CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP',\n  SCROLL_DOCUMENT_ELEMENT: 'SCROLL_DOCUMENT_ELEMENT',\n\n  REGISTER_PROP_CONTROLLERS_HANDLE: 'REGISTER_PROP_CONTROLLERS_HANDLE',\n  UNREGISTER_PROP_CONTROLLERS_HANDLE: 'UNREGISTER_PROP_CONTROLLERS_HANDLE',\n  REGISTER_PROP_CONTROLLERS: 'REGISTER_PROP_CONTROLLERS',\n  UNREGISTER_PROP_CONTROLLERS: 'UNREGISTER_PROP_CONTROLLERS',\n  MESSAGE_HOST_PROP_CONTROLLER: 'MESSAGE_HOST_PROP_CONTROLLER',\n  MESSAGE_BUILDER_PROP_CONTROLLER: 'MESSAGE_BUILDER_PROP_CONTROLLER',\n\n  CHANGE_API_RESOURCE: 'CHANGE_API_RESOURCE',\n  EVICT_API_RESOURCE: 'EVICT_API_RESOURCE',\n\n  SET_IS_IN_BUILDER: 'SET_IS_IN_BUILDER',\n\n  HANDLE_WHEEL: 'HANDLE_WHEEL',\n  HANDLE_POINTER_MOVE: 'HANDLE_POINTER_MOVE',\n\n  API_RESOURCE_FULFILLED: 'API_RESOURCE_FULFILLED',\n\n  SET_BUILDER_EDIT_MODE: 'SET_BUILDER_EDIT_MODE',\n  MAKESWIFT_CONNECTION_INIT: 'MAKESWIFT_CONNECTION_INIT',\n  MAKESWIFT_CONNECTION_CHECK: 'MAKESWIFT_CONNECTION_CHECK',\n\n  BUILDER_POINTER_MOVE: 'BUILDER_POINTER_MOVE',\n  ELEMENT_FROM_POINT_CHANGE: 'ELEMENT_FROM_POINT_CHANGE',\n\n  SET_BREAKPOINTS: 'SET_BREAKPOINTS',\n\n  SET_LOCALE: 'SET_LOCALE',\n\n  SET_LOCALIZED_RESOURCE_ID: 'SET_LOCALIZED_RESOURCE_ID',\n} as const\n\ntype InitAction = { type: typeof ActionTypes.INIT }\n\ntype CleanUpAction = { type: typeof ActionTypes.CLEAN_UP }\n\ntype RegisterDocumentAction = {\n  type: typeof ActionTypes.REGISTER_DOCUMENT\n  payload: { documentKey: string; document: Document }\n}\n\ntype UnregisterDocumentAction = {\n  type: typeof ActionTypes.UNREGISTER_DOCUMENT\n  payload: { documentKey: string }\n}\n\ntype RegisterBuilderDocumentAction = {\n  type: typeof ActionTypes.REGISTER_BUILDER_DOCUMENT\n  payload: { documentKey: string; document: Document }\n}\n\ntype UnregisterBuilderDocumentAction = {\n  type: typeof ActionTypes.UNREGISTER_BUILDER_DOCUMENT\n  payload: { documentKey: string }\n}\n\ntype ChangeDocumentAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT\n  payload: { documentKey: string; operation: Operation }\n}\n\ntype RegisterComponentAction = {\n  type: typeof ActionTypes.REGISTER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    propControllerDescriptors: Record<string, PropControllerDescriptor>\n  }\n}\n\ntype UnregisterComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_COMPONENT\n  payload: { type: string }\n}\n\ntype RegisterBuilderComponentAction = {\n  type: typeof ActionTypes.REGISTER_BUILDER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    serializedControls: Record<string, SerializedControl>\n  }\n}\n\ntype UnregisterBuilderComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_BUILDER_COMPONENT\n  payload: { type: string }\n}\n\ntype RegisterReactComponentAction = {\n  type: typeof ActionTypes.REGISTER_REACT_COMPONENT\n  payload: { type: string; component: ComponentType }\n}\n\ntype UnregisterReactComponentAction = {\n  type: typeof ActionTypes.UNREGISTER_REACT_COMPONENT\n  payload: { type: string }\n}\n\ntype MountComponentAction = {\n  type: typeof ActionTypes.MOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype UnmountComponentAction = {\n  type: typeof ActionTypes.UNMOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterComponentHandleAction = {\n  type: typeof ActionTypes.REGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string; componentHandle: ElementImperativeHandle }\n}\n\ntype UnregisterComponentHandleAction = {\n  type: typeof ActionTypes.UNREGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterMeasurableAction = {\n  type: typeof ActionTypes.REGISTER_MEASURABLE\n  payload: { documentKey: string; elementKey: string; measurable: Measurable }\n}\n\ntype UnregisterMeasurableAction = {\n  type: typeof ActionTypes.UNREGISTER_MEASURABLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype ChangeElementBoxModelsAction = {\n  type: typeof ActionTypes.CHANGE_ELEMENT_BOX_MODELS\n  payload: { changedElementBoxModels: Map<string, Map<string, BoxModel | null>> }\n}\n\ntype ChangeDocumentElementSizeAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE\n  payload: { size: Size }\n}\n\ntype ChangeDocumentElementScrollTopAction = {\n  type: typeof ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP\n  payload: { scrollTop: number }\n}\n\ntype ScrollDocumentElementAction = {\n  type: typeof ActionTypes.SCROLL_DOCUMENT_ELEMENT\n  payload: { scrollTopDelta: number }\n}\n\ntype RegisterPropControllersHandleAction = {\n  type: typeof ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string; handle: PropControllersHandle }\n}\n\ntype UnregisterPropControllersHandleAction = {\n  type: typeof ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterPropControllersAction = {\n  type: typeof ActionTypes.REGISTER_PROP_CONTROLLERS\n  payload: {\n    documentKey: string\n    elementKey: string\n    propControllers: Record<string, PropController>\n  }\n}\n\ntype UnregisterPropControllersAction = {\n  type: typeof ActionTypes.UNREGISTER_PROP_CONTROLLERS\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype MessageHostPropControllerAction<T = PropControllerMessage> = {\n  type: typeof ActionTypes.MESSAGE_HOST_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype MessageBuilderPropControllerAction<T = PropControllerMessage> = {\n  type: typeof ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype ChangeAPIResourceAction = {\n  type: typeof ActionTypes.CHANGE_API_RESOURCE\n  payload: { resource: APIResource }\n}\n\ntype EvictAPIResourceAction = {\n  type: typeof ActionTypes.EVICT_API_RESOURCE\n  payload: { id: string }\n}\n\ntype SetIsInBuilderAction = {\n  type: typeof ActionTypes.SET_IS_IN_BUILDER\n  payload: boolean\n}\n\ntype HandleWheelAction = {\n  type: typeof ActionTypes.HANDLE_WHEEL\n  payload: { deltaX: number; deltaY: number }\n}\n\ntype HandlePointerMoveAction = {\n  type: typeof ActionTypes.HANDLE_POINTER_MOVE\n  payload: { clientX: number; clientY: number }\n}\n\ntype APIResourceFulfilledAction = {\n  type: typeof ActionTypes.API_RESOURCE_FULFILLED\n  payload: { resourceType: APIResourceType; resourceId: string; resource: APIResource | null }\n}\n\ntype SetBuilderEditModeAction = {\n  type: typeof ActionTypes.SET_BUILDER_EDIT_MODE\n  payload: { editMode: BuilderEditMode }\n}\n\ntype BuilderPointerMoveAction = {\n  type: typeof ActionTypes.BUILDER_POINTER_MOVE\n  payload: { pointer: Point | null }\n}\n\ntype ElementFromPointChangeAction = {\n  type: typeof ActionTypes.ELEMENT_FROM_POINT_CHANGE\n  payload: { keys: { documentKey: string; elementKey: string } | null }\n}\n\nexport type SetBreakpointsAction = {\n  type: typeof ActionTypes.SET_BREAKPOINTS\n  payload: { breakpoints: Breakpoints }\n}\n\ntype SetLocaleAction = {\n  type: typeof ActionTypes.SET_LOCALE\n  payload: { locale: LocaleString; pathname?: string }\n}\n\ntype SetLocalizedResourceIdAction = {\n  type: typeof ActionTypes.SET_LOCALIZED_RESOURCE_ID\n  payload: { resourceId: string; localizedResourceId: string | null }\n}\n\nexport type Action =\n  | InitAction\n  | CleanUpAction\n  | ChangeDocumentAction\n  | RegisterDocumentAction\n  | UnregisterDocumentAction\n  | RegisterBuilderDocumentAction\n  | UnregisterBuilderDocumentAction\n  | RegisterComponentAction\n  | UnregisterComponentAction\n  | RegisterBuilderComponentAction\n  | UnregisterBuilderComponentAction\n  | RegisterReactComponentAction\n  | UnregisterReactComponentAction\n  | MountComponentAction\n  | UnmountComponentAction\n  | RegisterComponentHandleAction\n  | UnregisterComponentHandleAction\n  | RegisterMeasurableAction\n  | UnregisterMeasurableAction\n  | ChangeElementBoxModelsAction\n  | ChangeDocumentElementSizeAction\n  | ChangeDocumentElementScrollTopAction\n  | ScrollDocumentElementAction\n  | RegisterPropControllersHandleAction\n  | UnregisterPropControllersHandleAction\n  | RegisterPropControllersAction\n  | UnregisterPropControllersAction\n  | MessageHostPropControllerAction\n  | MessageBuilderPropControllerAction\n  | ChangeAPIResourceAction\n  | EvictAPIResourceAction\n  | SetIsInBuilderAction\n  | HandleWheelAction\n  | HandlePointerMoveAction\n  | APIResourceFulfilledAction\n  | SetBuilderEditModeAction\n  | BuilderPointerMoveAction\n  | ElementFromPointChangeAction\n  | SetBreakpointsAction\n  | SetLocaleAction\n  | SetLocalizedResourceIdAction\n\nexport function init(): InitAction {\n  return { type: ActionTypes.INIT }\n}\n\nexport function cleanUp(): CleanUpAction {\n  return { type: ActionTypes.CLEAN_UP }\n}\n\nexport function registerDocument(document: Document): RegisterDocumentAction {\n  return { type: ActionTypes.REGISTER_DOCUMENT, payload: { documentKey: document.key, document } }\n}\n\nexport function unregisterDocument(documentKey: string): UnregisterDocumentAction {\n  return { type: ActionTypes.UNREGISTER_DOCUMENT, payload: { documentKey } }\n}\n\nexport function registerBuilderDocument(document: Document): RegisterBuilderDocumentAction {\n  return {\n    type: ActionTypes.REGISTER_BUILDER_DOCUMENT,\n    payload: { documentKey: document.key, document },\n  }\n}\n\nexport function unregisterBuilderDocument(documentKey: string): UnregisterBuilderDocumentAction {\n  return { type: ActionTypes.UNREGISTER_BUILDER_DOCUMENT, payload: { documentKey } }\n}\n\nexport function registerDocumentEffect(\n  document: Document,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerDocument(document))\n\n    return () => {\n      dispatch(unregisterDocument(document.key))\n    }\n  }\n}\n\nexport function changeDocument(documentKey: string, operation: Operation): ChangeDocumentAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT, payload: { documentKey, operation } }\n}\n\nexport function registerComponent(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): RegisterComponentAction {\n  return {\n    type: ActionTypes.REGISTER_COMPONENT,\n    payload: { type, meta, propControllerDescriptors },\n  }\n}\n\nexport function unregisterComponent(type: string): UnregisterComponentAction {\n  return { type: ActionTypes.UNREGISTER_COMPONENT, payload: { type } }\n}\n\nexport function registerComponentEffect(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerComponent(type, meta, propControllerDescriptors))\n\n    return () => {\n      dispatch(unregisterComponent(type))\n    }\n  }\n}\n\nexport function registerBuilderComponent(\n  type: string,\n  meta: ComponentMeta,\n  serializedControls: Record<string, SerializedControl>,\n): RegisterBuilderComponentAction {\n  return {\n    type: ActionTypes.REGISTER_BUILDER_COMPONENT,\n    payload: { type, meta, serializedControls },\n  }\n}\n\nexport function unregisterBuilderComponent(type: string): UnregisterBuilderComponentAction {\n  return { type: ActionTypes.UNREGISTER_BUILDER_COMPONENT, payload: { type } }\n}\n\nfunction registerReactComponent(\n  type: string,\n  component: ComponentType,\n): RegisterReactComponentAction {\n  return { type: ActionTypes.REGISTER_REACT_COMPONENT, payload: { type, component } }\n}\n\nfunction unregisterReactComponent(type: string): UnregisterReactComponentAction {\n  return { type: ActionTypes.UNREGISTER_REACT_COMPONENT, payload: { type } }\n}\n\nexport function registerReactComponentEffect(\n  type: string,\n  component: ComponentType,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerReactComponent(type, component))\n\n    return () => {\n      dispatch(unregisterReactComponent(type))\n    }\n  }\n}\n\nexport function mountComponent(documentKey: string, elementKey: string): MountComponentAction {\n  return { type: ActionTypes.MOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function unmountComponent(documentKey: string, elementKey: string): UnmountComponentAction {\n  return { type: ActionTypes.UNMOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function mountComponentEffect(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(mountComponent(documentKey, elementKey))\n\n    return () => {\n      dispatch(unmountComponent(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerComponentHandle(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: ElementImperativeHandle,\n): RegisterComponentHandleAction {\n  return {\n    type: ActionTypes.REGISTER_COMPONENT_HANDLE,\n    payload: { documentKey, elementKey, componentHandle },\n  }\n}\n\nfunction unregisterComponentHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterComponentHandleAction {\n  return { type: ActionTypes.UNREGISTER_COMPONENT_HANDLE, payload: { documentKey, elementKey } }\n}\n\nexport function registerComponentHandleEffect(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: ElementImperativeHandle,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerComponentHandle(documentKey, elementKey, componentHandle))\n\n    return () => {\n      dispatch(unregisterComponentHandle(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerMeasurable(\n  documentKey: string,\n  elementKey: string,\n  measurable: Measurable,\n): RegisterMeasurableAction {\n  return { type: ActionTypes.REGISTER_MEASURABLE, payload: { documentKey, elementKey, measurable } }\n}\n\nexport function unregisterMeasurable(\n  documentKey: string,\n  elementKey: string,\n): UnregisterMeasurableAction {\n  return { type: ActionTypes.UNREGISTER_MEASURABLE, payload: { documentKey, elementKey } }\n}\n\nexport function registerMeasurableEffect(\n  documentKey: string,\n  elementKey: string,\n  measurable: Measurable,\n): ThunkAction<() => void, unknown, unknown, Action> {\n  return dispatch => {\n    dispatch(registerMeasurable(documentKey, elementKey, measurable))\n\n    return () => {\n      dispatch(unregisterMeasurable(documentKey, elementKey))\n    }\n  }\n}\n\nexport function changeElementBoxModels(\n  changedElementBoxModels: Map<string, Map<string, BoxModel | null>>,\n): ChangeElementBoxModelsAction {\n  return { type: ActionTypes.CHANGE_ELEMENT_BOX_MODELS, payload: { changedElementBoxModels } }\n}\n\nexport function changeDocumentElementSize(size: Size): ChangeDocumentElementSizeAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE, payload: { size } }\n}\n\nexport function changeDocumentElementScrollTop(\n  scrollTop: number,\n): ChangeDocumentElementScrollTopAction {\n  return { type: ActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP, payload: { scrollTop } }\n}\n\nexport function scrollDocumentElement(scrollTopDelta: number): ScrollDocumentElementAction {\n  return { type: ActionTypes.SCROLL_DOCUMENT_ELEMENT, payload: { scrollTopDelta } }\n}\n\nexport function registerPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n  handle: PropControllersHandle,\n): RegisterPropControllersHandleAction {\n  return {\n    type: ActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey, handle },\n  }\n}\n\nexport function unregisterPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersHandleAction {\n  return {\n    type: ActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey },\n  }\n}\n\nexport function registerPropControllers(\n  documentKey: string,\n  elementKey: string,\n  propControllers: Record<string, PropController>,\n): RegisterPropControllersAction {\n  return {\n    type: ActionTypes.REGISTER_PROP_CONTROLLERS,\n    payload: { documentKey, elementKey, propControllers },\n  }\n}\n\nexport function unregisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersAction {\n  return { type: ActionTypes.UNREGISTER_PROP_CONTROLLERS, payload: { documentKey, elementKey } }\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: ActionTypes.MESSAGE_HOST_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function messageBuilderPropController<T>(\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n  message: T,\n): MessageBuilderPropControllerAction<T> {\n  return {\n    type: ActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function changeApiResource(resource: APIResource): ChangeAPIResourceAction {\n  return { type: ActionTypes.CHANGE_API_RESOURCE, payload: { resource } }\n}\n\nexport function evictApiResource(id: string): EvictAPIResourceAction {\n  return { type: ActionTypes.EVICT_API_RESOURCE, payload: { id } }\n}\n\nexport function setIsInBuilder(isInBuilder: boolean): SetIsInBuilderAction {\n  return { type: ActionTypes.SET_IS_IN_BUILDER, payload: isInBuilder }\n}\n\nexport function handleWheel(payload: { deltaX: number; deltaY: number }): HandleWheelAction {\n  return { type: ActionTypes.HANDLE_WHEEL, payload }\n}\n\nexport function handlePointerMove(payload: {\n  clientX: number\n  clientY: number\n}): HandlePointerMoveAction {\n  return { type: ActionTypes.HANDLE_POINTER_MOVE, payload }\n}\n\nexport function apiResourceFulfilled(\n  resourceType: APIResourceType,\n  resourceId: string,\n  resource: APIResource | null,\n): APIResourceFulfilledAction {\n  return {\n    type: ActionTypes.API_RESOURCE_FULFILLED,\n    payload: { resourceType, resourceId, resource },\n  }\n}\n\nexport function setBuilderEditMode(editMode: BuilderEditMode): SetBuilderEditModeAction {\n  return {\n    type: ActionTypes.SET_BUILDER_EDIT_MODE,\n    payload: { editMode },\n  }\n}\n\nexport function builderPointerMove(pointer: Point | null): BuilderPointerMoveAction {\n  return { type: ActionTypes.BUILDER_POINTER_MOVE, payload: { pointer } }\n}\n\nexport function elementFromPointChange(\n  keys: {\n    documentKey: string\n    elementKey: string\n  } | null,\n): ElementFromPointChangeAction {\n  return { type: ActionTypes.ELEMENT_FROM_POINT_CHANGE, payload: { keys } }\n}\n\nexport function setBreakpoints(breakpoints: Breakpoints): SetBreakpointsAction {\n  return { type: ActionTypes.SET_BREAKPOINTS, payload: { breakpoints } }\n}\n\nexport function setLocale(locale: Intl.Locale, pathname?: string): SetLocaleAction {\n  return {\n    type: ActionTypes.SET_LOCALE,\n    payload: { locale: localeStringSchema.parse(locale.toString()), pathname },\n  }\n}\n\nexport function setLocalizedResourceId({\n  resourceId,\n  localizedResourceId,\n}: {\n  resourceId: string\n  localizedResourceId: string | null\n}): SetLocalizedResourceIdAction {\n  return {\n    type: ActionTypes.SET_LOCALIZED_RESOURCE_ID,\n    payload: { resourceId, localizedResourceId },\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/state/modules/read-write-documents.js

@@ -27,6 +27,9 @@ function getReadOnlyDocumentsStateSlice(state) {
 function getDocument(state, documentKey) {
   return ReadOnlyDocuments.getDocument(getReadOnlyDocumentsStateSlice(state), documentKey);
 }
+function getDocuments(state) {
+  return ReadOnlyDocuments.getDocuments(getReadOnlyDocumentsStateSlice(state));
+}
 function reducer(state = getInitialState(), action) {
   const nextState = ReadOnlyDocuments.reducer(state, action);
   switch (action.type) {
@@ -46,6 +49,7 @@ function reducer(state = getInitialState(), action) {
 }
 export {
   getDocument,
+  getDocuments,
   getInitialState,
   isElementReference,
   reducer

package/dist/esm/state/modules/read-write-documents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/modules/read-write-documents.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"],"mappings":"AACA,SAAS,UAAU,aAAa;AAEhC,YAAY,uBAAuB;AACnC,SAAiB,mBAAmB;AAGpC,SAAS,0BAA0B;AAGnC,SAAS,MAAM,MAAiC,WAAiD;AAC/F,MAAI,UAAU;AAEd,YAAU,QAAQ,eAAa;AAE7B,QAAI,UAAU,MAAM;AAAM,gBAAU,SAAS,SAAS,UAAU,CAAC;AAGjE,QAAI,UAAU,MAAM;AAAM,gBAAU,SAAS,SAAS,UAAU,CAAC;AAGjE,QAAI,UAAU,MAAM;AAAM,gBAAU,MAAM,SAAS,UAAU,GAAG,UAAU,EAAE;AAG5E,QAAI,UAAU,MAAM;AAAM,gBAAU,MAAM,SAAS,UAAU,GAAG,UAAU,EAAE;AAAA,EAC9E,CAAC;AAED,SAAO;AACT;AAIO,SAAS,gBAAgB;AAAA,EAC9B;AACF,IAEI,CAAC,GAAU;AACb,SAAO,kBAAkB,gBAAgB,EAAE,aAAa,CAAC;AAC3D;AAEA,SAAS,+BAA+B,OAAuC;AAC7E,SAAO;AACT;AAEO,SAAS,YAAY,OAAc,aAAwD;AAChG,SAAO,kBAAkB,YAAY,+BAA+B,KAAK,GAAG,WAAW;AACzF;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuB;AAC/E,QAAM,YAAY,kBAAkB,QAAQ,OAAO,MAAM;AAEzD,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY,iBAAiB;AAChC,YAAM,qBAAqB,YAAY,WAAW,OAAO,QAAQ,WAAW,GAAG;AAE/E,UAAI,sBAAsB;AAAM,eAAO;AAEvC,YAAM,kBAAkB,MAAM,oBAAoB,OAAO,QAAQ,SAAS;AAE1E,aAAO,uBAAuB,kBAC1B,YACA,IAAI,IAAI,SAAS,EAAE;AAAA,QACjB,OAAO,QAAQ;AAAA,QACf,kBAAkB,eAAe,OAAO,QAAQ,aAAa,eAAe;AAAA,MAC9E;AAAA,IACN;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/state/modules/read-write-documents.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 getDocuments(state: State): ReadOnlyDocuments.State {\n  return ReadOnlyDocuments.getDocuments(getReadOnlyDocumentsStateSlice(state))\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"],"mappings":"AACA,SAAS,UAAU,aAAa;AAEhC,YAAY,uBAAuB;AACnC,SAAiB,mBAAmB;AAGpC,SAAS,0BAA0B;AAGnC,SAAS,MAAM,MAAiC,WAAiD;AAC/F,MAAI,UAAU;AAEd,YAAU,QAAQ,eAAa;AAE7B,QAAI,UAAU,MAAM;AAAM,gBAAU,SAAS,SAAS,UAAU,CAAC;AAGjE,QAAI,UAAU,MAAM;AAAM,gBAAU,SAAS,SAAS,UAAU,CAAC;AAGjE,QAAI,UAAU,MAAM;AAAM,gBAAU,MAAM,SAAS,UAAU,GAAG,UAAU,EAAE;AAG5E,QAAI,UAAU,MAAM;AAAM,gBAAU,MAAM,SAAS,UAAU,GAAG,UAAU,EAAE;AAAA,EAC9E,CAAC;AAED,SAAO;AACT;AAIO,SAAS,gBAAgB;AAAA,EAC9B;AACF,IAEI,CAAC,GAAU;AACb,SAAO,kBAAkB,gBAAgB,EAAE,aAAa,CAAC;AAC3D;AAEA,SAAS,+BAA+B,OAAuC;AAC7E,SAAO;AACT;AAEO,SAAS,YAAY,OAAc,aAAwD;AAChG,SAAO,kBAAkB,YAAY,+BAA+B,KAAK,GAAG,WAAW;AACzF;AAEO,SAAS,aAAa,OAAuC;AAClE,SAAO,kBAAkB,aAAa,+BAA+B,KAAK,CAAC;AAC7E;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuB;AAC/E,QAAM,YAAY,kBAAkB,QAAQ,OAAO,MAAM;AAEzD,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY,iBAAiB;AAChC,YAAM,qBAAqB,YAAY,WAAW,OAAO,QAAQ,WAAW,GAAG;AAE/E,UAAI,sBAAsB;AAAM,eAAO;AAEvC,YAAM,kBAAkB,MAAM,oBAAoB,OAAO,QAAQ,SAAS;AAE1E,aAAO,uBAAuB,kBAC1B,YACA,IAAI,IAAI,SAAS,EAAE;AAAA,QACjB,OAAO,QAAQ;AAAA,QACf,kBAAkB,eAAe,OAAO,QAAQ,aAAa,eAAe;AAAA,MAC9E;AAAA,IACN;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

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

@@ -36,7 +36,8 @@ import {
   unregisterBuilderComponent,
   unregisterComponent,
   unregisterMeasurable,
-  unregisterPropControllers
+  unregisterPropControllers,
+  registerBuilderDocument
 } from "./actions";
 import { ActionTypes } from "./actions";
 import { createPropController } from "../prop-controllers/instances";
@@ -56,6 +57,9 @@ const reducer = combineReducers({
   elementImperativeHandles: ElementImperativeHandles.reducer,
   breakpoints: Breakpoints.reducer
 });
+function getDocumentsStateSlice(state) {
+  return state.documents;
+}
 function getBoxModelsStateSlice(state) {
   return state.boxModels;
 }
@@ -309,8 +313,22 @@ function registerBuilderComponents() {
     };
   };
 }
+function registerBuilderDocuments() {
+  return (dispatch, getState) => {
+    const documents = Documents.getDocuments(getDocumentsStateSlice(getState()));
+    documents.forEach((document2) => {
+      dispatch(registerBuilderDocument(document2));
+    });
+    return () => {
+      documents.forEach((_document, documentKey) => {
+        dispatch(unregisterBuilderComponent(documentKey));
+      });
+    };
+  };
+}
 function initialize(channel) {
   return (dispatch, getState) => {
+    const unregisterBuilderDocuments = dispatch(registerBuilderDocuments());
     const stopMeasuringElements = dispatch(startMeasuringElements());
     const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement());
     const stopHandlingFocusEvent = dispatch(startHandlingFocusEvents());
@@ -323,6 +341,7 @@ function initialize(channel) {
     dispatch(setIsInBuilder(true));
     channel.dispatchBuffered();
     return () => {
+      unregisterBuilderDocuments();
       stopMeasuringElements();
       stopMeasuringDocumentElement();
       stopHandlingFocusEvent();
@@ -377,6 +396,8 @@ function messageChannelMiddleware(client, channel) {
         case ActionTypes.ELEMENT_FROM_POINT_CHANGE:
         case ActionTypes.SET_LOCALE:
         case ActionTypes.SET_BREAKPOINTS:
+        case ActionTypes.REGISTER_BUILDER_DOCUMENT:
+        case ActionTypes.UNREGISTER_BUILDER_DOCUMENT:
           channel.postMessage(action);
           break;
         case ActionTypes.REGISTER_COMPONENT: {