@makeswift/runtime 0.22.3 → 0.23.0-canary.0

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

@@ -31,28 +31,59 @@ __export(makeswift_api_client_exports, {
   configureStore: () => configureStore,
   fetchAPIResource: () => fetchAPIResource,
   getAPIResource: () => getAPIResource,
-  getHasAPIResource: () => getHasAPIResource,
-  getSerializedState: () => getSerializedState
+  getHasAPIResource: () => getHasAPIResource
 });
 module.exports = __toCommonJS(makeswift_api_client_exports);
 var import_redux = require("redux");
 var import_redux_thunk = __toESM(require("redux-thunk"));
+var import_extension = require("@redux-devtools/extension");
+var import_serializeState = require("../utils/serializeState");
 var APIResources = __toESM(require("./modules/api-resources"));
+var LocalizedResourcesMap = __toESM(require("./modules/localized-resources-map"));
 var import_actions = require("./actions");
 var import_api = require("../api");
-const reducer = APIResources.reducer;
-function getSerializedState(state) {
-  return APIResources.getSerializedState(state);
+var import_site_published = require("../next/api-handler/handlers/webhook/site-published");
+const reducer = (0, import_redux.combineReducers)({
+  apiResources: APIResources.reducer,
+  localizedResourcesMap: LocalizedResourcesMap.reducer
+});
+function getLocalizedResourceId(state, locale, resourceId) {
+  return LocalizedResourcesMap.getLocalizedResourceId(
+    state.localizedResourcesMap,
+    locale,
+    resourceId
+  );
 }
-function getHasAPIResource(state, resourceType, resourceId) {
-  return APIResources.getHasAPIResource(state, resourceType, resourceId);
+function getHasAPIResource(state, resourceType, resourceId, locale) {
+  switch (resourceType) {
+    case import_api.APIResourceType.LocalizedGlobalElement:
+      if (locale == null) {
+        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`);
+        return false;
+      }
+      const localizedId = getLocalizedResourceId(state, locale, resourceId);
+      return localizedId != null && APIResources.getHasAPIResource(state.apiResources, resourceType, localizedId, locale);
+    default:
+      return APIResources.getHasAPIResource(state.apiResources, resourceType, resourceId, locale);
+  }
 }
-function getAPIResource(state, resourceType, resourceId) {
-  return APIResources.getAPIResource(state, resourceType, resourceId);
+function getAPIResource(state, resourceType, resourceId, locale) {
+  switch (resourceType) {
+    case import_api.APIResourceType.LocalizedGlobalElement:
+      if (locale == null) {
+        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`);
+        return null;
+      }
+      const localizedId = getLocalizedResourceId(state, locale, resourceId);
+      return localizedId != null ? APIResources.getAPIResource(state.apiResources, resourceType, localizedId, locale) : null;
+    default:
+      return APIResources.getAPIResource(state.apiResources, resourceType, resourceId, locale);
+  }
 }
 async function fetchJson(url) {
   const response = await fetch(url, {
-    headers: { "Content-Type": "application/json" }
+    headers: { "Content-Type": "application/json" },
+    next: { tags: [import_site_published.MAKESWIFT_CACHE_TAG] }
   });
   if (response.status === 404)
     return null;
@@ -68,8 +99,8 @@ async function fetchJson(url) {
 function fetchAPIResource(resourceType, resourceId, locale) {
   return async (dispatch, getState) => {
     const state = getState();
-    if (getHasAPIResource(state, resourceType, resourceId)) {
-      return getAPIResource(state, resourceType, resourceId);
+    if (getHasAPIResource(state, resourceType, resourceId, locale)) {
+      return getAPIResource(state, resourceType, resourceId, locale);
     }
     let resource;
     switch (resourceType) {
@@ -88,15 +119,25 @@ function fetchAPIResource(resourceType, resourceId, locale) {
       case import_api.APIResourceType.LocalizedGlobalElement: {
         if (locale == null)
           throw new Error("Locale is required to fetch LocalizedGlobalElement");
+        if (getLocalizedResourceId(state, locale, resourceId) === null) {
+          return null;
+        }
         resource = await fetchJson(
           `/api/makeswift/localized-global-elements/${resourceId}/${locale}`
         );
+        dispatch(
+          (0, import_actions.setLocalizedResourceId)({
+            locale,
+            resourceId,
+            localizedResourceId: resource?.id ?? null
+          })
+        );
         break;
       }
       case import_api.APIResourceType.PagePathnameSlice: {
         const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, "http://n");
         if (locale != null)
-          url.searchParams.set("locale", locale.toString());
+          url.searchParams.set("locale", locale);
         resource = await fetchJson(url.pathname + url.search);
         break;
       }
@@ -106,19 +147,58 @@ function fetchAPIResource(resourceType, resourceId, locale) {
       default:
         resource = null;
     }
-    dispatch((0, import_actions.apiResourceFulfilled)(resourceType, resourceId, resource));
+    dispatch((0, import_actions.apiResourceFulfilled)(resourceType, resourceId, resource, locale));
     return resource;
   };
 }
-function configureStore({ serializedState }) {
-  return (0, import_redux.createStore)(reducer, APIResources.getInitialState(serializedState), (0, import_redux.applyMiddleware)(import_redux_thunk.default));
+function defaultLocaleMiddleware(defaultLocale) {
+  return () => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case import_actions.ActionTypes.CHANGE_API_RESOURCE:
+        case import_actions.ActionTypes.EVICT_API_RESOURCE:
+        case import_actions.ActionTypes.SET_LOCALIZED_RESOURCE_ID: {
+          const { locale } = action.payload;
+          return next({
+            ...action,
+            payload: { ...action.payload, locale: locale ?? defaultLocale }
+          });
+        }
+      }
+      return next(action);
+    };
+  };
+}
+function configureStore({
+  defaultLocale,
+  serializedState
+}) {
+  const composeEnhancers = (0, import_extension.composeWithDevToolsDevelopmentOnly)({
+    name: `API client store (${(/* @__PURE__ */ new Date()).toISOString()})`,
+    serialize: true,
+    stateSanitizer: (state) => (0, import_serializeState.serializeState)(state),
+    actionsDenylist: [
+      import_actions.ActionTypes.BUILDER_POINTER_MOVE,
+      import_actions.ActionTypes.HANDLE_POINTER_MOVE,
+      import_actions.ActionTypes.ELEMENT_FROM_POINT_CHANGE
+    ]
+  });
+  return (0, import_redux.createStore)(
+    reducer,
+    {
+      apiResources: APIResources.getInitialState(serializedState?.apiResources),
+      localizedResourcesMap: LocalizedResourcesMap.getInitialState(
+        serializedState?.localizedResourcesMap
+      )
+    },
+    composeEnhancers((0, import_redux.applyMiddleware)(import_redux_thunk.default, defaultLocaleMiddleware(defaultLocale)))
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   configureStore,
   fetchAPIResource,
   getAPIResource,
-  getHasAPIResource,
-  getSerializedState
+  getHasAPIResource
 });
 //# sourceMappingURL=makeswift-api-client.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/makeswift-api-client.ts"],"sourcesContent":["import { applyMiddleware, createStore, Store as ReduxStore } from 'redux'\nimport thunk, { ThunkAction, ThunkDispatch } from 'redux-thunk'\n\nimport * as APIResources from './modules/api-resources'\nimport { Action, apiResourceFulfilled } from './actions'\nimport {\n  APIResource,\n  APIResourceType,\n  Swatch,\n  File,\n  Typography,\n  GlobalElement,\n  PagePathnameSlice,\n  Table,\n  LocalizedGlobalElement,\n} from '../api'\n\nconst reducer = APIResources.reducer\n\nexport type State = ReturnType<typeof reducer>\n\nexport type SerializedState = APIResources.SerializedState\n\nexport function getSerializedState(state: State): SerializedState {\n  return APIResources.getSerializedState(state)\n}\n\nexport function getHasAPIResource(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n): boolean {\n  return APIResources.getHasAPIResource(state, resourceType, resourceId)\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n): Extract<APIResource, { __typename: T }> | null {\n  return APIResources.getAPIResource(state, resourceType, resourceId)\n}\n\ntype Thunk<ReturnType> = ThunkAction<ReturnType, State, unknown, Action>\n\nasync function fetchJson<T>(url: string): Promise<T | null> {\n  const response = await fetch(url, {\n    headers: { 'Content-Type': 'application/json' },\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  locale?: Intl.Locale,\n): Thunk<Promise<Extract<APIResource, { __typename: T }> | null>> {\n  return async (dispatch, getState) => {\n    const state = getState()\n\n    if (getHasAPIResource(state, resourceType, resourceId)) {\n      return getAPIResource(state, resourceType, resourceId)\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        resource = await fetchJson<LocalizedGlobalElement>(\n          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,\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.toString())\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))\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\nexport function configureStore({ serializedState }: { serializedState?: SerializedState }): Store {\n  return createStore(reducer, APIResources.getInitialState(serializedState), applyMiddleware(thunk))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkE;AAClE,yBAAkD;AAElD,mBAA8B;AAC9B,qBAA6C;AAC7C,iBAUO;AAEP,MAAM,UAAU,aAAa;AAMtB,SAAS,mBAAmB,OAA+B;AAChE,SAAO,aAAa,mBAAmB,KAAK;AAC9C;AAEO,SAAS,kBACd,OACA,cACA,YACS;AACT,SAAO,aAAa,kBAAkB,OAAO,cAAc,UAAU;AACvE;AAEO,SAAS,eACd,OACA,cACA,YACgD;AAChD,SAAO,aAAa,eAAe,OAAO,cAAc,UAAU;AACpE;AAIA,eAAe,UAAa,KAAgC;AAC1D,QAAM,WAAW,MAAM,MAAM,KAAK;AAAA,IAChC,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,EAChD,CAAC;AAED,MAAI,SAAS,WAAW;AAAK,WAAO;AAEpC,MAAI,CAAC,SAAS;AAAI,UAAM,IAAI,MAAM,SAAS,UAAU;AAErD,MAAI,SAAS,QAAQ,IAAI,cAAc,GAAG,SAAS,kBAAkB,MAAM,MAAM;AAC/E,UAAM,IAAI;AAAA,MACR,gCAAgC,GAAG,cAAc,SAAS,QAAQ,IAAI,cAAc,CAAC;AAAA,IACvF;AAAA,EACF;AAEA,SAAO,SAAS,KAAK;AACvB;AAEO,SAAS,iBACd,cACA,YACA,QACgE;AAChE,SAAO,OAAO,UAAU,aAAa;AACnC,UAAM,QAAQ,SAAS;AAEvB,QAAI,kBAAkB,OAAO,cAAc,UAAU,GAAG;AACtD,aAAO,eAAe,OAAO,cAAc,UAAU;AAAA,IACvD;AAEA,QAAI;AAEJ,YAAQ,cAAc;AAAA,MACpB,KAAK,2BAAgB;AACnB,mBAAW,MAAM,UAAkB,2BAA2B,UAAU,EAAE;AAC1E;AAAA,MAEF,KAAK,2BAAgB;AACnB,mBAAW,MAAM,UAAgB,wBAAwB,UAAU,EAAE;AACrE;AAAA,MAEF,KAAK,2BAAgB;AACnB,mBAAW,MAAM,UAAsB,+BAA+B,UAAU,EAAE;AAClF;AAAA,MAEF,KAAK,2BAAgB;AACnB,mBAAW,MAAM,UAAyB,kCAAkC,UAAU,EAAE;AACxF;AAAA,MAEF,KAAK,2BAAgB,wBAAwB;AAC3C,YAAI,UAAU;AAAM,gBAAM,IAAI,MAAM,oDAAoD;AAExF,mBAAW,MAAM;AAAA,UACf,4CAA4C,UAAU,IAAI,MAAM;AAAA,QAClE;AACA;AAAA,MACF;AAAA,MAEA,KAAK,2BAAgB,mBAAmB;AACtC,cAAM,MAAM,IAAI,IAAI,uCAAuC,UAAU,IAAI,UAAU;AAEnF,YAAI,UAAU;AAAM,cAAI,aAAa,IAAI,UAAU,OAAO,SAAS,CAAC;AAEpE,mBAAW,MAAM,UAA6B,IAAI,WAAW,IAAI,MAAM;AACvE;AAAA,MACF;AAAA,MAEA,KAAK,2BAAgB;AACnB,mBAAW,MAAM,UAAiB,yBAAyB,UAAU,EAAE;AACvE;AAAA,MAEF;AACE,mBAAW;AAAA,IACf;AAEA,iBAAS,qCAAqB,cAAc,YAAY,QAAQ,CAAC;AAEjE,WAAO;AAAA,EACT;AACF;AAMO,SAAS,eAAe,EAAE,gBAAgB,GAAiD;AAChG,aAAO,0BAAY,SAAS,aAAa,gBAAgB,eAAe,OAAG,8BAAgB,mBAAAA,OAAK,CAAC;AACnG;","names":["thunk"]}
+{"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/api-handler/handlers/webhook/site-published'\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): Promise<T | null> {\n  const response = await fetch(url, {\n    headers: { 'Content-Type': 'application/json' },\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  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}`)\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\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":["thunk"]}

package/dist/cjs/{runtimes/react/hooks/use-document-key.js → state/mixins/setup-teardown.js}

@@ -1,5 +1,4 @@
 "use strict";
-"use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -17,20 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_document_key_exports = {};
-__export(use_document_key_exports, {
-  DocumentContext: () => DocumentContext,
-  useDocumentKey: () => useDocumentKey
+var setup_teardown_exports = {};
+__export(setup_teardown_exports, {
+  withSetupTeardown: () => withSetupTeardown
 });
-module.exports = __toCommonJS(use_document_key_exports);
-var import_react = require("react");
-const DocumentContext = (0, import_react.createContext)(null);
-function useDocumentKey() {
-  return (0, import_react.useContext)(DocumentContext);
+module.exports = __toCommonJS(setup_teardown_exports);
+function withSetupTeardown(setup, teardown) {
+  return (next) => (reducer, preloadedState) => ({
+    ...next(reducer, preloadedState),
+    setup,
+    teardown
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  DocumentContext,
-  useDocumentKey
+  withSetupTeardown
 });
-//# sourceMappingURL=use-document-key.js.map
+//# sourceMappingURL=setup-teardown.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;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/cjs/state/modules/api-resources.js

@@ -38,6 +38,19 @@ module.exports = __toCommonJS(api_resources_exports);
 var import_api = require("../../api");
 var import_deepEqual = __toESM(require("../../utils/deepEqual"));
 var import_actions = require("../actions");
+function isValidAPIResourceType(resourceType) {
+  return resourceType in import_api.APIResourceType;
+}
+function isLocalizableAPIResourceType(resourceType) {
+  return resourceType in import_api.LocalizableAPIResourceType;
+}
+function compositeId(resourceId, resourceType, locale) {
+  return locale != null && isLocalizableAPIResourceType(resourceType) ? `${resourceId}@${locale}` : resourceId;
+}
+function parseCompositeId(compositeId2) {
+  const [resourceId, locale] = compositeId2.split("@");
+  return [resourceId, locale ?? null];
+}
 function getInitialState(serializedState = {
   Swatch: [],
   File: [],
@@ -51,9 +64,14 @@ function getInitialState(serializedState = {
   LocalizedGlobalElement: []
 }) {
   return new Map(
-    Object.entries(serializedState).map(([apiResourceType, resources]) => [
-      apiResourceType,
-      new Map(resources.map(({ id, value }) => [id, value]))
+    Object.entries(serializedState).map(([resourceType, resources]) => [
+      resourceType,
+      new Map(
+        resources.map(({ id, value, locale }) => [
+          compositeId(id, resourceType, locale),
+          value
+        ])
+      )
     ])
   );
 }
@@ -72,53 +90,73 @@ function getSerializedState(state) {
   };
   Array.from(state.entries()).forEach(([resourceType, resources]) => {
     const particularResourceMap = [];
-    Array.from(resources.entries()).forEach(([id, value]) => {
+    Array.from(resources.entries()).forEach(([compositeId2, value]) => {
       if (value != null) {
-        particularResourceMap.push({ id, value });
+        const [id, locale] = parseCompositeId(compositeId2);
+        console.assert(
+          locale == null || isLocalizableAPIResourceType(resourceType),
+          `Unexpected locale for non-localizable resource type ${resourceType}`,
+          { id, locale }
+        );
+        particularResourceMap.push(locale != null ? { id, value, locale } : { id, value });
       }
     });
     resourceMap[resourceType] = particularResourceMap;
   });
   return resourceMap;
 }
-function getHasAPIResource(state, resourceType, resourceId) {
-  return state.get(resourceType)?.has(resourceId) ?? false;
+function getHasAPIResource(state, resourceType, resourceId, locale) {
+  return state.get(resourceType)?.has(compositeId(resourceId, resourceType, locale)) ?? false;
 }
-function getAPIResource(state, resourceType, resourceId) {
-  const resource = state.get(resourceType)?.get(resourceId);
+function getAPIResource(state, resourceType, resourceId, locale) {
+  const resource = state.get(resourceType)?.get(compositeId(resourceId, resourceType, locale));
   return resource?.__typename === resourceType ? resource : null;
 }
 function reducer(state = getInitialState(), action) {
   switch (action.type) {
+    case import_actions.ActionTypes.UPDATE_API_CLIENT_CACHE: {
+      const { apiResources } = action.payload;
+      return Object.entries(apiResources).reduce((state2, [resourceType, cachedResources]) => {
+        const resType = resourceType;
+        const cached = cachedResources;
+        const existing = state2.get(resType) ?? /* @__PURE__ */ new Map();
+        const updated = cached?.reduce((r, { id, value, locale }) => {
+          const cid = compositeId(id, resType, locale);
+          return r.get(cid) != null ? r : new Map(r).set(cid, value);
+        }, existing);
+        return updated == null || updated === existing ? state2 : new Map(state2).set(resType, updated);
+      }, state);
+    }
     case import_actions.ActionTypes.API_RESOURCE_FULFILLED: {
-      const { resourceType, resourceId, resource } = action.payload;
+      const { resourceType, resourceId, resource, locale } = action.payload;
       return new Map(state).set(
         resourceType,
-        new Map(state.get(resourceType)).set(resourceId, resource)
+        new Map(state.get(resourceType)).set(
+          compositeId(resourceId, resourceType, locale),
+          resource
+        )
       );
     }
     case import_actions.ActionTypes.CHANGE_API_RESOURCE: {
-      const existingApiResource = getAPIResource(
-        state,
-        action.payload.resource.__typename,
-        action.payload.resource.id
-      );
-      if ((0, import_deepEqual.default)(existingApiResource, action.payload.resource))
+      const { resource, locale } = action.payload;
+      const existingApiResource = getAPIResource(state, resource.__typename, resource.id, locale);
+      if ((0, import_deepEqual.default)(existingApiResource, resource))
         return state;
       return new Map(state).set(
-        action.payload.resource.__typename,
-        new Map(state.get(action.payload.resource.__typename)).set(
-          action.payload.resource.id,
-          action.payload.resource
+        resource.__typename,
+        new Map(state.get(resource.__typename)).set(
+          compositeId(resource.id, resource.__typename, locale),
+          resource
         )
       );
     }
     case import_actions.ActionTypes.EVICT_API_RESOURCE: {
-      const [resourceType, resourceId] = action.payload.id.split(":");
-      if (!(resourceType in import_api.APIResourceType))
+      const { id, locale } = action.payload;
+      const [resourceType, resourceId] = id.split(":");
+      if (!isValidAPIResourceType(resourceType))
         return state;
       const resources = new Map(state.get(resourceType));
-      const deleted = resources.delete(resourceId);
+      const deleted = resources.delete(compositeId(resourceId, resourceType, locale));
       return deleted ? new Map(state).set(resourceType, resources) : state;
     }
     default:

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/modules/api-resources.ts"],"sourcesContent":["import { APIResource, APIResourceType } from '../../api'\nimport deepEqual from '../../utils/deepEqual'\nimport { Action, ActionTypes } from '../actions'\n\ntype State = Map<APIResourceType, Map<string, APIResource | null>>\n\nexport type SerializedState = {\n  [key in APIResourceType]?: {\n    id: string\n    value: Extract<APIResource, { __typename: key }> | null\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(([apiResourceType, resources]) => [\n      apiResourceType,\n      new Map(resources.map(({ id, value }) => [id, value])),\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 }[] = []\n\n    Array.from(resources.entries()).forEach(([id, value]) => {\n      if (value != null) {\n        particularResourceMap.push({ id, value })\n      }\n    })\n\n    resourceMap[resourceType] = particularResourceMap\n  })\n\n  return resourceMap\n}\n\nexport function getHasAPIResource(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n): boolean {\n  return state.get(resourceType)?.has(resourceId) ?? false\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n): Extract<APIResource, { __typename: T }> | null {\n  const resource = state.get(resourceType)?.get(resourceId)\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.API_RESOURCE_FULFILLED: {\n      const { resourceType, resourceId, resource } = action.payload\n\n      return new Map(state).set(\n        resourceType,\n        new Map(state.get(resourceType)!).set(resourceId, resource),\n      )\n    }\n\n    case ActionTypes.CHANGE_API_RESOURCE: {\n      const existingApiResource = getAPIResource(\n        state,\n        action.payload.resource.__typename,\n        action.payload.resource.id,\n      )\n\n      if (deepEqual(existingApiResource, action.payload.resource)) return state\n\n      return new Map(state).set(\n        action.payload.resource.__typename,\n        new Map(state.get(action.payload.resource.__typename)!).set(\n          action.payload.resource.id,\n          action.payload.resource,\n        ),\n      )\n    }\n\n    case ActionTypes.EVICT_API_RESOURCE: {\n      const [resourceType, resourceId] = action.payload.id.split(':')\n\n      if (!(resourceType in APIResourceType)) return state\n\n      const resources = new Map(state.get(resourceType as APIResourceType)!)\n\n      const deleted = resources.delete(resourceId)\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":["deepEqual"]}
+{"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","deepEqual"]}

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

@@ -31,14 +31,15 @@ __export(element_trees_exports, {
 module.exports = __toCommonJS(element_trees_exports);
 var import_immutable = require("immutable");
 var import_controls = require("@makeswift/controls");
-var import_actions = require("../actions");
 var import_prop_controllers = require("../../prop-controllers");
-function getInitialState(rootElements, descriptors) {
+var import_actions = require("../actions");
+var import_read_only_documents = require("./read-only-documents");
+function getInitialState(documents, descriptors) {
   const state = /* @__PURE__ */ new Map();
-  if (rootElements == null || descriptors == null)
+  if (documents == null || descriptors == null)
     return state;
-  for (const [documentKey, rootElement] of rootElements) {
-    state.set(documentKey, buildElementTree(rootElement, descriptors));
+  for (const [documentKey, document] of documents) {
+    state.set(documentKey, buildElementTree((0, import_read_only_documents.getRootElement)(document), descriptors));
   }
   return state;
 }
@@ -61,7 +62,10 @@ function reducer(state = getInitialState(), action) {
   switch (action.type) {
     case import_actions.ActionTypes.CREATE_ELEMENT_TREE: {
       const { document, descriptors } = action.payload;
-      return new Map(state).set(document.key, buildElementTree(document.rootElement, descriptors));
+      return new Map(state).set(
+        document.key,
+        buildElementTree((0, import_read_only_documents.getRootElement)(document), descriptors)
+      );
     }
     case import_actions.ActionTypes.DELETE_ELEMENT_TREE: {
       const nextState = new Map(state);
@@ -81,7 +85,10 @@ function reducer(state = getInitialState(), action) {
       const updatedElementTree = applyChanges(
         elementTree,
         descriptors,
-        { old: oldDocument.rootElement, new: newDocument.rootElement },
+        {
+          old: (0, import_read_only_documents.getRootElement)(oldDocument),
+          new: (0, import_read_only_documents.getRootElement)(newDocument)
+        },
         operation
       );
       return new Map(state).set(documentKey, updatedElementTree);

package/dist/cjs/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, ElementData, isElementReference } from '@makeswift/controls'\n\nimport { type Action, ActionTypes } from '../actions'\nimport { Introspection } from '../../prop-controllers'\n\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  rootElements?: Map<string, Element>,\n  descriptors?: DescriptorsByComponentType,\n): State {\n  const state = new Map<string, ElementTree>()\n  if (rootElements == null || descriptors == null) return state\n\n  for (const [documentKey, rootElement] of rootElements) {\n    state.set(documentKey, buildElementTree(rootElement, descriptors))\n  }\n\n  return state\n}\n\nfunction getElementTree(state: State, id: string): ElementTree | null {\n  return state.get(id) ?? 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(document.key, buildElementTree(document.rootElement, descriptors))\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        { old: oldDocument.rootElement, new: newDocument.rootElement },\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 }\n\nfunction getElementOperationPath(path: OperationPath): ElementOperationPath {\n  const i = path.findLastIndex(\n    (fragment, i) =>\n      typeof fragment === 'number' && (i === path.length - 1 || path[i + 1] === 'props'),\n  )\n\n  if (path.length === 0 || (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: 'children' }\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] {\n  const element = getElementByPath(rootElement, elementPath)\n  return element != null ? [element, propName] : [rootElement, 'children']\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,\n  descriptors: DescriptorsByComponentType,\n) {\n  if (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,\n  descriptors: DescriptorsByComponentType,\n) {\n  if (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, 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, id: string): ElementTree | null {\n  return state.get(id) ?? 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 }\n\nfunction getElementOperationPath(path: OperationPath): ElementOperationPath {\n  const i = path.findLastIndex(\n    (fragment, i) =>\n      typeof fragment === 'number' && (i === path.length - 1 || path[i + 1] === 'props'),\n  )\n\n  if (path.length === 0 || (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: 'children' }\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] {\n  const element = getElementByPath(rootElement, elementPath)\n  return element != null ? [element, propName] : [rootElement, 'children']\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,\n  descriptors: DescriptorsByComponentType,\n) {\n  if (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,\n  descriptors: DescriptorsByComponentType,\n) {\n  if (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"]}