@makeswift/runtime 0.26.3 → 0.26.4-canary.1

package/dist/cjs/state/makeswift-api-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/makeswift-api-client.ts"],"sourcesContent":["import {\n  configureStore as configureReduxStore,\n  combineReducers,\n  type ThunkAction,\n  type ThunkMiddleware,\n  type ThunkDispatch,\n  UnknownAction,\n} from '@reduxjs/toolkit'\n\nimport * as APIResources from './modules/api-resources'\nimport * as LocalizedResourcesMap from './modules/localized-resources-map'\nimport { type Action, ActionTypes } from './actions'\nimport { apiResourceFulfilled } from './actions/internal'\nimport { setLocalizedResourceId } from './host-api'\nimport { actionMiddleware, middlewareOptions, devToolsConfig } from './toolkit'\n\nimport {\n  APIResourceType,\n  type APIResource,\n  type Swatch,\n  type File,\n  type Typography,\n  type GlobalElement,\n  type PagePathnameSlice,\n  type Table,\n  type LocalizedGlobalElement,\n  type APIResourceLocale,\n} from '../api'\n\nconst reducer = combineReducers({\n  apiResources: APIResources.reducer,\n  localizedResourcesMap: LocalizedResourcesMap.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\nexport type HttpFetch = (url: string | URL, init?: RequestInit) => Promise<Response>\n\nexport type SerializedState = {\n  apiResources: APIResources.SerializedState\n  localizedResourcesMap: LocalizedResourcesMap.SerializedState\n}\n\nfunction getLocalizedResourceId(\n  state: State,\n  locale: string,\n  resourceId: string,\n): string | undefined | null {\n  return LocalizedResourcesMap.getLocalizedResourceId(\n    state.localizedResourcesMap,\n    locale,\n    resourceId,\n  )\n}\n\nexport function getHasAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): boolean {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return false\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return (\n        localizedId != null &&\n        APIResources.getHasAPIResource(state.apiResources, resourceType, localizedId, locale)\n      )\n\n    default:\n      return APIResources.getHasAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): Extract<APIResource, { __typename: T }> | null {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return null\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return localizedId != null\n        ? APIResources.getAPIResource(state.apiResources, resourceType, localizedId, locale)\n        : null\n\n    default:\n      return APIResources.getAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\ntype Thunk<ReturnType> = ThunkAction<ReturnType, State, unknown, Action>\n\nexport function fetchAPIResource<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  fetch: HttpFetch,\n  locale?: APIResourceLocale<T>,\n): Thunk<Promise<Extract<APIResource, { __typename: T }> | null>> {\n  const fetchJson = async <T>(url: string): Promise<T | null> => {\n    const response = await fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    })\n\n    if (response.status === 404) return null\n    if (!response.ok) throw new Error(response.statusText)\n\n    if (response.headers.get('content-type')?.includes('application/json') !== true) {\n      throw new Error(\n        `Expected JSON response from \"${url}\" but got \"${response.headers.get('content-type')}\"`,\n      )\n    }\n\n    return response.json()\n  }\n\n  return async (dispatch, getState) => {\n    const state = getState()\n\n    if (getHasAPIResource(state, resourceType, resourceId, locale)) {\n      return getAPIResource(state, resourceType, resourceId, locale)\n    }\n\n    let resource: APIResource | null\n\n    switch (resourceType) {\n      case APIResourceType.Swatch:\n        resource = await fetchJson<Swatch>(`/api/makeswift/swatches/${resourceId}`)\n        break\n\n      case APIResourceType.File:\n        resource = await fetchJson<File>(`/api/makeswift/files/${resourceId}`)\n        break\n\n      case APIResourceType.Typography:\n        resource = await fetchJson<Typography>(`/api/makeswift/typographies/${resourceId}`)\n        break\n\n      case APIResourceType.GlobalElement:\n        resource = await fetchJson<GlobalElement>(`/api/makeswift/global-elements/${resourceId}`)\n        break\n\n      case APIResourceType.LocalizedGlobalElement: {\n        if (locale == null) throw new Error('Locale is required to fetch LocalizedGlobalElement')\n\n        // If `getLocalizedResourceId` returns null, it means we have tried to fetch the resource,\n        // but the resource is not available. If we haven't fetched it yet, it'll return undefined.\n        if (getLocalizedResourceId(state, locale, resourceId) === null) {\n          return null\n        }\n\n        resource = await fetchJson<LocalizedGlobalElement>(\n          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,\n        )\n\n        dispatch(\n          setLocalizedResourceId({\n            locale,\n            resourceId,\n            localizedResourceId: resource?.id ?? null,\n          }),\n        )\n\n        break\n      }\n\n      case APIResourceType.PagePathnameSlice: {\n        const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, 'http://n')\n\n        if (locale != null) url.searchParams.set('locale', locale)\n\n        resource = await fetchJson<PagePathnameSlice>(url.pathname + url.search)\n        break\n      }\n\n      case APIResourceType.Table:\n        resource = await fetchJson<Table>(`/api/makeswift/tables/${resourceId}`)\n        break\n\n      default:\n        resource = null\n    }\n\n    dispatch(apiResourceFulfilled(resourceType, resourceId, resource, locale))\n\n    return resource as Extract<APIResource, { __typename: T }> | null\n  }\n}\n\n// FIXME: this middleware can be removed once we've upgraded the builder\n// to always provide the locale when dispatching resource actions\nfunction defaultLocaleMiddleware(\n  defaultLocale: string | undefined,\n): ThunkMiddleware<State, UnknownAction> {\n  return actionMiddleware(() => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ActionTypes.CHANGE_API_RESOURCE:\n        case ActionTypes.EVICT_API_RESOURCE:\n        case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {\n          const { locale } = action.payload\n          return next({\n            ...action,\n            payload: { ...action.payload, locale: locale ?? defaultLocale },\n          } as Action)\n        }\n      }\n\n      return next(action)\n    }\n  })\n}\n\nexport function configureStore({\n  defaultLocale,\n  serializedState,\n}: {\n  defaultLocale: string | undefined\n  serializedState?: SerializedState\n}) {\n  return configureReduxStore({\n    reducer,\n    preloadedState: {\n      apiResources: APIResources.getInitialState(serializedState?.apiResources),\n      localizedResourcesMap: LocalizedResourcesMap.getInitialState(\n        serializedState?.localizedResourcesMap,\n      ),\n    },\n\n    middleware: getDefaultMiddleware =>\n      getDefaultMiddleware(middlewareOptions).concat(defaultLocaleMiddleware(defaultLocale)),\n\n    devTools: devToolsConfig({\n      name: `API client store (${new Date().toISOString()})`,\n      actionsDenylist: [\n        ActionTypes.BUILDER_POINTER_MOVE,\n        ActionTypes.HANDLE_POINTER_MOVE,\n        ActionTypes.ELEMENT_FROM_POINT_CHANGE,\n      ],\n    }),\n  })\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAOO;AAEP,mBAA8B;AAC9B,4BAAuC;AACvC,qBAAyC;AACzC,sBAAqC;AACrC,sBAAuC;AACvC,IAAAA,kBAAoE;AAEpE,iBAWO;AAEP,MAAM,cAAU,gCAAgB;AAAA,EAC9B,cAAc,aAAa;AAAA,EAC3B,uBAAuB,sBAAsB;AAC/C,CAAC;AAWD,SAAS,uBACP,OACA,QACA,YAC2B;AAC3B,SAAO,sBAAsB;AAAA,IAC3B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,kBACd,OACA,cACA,YACA,QACS;AACT,UAAQ,cAAc;AAAA,IACpB,KAAK,2BAAgB;AACnB,UAAI,UAAU,MAAM;AAClB,gBAAQ,MAAM,qBAAqB,YAAY,IAAI,UAAU,mBAAmB;AAChF,eAAO;AAAA,MACT;AAEA,YAAM,cAAc,uBAAuB,OAAO,QAAQ,UAAU;AACpE,aACE,eAAe,QACf,aAAa,kBAAkB,MAAM,cAAc,cAAc,aAAa,MAAM;AAAA,IAGxF;AACE,aAAO,aAAa,kBAAkB,MAAM,cAAc,cAAc,YAAY,MAAM;AAAA,EAC9F;AACF;AAEO,SAAS,eACd,OACA,cACA,YACA,QACgD;AAChD,UAAQ,cAAc;AAAA,IACpB,KAAK,2BAAgB;AACnB,UAAI,UAAU,MAAM;AAClB,gBAAQ,MAAM,qBAAqB,YAAY,IAAI,UAAU,mBAAmB;AAChF,eAAO;AAAA,MACT;AAEA,YAAM,cAAc,uBAAuB,OAAO,QAAQ,UAAU;AACpE,aAAO,eAAe,OAClB,aAAa,eAAe,MAAM,cAAc,cAAc,aAAa,MAAM,IACjF;AAAA,IAEN;AACE,aAAO,aAAa,eAAe,MAAM,cAAc,cAAc,YAAY,MAAM;AAAA,EAC3F;AACF;AAIO,SAAS,iBACd,cACA,YACA,OACA,QACgE;AAChE,QAAM,YAAY,OAAU,QAAmC;AAC7D,UAAM,WAAW,MAAM,MAAM,KAAK;AAAA,MAChC,SAAS;AAAA,QACP,gBAAgB;AAAA,MAClB;AAAA,IACF,CAAC;AAED,QAAI,SAAS,WAAW;AAAK,aAAO;AACpC,QAAI,CAAC,SAAS;AAAI,YAAM,IAAI,MAAM,SAAS,UAAU;AAErD,QAAI,SAAS,QAAQ,IAAI,cAAc,GAAG,SAAS,kBAAkB,MAAM,MAAM;AAC/E,YAAM,IAAI;AAAA,QACR,gCAAgC,GAAG,cAAc,SAAS,QAAQ,IAAI,cAAc,CAAC;AAAA,MACvF;AAAA,IACF;AAEA,WAAO,SAAS,KAAK;AAAA,EACvB;AAEA,SAAO,OAAO,UAAU,aAAa;AACnC,UAAM,QAAQ,SAAS;AAEvB,QAAI,kBAAkB,OAAO,cAAc,YAAY,MAAM,GAAG;AAC9D,aAAO,eAAe,OAAO,cAAc,YAAY,MAAM;AAAA,IAC/D;AAEA,QAAI;AAEJ,YAAQ,cAAc;AAAA,MACpB,KAAK,2BAAgB;AACnB,mBAAW,MAAM,UAAkB,2BAA2B,UAAU,EAAE;AAC1E;AAAA,MAEF,KAAK,2BAAgB;AACnB,mBAAW,MAAM,UAAgB,wBAAwB,UAAU,EAAE;AACrE;AAAA,MAEF,KAAK,2BAAgB;AACnB,mBAAW,MAAM,UAAsB,+BAA+B,UAAU,EAAE;AAClF;AAAA,MAEF,KAAK,2BAAgB;AACnB,mBAAW,MAAM,UAAyB,kCAAkC,UAAU,EAAE;AACxF;AAAA,MAEF,KAAK,2BAAgB,wBAAwB;AAC3C,YAAI,UAAU;AAAM,gBAAM,IAAI,MAAM,oDAAoD;AAIxF,YAAI,uBAAuB,OAAO,QAAQ,UAAU,MAAM,MAAM;AAC9D,iBAAO;AAAA,QACT;AAEA,mBAAW,MAAM;AAAA,UACf,4CAA4C,UAAU,IAAI,MAAM;AAAA,QAClE;AAEA;AAAA,cACE,wCAAuB;AAAA,YACrB;AAAA,YACA;AAAA,YACA,qBAAqB,UAAU,MAAM;AAAA,UACvC,CAAC;AAAA,QACH;AAEA;AAAA,MACF;AAAA,MAEA,KAAK,2BAAgB,mBAAmB;AACtC,cAAM,MAAM,IAAI,IAAI,uCAAuC,UAAU,IAAI,UAAU;AAEnF,YAAI,UAAU;AAAM,cAAI,aAAa,IAAI,UAAU,MAAM;AAEzD,mBAAW,MAAM,UAA6B,IAAI,WAAW,IAAI,MAAM;AACvE;AAAA,MACF;AAAA,MAEA,KAAK,2BAAgB;AACnB,mBAAW,MAAM,UAAiB,yBAAyB,UAAU,EAAE;AACvE;AAAA,MAEF;AACE,mBAAW;AAAA,IACf;AAEA,iBAAS,sCAAqB,cAAc,YAAY,UAAU,MAAM,CAAC;AAEzE,WAAO;AAAA,EACT;AACF;AAIA,SAAS,wBACP,eACuC;AACvC,aAAO,kCAAiB,MAAM,UAAQ;AACpC,WAAO,CAAC,WAAmB;AACzB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,2BAAY;AAAA,QACjB,KAAK,2BAAY;AAAA,QACjB,KAAK,2BAAY,2BAA2B;AAC1C,gBAAM,EAAE,OAAO,IAAI,OAAO;AAC1B,iBAAO,KAAK;AAAA,YACV,GAAG;AAAA,YACH,SAAS,EAAE,GAAG,OAAO,SAAS,QAAQ,UAAU,cAAc;AAAA,UAChE,CAAW;AAAA,QACb;AAAA,MACF;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,aAAO,eAAAC,gBAAoB;AAAA,IACzB;AAAA,IACA,gBAAgB;AAAA,MACd,cAAc,aAAa,gBAAgB,iBAAiB,YAAY;AAAA,MACxE,uBAAuB,sBAAsB;AAAA,QAC3C,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY,0BACV,qBAAqB,iCAAiB,EAAE,OAAO,wBAAwB,aAAa,CAAC;AAAA,IAEvF,cAAU,gCAAe;AAAA,MACvB,MAAM,sBAAqB,oBAAI,KAAK,GAAE,YAAY,CAAC;AAAA,MACnD,iBAAiB;AAAA,QACf,2BAAY;AAAA,QACZ,2BAAY;AAAA,QACZ,2BAAY;AAAA,MACd;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;","names":["import_toolkit","configureReduxStore"]}
+{"version":3,"sources":["../../../src/state/makeswift-api-client.ts"],"sourcesContent":["import {\n  configureStore as configureReduxStore,\n  combineReducers,\n  type ThunkAction,\n  type ThunkMiddleware,\n  type ThunkDispatch,\n  UnknownAction,\n} from '@reduxjs/toolkit'\n\nimport { type SiteVersion, ApiHandlerHeaders, serializeSiteVersion } from '../api/site-version'\n\nimport * as SiteVersionState from './modules/site-version'\nimport * as LocaleState from './modules/locale'\nimport * as APIResources from './modules/api-resources'\nimport * as LocalizedResourcesMap from './modules/localized-resources-map'\n\nimport { type Action, ActionTypes } from './actions'\nimport { apiResourceFulfilled } from './actions/internal/read-only-actions'\nimport { setLocalizedResourceId } from './host-api'\nimport { actionMiddleware, middlewareOptions, devToolsConfig } from './toolkit'\n\nimport {\n  APIResourceType,\n  type APIResource,\n  type Swatch,\n  type File,\n  type Typography,\n  type GlobalElement,\n  type PagePathnameSlice,\n  type Table,\n  type LocalizedGlobalElement,\n  type APIResourceLocale,\n} from '../api'\n\nconst reducer = combineReducers({\n  siteVersion: SiteVersionState.reducer,\n  locale: LocaleState.reducer,\n  apiResources: APIResources.reducer,\n  localizedResourcesMap: LocalizedResourcesMap.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\nexport type HttpFetch = (url: string | URL, init?: RequestInit) => Promise<Response>\n\nexport type SerializedState = {\n  apiResources: APIResources.SerializedState\n  localizedResourcesMap: LocalizedResourcesMap.SerializedState\n}\n\nfunction getLocalizedResourceId(\n  state: State,\n  locale: string,\n  resourceId: string,\n): string | undefined | null {\n  return LocalizedResourcesMap.getLocalizedResourceId(\n    state.localizedResourcesMap,\n    locale,\n    resourceId,\n  )\n}\n\nexport function getHasAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): boolean {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return false\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return (\n        localizedId != null &&\n        APIResources.getHasAPIResource(state.apiResources, resourceType, localizedId, locale)\n      )\n\n    default:\n      return APIResources.getHasAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): Extract<APIResource, { __typename: T }> | null {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return null\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return localizedId != null\n        ? APIResources.getAPIResource(state.apiResources, resourceType, localizedId, locale)\n        : null\n\n    default:\n      return APIResources.getAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\ntype Thunk<ReturnType> = ThunkAction<ReturnType, State, unknown, Action>\n\nexport function fetchAPIResource<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  fetch: HttpFetch,\n  locale?: APIResourceLocale<T>,\n): Thunk<Promise<Extract<APIResource, { __typename: T }> | null>> {\n  const fetchVersioned = async <T>(url: string, version: SiteVersion | null): Promise<T | null> => {\n    const response = await fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n        ...(version != null\n          ? { [ApiHandlerHeaders.SiteVersion]: serializeSiteVersion(version) }\n          : {}),\n      },\n    })\n\n    if (response.status === 404) return null\n    if (!response.ok) throw new Error(response.statusText)\n\n    if (response.headers.get('content-type')?.includes('application/json') !== true) {\n      throw new Error(\n        `Expected JSON response from \"${url}\" but got \"${response.headers.get('content-type')}\"`,\n      )\n    }\n\n    return response.json()\n  }\n\n  return async (dispatch, getState) => {\n    const state = getState()\n    const version = SiteVersionState.getSiteVersion(state.siteVersion)\n\n    if (getHasAPIResource(state, resourceType, resourceId, locale)) {\n      return getAPIResource(state, resourceType, resourceId, locale)\n    }\n\n    let resource: APIResource | null\n\n    switch (resourceType) {\n      case APIResourceType.Swatch:\n        resource = await fetchVersioned<Swatch>(`/api/makeswift/swatches/${resourceId}`, version)\n        break\n\n      case APIResourceType.File:\n        resource = await fetchVersioned<File>(`/api/makeswift/files/${resourceId}`, version)\n        break\n\n      case APIResourceType.Typography:\n        resource = await fetchVersioned<Typography>(\n          `/api/makeswift/typographies/${resourceId}`,\n          version,\n        )\n        break\n\n      case APIResourceType.GlobalElement:\n        resource = await fetchVersioned<GlobalElement>(\n          `/api/makeswift/global-elements/${resourceId}`,\n          version,\n        )\n        break\n\n      case APIResourceType.LocalizedGlobalElement: {\n        if (locale == null) throw new Error('Locale is required to fetch LocalizedGlobalElement')\n\n        // If `getLocalizedResourceId` returns null, it means we have tried to fetch the resource,\n        // but the resource is not available. If we haven't fetched it yet, it'll return undefined.\n        if (getLocalizedResourceId(state, locale, resourceId) === null) {\n          return null\n        }\n\n        resource = await fetchVersioned<LocalizedGlobalElement>(\n          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,\n          version,\n        )\n\n        dispatch(\n          setLocalizedResourceId({\n            locale,\n            resourceId,\n            localizedResourceId: resource?.id ?? null,\n          }),\n        )\n\n        break\n      }\n\n      case APIResourceType.PagePathnameSlice: {\n        const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, 'http://n')\n\n        if (locale != null) url.searchParams.set('locale', locale)\n\n        resource = await fetchVersioned<PagePathnameSlice>(url.pathname + url.search, version)\n        break\n      }\n\n      case APIResourceType.Table:\n        resource = await fetchVersioned<Table>(`/api/makeswift/tables/${resourceId}`, version)\n        break\n\n      default:\n        resource = null\n    }\n\n    dispatch(apiResourceFulfilled(resourceType, resourceId, resource, locale))\n\n    return resource as Extract<APIResource, { __typename: T }> | null\n  }\n}\n\n// FIXME: this middleware can be removed once we've upgraded the builder\n// to always provide the locale when dispatching resource actions\nfunction defaultLocaleMiddleware(): ThunkMiddleware<State, UnknownAction> {\n  return actionMiddleware(({ getState }) => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ActionTypes.CHANGE_API_RESOURCE:\n        case ActionTypes.EVICT_API_RESOURCE:\n        case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {\n          const { locale } = action.payload\n          return next({\n            ...action,\n            payload: {\n              ...action.payload,\n              locale: locale ?? LocaleState.getLocale(getState().locale),\n            },\n          } as Action)\n        }\n      }\n\n      return next(action)\n    }\n  })\n}\n\nexport function configureStore({ serializedState }: { serializedState?: SerializedState }) {\n  return configureReduxStore({\n    reducer,\n    preloadedState: {\n      apiResources: APIResources.getInitialState(serializedState?.apiResources),\n      localizedResourcesMap: LocalizedResourcesMap.getInitialState(\n        serializedState?.localizedResourcesMap,\n      ),\n    },\n\n    middleware: getDefaultMiddleware =>\n      getDefaultMiddleware(middlewareOptions).concat(defaultLocaleMiddleware()),\n\n    devTools: devToolsConfig({\n      name: `API client store (${new Date().toISOString()})`,\n      actionsDenylist: [\n        ActionTypes.BUILDER_POINTER_MOVE,\n        ActionTypes.HANDLE_POINTER_MOVE,\n        ActionTypes.ELEMENT_FROM_POINT_CHANGE,\n      ],\n    }),\n  })\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAOO;AAEP,0BAA0E;AAE1E,uBAAkC;AAClC,kBAA6B;AAC7B,mBAA8B;AAC9B,4BAAuC;AAEvC,qBAAyC;AACzC,+BAAqC;AACrC,sBAAuC;AACvC,IAAAA,kBAAoE;AAEpE,iBAWO;AAEP,MAAM,cAAU,gCAAgB;AAAA,EAC9B,aAAa,iBAAiB;AAAA,EAC9B,QAAQ,YAAY;AAAA,EACpB,cAAc,aAAa;AAAA,EAC3B,uBAAuB,sBAAsB;AAC/C,CAAC;AAWD,SAAS,uBACP,OACA,QACA,YAC2B;AAC3B,SAAO,sBAAsB;AAAA,IAC3B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,kBACd,OACA,cACA,YACA,QACS;AACT,UAAQ,cAAc;AAAA,IACpB,KAAK,2BAAgB;AACnB,UAAI,UAAU,MAAM;AAClB,gBAAQ,MAAM,qBAAqB,YAAY,IAAI,UAAU,mBAAmB;AAChF,eAAO;AAAA,MACT;AAEA,YAAM,cAAc,uBAAuB,OAAO,QAAQ,UAAU;AACpE,aACE,eAAe,QACf,aAAa,kBAAkB,MAAM,cAAc,cAAc,aAAa,MAAM;AAAA,IAGxF;AACE,aAAO,aAAa,kBAAkB,MAAM,cAAc,cAAc,YAAY,MAAM;AAAA,EAC9F;AACF;AAEO,SAAS,eACd,OACA,cACA,YACA,QACgD;AAChD,UAAQ,cAAc;AAAA,IACpB,KAAK,2BAAgB;AACnB,UAAI,UAAU,MAAM;AAClB,gBAAQ,MAAM,qBAAqB,YAAY,IAAI,UAAU,mBAAmB;AAChF,eAAO;AAAA,MACT;AAEA,YAAM,cAAc,uBAAuB,OAAO,QAAQ,UAAU;AACpE,aAAO,eAAe,OAClB,aAAa,eAAe,MAAM,cAAc,cAAc,aAAa,MAAM,IACjF;AAAA,IAEN;AACE,aAAO,aAAa,eAAe,MAAM,cAAc,cAAc,YAAY,MAAM;AAAA,EAC3F;AACF;AAIO,SAAS,iBACd,cACA,YACA,OACA,QACgE;AAChE,QAAM,iBAAiB,OAAU,KAAa,YAAmD;AAC/F,UAAM,WAAW,MAAM,MAAM,KAAK;AAAA,MAChC,SAAS;AAAA,QACP,gBAAgB;AAAA,QAChB,GAAI,WAAW,OACX,EAAE,CAAC,sCAAkB,WAAW,OAAG,0CAAqB,OAAO,EAAE,IACjE,CAAC;AAAA,MACP;AAAA,IACF,CAAC;AAED,QAAI,SAAS,WAAW;AAAK,aAAO;AACpC,QAAI,CAAC,SAAS;AAAI,YAAM,IAAI,MAAM,SAAS,UAAU;AAErD,QAAI,SAAS,QAAQ,IAAI,cAAc,GAAG,SAAS,kBAAkB,MAAM,MAAM;AAC/E,YAAM,IAAI;AAAA,QACR,gCAAgC,GAAG,cAAc,SAAS,QAAQ,IAAI,cAAc,CAAC;AAAA,MACvF;AAAA,IACF;AAEA,WAAO,SAAS,KAAK;AAAA,EACvB;AAEA,SAAO,OAAO,UAAU,aAAa;AACnC,UAAM,QAAQ,SAAS;AACvB,UAAM,UAAU,iBAAiB,eAAe,MAAM,WAAW;AAEjE,QAAI,kBAAkB,OAAO,cAAc,YAAY,MAAM,GAAG;AAC9D,aAAO,eAAe,OAAO,cAAc,YAAY,MAAM;AAAA,IAC/D;AAEA,QAAI;AAEJ,YAAQ,cAAc;AAAA,MACpB,KAAK,2BAAgB;AACnB,mBAAW,MAAM,eAAuB,2BAA2B,UAAU,IAAI,OAAO;AACxF;AAAA,MAEF,KAAK,2BAAgB;AACnB,mBAAW,MAAM,eAAqB,wBAAwB,UAAU,IAAI,OAAO;AACnF;AAAA,MAEF,KAAK,2BAAgB;AACnB,mBAAW,MAAM;AAAA,UACf,+BAA+B,UAAU;AAAA,UACzC;AAAA,QACF;AACA;AAAA,MAEF,KAAK,2BAAgB;AACnB,mBAAW,MAAM;AAAA,UACf,kCAAkC,UAAU;AAAA,UAC5C;AAAA,QACF;AACA;AAAA,MAEF,KAAK,2BAAgB,wBAAwB;AAC3C,YAAI,UAAU;AAAM,gBAAM,IAAI,MAAM,oDAAoD;AAIxF,YAAI,uBAAuB,OAAO,QAAQ,UAAU,MAAM,MAAM;AAC9D,iBAAO;AAAA,QACT;AAEA,mBAAW,MAAM;AAAA,UACf,4CAA4C,UAAU,IAAI,MAAM;AAAA,UAChE;AAAA,QACF;AAEA;AAAA,cACE,wCAAuB;AAAA,YACrB;AAAA,YACA;AAAA,YACA,qBAAqB,UAAU,MAAM;AAAA,UACvC,CAAC;AAAA,QACH;AAEA;AAAA,MACF;AAAA,MAEA,KAAK,2BAAgB,mBAAmB;AACtC,cAAM,MAAM,IAAI,IAAI,uCAAuC,UAAU,IAAI,UAAU;AAEnF,YAAI,UAAU;AAAM,cAAI,aAAa,IAAI,UAAU,MAAM;AAEzD,mBAAW,MAAM,eAAkC,IAAI,WAAW,IAAI,QAAQ,OAAO;AACrF;AAAA,MACF;AAAA,MAEA,KAAK,2BAAgB;AACnB,mBAAW,MAAM,eAAsB,yBAAyB,UAAU,IAAI,OAAO;AACrF;AAAA,MAEF;AACE,mBAAW;AAAA,IACf;AAEA,iBAAS,+CAAqB,cAAc,YAAY,UAAU,MAAM,CAAC;AAEzE,WAAO;AAAA,EACT;AACF;AAIA,SAAS,0BAAiE;AACxE,aAAO,kCAAiB,CAAC,EAAE,SAAS,MAAM,UAAQ;AAChD,WAAO,CAAC,WAAmB;AACzB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,2BAAY;AAAA,QACjB,KAAK,2BAAY;AAAA,QACjB,KAAK,2BAAY,2BAA2B;AAC1C,gBAAM,EAAE,OAAO,IAAI,OAAO;AAC1B,iBAAO,KAAK;AAAA,YACV,GAAG;AAAA,YACH,SAAS;AAAA,cACP,GAAG,OAAO;AAAA,cACV,QAAQ,UAAU,YAAY,UAAU,SAAS,EAAE,MAAM;AAAA,YAC3D;AAAA,UACF,CAAW;AAAA,QACb;AAAA,MACF;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;AAEO,SAAS,eAAe,EAAE,gBAAgB,GAA0C;AACzF,aAAO,eAAAC,gBAAoB;AAAA,IACzB;AAAA,IACA,gBAAgB;AAAA,MACd,cAAc,aAAa,gBAAgB,iBAAiB,YAAY;AAAA,MACxE,uBAAuB,sBAAsB;AAAA,QAC3C,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY,0BACV,qBAAqB,iCAAiB,EAAE,OAAO,wBAAwB,CAAC;AAAA,IAE1E,cAAU,gCAAe;AAAA,MACvB,MAAM,sBAAqB,oBAAI,KAAK,GAAE,YAAY,CAAC;AAAA,MACnD,iBAAiB;AAAA,QACf,2BAAY;AAAA,QACZ,2BAAY;AAAA,QACZ,2BAAY;AAAA,MACd;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;","names":["import_toolkit","configureReduxStore"]}

package/dist/cjs/state/middleware/prop-controller-handles.js

@@ -0,0 +1,114 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var prop_controller_handles_exports = {};
+__export(prop_controller_handles_exports, {
+  propControllerHandlesMiddleware: () => propControllerHandlesMiddleware
+});
+module.exports = __toCommonJS(prop_controller_handles_exports);
+var PropControllerHandles = __toESM(require("../modules/prop-controller-handles"));
+var Builder = __toESM(require("../builder-api/actions"));
+var import_read_only_actions = require("../actions/internal/read-only-actions");
+var ReadOnly = __toESM(require("../actions/internal/read-only-actions"));
+var import_toolkit2 = require("../toolkit");
+var import_instances = require("../../prop-controllers/instances");
+var import_host_api = require("../host-api");
+var ReadOnlyState = __toESM(require("../read-only-state"));
+function createAndRegisterPropControllers(documentKey, elementKey) {
+  return (dispatch, getState) => {
+    const descriptors = ReadOnlyState.getElementPropControllerDescriptors(
+      getState(),
+      documentKey,
+      elementKey
+    );
+    if (descriptors == null)
+      return null;
+    const propControllers = Object.entries(descriptors).reduce(
+      (acc, [propName, descriptor]) => {
+        const propController = (0, import_instances.createPropController)(
+          descriptor,
+          (message) => dispatch(
+            Builder.messageBuilderPropController(documentKey, elementKey, propName, message)
+          )
+        );
+        return { ...acc, [propName]: propController };
+      },
+      {}
+    );
+    dispatch(ReadOnly.registerPropControllers(documentKey, elementKey, propControllers));
+    return propControllers;
+  };
+}
+function propControllerHandlesMiddleware() {
+  return (0, import_toolkit2.actionMiddleware)(({ dispatch, getState }) => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case import_read_only_actions.ReadOnlyActionTypes.REGISTER_COMPONENT_HANDLE: {
+          const { documentKey, elementKey, componentHandle } = action.payload;
+          const element = ReadOnlyState.getElement(getState(), documentKey, elementKey);
+          const propControllers = dispatch(
+            createAndRegisterPropControllers(documentKey, elementKey)
+          );
+          if (element != null && !ReadOnlyState.isElementReference(element) && PropControllerHandles.isPropControllersHandle(componentHandle)) {
+            dispatch(
+              ReadOnly.registerPropControllersHandle(documentKey, elementKey, componentHandle)
+            );
+            componentHandle.setPropControllers(propControllers);
+          }
+          break;
+        }
+        case import_read_only_actions.ReadOnlyActionTypes.UNREGISTER_COMPONENT_HANDLE: {
+          const { documentKey, elementKey } = action.payload;
+          const handle = ReadOnlyState.getPropControllersHandle(getState(), {
+            documentKey,
+            elementKey
+          });
+          handle?.setPropControllers(null);
+          dispatch(ReadOnly.unregisterPropControllers(documentKey, elementKey));
+          break;
+        }
+        case import_host_api.HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER: {
+          const { documentKey, elementKey, propName, message } = action.payload;
+          const propController = ReadOnlyState.getPropController(getState(), {
+            documentKey,
+            elementKey,
+            propName
+          });
+          if (propController)
+            propController.recv(message);
+        }
+      }
+      return next(action);
+    };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  propControllerHandlesMiddleware
+});
+//# sourceMappingURL=prop-controller-handles.js.map

package/dist/cjs/state/middleware/prop-controller-handles.js.map

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

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

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var read_only_element_tree_exports = {};
+__export(read_only_element_tree_exports, {
+  readOnlyElementTreeMiddleware: () => readOnlyElementTreeMiddleware
+});
+module.exports = __toCommonJS(read_only_element_tree_exports);
+var import_actions = require("../actions");
+var import_read_only_actions = require("../actions/internal/read-only-actions");
+var import_toolkit2 = require("../toolkit");
+var import_read_only_state = require("../read-only-state");
+function readOnlyElementTreeMiddleware() {
+  return (0, import_toolkit2.actionMiddleware)(({ dispatch, getState }) => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case import_actions.ActionTypes.REGISTER_DOCUMENT:
+          dispatch(
+            (0, import_read_only_actions.createElementTree)({
+              document: action.payload.document,
+              descriptors: (0, import_read_only_state.getPropControllerDescriptors)(getState())
+            })
+          );
+          break;
+        case import_actions.ActionTypes.UNREGISTER_DOCUMENT:
+          dispatch((0, import_read_only_actions.deleteElementTree)(action.payload));
+          break;
+      }
+      return next(action);
+    };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  readOnlyElementTreeMiddleware
+});
+//# sourceMappingURL=read-only-element-tree.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/middleware/read-only-element-tree.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport { ActionTypes } from '../actions'\nimport { createElementTree, deleteElementTree } from '../actions/internal/read-only-actions'\n\nimport { actionMiddleware } from '../toolkit'\n\nimport { type Dispatch, type State, getPropControllerDescriptors } from '../read-only-state'\n\nexport function readOnlyElementTreeMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch, getState }) => next => {\n    return action => {\n      switch (action.type) {\n        case ActionTypes.REGISTER_DOCUMENT:\n          dispatch(\n            createElementTree({\n              document: action.payload.document,\n              descriptors: getPropControllerDescriptors(getState()),\n            }),\n          )\n          break\n\n        case ActionTypes.UNREGISTER_DOCUMENT:\n          dispatch(deleteElementTree(action.payload))\n          break\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,qBAA4B;AAC5B,+BAAqD;AAErD,IAAAA,kBAAiC;AAEjC,6BAAwE;AAEjE,SAAS,gCAAuE;AACrF,aAAO,kCAAiB,CAAC,EAAE,UAAU,SAAS,MAAM,UAAQ;AAC1D,WAAO,YAAU;AACf,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,2BAAY;AACf;AAAA,gBACE,4CAAkB;AAAA,cAChB,UAAU,OAAO,QAAQ;AAAA,cACzB,iBAAa,qDAA6B,SAAS,CAAC;AAAA,YACtD,CAAC;AAAA,UACH;AACA;AAAA,QAEF,KAAK,2BAAY;AACf,uBAAS,4CAAkB,OAAO,OAAO,CAAC;AAC1C;AAAA,MACJ;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":["import_toolkit"]}

package/dist/cjs/state/middleware/read-write/builder-api/element-size.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var element_size_exports = {};
+__export(element_size_exports, {
+  getElementSize: () => getElementSize
+});
+module.exports = __toCommonJS(element_size_exports);
+function getElementSize(element) {
+  return {
+    offsetWidth: element.offsetWidth,
+    offsetHeight: element.offsetHeight,
+    clientWidth: element.clientWidth,
+    clientHeight: element.clientHeight,
+    scrollWidth: element.scrollWidth,
+    scrollHeight: element.scrollHeight,
+    scrollTop: element.scrollTop,
+    scrollLeft: element.scrollLeft
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getElementSize
+});
+//# sourceMappingURL=element-size.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/element-size.ts"],"sourcesContent":["export type ElementSize = {\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\nexport function getElementSize(element: HTMLElement): ElementSize {\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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWO,SAAS,eAAe,SAAmC;AAChE,SAAO;AAAA,IACL,aAAa,QAAQ;AAAA,IACrB,cAAc,QAAQ;AAAA,IACtB,aAAa,QAAQ;AAAA,IACrB,cAAc,QAAQ;AAAA,IACtB,aAAa,QAAQ;AAAA,IACrB,cAAc,QAAQ;AAAA,IACtB,WAAW,QAAQ;AAAA,IACnB,YAAY,QAAQ;AAAA,EACtB;AACF;","names":[]}

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

@@ -0,0 +1,76 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var builder_api_exports = {};
+__export(builder_api_exports, {
+  builderAPIMiddleware: () => builderAPIMiddleware
+});
+module.exports = __toCommonJS(builder_api_exports);
+var import_actions2 = require("../../../builder-api/actions");
+var import_toolkit2 = require("../../../toolkit");
+var import_host_api = require("../../../host-api");
+var import_initialize_connection = require("./initialize-connection");
+function builderAPIMiddleware(builderProxy) {
+  return (0, import_toolkit2.actionMiddleware)(({ dispatch }) => (next) => {
+    if (typeof window === "undefined")
+      return (action) => next(action);
+    let cleanUp = () => {
+    };
+    return (action) => {
+      switch (action.type) {
+        case import_actions2.BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS:
+        case import_actions2.BuilderActionTypes.MOUNT_COMPONENT:
+        case import_actions2.BuilderActionTypes.UNMOUNT_COMPONENT:
+        case import_actions2.BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
+        case import_actions2.BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
+        case import_actions2.BuilderActionTypes.HANDLE_WHEEL:
+        case import_actions2.BuilderActionTypes.HANDLE_POINTER_MOVE:
+        case import_actions2.BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE:
+        case import_actions2.BuilderActionTypes.SET_LOCALE:
+        case import_actions2.BuilderActionTypes.SET_BREAKPOINTS:
+        case import_actions2.BuilderActionTypes.REGISTER_BUILDER_DOCUMENT:
+        case import_actions2.BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT:
+        case import_actions2.BuilderActionTypes.REGISTER_BUILDER_COMPONENT:
+        case import_actions2.BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT:
+          builderProxy.execute(action);
+          break;
+        case import_host_api.HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
+          window.document.documentElement.scrollTop = action.payload.scrollTop;
+          break;
+        case import_host_api.HostActionTypes.SCROLL_DOCUMENT_ELEMENT:
+          window.document.documentElement.scrollTop += action.payload.scrollTopDelta;
+          break;
+        case import_host_api.HostActionTypes.SET_BUILDER_EDIT_MODE:
+          window.getSelection()?.removeAllRanges();
+          break;
+        case import_host_api.HostActionTypes.INIT:
+          cleanUp = dispatch((0, import_initialize_connection.initializeBuilderConnection)(builderProxy));
+          break;
+        case import_host_api.HostActionTypes.CLEAN_UP:
+          cleanUp();
+          break;
+      }
+      return next(action);
+    };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  builderAPIMiddleware
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,278 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var initialize_connection_exports = {};
+__export(initialize_connection_exports, {
+  initializeBuilderConnection: () => initializeBuilderConnection
+});
+module.exports = __toCommonJS(initialize_connection_exports);
+var import_deepEqual = __toESM(require("../../../../utils/deepEqual"));
+var BoxModels = __toESM(require("../../../modules/read-write/box-models"));
+var BuilderEditMode = __toESM(require("../../../modules/builder-edit-mode"));
+var ReadOnly = __toESM(require("../../../actions/internal/read-only-actions"));
+var Builder = __toESM(require("../../../builder-api/actions"));
+var import_builder = require("../../../../builder");
+var ReadOnlyState = __toESM(require("../../../read-only-state"));
+var import_read_write_state = require("../../../read-write-state");
+var import_element_size = require("./element-size");
+function measureElements() {
+  return (dispatch, getState) => {
+    const measurables = (0, import_read_write_state.getMeasurables)(getState());
+    const currentBoxModels = (0, import_read_write_state.getBoxModels)(getState());
+    const measuredBoxModels = /* @__PURE__ */ new Map();
+    measurables.forEach((documentMeasurables, documentKey) => {
+      const measuredDocumentBoxModels = /* @__PURE__ */ new Map();
+      documentMeasurables.forEach((measurable, elementKey) => {
+        const boxModel = BoxModels.measure(measurable);
+        if (boxModel != null)
+          measuredDocumentBoxModels.set(elementKey, boxModel);
+      });
+      if (measuredDocumentBoxModels.size > 0) {
+        measuredBoxModels.set(documentKey, measuredDocumentBoxModels);
+      }
+    });
+    const changedBoxModels = /* @__PURE__ */ new Map();
+    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {
+      const changedDocumentBoxModels = /* @__PURE__ */ new Map();
+      currentDocumentBoxModels.forEach((_boxModel, elementKey) => {
+        if (!measuredBoxModels.get(documentKey)?.has(elementKey)) {
+          changedDocumentBoxModels.set(elementKey, null);
+        }
+        if (changedDocumentBoxModels.size > 0) {
+          changedBoxModels.set(documentKey, changedDocumentBoxModels);
+        }
+      });
+    });
+    measuredBoxModels.forEach((measuredDocumentBoxModels, documentKey) => {
+      const changedDocumentBoxModels = /* @__PURE__ */ new Map();
+      measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {
+        const currentBoxModel = (0, import_read_write_state.getBoxModel)(getState(), documentKey, elementKey);
+        if (currentBoxModel == null || !(0, import_deepEqual.default)(currentBoxModel, measuredBoxModel)) {
+          changedDocumentBoxModels.set(elementKey, measuredBoxModel);
+        }
+      });
+      if (changedDocumentBoxModels.size > 0) {
+        changedBoxModels.set(documentKey, changedDocumentBoxModels);
+      }
+    });
+    if (changedBoxModels.size > 0)
+      dispatch(Builder.changeElementBoxModels(changedBoxModels));
+  };
+}
+function startMeasuringElements() {
+  return (dispatch) => {
+    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+    return () => {
+      cancelAnimationFrame(animationFrameHandle);
+    };
+    function handleAnimationFrameRequest() {
+      dispatch(measureElements());
+      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+    }
+  };
+}
+function lockDocumentScroll() {
+  return (dispatch) => {
+    const lastDocumentOverflow = window.document.documentElement.style.overflow;
+    window.document.documentElement.style.overflow = "hidden";
+    window.document.documentElement.addEventListener("wheel", handleWheelEvent);
+    return () => {
+      window.document.documentElement.style.overflow = lastDocumentOverflow;
+      window.document.documentElement.removeEventListener("wheel", handleWheelEvent);
+    };
+    function handleWheelEvent({ deltaX, deltaY }) {
+      dispatch(Builder.handleWheel({ deltaX, deltaY }));
+    }
+  };
+}
+function startHandlingPointerMoveEvent() {
+  return (dispatch) => {
+    window.document.documentElement.addEventListener("pointermove", handlePointerMoveEvent);
+    return () => {
+      window.document.documentElement.removeEventListener("pointermove", handlePointerMoveEvent);
+    };
+    function handlePointerMoveEvent({ clientX, clientY }) {
+      dispatch(Builder.handlePointerMove({ clientX, clientY }));
+    }
+  };
+}
+function startHandlingFocusEvents() {
+  return (_dispatch, getState) => {
+    window.addEventListener("focusin", handleFocusIn);
+    window.addEventListener("focusout", handleFocusOut);
+    return () => {
+      window.removeEventListener("focusin", handleFocusIn);
+      window.removeEventListener("focusout", handleFocusOut);
+    };
+    function handleFocusIn(event) {
+      if (ReadOnlyState.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {
+        return;
+      }
+      if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {
+        window.parent.focus();
+      }
+    }
+    function handleFocusOut(event) {
+      if (ReadOnlyState.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {
+        return;
+      }
+      if (!(event.relatedTarget instanceof window.HTMLElement) || !event.relatedTarget.isContentEditable) {
+        window.parent.focus();
+      }
+    }
+  };
+}
+function startMeasuringDocumentElement() {
+  return (dispatch) => {
+    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+    let lastSize;
+    return () => {
+      cancelAnimationFrame(animationFrameHandle);
+    };
+    function handleAnimationFrameRequest() {
+      const nextSize = (0, import_element_size.getElementSize)(window.document.documentElement);
+      if (!(0, import_deepEqual.default)(lastSize, nextSize)) {
+        lastSize = nextSize;
+        dispatch(Builder.changeDocumentElementSize(nextSize));
+      }
+      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+    }
+  };
+}
+function elementKeysFromElementFromPoint(elementFromPoint) {
+  return (_dispatch, getState) => {
+    if (elementFromPoint == null)
+      return null;
+    const elementImperativeHandles = (0, import_read_write_state.getElementImperativeHandlesContainingElement)(
+      getState(),
+      elementFromPoint
+    );
+    const ascendingDepthDocumentKeys = ReadOnlyState.getDocumentKeysSortedByDepth(getState());
+    const descendingDepthDocumentKeys = ascendingDepthDocumentKeys.slice().reverse();
+    let currentElement = elementFromPoint;
+    let keys = null;
+    while (currentElement != null) {
+      for (const documentKey of descendingDepthDocumentKeys) {
+        const byElementKey = elementImperativeHandles.get(documentKey);
+        if (byElementKey == null)
+          continue;
+        for (const [elementKey, elementImperativeHandle] of byElementKey) {
+          if (elementImperativeHandle.getDomNode() === currentElement) {
+            return { documentKey, elementKey };
+          }
+        }
+      }
+      currentElement = currentElement.parentElement;
+    }
+    return keys;
+  };
+}
+function startPollingElementFromPoint() {
+  return (dispatch, getState) => {
+    let lastElementFromPoint = null;
+    let animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest);
+    return () => {
+      cancelAnimationFrame(animationFrameRequestId);
+    };
+    function handleAnimationFrameRequest() {
+      const pointer = (0, import_read_write_state.getPointer)(getState());
+      const elementFromPoint = pointer == null ? null : document.elementFromPoint(pointer.x, pointer.y);
+      if (elementFromPoint !== lastElementFromPoint) {
+        lastElementFromPoint = elementFromPoint;
+        const keys = dispatch(elementKeysFromElementFromPoint(elementFromPoint));
+        dispatch(Builder.elementFromPointChange(keys));
+      }
+      animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest);
+    }
+  };
+}
+function registerBuilderComponents() {
+  return (dispatch, getState) => {
+    const state = getState();
+    const componentsMeta = ReadOnlyState.getComponentsMeta(state);
+    componentsMeta.forEach((meta, type) => {
+      const descriptors = ReadOnlyState.getComponentPropControllerDescriptors(state, type);
+      if (descriptors != null) {
+        const [serializedControls, transferables] = (0, import_builder.serializeControls)(descriptors);
+        dispatch(
+          Builder.registerBuilderComponent({ type, meta, serializedControls }, transferables)
+        );
+      }
+    });
+    return () => {
+      componentsMeta.forEach((_, type) => {
+        dispatch(Builder.unregisterBuilderComponent({ type }));
+      });
+    };
+  };
+}
+function registerBuilderDocuments() {
+  return (dispatch, getState) => {
+    const documents = (0, import_read_write_state.getDocuments)(getState());
+    documents.forEach((document2) => {
+      dispatch(Builder.registerBuilderDocument(document2));
+    });
+    return () => {
+      documents.forEach((_document, documentKey) => {
+        dispatch(Builder.unregisterBuilderDocument(documentKey));
+      });
+    };
+  };
+}
+function initializeBuilderConnection(builderProxy) {
+  return (dispatch, getState) => {
+    const unregisterBuilderDocuments = dispatch(registerBuilderDocuments());
+    const stopMeasuringElements = dispatch(startMeasuringElements());
+    const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement());
+    const stopHandlingFocusEvent = dispatch(startHandlingFocusEvents());
+    const unlockDocumentScroll = dispatch(lockDocumentScroll());
+    const stopHandlingPointerMoveEvent = dispatch(startHandlingPointerMoveEvent());
+    const stopPollingElementFromPoint = dispatch(startPollingElementFromPoint());
+    const unregisterBuilderComponents = dispatch(registerBuilderComponents());
+    const breakpoints = ReadOnlyState.getBreakpoints(getState());
+    dispatch(Builder.setBreakpoints(breakpoints));
+    dispatch(ReadOnly.setIsInBuilder(true));
+    builderProxy.dispatchBuffered();
+    return () => {
+      unregisterBuilderDocuments();
+      stopMeasuringElements();
+      stopMeasuringDocumentElement();
+      stopHandlingFocusEvent();
+      unlockDocumentScroll();
+      stopHandlingPointerMoveEvent();
+      stopPollingElementFromPoint();
+      unregisterBuilderComponents();
+      dispatch(ReadOnly.setIsInBuilder(false));
+    };
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  initializeBuilderConnection
+});
+//# sourceMappingURL=initialize-connection.js.map