@makeswift/runtime 0.27.2 → 0.27.3

package/dist/cjs/state/react-page.js

@@ -35,7 +35,6 @@ __export(react_page_exports, {
   elementTreeMiddleware: () => elementTreeMiddleware,
   getBreakpoints: () => getBreakpoints,
   getBuilderEditMode: () => getBuilderEditMode,
-  getComponentMeta: () => getComponentMeta,
   getComponentPropControllerDescriptors: () => getComponentPropControllerDescriptors,
   getDocument: () => getDocument,
   getDocumentKeysSortedByDepth: () => getDocumentKeysSortedByDepth,
@@ -43,6 +42,7 @@ __export(react_page_exports, {
   getElementId: () => getElementId,
   getElementIds: () => getElementIds,
   getElementPropControllerDescriptors: () => getElementPropControllerDescriptors,
+  getElementTreeTranslatableData: () => getElementTreeTranslatableData,
   getElements: () => getElements,
   getIsInBuilder: () => getIsInBuilder,
   getIsPreview: () => getIsPreview,
@@ -51,13 +51,13 @@ __export(react_page_exports, {
   getReactComponent: () => getReactComponent,
   getRootElement: () => import_read_only_documents.getRootElement,
   isElementReference: () => import_read_only_documents.isElementReference,
-  mergeElement: () => mergeElement
+  mergeElement: () => mergeElement,
+  mergeElementTreeTranslatedData: () => mergeElementTreeTranslatedData
 });
 module.exports = __toCommonJS(react_page_exports);
 var import_toolkit = require("@reduxjs/toolkit");
 var import_reselect = require("reselect");
 var import_controls = require("@makeswift/controls");
-var import_control = require("../controls/control");
 var Documents = __toESM(require("./modules/read-only-documents"));
 var ElementTrees = __toESM(require("./modules/element-trees"));
 var ReactComponents = __toESM(require("./modules/react-components"));
@@ -69,7 +69,7 @@ var IsPreview = __toESM(require("./modules/is-preview"));
 var BuilderEditMode = __toESM(require("./modules/builder-edit-mode"));
 var Breakpoints = __toESM(require("./modules/breakpoints"));
 var import_actions = require("./actions");
-var import_internal = require("./actions/internal");
+var import_control = require("../controls/control");
 var import_toolkit2 = require("./toolkit");
 var import_setup_teardown = require("./mixins/setup-teardown");
 var import_read_only_documents = require("./modules/read-only-documents");
@@ -106,12 +106,6 @@ function getReactComponentsStateSlice(state) {
 function getReactComponent(state, type) {
   return ReactComponents.getReactComponent(getReactComponentsStateSlice(state), type);
 }
-function getComponentsMetaStateSlice(state) {
-  return state.componentsMeta;
-}
-function getComponentMeta(state, type) {
-  return ComponentsMeta.getComponentMeta(getComponentsMetaStateSlice(state), type);
-}
 function getPropControllersStateSlice(state) {
   return state.propControllers;
 }
@@ -177,6 +171,53 @@ function copyElementTree(state, elementTree, replacementContext) {
   const copy = JSON.parse(JSON.stringify(elementTree));
   return copyElementTreeNode(state, (0, import_controls.createReplacementContext)(replacementContext))(copy);
 }
+function getElementTreeTranslatableData(state, elementTree) {
+  const translatableData = {};
+  const descriptors = getPropControllerDescriptors(state);
+  for (const element of ElementTrees.traverseElementTree(elementTree, descriptors)) {
+    if (Documents.isElementReference(element))
+      continue;
+    const elementPescriptors = descriptors.get(element.type);
+    if (elementPescriptors == null)
+      continue;
+    Object.entries(elementPescriptors).forEach(([propName, descriptor]) => {
+      const translatablePropData = (0, import_control.getTranslatableData)(descriptor, element.props[propName]);
+      if (translatablePropData != null) {
+        translatableData[`${element.key}:${propName}`] = translatablePropData;
+      }
+    });
+  }
+  return translatableData;
+}
+function mergeElementTreeTranslatedData(state, elementTree, translatedData) {
+  function merge2(state2, translatedData2) {
+    return function(node) {
+      if (Documents.isElementReference(node))
+        return node;
+      const elementDescriptors = getPropControllerDescriptors(state2);
+      const descriptors = elementDescriptors.get(node.type);
+      if (descriptors == null) {
+        throw new Error(`Can't merge element of type "${node.type}" because it has no descriptors`);
+      }
+      const context = {
+        translatedData: translatedData2,
+        mergeTranslatedData: merge2(state2, translatedData2)
+      };
+      const props = {};
+      for (const propName of Object.keys(descriptors)) {
+        const descriptor = descriptors[propName];
+        props[propName] = (0, import_control.mergeTranslatedData)(
+          descriptor,
+          node.props[propName],
+          translatedData2[`${node.key}:${propName}`],
+          context
+        );
+      }
+      return { ...node, props };
+    };
+  }
+  return merge2(state, translatedData)(elementTree);
+}
 function mergeElement(state, baseElement, overrideElement) {
   if (baseElement.type !== overrideElement.type || baseElement.key !== overrideElement.key) {
     throw new Error(`Can't merge elements of different types or keys`);
@@ -227,7 +268,7 @@ function elementTreeMiddleware() {
       switch (action.type) {
         case import_actions.ActionTypes.REGISTER_DOCUMENT:
           dispatch(
-            (0, import_internal.createElementTree)({
+            (0, import_actions.createElementTree)({
               document: action.payload.document,
               descriptors: getPropControllerDescriptors(getState())
             })
@@ -240,7 +281,7 @@ function elementTreeMiddleware() {
           const newDocument = getDocument(getState(), documentKey);
           if (oldDocument != null && newDocument != null && newDocument !== oldDocument) {
             dispatch(
-              (0, import_internal.changeElementTree)({
+              (0, import_actions.changeElementTree)({
                 oldDocument,
                 newDocument,
                 descriptors: getPropControllerDescriptors(getState()),
@@ -251,7 +292,7 @@ function elementTreeMiddleware() {
           return result;
         }
         case import_actions.ActionTypes.UNREGISTER_DOCUMENT:
-          dispatch((0, import_internal.deleteElementTree)(action.payload));
+          dispatch((0, import_actions.deleteElementTree)(action.payload));
           break;
       }
       return next(action);
@@ -292,7 +333,6 @@ function configureStore({
   elementTreeMiddleware,
   getBreakpoints,
   getBuilderEditMode,
-  getComponentMeta,
   getComponentPropControllerDescriptors,
   getDocument,
   getDocumentKeysSortedByDepth,
@@ -300,6 +340,7 @@ function configureStore({
   getElementId,
   getElementIds,
   getElementPropControllerDescriptors,
+  getElementTreeTranslatableData,
   getElements,
   getIsInBuilder,
   getIsPreview,
@@ -308,6 +349,7 @@ function configureStore({
   getReactComponent,
   getRootElement,
   isElementReference,
-  mergeElement
+  mergeElement,
+  mergeElementTreeTranslatedData
 });
 //# sourceMappingURL=react-page.js.map

package/dist/cjs/state/react-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/react-page.ts"],"sourcesContent":["import {\n  configureStore as configureReduxStore,\n  combineReducers,\n  type ThunkDispatch,\n  type Middleware,\n} from '@reduxjs/toolkit'\n\nimport { createSelector } from 'reselect'\n\nimport {\n  createReplacementContext,\n  type SerializableReplacementContext,\n  type ReplacementContext,\n  type MergeContext,\n  CopyContext,\n  replaceResourceIfNeeded,\n  ContextResource,\n} from '@makeswift/controls'\n\nimport { copy as copyFromControl, merge } from '../controls/control'\n\nimport * as Documents from './modules/read-only-documents'\nimport * as ElementTrees from './modules/element-trees'\nimport * as ReactComponents from './modules/react-components'\nimport * as ComponentsMeta from './modules/components-meta'\nimport * as PropControllers from './modules/prop-controllers'\nimport * as PropControllerHandles from './modules/prop-controller-handles'\nimport * as IsInBuilder from './modules/is-in-builder'\nimport * as IsPreview from './modules/is-preview'\nimport * as BuilderEditMode from './modules/builder-edit-mode'\nimport * as Breakpoints from './modules/breakpoints'\n\nimport { type Action, ActionTypes } from './actions'\nimport { changeElementTree, createElementTree, deleteElementTree } from './actions/internal'\n\nimport { actionMiddleware, middlewareOptions, devToolsConfig } from './toolkit'\n\nimport { withSetupTeardown } from './mixins/setup-teardown'\n\nexport type {\n  Data,\n  Document,\n  DocumentReference,\n  Element,\n  ElementData,\n  ElementReference,\n} from './modules/read-only-documents'\n\nexport {\n  createBaseDocument,\n  createDocumentReference,\n  getRootElement,\n  isElementReference,\n} from './modules/read-only-documents'\n\nexport type { ComponentType } from './modules/react-components'\nexport type { ComponentMeta } from './modules/components-meta'\n\nconst reducer = combineReducers({\n  documents: Documents.reducer,\n  elementTrees: ElementTrees.reducer,\n  reactComponents: ReactComponents.reducer,\n  componentsMeta: ComponentsMeta.reducer,\n  propControllers: PropControllers.reducer,\n  propControllerHandles: PropControllerHandles.reducer,\n  isInBuilder: IsInBuilder.reducer,\n  isPreview: IsPreview.reducer,\n  builderEditMode: BuilderEditMode.reducer,\n  breakpoints: Breakpoints.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nfunction getDocumentsStateSlice(state: State): Documents.State {\n  return state.documents\n}\n\nexport function getDocument(state: State, documentKey: string): Documents.Document | null {\n  return Documents.getDocument(getDocumentsStateSlice(state), documentKey)\n}\n\nfunction getElementTreesSlice(state: State): ElementTrees.State {\n  return state.elementTrees\n}\n\nexport function getElements(\n  state: State,\n  documentKey: string,\n): ElementTrees.ElementTree['elements'] {\n  return ElementTrees.getElements(getElementTreesSlice(state), documentKey)\n}\n\nexport function getElementIds(\n  state: State,\n  documentKey: string,\n): ElementTrees.ElementTree['elementIds'] {\n  return ElementTrees.getElementIds(getElementTreesSlice(state), documentKey)\n}\n\nfunction getReactComponentsStateSlice(state: State): ReactComponents.State {\n  return state.reactComponents\n}\n\nexport function getReactComponent(\n  state: State,\n  type: string,\n): ReactComponents.ComponentType | null {\n  return ReactComponents.getReactComponent(getReactComponentsStateSlice(state), type)\n}\n\nfunction getComponentsMetaStateSlice(state: State): ComponentsMeta.State {\n  return state.componentsMeta\n}\n\nexport function getComponentMeta(state: State, type: string): ComponentsMeta.ComponentMeta | null {\n  return ComponentsMeta.getComponentMeta(getComponentsMetaStateSlice(state), type)\n}\n\nfunction getPropControllersStateSlice(state: State): PropControllers.State {\n  return state.propControllers\n}\n\nexport function getPropControllerDescriptors(state: State): PropControllers.State {\n  return PropControllers.getPropControllerDescriptors(getPropControllersStateSlice(state))\n}\n\nexport function getComponentPropControllerDescriptors(\n  state: State,\n  componentType: string,\n): PropControllers.DescriptorsByProp | null {\n  return PropControllers.getComponentPropControllerDescriptors(\n    getPropControllersStateSlice(state),\n    componentType,\n  )\n}\n\nfunction getPropControllerHandlesStateSlice(state: State): PropControllerHandles.State {\n  return state.propControllerHandles\n}\n\nexport function getPropControllers(state: State, documentKey: string, elementKey: string) {\n  return PropControllerHandles.getPropControllers(\n    getPropControllerHandlesStateSlice(state),\n    documentKey,\n    elementKey,\n  )\n}\n\n/**\n * Returns all document keys sorted by depth, i.e., parent documents come before child documents.\n */\nexport const getDocumentKeysSortedByDepth: (state: State) => string[] = createSelector(\n  [getDocumentsStateSlice, getElementTreesSlice],\n  (documents, elementTrees) => {\n    return [...documents.keys()].sort((a, b) => (elementTrees.get(a)?.elements.has(b) ? -1 : 1))\n  },\n)\n\nexport function getElement(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): Documents.Element | null {\n  return ElementTrees.getElement(getElementTreesSlice(state), documentKey, elementKey)\n}\n\nexport function getElementId(state: State, documentKey: string, elementKey: string): string | null {\n  return ElementTrees.getElementId(getElementTreesSlice(state), documentKey, elementKey)\n}\n\nexport function getElementPropControllerDescriptors(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): Record<string, PropControllers.PropControllerDescriptor> | null {\n  const element = getElement(state, documentKey, elementKey)\n\n  if (element == null || Documents.isElementReference(element)) return null\n\n  return getComponentPropControllerDescriptors(state, element.type)\n}\n\nexport function copyElementTree(\n  state: State,\n  elementTree: Documents.ElementData,\n  replacementContext: SerializableReplacementContext,\n) {\n  /*\n   * This is structured a bit weird.\n   *\n   * This is done so that we can pass a callable function into some of the copy functions\n   * themselves, to enable mutual recursion.\n   *\n   * Consider the slot control. It has to iterate through its elements, and for each of them,\n   * call some version of the below function.\n   *\n   * That is how the recursing through the tree happens.\n   */\n  function copyElementTreeNode(state: State, replacementContext: ReplacementContext) {\n    return function (node: Documents.Element) {\n      const context: CopyContext = {\n        replacementContext,\n        copyElement: copyElementTreeNode(state, replacementContext),\n      }\n\n      if (Documents.isElementReference(node)) {\n        return {\n          ...node,\n          value: replaceResourceIfNeeded(ContextResource.GlobalElement, node.value, context),\n        }\n      }\n\n      const descriptors = getComponentPropControllerDescriptors(state, node.type)\n\n      if (descriptors == null) return node\n\n      for (const [propKey, descriptor] of Object.entries(descriptors)) {\n        node.props[propKey] = copyFromControl(descriptor, node.props[propKey], context)\n      }\n\n      return node\n    }\n  }\n\n  const copy = JSON.parse(JSON.stringify(elementTree)) as Documents.ElementData\n\n  return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy)\n}\n\nexport function mergeElement(\n  state: State,\n  baseElement: Documents.Element,\n  overrideElement: Documents.Element,\n): Documents.Element {\n  if (baseElement.type !== overrideElement.type || baseElement.key !== overrideElement.key) {\n    throw new Error(`Can't merge elements of different types or keys`)\n  }\n\n  if (Documents.isElementReference(overrideElement)) return overrideElement\n\n  if (Documents.isElementReference(baseElement)) return baseElement\n\n  const elementDescriptors = getPropControllerDescriptors(state)\n  const descriptors = elementDescriptors.get(baseElement.type)\n\n  if (descriptors == null) {\n    throw new Error(\n      `Can't merge element of type \"${baseElement.type}\" because it has no descriptors`,\n    )\n  }\n\n  const mergedProps = {} as Record<string, Documents.Data>\n\n  for (const propName of Object.keys(descriptors)) {\n    const descriptor = descriptors[propName]\n    const context: MergeContext = {\n      mergeElement(base, override) {\n        return mergeElement(state, base, override)\n      },\n    }\n\n    mergedProps[propName] = merge(\n      descriptor,\n      baseElement.props[propName],\n      overrideElement.props[propName],\n      context,\n    )\n  }\n\n  return { ...baseElement, props: mergedProps }\n}\n\nexport function getIsInBuilder(state: State): boolean {\n  return state.isInBuilder\n}\n\nexport function getIsPreview(state: State): boolean {\n  return IsPreview.getIsPreview(state.isPreview)\n}\n\nexport function getBuilderEditMode(state: State): BuilderEditMode.State {\n  return state.builderEditMode\n}\n\nexport function getBreakpoints(state: State): Breakpoints.State {\n  return state.breakpoints\n}\n\nexport function elementTreeMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch, getState }) => next => {\n    return action => {\n      switch (action.type) {\n        case ActionTypes.REGISTER_DOCUMENT:\n          dispatch(\n            createElementTree({\n              document: action.payload.document,\n              descriptors: getPropControllerDescriptors(getState()),\n            }),\n          )\n          break\n\n        case ActionTypes.CHANGE_DOCUMENT: {\n          const { documentKey, operation } = action.payload\n\n          const oldDocument = getDocument(getState(), documentKey)\n          const result = next(action)\n          const newDocument = getDocument(getState(), documentKey)\n\n          if (oldDocument != null && newDocument != null && newDocument !== oldDocument) {\n            dispatch(\n              changeElementTree({\n                oldDocument,\n                newDocument,\n                descriptors: getPropControllerDescriptors(getState()),\n                operation,\n              }),\n            )\n          }\n\n          return result\n        }\n\n        case ActionTypes.UNREGISTER_DOCUMENT:\n          dispatch(deleteElementTree(action.payload))\n          break\n      }\n\n      return next(action)\n    }\n  })\n}\n\nexport function configureStore({\n  name,\n  preloadedState,\n  breakpoints,\n}: {\n  name: string\n  preloadedState: Partial<State> | null\n  breakpoints?: Breakpoints.State\n}) {\n  return configureReduxStore({\n    reducer,\n    preloadedState: {\n      ...preloadedState,\n      breakpoints: Breakpoints.getInitialState(breakpoints ?? preloadedState?.breakpoints),\n    },\n\n    middleware: getDefaultMiddleware =>\n      getDefaultMiddleware(middlewareOptions).concat(elementTreeMiddleware()),\n\n    enhancers: getDefaultEnhancers =>\n      getDefaultEnhancers().concat(\n        withSetupTeardown(\n          () => {},\n          () => {},\n        ),\n      ),\n\n    devTools: devToolsConfig({\n      name: `${name} (${new Date().toISOString()})`,\n    }),\n  })\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":"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","names":["import_toolkit","state","replacementContext","copyFromControl","configureReduxStore"]}
+{"version":3,"sources":["../../../src/state/react-page.ts"],"sourcesContent":["import {\n  configureStore as configureReduxStore,\n  combineReducers,\n  type ThunkDispatch,\n  type Middleware,\n} from '@reduxjs/toolkit'\n\nimport { createSelector } from 'reselect'\n\nimport {\n  createReplacementContext,\n  type SerializableReplacementContext,\n  type ReplacementContext,\n  type TranslationDto,\n  type MergeTranslatableDataContext,\n  type MergeContext,\n  CopyContext,\n  replaceResourceIfNeeded,\n  ContextResource,\n} from '@makeswift/controls'\n\nimport * as Documents from './modules/read-only-documents'\nimport * as ElementTrees from './modules/element-trees'\nimport * as ReactComponents from './modules/react-components'\nimport * as ComponentsMeta from './modules/components-meta'\nimport * as PropControllers from './modules/prop-controllers'\nimport * as PropControllerHandles from './modules/prop-controller-handles'\nimport * as IsInBuilder from './modules/is-in-builder'\nimport * as IsPreview from './modules/is-preview'\nimport * as BuilderEditMode from './modules/builder-edit-mode'\nimport * as Breakpoints from './modules/breakpoints'\nimport {\n  type Action,\n  ActionTypes,\n  changeElementTree,\n  createElementTree,\n  deleteElementTree,\n} from './actions'\nimport {\n  copy as copyFromControl,\n  getTranslatableData,\n  merge,\n  mergeTranslatedData,\n} from '../controls/control'\n\nimport { actionMiddleware, middlewareOptions, devToolsConfig } from './toolkit'\n\nimport { withSetupTeardown } from './mixins/setup-teardown'\n\nexport type {\n  Data,\n  Document,\n  DocumentReference,\n  Element,\n  ElementData,\n  ElementReference,\n} from './modules/read-only-documents'\n\nexport {\n  createBaseDocument,\n  createDocumentReference,\n  getRootElement,\n  isElementReference,\n} from './modules/read-only-documents'\n\nexport type { ComponentType } from './modules/react-components'\n\nconst reducer = combineReducers({\n  documents: Documents.reducer,\n  elementTrees: ElementTrees.reducer,\n  reactComponents: ReactComponents.reducer,\n  componentsMeta: ComponentsMeta.reducer,\n  propControllers: PropControllers.reducer,\n  propControllerHandles: PropControllerHandles.reducer,\n  isInBuilder: IsInBuilder.reducer,\n  isPreview: IsPreview.reducer,\n  builderEditMode: BuilderEditMode.reducer,\n  breakpoints: Breakpoints.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\n\nfunction getDocumentsStateSlice(state: State): Documents.State {\n  return state.documents\n}\n\nexport function getDocument(state: State, documentKey: string): Documents.Document | null {\n  return Documents.getDocument(getDocumentsStateSlice(state), documentKey)\n}\n\nfunction getElementTreesSlice(state: State): ElementTrees.State {\n  return state.elementTrees\n}\n\nexport function getElements(\n  state: State,\n  documentKey: string,\n): ElementTrees.ElementTree['elements'] {\n  return ElementTrees.getElements(getElementTreesSlice(state), documentKey)\n}\n\nexport function getElementIds(\n  state: State,\n  documentKey: string,\n): ElementTrees.ElementTree['elementIds'] {\n  return ElementTrees.getElementIds(getElementTreesSlice(state), documentKey)\n}\n\nfunction getReactComponentsStateSlice(state: State): ReactComponents.State {\n  return state.reactComponents\n}\n\nexport function getReactComponent(\n  state: State,\n  type: string,\n): ReactComponents.ComponentType | null {\n  return ReactComponents.getReactComponent(getReactComponentsStateSlice(state), type)\n}\n\nfunction getPropControllersStateSlice(state: State): PropControllers.State {\n  return state.propControllers\n}\n\nexport function getPropControllerDescriptors(state: State): PropControllers.State {\n  return PropControllers.getPropControllerDescriptors(getPropControllersStateSlice(state))\n}\n\nexport function getComponentPropControllerDescriptors(\n  state: State,\n  componentType: string,\n): PropControllers.DescriptorsByProp | null {\n  return PropControllers.getComponentPropControllerDescriptors(\n    getPropControllersStateSlice(state),\n    componentType,\n  )\n}\n\nfunction getPropControllerHandlesStateSlice(state: State): PropControllerHandles.State {\n  return state.propControllerHandles\n}\n\nexport function getPropControllers(state: State, documentKey: string, elementKey: string) {\n  return PropControllerHandles.getPropControllers(\n    getPropControllerHandlesStateSlice(state),\n    documentKey,\n    elementKey,\n  )\n}\n\n/**\n * Returns all document keys sorted by depth, i.e., parent documents come before child documents.\n */\nexport const getDocumentKeysSortedByDepth: (state: State) => string[] = createSelector(\n  [getDocumentsStateSlice, getElementTreesSlice],\n  (documents, elementTrees) => {\n    return [...documents.keys()].sort((a, b) => (elementTrees.get(a)?.elements.has(b) ? -1 : 1))\n  },\n)\n\nexport function getElement(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): Documents.Element | null {\n  return ElementTrees.getElement(getElementTreesSlice(state), documentKey, elementKey)\n}\n\nexport function getElementId(state: State, documentKey: string, elementKey: string): string | null {\n  return ElementTrees.getElementId(getElementTreesSlice(state), documentKey, elementKey)\n}\n\nexport function getElementPropControllerDescriptors(\n  state: State,\n  documentKey: string,\n  elementKey: string,\n): Record<string, PropControllers.PropControllerDescriptor> | null {\n  const element = getElement(state, documentKey, elementKey)\n\n  if (element == null || Documents.isElementReference(element)) return null\n\n  return getComponentPropControllerDescriptors(state, element.type)\n}\n\nexport function copyElementTree(\n  state: State,\n  elementTree: Documents.ElementData,\n  replacementContext: SerializableReplacementContext,\n) {\n  /*\n   * This is structured a bit weird.\n   *\n   * This is done so that we can pass a callable function into some of the copy functions\n   * themselves, to enable mutual recursion.\n   *\n   * Consider the slot control. It has to iterate through its elements, and for each of them,\n   * call some version of the below function.\n   *\n   * That is how the recursing through the tree happens.\n   */\n  function copyElementTreeNode(state: State, replacementContext: ReplacementContext) {\n    return function (node: Documents.Element) {\n      const context: CopyContext = {\n        replacementContext,\n        copyElement: copyElementTreeNode(state, replacementContext),\n      }\n\n      if (Documents.isElementReference(node)) {\n        return {\n          ...node,\n          value: replaceResourceIfNeeded(ContextResource.GlobalElement, node.value, context),\n        }\n      }\n\n      const descriptors = getComponentPropControllerDescriptors(state, node.type)\n\n      if (descriptors == null) return node\n\n      for (const [propKey, descriptor] of Object.entries(descriptors)) {\n        node.props[propKey] = copyFromControl(descriptor, node.props[propKey], context)\n      }\n\n      return node\n    }\n  }\n\n  const copy = JSON.parse(JSON.stringify(elementTree)) as Documents.ElementData\n\n  return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy)\n}\n\nexport function getElementTreeTranslatableData(\n  state: State,\n  elementTree: Documents.ElementData,\n): Record<string, Documents.Data> {\n  const translatableData: Record<string, Documents.Data> = {}\n  const descriptors = getPropControllerDescriptors(state)\n\n  for (const element of ElementTrees.traverseElementTree(elementTree, descriptors)) {\n    if (Documents.isElementReference(element)) continue\n\n    const elementPescriptors = descriptors.get(element.type)\n    if (elementPescriptors == null) continue\n\n    Object.entries(elementPescriptors).forEach(([propName, descriptor]) => {\n      const translatablePropData = getTranslatableData(descriptor, element.props[propName])\n\n      if (translatablePropData != null) {\n        translatableData[`${element.key}:${propName}`] = translatablePropData\n      }\n    })\n  }\n\n  return translatableData\n}\n\nexport function mergeElementTreeTranslatedData(\n  state: State,\n  elementTree: Documents.ElementData,\n  translatedData: TranslationDto,\n): Documents.Element {\n  function merge(state: State, translatedData: TranslationDto) {\n    return function (node: Documents.Element): Documents.Element {\n      if (Documents.isElementReference(node)) return node\n\n      const elementDescriptors = getPropControllerDescriptors(state)\n      const descriptors = elementDescriptors.get(node.type)\n\n      if (descriptors == null) {\n        throw new Error(`Can't merge element of type \"${node.type}\" because it has no descriptors`)\n      }\n\n      const context: MergeTranslatableDataContext = {\n        translatedData,\n        mergeTranslatedData: merge(state, translatedData),\n      }\n      const props = {} as Record<string, Documents.Data>\n\n      for (const propName of Object.keys(descriptors)) {\n        const descriptor = descriptors[propName]\n\n        props[propName] = mergeTranslatedData(\n          descriptor,\n          node.props[propName],\n          translatedData[`${node.key}:${propName}`],\n          context,\n        )\n      }\n\n      return { ...node, props }\n    }\n  }\n  return merge(state, translatedData)(elementTree)\n}\n\nexport function mergeElement(\n  state: State,\n  baseElement: Documents.Element,\n  overrideElement: Documents.Element,\n): Documents.Element {\n  if (baseElement.type !== overrideElement.type || baseElement.key !== overrideElement.key) {\n    throw new Error(`Can't merge elements of different types or keys`)\n  }\n\n  if (Documents.isElementReference(overrideElement)) return overrideElement\n\n  if (Documents.isElementReference(baseElement)) return baseElement\n\n  const elementDescriptors = getPropControllerDescriptors(state)\n  const descriptors = elementDescriptors.get(baseElement.type)\n\n  if (descriptors == null) {\n    throw new Error(\n      `Can't merge element of type \"${baseElement.type}\" because it has no descriptors`,\n    )\n  }\n\n  const mergedProps = {} as Record<string, Documents.Data>\n\n  for (const propName of Object.keys(descriptors)) {\n    const descriptor = descriptors[propName]\n    const context: MergeContext = {\n      mergeElement(base, override) {\n        return mergeElement(state, base, override)\n      },\n    }\n\n    mergedProps[propName] = merge(\n      descriptor,\n      baseElement.props[propName],\n      overrideElement.props[propName],\n      context,\n    )\n  }\n\n  return { ...baseElement, props: mergedProps }\n}\n\nexport function getIsInBuilder(state: State): boolean {\n  return state.isInBuilder\n}\n\nexport function getIsPreview(state: State): boolean {\n  return IsPreview.getIsPreview(state.isPreview)\n}\n\nexport function getBuilderEditMode(state: State): BuilderEditMode.State {\n  return state.builderEditMode\n}\n\nexport function getBreakpoints(state: State): Breakpoints.State {\n  return state.breakpoints\n}\n\nexport function elementTreeMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch, getState }) => next => {\n    return action => {\n      switch (action.type) {\n        case ActionTypes.REGISTER_DOCUMENT:\n          dispatch(\n            createElementTree({\n              document: action.payload.document,\n              descriptors: getPropControllerDescriptors(getState()),\n            }),\n          )\n          break\n\n        case ActionTypes.CHANGE_DOCUMENT: {\n          const { documentKey, operation } = action.payload\n\n          const oldDocument = getDocument(getState(), documentKey)\n          const result = next(action)\n          const newDocument = getDocument(getState(), documentKey)\n\n          if (oldDocument != null && newDocument != null && newDocument !== oldDocument) {\n            dispatch(\n              changeElementTree({\n                oldDocument,\n                newDocument,\n                descriptors: getPropControllerDescriptors(getState()),\n                operation,\n              }),\n            )\n          }\n\n          return result\n        }\n\n        case ActionTypes.UNREGISTER_DOCUMENT:\n          dispatch(deleteElementTree(action.payload))\n          break\n      }\n\n      return next(action)\n    }\n  })\n}\n\nexport function configureStore({\n  name,\n  preloadedState,\n  breakpoints,\n}: {\n  name: string\n  preloadedState: Partial<State> | null\n  breakpoints?: Breakpoints.State\n}) {\n  return configureReduxStore({\n    reducer,\n    preloadedState: {\n      ...preloadedState,\n      breakpoints: Breakpoints.getInitialState(breakpoints ?? preloadedState?.breakpoints),\n    },\n\n    middleware: getDefaultMiddleware =>\n      getDefaultMiddleware(middlewareOptions).concat(elementTreeMiddleware()),\n\n    enhancers: getDefaultEnhancers =>\n      getDefaultEnhancers().concat(\n        withSetupTeardown(\n          () => {},\n          () => {},\n        ),\n      ),\n\n    devTools: devToolsConfig({\n      name: `${name} (${new Date().toISOString()})`,\n    }),\n  })\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":"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","names":["import_toolkit","state","replacementContext","copyFromControl","merge","translatedData","configureReduxStore"]}

package/dist/cjs/utils/ref-counted-map.js

@@ -0,0 +1,120 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ref_counted_map_exports = {};
+__export(ref_counted_map_exports, {
+  RefCountedMap: () => RefCountedMap
+});
+module.exports = __toCommonJS(ref_counted_map_exports);
+const TTLCheck = {
+  ON_GET: 1 << 0,
+  ON_RETAIN: 1 << 1,
+  ON_RELEASE: 1 << 2
+};
+class RefCountedMap {
+  map = /* @__PURE__ */ new Map();
+  unownedEntryTtlMs;
+  ttlCheck;
+  static TTLCheck = TTLCheck;
+  constructor({
+    unownedEntryTtlMs,
+    ttlCheck = TTLCheck.ON_GET | TTLCheck.ON_RETAIN | TTLCheck.ON_RELEASE
+  }) {
+    this.unownedEntryTtlMs = unownedEntryTtlMs;
+    this.ttlCheck = ttlCheck;
+  }
+  get size() {
+    return this.map.size;
+  }
+  get(key) {
+    return this.map.get(key)?.value;
+  }
+  getOrCreate(key, init) {
+    try {
+      const existing = this.map.get(key);
+      if (existing) {
+        if (isUnowned(existing))
+          existing.accessedAt = Date.now();
+        return existing.value;
+      }
+      const value = init();
+      this.map.set(key, { value, count: void 0, accessedAt: Date.now() });
+      return value;
+    } finally {
+      if (this.ttlCheck & TTLCheck.ON_GET)
+        this.removeExpired();
+    }
+  }
+  /**
+   * Returns true on transition from unowned to owned
+   */
+  retain(key, value) {
+    try {
+      const existing = this.map.get(key);
+      if (existing == null) {
+        this.map.set(key, { value, count: 1 });
+        return true;
+      }
+      if (existing.value === value) {
+        existing.count = (existing.count ?? 0) + 1;
+        return existing.count === 1;
+      }
+      return false;
+    } finally {
+      if (this.ttlCheck & TTLCheck.ON_RETAIN)
+        this.removeExpired();
+    }
+  }
+  /**
+   * Returns true on transition from owned to unowned
+   */
+  release(key, value) {
+    try {
+      const existing = this.map.get(key);
+      if (existing == null)
+        return false;
+      if (isUnowned(existing))
+        return false;
+      if (existing.value !== value)
+        return false;
+      if (existing.count === 1) {
+        this.map.delete(key);
+        return true;
+      }
+      existing.count -= 1;
+      return false;
+    } finally {
+      if (this.ttlCheck & TTLCheck.ON_RELEASE)
+        this.removeExpired();
+    }
+  }
+  removeExpired() {
+    const now = Date.now();
+    const isExpired = (entry) => isUnowned(entry) && now - entry.accessedAt > this.unownedEntryTtlMs;
+    this.map.forEach((entry, key) => {
+      if (isExpired(entry))
+        this.map.delete(key);
+    });
+  }
+}
+const isUnowned = (entry) => entry.count === void 0;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RefCountedMap
+});
+//# sourceMappingURL=ref-counted-map.js.map

package/dist/cjs/utils/ref-counted-map.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/ref-counted-map.ts"],"sourcesContent":["type RefCountedMapEntry<V> = {\n  value: V\n  count: number\n}\n\ntype UnownedMapEntry<V> = {\n  value: V\n  count: undefined\n  accessedAt: number\n}\n\ntype MapEntry<V> = RefCountedMapEntry<V> | UnownedMapEntry<V>\n\nconst TTLCheck = {\n  ON_GET: 1 << 0,\n  ON_RETAIN: 1 << 1,\n  ON_RELEASE: 1 << 2,\n} as const\n\n/**\n * Ref-counted map with explicit retention semantics. Entries are unowned by default and may be evicted after their\n * TTL unless explicitly retained. This provides TTL-based caching for unowned entries, while allowing consumers to\n * opt into stronger lifetime control via explicit retention.\n */\nexport class RefCountedMap<K, V> {\n  private readonly map = new Map<K, MapEntry<V>>()\n  private readonly unownedEntryTtlMs: number\n  private readonly ttlCheck: number\n\n  static readonly TTLCheck = TTLCheck\n\n  constructor({\n    unownedEntryTtlMs,\n    ttlCheck = TTLCheck.ON_GET | TTLCheck.ON_RETAIN | TTLCheck.ON_RELEASE,\n  }: {\n    unownedEntryTtlMs: number\n    ttlCheck?: number\n  }) {\n    this.unownedEntryTtlMs = unownedEntryTtlMs\n    this.ttlCheck = ttlCheck\n  }\n\n  get size(): number {\n    return this.map.size\n  }\n\n  get(key: K): V | undefined {\n    return this.map.get(key)?.value\n  }\n\n  getOrCreate(key: K, init: () => V): V {\n    try {\n      const existing = this.map.get(key)\n\n      if (existing) {\n        if (isUnowned(existing)) existing.accessedAt = Date.now()\n        return existing.value\n      }\n\n      const value = init()\n      this.map.set(key, { value, count: undefined, accessedAt: Date.now() })\n      return value\n    } finally {\n      if (this.ttlCheck & TTLCheck.ON_GET) this.removeExpired()\n    }\n  }\n\n  /**\n   * Returns true on transition from unowned to owned\n   */\n  retain(key: K, value: V): boolean {\n    try {\n      const existing = this.map.get(key)\n\n      if (existing == null) {\n        this.map.set(key, { value, count: 1 })\n        return true\n      }\n\n      // `retain` might be called on a unowned entry that has already been evicted from the map due to TTL expiration\n      // *and* possibly replaced by a new unowned entry with the same key; handle this gracefully\n      if (existing.value === value) {\n        existing.count = (existing.count ?? 0) + 1\n        return existing.count === 1\n      }\n\n      return false\n    } finally {\n      if (this.ttlCheck & TTLCheck.ON_RETAIN) this.removeExpired()\n    }\n  }\n\n  /**\n   * Returns true on transition from owned to unowned\n   */\n  release(key: K, value: V): boolean {\n    try {\n      const existing = this.map.get(key)\n\n      // `release` might be called on an entry that remained unowned due being superseded by a new entry with the same\n      // key after TTL expiration of the original entry; handle this gracefully\n      if (existing == null) return false\n      if (isUnowned(existing)) return false\n      if (existing.value !== value) return false\n\n      if (existing.count === 1) {\n        this.map.delete(key)\n        return true\n      }\n\n      existing.count -= 1\n      return false\n    } finally {\n      if (this.ttlCheck & TTLCheck.ON_RELEASE) this.removeExpired()\n    }\n  }\n\n  private removeExpired(): void {\n    const now = Date.now()\n    const isExpired = (entry: MapEntry<V>): boolean =>\n      isUnowned(entry) && now - entry.accessedAt > this.unownedEntryTtlMs\n\n    this.map.forEach((entry, key) => {\n      if (isExpired(entry)) this.map.delete(key)\n    })\n  }\n}\n\nconst isUnowned = <V>(entry: MapEntry<V>): entry is UnownedMapEntry<V> => entry.count === undefined\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA,MAAM,WAAW;AAAA,EACf,QAAQ,KAAK;AAAA,EACb,WAAW,KAAK;AAAA,EAChB,YAAY,KAAK;AACnB;AAOO,MAAM,cAAoB;AAAA,EACd,MAAM,oBAAI,IAAoB;AAAA,EAC9B;AAAA,EACA;AAAA,EAEjB,OAAgB,WAAW;AAAA,EAE3B,YAAY;AAAA,IACV;AAAA,IACA,WAAW,SAAS,SAAS,SAAS,YAAY,SAAS;AAAA,EAC7D,GAGG;AACD,SAAK,oBAAoB;AACzB,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,IAAI,OAAe;AACjB,WAAO,KAAK,IAAI;AAAA,EAClB;AAAA,EAEA,IAAI,KAAuB;AACzB,WAAO,KAAK,IAAI,IAAI,GAAG,GAAG;AAAA,EAC5B;AAAA,EAEA,YAAY,KAAQ,MAAkB;AACpC,QAAI;AACF,YAAM,WAAW,KAAK,IAAI,IAAI,GAAG;AAEjC,UAAI,UAAU;AACZ,YAAI,UAAU,QAAQ;AAAG,mBAAS,aAAa,KAAK,IAAI;AACxD,eAAO,SAAS;AAAA,MAClB;AAEA,YAAM,QAAQ,KAAK;AACnB,WAAK,IAAI,IAAI,KAAK,EAAE,OAAO,OAAO,QAAW,YAAY,KAAK,IAAI,EAAE,CAAC;AACrE,aAAO;AAAA,IACT,UAAE;AACA,UAAI,KAAK,WAAW,SAAS;AAAQ,aAAK,cAAc;AAAA,IAC1D;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,KAAQ,OAAmB;AAChC,QAAI;AACF,YAAM,WAAW,KAAK,IAAI,IAAI,GAAG;AAEjC,UAAI,YAAY,MAAM;AACpB,aAAK,IAAI,IAAI,KAAK,EAAE,OAAO,OAAO,EAAE,CAAC;AACrC,eAAO;AAAA,MACT;AAIA,UAAI,SAAS,UAAU,OAAO;AAC5B,iBAAS,SAAS,SAAS,SAAS,KAAK;AACzC,eAAO,SAAS,UAAU;AAAA,MAC5B;AAEA,aAAO;AAAA,IACT,UAAE;AACA,UAAI,KAAK,WAAW,SAAS;AAAW,aAAK,cAAc;AAAA,IAC7D;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQ,KAAQ,OAAmB;AACjC,QAAI;AACF,YAAM,WAAW,KAAK,IAAI,IAAI,GAAG;AAIjC,UAAI,YAAY;AAAM,eAAO;AAC7B,UAAI,UAAU,QAAQ;AAAG,eAAO;AAChC,UAAI,SAAS,UAAU;AAAO,eAAO;AAErC,UAAI,SAAS,UAAU,GAAG;AACxB,aAAK,IAAI,OAAO,GAAG;AACnB,eAAO;AAAA,MACT;AAEA,eAAS,SAAS;AAClB,aAAO;AAAA,IACT,UAAE;AACA,UAAI,KAAK,WAAW,SAAS;AAAY,aAAK,cAAc;AAAA,IAC9D;AAAA,EACF;AAAA,EAEQ,gBAAsB;AAC5B,UAAM,MAAM,KAAK,IAAI;AACrB,UAAM,YAAY,CAAC,UACjB,UAAU,KAAK,KAAK,MAAM,MAAM,aAAa,KAAK;AAEpD,SAAK,IAAI,QAAQ,CAAC,OAAO,QAAQ;AAC/B,UAAI,UAAU,KAAK;AAAG,aAAK,IAAI,OAAO,GAAG;AAAA,IAC3C,CAAC;AAAA,EACH;AACF;AAEA,MAAM,YAAY,CAAI,UAAoD,MAAM,UAAU;","names":[]}

package/dist/esm/api/api-resources-client.js

@@ -0,0 +1,127 @@
+import * as ApiClientState from "../state/api-client/state";
+import {
+  APIResourceType
+} from "./types";
+const CacheData = {
+  empty() {
+    return {
+      apiResources: {},
+      localizedResourcesMap: {}
+    };
+  }
+};
+class ApiResourcesClient {
+  store;
+  subscribe;
+  constructor({ store }) {
+    this.store = store;
+    this.subscribe = this.store.subscribe;
+  }
+  readSwatch(swatchId) {
+    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Swatch, swatchId);
+  }
+  resolveSwatch(swatchId) {
+    return this.resolveResource(APIResourceType.Swatch, {
+      id: swatchId,
+      read: (id) => this.readSwatch(id),
+      fetch: (id) => this.fetchSwatch(id)
+    });
+  }
+  readFile(fileId) {
+    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.File, fileId);
+  }
+  resolveFile(fileId) {
+    return this.resolveResource(APIResourceType.File, {
+      id: fileId,
+      read: (id) => this.readFile(id),
+      fetch: (id) => this.fetchFile(id)
+    });
+  }
+  readTypography(typographyId) {
+    return ApiClientState.getAPIResource(
+      this.store.getState(),
+      APIResourceType.Typography,
+      typographyId
+    );
+  }
+  resolveTypography(typographyId) {
+    return this.resolveResource(APIResourceType.Typography, {
+      id: typographyId,
+      read: (id) => this.readTypography(id),
+      fetch: (id) => this.fetchTypography(id)
+    });
+  }
+  readGlobalElement(globalElementId) {
+    return ApiClientState.getAPIResource(
+      this.store.getState(),
+      APIResourceType.GlobalElement,
+      globalElementId
+    );
+  }
+  readLocalizedGlobalElement({
+    globalElementId,
+    locale
+  }) {
+    return ApiClientState.getAPIResource(
+      this.store.getState(),
+      APIResourceType.LocalizedGlobalElement,
+      globalElementId,
+      locale
+    );
+  }
+  readPagePathnameSlice({
+    pageId,
+    locale
+  }) {
+    return ApiClientState.getAPIResource(
+      this.store.getState(),
+      APIResourceType.PagePathnameSlice,
+      pageId,
+      locale
+    );
+  }
+  resolvePagePathnameSlice({
+    pageId,
+    locale
+  }) {
+    return this.resolveResource(APIResourceType.PagePathnameSlice, {
+      id: pageId,
+      read: (id) => this.readPagePathnameSlice({ pageId: id, locale }),
+      fetch: (id) => this.fetchPagePathnameSlice({ pageId: id, locale })
+    });
+  }
+  resolveResource(type, {
+    id,
+    read,
+    fetch
+  }) {
+    const _read = () => id != null ? read(id) : null;
+    let lastValue = null;
+    return {
+      name: `${type}:${id}`,
+      readStable: () => lastValue = _read(),
+      subscribe: (onUpdate) => this.subscribe(() => {
+        if (_read() !== lastValue)
+          onUpdate();
+      }),
+      fetch: async () => id != null ? fetch(id) : null
+    };
+  }
+  readTable(tableId) {
+    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Table, tableId);
+  }
+  readSite(siteId) {
+    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Site, siteId);
+  }
+  readPage(pageId) {
+    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Page, pageId);
+  }
+  readSnippet(snippetId) {
+    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Snippet, snippetId);
+  }
+}
+export {
+  ApiResourcesClient,
+  CacheData
+};
+//# sourceMappingURL=api-resources-client.js.map

package/dist/esm/api/api-resources-client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/api/api-resources-client.ts"],"sourcesContent":["import { type FetchableValue } from '@makeswift/controls'\n\nimport { type Store as ApiClientStore } from '../state/api-client/store'\nimport * as ApiClientState from '../state/api-client/state'\n\nimport {\n  type File,\n  type GlobalElement,\n  type LocalizedGlobalElement,\n  type Page,\n  type PagePathnameSlice,\n  type Site,\n  type Snippet,\n  type Swatch,\n  type Table,\n  type Typography,\n  APIResourceType,\n} from './types'\n\nexport type CacheData = ApiClientState.SerializedState\n\nexport const CacheData = {\n  empty(): CacheData {\n    return {\n      apiResources: {},\n      localizedResourcesMap: {},\n    }\n  },\n}\nexport abstract class ApiResourcesClient {\n  readonly store: ApiClientStore\n  readonly subscribe: ApiClientStore['subscribe']\n\n  constructor({ store }: { store: ApiClientStore }) {\n    this.store = store\n    this.subscribe = this.store.subscribe\n  }\n\n  abstract fetchSwatch(swatchId: string): Promise<Swatch | null>\n\n  readSwatch(swatchId: string): Swatch | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Swatch, swatchId)\n  }\n\n  resolveSwatch(swatchId: string | undefined): FetchableValue<Swatch | null> {\n    return this.resolveResource(APIResourceType.Swatch, {\n      id: swatchId,\n      read: id => this.readSwatch(id),\n      fetch: id => this.fetchSwatch(id),\n    })\n  }\n\n  abstract fetchFile(fileId: string): Promise<File | null>\n\n  readFile(fileId: string): File | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.File, fileId)\n  }\n\n  resolveFile(fileId: string | undefined): FetchableValue<File | null> {\n    return this.resolveResource(APIResourceType.File, {\n      id: fileId,\n      read: id => this.readFile(id),\n      fetch: id => this.fetchFile(id),\n    })\n  }\n\n  abstract fetchTypography(typographyId: string): Promise<Typography | null>\n\n  readTypography(typographyId: string): Typography | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.Typography,\n      typographyId,\n    )\n  }\n\n  resolveTypography(typographyId: string | undefined): FetchableValue<Typography | null> {\n    return this.resolveResource(APIResourceType.Typography, {\n      id: typographyId,\n      read: id => this.readTypography(id),\n      fetch: id => this.fetchTypography(id),\n    })\n  }\n\n  abstract fetchGlobalElement(globalElementId: string): Promise<GlobalElement | null>\n\n  readGlobalElement(globalElementId: string): GlobalElement | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.GlobalElement,\n      globalElementId,\n    )\n  }\n\n  abstract fetchLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): Promise<LocalizedGlobalElement | null>\n\n  readLocalizedGlobalElement({\n    globalElementId,\n    locale,\n  }: {\n    globalElementId: string\n    locale: string\n  }): LocalizedGlobalElement | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.LocalizedGlobalElement,\n      globalElementId,\n      locale,\n    )\n  }\n\n  readPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): PagePathnameSlice | null {\n    return ApiClientState.getAPIResource(\n      this.store.getState(),\n      APIResourceType.PagePathnameSlice,\n      pageId,\n      locale,\n    )\n  }\n\n  abstract fetchPagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string\n    locale: string | null\n  }): Promise<PagePathnameSlice | null>\n\n  resolvePagePathnameSlice({\n    pageId,\n    locale,\n  }: {\n    pageId: string | undefined\n    locale: string | null\n  }): FetchableValue<PagePathnameSlice | null> {\n    return this.resolveResource(APIResourceType.PagePathnameSlice, {\n      id: pageId,\n      read: id => this.readPagePathnameSlice({ pageId: id, locale }),\n      fetch: id => this.fetchPagePathnameSlice({ pageId: id, locale }),\n    })\n  }\n\n  resolveResource<R>(\n    type: APIResourceType,\n    {\n      id,\n      read,\n      fetch,\n    }: {\n      id: string | undefined\n      read: (id: string) => R | null\n      fetch: (id: string) => Promise<R | null>\n    },\n  ): FetchableValue<R | null> {\n    const _read = () => (id != null ? read(id) : null)\n    let lastValue: R | null = null\n    return {\n      name: `${type}:${id}`,\n      readStable: () => (lastValue = _read()),\n      subscribe: (onUpdate: () => void) =>\n        this.subscribe(() => {\n          if (_read() !== lastValue) onUpdate()\n        }),\n      fetch: async () => (id != null ? fetch(id) : null),\n    }\n  }\n\n  abstract fetchTable(tableId: string): Promise<Table | null>\n\n  readTable(tableId: string): Table | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Table, tableId)\n  }\n\n  readSite(siteId: string): Site | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Site, siteId)\n  }\n\n  readPage(pageId: string): Page | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Page, pageId)\n  }\n\n  readSnippet(snippetId: string): Snippet | null {\n    return ApiClientState.getAPIResource(this.store.getState(), APIResourceType.Snippet, snippetId)\n  }\n}\n"],"mappings":"AAGA,YAAY,oBAAoB;AAEhC;AAAA,EAWE;AAAA,OACK;AAIA,MAAM,YAAY;AAAA,EACvB,QAAmB;AACjB,WAAO;AAAA,MACL,cAAc,CAAC;AAAA,MACf,uBAAuB,CAAC;AAAA,IAC1B;AAAA,EACF;AACF;AACO,MAAe,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EAET,YAAY,EAAE,MAAM,GAA8B;AAChD,SAAK,QAAQ;AACb,SAAK,YAAY,KAAK,MAAM;AAAA,EAC9B;AAAA,EAIA,WAAW,UAAiC;AAC1C,WAAO,eAAe,eAAe,KAAK,MAAM,SAAS,GAAG,gBAAgB,QAAQ,QAAQ;AAAA,EAC9F;AAAA,EAEA,cAAc,UAA6D;AACzE,WAAO,KAAK,gBAAgB,gBAAgB,QAAQ;AAAA,MAClD,IAAI;AAAA,MACJ,MAAM,QAAM,KAAK,WAAW,EAAE;AAAA,MAC9B,OAAO,QAAM,KAAK,YAAY,EAAE;AAAA,IAClC,CAAC;AAAA,EACH;AAAA,EAIA,SAAS,QAA6B;AACpC,WAAO,eAAe,eAAe,KAAK,MAAM,SAAS,GAAG,gBAAgB,MAAM,MAAM;AAAA,EAC1F;AAAA,EAEA,YAAY,QAAyD;AACnE,WAAO,KAAK,gBAAgB,gBAAgB,MAAM;AAAA,MAChD,IAAI;AAAA,MACJ,MAAM,QAAM,KAAK,SAAS,EAAE;AAAA,MAC5B,OAAO,QAAM,KAAK,UAAU,EAAE;AAAA,IAChC,CAAC;AAAA,EACH;AAAA,EAIA,eAAe,cAAyC;AACtD,WAAO,eAAe;AAAA,MACpB,KAAK,MAAM,SAAS;AAAA,MACpB,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,kBAAkB,cAAqE;AACrF,WAAO,KAAK,gBAAgB,gBAAgB,YAAY;AAAA,MACtD,IAAI;AAAA,MACJ,MAAM,QAAM,KAAK,eAAe,EAAE;AAAA,MAClC,OAAO,QAAM,KAAK,gBAAgB,EAAE;AAAA,IACtC,CAAC;AAAA,EACH;AAAA,EAIA,kBAAkB,iBAA+C;AAC/D,WAAO,eAAe;AAAA,MACpB,KAAK,MAAM,SAAS;AAAA,MACpB,gBAAgB;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAUA,2BAA2B;AAAA,IACzB;AAAA,IACA;AAAA,EACF,GAGkC;AAChC,WAAO,eAAe;AAAA,MACpB,KAAK,MAAM,SAAS;AAAA,MACpB,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAEA,sBAAsB;AAAA,IACpB;AAAA,IACA;AAAA,EACF,GAG6B;AAC3B,WAAO,eAAe;AAAA,MACpB,KAAK,MAAM,SAAS;AAAA,MACpB,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EAUA,yBAAyB;AAAA,IACvB;AAAA,IACA;AAAA,EACF,GAG6C;AAC3C,WAAO,KAAK,gBAAgB,gBAAgB,mBAAmB;AAAA,MAC7D,IAAI;AAAA,MACJ,MAAM,QAAM,KAAK,sBAAsB,EAAE,QAAQ,IAAI,OAAO,CAAC;AAAA,MAC7D,OAAO,QAAM,KAAK,uBAAuB,EAAE,QAAQ,IAAI,OAAO,CAAC;AAAA,IACjE,CAAC;AAAA,EACH;AAAA,EAEA,gBACE,MACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAK0B;AAC1B,UAAM,QAAQ,MAAO,MAAM,OAAO,KAAK,EAAE,IAAI;AAC7C,QAAI,YAAsB;AAC1B,WAAO;AAAA,MACL,MAAM,GAAG,IAAI,IAAI,EAAE;AAAA,MACnB,YAAY,MAAO,YAAY,MAAM;AAAA,MACrC,WAAW,CAAC,aACV,KAAK,UAAU,MAAM;AACnB,YAAI,MAAM,MAAM;AAAW,mBAAS;AAAA,MACtC,CAAC;AAAA,MACH,OAAO,YAAa,MAAM,OAAO,MAAM,EAAE,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EAIA,UAAU,SAA+B;AACvC,WAAO,eAAe,eAAe,KAAK,MAAM,SAAS,GAAG,gBAAgB,OAAO,OAAO;AAAA,EAC5F;AAAA,EAEA,SAAS,QAA6B;AACpC,WAAO,eAAe,eAAe,KAAK,MAAM,SAAS,GAAG,gBAAgB,MAAM,MAAM;AAAA,EAC1F;AAAA,EAEA,SAAS,QAA6B;AACpC,WAAO,eAAe,eAAe,KAAK,MAAM,SAAS,GAAG,gBAAgB,MAAM,MAAM;AAAA,EAC1F;AAAA,EAEA,YAAY,WAAmC;AAC7C,WAAO,eAAe,eAAe,KAAK,MAAM,SAAS,GAAG,gBAAgB,SAAS,SAAS;AAAA,EAChG;AACF;","names":[]}

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

@@ -8,7 +8,7 @@ async function manifestHandler(req, { apiKey, manifest }) {
     return ApiResponse.json({ message: "Unauthorized" }, { status: 401 });
   }
   return ApiResponse.json({
-    version: "0.27.2",
+    version: "0.27.3",
     interactionMode: true,
     clientSideNavigation: false,
     elementFromPoint: false,

package/dist/esm/api-handler/handlers/webhook/diff-projection.js

@@ -0,0 +1,38 @@
+import { z } from "zod";
+const changeTypeSchema = z.enum(["created", "updated", "deleted"]);
+const componentChangeSchema = z.object({
+  id: z.string(),
+  locale: z.string().nullable(),
+  changeType: changeTypeSchema
+});
+const pageChangeSchema = z.object({
+  pageId: z.string().uuid(),
+  locale: z.string().nullable(),
+  changeType: changeTypeSchema,
+  pathname: z.string(),
+  previousPathname: z.string().optional()
+});
+const globalElementChangeSchema = z.object({
+  id: z.string().uuid(),
+  locale: z.string().nullable(),
+  changeType: changeTypeSchema
+});
+const swatchChangeSchema = z.object({
+  id: z.string().uuid(),
+  changeType: changeTypeSchema
+});
+const typographyChangeSchema = z.object({
+  id: z.string().uuid(),
+  changeType: changeTypeSchema
+});
+const diffProjectionSchema = z.object({
+  components: z.array(componentChangeSchema),
+  pages: z.array(pageChangeSchema),
+  globalElements: z.array(globalElementChangeSchema),
+  swatches: z.array(swatchChangeSchema),
+  typographies: z.array(typographyChangeSchema)
+}).passthrough();
+export {
+  diffProjectionSchema
+};
+//# sourceMappingURL=diff-projection.js.map

package/dist/esm/api-handler/handlers/webhook/diff-projection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/api-handler/handlers/webhook/diff-projection.ts"],"sourcesContent":["import { z } from 'zod'\n\nconst changeTypeSchema = z.enum(['created', 'updated', 'deleted'])\n\n// `locale` is null for the default locale. We'd prefer explicit locale strings\n// (e.g. \"en-US\"), but both server and runtime treat the default locale as null\n// today — changing that requires a broader localization rework.\nconst componentChangeSchema = z.object({\n  id: z.string(),\n  locale: z.string().nullable(),\n  changeType: changeTypeSchema,\n})\n\nconst pageChangeSchema = z.object({\n  pageId: z.string().uuid(),\n  locale: z.string().nullable(),\n  changeType: changeTypeSchema,\n  pathname: z.string(),\n  previousPathname: z.string().optional(),\n})\n\nconst globalElementChangeSchema = z.object({\n  id: z.string().uuid(),\n  locale: z.string().nullable(),\n  changeType: changeTypeSchema,\n})\n\nconst swatchChangeSchema = z.object({\n  id: z.string().uuid(),\n  changeType: changeTypeSchema,\n})\n\nconst typographyChangeSchema = z.object({\n  id: z.string().uuid(),\n  changeType: changeTypeSchema,\n})\n\nexport const diffProjectionSchema = z\n  .object({\n    components: z.array(componentChangeSchema),\n    pages: z.array(pageChangeSchema),\n    globalElements: z.array(globalElementChangeSchema),\n    swatches: z.array(swatchChangeSchema),\n    typographies: z.array(typographyChangeSchema),\n  })\n  // passthrough() preserves unknown resource types the server may add in the\n  // future (e.g. `fonts`), so onPublish consumers can access them without a\n  // runtime upgrade.\n  .passthrough()\n"],"mappings":"AAAA,SAAS,SAAS;AAElB,MAAM,mBAAmB,EAAE,KAAK,CAAC,WAAW,WAAW,SAAS,CAAC;AAKjE,MAAM,wBAAwB,EAAE,OAAO;AAAA,EACrC,IAAI,EAAE,OAAO;AAAA,EACb,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,YAAY;AACd,CAAC;AAED,MAAM,mBAAmB,EAAE,OAAO;AAAA,EAChC,QAAQ,EAAE,OAAO,EAAE,KAAK;AAAA,EACxB,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,YAAY;AAAA,EACZ,UAAU,EAAE,OAAO;AAAA,EACnB,kBAAkB,EAAE,OAAO,EAAE,SAAS;AACxC,CAAC;AAED,MAAM,4BAA4B,EAAE,OAAO;AAAA,EACzC,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,EACpB,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,YAAY;AACd,CAAC;AAED,MAAM,qBAAqB,EAAE,OAAO;AAAA,EAClC,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,EACpB,YAAY;AACd,CAAC;AAED,MAAM,yBAAyB,EAAE,OAAO;AAAA,EACtC,IAAI,EAAE,OAAO,EAAE,KAAK;AAAA,EACpB,YAAY;AACd,CAAC;AAEM,MAAM,uBAAuB,EACjC,OAAO;AAAA,EACN,YAAY,EAAE,MAAM,qBAAqB;AAAA,EACzC,OAAO,EAAE,MAAM,gBAAgB;AAAA,EAC/B,gBAAgB,EAAE,MAAM,yBAAyB;AAAA,EACjD,UAAU,EAAE,MAAM,kBAAkB;AAAA,EACpC,cAAc,EAAE,MAAM,sBAAsB;AAC9C,CAAC,EAIA,YAAY;","names":[]}

package/dist/esm/box-model.js

@@ -0,0 +1,7 @@
+import { createBox, getBox, parse } from "./state/modules/box-models";
+export {
+  createBox,
+  getBox,
+  parse
+};
+//# sourceMappingURL=box-model.js.map

package/dist/esm/box-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/box-model.ts"],"sourcesContent":["export { createBox, getBox, parse } from './state/modules/box-models'\nexport type { BoxModelHandle, BoxModel } from './state/modules/box-models'\n"],"mappings":"AAAA,SAAS,WAAW,QAAQ,aAAa;","names":[]}

package/dist/esm/builder/serialization.js

@@ -0,0 +1,59 @@
+import {
+  deserializeObject
+} from "@makeswift/controls";
+import {
+  serializeLegacyControl,
+  deserializeLegacyControl
+} from "../prop-controllers/serialization";
+import { isLegacyDescriptor } from "../prop-controllers/descriptors";
+import { deserializeControl as deserializeUnifiedControl } from "../controls/serialization/base";
+import {
+  ClientMessagePortSerializationVisitor,
+  functionDeserializationPlugin
+} from "../controls/serialization/message-port";
+import {
+  deserializeControlRecords
+} from "../controls/serialization";
+export * from "../prop-controllers/serialization";
+function serializeControl(control) {
+  if (isLegacyDescriptor(control)) {
+    return serializeLegacyControl(control);
+  }
+  const messagePortVisitor = new ClientMessagePortSerializationVisitor();
+  const serializedControl = control.accept(messagePortVisitor);
+  return [serializedControl, messagePortVisitor.getTransferables()];
+}
+function isSerializedLegacyControl(control) {
+  return "options" in control;
+}
+function deserializeControl(serializedControl, options) {
+  if (isSerializedLegacyControl(serializedControl)) {
+    const record = options?.plugins ? deserializeObject(serializedControl, options?.plugins) : serializedControl;
+    return deserializeLegacyControl(record);
+  }
+  const plugins = [functionDeserializationPlugin, ...options?.plugins ?? []];
+  return deserializeUnifiedControl(serializedControl, { plugins });
+}
+function serializeControls(controls) {
+  return Object.entries(controls).reduce(
+    ([accControls, accTransferables], [key, control]) => {
+      const [serializedControl, transferables] = serializeControl(control);
+      return [{ ...accControls, [key]: serializedControl }, [...accTransferables, ...transferables]];
+    },
+    [{}, []]
+  );
+}
+function deserializeControls(serializedControls, { onError, plugins } = {}) {
+  return deserializeControlRecords(
+    serializedControls,
+    (serializedControl, options) => deserializeControl(serializedControl, options),
+    { onError, plugins }
+  );
+}
+export {
+  deserializeControl,
+  deserializeControls,
+  serializeControl,
+  serializeControls
+};
+//# sourceMappingURL=serialization.js.map