@makeswift/runtime 0.26.0-canary.9 → 0.26.1-canary.0

package/dist/cjs/state/actions/internal.js

@@ -0,0 +1,174 @@
+"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 internal_exports = {};
+__export(internal_exports, {
+  InternalActionTypes: () => InternalActionTypes,
+  apiResourceFulfilled: () => apiResourceFulfilled,
+  changeElementTree: () => changeElementTree,
+  createElementTree: () => createElementTree,
+  deleteElementTree: () => deleteElementTree,
+  registerComponentHandle: () => registerComponentHandle,
+  registerComponentHandleEffect: () => registerComponentHandleEffect,
+  registerMeasurable: () => registerMeasurable,
+  registerMeasurableEffect: () => registerMeasurableEffect,
+  registerPropControllers: () => registerPropControllers,
+  registerPropControllersHandle: () => registerPropControllersHandle,
+  registerReactComponentEffect: () => registerReactComponentEffect,
+  unregisterMeasurable: () => unregisterMeasurable,
+  unregisterPropControllers: () => unregisterPropControllers,
+  unregisterPropControllersHandle: () => unregisterPropControllersHandle,
+  updateAPIClientCache: () => updateAPIClientCache
+});
+module.exports = __toCommonJS(internal_exports);
+const InternalActionTypes = {
+  API_RESOURCE_FULFILLED: "API_RESOURCE_FULFILLED",
+  CREATE_ELEMENT_TREE: "CREATE_ELEMENT_TREE",
+  DELETE_ELEMENT_TREE: "DELETE_ELEMENT_TREE",
+  CHANGE_ELEMENT_TREE: "CHANGE_ELEMENT_TREE",
+  REGISTER_COMPONENT_HANDLE: "REGISTER_COMPONENT_HANDLE",
+  UNREGISTER_COMPONENT_HANDLE: "UNREGISTER_COMPONENT_HANDLE",
+  REGISTER_MEASURABLE: "REGISTER_MEASURABLE",
+  UNREGISTER_MEASURABLE: "UNREGISTER_MEASURABLE",
+  REGISTER_PROP_CONTROLLERS: "REGISTER_PROP_CONTROLLERS",
+  UNREGISTER_PROP_CONTROLLERS: "UNREGISTER_PROP_CONTROLLERS",
+  REGISTER_PROP_CONTROLLERS_HANDLE: "REGISTER_PROP_CONTROLLERS_HANDLE",
+  UNREGISTER_PROP_CONTROLLERS_HANDLE: "UNREGISTER_PROP_CONTROLLERS_HANDLE",
+  REGISTER_REACT_COMPONENT: "REGISTER_REACT_COMPONENT",
+  UNREGISTER_REACT_COMPONENT: "UNREGISTER_REACT_COMPONENT",
+  UPDATE_API_CLIENT_CACHE: "UPDATE_API_CLIENT_CACHE"
+};
+function apiResourceFulfilled(resourceType, resourceId, resource, locale) {
+  return {
+    type: InternalActionTypes.API_RESOURCE_FULFILLED,
+    payload: { resourceType, resourceId, resource, locale }
+  };
+}
+function createElementTree(payload) {
+  return {
+    type: InternalActionTypes.CREATE_ELEMENT_TREE,
+    payload
+  };
+}
+function deleteElementTree(payload) {
+  return { type: InternalActionTypes.DELETE_ELEMENT_TREE, payload };
+}
+function changeElementTree(payload) {
+  return {
+    type: InternalActionTypes.CHANGE_ELEMENT_TREE,
+    payload
+  };
+}
+function registerComponentHandle(documentKey, elementKey, componentHandle) {
+  return {
+    type: InternalActionTypes.REGISTER_COMPONENT_HANDLE,
+    payload: { documentKey, elementKey, componentHandle }
+  };
+}
+function unregisterComponentHandle(documentKey, elementKey) {
+  return {
+    type: InternalActionTypes.UNREGISTER_COMPONENT_HANDLE,
+    payload: { documentKey, elementKey }
+  };
+}
+function registerComponentHandleEffect(documentKey, elementKey, componentHandle) {
+  return (dispatch) => {
+    dispatch(registerComponentHandle(documentKey, elementKey, componentHandle));
+    return () => {
+      dispatch(unregisterComponentHandle(documentKey, elementKey));
+    };
+  };
+}
+function registerMeasurable(documentKey, elementKey, measurable) {
+  return {
+    type: InternalActionTypes.REGISTER_MEASURABLE,
+    payload: { documentKey, elementKey, measurable }
+  };
+}
+function unregisterMeasurable(documentKey, elementKey) {
+  return { type: InternalActionTypes.UNREGISTER_MEASURABLE, payload: { documentKey, elementKey } };
+}
+function registerMeasurableEffect(documentKey, elementKey, measurable) {
+  return (dispatch) => {
+    dispatch(registerMeasurable(documentKey, elementKey, measurable));
+    return () => {
+      dispatch(unregisterMeasurable(documentKey, elementKey));
+    };
+  };
+}
+function registerPropControllersHandle(documentKey, elementKey, handle) {
+  return {
+    type: InternalActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE,
+    payload: { documentKey, elementKey, handle }
+  };
+}
+function unregisterPropControllersHandle(documentKey, elementKey) {
+  return {
+    type: InternalActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE,
+    payload: { documentKey, elementKey }
+  };
+}
+function registerPropControllers(documentKey, elementKey, propControllers) {
+  return {
+    type: InternalActionTypes.REGISTER_PROP_CONTROLLERS,
+    payload: { documentKey, elementKey, propControllers }
+  };
+}
+function unregisterPropControllers(documentKey, elementKey) {
+  return {
+    type: InternalActionTypes.UNREGISTER_PROP_CONTROLLERS,
+    payload: { documentKey, elementKey }
+  };
+}
+function registerReactComponent(type, component) {
+  return { type: InternalActionTypes.REGISTER_REACT_COMPONENT, payload: { type, component } };
+}
+function unregisterReactComponent(type) {
+  return { type: InternalActionTypes.UNREGISTER_REACT_COMPONENT, payload: { type } };
+}
+function registerReactComponentEffect(type, component) {
+  return (dispatch) => {
+    dispatch(registerReactComponent(type, component));
+    return () => {
+      dispatch(unregisterReactComponent(type));
+    };
+  };
+}
+function updateAPIClientCache(payload) {
+  return { type: InternalActionTypes.UPDATE_API_CLIENT_CACHE, payload };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InternalActionTypes,
+  apiResourceFulfilled,
+  changeElementTree,
+  createElementTree,
+  deleteElementTree,
+  registerComponentHandle,
+  registerComponentHandleEffect,
+  registerMeasurable,
+  registerMeasurableEffect,
+  registerPropControllers,
+  registerPropControllersHandle,
+  registerReactComponentEffect,
+  unregisterMeasurable,
+  unregisterPropControllers,
+  unregisterPropControllersHandle,
+  updateAPIClientCache
+});
+//# sourceMappingURL=internal.js.map

package/dist/cjs/state/actions/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/actions/internal.ts"],"sourcesContent":["import { type Operation } from 'ot-json0'\nimport { type ThunkAction } from '@reduxjs/toolkit'\n\nimport { ControlInstance } from '@makeswift/controls'\n\nimport { ElementImperativeHandle } from '../../runtimes/react/element-imperative-handle'\n\nimport { type APIResource, APIResourceType, APIResourceLocale } from '../../api/types'\n\nimport { type Measurable } from '../modules/box-models'\nimport { type PropControllersHandle } from '../modules/prop-controller-handles'\nimport { type ComponentType } from '../modules/react-components'\nimport { type DescriptorsByComponentType } from '../modules/prop-controllers'\n\nimport { type DocumentPayload } from '../shared-api'\nimport { type SerializedState as APIClientCache } from '../makeswift-api-client'\n\nexport const InternalActionTypes = {\n  API_RESOURCE_FULFILLED: 'API_RESOURCE_FULFILLED',\n\n  CREATE_ELEMENT_TREE: 'CREATE_ELEMENT_TREE',\n  DELETE_ELEMENT_TREE: 'DELETE_ELEMENT_TREE',\n  CHANGE_ELEMENT_TREE: 'CHANGE_ELEMENT_TREE',\n\n  REGISTER_COMPONENT_HANDLE: 'REGISTER_COMPONENT_HANDLE',\n  UNREGISTER_COMPONENT_HANDLE: 'UNREGISTER_COMPONENT_HANDLE',\n\n  REGISTER_MEASURABLE: 'REGISTER_MEASURABLE',\n  UNREGISTER_MEASURABLE: 'UNREGISTER_MEASURABLE',\n\n  REGISTER_PROP_CONTROLLERS: 'REGISTER_PROP_CONTROLLERS',\n  UNREGISTER_PROP_CONTROLLERS: 'UNREGISTER_PROP_CONTROLLERS',\n\n  REGISTER_PROP_CONTROLLERS_HANDLE: 'REGISTER_PROP_CONTROLLERS_HANDLE',\n  UNREGISTER_PROP_CONTROLLERS_HANDLE: 'UNREGISTER_PROP_CONTROLLERS_HANDLE',\n\n  REGISTER_REACT_COMPONENT: 'REGISTER_REACT_COMPONENT',\n  UNREGISTER_REACT_COMPONENT: 'UNREGISTER_REACT_COMPONENT',\n\n  UPDATE_API_CLIENT_CACHE: 'UPDATE_API_CLIENT_CACHE',\n} as const\n\ntype APIResourceFulfilledAction = {\n  type: typeof InternalActionTypes.API_RESOURCE_FULFILLED\n  payload: {\n    resourceType: APIResourceType\n    resourceId: string\n    resource: APIResource | null\n    locale?: string | null\n  }\n}\n\nexport function apiResourceFulfilled<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  resource: APIResource | null,\n  locale?: APIResourceLocale<T>,\n): APIResourceFulfilledAction {\n  return {\n    type: InternalActionTypes.API_RESOURCE_FULFILLED,\n    payload: { resourceType, resourceId, resource, locale },\n  }\n}\n\ntype CreateElementTreeAction = {\n  type: typeof InternalActionTypes.CREATE_ELEMENT_TREE\n  payload: { document: DocumentPayload; descriptors: DescriptorsByComponentType }\n}\n\ntype DeleteElementTreeAction = {\n  type: typeof InternalActionTypes.DELETE_ELEMENT_TREE\n  payload: { documentKey: string }\n}\n\ntype ChangeElementTreeAction = {\n  type: typeof InternalActionTypes.CHANGE_ELEMENT_TREE\n  payload: {\n    oldDocument: DocumentPayload\n    newDocument: DocumentPayload\n    descriptors: DescriptorsByComponentType\n    operation: Operation\n  }\n}\n\ntype RegisterComponentHandleAction = {\n  type: typeof InternalActionTypes.REGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string; componentHandle: ElementImperativeHandle }\n}\n\ntype UnregisterComponentHandleAction = {\n  type: typeof InternalActionTypes.UNREGISTER_COMPONENT_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterMeasurableAction = {\n  type: typeof InternalActionTypes.REGISTER_MEASURABLE\n  payload: { documentKey: string; elementKey: string; measurable: Measurable }\n}\n\ntype UnregisterMeasurableAction = {\n  type: typeof InternalActionTypes.UNREGISTER_MEASURABLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterPropControllersHandleAction = {\n  type: typeof InternalActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string; handle: PropControllersHandle }\n}\n\ntype UnregisterPropControllersHandleAction = {\n  type: typeof InternalActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterPropControllersAction = {\n  type: typeof InternalActionTypes.REGISTER_PROP_CONTROLLERS\n  payload: {\n    documentKey: string\n    elementKey: string\n    propControllers: Record<string, ControlInstance>\n  }\n}\n\ntype UnregisterPropControllersAction = {\n  type: typeof InternalActionTypes.UNREGISTER_PROP_CONTROLLERS\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype RegisterReactComponentAction = {\n  type: typeof InternalActionTypes.REGISTER_REACT_COMPONENT\n  payload: { type: string; component: ComponentType }\n}\n\ntype UnregisterReactComponentAction = {\n  type: typeof InternalActionTypes.UNREGISTER_REACT_COMPONENT\n  payload: { type: string }\n}\ntype UpdateAPIClientCache = {\n  type: typeof InternalActionTypes.UPDATE_API_CLIENT_CACHE\n  payload: APIClientCache\n}\n\nexport type InternalAction =\n  | APIResourceFulfilledAction\n  | CreateElementTreeAction\n  | DeleteElementTreeAction\n  | ChangeElementTreeAction\n  | RegisterComponentHandleAction\n  | UnregisterComponentHandleAction\n  | RegisterMeasurableAction\n  | UnregisterMeasurableAction\n  | RegisterPropControllersHandleAction\n  | UnregisterPropControllersHandleAction\n  | RegisterPropControllersAction\n  | UnregisterPropControllersAction\n  | RegisterReactComponentAction\n  | UnregisterReactComponentAction\n  | UpdateAPIClientCache\n\nexport function createElementTree(\n  payload: CreateElementTreeAction['payload'],\n): CreateElementTreeAction {\n  return {\n    type: InternalActionTypes.CREATE_ELEMENT_TREE,\n    payload,\n  }\n}\n\nexport function deleteElementTree(\n  payload: DeleteElementTreeAction['payload'],\n): DeleteElementTreeAction {\n  return { type: InternalActionTypes.DELETE_ELEMENT_TREE, payload }\n}\n\nexport function changeElementTree(\n  payload: ChangeElementTreeAction['payload'],\n): ChangeElementTreeAction {\n  return {\n    type: InternalActionTypes.CHANGE_ELEMENT_TREE,\n    payload,\n  }\n}\n\nexport function registerComponentHandle(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: ElementImperativeHandle,\n): RegisterComponentHandleAction {\n  return {\n    type: InternalActionTypes.REGISTER_COMPONENT_HANDLE,\n    payload: { documentKey, elementKey, componentHandle },\n  }\n}\n\nfunction unregisterComponentHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterComponentHandleAction {\n  return {\n    type: InternalActionTypes.UNREGISTER_COMPONENT_HANDLE,\n    payload: { documentKey, elementKey },\n  }\n}\n\nexport function registerComponentHandleEffect(\n  documentKey: string,\n  elementKey: string,\n  componentHandle: ElementImperativeHandle,\n): ThunkAction<() => void, unknown, unknown, InternalAction> {\n  return dispatch => {\n    dispatch(registerComponentHandle(documentKey, elementKey, componentHandle))\n\n    return () => {\n      dispatch(unregisterComponentHandle(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerMeasurable(\n  documentKey: string,\n  elementKey: string,\n  measurable: Measurable,\n): RegisterMeasurableAction {\n  return {\n    type: InternalActionTypes.REGISTER_MEASURABLE,\n    payload: { documentKey, elementKey, measurable },\n  }\n}\n\nexport function unregisterMeasurable(\n  documentKey: string,\n  elementKey: string,\n): UnregisterMeasurableAction {\n  return { type: InternalActionTypes.UNREGISTER_MEASURABLE, payload: { documentKey, elementKey } }\n}\n\nexport function registerMeasurableEffect(\n  documentKey: string,\n  elementKey: string,\n  measurable: Measurable,\n): ThunkAction<() => void, unknown, unknown, InternalAction> {\n  return dispatch => {\n    dispatch(registerMeasurable(documentKey, elementKey, measurable))\n\n    return () => {\n      dispatch(unregisterMeasurable(documentKey, elementKey))\n    }\n  }\n}\n\nexport function registerPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n  handle: PropControllersHandle,\n): RegisterPropControllersHandleAction {\n  return {\n    type: InternalActionTypes.REGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey, handle },\n  }\n}\n\nexport function unregisterPropControllersHandle(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersHandleAction {\n  return {\n    type: InternalActionTypes.UNREGISTER_PROP_CONTROLLERS_HANDLE,\n    payload: { documentKey, elementKey },\n  }\n}\n\nexport function registerPropControllers(\n  documentKey: string,\n  elementKey: string,\n  propControllers: Record<string, ControlInstance>,\n): RegisterPropControllersAction {\n  return {\n    type: InternalActionTypes.REGISTER_PROP_CONTROLLERS,\n    payload: { documentKey, elementKey, propControllers },\n  }\n}\n\nexport function unregisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersAction {\n  return {\n    type: InternalActionTypes.UNREGISTER_PROP_CONTROLLERS,\n    payload: { documentKey, elementKey },\n  }\n}\n\nfunction registerReactComponent(\n  type: string,\n  component: ComponentType,\n): RegisterReactComponentAction {\n  return { type: InternalActionTypes.REGISTER_REACT_COMPONENT, payload: { type, component } }\n}\n\nfunction unregisterReactComponent(type: string): UnregisterReactComponentAction {\n  return { type: InternalActionTypes.UNREGISTER_REACT_COMPONENT, payload: { type } }\n}\n\nexport function registerReactComponentEffect(\n  type: string,\n  component: ComponentType,\n): ThunkAction<() => void, unknown, unknown, InternalAction> {\n  return dispatch => {\n    dispatch(registerReactComponent(type, component))\n\n    return () => {\n      dispatch(unregisterReactComponent(type))\n    }\n  }\n}\n\nexport function updateAPIClientCache(payload: APIClientCache): UpdateAPIClientCache {\n  return { type: InternalActionTypes.UPDATE_API_CLIENT_CACHE, payload }\n}\n"],"mappings":"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","names":[]}

package/dist/cjs/state/builder-api.js

@@ -0,0 +1,150 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var builder_api_exports = {};
+__export(builder_api_exports, {
+  BuilderActionTypes: () => BuilderActionTypes,
+  changeDocumentElementSize: () => changeDocumentElementSize,
+  changeElementBoxModels: () => changeElementBoxModels,
+  elementFromPointChange: () => elementFromPointChange,
+  handlePointerMove: () => handlePointerMove,
+  handleWheel: () => handleWheel,
+  makeswiftConnectionCheck: () => makeswiftConnectionCheck,
+  messageBuilderPropController: () => messageBuilderPropController,
+  mountComponent: () => mountComponent,
+  mountComponentEffect: () => mountComponentEffect,
+  registerBuilderComponent: () => registerBuilderComponent,
+  registerBuilderDocument: () => registerBuilderDocument,
+  registerBuilderDocumentsEffect: () => registerBuilderDocumentsEffect,
+  setIsInBuilder: () => setIsInBuilder,
+  unmountComponent: () => unmountComponent,
+  unregisterBuilderComponent: () => unregisterBuilderComponent,
+  unregisterBuilderDocument: () => unregisterBuilderDocument
+});
+module.exports = __toCommonJS(builder_api_exports);
+var import_shared_api = require("./shared-api");
+const BuilderActionTypes = {
+  ...import_shared_api.SharedActionTypes,
+  MAKESWIFT_CONNECTION_CHECK: "MAKESWIFT_CONNECTION_CHECK",
+  CHANGE_ELEMENT_BOX_MODELS: "CHANGE_ELEMENT_BOX_MODELS",
+  MOUNT_COMPONENT: "MOUNT_COMPONENT",
+  UNMOUNT_COMPONENT: "UNMOUNT_COMPONENT",
+  CHANGE_DOCUMENT_ELEMENT_SIZE: "CHANGE_DOCUMENT_ELEMENT_SIZE",
+  MESSAGE_BUILDER_PROP_CONTROLLER: "MESSAGE_BUILDER_PROP_CONTROLLER",
+  HANDLE_WHEEL: "HANDLE_WHEEL",
+  HANDLE_POINTER_MOVE: "HANDLE_POINTER_MOVE",
+  ELEMENT_FROM_POINT_CHANGE: "ELEMENT_FROM_POINT_CHANGE",
+  SET_IS_IN_BUILDER: "SET_IS_IN_BUILDER",
+  REGISTER_BUILDER_DOCUMENT: "REGISTER_BUILDER_DOCUMENT",
+  UNREGISTER_BUILDER_DOCUMENT: "UNREGISTER_BUILDER_DOCUMENT",
+  REGISTER_BUILDER_COMPONENT: "REGISTER_BUILDER_COMPONENT",
+  UNREGISTER_BUILDER_COMPONENT: "UNREGISTER_BUILDER_COMPONENT",
+  HANDLE_HOST_NAVIGATE: "HANDLE_HOST_NAVIGATE"
+};
+function makeswiftConnectionCheck(payload) {
+  return { type: BuilderActionTypes.MAKESWIFT_CONNECTION_CHECK, payload };
+}
+function changeElementBoxModels(changedElementBoxModels) {
+  return {
+    type: BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS,
+    payload: { changedElementBoxModels }
+  };
+}
+function mountComponent(documentKey, elementKey) {
+  return { type: BuilderActionTypes.MOUNT_COMPONENT, payload: { documentKey, elementKey } };
+}
+function unmountComponent(documentKey, elementKey) {
+  return { type: BuilderActionTypes.UNMOUNT_COMPONENT, payload: { documentKey, elementKey } };
+}
+function mountComponentEffect(documentKey, elementKey) {
+  return (dispatch) => {
+    dispatch(mountComponent(documentKey, elementKey));
+    return () => {
+      dispatch(unmountComponent(documentKey, elementKey));
+    };
+  };
+}
+function changeDocumentElementSize(size) {
+  return { type: BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE, payload: { size } };
+}
+function messageBuilderPropController(documentKey, elementKey, propName, message) {
+  return {
+    type: BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER,
+    payload: { documentKey, elementKey, propName, message }
+  };
+}
+function handleWheel(payload) {
+  return { type: BuilderActionTypes.HANDLE_WHEEL, payload };
+}
+function handlePointerMove(payload) {
+  return { type: BuilderActionTypes.HANDLE_POINTER_MOVE, payload };
+}
+function elementFromPointChange(keys) {
+  return { type: BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE, payload: { keys } };
+}
+function setIsInBuilder(isInBuilder) {
+  return { type: BuilderActionTypes.SET_IS_IN_BUILDER, payload: isInBuilder };
+}
+function registerBuilderDocument(document) {
+  return {
+    type: BuilderActionTypes.REGISTER_BUILDER_DOCUMENT,
+    payload: { documentKey: document.key, document }
+  };
+}
+function unregisterBuilderDocument(documentKey) {
+  return { type: BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT, payload: { documentKey } };
+}
+function registerBuilderDocumentsEffect(documents) {
+  return (dispatch) => {
+    documents.forEach((document) => dispatch(registerBuilderDocument(document)));
+    return () => {
+      documents.forEach((document) => dispatch(unregisterBuilderDocument(document.key)));
+    };
+  };
+}
+function registerBuilderComponent(payload, transferables) {
+  return {
+    type: BuilderActionTypes.REGISTER_BUILDER_COMPONENT,
+    payload,
+    transferables
+  };
+}
+function unregisterBuilderComponent(payload) {
+  return { type: BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT, payload };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BuilderActionTypes,
+  changeDocumentElementSize,
+  changeElementBoxModels,
+  elementFromPointChange,
+  handlePointerMove,
+  handleWheel,
+  makeswiftConnectionCheck,
+  messageBuilderPropController,
+  mountComponent,
+  mountComponentEffect,
+  registerBuilderComponent,
+  registerBuilderDocument,
+  registerBuilderDocumentsEffect,
+  setIsInBuilder,
+  unmountComponent,
+  unregisterBuilderComponent,
+  unregisterBuilderDocument
+});
+//# sourceMappingURL=builder-api.js.map

package/dist/cjs/state/builder-api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/state/builder-api.ts"],"sourcesContent":["import { type ThunkAction } from '@reduxjs/toolkit'\n\nimport { type SerializedControl } from '../builder'\nimport { type PropControllerMessage } from '../prop-controllers/instances'\n\nimport { type Document } from './modules/read-only-documents'\nimport { type BoxModel } from './modules/box-models'\nimport { type ComponentMeta } from './modules/components-meta'\n\nimport { type Size } from './react-builder-preview'\nimport { type DocumentPayload, type SharedAction, SharedActionTypes } from './shared-api'\n\nexport const BuilderActionTypes = {\n  ...SharedActionTypes,\n\n  MAKESWIFT_CONNECTION_CHECK: 'MAKESWIFT_CONNECTION_CHECK',\n\n  CHANGE_ELEMENT_BOX_MODELS: 'CHANGE_ELEMENT_BOX_MODELS',\n\n  MOUNT_COMPONENT: 'MOUNT_COMPONENT',\n  UNMOUNT_COMPONENT: 'UNMOUNT_COMPONENT',\n\n  CHANGE_DOCUMENT_ELEMENT_SIZE: 'CHANGE_DOCUMENT_ELEMENT_SIZE',\n  MESSAGE_BUILDER_PROP_CONTROLLER: 'MESSAGE_BUILDER_PROP_CONTROLLER',\n\n  HANDLE_WHEEL: 'HANDLE_WHEEL',\n  HANDLE_POINTER_MOVE: 'HANDLE_POINTER_MOVE',\n\n  ELEMENT_FROM_POINT_CHANGE: 'ELEMENT_FROM_POINT_CHANGE',\n\n  SET_IS_IN_BUILDER: 'SET_IS_IN_BUILDER',\n\n  REGISTER_BUILDER_DOCUMENT: 'REGISTER_BUILDER_DOCUMENT',\n  UNREGISTER_BUILDER_DOCUMENT: 'UNREGISTER_BUILDER_DOCUMENT',\n\n  REGISTER_BUILDER_COMPONENT: 'REGISTER_BUILDER_COMPONENT',\n  UNREGISTER_BUILDER_COMPONENT: 'UNREGISTER_BUILDER_COMPONENT',\n\n  HANDLE_HOST_NAVIGATE: 'HANDLE_HOST_NAVIGATE',\n} as const\n\ntype MakeswiftConnectionCheckAction = {\n  type: typeof BuilderActionTypes.MAKESWIFT_CONNECTION_CHECK\n  payload: { currentUrl: string }\n}\n\ntype ChangeElementBoxModelsAction = {\n  type: typeof BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS\n  payload: { changedElementBoxModels: Map<string, Map<string, BoxModel | null>> }\n}\n\ntype MountComponentAction = {\n  type: typeof BuilderActionTypes.MOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype UnmountComponentAction = {\n  type: typeof BuilderActionTypes.UNMOUNT_COMPONENT\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype ChangeDocumentElementSizeAction = {\n  type: typeof BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE\n  payload: { size: Size }\n}\n\ntype MessageBuilderPropControllerAction<T = PropControllerMessage> = {\n  type: typeof BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype HandleWheelAction = {\n  type: typeof BuilderActionTypes.HANDLE_WHEEL\n  payload: { deltaX: number; deltaY: number }\n}\n\ntype HandlePointerMoveAction = {\n  type: typeof BuilderActionTypes.HANDLE_POINTER_MOVE\n  payload: { clientX: number; clientY: number }\n}\n\ntype ElementFromPointChangeAction = {\n  type: typeof BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE\n  payload: { keys: { documentKey: string; elementKey: string } | null }\n}\n\ntype SetIsInBuilderAction = {\n  type: typeof BuilderActionTypes.SET_IS_IN_BUILDER\n  payload: boolean\n}\n\ntype RegisterBuilderDocumentAction = {\n  type: typeof BuilderActionTypes.REGISTER_BUILDER_DOCUMENT\n  payload: { documentKey: string; document: DocumentPayload }\n}\n\ntype UnregisterBuilderDocumentAction = {\n  type: typeof BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT\n  payload: { documentKey: string }\n}\n\ntype RegisterBuilderComponentAction = {\n  type: typeof BuilderActionTypes.REGISTER_BUILDER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    serializedControls: Record<string, SerializedControl>\n  }\n  transferables?: Transferable[]\n}\n\ntype UnregisterBuilderComponentAction = {\n  type: typeof BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT\n  payload: { type: string }\n}\n\ntype HandleHostNavigateAction = {\n  type: typeof BuilderActionTypes.HANDLE_HOST_NAVIGATE\n  payload: { url: string | null }\n}\n\nexport type BuilderAction =\n  | SharedAction\n  | MakeswiftConnectionCheckAction\n  | ChangeElementBoxModelsAction\n  | MountComponentAction\n  | UnmountComponentAction\n  | ChangeDocumentElementSizeAction\n  | MessageBuilderPropControllerAction\n  | HandleWheelAction\n  | HandlePointerMoveAction\n  | ElementFromPointChangeAction\n  | SetIsInBuilderAction\n  | RegisterBuilderDocumentAction\n  | UnregisterBuilderDocumentAction\n  | RegisterBuilderComponentAction\n  | UnregisterBuilderComponentAction\n  | HandleHostNavigateAction\n\nexport function makeswiftConnectionCheck(\n  payload: MakeswiftConnectionCheckAction['payload'],\n): MakeswiftConnectionCheckAction {\n  return { type: BuilderActionTypes.MAKESWIFT_CONNECTION_CHECK, payload }\n}\n\nexport function changeElementBoxModels(\n  changedElementBoxModels: Map<string, Map<string, BoxModel | null>>,\n): ChangeElementBoxModelsAction {\n  return {\n    type: BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS,\n    payload: { changedElementBoxModels },\n  }\n}\n\nexport function mountComponent(documentKey: string, elementKey: string): MountComponentAction {\n  return { type: BuilderActionTypes.MOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function unmountComponent(documentKey: string, elementKey: string): UnmountComponentAction {\n  return { type: BuilderActionTypes.UNMOUNT_COMPONENT, payload: { documentKey, elementKey } }\n}\n\nexport function mountComponentEffect(\n  documentKey: string,\n  elementKey: string,\n): ThunkAction<() => void, unknown, unknown, BuilderAction> {\n  return dispatch => {\n    dispatch(mountComponent(documentKey, elementKey))\n\n    return () => {\n      dispatch(unmountComponent(documentKey, elementKey))\n    }\n  }\n}\n\nexport function changeDocumentElementSize(size: Size): ChangeDocumentElementSizeAction {\n  return { type: BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE, payload: { size } }\n}\n\nexport function messageBuilderPropController<T>(\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n  message: T,\n): MessageBuilderPropControllerAction<T> {\n  return {\n    type: BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function handleWheel(payload: { deltaX: number; deltaY: number }): HandleWheelAction {\n  return { type: BuilderActionTypes.HANDLE_WHEEL, payload }\n}\n\nexport function handlePointerMove(payload: {\n  clientX: number\n  clientY: number\n}): HandlePointerMoveAction {\n  return { type: BuilderActionTypes.HANDLE_POINTER_MOVE, payload }\n}\n\nexport function elementFromPointChange(\n  keys: {\n    documentKey: string\n    elementKey: string\n  } | null,\n): ElementFromPointChangeAction {\n  return { type: BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE, payload: { keys } }\n}\n\nexport function setIsInBuilder(isInBuilder: boolean): SetIsInBuilderAction {\n  return { type: BuilderActionTypes.SET_IS_IN_BUILDER, payload: isInBuilder }\n}\n\nexport function registerBuilderDocument(document: Document): RegisterBuilderDocumentAction {\n  return {\n    type: BuilderActionTypes.REGISTER_BUILDER_DOCUMENT,\n    payload: { documentKey: document.key, document },\n  }\n}\n\nexport function unregisterBuilderDocument(documentKey: string): UnregisterBuilderDocumentAction {\n  return { type: BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT, payload: { documentKey } }\n}\n\nexport function registerBuilderDocumentsEffect(\n  documents: Document[],\n): ThunkAction<() => void, unknown, unknown, BuilderAction> {\n  return dispatch => {\n    documents.forEach(document => dispatch(registerBuilderDocument(document)))\n\n    return () => {\n      documents.forEach(document => dispatch(unregisterBuilderDocument(document.key)))\n    }\n  }\n}\n\nexport function registerBuilderComponent(\n  payload: RegisterBuilderComponentAction['payload'],\n  transferables?: Transferable[],\n): RegisterBuilderComponentAction {\n  return {\n    type: BuilderActionTypes.REGISTER_BUILDER_COMPONENT,\n    payload,\n    transferables,\n  }\n}\n\nexport function unregisterBuilderComponent(\n  payload: UnregisterBuilderComponentAction['payload'],\n): UnregisterBuilderComponentAction {\n  return { type: BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT, payload }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,wBAA2E;AAEpE,MAAM,qBAAqB;AAAA,EAChC,GAAG;AAAA,EAEH,4BAA4B;AAAA,EAE5B,2BAA2B;AAAA,EAE3B,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EAEnB,8BAA8B;AAAA,EAC9B,iCAAiC;AAAA,EAEjC,cAAc;AAAA,EACd,qBAAqB;AAAA,EAErB,2BAA2B;AAAA,EAE3B,mBAAmB;AAAA,EAEnB,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAE7B,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAE9B,sBAAsB;AACxB;AAoGO,SAAS,yBACd,SACgC;AAChC,SAAO,EAAE,MAAM,mBAAmB,4BAA4B,QAAQ;AACxE;AAEO,SAAS,uBACd,yBAC8B;AAC9B,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS,EAAE,wBAAwB;AAAA,EACrC;AACF;AAEO,SAAS,eAAe,aAAqB,YAA0C;AAC5F,SAAO,EAAE,MAAM,mBAAmB,iBAAiB,SAAS,EAAE,aAAa,WAAW,EAAE;AAC1F;AAEO,SAAS,iBAAiB,aAAqB,YAA4C;AAChG,SAAO,EAAE,MAAM,mBAAmB,mBAAmB,SAAS,EAAE,aAAa,WAAW,EAAE;AAC5F;AAEO,SAAS,qBACd,aACA,YAC0D;AAC1D,SAAO,cAAY;AACjB,aAAS,eAAe,aAAa,UAAU,CAAC;AAEhD,WAAO,MAAM;AACX,eAAS,iBAAiB,aAAa,UAAU,CAAC;AAAA,IACpD;AAAA,EACF;AACF;AAEO,SAAS,0BAA0B,MAA6C;AACrF,SAAO,EAAE,MAAM,mBAAmB,8BAA8B,SAAS,EAAE,KAAK,EAAE;AACpF;AAEO,SAAS,6BACd,aACA,YACA,UACA,SACuC;AACvC,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS,EAAE,aAAa,YAAY,UAAU,QAAQ;AAAA,EACxD;AACF;AAEO,SAAS,YAAY,SAAgE;AAC1F,SAAO,EAAE,MAAM,mBAAmB,cAAc,QAAQ;AAC1D;AAEO,SAAS,kBAAkB,SAGN;AAC1B,SAAO,EAAE,MAAM,mBAAmB,qBAAqB,QAAQ;AACjE;AAEO,SAAS,uBACd,MAI8B;AAC9B,SAAO,EAAE,MAAM,mBAAmB,2BAA2B,SAAS,EAAE,KAAK,EAAE;AACjF;AAEO,SAAS,eAAe,aAA4C;AACzE,SAAO,EAAE,MAAM,mBAAmB,mBAAmB,SAAS,YAAY;AAC5E;AAEO,SAAS,wBAAwB,UAAmD;AACzF,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB,SAAS,EAAE,aAAa,SAAS,KAAK,SAAS;AAAA,EACjD;AACF;AAEO,SAAS,0BAA0B,aAAsD;AAC9F,SAAO,EAAE,MAAM,mBAAmB,6BAA6B,SAAS,EAAE,YAAY,EAAE;AAC1F;AAEO,SAAS,+BACd,WAC0D;AAC1D,SAAO,cAAY;AACjB,cAAU,QAAQ,cAAY,SAAS,wBAAwB,QAAQ,CAAC,CAAC;AAEzE,WAAO,MAAM;AACX,gBAAU,QAAQ,cAAY,SAAS,0BAA0B,SAAS,GAAG,CAAC,CAAC;AAAA,IACjF;AAAA,EACF;AACF;AAEO,SAAS,yBACd,SACA,eACgC;AAChC,SAAO;AAAA,IACL,MAAM,mBAAmB;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,2BACd,SACkC;AAClC,SAAO,EAAE,MAAM,mBAAmB,8BAA8B,QAAQ;AAC1E;","names":[]}

package/dist/cjs/state/host-api.js

@@ -0,0 +1,103 @@
+"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 host_api_exports = {};
+__export(host_api_exports, {
+  HostActionTypes: () => HostActionTypes,
+  builderPointerMove: () => builderPointerMove,
+  changeApiResource: () => changeApiResource,
+  changeDocument: () => changeDocument,
+  changeDocumentElementScrollTop: () => changeDocumentElementScrollTop,
+  cleanUp: () => cleanUp,
+  evictApiResource: () => evictApiResource,
+  init: () => init,
+  messageHostPropController: () => messageHostPropController,
+  scrollDocumentElement: () => scrollDocumentElement,
+  setBuilderEditMode: () => setBuilderEditMode,
+  unregisterPropControllers: () => unregisterPropControllers
+});
+module.exports = __toCommonJS(host_api_exports);
+const HostActionTypes = {
+  INIT: "INIT",
+  CLEAN_UP: "CLEAN_UP",
+  CHANGE_DOCUMENT: "CHANGE_DOCUMENT",
+  CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP: "CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP",
+  SCROLL_DOCUMENT_ELEMENT: "SCROLL_DOCUMENT_ELEMENT",
+  REGISTER_PROP_CONTROLLERS: "REGISTER_PROP_CONTROLLERS",
+  UNREGISTER_PROP_CONTROLLERS: "UNREGISTER_PROP_CONTROLLERS",
+  MESSAGE_HOST_PROP_CONTROLLER: "MESSAGE_HOST_PROP_CONTROLLER",
+  CHANGE_API_RESOURCE: "CHANGE_API_RESOURCE",
+  EVICT_API_RESOURCE: "EVICT_API_RESOURCE",
+  SET_BUILDER_EDIT_MODE: "SET_BUILDER_EDIT_MODE",
+  BUILDER_POINTER_MOVE: "BUILDER_POINTER_MOVE"
+};
+function init() {
+  return { type: HostActionTypes.INIT };
+}
+function cleanUp() {
+  return { type: HostActionTypes.CLEAN_UP };
+}
+function changeDocument(documentKey, operation) {
+  return { type: HostActionTypes.CHANGE_DOCUMENT, payload: { documentKey, operation } };
+}
+function changeDocumentElementScrollTop(scrollTop) {
+  return { type: HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP, payload: { scrollTop } };
+}
+function scrollDocumentElement(scrollTopDelta) {
+  return { type: HostActionTypes.SCROLL_DOCUMENT_ELEMENT, payload: { scrollTopDelta } };
+}
+function unregisterPropControllers(documentKey, elementKey) {
+  return { type: HostActionTypes.UNREGISTER_PROP_CONTROLLERS, payload: { documentKey, elementKey } };
+}
+function messageHostPropController(documentKey, elementKey, propName, message) {
+  return {
+    type: HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER,
+    payload: { documentKey, elementKey, propName, message }
+  };
+}
+function changeApiResource(resource, locale) {
+  return { type: HostActionTypes.CHANGE_API_RESOURCE, payload: { resource, locale } };
+}
+function evictApiResource(id, locale) {
+  return { type: HostActionTypes.EVICT_API_RESOURCE, payload: { id, locale } };
+}
+function setBuilderEditMode(editMode) {
+  return {
+    type: HostActionTypes.SET_BUILDER_EDIT_MODE,
+    payload: { editMode }
+  };
+}
+function builderPointerMove(pointer) {
+  return { type: HostActionTypes.BUILDER_POINTER_MOVE, payload: { pointer } };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HostActionTypes,
+  builderPointerMove,
+  changeApiResource,
+  changeDocument,
+  changeDocumentElementScrollTop,
+  cleanUp,
+  evictApiResource,
+  init,
+  messageHostPropController,
+  scrollDocumentElement,
+  setBuilderEditMode,
+  unregisterPropControllers
+});
+//# sourceMappingURL=host-api.js.map

package/dist/cjs/state/host-api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/state/host-api.ts"],"sourcesContent":["import { type Operation } from 'ot-json0'\n\nimport { ControlInstance } from '@makeswift/controls'\n\nimport { type PropControllerMessage } from '../prop-controllers/instances'\nimport { type APIResource, APIResourceLocale } from '../api/types'\n\nimport { BuilderEditMode } from './modules/builder-edit-mode'\nimport { type Point } from './modules/pointer'\n\nexport const HostActionTypes = {\n  INIT: 'INIT',\n  CLEAN_UP: 'CLEAN_UP',\n\n  CHANGE_DOCUMENT: 'CHANGE_DOCUMENT',\n\n  CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP: 'CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP',\n  SCROLL_DOCUMENT_ELEMENT: 'SCROLL_DOCUMENT_ELEMENT',\n\n  REGISTER_PROP_CONTROLLERS: 'REGISTER_PROP_CONTROLLERS',\n  UNREGISTER_PROP_CONTROLLERS: 'UNREGISTER_PROP_CONTROLLERS',\n  MESSAGE_HOST_PROP_CONTROLLER: 'MESSAGE_HOST_PROP_CONTROLLER',\n\n  CHANGE_API_RESOURCE: 'CHANGE_API_RESOURCE',\n  EVICT_API_RESOURCE: 'EVICT_API_RESOURCE',\n\n  SET_BUILDER_EDIT_MODE: 'SET_BUILDER_EDIT_MODE',\n\n  BUILDER_POINTER_MOVE: 'BUILDER_POINTER_MOVE',\n} as const\n\ntype InitAction = { type: typeof HostActionTypes.INIT }\n\ntype CleanUpAction = { type: typeof HostActionTypes.CLEAN_UP }\n\ntype ChangeDocumentAction = {\n  type: typeof HostActionTypes.CHANGE_DOCUMENT\n  payload: { documentKey: string; operation: Operation }\n}\n\ntype ChangeDocumentElementScrollTopAction = {\n  type: typeof HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP\n  payload: { scrollTop: number }\n}\n\ntype ScrollDocumentElementAction = {\n  type: typeof HostActionTypes.SCROLL_DOCUMENT_ELEMENT\n  payload: { scrollTopDelta: number }\n}\n\ntype RegisterPropControllersAction = {\n  type: typeof HostActionTypes.REGISTER_PROP_CONTROLLERS\n  payload: {\n    documentKey: string\n    elementKey: string\n    propControllers: Record<string, ControlInstance>\n  }\n}\n\ntype UnregisterPropControllersAction = {\n  type: typeof HostActionTypes.UNREGISTER_PROP_CONTROLLERS\n  payload: { documentKey: string; elementKey: string }\n}\n\ntype MessageHostPropControllerAction<T = PropControllerMessage> = {\n  type: typeof HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER\n  payload: { documentKey: string; elementKey: string; propName: string; message: T }\n}\n\ntype ChangeAPIResourceAction = {\n  type: typeof HostActionTypes.CHANGE_API_RESOURCE\n  payload: { resource: APIResource; locale?: string | null }\n}\n\ntype EvictAPIResourceAction = {\n  type: typeof HostActionTypes.EVICT_API_RESOURCE\n  payload: { id: string; locale?: string | null }\n}\n\ntype SetBuilderEditModeAction = {\n  type: typeof HostActionTypes.SET_BUILDER_EDIT_MODE\n  payload: { editMode: BuilderEditMode }\n}\n\ntype BuilderPointerMoveAction = {\n  type: typeof HostActionTypes.BUILDER_POINTER_MOVE\n  payload: { pointer: Point | null }\n}\n\nexport type HostAction =\n  | InitAction\n  | CleanUpAction\n  | ChangeDocumentAction\n  | ChangeDocumentElementScrollTopAction\n  | ScrollDocumentElementAction\n  | RegisterPropControllersAction\n  | UnregisterPropControllersAction\n  | MessageHostPropControllerAction\n  | ChangeAPIResourceAction\n  | EvictAPIResourceAction\n  | SetBuilderEditModeAction\n  | BuilderPointerMoveAction\n\nexport function init(): InitAction {\n  return { type: HostActionTypes.INIT }\n}\n\nexport function cleanUp(): CleanUpAction {\n  return { type: HostActionTypes.CLEAN_UP }\n}\n\nexport function changeDocument(documentKey: string, operation: Operation): ChangeDocumentAction {\n  return { type: HostActionTypes.CHANGE_DOCUMENT, payload: { documentKey, operation } }\n}\n\nexport function changeDocumentElementScrollTop(\n  scrollTop: number,\n): ChangeDocumentElementScrollTopAction {\n  return { type: HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP, payload: { scrollTop } }\n}\n\nexport function scrollDocumentElement(scrollTopDelta: number): ScrollDocumentElementAction {\n  return { type: HostActionTypes.SCROLL_DOCUMENT_ELEMENT, payload: { scrollTopDelta } }\n}\n\n\nexport function unregisterPropControllers(\n  documentKey: string,\n  elementKey: string,\n): UnregisterPropControllersAction {\n  return { type: HostActionTypes.UNREGISTER_PROP_CONTROLLERS, payload: { documentKey, elementKey } }\n}\n\nexport function messageHostPropController<T>(\n  documentKey: string,\n  elementKey: string,\n  propName: string,\n  message: T,\n): MessageHostPropControllerAction<T> {\n  return {\n    type: HostActionTypes.MESSAGE_HOST_PROP_CONTROLLER,\n    payload: { documentKey, elementKey, propName, message },\n  }\n}\n\nexport function changeApiResource<R extends APIResource>(\n  resource: R,\n  locale?: APIResourceLocale<R>,\n): ChangeAPIResourceAction {\n  return { type: HostActionTypes.CHANGE_API_RESOURCE, payload: { resource, locale } }\n}\n\nexport function evictApiResource(id: string, locale?: string | null): EvictAPIResourceAction {\n  return { type: HostActionTypes.EVICT_API_RESOURCE, payload: { id, locale } }\n}\n\nexport function setBuilderEditMode(editMode: BuilderEditMode): SetBuilderEditModeAction {\n  return {\n    type: HostActionTypes.SET_BUILDER_EDIT_MODE,\n    payload: { editMode },\n  }\n}\n\nexport function builderPointerMove(pointer: Point | null): BuilderPointerMoveAction {\n  return { type: HostActionTypes.BUILDER_POINTER_MOVE, payload: { pointer } }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,EAEV,iBAAiB;AAAA,EAEjB,oCAAoC;AAAA,EACpC,yBAAyB;AAAA,EAEzB,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAC7B,8BAA8B;AAAA,EAE9B,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EAEpB,uBAAuB;AAAA,EAEvB,sBAAsB;AACxB;AA0EO,SAAS,OAAmB;AACjC,SAAO,EAAE,MAAM,gBAAgB,KAAK;AACtC;AAEO,SAAS,UAAyB;AACvC,SAAO,EAAE,MAAM,gBAAgB,SAAS;AAC1C;AAEO,SAAS,eAAe,aAAqB,WAA4C;AAC9F,SAAO,EAAE,MAAM,gBAAgB,iBAAiB,SAAS,EAAE,aAAa,UAAU,EAAE;AACtF;AAEO,SAAS,+BACd,WACsC;AACtC,SAAO,EAAE,MAAM,gBAAgB,oCAAoC,SAAS,EAAE,UAAU,EAAE;AAC5F;AAEO,SAAS,sBAAsB,gBAAqD;AACzF,SAAO,EAAE,MAAM,gBAAgB,yBAAyB,SAAS,EAAE,eAAe,EAAE;AACtF;AAGO,SAAS,0BACd,aACA,YACiC;AACjC,SAAO,EAAE,MAAM,gBAAgB,6BAA6B,SAAS,EAAE,aAAa,WAAW,EAAE;AACnG;AAEO,SAAS,0BACd,aACA,YACA,UACA,SACoC;AACpC,SAAO;AAAA,IACL,MAAM,gBAAgB;AAAA,IACtB,SAAS,EAAE,aAAa,YAAY,UAAU,QAAQ;AAAA,EACxD;AACF;AAEO,SAAS,kBACd,UACA,QACyB;AACzB,SAAO,EAAE,MAAM,gBAAgB,qBAAqB,SAAS,EAAE,UAAU,OAAO,EAAE;AACpF;AAEO,SAAS,iBAAiB,IAAY,QAAgD;AAC3F,SAAO,EAAE,MAAM,gBAAgB,oBAAoB,SAAS,EAAE,IAAI,OAAO,EAAE;AAC7E;AAEO,SAAS,mBAAmB,UAAqD;AACtF,SAAO;AAAA,IACL,MAAM,gBAAgB;AAAA,IACtB,SAAS,EAAE,SAAS;AAAA,EACtB;AACF;AAEO,SAAS,mBAAmB,SAAiD;AAClF,SAAO,EAAE,MAAM,gBAAgB,sBAAsB,SAAS,EAAE,QAAQ,EAAE;AAC5E;","names":[]}

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

@@ -38,6 +38,8 @@ var import_toolkit = require("@reduxjs/toolkit");
 var APIResources = __toESM(require("./modules/api-resources"));
 var LocalizedResourcesMap = __toESM(require("./modules/localized-resources-map"));
 var import_actions = require("./actions");
+var import_internal = require("./actions/internal");
+var import_shared_api = require("./shared-api");
 var import_toolkit2 = require("./toolkit");
 var import_api = require("../api");
 const reducer = (0, import_toolkit.combineReducers)({
@@ -124,7 +126,7 @@ function fetchAPIResource(resourceType, resourceId, fetch, locale) {
           `/api/makeswift/localized-global-elements/${resourceId}/${locale}`
         );
         dispatch(
-          (0, import_actions.setLocalizedResourceId)({
+          (0, import_shared_api.setLocalizedResourceId)({
             locale,
             resourceId,
             localizedResourceId: resource?.id ?? null
@@ -145,7 +147,7 @@ function fetchAPIResource(resourceType, resourceId, fetch, locale) {
       default:
         resource = null;
     }
-    dispatch((0, import_actions.apiResourceFulfilled)(resourceType, resourceId, resource, locale));
+    dispatch((0, import_internal.apiResourceFulfilled)(resourceType, resourceId, resource, locale));
     return resource;
   };
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/state/makeswift-api-client.ts"],"sourcesContent":["import {\n  configureStore as configureReduxStore,\n  combineReducers,\n  type ThunkAction,\n  type ThunkMiddleware,\n  type ThunkDispatch,\n  UnknownAction,\n} from '@reduxjs/toolkit'\n\nimport * as APIResources from './modules/api-resources'\nimport * as LocalizedResourcesMap from './modules/localized-resources-map'\nimport { type Action, ActionTypes, apiResourceFulfilled, setLocalizedResourceId } from './actions'\nimport { actionMiddleware, middlewareOptions, devToolsConfig } from './toolkit'\n\nimport {\n  APIResourceType,\n  type APIResource,\n  type Swatch,\n  type File,\n  type Typography,\n  type GlobalElement,\n  type PagePathnameSlice,\n  type Table,\n  type LocalizedGlobalElement,\n  type APIResourceLocale,\n} from '../api'\n\nconst reducer = combineReducers({\n  apiResources: APIResources.reducer,\n  localizedResourcesMap: LocalizedResourcesMap.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\nexport type HttpFetch = (url: string | URL, init?: RequestInit) => Promise<Response>\n\nexport type SerializedState = {\n  apiResources: APIResources.SerializedState\n  localizedResourcesMap: LocalizedResourcesMap.SerializedState\n}\n\nfunction getLocalizedResourceId(\n  state: State,\n  locale: string,\n  resourceId: string,\n): string | undefined | null {\n  return LocalizedResourcesMap.getLocalizedResourceId(\n    state.localizedResourcesMap,\n    locale,\n    resourceId,\n  )\n}\n\nexport function getHasAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): boolean {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return false\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return (\n        localizedId != null &&\n        APIResources.getHasAPIResource(state.apiResources, resourceType, localizedId, locale)\n      )\n\n    default:\n      return APIResources.getHasAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): Extract<APIResource, { __typename: T }> | null {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return null\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return localizedId != null\n        ? APIResources.getAPIResource(state.apiResources, resourceType, localizedId, locale)\n        : null\n\n    default:\n      return APIResources.getAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\ntype Thunk<ReturnType> = ThunkAction<ReturnType, State, unknown, Action>\n\nexport function fetchAPIResource<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  fetch: HttpFetch,\n  locale?: APIResourceLocale<T>,\n): Thunk<Promise<Extract<APIResource, { __typename: T }> | null>> {\n  const fetchJson = async <T>(url: string): Promise<T | null> => {\n    const response = await fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    })\n\n    if (response.status === 404) return null\n    if (!response.ok) throw new Error(response.statusText)\n\n    if (response.headers.get('content-type')?.includes('application/json') !== true) {\n      throw new Error(\n        `Expected JSON response from \"${url}\" but got \"${response.headers.get('content-type')}\"`,\n      )\n    }\n\n    return response.json()\n  }\n\n  return async (dispatch, getState) => {\n    const state = getState()\n\n    if (getHasAPIResource(state, resourceType, resourceId, locale)) {\n      return getAPIResource(state, resourceType, resourceId, locale)\n    }\n\n    let resource: APIResource | null\n\n    switch (resourceType) {\n      case APIResourceType.Swatch:\n        resource = await fetchJson<Swatch>(`/api/makeswift/swatches/${resourceId}`)\n        break\n\n      case APIResourceType.File:\n        resource = await fetchJson<File>(`/api/makeswift/files/${resourceId}`)\n        break\n\n      case APIResourceType.Typography:\n        resource = await fetchJson<Typography>(`/api/makeswift/typographies/${resourceId}`)\n        break\n\n      case APIResourceType.GlobalElement:\n        resource = await fetchJson<GlobalElement>(`/api/makeswift/global-elements/${resourceId}`)\n        break\n\n      case APIResourceType.LocalizedGlobalElement: {\n        if (locale == null) throw new Error('Locale is required to fetch LocalizedGlobalElement')\n\n        // If `getLocalizedResourceId` returns null, it means we have tried to fetch the resource,\n        // but the resource is not available. If we haven't fetched it yet, it'll return undefined.\n        if (getLocalizedResourceId(state, locale, resourceId) === null) {\n          return null\n        }\n\n        resource = await fetchJson<LocalizedGlobalElement>(\n          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,\n        )\n\n        dispatch(\n          setLocalizedResourceId({\n            locale,\n            resourceId,\n            localizedResourceId: resource?.id ?? null,\n          }),\n        )\n\n        break\n      }\n\n      case APIResourceType.PagePathnameSlice: {\n        const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, 'http://n')\n\n        if (locale != null) url.searchParams.set('locale', locale)\n\n        resource = await fetchJson<PagePathnameSlice>(url.pathname + url.search)\n        break\n      }\n\n      case APIResourceType.Table:\n        resource = await fetchJson<Table>(`/api/makeswift/tables/${resourceId}`)\n        break\n\n      default:\n        resource = null\n    }\n\n    dispatch(apiResourceFulfilled(resourceType, resourceId, resource, locale))\n\n    return resource as Extract<APIResource, { __typename: T }> | null\n  }\n}\n\n// FIXME: this middleware can be removed once we've upgraded the builder\n// to always provide the locale when dispatching resource actions\nfunction defaultLocaleMiddleware(\n  defaultLocale: string | undefined,\n): ThunkMiddleware<State, UnknownAction> {\n  return actionMiddleware(() => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ActionTypes.CHANGE_API_RESOURCE:\n        case ActionTypes.EVICT_API_RESOURCE:\n        case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {\n          const { locale } = action.payload\n          return next({\n            ...action,\n            payload: { ...action.payload, locale: locale ?? defaultLocale },\n          } as Action)\n        }\n      }\n\n      return next(action)\n    }\n  })\n}\n\nexport function configureStore({\n  defaultLocale,\n  serializedState,\n}: {\n  defaultLocale: string | undefined\n  serializedState?: SerializedState\n}) {\n  return configureReduxStore({\n    reducer,\n    preloadedState: {\n      apiResources: APIResources.getInitialState(serializedState?.apiResources),\n      localizedResourcesMap: LocalizedResourcesMap.getInitialState(\n        serializedState?.localizedResourcesMap,\n      ),\n    },\n\n    middleware: getDefaultMiddleware =>\n      getDefaultMiddleware(middlewareOptions).concat(defaultLocaleMiddleware(defaultLocale)),\n\n    devTools: devToolsConfig({\n      name: `API client store (${new Date().toISOString()})`,\n      actionsDenylist: [\n        ActionTypes.BUILDER_POINTER_MOVE,\n        ActionTypes.HANDLE_POINTER_MOVE,\n        ActionTypes.ELEMENT_FROM_POINT_CHANGE,\n      ],\n    }),\n  })\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":"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","names":["import_toolkit","configureReduxStore"]}
+{"version":3,"sources":["../../../src/state/makeswift-api-client.ts"],"sourcesContent":["import {\n  configureStore as configureReduxStore,\n  combineReducers,\n  type ThunkAction,\n  type ThunkMiddleware,\n  type ThunkDispatch,\n  UnknownAction,\n} from '@reduxjs/toolkit'\n\nimport * as APIResources from './modules/api-resources'\nimport * as LocalizedResourcesMap from './modules/localized-resources-map'\nimport { type Action, ActionTypes } from './actions'\nimport { apiResourceFulfilled } from './actions/internal'\nimport { setLocalizedResourceId } from './shared-api'\nimport { actionMiddleware, middlewareOptions, devToolsConfig } from './toolkit'\n\nimport {\n  APIResourceType,\n  type APIResource,\n  type Swatch,\n  type File,\n  type Typography,\n  type GlobalElement,\n  type PagePathnameSlice,\n  type Table,\n  type LocalizedGlobalElement,\n  type APIResourceLocale,\n} from '../api'\n\nconst reducer = combineReducers({\n  apiResources: APIResources.reducer,\n  localizedResourcesMap: LocalizedResourcesMap.reducer,\n})\n\nexport type State = ReturnType<typeof reducer>\nexport type Dispatch = ThunkDispatch<State, unknown, Action>\nexport type HttpFetch = (url: string | URL, init?: RequestInit) => Promise<Response>\n\nexport type SerializedState = {\n  apiResources: APIResources.SerializedState\n  localizedResourcesMap: LocalizedResourcesMap.SerializedState\n}\n\nfunction getLocalizedResourceId(\n  state: State,\n  locale: string,\n  resourceId: string,\n): string | undefined | null {\n  return LocalizedResourcesMap.getLocalizedResourceId(\n    state.localizedResourcesMap,\n    locale,\n    resourceId,\n  )\n}\n\nexport function getHasAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: APIResourceType,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): boolean {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return false\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return (\n        localizedId != null &&\n        APIResources.getHasAPIResource(state.apiResources, resourceType, localizedId, locale)\n      )\n\n    default:\n      return APIResources.getHasAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\nexport function getAPIResource<T extends APIResourceType>(\n  state: State,\n  resourceType: T,\n  resourceId: string,\n  locale?: APIResourceLocale<T>,\n): Extract<APIResource, { __typename: T }> | null {\n  switch (resourceType) {\n    case APIResourceType.LocalizedGlobalElement:\n      if (locale == null) {\n        console.error(`Attempt to access ${resourceType} ${resourceId} without a locale`)\n        return null\n      }\n\n      const localizedId = getLocalizedResourceId(state, locale, resourceId)\n      return localizedId != null\n        ? APIResources.getAPIResource(state.apiResources, resourceType, localizedId, locale)\n        : null\n\n    default:\n      return APIResources.getAPIResource(state.apiResources, resourceType, resourceId, locale)\n  }\n}\n\ntype Thunk<ReturnType> = ThunkAction<ReturnType, State, unknown, Action>\n\nexport function fetchAPIResource<T extends APIResourceType>(\n  resourceType: T,\n  resourceId: string,\n  fetch: HttpFetch,\n  locale?: APIResourceLocale<T>,\n): Thunk<Promise<Extract<APIResource, { __typename: T }> | null>> {\n  const fetchJson = async <T>(url: string): Promise<T | null> => {\n    const response = await fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    })\n\n    if (response.status === 404) return null\n    if (!response.ok) throw new Error(response.statusText)\n\n    if (response.headers.get('content-type')?.includes('application/json') !== true) {\n      throw new Error(\n        `Expected JSON response from \"${url}\" but got \"${response.headers.get('content-type')}\"`,\n      )\n    }\n\n    return response.json()\n  }\n\n  return async (dispatch, getState) => {\n    const state = getState()\n\n    if (getHasAPIResource(state, resourceType, resourceId, locale)) {\n      return getAPIResource(state, resourceType, resourceId, locale)\n    }\n\n    let resource: APIResource | null\n\n    switch (resourceType) {\n      case APIResourceType.Swatch:\n        resource = await fetchJson<Swatch>(`/api/makeswift/swatches/${resourceId}`)\n        break\n\n      case APIResourceType.File:\n        resource = await fetchJson<File>(`/api/makeswift/files/${resourceId}`)\n        break\n\n      case APIResourceType.Typography:\n        resource = await fetchJson<Typography>(`/api/makeswift/typographies/${resourceId}`)\n        break\n\n      case APIResourceType.GlobalElement:\n        resource = await fetchJson<GlobalElement>(`/api/makeswift/global-elements/${resourceId}`)\n        break\n\n      case APIResourceType.LocalizedGlobalElement: {\n        if (locale == null) throw new Error('Locale is required to fetch LocalizedGlobalElement')\n\n        // If `getLocalizedResourceId` returns null, it means we have tried to fetch the resource,\n        // but the resource is not available. If we haven't fetched it yet, it'll return undefined.\n        if (getLocalizedResourceId(state, locale, resourceId) === null) {\n          return null\n        }\n\n        resource = await fetchJson<LocalizedGlobalElement>(\n          `/api/makeswift/localized-global-elements/${resourceId}/${locale}`,\n        )\n\n        dispatch(\n          setLocalizedResourceId({\n            locale,\n            resourceId,\n            localizedResourceId: resource?.id ?? null,\n          }),\n        )\n\n        break\n      }\n\n      case APIResourceType.PagePathnameSlice: {\n        const url = new URL(`/api/makeswift/page-pathname-slices/${resourceId}`, 'http://n')\n\n        if (locale != null) url.searchParams.set('locale', locale)\n\n        resource = await fetchJson<PagePathnameSlice>(url.pathname + url.search)\n        break\n      }\n\n      case APIResourceType.Table:\n        resource = await fetchJson<Table>(`/api/makeswift/tables/${resourceId}`)\n        break\n\n      default:\n        resource = null\n    }\n\n    dispatch(apiResourceFulfilled(resourceType, resourceId, resource, locale))\n\n    return resource as Extract<APIResource, { __typename: T }> | null\n  }\n}\n\n// FIXME: this middleware can be removed once we've upgraded the builder\n// to always provide the locale when dispatching resource actions\nfunction defaultLocaleMiddleware(\n  defaultLocale: string | undefined,\n): ThunkMiddleware<State, UnknownAction> {\n  return actionMiddleware(() => next => {\n    return (action: Action) => {\n      switch (action.type) {\n        case ActionTypes.CHANGE_API_RESOURCE:\n        case ActionTypes.EVICT_API_RESOURCE:\n        case ActionTypes.SET_LOCALIZED_RESOURCE_ID: {\n          const { locale } = action.payload\n          return next({\n            ...action,\n            payload: { ...action.payload, locale: locale ?? defaultLocale },\n          } as Action)\n        }\n      }\n\n      return next(action)\n    }\n  })\n}\n\nexport function configureStore({\n  defaultLocale,\n  serializedState,\n}: {\n  defaultLocale: string | undefined\n  serializedState?: SerializedState\n}) {\n  return configureReduxStore({\n    reducer,\n    preloadedState: {\n      apiResources: APIResources.getInitialState(serializedState?.apiResources),\n      localizedResourcesMap: LocalizedResourcesMap.getInitialState(\n        serializedState?.localizedResourcesMap,\n      ),\n    },\n\n    middleware: getDefaultMiddleware =>\n      getDefaultMiddleware(middlewareOptions).concat(defaultLocaleMiddleware(defaultLocale)),\n\n    devTools: devToolsConfig({\n      name: `API client store (${new Date().toISOString()})`,\n      actionsDenylist: [\n        ActionTypes.BUILDER_POINTER_MOVE,\n        ActionTypes.HANDLE_POINTER_MOVE,\n        ActionTypes.ELEMENT_FROM_POINT_CHANGE,\n      ],\n    }),\n  })\n}\n\nexport type Store = ReturnType<typeof configureStore>\n"],"mappings":"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","names":["import_toolkit","configureReduxStore"]}

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

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var element_trees_exports = {};
 __export(element_trees_exports, {
@@ -31,7 +41,7 @@ __export(element_trees_exports, {
 module.exports = __toCommonJS(element_trees_exports);
 var import_immutable = require("immutable");
 var import_controls = require("@makeswift/controls");
-var import_prop_controllers = require("../../prop-controllers");
+var Introspection = __toESM(require("../../prop-controllers/introspection"));
 var import_actions = require("../actions");
 var import_read_only_documents = require("./read-only-documents");
 function getInitialState(documents, descriptors) {
@@ -107,7 +117,7 @@ function* traverseElementTree(element, descriptors) {
   if (elementDescriptors == null)
     return;
   for (const [propKey, descriptor] of Object.entries(elementDescriptors)) {
-    const children = import_prop_controllers.Introspection.getElementChildren(descriptor, element.props[propKey]);
+    const children = Introspection.getElementChildren(descriptor, element.props[propKey]);
     for (const child of children) {
       yield* traverseElementTree(child, descriptors);
     }
@@ -118,7 +128,7 @@ function getElementIdProp(element, descriptors) {
   if (elementDescriptors == null)
     return null;
   for (const [propName, descriptor] of Object.entries(elementDescriptors)) {
-    const elementId = import_prop_controllers.Introspection.getElementId(descriptor, element.props[propName]);
+    const elementId = Introspection.getElementId(descriptor, element.props[propName]);
     if (elementId != null)
       return elementId;
   }
@@ -193,7 +203,7 @@ function hasChildren(element, propName, descriptors) {
   const propDescriptor = descriptors.get(element.type)?.[propName];
   if (propDescriptor == null)
     return false;
-  const children = import_prop_controllers.Introspection.getElementChildren(propDescriptor, element.props[propName]);
+  const children = Introspection.getElementChildren(propDescriptor, element.props[propName]);
   return children.length > 0;
 }
 function deleteElement({ elements, elementIds }, deletedElement, propName, descriptors) {