@makeswift/runtime 0.25.0-canary.8 → 0.25.0

package/dist/esm/state/makeswift-api-client.js

@@ -1,19 +1,14 @@
 import {
-  applyMiddleware,
-  createStore,
+  configureStore as configureReduxStore,
   combineReducers
-} from "redux";
-import thunk from "redux-thunk";
-import { composeWithDevToolsDevelopmentOnly } from "@redux-devtools/extension";
-import { serializeState } from "../utils/serializeState";
+} from "@reduxjs/toolkit";
 import * as APIResources from "./modules/api-resources";
 import * as LocalizedResourcesMap from "./modules/localized-resources-map";
 import { ActionTypes, apiResourceFulfilled, setLocalizedResourceId } from "./actions";
+import { actionMiddleware, middlewareOptions, devToolsConfig } from "./toolkit";
 import {
   APIResourceType
 } from "../api";
-import { MAKESWIFT_CACHE_TAG } from "../next/cache";
-import { API_HANDLER_SITE_VERSION_HEADER } from "../api/site-version";
 const reducer = combineReducers({
   apiResources: APIResources.reducer,
   localizedResourcesMap: LocalizedResourcesMap.reducer
@@ -51,26 +46,24 @@ function getAPIResource(state, resourceType, resourceId, locale) {
       return APIResources.getAPIResource(state.apiResources, resourceType, resourceId, locale);
   }
 }
-async function fetchJson(url, siteVersion) {
-  const response = await fetch(url, {
-    headers: {
-      "Content-Type": "application/json",
-      [API_HANDLER_SITE_VERSION_HEADER]: siteVersion
-    },
-    next: { tags: [MAKESWIFT_CACHE_TAG] }
-  });
-  if (response.status === 404)
-    return null;
-  if (!response.ok)
-    throw new Error(response.statusText);
-  if (response.headers.get("content-type")?.includes("application/json") !== true) {
-    throw new Error(
-      `Expected JSON response from "${url}" but got "${response.headers.get("content-type")}"`
-    );
-  }
-  return response.json();
-}
-function fetchAPIResource(resourceType, resourceId, siteVersion, locale) {
+function fetchAPIResource(resourceType, resourceId, fetch, locale) {
+  const fetchJson = async (url) => {
+    const response = await fetch(url, {
+      headers: {
+        "Content-Type": "application/json"
+      }
+    });
+    if (response.status === 404)
+      return null;
+    if (!response.ok)
+      throw new Error(response.statusText);
+    if (response.headers.get("content-type")?.includes("application/json") !== true) {
+      throw new Error(
+        `Expected JSON response from "${url}" but got "${response.headers.get("content-type")}"`
+      );
+    }
+    return response.json();
+  };
   return async (dispatch, getState) => {
     const state = getState();
     if (getHasAPIResource(state, resourceType, resourceId, locale)) {
@@ -79,22 +72,16 @@ function fetchAPIResource(resourceType, resourceId, siteVersion, locale) {
     let resource;
     switch (resourceType) {
       case APIResourceType.Swatch:
-        resource = await fetchJson(`/api/makeswift/swatches/${resourceId}`, siteVersion);
+        resource = await fetchJson(`/api/makeswift/swatches/${resourceId}`);
         break;
       case APIResourceType.File:
-        resource = await fetchJson(`/api/makeswift/files/${resourceId}`, siteVersion);
+        resource = await fetchJson(`/api/makeswift/files/${resourceId}`);
         break;
       case APIResourceType.Typography:
-        resource = await fetchJson(
-          `/api/makeswift/typographies/${resourceId}`,
-          siteVersion
-        );
+        resource = await fetchJson(`/api/makeswift/typographies/${resourceId}`);
         break;
       case APIResourceType.GlobalElement:
-        resource = await fetchJson(
-          `/api/makeswift/global-elements/${resourceId}`,
-          siteVersion
-        );
+        resource = await fetchJson(`/api/makeswift/global-elements/${resourceId}`);
         break;
       case APIResourceType.LocalizedGlobalElement: {
         if (locale == null)
@@ -103,8 +90,7 @@ function fetchAPIResource(resourceType, resourceId, siteVersion, locale) {
           return null;
         }
         resource = await fetchJson(
-          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,
-          siteVersion
+          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`
         );
         dispatch(
           setLocalizedResourceId({
@@ -119,11 +105,11 @@ function fetchAPIResource(resourceType, resourceId, siteVersion, locale) {
         const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, "http://n");
         if (locale != null)
           url.searchParams.set("locale", locale);
-        resource = await fetchJson(url.pathname + url.search, siteVersion);
+        resource = await fetchJson(url.pathname + url.search);
         break;
       }
       case APIResourceType.Table:
-        resource = await fetchJson(`/api/makeswift/tables/${resourceId}`, siteVersion);
+        resource = await fetchJson(`/api/makeswift/tables/${resourceId}`);
         break;
       default:
         resource = null;
@@ -133,7 +119,7 @@ function fetchAPIResource(resourceType, resourceId, siteVersion, locale) {
   };
 }
 function defaultLocaleMiddleware(defaultLocale) {
-  return () => (next) => {
+  return actionMiddleware(() => (next) => {
     return (action) => {
       switch (action.type) {
         case ActionTypes.CHANGE_API_RESOURCE:
@@ -148,32 +134,30 @@ function defaultLocaleMiddleware(defaultLocale) {
       }
       return next(action);
     };
-  };
+  });
 }
 function configureStore({
   defaultLocale,
   serializedState
 }) {
-  const composeEnhancers = composeWithDevToolsDevelopmentOnly({
-    name: `API client store (${(/* @__PURE__ */ new Date()).toISOString()})`,
-    serialize: true,
-    stateSanitizer: (state) => serializeState(state),
-    actionsDenylist: [
-      ActionTypes.BUILDER_POINTER_MOVE,
-      ActionTypes.HANDLE_POINTER_MOVE,
-      ActionTypes.ELEMENT_FROM_POINT_CHANGE
-    ]
-  });
-  return createStore(
+  return configureReduxStore({
     reducer,
-    {
+    preloadedState: {
       apiResources: APIResources.getInitialState(serializedState?.apiResources),
       localizedResourcesMap: LocalizedResourcesMap.getInitialState(
         serializedState?.localizedResourcesMap
       )
     },
-    composeEnhancers(applyMiddleware(thunk, defaultLocaleMiddleware(defaultLocale)))
-  );
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareOptions).concat(defaultLocaleMiddleware(defaultLocale)),
+    devTools: devToolsConfig({
+      name: `API client store (${(/* @__PURE__ */ new Date()).toISOString()})`,
+      actionsDenylist: [
+        ActionTypes.BUILDER_POINTER_MOVE,
+        ActionTypes.HANDLE_POINTER_MOVE,
+        ActionTypes.ELEMENT_FROM_POINT_CHANGE
+      ]
+    })
+  });
 }
 export {
   configureStore,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/makeswift-api-client.ts"],"sourcesContent":["import {\n  applyMiddleware,\n  createStore,\n  combineReducers,\n  type Dispatch as ReduxDispatch,\n  type Store as ReduxStore,\n  type Middleware,\n} from 'redux'\nimport thunk, { type ThunkAction, type ThunkDispatch } from 'redux-thunk'\n\nimport { composeWithDevToolsDevelopmentOnly } from '@redux-devtools/extension'\n\nimport { serializeState } from '../utils/serializeState'\n\nimport * as APIResources from './modules/api-resources'\nimport * as LocalizedResourcesMap from './modules/localized-resources-map'\nimport { type Action, ActionTypes, apiResourceFulfilled, setLocalizedResourceId } from './actions'\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'\nimport { MAKESWIFT_CACHE_TAG } from '../next/cache'\nimport { API_HANDLER_SITE_VERSION_HEADER, MakeswiftSiteVersion } from '../api/site-version'\n\nconst reducer = combineReducers({\n  apiResources: APIResources.reducer,\n  localizedResourcesMap: LocalizedResourcesMap.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\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\nasync function fetchJson<T>(url: string, siteVersion: MakeswiftSiteVersion): Promise<T | null> {\n  const response = await fetch(url, {\n    headers: {\n      'Content-Type': 'application/json',\n      [API_HANDLER_SITE_VERSION_HEADER]: siteVersion,\n    },\n    next: { tags: [MAKESWIFT_CACHE_TAG] },\n  })\n\n  if (response.status === 404) return null\n\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\nexport function fetchAPIResource<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  siteVersion: MakeswiftSiteVersion,\n  locale?: APIResourceLocale<T>,\n): Thunk<Promise<Extract<APIResource, { __typename: T }> | null>> {\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}`, siteVersion)\n        break\n\n      case APIResourceType.File:\n        resource = await fetchJson<File>(`/api/makeswift/files/${resourceId}`, siteVersion)\n        break\n\n      case APIResourceType.Typography:\n        resource = await fetchJson<Typography>(\n          `/api/makeswift/typographies/${resourceId}`,\n          siteVersion,\n        )\n        break\n\n      case APIResourceType.GlobalElement:\n        resource = await fetchJson<GlobalElement>(\n          `/api/makeswift/global-elements/${resourceId}`,\n          siteVersion,\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 fetchJson<LocalizedGlobalElement>(\n          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,\n          siteVersion,\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, siteVersion)\n        break\n      }\n\n      case APIResourceType.Table:\n        resource = await fetchJson<Table>(`/api/makeswift/tables/${resourceId}`, siteVersion)\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\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nexport type Store = ReduxStore<State, Action> & { dispatch: Dispatch }\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): Middleware<Dispatch, State, Dispatch> {\n  return () => (next: ReduxDispatch<Action>) => {\n    return (action: Action): Action => {\n      switch (action.type) {\n        case ActionTypes.CHANGE_API_RESOURCE:\n        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}): Store {\n  const composeEnhancers = composeWithDevToolsDevelopmentOnly({\n    name: `API client store (${new Date().toISOString()})`,\n    serialize: true,\n    stateSanitizer: (state: any) => serializeState(state),\n    actionsDenylist: [\n      ActionTypes.BUILDER_POINTER_MOVE,\n      ActionTypes.HANDLE_POINTER_MOVE,\n      ActionTypes.ELEMENT_FROM_POINT_CHANGE,\n    ],\n  })\n\n  return createStore(\n    reducer,\n    {\n      apiResources: APIResources.getInitialState(serializedState?.apiResources),\n      localizedResourcesMap: LocalizedResourcesMap.getInitialState(\n        serializedState?.localizedResourcesMap,\n      ),\n    },\n    composeEnhancers(applyMiddleware(thunk, defaultLocaleMiddleware(defaultLocale))),\n  )\n}\n"],"mappings":"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","names":[]}
+{"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, apiResourceFulfilled, setLocalizedResourceId } from './actions'\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":"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","names":[]}

package/dist/esm/state/mixins/setup-teardown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/mixins/setup-teardown.ts"],"sourcesContent":["import { StoreEnhancer } from 'redux'\n\nexport interface SetupTeardownMixin {\n  setup: () => void\n  teardown: () => void\n}\n\nexport function 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"],"mappings":"AAOO,SAAS,kBACd,OACA,UACmC;AACnC,SAAO,UAAQ,CAAC,SAAS,oBAAqB;AAAA,IAC5C,GAAG,KAAK,SAAS,cAAc;AAAA,IAC/B;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/state/mixins/setup-teardown.ts"],"sourcesContent":["import { type StoreEnhancer } from '@reduxjs/toolkit'\n\nexport interface SetupTeardownMixin {\n  setup: () => void\n  teardown: () => void\n}\n\nexport function 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"],"mappings":"AAOO,SAAS,kBACd,OACA,UACmC;AACnC,SAAO,UAAQ,CAAC,SAAS,oBAAqB;AAAA,IAC5C,GAAG,KAAK,SAAS,cAAc;AAAA,IAC/B;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -3,7 +3,7 @@ import {
   LocalizableAPIResourceType
 } from "../../api";
 import deepEqual from "../../utils/deepEqual";
-import { ActionTypes } from "../actions";
+import { ActionTypes, isKnownAction } from "../actions";
 function isValidAPIResourceType(resourceType) {
   return resourceType in APIResourceType;
 }
@@ -79,6 +79,8 @@ function getAPIResource(state, resourceType, resourceId, locale) {
   return resource?.__typename === resourceType ? resource : null;
 }
 function reducer(state = getInitialState(), action) {
+  if (!isKnownAction(action))
+    return state;
   switch (action.type) {
     case ActionTypes.UPDATE_API_CLIENT_CACHE: {
       const { apiResources } = action.payload;

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

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

package/dist/esm/state/modules/box-models.js

@@ -3,7 +3,7 @@ import {
   getBox as getBoxWithoutScroll,
   withScroll
 } from "css-box-model";
-import { ActionTypes } from "../actions";
+import { ActionTypes, isKnownAction } from "../actions";
 function parse(rawString) {
   const value = Number(rawString.replace(/px$/, ""));
   return Number.isFinite(value) ? value : 0;
@@ -40,6 +40,8 @@ function getBoxModel(state, documentKey, elementKey) {
   return getBoxModels(state).get(documentKey)?.get(elementKey) ?? null;
 }
 function reducer(state = getInitialState(), action) {
+  if (!isKnownAction(action))
+    return state;
   switch (action.type) {
     case ActionTypes.REGISTER_MEASURABLE: {
       const { documentKey, elementKey, measurable } = action.payload;

package/dist/esm/state/modules/box-models.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/modules/box-models.ts"],"sourcesContent":["import { type BoxModel } from '@makeswift/controls'\nimport {\n  createBox as createBoxWithoutScroll,\n  CreateBoxArgs,\n  getBox as getBoxWithoutScroll,\n  withScroll,\n} from 'css-box-model'\n\nimport { Action, ActionTypes } from '../actions'\n\nexport type { BoxModel }\n\nexport function parse(rawString: string): number {\n  const value = Number(rawString.replace(/px$/, ''))\n\n  return Number.isFinite(value) ? value : 0\n}\n\nexport function createBox(boxArgs: CreateBoxArgs): BoxModel {\n  return withScroll(createBoxWithoutScroll(boxArgs))\n}\n\nexport function getBox(element: Element): BoxModel {\n  return withScroll(getBoxWithoutScroll(element))\n}\n\nexport interface BoxModelHandle {\n  getBoxModel(): BoxModel | null\n}\n\nexport type Measurable = Element | BoxModelHandle\n\nexport function isMeasurable(value: unknown): value is Measurable {\n  if (value instanceof Element) return true\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    'getBoxModel' in value &&\n    typeof (value as { getBoxModel: unknown }).getBoxModel === 'function'\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function measure(measurable: Measurable): BoxModel | null {\n  if (measurable instanceof Element) return getBox(measurable)\n\n  return measurable.getBoxModel()\n}\n\nexport type State = {\n  measurables: Map<string, Map<string, Measurable>>\n  boxModels: Map<string, Map<string, BoxModel>>\n}\n\nexport function getInitialState(): State {\n  return { measurables: new Map(), boxModels: new Map() }\n}\n\nexport function getMeasurables(state: State): Map<string, Map<string, Measurable>> {\n  return state.measurables\n}\n\nexport function getBoxModels(state: State): Map<string, Map<string, BoxModel>> {\n  return state.boxModels\n}\n\nexport function getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModel | null {\n  return getBoxModels(state).get(documentKey)?.get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action) {\n  switch (action.type) {\n    case ActionTypes.REGISTER_MEASURABLE: {\n      const { documentKey, elementKey, measurable } = action.payload\n\n      return {\n        ...state,\n        measurables: new Map(state.measurables).set(\n          documentKey,\n          new Map(state.measurables.get(documentKey) ?? []).set(elementKey, measurable),\n        ),\n      }\n    }\n\n    case ActionTypes.UNREGISTER_MEASURABLE: {\n      const { documentKey, elementKey } = action.payload\n      const nextMeasurables = new Map(state.measurables.get(documentKey) ?? [])\n\n      const deleted = nextMeasurables.delete(elementKey)\n\n      return deleted\n        ? { ...state, measurables: new Map(state.measurables).set(documentKey, nextMeasurables) }\n        : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {\n      const { changedElementBoxModels } = action.payload\n\n      if (changedElementBoxModels.size === 0) return state\n\n      const nextBoxModels = new Map(state.boxModels)\n\n      changedElementBoxModels.forEach((changedBoxModels, documentKey) => {\n        const nextDocumentBoxModels = new Map(nextBoxModels.get(documentKey) ?? [])\n\n        changedBoxModels.forEach((changedBoxModel, elementKey) => {\n          if (changedBoxModel == null) nextDocumentBoxModels.delete(elementKey)\n          else nextDocumentBoxModels.set(elementKey, changedBoxModel)\n        })\n\n        if (nextDocumentBoxModels.size > 0) nextBoxModels.set(documentKey, nextDocumentBoxModels)\n        else nextBoxModels.delete(documentKey)\n      })\n\n      return { ...state, boxModels: nextBoxModels }\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AACA;AAAA,EACE,aAAa;AAAA,EAEb,UAAU;AAAA,EACV;AAAA,OACK;AAEP,SAAiB,mBAAmB;AAI7B,SAAS,MAAM,WAA2B;AAC/C,QAAM,QAAQ,OAAO,UAAU,QAAQ,OAAO,EAAE,CAAC;AAEjD,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AAEO,SAAS,UAAU,SAAkC;AAC1D,SAAO,WAAW,uBAAuB,OAAO,CAAC;AACnD;AAEO,SAAS,OAAO,SAA4B;AACjD,SAAO,WAAW,oBAAoB,OAAO,CAAC;AAChD;AAQO,SAAS,aAAa,OAAqC;AAChE,MAAI,iBAAiB;AAAS,WAAO;AAErC,MACE,OAAO,UAAU,YACjB,UAAU,QACV,iBAAiB,SACjB,OAAQ,MAAmC,gBAAgB,YAC3D;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,SAAS,QAAQ,YAAyC;AAC/D,MAAI,sBAAsB;AAAS,WAAO,OAAO,UAAU;AAE3D,SAAO,WAAW,YAAY;AAChC;AAOO,SAAS,kBAAyB;AACvC,SAAO,EAAE,aAAa,oBAAI,IAAI,GAAG,WAAW,oBAAI,IAAI,EAAE;AACxD;AAEO,SAAS,eAAe,OAAoD;AACjF,SAAO,MAAM;AACf;AAEO,SAAS,aAAa,OAAkD;AAC7E,SAAO,MAAM;AACf;AAEO,SAAS,YACd,OACA,aACA,YACiB;AACjB,SAAO,aAAa,KAAK,EAAE,IAAI,WAAW,GAAG,IAAI,UAAU,KAAK;AAClE;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAgB;AACxE,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY,qBAAqB;AACpC,YAAM,EAAE,aAAa,YAAY,WAAW,IAAI,OAAO;AAEvD,aAAO;AAAA,QACL,GAAG;AAAA,QACH,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE;AAAA,UACtC;AAAA,UACA,IAAI,IAAI,MAAM,YAAY,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE,IAAI,YAAY,UAAU;AAAA,QAC9E;AAAA,MACF;AAAA,IACF;AAAA,IAEA,KAAK,YAAY,uBAAuB;AACtC,YAAM,EAAE,aAAa,WAAW,IAAI,OAAO;AAC3C,YAAM,kBAAkB,IAAI,IAAI,MAAM,YAAY,IAAI,WAAW,KAAK,CAAC,CAAC;AAExE,YAAM,UAAU,gBAAgB,OAAO,UAAU;AAEjD,aAAO,UACH,EAAE,GAAG,OAAO,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE,IAAI,aAAa,eAAe,EAAE,IACtF;AAAA,IACN;AAAA,IAEA,KAAK,YAAY,2BAA2B;AAC1C,YAAM,EAAE,wBAAwB,IAAI,OAAO;AAE3C,UAAI,wBAAwB,SAAS;AAAG,eAAO;AAE/C,YAAM,gBAAgB,IAAI,IAAI,MAAM,SAAS;AAE7C,8BAAwB,QAAQ,CAAC,kBAAkB,gBAAgB;AACjE,cAAM,wBAAwB,IAAI,IAAI,cAAc,IAAI,WAAW,KAAK,CAAC,CAAC;AAE1E,yBAAiB,QAAQ,CAAC,iBAAiB,eAAe;AACxD,cAAI,mBAAmB;AAAM,kCAAsB,OAAO,UAAU;AAAA;AAC/D,kCAAsB,IAAI,YAAY,eAAe;AAAA,QAC5D,CAAC;AAED,YAAI,sBAAsB,OAAO;AAAG,wBAAc,IAAI,aAAa,qBAAqB;AAAA;AACnF,wBAAc,OAAO,WAAW;AAAA,MACvC,CAAC;AAED,aAAO,EAAE,GAAG,OAAO,WAAW,cAAc;AAAA,IAC9C;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/state/modules/box-models.ts"],"sourcesContent":["import { type BoxModel } from '@makeswift/controls'\nimport {\n  createBox as createBoxWithoutScroll,\n  CreateBoxArgs,\n  getBox as getBoxWithoutScroll,\n  withScroll,\n} from 'css-box-model'\n\nimport { type Action, type UnknownAction, ActionTypes, isKnownAction } from '../actions'\n\nexport type { BoxModel }\n\nexport function parse(rawString: string): number {\n  const value = Number(rawString.replace(/px$/, ''))\n\n  return Number.isFinite(value) ? value : 0\n}\n\nexport function createBox(boxArgs: CreateBoxArgs): BoxModel {\n  return withScroll(createBoxWithoutScroll(boxArgs))\n}\n\nexport function getBox(element: Element): BoxModel {\n  return withScroll(getBoxWithoutScroll(element))\n}\n\nexport interface BoxModelHandle {\n  getBoxModel(): BoxModel | null\n}\n\nexport type Measurable = Element | BoxModelHandle\n\nexport function isMeasurable(value: unknown): value is Measurable {\n  if (value instanceof Element) return true\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    'getBoxModel' in value &&\n    typeof (value as { getBoxModel: unknown }).getBoxModel === 'function'\n  ) {\n    return true\n  }\n\n  return false\n}\n\nexport function measure(measurable: Measurable): BoxModel | null {\n  if (measurable instanceof Element) return getBox(measurable)\n\n  return measurable.getBoxModel()\n}\n\nexport type State = {\n  measurables: Map<string, Map<string, Measurable>>\n  boxModels: Map<string, Map<string, BoxModel>>\n}\n\nexport function getInitialState(): State {\n  return { measurables: new Map(), boxModels: new Map() }\n}\n\nexport function getMeasurables(state: State): Map<string, Map<string, Measurable>> {\n  return state.measurables\n}\n\nexport function getBoxModels(state: State): Map<string, Map<string, BoxModel>> {\n  return state.boxModels\n}\n\nexport function getBoxModel(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): BoxModel | null {\n  return getBoxModels(state).get(documentKey)?.get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action | UnknownAction) {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ActionTypes.REGISTER_MEASURABLE: {\n      const { documentKey, elementKey, measurable } = action.payload\n\n      return {\n        ...state,\n        measurables: new Map(state.measurables).set(\n          documentKey,\n          new Map(state.measurables.get(documentKey) ?? []).set(elementKey, measurable),\n        ),\n      }\n    }\n\n    case ActionTypes.UNREGISTER_MEASURABLE: {\n      const { documentKey, elementKey } = action.payload\n      const nextMeasurables = new Map(state.measurables.get(documentKey) ?? [])\n\n      const deleted = nextMeasurables.delete(elementKey)\n\n      return deleted\n        ? { ...state, measurables: new Map(state.measurables).set(documentKey, nextMeasurables) }\n        : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_BOX_MODELS: {\n      const { changedElementBoxModels } = action.payload\n\n      if (changedElementBoxModels.size === 0) return state\n\n      const nextBoxModels = new Map(state.boxModels)\n\n      changedElementBoxModels.forEach((changedBoxModels, documentKey) => {\n        const nextDocumentBoxModels = new Map(nextBoxModels.get(documentKey) ?? [])\n\n        changedBoxModels.forEach((changedBoxModel, elementKey) => {\n          if (changedBoxModel == null) nextDocumentBoxModels.delete(elementKey)\n          else nextDocumentBoxModels.set(elementKey, changedBoxModel)\n        })\n\n        if (nextDocumentBoxModels.size > 0) nextBoxModels.set(documentKey, nextDocumentBoxModels)\n        else nextBoxModels.delete(documentKey)\n      })\n\n      return { ...state, boxModels: nextBoxModels }\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AACA;AAAA,EACE,aAAa;AAAA,EAEb,UAAU;AAAA,EACV;AAAA,OACK;AAEP,SAA0C,aAAa,qBAAqB;AAIrE,SAAS,MAAM,WAA2B;AAC/C,QAAM,QAAQ,OAAO,UAAU,QAAQ,OAAO,EAAE,CAAC;AAEjD,SAAO,OAAO,SAAS,KAAK,IAAI,QAAQ;AAC1C;AAEO,SAAS,UAAU,SAAkC;AAC1D,SAAO,WAAW,uBAAuB,OAAO,CAAC;AACnD;AAEO,SAAS,OAAO,SAA4B;AACjD,SAAO,WAAW,oBAAoB,OAAO,CAAC;AAChD;AAQO,SAAS,aAAa,OAAqC;AAChE,MAAI,iBAAiB;AAAS,WAAO;AAErC,MACE,OAAO,UAAU,YACjB,UAAU,QACV,iBAAiB,SACjB,OAAQ,MAAmC,gBAAgB,YAC3D;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,SAAS,QAAQ,YAAyC;AAC/D,MAAI,sBAAsB;AAAS,WAAO,OAAO,UAAU;AAE3D,SAAO,WAAW,YAAY;AAChC;AAOO,SAAS,kBAAyB;AACvC,SAAO,EAAE,aAAa,oBAAI,IAAI,GAAG,WAAW,oBAAI,IAAI,EAAE;AACxD;AAEO,SAAS,eAAe,OAAoD;AACjF,SAAO,MAAM;AACf;AAEO,SAAS,aAAa,OAAkD;AAC7E,SAAO,MAAM;AACf;AAEO,SAAS,YACd,OACA,aACA,YACiB;AACjB,SAAO,aAAa,KAAK,EAAE,IAAI,WAAW,GAAG,IAAI,UAAU,KAAK;AAClE;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAgC;AACxF,MAAI,CAAC,cAAc,MAAM;AAAG,WAAO;AAEnC,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY,qBAAqB;AACpC,YAAM,EAAE,aAAa,YAAY,WAAW,IAAI,OAAO;AAEvD,aAAO;AAAA,QACL,GAAG;AAAA,QACH,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE;AAAA,UACtC;AAAA,UACA,IAAI,IAAI,MAAM,YAAY,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE,IAAI,YAAY,UAAU;AAAA,QAC9E;AAAA,MACF;AAAA,IACF;AAAA,IAEA,KAAK,YAAY,uBAAuB;AACtC,YAAM,EAAE,aAAa,WAAW,IAAI,OAAO;AAC3C,YAAM,kBAAkB,IAAI,IAAI,MAAM,YAAY,IAAI,WAAW,KAAK,CAAC,CAAC;AAExE,YAAM,UAAU,gBAAgB,OAAO,UAAU;AAEjD,aAAO,UACH,EAAE,GAAG,OAAO,aAAa,IAAI,IAAI,MAAM,WAAW,EAAE,IAAI,aAAa,eAAe,EAAE,IACtF;AAAA,IACN;AAAA,IAEA,KAAK,YAAY,2BAA2B;AAC1C,YAAM,EAAE,wBAAwB,IAAI,OAAO;AAE3C,UAAI,wBAAwB,SAAS;AAAG,eAAO;AAE/C,YAAM,gBAAgB,IAAI,IAAI,MAAM,SAAS;AAE7C,8BAAwB,QAAQ,CAAC,kBAAkB,gBAAgB;AACjE,cAAM,wBAAwB,IAAI,IAAI,cAAc,IAAI,WAAW,KAAK,CAAC,CAAC;AAE1E,yBAAiB,QAAQ,CAAC,iBAAiB,eAAe;AACxD,cAAI,mBAAmB;AAAM,kCAAsB,OAAO,UAAU;AAAA;AAC/D,kCAAsB,IAAI,YAAY,eAAe;AAAA,QAC5D,CAAC;AAED,YAAI,sBAAsB,OAAO;AAAG,wBAAc,IAAI,aAAa,qBAAqB;AAAA;AACnF,wBAAc,OAAO,WAAW;AAAA,MACvC,CAAC;AAED,aAAO,EAAE,GAAG,OAAO,WAAW,cAAc;AAAA,IAC9C;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

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

@@ -1,4 +1,4 @@
-import { ActionTypes } from "../actions";
+import { ActionTypes, isKnownAction } from "../actions";
 import {
   getBreakpoint
 } from "@makeswift/controls";
@@ -31,6 +31,8 @@ function getInitialState(breakpoints = DEFAULT_BREAKPOINTS) {
   return breakpoints;
 }
 function reducer(state = getInitialState(), action) {
+  if (!isKnownAction(action))
+    return state;
   switch (action.type) {
     case ActionTypes.SET_BREAKPOINTS: {
       const breakpoints = action.payload.breakpoints;
@@ -84,7 +86,7 @@ function validateBreakpointsInput(input) {
     const next = array[index + 1];
     if (viewport && next && viewport < next.width) {
       throw new Error(
-        `Error on breakpoint "${id}". Viewport cannot be smaller than the next breakpoint's width. 
+        `Error on breakpoint "${id}". Viewport cannot be smaller than the next breakpoint's width.
         "${id}" has a viewport of ${viewport}px and the next breakpoint "${next.id}" has a width of ${next.width}px.`
       );
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/modules/breakpoints.ts"],"sourcesContent":["import { type Breakpoint, type Breakpoints } from '@makeswift/controls'\n\nimport { Action, ActionTypes } from '../actions'\n\nexport {\n  getBreakpoint,\n  type Breakpoint,\n  type BreakpointId,\n  type Breakpoints,\n} from '@makeswift/controls'\n\nexport type State = Breakpoints\n\nexport const DefaultBreakpointID = {\n  Desktop: 'desktop',\n  Tablet: 'tablet',\n  Mobile: 'mobile',\n} as const\n\ntype DefaultBreakpointID = (typeof DefaultBreakpointID)[keyof typeof DefaultBreakpointID]\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = [\n  {\n    id: DefaultBreakpointID.Desktop,\n    label: 'Desktop',\n    minWidth: 769,\n  },\n  {\n    id: DefaultBreakpointID.Tablet,\n    label: 'Tablet',\n    minWidth: 576,\n    maxWidth: 768,\n    viewportWidth: 760,\n  },\n  {\n    id: DefaultBreakpointID.Mobile,\n    label: 'Mobile',\n    maxWidth: 575,\n    viewportWidth: 390,\n  },\n]\n\nexport function getInitialState(breakpoints = DEFAULT_BREAKPOINTS): State {\n  return breakpoints\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.SET_BREAKPOINTS: {\n      const breakpoints = action.payload.breakpoints\n\n      if (breakpoints.length === 0) throw new Error('Breakpoints cannot be empty.')\n\n      return breakpoints\n    }\n\n    default:\n      return state\n  }\n}\n\nexport type BreakpointsInput = Record<string, { width: number; label?: string; viewport?: number }>\n\nexport function parseBreakpointsInput(input: BreakpointsInput): Breakpoints {\n  validateBreakpointsInput(input)\n\n  const sorted = Object.entries(input)\n    .map(([id, value]) => ({ ...value, id }))\n    .sort((a, b) => b.width - a.width) // Sort by width in descending order\n\n  const transformed = sorted.reduce(\n    (prev, curr, index, array) => {\n      const { width, viewport, id, label } = curr\n      const next = array[index + 1]\n\n      const breakpoint: Breakpoint = {\n        id,\n        ...(label && { label }),\n        ...(next && { minWidth: next.width + 1 }),\n        maxWidth: width,\n        viewportWidth: viewport ?? width,\n      }\n\n      return [...prev, breakpoint]\n    },\n    [\n      { id: DefaultBreakpointID.Desktop, label: 'Desktop', minWidth: sorted[0].width + 1 },\n    ] as Breakpoints,\n  )\n\n  return transformed\n}\n\nfunction validateBreakpointsInput(input: BreakpointsInput) {\n  if (DefaultBreakpointID.Desktop in input) {\n    throw new Error(\n      `Cannot change the base breakpoint. \"${DefaultBreakpointID.Desktop}\" is reserved as the base breakpoint.`,\n    )\n  }\n\n  if (Object.keys(input).length === 0) {\n    throw new Error(`Breakpoints cannot be empty. You must provide at least one breakpoint.`)\n  }\n\n  const sorted = Object.entries(input)\n    .map(([id, value]) => ({ ...value, id }))\n    .sort((a, b) => b.width - a.width) // Sort by width in descending order\n\n  sorted.forEach(({ id, width, viewport }, index, array) => {\n    // This is only valid for desktop-first. We need to check the inverse for mobile-first.\n    if (viewport && viewport > width) {\n      throw new Error(\n        `Error on breakpoint \"${id}\". Viewport cannot be greater than its width.\n        \"${id}\" has a viewport of ${viewport}px and a width of ${width}px.`,\n      )\n    }\n\n    const next = array[index + 1]\n\n    if (viewport && next && viewport < next.width) {\n      throw new Error(\n        `Error on breakpoint \"${id}\". Viewport cannot be smaller than the next breakpoint's width. \n        \"${id}\" has a viewport of ${viewport}px and the next breakpoint \"${next.id}\" has a width of ${next.width}px.`,\n      )\n    }\n\n    if (next && width === next.width) {\n      throw new Error(\n        `Breakpoints cannot have the same width. \"${id}\" and \"${next.id}\" have the same width`,\n      )\n    }\n  })\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/state/modules/breakpoints.ts"],"sourcesContent":["import { type Breakpoint, type Breakpoints } from '@makeswift/controls'\n\nimport { type Action, type UnknownAction, ActionTypes, isKnownAction } from '../actions'\n\nexport {\n  getBreakpoint,\n  type Breakpoint,\n  type BreakpointId,\n  type Breakpoints,\n} from '@makeswift/controls'\n\nexport type State = Breakpoints\n\nexport const DefaultBreakpointID = {\n  Desktop: 'desktop',\n  Tablet: 'tablet',\n  Mobile: 'mobile',\n} as const\n\ntype DefaultBreakpointID = (typeof DefaultBreakpointID)[keyof typeof DefaultBreakpointID]\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = [\n  {\n    id: DefaultBreakpointID.Desktop,\n    label: 'Desktop',\n    minWidth: 769,\n  },\n  {\n    id: DefaultBreakpointID.Tablet,\n    label: 'Tablet',\n    minWidth: 576,\n    maxWidth: 768,\n    viewportWidth: 760,\n  },\n  {\n    id: DefaultBreakpointID.Mobile,\n    label: 'Mobile',\n    maxWidth: 575,\n    viewportWidth: 390,\n  },\n]\n\nexport function getInitialState(breakpoints = DEFAULT_BREAKPOINTS): State {\n  return breakpoints\n}\n\nexport function reducer(state: State = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ActionTypes.SET_BREAKPOINTS: {\n      const breakpoints = action.payload.breakpoints\n\n      if (breakpoints.length === 0) throw new Error('Breakpoints cannot be empty.')\n\n      return breakpoints\n    }\n\n    default:\n      return state\n  }\n}\n\nexport type BreakpointsInput = Record<string, { width: number; label?: string; viewport?: number }>\n\nexport function parseBreakpointsInput(input: BreakpointsInput): Breakpoints {\n  validateBreakpointsInput(input)\n\n  const sorted = Object.entries(input)\n    .map(([id, value]) => ({ ...value, id }))\n    .sort((a, b) => b.width - a.width) // Sort by width in descending order\n\n  const transformed = sorted.reduce(\n    (prev, curr, index, array) => {\n      const { width, viewport, id, label } = curr\n      const next = array[index + 1]\n\n      const breakpoint: Breakpoint = {\n        id,\n        ...(label && { label }),\n        ...(next && { minWidth: next.width + 1 }),\n        maxWidth: width,\n        viewportWidth: viewport ?? width,\n      }\n\n      return [...prev, breakpoint]\n    },\n    [\n      { id: DefaultBreakpointID.Desktop, label: 'Desktop', minWidth: sorted[0].width + 1 },\n    ] as Breakpoints,\n  )\n\n  return transformed\n}\n\nfunction validateBreakpointsInput(input: BreakpointsInput) {\n  if (DefaultBreakpointID.Desktop in input) {\n    throw new Error(\n      `Cannot change the base breakpoint. \"${DefaultBreakpointID.Desktop}\" is reserved as the base breakpoint.`,\n    )\n  }\n\n  if (Object.keys(input).length === 0) {\n    throw new Error(`Breakpoints cannot be empty. You must provide at least one breakpoint.`)\n  }\n\n  const sorted = Object.entries(input)\n    .map(([id, value]) => ({ ...value, id }))\n    .sort((a, b) => b.width - a.width) // Sort by width in descending order\n\n  sorted.forEach(({ id, width, viewport }, index, array) => {\n    // This is only valid for desktop-first. We need to check the inverse for mobile-first.\n    if (viewport && viewport > width) {\n      throw new Error(\n        `Error on breakpoint \"${id}\". Viewport cannot be greater than its width.\n        \"${id}\" has a viewport of ${viewport}px and a width of ${width}px.`,\n      )\n    }\n\n    const next = array[index + 1]\n\n    if (viewport && next && viewport < next.width) {\n      throw new Error(\n        `Error on breakpoint \"${id}\". Viewport cannot be smaller than the next breakpoint's width.\n        \"${id}\" has a viewport of ${viewport}px and the next breakpoint \"${next.id}\" has a width of ${next.width}px.`,\n      )\n    }\n\n    if (next && width === next.width) {\n      throw new Error(\n        `Breakpoints cannot have the same width. \"${id}\" and \"${next.id}\" have the same width`,\n      )\n    }\n  })\n}\n"],"mappings":"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","names":[]}

package/dist/esm/state/modules/builder-edit-mode.js

@@ -1,4 +1,4 @@
-import { ActionTypes } from "../actions";
+import { ActionTypes, isKnownAction } from "../actions";
 const BuilderEditMode = {
   BUILD: "build",
   CONTENT: "content",
@@ -8,6 +8,8 @@ function getInitialState() {
   return null;
 }
 function reducer(state = getInitialState(), action) {
+  if (!isKnownAction(action))
+    return state;
   switch (action.type) {
     case ActionTypes.SET_BUILDER_EDIT_MODE:
       return action.payload.editMode;

package/dist/esm/state/modules/builder-edit-mode.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/modules/builder-edit-mode.ts"],"sourcesContent":["import { Action, ActionTypes } from '../actions'\n\nexport const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n  INTERACT: 'interact',\n} as const\n\nexport type BuilderEditMode = (typeof BuilderEditMode)[keyof typeof BuilderEditMode]\n\nexport type State = BuilderEditMode | null\n\nexport function getInitialState(): State {\n  return null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.SET_BUILDER_EDIT_MODE:\n      return action.payload.editMode\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AAAA,SAAiB,mBAAmB;AAE7B,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AACZ;AAMO,SAAS,kBAAyB;AACvC,SAAO;AACT;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuB;AAC/E,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY;AACf,aAAO,OAAO,QAAQ;AAAA,IAExB;AACE,aAAO;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/state/modules/builder-edit-mode.ts"],"sourcesContent":["import { type Action, type UnknownAction, ActionTypes, isKnownAction } from '../actions'\n\nexport const BuilderEditMode = {\n  BUILD: 'build',\n  CONTENT: 'content',\n  INTERACT: 'interact',\n} as const\n\nexport type BuilderEditMode = (typeof BuilderEditMode)[keyof typeof BuilderEditMode]\n\nexport type State = BuilderEditMode | null\n\nexport function getInitialState(): State {\n  return null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ActionTypes.SET_BUILDER_EDIT_MODE:\n      return action.payload.editMode\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AAAA,SAA0C,aAAa,qBAAqB;AAErE,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,UAAU;AACZ;AAMO,SAAS,kBAAyB;AACvC,SAAO;AACT;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuC;AAC/F,MAAI,CAAC,cAAc,MAAM;AAAG,WAAO;AAEnC,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY;AACf,aAAO,OAAO,QAAQ;AAAA,IAExB;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/esm/state/modules/components-meta.js

@@ -1,4 +1,4 @@
-import { ActionTypes } from "../actions";
+import { ActionTypes, isKnownAction } from "../actions";
 const ComponentIcon = {
   Billing: "billing",
   Bolt: "bolt",
@@ -32,6 +32,8 @@ function getComponentsMeta(state) {
   return state;
 }
 function reducer(state = getInitialState(), action) {
+  if (!isKnownAction(action))
+    return state;
   switch (action.type) {
     case ActionTypes.REGISTER_COMPONENT:
       return new Map(state).set(action.payload.type, action.payload.meta);

package/dist/esm/state/modules/components-meta.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/modules/components-meta.ts"],"sourcesContent":["import { Action, ActionTypes } from '../actions'\n\nexport const ComponentIcon = {\n  Billing: 'billing',\n  Bolt: 'bolt',\n  Button: 'button',\n  Carousel: 'carousel',\n  Chats: 'chats',\n  Code: 'code',\n  Countdown: 'countdown',\n  Cube: 'cube',\n  Database: 'database',\n  Divider: 'divider',\n  Form: 'form',\n  Gallery: 'gallery',\n  Help: 'help',\n  Image: 'image',\n  Layout: 'layout',\n  Lock: 'lock',\n  Navigation: 'navigation',\n  SocialLinks: 'social-links',\n  Star: 'star',\n  Text: 'text',\n  Users: 'users',\n  Video: 'video',\n} as const\n\nexport type ComponentIcon = (typeof ComponentIcon)[keyof typeof ComponentIcon]\n\nexport type ComponentMeta = { label: string; icon: ComponentIcon; hidden: boolean, description?: string }\n\nexport type State = Map<string, ComponentMeta>\n\nexport function getInitialState({\n  componentsMeta = new Map(),\n}: { componentsMeta?: Map<string, ComponentMeta> } = {}): State {\n  return componentsMeta\n}\n\nexport function getComponentsMeta(state: State): Map<string, ComponentMeta> {\n  return state\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.REGISTER_COMPONENT:\n      return new Map(state).set(action.payload.type, action.payload.meta)\n\n    case ActionTypes.UNREGISTER_COMPONENT: {\n      const nextState = new Map(state)\n\n      const deleted = nextState.delete(action.payload.type)\n\n      return deleted ? nextState : state\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AAAA,SAAiB,mBAAmB;AAE7B,MAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;AAQO,SAAS,gBAAgB;AAAA,EAC9B,iBAAiB,oBAAI,IAAI;AAC3B,IAAqD,CAAC,GAAU;AAC9D,SAAO;AACT;AAEO,SAAS,kBAAkB,OAA0C;AAC1E,SAAO;AACT;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuB;AAC/E,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY;AACf,aAAO,IAAI,IAAI,KAAK,EAAE,IAAI,OAAO,QAAQ,MAAM,OAAO,QAAQ,IAAI;AAAA,IAEpE,KAAK,YAAY,sBAAsB;AACrC,YAAM,YAAY,IAAI,IAAI,KAAK;AAE/B,YAAM,UAAU,UAAU,OAAO,OAAO,QAAQ,IAAI;AAEpD,aAAO,UAAU,YAAY;AAAA,IAC/B;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/state/modules/components-meta.ts"],"sourcesContent":["import { type Action, type UnknownAction, ActionTypes, isKnownAction } from '../actions'\n\nexport const ComponentIcon = {\n  Billing: 'billing',\n  Bolt: 'bolt',\n  Button: 'button',\n  Carousel: 'carousel',\n  Chats: 'chats',\n  Code: 'code',\n  Countdown: 'countdown',\n  Cube: 'cube',\n  Database: 'database',\n  Divider: 'divider',\n  Form: 'form',\n  Gallery: 'gallery',\n  Help: 'help',\n  Image: 'image',\n  Layout: 'layout',\n  Lock: 'lock',\n  Navigation: 'navigation',\n  SocialLinks: 'social-links',\n  Star: 'star',\n  Text: 'text',\n  Users: 'users',\n  Video: 'video',\n} as const\n\nexport type ComponentIcon = (typeof ComponentIcon)[keyof typeof ComponentIcon]\n\nexport type ComponentMeta = {\n  label: string\n  icon: ComponentIcon\n  hidden: boolean\n  description?: string\n}\n\nexport type State = Map<string, ComponentMeta>\n\nexport function getInitialState({\n  componentsMeta = new Map(),\n}: { componentsMeta?: Map<string, ComponentMeta> } = {}): State {\n  return componentsMeta\n}\n\nexport function getComponentsMeta(state: State): Map<string, ComponentMeta> {\n  return state\n}\n\nexport function reducer(state: State = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ActionTypes.REGISTER_COMPONENT:\n      return new Map(state).set(action.payload.type, action.payload.meta)\n\n    case ActionTypes.UNREGISTER_COMPONENT: {\n      const nextState = new Map(state)\n\n      const deleted = nextState.delete(action.payload.type)\n\n      return deleted ? nextState : state\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AAAA,SAA0C,aAAa,qBAAqB;AAErE,MAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AACT;AAaO,SAAS,gBAAgB;AAAA,EAC9B,iBAAiB,oBAAI,IAAI;AAC3B,IAAqD,CAAC,GAAU;AAC9D,SAAO;AACT;AAEO,SAAS,kBAAkB,OAA0C;AAC1E,SAAO;AACT;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuC;AAC/F,MAAI,CAAC,cAAc,MAAM;AAAG,WAAO;AAEnC,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY;AACf,aAAO,IAAI,IAAI,KAAK,EAAE,IAAI,OAAO,QAAQ,MAAM,OAAO,QAAQ,IAAI;AAAA,IAEpE,KAAK,YAAY,sBAAsB;AACrC,YAAM,YAAY,IAAI,IAAI,KAAK;AAE/B,YAAM,UAAU,UAAU,OAAO,OAAO,QAAQ,IAAI;AAEpD,aAAO,UAAU,YAAY;AAAA,IAC/B;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/esm/state/modules/element-imperative-handles.js

@@ -1,4 +1,4 @@
-import { ActionTypes } from "../actions";
+import { ActionTypes, isKnownAction } from "../actions";
 function getElementImperativeHandles(state) {
   return state;
 }
@@ -6,6 +6,8 @@ function getInitialState() {
   return /* @__PURE__ */ new Map();
 }
 function reducer(state = getInitialState(), action) {
+  if (!isKnownAction(action))
+    return state;
   switch (action.type) {
     case ActionTypes.REGISTER_COMPONENT_HANDLE:
       return new Map(state).set(

package/dist/esm/state/modules/element-imperative-handles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/modules/element-imperative-handles.ts"],"sourcesContent":["import { ElementImperativeHandle } from '../../runtimes/react/element-imperative-handle'\nimport { Action, ActionTypes } from '../actions'\n\ntype State = Map<string, Map<string, ElementImperativeHandle>>\n\nexport function getElementImperativeHandles(\n  state: State,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  return state\n}\n\nfunction getInitialState(): State {\n  return new Map()\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.REGISTER_COMPONENT_HANDLE:\n      return new Map(state).set(\n        action.payload.documentKey,\n        new Map(new Map(state.get(action.payload.documentKey) ?? [])).set(\n          action.payload.elementKey,\n          action.payload.componentHandle,\n        ),\n      )\n\n    case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {\n      const byElementKey = new Map(state.get(action.payload.documentKey) ?? [])\n\n      const deleted = byElementKey.delete(action.payload.elementKey)\n\n      if (!deleted) return state\n\n      return new Map(state).set(action.payload.documentKey, byElementKey)\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AACA,SAAiB,mBAAmB;AAI7B,SAAS,4BACd,OACmD;AACnD,SAAO;AACT;AAEA,SAAS,kBAAyB;AAChC,SAAO,oBAAI,IAAI;AACjB;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuB;AAC/E,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY;AACf,aAAO,IAAI,IAAI,KAAK,EAAE;AAAA,QACpB,OAAO,QAAQ;AAAA,QACf,IAAI,IAAI,IAAI,IAAI,MAAM,IAAI,OAAO,QAAQ,WAAW,KAAK,CAAC,CAAC,CAAC,EAAE;AAAA,UAC5D,OAAO,QAAQ;AAAA,UACf,OAAO,QAAQ;AAAA,QACjB;AAAA,MACF;AAAA,IAEF,KAAK,YAAY,6BAA6B;AAC5C,YAAM,eAAe,IAAI,IAAI,MAAM,IAAI,OAAO,QAAQ,WAAW,KAAK,CAAC,CAAC;AAExE,YAAM,UAAU,aAAa,OAAO,OAAO,QAAQ,UAAU;AAE7D,UAAI,CAAC;AAAS,eAAO;AAErB,aAAO,IAAI,IAAI,KAAK,EAAE,IAAI,OAAO,QAAQ,aAAa,YAAY;AAAA,IACpE;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/state/modules/element-imperative-handles.ts"],"sourcesContent":["import { ElementImperativeHandle } from '../../runtimes/react/element-imperative-handle'\nimport { type Action, type UnknownAction, ActionTypes, isKnownAction } from '../actions'\n\ntype State = Map<string, Map<string, ElementImperativeHandle>>\n\nexport function getElementImperativeHandles(\n  state: State,\n): Map<string, Map<string, ElementImperativeHandle>> {\n  return state\n}\n\nfunction getInitialState(): State {\n  return new Map()\n}\n\nexport function reducer(state: State = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ActionTypes.REGISTER_COMPONENT_HANDLE:\n      return new Map(state).set(\n        action.payload.documentKey,\n        new Map(new Map(state.get(action.payload.documentKey) ?? [])).set(\n          action.payload.elementKey,\n          action.payload.componentHandle,\n        ),\n      )\n\n    case ActionTypes.UNREGISTER_COMPONENT_HANDLE: {\n      const byElementKey = new Map(state.get(action.payload.documentKey) ?? [])\n\n      const deleted = byElementKey.delete(action.payload.elementKey)\n\n      if (!deleted) return state\n\n      return new Map(state).set(action.payload.documentKey, byElementKey)\n    }\n\n    default:\n      return state\n  }\n}\n"],"mappings":"AACA,SAA0C,aAAa,qBAAqB;AAIrE,SAAS,4BACd,OACmD;AACnD,SAAO;AACT;AAEA,SAAS,kBAAyB;AAChC,SAAO,oBAAI,IAAI;AACjB;AAEO,SAAS,QAAQ,QAAe,gBAAgB,GAAG,QAAuC;AAC/F,MAAI,CAAC,cAAc,MAAM;AAAG,WAAO;AAEnC,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,YAAY;AACf,aAAO,IAAI,IAAI,KAAK,EAAE;AAAA,QACpB,OAAO,QAAQ;AAAA,QACf,IAAI,IAAI,IAAI,IAAI,MAAM,IAAI,OAAO,QAAQ,WAAW,KAAK,CAAC,CAAC,CAAC,EAAE;AAAA,UAC5D,OAAO,QAAQ;AAAA,UACf,OAAO,QAAQ;AAAA,QACjB;AAAA,MACF;AAAA,IAEF,KAAK,YAAY,6BAA6B;AAC5C,YAAM,eAAe,IAAI,IAAI,MAAM,IAAI,OAAO,QAAQ,WAAW,KAAK,CAAC,CAAC;AAExE,YAAM,UAAU,aAAa,OAAO,OAAO,QAAQ,UAAU;AAE7D,UAAI,CAAC;AAAS,eAAO;AAErB,aAAO,IAAI,IAAI,KAAK,EAAE,IAAI,OAAO,QAAQ,aAAa,YAAY;AAAA,IACpE;AAAA,IAEA;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/esm/state/modules/element-trees.js

@@ -1,7 +1,7 @@
 import { getIn } from "immutable";
 import { isElementReference } from "@makeswift/controls";
 import { Introspection } from "../../prop-controllers";
-import { ActionTypes } from "../actions";
+import { ActionTypes, isKnownAction } from "../actions";
 import { getRootElement } from "./read-only-documents";
 function getInitialState(documents, descriptors) {
   const state = /* @__PURE__ */ new Map();
@@ -28,6 +28,8 @@ function getElementId(state, documentKey, elementKey) {
   return getElementIds(state, documentKey).get(elementKey) ?? null;
 }
 function reducer(state = getInitialState(), action) {
+  if (!isKnownAction(action))
+    return state;
   switch (action.type) {
     case ActionTypes.CREATE_ELEMENT_TREE: {
       const { document, descriptors } = action.payload;

package/dist/esm/state/modules/element-trees.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/modules/element-trees.ts"],"sourcesContent":["import { type Operation } from 'ot-json0'\nimport { getIn } from 'immutable'\n\nimport { type Element, type ElementData, isElementReference } from '@makeswift/controls'\n\nimport { Introspection } from '../../prop-controllers'\n\nimport { type Action, ActionTypes } from '../actions'\n\nimport { getRootElement, type Document } from './read-only-documents'\nimport { type DescriptorsByComponentType } from './prop-controllers'\n\nexport type ElementTree = {\n  elements: Map<string, Element>\n  elementIds: Map<string, string>\n}\n\nexport type State = Map<string, ElementTree>\n\nexport function getInitialState(\n  documents?: Map<string, Document>,\n  descriptors?: DescriptorsByComponentType,\n): State {\n  const state = new Map<string, ElementTree>()\n  if (documents == null || descriptors == null) return state\n\n  for (const [documentKey, document] of documents) {\n    state.set(documentKey, buildElementTree(getRootElement(document), descriptors))\n  }\n\n  return state\n}\n\nfunction getElementTree(state: State, documentKey: string): ElementTree | null {\n  return state.get(documentKey) ?? null\n}\n\nexport function getElements(state: State, documentKey: string): Map<string, Element> {\n  return getElementTree(state, documentKey)?.elements ?? new Map()\n}\n\nexport function getElementIds(state: State, documentKey: string): Map<string, string> {\n  return getElementTree(state, documentKey)?.elementIds ?? new Map()\n}\n\nexport function getElement(state: State, documentKey: string, elementKey: string): Element | null {\n  return getElements(state, documentKey).get(elementKey) ?? null\n}\n\nexport function getElementId(state: State, documentKey: string, elementKey: string): string | null {\n  return getElementIds(state, documentKey).get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action): State {\n  switch (action.type) {\n    case ActionTypes.CREATE_ELEMENT_TREE: {\n      const { document, descriptors } = action.payload\n      return new Map(state).set(\n        document.key,\n        buildElementTree(getRootElement(document), descriptors),\n      )\n    }\n\n    case ActionTypes.DELETE_ELEMENT_TREE: {\n      const nextState = new Map(state)\n      const deleted = nextState.delete(action.payload.documentKey)\n      return deleted ? nextState : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_TREE: {\n      const { oldDocument, newDocument, descriptors, operation } = action.payload\n      const documentKey = oldDocument.key\n      console.assert(\n        documentKey === newDocument.key,\n        `Mismatching document keys ${documentKey} !== ${newDocument.key}`,\n      )\n\n      const elementTree = state.get(documentKey)\n      if (elementTree == null) return state\n\n      const updatedElementTree = applyChanges(\n        elementTree,\n        descriptors,\n        {\n          old: getRootElement(oldDocument),\n          new: getRootElement(newDocument),\n        },\n        operation,\n      )\n\n      return new Map(state).set(documentKey, updatedElementTree)\n    }\n\n    default:\n      return state\n  }\n}\n\nexport function* traverseElementTree(\n  element: Element,\n  descriptors: DescriptorsByComponentType,\n): Generator<Element> {\n  yield element\n  if (isElementReference(element)) return\n\n  const elementDescriptors = descriptors.get(element.type)\n  if (elementDescriptors == null) return\n\n  for (const [propKey, descriptor] of Object.entries(elementDescriptors)) {\n    const children = Introspection.getElementChildren(descriptor, element.props[propKey])\n    for (const child of children) {\n      yield* traverseElementTree(child, descriptors)\n    }\n  }\n}\n\nfunction getElementIdProp(\n  element: ElementData,\n  descriptors: DescriptorsByComponentType,\n): string | null {\n  const elementDescriptors = descriptors.get(element.type)\n  if (elementDescriptors == null) return null\n\n  for (const [propName, descriptor] of Object.entries(elementDescriptors)) {\n    const elementId = Introspection.getElementId(descriptor, element.props[propName])\n    if (elementId != null) return elementId\n  }\n\n  return null\n}\n\nexport function buildElementTree(\n  rootElement: Element,\n  descriptors: DescriptorsByComponentType,\n): ElementTree {\n  const elements = new Map<string, Element>()\n  const elementIds = new Map<string, string>()\n\n  for (const element of traverseElementTree(rootElement, descriptors)) {\n    elements.set(element.key, element)\n    if (!isElementReference(element)) {\n      const elementId = getElementIdProp(element, descriptors)\n      if (elementId != null) elementIds.set(element.key, elementId)\n    }\n  }\n\n  return {\n    elements,\n    elementIds,\n  }\n}\n\ntype OperationPath = Operation[number]['p']\n\n// performance-sensitive function, intentionally not using `elementData` schema here\nfunction isElement(item: unknown): item is Element {\n  return (\n    typeof item === 'object' &&\n    item != null &&\n    'key' in item &&\n    'type' in item &&\n    typeof item.key === 'string' &&\n    typeof item.type === 'string'\n  )\n}\n\ntype ElementOperationPath = { elementPath: OperationPath; propName: string | null }\n\nfunction getElementOperationPath(path: OperationPath): ElementOperationPath {\n  if (path.length === 0) {\n    return { elementPath: [], propName: null }\n  }\n\n  const i = path.findLastIndex(\n    (fragment, i) =>\n      typeof fragment === 'number' && (i === path.length - 1 || path[i + 1] === 'props'),\n  )\n\n  if ((i === -1 && path[0] !== 'props') || path.length - i < 3) {\n    console.error('Operation path does not point to an element property', { path })\n    return { elementPath: [], propName: null }\n  }\n\n  return { elementPath: path.slice(0, i + 1), propName: `${path.slice(i + 1).at(1)}` }\n}\n\nexport function getChangedElementsPaths(\n  path: OperationPath,\n): [ElementOperationPath, ...ElementOperationPath[]] {\n  let elementOp = getElementOperationPath(path)\n  const result: [ElementOperationPath, ...ElementOperationPath[]] = [elementOp]\n  while (elementOp.elementPath.length > 0) {\n    elementOp = getElementOperationPath(elementOp.elementPath.slice(0, -1))\n    result.push(elementOp)\n  }\n\n  return result\n}\n\nfunction getElementByPath(rootElement: Element, elementPath: OperationPath): Element | null {\n  const item = getIn(rootElement, elementPath)\n  if (!isElement(item)) {\n    console.error('Expected an element, got', item, {\n      rootElement,\n      elementPath,\n    })\n\n    return null\n  }\n\n  return item\n}\n\nfunction getElementAndPropName(\n  rootElement: Element,\n  { elementPath, propName }: ElementOperationPath,\n): [Element, string | null] {\n  const element = getElementByPath(rootElement, elementPath)\n  return element != null ? [element, propName] : [rootElement, null]\n}\n\nfunction updateParentElements(\n  elements: ElementTree['elements'],\n  elementPaths: ElementOperationPath[],\n  rootElement: Element,\n): void {\n  elementPaths.forEach(({ elementPath }) => {\n    const element = getElementByPath(rootElement, elementPath)\n    if (element != null) elements.set(element.key, element)\n  })\n}\n\nfunction hasChildren(\n  element: Element,\n  propName: string,\n  descriptors: DescriptorsByComponentType,\n): boolean {\n  if (isElementReference(element)) return false\n\n  const propDescriptor = descriptors.get(element.type)?.[propName]\n  if (propDescriptor == null) return false\n\n  const children = Introspection.getElementChildren(propDescriptor, element.props[propName])\n  return children.length > 0\n}\n\nfunction deleteElement(\n  { elements, elementIds }: ElementTree,\n  deletedElement: Element,\n  propName: string | null,\n  descriptors: DescriptorsByComponentType,\n) {\n  if (propName == null || hasChildren(deletedElement, propName, descriptors)) {\n    for (const element of traverseElementTree(deletedElement, descriptors)) {\n      elements.delete(element.key)\n      elementIds.delete(element.key)\n    }\n  } else {\n    elements.delete(deletedElement.key)\n    elementIds.delete(deletedElement.key)\n  }\n}\n\nfunction applyDelete(\n  elementTree: ElementTree,\n  descriptors: DescriptorsByComponentType,\n  rootElements: { old: Element; new: Element },\n  path: OperationPath,\n): ElementTree {\n  const [deleteElementPath, ...parentElementPaths] = getChangedElementsPaths(path)\n  const [deletedElement, propName] = getElementAndPropName(rootElements.old, deleteElementPath)\n\n  const elements = new Map(elementTree.elements)\n  const elementIds = new Map(elementTree.elementIds)\n\n  deleteElement({ elements, elementIds }, deletedElement, propName, descriptors)\n  updateParentElements(elements, parentElementPaths, rootElements.new)\n\n  return {\n    elements,\n    elementIds,\n  }\n}\n\nfunction insertElement(\n  { elements, elementIds }: ElementTree,\n  insertedElement: Element,\n  propName: string | null,\n  descriptors: DescriptorsByComponentType,\n) {\n  if (propName == null || hasChildren(insertedElement, propName, descriptors)) {\n    for (const element of traverseElementTree(insertedElement, descriptors)) {\n      elements.set(element.key, element)\n      if (!isElementReference(element)) {\n        const elementId = getElementIdProp(element, descriptors)\n        if (elementId != null) elementIds.set(element.key, elementId)\n      }\n    }\n  } else {\n    elements.set(insertedElement.key, insertedElement)\n    if (!isElementReference(insertedElement)) {\n      const elementId = getElementIdProp(insertedElement, descriptors)\n      if (elementId != null) elementIds.set(insertedElement.key, elementId)\n    }\n  }\n}\n\nfunction applyInsert(\n  elementTree: ElementTree,\n  descriptors: DescriptorsByComponentType,\n  rootElements: { old: Element; new: Element },\n  path: OperationPath,\n): ElementTree {\n  const [insertedElementPath, ...parentElementPaths] = getChangedElementsPaths(path)\n  const [insertedElement, propName] = getElementAndPropName(rootElements.new, insertedElementPath)\n\n  const elements = new Map(elementTree.elements)\n  const elementIds = new Map(elementTree.elementIds)\n\n  insertElement({ elements, elementIds }, insertedElement, propName, descriptors)\n  updateParentElements(elements, parentElementPaths, rootElements.new)\n\n  return {\n    elements,\n    elementIds,\n  }\n}\n\nfunction applyUpdate(\n  elementTree: ElementTree,\n  descriptors: DescriptorsByComponentType,\n  rootElements: { old: Element; new: Element },\n  path: OperationPath,\n): ElementTree {\n  const [updateElementPath, ...parentElementPaths] = getChangedElementsPaths(path)\n  const [deletedElement, propName] = getElementAndPropName(rootElements.old, updateElementPath)\n  const [insertedElement, _] = getElementAndPropName(rootElements.new, updateElementPath)\n\n  const elements = new Map(elementTree.elements)\n  const elementIds = new Map(elementTree.elementIds)\n\n  deleteElement({ elements, elementIds }, deletedElement, propName, descriptors)\n  insertElement({ elements, elementIds }, insertedElement, propName, descriptors)\n\n  updateParentElements(elements, parentElementPaths, rootElements.new)\n\n  return {\n    elements,\n    elementIds,\n  }\n}\n\nfunction applyChanges(\n  elementTree: ElementTree,\n  descriptors: DescriptorsByComponentType,\n  rootElements: { old: Element; new: Element },\n  operation: Operation,\n): ElementTree {\n  return operation.reduce((tree, op) => {\n    const hasDelete = 'ld' in op || 'od' in op\n    const hasInsert = 'li' in op || 'oi' in op\n    if (hasDelete && hasInsert) {\n      return applyUpdate(tree, descriptors, rootElements, op.p)\n    }\n\n    if (hasDelete) return applyDelete(tree, descriptors, rootElements, op.p)\n    if (hasInsert) return applyInsert(tree, descriptors, rootElements, op.p)\n    return tree\n  }, elementTree)\n}\n"],"mappings":"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","names":["i"]}
+{"version":3,"sources":["../../../../src/state/modules/element-trees.ts"],"sourcesContent":["import { type Operation } from 'ot-json0'\nimport { getIn } from 'immutable'\n\nimport { type Element, type ElementData, isElementReference } from '@makeswift/controls'\n\nimport { Introspection } from '../../prop-controllers'\n\nimport { type Action, type UnknownAction, ActionTypes, isKnownAction } from '../actions'\n\nimport { getRootElement, type Document } from './read-only-documents'\nimport { type DescriptorsByComponentType } from './prop-controllers'\n\nexport type ElementTree = {\n  elements: Map<string, Element>\n  elementIds: Map<string, string>\n}\n\nexport type State = Map<string, ElementTree>\n\nexport function getInitialState(\n  documents?: Map<string, Document>,\n  descriptors?: DescriptorsByComponentType,\n): State {\n  const state = new Map<string, ElementTree>()\n  if (documents == null || descriptors == null) return state\n\n  for (const [documentKey, document] of documents) {\n    state.set(documentKey, buildElementTree(getRootElement(document), descriptors))\n  }\n\n  return state\n}\n\nfunction getElementTree(state: State, documentKey: string): ElementTree | null {\n  return state.get(documentKey) ?? null\n}\n\nexport function getElements(state: State, documentKey: string): Map<string, Element> {\n  return getElementTree(state, documentKey)?.elements ?? new Map()\n}\n\nexport function getElementIds(state: State, documentKey: string): Map<string, string> {\n  return getElementTree(state, documentKey)?.elementIds ?? new Map()\n}\n\nexport function getElement(state: State, documentKey: string, elementKey: string): Element | null {\n  return getElements(state, documentKey).get(elementKey) ?? null\n}\n\nexport function getElementId(state: State, documentKey: string, elementKey: string): string | null {\n  return getElementIds(state, documentKey).get(elementKey) ?? null\n}\n\nexport function reducer(state: State = getInitialState(), action: Action | UnknownAction): State {\n  if (!isKnownAction(action)) return state\n\n  switch (action.type) {\n    case ActionTypes.CREATE_ELEMENT_TREE: {\n      const { document, descriptors } = action.payload\n      return new Map(state).set(\n        document.key,\n        buildElementTree(getRootElement(document), descriptors),\n      )\n    }\n\n    case ActionTypes.DELETE_ELEMENT_TREE: {\n      const nextState = new Map(state)\n      const deleted = nextState.delete(action.payload.documentKey)\n      return deleted ? nextState : state\n    }\n\n    case ActionTypes.CHANGE_ELEMENT_TREE: {\n      const { oldDocument, newDocument, descriptors, operation } = action.payload\n      const documentKey = oldDocument.key\n      console.assert(\n        documentKey === newDocument.key,\n        `Mismatching document keys ${documentKey} !== ${newDocument.key}`,\n      )\n\n      const elementTree = state.get(documentKey)\n      if (elementTree == null) return state\n\n      const updatedElementTree = applyChanges(\n        elementTree,\n        descriptors,\n        {\n          old: getRootElement(oldDocument),\n          new: getRootElement(newDocument),\n        },\n        operation,\n      )\n\n      return new Map(state).set(documentKey, updatedElementTree)\n    }\n\n    default:\n      return state\n  }\n}\n\nexport function* traverseElementTree(\n  element: Element,\n  descriptors: DescriptorsByComponentType,\n): Generator<Element> {\n  yield element\n  if (isElementReference(element)) return\n\n  const elementDescriptors = descriptors.get(element.type)\n  if (elementDescriptors == null) return\n\n  for (const [propKey, descriptor] of Object.entries(elementDescriptors)) {\n    const children = Introspection.getElementChildren(descriptor, element.props[propKey])\n    for (const child of children) {\n      yield* traverseElementTree(child, descriptors)\n    }\n  }\n}\n\nfunction getElementIdProp(\n  element: ElementData,\n  descriptors: DescriptorsByComponentType,\n): string | null {\n  const elementDescriptors = descriptors.get(element.type)\n  if (elementDescriptors == null) return null\n\n  for (const [propName, descriptor] of Object.entries(elementDescriptors)) {\n    const elementId = Introspection.getElementId(descriptor, element.props[propName])\n    if (elementId != null) return elementId\n  }\n\n  return null\n}\n\nexport function buildElementTree(\n  rootElement: Element,\n  descriptors: DescriptorsByComponentType,\n): ElementTree {\n  const elements = new Map<string, Element>()\n  const elementIds = new Map<string, string>()\n\n  for (const element of traverseElementTree(rootElement, descriptors)) {\n    elements.set(element.key, element)\n    if (!isElementReference(element)) {\n      const elementId = getElementIdProp(element, descriptors)\n      if (elementId != null) elementIds.set(element.key, elementId)\n    }\n  }\n\n  return {\n    elements,\n    elementIds,\n  }\n}\n\ntype OperationPath = Operation[number]['p']\n\n// performance-sensitive function, intentionally not using `elementData` schema here\nfunction isElement(item: unknown): item is Element {\n  return (\n    typeof item === 'object' &&\n    item != null &&\n    'key' in item &&\n    'type' in item &&\n    typeof item.key === 'string' &&\n    typeof item.type === 'string'\n  )\n}\n\ntype ElementOperationPath = { elementPath: OperationPath; propName: string | null }\n\nfunction getElementOperationPath(path: OperationPath): ElementOperationPath {\n  if (path.length === 0) {\n    return { elementPath: [], propName: null }\n  }\n\n  const i = path.findLastIndex(\n    (fragment, i) =>\n      typeof fragment === 'number' && (i === path.length - 1 || path[i + 1] === 'props'),\n  )\n\n  if ((i === -1 && path[0] !== 'props') || path.length - i < 3) {\n    console.error('Operation path does not point to an element property', { path })\n    return { elementPath: [], propName: null }\n  }\n\n  return { elementPath: path.slice(0, i + 1), propName: `${path.slice(i + 1).at(1)}` }\n}\n\nexport function getChangedElementsPaths(\n  path: OperationPath,\n): [ElementOperationPath, ...ElementOperationPath[]] {\n  let elementOp = getElementOperationPath(path)\n  const result: [ElementOperationPath, ...ElementOperationPath[]] = [elementOp]\n  while (elementOp.elementPath.length > 0) {\n    elementOp = getElementOperationPath(elementOp.elementPath.slice(0, -1))\n    result.push(elementOp)\n  }\n\n  return result\n}\n\nfunction getElementByPath(rootElement: Element, elementPath: OperationPath): Element | null {\n  const item = getIn(rootElement, elementPath)\n  if (!isElement(item)) {\n    console.error('Expected an element, got', item, {\n      rootElement,\n      elementPath,\n    })\n\n    return null\n  }\n\n  return item\n}\n\nfunction getElementAndPropName(\n  rootElement: Element,\n  { elementPath, propName }: ElementOperationPath,\n): [Element, string | null] {\n  const element = getElementByPath(rootElement, elementPath)\n  return element != null ? [element, propName] : [rootElement, null]\n}\n\nfunction updateParentElements(\n  elements: ElementTree['elements'],\n  elementPaths: ElementOperationPath[],\n  rootElement: Element,\n): void {\n  elementPaths.forEach(({ elementPath }) => {\n    const element = getElementByPath(rootElement, elementPath)\n    if (element != null) elements.set(element.key, element)\n  })\n}\n\nfunction hasChildren(\n  element: Element,\n  propName: string,\n  descriptors: DescriptorsByComponentType,\n): boolean {\n  if (isElementReference(element)) return false\n\n  const propDescriptor = descriptors.get(element.type)?.[propName]\n  if (propDescriptor == null) return false\n\n  const children = Introspection.getElementChildren(propDescriptor, element.props[propName])\n  return children.length > 0\n}\n\nfunction deleteElement(\n  { elements, elementIds }: ElementTree,\n  deletedElement: Element,\n  propName: string | null,\n  descriptors: DescriptorsByComponentType,\n) {\n  if (propName == null || hasChildren(deletedElement, propName, descriptors)) {\n    for (const element of traverseElementTree(deletedElement, descriptors)) {\n      elements.delete(element.key)\n      elementIds.delete(element.key)\n    }\n  } else {\n    elements.delete(deletedElement.key)\n    elementIds.delete(deletedElement.key)\n  }\n}\n\nfunction applyDelete(\n  elementTree: ElementTree,\n  descriptors: DescriptorsByComponentType,\n  rootElements: { old: Element; new: Element },\n  path: OperationPath,\n): ElementTree {\n  const [deleteElementPath, ...parentElementPaths] = getChangedElementsPaths(path)\n  const [deletedElement, propName] = getElementAndPropName(rootElements.old, deleteElementPath)\n\n  const elements = new Map(elementTree.elements)\n  const elementIds = new Map(elementTree.elementIds)\n\n  deleteElement({ elements, elementIds }, deletedElement, propName, descriptors)\n  updateParentElements(elements, parentElementPaths, rootElements.new)\n\n  return {\n    elements,\n    elementIds,\n  }\n}\n\nfunction insertElement(\n  { elements, elementIds }: ElementTree,\n  insertedElement: Element,\n  propName: string | null,\n  descriptors: DescriptorsByComponentType,\n) {\n  if (propName == null || hasChildren(insertedElement, propName, descriptors)) {\n    for (const element of traverseElementTree(insertedElement, descriptors)) {\n      elements.set(element.key, element)\n      if (!isElementReference(element)) {\n        const elementId = getElementIdProp(element, descriptors)\n        if (elementId != null) elementIds.set(element.key, elementId)\n      }\n    }\n  } else {\n    elements.set(insertedElement.key, insertedElement)\n    if (!isElementReference(insertedElement)) {\n      const elementId = getElementIdProp(insertedElement, descriptors)\n      if (elementId != null) elementIds.set(insertedElement.key, elementId)\n    }\n  }\n}\n\nfunction applyInsert(\n  elementTree: ElementTree,\n  descriptors: DescriptorsByComponentType,\n  rootElements: { old: Element; new: Element },\n  path: OperationPath,\n): ElementTree {\n  const [insertedElementPath, ...parentElementPaths] = getChangedElementsPaths(path)\n  const [insertedElement, propName] = getElementAndPropName(rootElements.new, insertedElementPath)\n\n  const elements = new Map(elementTree.elements)\n  const elementIds = new Map(elementTree.elementIds)\n\n  insertElement({ elements, elementIds }, insertedElement, propName, descriptors)\n  updateParentElements(elements, parentElementPaths, rootElements.new)\n\n  return {\n    elements,\n    elementIds,\n  }\n}\n\nfunction applyUpdate(\n  elementTree: ElementTree,\n  descriptors: DescriptorsByComponentType,\n  rootElements: { old: Element; new: Element },\n  path: OperationPath,\n): ElementTree {\n  const [updateElementPath, ...parentElementPaths] = getChangedElementsPaths(path)\n  const [deletedElement, propName] = getElementAndPropName(rootElements.old, updateElementPath)\n  const [insertedElement, _] = getElementAndPropName(rootElements.new, updateElementPath)\n\n  const elements = new Map(elementTree.elements)\n  const elementIds = new Map(elementTree.elementIds)\n\n  deleteElement({ elements, elementIds }, deletedElement, propName, descriptors)\n  insertElement({ elements, elementIds }, insertedElement, propName, descriptors)\n\n  updateParentElements(elements, parentElementPaths, rootElements.new)\n\n  return {\n    elements,\n    elementIds,\n  }\n}\n\nfunction applyChanges(\n  elementTree: ElementTree,\n  descriptors: DescriptorsByComponentType,\n  rootElements: { old: Element; new: Element },\n  operation: Operation,\n): ElementTree {\n  return operation.reduce((tree, op) => {\n    const hasDelete = 'ld' in op || 'od' in op\n    const hasInsert = 'li' in op || 'oi' in op\n    if (hasDelete && hasInsert) {\n      return applyUpdate(tree, descriptors, rootElements, op.p)\n    }\n\n    if (hasDelete) return applyDelete(tree, descriptors, rootElements, op.p)\n    if (hasInsert) return applyInsert(tree, descriptors, rootElements, op.p)\n    return tree\n  }, elementTree)\n}\n"],"mappings":"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","names":["i"]}