@makeswift/runtime 0.27.1-canary.0 → 0.27.2

package/dist/cjs/runtimes/react/components/hooks/use-builder-connection-ping.js

@@ -0,0 +1,62 @@
+"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 use_builder_connection_ping_exports = {};
+__export(use_builder_connection_ping_exports, {
+  useBuilderConnectionPing: () => useBuilderConnectionPing
+});
+module.exports = __toCommonJS(use_builder_connection_ping_exports);
+var import_react = require("react");
+var import_actions = require("../../../../state/builder-api/actions");
+var import_shared_api = require("../../../../state/shared-api");
+const CONNECTION_PING_INTERVAL_MS = 20;
+function useBuilderConnectionPing({ appOrigin }) {
+  (0, import_react.useEffect)(() => {
+    let connectionInterval;
+    if (window.parent !== window) {
+      window.addEventListener("message", messageHandler);
+      window.parent.postMessage((0, import_shared_api.makeswiftConnectionInit)(), { targetOrigin: appOrigin });
+    }
+    return () => {
+      window.removeEventListener("message", messageHandler);
+      if (connectionInterval != null) {
+        window.clearInterval(connectionInterval);
+        connectionInterval = null;
+      }
+    };
+    function messageHandler(event) {
+      if (event.origin === appOrigin && event.data.type === import_shared_api.SharedActionTypes.MAKESWIFT_CONNECTION_INIT) {
+        if (connectionInterval != null) {
+          window.clearInterval(connectionInterval);
+          connectionInterval = null;
+        }
+        connectionInterval = window.setInterval(() => {
+          window.parent.postMessage(
+            (0, import_actions.makeswiftConnectionCheck)({ currentUrl: window.location.href }),
+            { targetOrigin: appOrigin }
+          );
+        }, CONNECTION_PING_INTERVAL_MS);
+      }
+    }
+  }, [appOrigin]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBuilderConnectionPing
+});
+//# sourceMappingURL=use-builder-connection-ping.js.map

package/dist/cjs/runtimes/react/components/hooks/use-builder-connection-ping.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/runtimes/react/components/hooks/use-builder-connection-ping.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { makeswiftConnectionCheck } from '../../../../state/builder-api/actions'\nimport { SharedActionTypes, makeswiftConnectionInit } from '../../../../state/shared-api'\n\nconst CONNECTION_PING_INTERVAL_MS = 20\n\nexport function useBuilderConnectionPing({ appOrigin }: { appOrigin: string }) {\n  useEffect(() => {\n    let connectionInterval: number | null\n\n    if (window.parent !== window) {\n      window.addEventListener('message', messageHandler)\n      window.parent.postMessage(makeswiftConnectionInit(), { targetOrigin: appOrigin })\n    }\n\n    return () => {\n      window.removeEventListener('message', messageHandler)\n      if (connectionInterval != null) {\n        window.clearInterval(connectionInterval)\n        connectionInterval = null\n      }\n    }\n\n    function messageHandler(event: MessageEvent): void {\n      if (\n        event.origin === appOrigin &&\n        event.data.type === SharedActionTypes.MAKESWIFT_CONNECTION_INIT\n      ) {\n        if (connectionInterval != null) {\n          window.clearInterval(connectionInterval)\n          connectionInterval = null\n        }\n\n        connectionInterval = window.setInterval(() => {\n          window.parent.postMessage(\n            makeswiftConnectionCheck({ currentUrl: window.location.href }),\n            { targetOrigin: appOrigin },\n          )\n        }, CONNECTION_PING_INTERVAL_MS)\n      }\n    }\n  }, [appOrigin])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAC1B,qBAAyC;AACzC,wBAA2D;AAE3D,MAAM,8BAA8B;AAE7B,SAAS,yBAAyB,EAAE,UAAU,GAA0B;AAC7E,8BAAU,MAAM;AACd,QAAI;AAEJ,QAAI,OAAO,WAAW,QAAQ;AAC5B,aAAO,iBAAiB,WAAW,cAAc;AACjD,aAAO,OAAO,gBAAY,2CAAwB,GAAG,EAAE,cAAc,UAAU,CAAC;AAAA,IAClF;AAEA,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,cAAc;AACpD,UAAI,sBAAsB,MAAM;AAC9B,eAAO,cAAc,kBAAkB;AACvC,6BAAqB;AAAA,MACvB;AAAA,IACF;AAEA,aAAS,eAAe,OAA2B;AACjD,UACE,MAAM,WAAW,aACjB,MAAM,KAAK,SAAS,oCAAkB,2BACtC;AACA,YAAI,sBAAsB,MAAM;AAC9B,iBAAO,cAAc,kBAAkB;AACvC,+BAAqB;AAAA,QACvB;AAEA,6BAAqB,OAAO,YAAY,MAAM;AAC5C,iBAAO,OAAO;AAAA,gBACZ,yCAAyB,EAAE,YAAY,OAAO,SAAS,KAAK,CAAC;AAAA,YAC7D,EAAE,cAAc,UAAU;AAAA,UAC5B;AAAA,QACF,GAAG,2BAA2B;AAAA,MAChC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAChB;","names":[]}

package/dist/cjs/runtimes/react/hooks/use-is-preview.js

@@ -0,0 +1,33 @@
+"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 use_is_preview_exports = {};
+__export(use_is_preview_exports, {
+  useIsPreview: () => useIsPreview
+});
+module.exports = __toCommonJS(use_is_preview_exports);
+var import_react_page = require("../../../state/react-page");
+var import_use_selector = require("./use-selector");
+function useIsPreview() {
+  return (0, import_use_selector.useSelector)((state) => (0, import_react_page.getIsPreview)(state));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsPreview
+});
+//# sourceMappingURL=use-is-preview.js.map

package/dist/cjs/runtimes/react/hooks/use-is-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/hooks/use-is-preview.ts"],"sourcesContent":["import { getIsPreview } from '../../../state/react-page'\nimport { useSelector } from './use-selector'\n\nexport function useIsPreview(): boolean {\n  return useSelector(state => getIsPreview(state))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA6B;AAC7B,0BAA4B;AAErB,SAAS,eAAwB;AACtC,aAAO,iCAAY,eAAS,gCAAa,KAAK,CAAC;AACjD;","names":[]}

package/dist/cjs/runtimes/react/utils/google-fonts-url.js

@@ -0,0 +1,49 @@
+"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 google_fonts_url_exports = {};
+__export(google_fonts_url_exports, {
+  getGoogleFontsParamFromFonts: () => getGoogleFontsParamFromFonts,
+  getGoogleFontsParamFromSite: () => getGoogleFontsParamFromSite,
+  getGoogleFontsUrl: () => getGoogleFontsUrl
+});
+module.exports = __toCommonJS(google_fonts_url_exports);
+const GOOGLE_FONTS_BASE = "https://fonts.googleapis.com/css";
+function getGoogleFontsParamFromFonts(fonts) {
+  return fonts.map(({ family, variants }) => `${family.replace(/ /g, "+")}:${variants.join()}`).join("|");
+}
+function getGoogleFontsParamFromSite(site) {
+  return site.googleFonts.edges.filter((edge) => edge != null).map(({ activeVariants, node: { family, variants } }) => {
+    const activeVariantSpecifiers = variants.filter(
+      (variant) => activeVariants.some((activeVariant) => activeVariant.specifier === variant.specifier)
+    ).map((variant) => variant.specifier).join();
+    return `${family.replace(/ /g, "+")}:${activeVariantSpecifiers}`;
+  }).join("|");
+}
+function getGoogleFontsUrl(param) {
+  if (param === "")
+    return "";
+  return `${GOOGLE_FONTS_BASE}?family=${param}&display=swap`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getGoogleFontsParamFromFonts,
+  getGoogleFontsParamFromSite,
+  getGoogleFontsUrl
+});
+//# sourceMappingURL=google-fonts-url.js.map

package/dist/cjs/runtimes/react/utils/google-fonts-url.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/runtimes/react/utils/google-fonts-url.ts"],"sourcesContent":["import { type Site } from '../../../api'\nimport { type Font } from '../../../client'\n\n/*\n  Much of the logic here is a duplicate of what's done for font management in the\n  `PageHead` component.\n\n  Right now these utils are being used by an experimental component (`GoogleFontLink`)\n  that we don't yet want to put on the critical path for rendering Makeswift pages.\n*/\n\nconst GOOGLE_FONTS_BASE = 'https://fonts.googleapis.com/css'\n\nexport function getGoogleFontsParamFromFonts(fonts: Font[]): string {\n  return fonts\n    .map(({ family, variants }) => `${family.replace(/ /g, '+')}:${variants.join()}`)\n    .join('|')\n}\n\nexport function getGoogleFontsParamFromSite(site: Site): string {\n  return site.googleFonts.edges\n    .filter((edge): edge is NonNullable<typeof edge> => edge != null)\n    .map(({ activeVariants, node: { family, variants } }) => {\n      const activeVariantSpecifiers = variants\n        .filter(variant =>\n          activeVariants.some(activeVariant => activeVariant.specifier === variant.specifier),\n        )\n        .map(variant => variant.specifier)\n        .join()\n      return `${family.replace(/ /g, '+')}:${activeVariantSpecifiers}`\n    })\n    .join('|')\n}\n\nexport function getGoogleFontsUrl(param: string): string {\n  if (param === '') return ''\n  return `${GOOGLE_FONTS_BASE}?family=${param}&display=swap`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,MAAM,oBAAoB;AAEnB,SAAS,6BAA6B,OAAuB;AAClE,SAAO,MACJ,IAAI,CAAC,EAAE,QAAQ,SAAS,MAAM,GAAG,OAAO,QAAQ,MAAM,GAAG,CAAC,IAAI,SAAS,KAAK,CAAC,EAAE,EAC/E,KAAK,GAAG;AACb;AAEO,SAAS,4BAA4B,MAAoB;AAC9D,SAAO,KAAK,YAAY,MACrB,OAAO,CAAC,SAA2C,QAAQ,IAAI,EAC/D,IAAI,CAAC,EAAE,gBAAgB,MAAM,EAAE,QAAQ,SAAS,EAAE,MAAM;AACvD,UAAM,0BAA0B,SAC7B;AAAA,MAAO,aACN,eAAe,KAAK,mBAAiB,cAAc,cAAc,QAAQ,SAAS;AAAA,IACpF,EACC,IAAI,aAAW,QAAQ,SAAS,EAChC,KAAK;AACR,WAAO,GAAG,OAAO,QAAQ,MAAM,GAAG,CAAC,IAAI,uBAAuB;AAAA,EAChE,CAAC,EACA,KAAK,GAAG;AACb;AAEO,SAAS,kBAAkB,OAAuB;AACvD,MAAI,UAAU;AAAI,WAAO;AACzB,SAAO,GAAG,iBAAiB,WAAW,KAAK;AAC7C;","names":[]}

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

@@ -0,0 +1,205 @@
+"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,
+  registerComponent: () => registerComponent,
+  registerComponentEffect: () => registerComponentEffect,
+  registerComponentHandle: () => registerComponentHandle,
+  registerComponentHandleEffect: () => registerComponentHandleEffect,
+  registerMeasurable: () => registerMeasurable,
+  registerMeasurableEffect: () => registerMeasurableEffect,
+  registerPropControllers: () => registerPropControllers,
+  registerPropControllersHandle: () => registerPropControllersHandle,
+  registerReactComponentEffect: () => registerReactComponentEffect,
+  setIsInBuilder: () => setIsInBuilder,
+  unregisterComponent: () => unregisterComponent,
+  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: "REGISTER_COMPONENT",
+  UNREGISTER_COMPONENT: "UNREGISTER_COMPONENT",
+  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",
+  SET_IS_IN_BUILDER: "SET_IS_IN_BUILDER",
+  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 registerComponent(type, meta, propControllerDescriptors) {
+  return {
+    type: InternalActionTypes.REGISTER_COMPONENT,
+    payload: { type, meta, propControllerDescriptors }
+  };
+}
+function unregisterComponent(type) {
+  return { type: InternalActionTypes.UNREGISTER_COMPONENT, payload: { type } };
+}
+function registerComponentEffect(type, meta, propControllerDescriptors) {
+  return (dispatch) => {
+    dispatch(registerComponent(type, meta, propControllerDescriptors));
+    return () => {
+      dispatch(unregisterComponent(type));
+    };
+  };
+}
+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 setIsInBuilder(isInBuilder) {
+  return { type: InternalActionTypes.SET_IS_IN_BUILDER, payload: isInBuilder };
+}
+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,
+  registerComponent,
+  registerComponentEffect,
+  registerComponentHandle,
+  registerComponentHandleEffect,
+  registerMeasurable,
+  registerMeasurableEffect,
+  registerPropControllers,
+  registerPropControllersHandle,
+  registerReactComponentEffect,
+  setIsInBuilder,
+  unregisterComponent,
+  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'\nimport { type Descriptor as PropControllerDescriptor } from '../../prop-controllers/descriptors'\n\nimport { type Measurable } from '../modules/box-models'\nimport { type ComponentMeta } from '../modules/components-meta'\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: 'REGISTER_COMPONENT',\n  UNREGISTER_COMPONENT: 'UNREGISTER_COMPONENT',\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  SET_IS_IN_BUILDER: 'SET_IS_IN_BUILDER',\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\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\nexport type RegisterComponentAction = {\n  type: typeof InternalActionTypes.REGISTER_COMPONENT\n  payload: {\n    type: string\n    meta: ComponentMeta\n    propControllerDescriptors: Record<string, PropControllerDescriptor>\n  }\n}\n\nexport type UnregisterComponentAction = {\n  type: typeof InternalActionTypes.UNREGISTER_COMPONENT\n  payload: { type: string }\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}\n\ntype SetIsInBuilderAction = {\n  type: typeof InternalActionTypes.SET_IS_IN_BUILDER\n  payload: boolean\n}\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  | RegisterComponentAction\n  | UnregisterComponentAction\n  | RegisterComponentHandleAction\n  | UnregisterComponentHandleAction\n  | RegisterMeasurableAction\n  | UnregisterMeasurableAction\n  | RegisterPropControllersHandleAction\n  | UnregisterPropControllersHandleAction\n  | RegisterPropControllersAction\n  | UnregisterPropControllersAction\n  | RegisterReactComponentAction\n  | UnregisterReactComponentAction\n  | SetIsInBuilderAction\n  | UpdateAPIClientCache\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\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 registerComponent(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): RegisterComponentAction {\n  return {\n    type: InternalActionTypes.REGISTER_COMPONENT,\n    payload: { type, meta, propControllerDescriptors },\n  }\n}\n\nexport function unregisterComponent(type: string): UnregisterComponentAction {\n  return { type: InternalActionTypes.UNREGISTER_COMPONENT, payload: { type } }\n}\n\nexport function registerComponentEffect(\n  type: string,\n  meta: ComponentMeta,\n  propControllerDescriptors: Record<string, PropControllerDescriptor>,\n): ThunkAction<() => void, unknown, unknown, InternalAction> {\n  return dispatch => {\n    dispatch(registerComponent(type, meta, propControllerDescriptors))\n\n    return () => {\n      dispatch(unregisterComponent(type))\n    }\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 setIsInBuilder(isInBuilder: boolean): SetIsInBuilderAction {\n  return { type: InternalActionTypes.SET_IS_IN_BUILDER, payload: isInBuilder }\n}\n\nexport function updateAPIClientCache(payload: APIClientCache): UpdateAPIClientCache {\n  return { type: InternalActionTypes.UPDATE_API_CLIENT_CACHE, 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;AAAA;AAAA;AAAA;AAmBO,MAAM,sBAAsB;AAAA,EACjC,wBAAwB;AAAA,EAExB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EAErB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EAEtB,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAE7B,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EAEvB,2BAA2B;AAAA,EAC3B,6BAA6B;AAAA,EAE7B,kCAAkC;AAAA,EAClC,oCAAoC;AAAA,EAEpC,0BAA0B;AAAA,EAC1B,4BAA4B;AAAA,EAE5B,mBAAmB;AAAA,EAEnB,yBAAyB;AAC3B;AAkIO,SAAS,qBACd,cACA,YACA,UACA,QAC4B;AAC5B,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,cAAc,YAAY,UAAU,OAAO;AAAA,EACxD;AACF;AAEO,SAAS,kBACd,SACyB;AACzB,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,SAAS,kBACd,SACyB;AACzB,SAAO,EAAE,MAAM,oBAAoB,qBAAqB,QAAQ;AAClE;AAEO,SAAS,kBACd,SACyB;AACzB,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,SAAS,kBACd,MACA,MACA,2BACyB;AACzB,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,MAAM,MAAM,0BAA0B;AAAA,EACnD;AACF;AAEO,SAAS,oBAAoB,MAAyC;AAC3E,SAAO,EAAE,MAAM,oBAAoB,sBAAsB,SAAS,EAAE,KAAK,EAAE;AAC7E;AAEO,SAAS,wBACd,MACA,MACA,2BAC2D;AAC3D,SAAO,cAAY;AACjB,aAAS,kBAAkB,MAAM,MAAM,yBAAyB,CAAC;AAEjE,WAAO,MAAM;AACX,eAAS,oBAAoB,IAAI,CAAC;AAAA,IACpC;AAAA,EACF;AACF;AAEO,SAAS,wBACd,aACA,YACA,iBAC+B;AAC/B,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,YAAY,gBAAgB;AAAA,EACtD;AACF;AAEA,SAAS,0BACP,aACA,YACiC;AACjC,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,WAAW;AAAA,EACrC;AACF;AAEO,SAAS,8BACd,aACA,YACA,iBAC2D;AAC3D,SAAO,cAAY;AACjB,aAAS,wBAAwB,aAAa,YAAY,eAAe,CAAC;AAE1E,WAAO,MAAM;AACX,eAAS,0BAA0B,aAAa,UAAU,CAAC;AAAA,IAC7D;AAAA,EACF;AACF;AAEO,SAAS,mBACd,aACA,YACA,YAC0B;AAC1B,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,YAAY,WAAW;AAAA,EACjD;AACF;AAEO,SAAS,qBACd,aACA,YAC4B;AAC5B,SAAO,EAAE,MAAM,oBAAoB,uBAAuB,SAAS,EAAE,aAAa,WAAW,EAAE;AACjG;AAEO,SAAS,yBACd,aACA,YACA,YAC2D;AAC3D,SAAO,cAAY;AACjB,aAAS,mBAAmB,aAAa,YAAY,UAAU,CAAC;AAEhE,WAAO,MAAM;AACX,eAAS,qBAAqB,aAAa,UAAU,CAAC;AAAA,IACxD;AAAA,EACF;AACF;AAEO,SAAS,8BACd,aACA,YACA,QACqC;AACrC,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,YAAY,OAAO;AAAA,EAC7C;AACF;AAEO,SAAS,gCACd,aACA,YACuC;AACvC,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,WAAW;AAAA,EACrC;AACF;AAEO,SAAS,wBACd,aACA,YACA,iBAC+B;AAC/B,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,YAAY,gBAAgB;AAAA,EACtD;AACF;AAEO,SAAS,0BACd,aACA,YACiC;AACjC,SAAO;AAAA,IACL,MAAM,oBAAoB;AAAA,IAC1B,SAAS,EAAE,aAAa,WAAW;AAAA,EACrC;AACF;AAEA,SAAS,uBACP,MACA,WAC8B;AAC9B,SAAO,EAAE,MAAM,oBAAoB,0BAA0B,SAAS,EAAE,MAAM,UAAU,EAAE;AAC5F;AAEA,SAAS,yBAAyB,MAA8C;AAC9E,SAAO,EAAE,MAAM,oBAAoB,4BAA4B,SAAS,EAAE,KAAK,EAAE;AACnF;AAEO,SAAS,6BACd,MACA,WAC2D;AAC3D,SAAO,cAAY;AACjB,aAAS,uBAAuB,MAAM,SAAS,CAAC;AAEhD,WAAO,MAAM;AACX,eAAS,yBAAyB,IAAI,CAAC;AAAA,IACzC;AAAA,EACF;AACF;AAEO,SAAS,eAAe,aAA4C;AACzE,SAAO,EAAE,MAAM,oBAAoB,mBAAmB,SAAS,YAAY;AAC7E;AAEO,SAAS,qBAAqB,SAA+C;AAClF,SAAO,EAAE,MAAM,oBAAoB,yBAAyB,QAAQ;AACtE;","names":[]}

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

@@ -28,7 +28,6 @@ class MessageChannel {
   appOrigin;
   channel = null;
   bufferedMessages = [];
-  connectionCheckIntervalID = null;
   constructor({ appOrigin }) {
     this.appOrigin = appOrigin;
   }
@@ -39,12 +38,20 @@ class MessageChannel {
       this.bufferedMessages.push([message, transferables]);
     }
   }
-  setup(onMessage) {
-    this.setupConnectionCheck();
+  setup({ onMessage }) {
+    const cleanupConnectionCheck = setupConnectionCheck(this.appOrigin);
     const channel = new window.MessageChannel();
     channel.port1.onmessage = onMessage;
     window.parent.postMessage(channel.port2, this.appOrigin, [channel.port2]);
     this.channel = channel.port1;
+    return () => {
+      cleanupConnectionCheck();
+      if (this.channel) {
+        this.channel.onmessage = null;
+        this.channel.close();
+        this.channel = null;
+      }
+    };
   }
   dispatchBuffered() {
     console.assert(this.channel != null, "channel is not setup");
@@ -53,38 +60,36 @@ class MessageChannel {
     });
     this.bufferedMessages = [];
   }
-  teardown() {
-    this.teardownConnectionCheck();
-    if (this.channel) {
-      this.channel.onmessage = null;
-      this.channel.close();
+}
+function setupConnectionCheck(appOrigin) {
+  class Interval {
+    id = null;
+    setInterval(callback, delay) {
+      this.clear();
+      this.id = window.setInterval(callback, delay);
     }
-  }
-  setupConnectionCheck() {
-    window.addEventListener("message", this.connectionCheckHandler);
-    window.parent.postMessage((0, import_shared_api.makeswiftConnectionInit)(), { targetOrigin: this.appOrigin });
-  }
-  teardownConnectionCheck() {
-    window.removeEventListener("message", this.connectionCheckHandler);
-    if (this.connectionCheckIntervalID != null) {
-      window.clearInterval(this.connectionCheckIntervalID);
-      this.connectionCheckIntervalID = null;
+    clear() {
+      if (this.id != null) {
+        window.clearInterval(this.id);
+        this.id = null;
+      }
     }
   }
-  // use class field syntax to preserve the identity of the handler
-  // for adding and removing the event listener
-  connectionCheckHandler = (event) => {
-    if (event.origin === this.appOrigin && event.data.type === import_shared_api.SharedActionTypes.MAKESWIFT_CONNECTION_INIT) {
-      if (this.connectionCheckIntervalID != null) {
-        window.clearInterval(this.connectionCheckIntervalID);
-        this.connectionCheckIntervalID = null;
-      }
-      this.connectionCheckIntervalID = window.setInterval(() => {
+  const connectionCheckInterval = new Interval();
+  function connectionCheckHandler(event) {
+    if (event.origin === appOrigin && event.data.type === import_shared_api.SharedActionTypes.MAKESWIFT_CONNECTION_INIT) {
+      connectionCheckInterval.setInterval(() => {
         window.parent.postMessage((0, import_actions.makeswiftConnectionCheck)({ currentUrl: window.location.href }), {
-          targetOrigin: this.appOrigin
+          targetOrigin: appOrigin
         });
       }, CONNECTION_PING_INTERVAL_MS);
     }
+  }
+  window.addEventListener("message", connectionCheckHandler);
+  window.parent.postMessage((0, import_shared_api.makeswiftConnectionInit)(), { targetOrigin: appOrigin });
+  return () => {
+    window.removeEventListener("message", connectionCheckHandler);
+    connectionCheckInterval.clear();
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/builder-api/message-channel.ts"],"sourcesContent":["import { SharedActionTypes, makeswiftConnectionInit } from '../shared-api'\nimport { makeswiftConnectionCheck } from './actions'\n\nconst CONNECTION_PING_INTERVAL_MS = 20\n\nexport class MessageChannel {\n  private readonly appOrigin: string\n  private channel: MessagePort | null = null\n  private bufferedMessages: [any, Transferable[]?][] = []\n  private connectionCheckIntervalID: number | null = null\n\n  constructor({ appOrigin }: { appOrigin: string }) {\n    this.appOrigin = appOrigin\n  }\n\n  public postMessage(message: any, transferables?: Transferable[]) {\n    if (this.channel) {\n      this.channel.postMessage(message, transferables ?? [])\n    } else {\n      this.bufferedMessages.push([message, transferables])\n    }\n  }\n\n  public setup(onMessage: (event: MessageEvent) => void) {\n    this.setupConnectionCheck()\n\n    const channel = new window.MessageChannel()\n    channel.port1.onmessage = onMessage\n\n    // connect channel to the parent window, see\n    // https://developer.mozilla.org/en-US/docs/Web/API/Channel_Messaging_API\n    window.parent.postMessage(channel.port2, this.appOrigin, [channel.port2])\n\n    this.channel = channel.port1\n  }\n\n  public dispatchBuffered() {\n    console.assert(this.channel != null, 'channel is not setup')\n\n    this.bufferedMessages.forEach(([message, transferables]) => {\n      this.channel?.postMessage(message, transferables ?? [])\n    })\n\n    this.bufferedMessages = []\n  }\n\n  public teardown() {\n    this.teardownConnectionCheck()\n\n    if (this.channel) {\n      this.channel.onmessage = null\n      this.channel.close()\n    }\n  }\n\n  private setupConnectionCheck() {\n    window.addEventListener('message', this.connectionCheckHandler)\n    window.parent.postMessage(makeswiftConnectionInit(), { targetOrigin: this.appOrigin })\n  }\n\n  private teardownConnectionCheck() {\n    window.removeEventListener('message', this.connectionCheckHandler)\n    if (this.connectionCheckIntervalID != null) {\n      window.clearInterval(this.connectionCheckIntervalID)\n      this.connectionCheckIntervalID = null\n    }\n  }\n\n  // use class field syntax to preserve the identity of the handler\n  // for adding and removing the event listener\n  private connectionCheckHandler = (event: MessageEvent) => {\n    if (\n      event.origin === this.appOrigin &&\n      event.data.type === SharedActionTypes.MAKESWIFT_CONNECTION_INIT\n    ) {\n      if (this.connectionCheckIntervalID != null) {\n        window.clearInterval(this.connectionCheckIntervalID)\n        this.connectionCheckIntervalID = null\n      }\n\n      this.connectionCheckIntervalID = window.setInterval(() => {\n        window.parent.postMessage(makeswiftConnectionCheck({ currentUrl: window.location.href }), {\n          targetOrigin: this.appOrigin,\n        })\n      }, CONNECTION_PING_INTERVAL_MS)\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2D;AAC3D,qBAAyC;AAEzC,MAAM,8BAA8B;AAE7B,MAAM,eAAe;AAAA,EACT;AAAA,EACT,UAA8B;AAAA,EAC9B,mBAA6C,CAAC;AAAA,EAC9C,4BAA2C;AAAA,EAEnD,YAAY,EAAE,UAAU,GAA0B;AAChD,SAAK,YAAY;AAAA,EACnB;AAAA,EAEO,YAAY,SAAc,eAAgC;AAC/D,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,YAAY,SAAS,iBAAiB,CAAC,CAAC;AAAA,IACvD,OAAO;AACL,WAAK,iBAAiB,KAAK,CAAC,SAAS,aAAa,CAAC;AAAA,IACrD;AAAA,EACF;AAAA,EAEO,MAAM,WAA0C;AACrD,SAAK,qBAAqB;AAE1B,UAAM,UAAU,IAAI,OAAO,eAAe;AAC1C,YAAQ,MAAM,YAAY;AAI1B,WAAO,OAAO,YAAY,QAAQ,OAAO,KAAK,WAAW,CAAC,QAAQ,KAAK,CAAC;AAExE,SAAK,UAAU,QAAQ;AAAA,EACzB;AAAA,EAEO,mBAAmB;AACxB,YAAQ,OAAO,KAAK,WAAW,MAAM,sBAAsB;AAE3D,SAAK,iBAAiB,QAAQ,CAAC,CAAC,SAAS,aAAa,MAAM;AAC1D,WAAK,SAAS,YAAY,SAAS,iBAAiB,CAAC,CAAC;AAAA,IACxD,CAAC;AAED,SAAK,mBAAmB,CAAC;AAAA,EAC3B;AAAA,EAEO,WAAW;AAChB,SAAK,wBAAwB;AAE7B,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,YAAY;AACzB,WAAK,QAAQ,MAAM;AAAA,IACrB;AAAA,EACF;AAAA,EAEQ,uBAAuB;AAC7B,WAAO,iBAAiB,WAAW,KAAK,sBAAsB;AAC9D,WAAO,OAAO,gBAAY,2CAAwB,GAAG,EAAE,cAAc,KAAK,UAAU,CAAC;AAAA,EACvF;AAAA,EAEQ,0BAA0B;AAChC,WAAO,oBAAoB,WAAW,KAAK,sBAAsB;AACjE,QAAI,KAAK,6BAA6B,MAAM;AAC1C,aAAO,cAAc,KAAK,yBAAyB;AACnD,WAAK,4BAA4B;AAAA,IACnC;AAAA,EACF;AAAA;AAAA;AAAA,EAIQ,yBAAyB,CAAC,UAAwB;AACxD,QACE,MAAM,WAAW,KAAK,aACtB,MAAM,KAAK,SAAS,oCAAkB,2BACtC;AACA,UAAI,KAAK,6BAA6B,MAAM;AAC1C,eAAO,cAAc,KAAK,yBAAyB;AACnD,aAAK,4BAA4B;AAAA,MACnC;AAEA,WAAK,4BAA4B,OAAO,YAAY,MAAM;AACxD,eAAO,OAAO,gBAAY,yCAAyB,EAAE,YAAY,OAAO,SAAS,KAAK,CAAC,GAAG;AAAA,UACxF,cAAc,KAAK;AAAA,QACrB,CAAC;AAAA,MACH,GAAG,2BAA2B;AAAA,IAChC;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/state/builder-api/message-channel.ts"],"sourcesContent":["import { SharedActionTypes, makeswiftConnectionInit } from '../shared-api'\nimport { makeswiftConnectionCheck } from './actions'\n\nconst CONNECTION_PING_INTERVAL_MS = 20\n\nexport class MessageChannel {\n  private readonly appOrigin: string\n  private channel: MessagePort | null = null\n  private bufferedMessages: [any, Transferable[]?][] = []\n\n  constructor({ appOrigin }: { appOrigin: string }) {\n    this.appOrigin = appOrigin\n  }\n\n  public postMessage(message: any, transferables?: Transferable[]) {\n    if (this.channel) {\n      this.channel.postMessage(message, transferables ?? [])\n    } else {\n      this.bufferedMessages.push([message, transferables])\n    }\n  }\n\n  public setup({ onMessage }: { onMessage: (event: MessageEvent) => void }): VoidFunction {\n    const cleanupConnectionCheck = setupConnectionCheck(this.appOrigin)\n\n    const channel = new window.MessageChannel()\n    channel.port1.onmessage = onMessage\n\n    // connect channel to the parent window, see\n    // https://developer.mozilla.org/en-US/docs/Web/API/Channel_Messaging_API\n    window.parent.postMessage(channel.port2, this.appOrigin, [channel.port2])\n\n    this.channel = channel.port1\n\n    return () => {\n      cleanupConnectionCheck()\n\n      if (this.channel) {\n        this.channel.onmessage = null\n        this.channel.close()\n        this.channel = null\n      }\n    }\n  }\n\n  public dispatchBuffered() {\n    console.assert(this.channel != null, 'channel is not setup')\n\n    this.bufferedMessages.forEach(([message, transferables]) => {\n      this.channel?.postMessage(message, transferables ?? [])\n    })\n\n    this.bufferedMessages = []\n  }\n}\n\n// FIXME: instead of `window.parent.postMessage`, the connection check should\n// probably use the message channel itself: after all, it's meant to check\n// the health of the builder <> host connection, and whether we can reach the\n// builder through `window.parent.postMessage` is not indicative of the health\n// of the message channel itself, which is what the builder <> host\n// communication relies on.\nfunction setupConnectionCheck(appOrigin: string): VoidFunction {\n  class Interval {\n    private id: number | null = null\n\n    setInterval(callback: () => void, delay: number) {\n      this.clear()\n      this.id = window.setInterval(callback, delay)\n    }\n\n    clear() {\n      if (this.id != null) {\n        window.clearInterval(this.id)\n        this.id = null\n      }\n    }\n  }\n\n  const connectionCheckInterval = new Interval()\n\n  function connectionCheckHandler(event: MessageEvent) {\n    if (\n      event.origin === appOrigin &&\n      event.data.type === SharedActionTypes.MAKESWIFT_CONNECTION_INIT\n    ) {\n      connectionCheckInterval.setInterval(() => {\n        window.parent.postMessage(makeswiftConnectionCheck({ currentUrl: window.location.href }), {\n          targetOrigin: appOrigin,\n        })\n      }, CONNECTION_PING_INTERVAL_MS)\n    }\n  }\n\n  window.addEventListener('message', connectionCheckHandler)\n  window.parent.postMessage(makeswiftConnectionInit(), { targetOrigin: appOrigin })\n\n  return () => {\n    window.removeEventListener('message', connectionCheckHandler)\n    connectionCheckInterval.clear()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2D;AAC3D,qBAAyC;AAEzC,MAAM,8BAA8B;AAE7B,MAAM,eAAe;AAAA,EACT;AAAA,EACT,UAA8B;AAAA,EAC9B,mBAA6C,CAAC;AAAA,EAEtD,YAAY,EAAE,UAAU,GAA0B;AAChD,SAAK,YAAY;AAAA,EACnB;AAAA,EAEO,YAAY,SAAc,eAAgC;AAC/D,QAAI,KAAK,SAAS;AAChB,WAAK,QAAQ,YAAY,SAAS,iBAAiB,CAAC,CAAC;AAAA,IACvD,OAAO;AACL,WAAK,iBAAiB,KAAK,CAAC,SAAS,aAAa,CAAC;AAAA,IACrD;AAAA,EACF;AAAA,EAEO,MAAM,EAAE,UAAU,GAA+D;AACtF,UAAM,yBAAyB,qBAAqB,KAAK,SAAS;AAElE,UAAM,UAAU,IAAI,OAAO,eAAe;AAC1C,YAAQ,MAAM,YAAY;AAI1B,WAAO,OAAO,YAAY,QAAQ,OAAO,KAAK,WAAW,CAAC,QAAQ,KAAK,CAAC;AAExE,SAAK,UAAU,QAAQ;AAEvB,WAAO,MAAM;AACX,6BAAuB;AAEvB,UAAI,KAAK,SAAS;AAChB,aAAK,QAAQ,YAAY;AACzB,aAAK,QAAQ,MAAM;AACnB,aAAK,UAAU;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EAEO,mBAAmB;AACxB,YAAQ,OAAO,KAAK,WAAW,MAAM,sBAAsB;AAE3D,SAAK,iBAAiB,QAAQ,CAAC,CAAC,SAAS,aAAa,MAAM;AAC1D,WAAK,SAAS,YAAY,SAAS,iBAAiB,CAAC,CAAC;AAAA,IACxD,CAAC;AAED,SAAK,mBAAmB,CAAC;AAAA,EAC3B;AACF;AAQA,SAAS,qBAAqB,WAAiC;AAAA,EAC7D,MAAM,SAAS;AAAA,IACL,KAAoB;AAAA,IAE5B,YAAY,UAAsB,OAAe;AAC/C,WAAK,MAAM;AACX,WAAK,KAAK,OAAO,YAAY,UAAU,KAAK;AAAA,IAC9C;AAAA,IAEA,QAAQ;AACN,UAAI,KAAK,MAAM,MAAM;AACnB,eAAO,cAAc,KAAK,EAAE;AAC5B,aAAK,KAAK;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAEA,QAAM,0BAA0B,IAAI,SAAS;AAE7C,WAAS,uBAAuB,OAAqB;AACnD,QACE,MAAM,WAAW,aACjB,MAAM,KAAK,SAAS,oCAAkB,2BACtC;AACA,8BAAwB,YAAY,MAAM;AACxC,eAAO,OAAO,gBAAY,yCAAyB,EAAE,YAAY,OAAO,SAAS,KAAK,CAAC,GAAG;AAAA,UACxF,cAAc;AAAA,QAChB,CAAC;AAAA,MACH,GAAG,2BAA2B;AAAA,IAChC;AAAA,EACF;AAEA,SAAO,iBAAiB,WAAW,sBAAsB;AACzD,SAAO,OAAO,gBAAY,2CAAwB,GAAG,EAAE,cAAc,UAAU,CAAC;AAEhF,SAAO,MAAM;AACX,WAAO,oBAAoB,WAAW,sBAAsB;AAC5D,4BAAwB,MAAM;AAAA,EAChC;AACF;","names":[]}

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

@@ -31,14 +31,19 @@ class BuilderAPIProxy {
   }
   // low-level, action-based API
   setup({ onHostAction }) {
-    this.messageChannel.setup((event) => {
-      const action = event.data;
-      if (!(0, import_host_api.isHostAction)(action)) {
-        console.warn("Unexpected host action", action);
-        return;
+    const channelCleanup = this.messageChannel.setup({
+      onMessage: (event) => {
+        const action = event.data;
+        if (!(0, import_host_api.isHostAction)(action)) {
+          console.warn("Unexpected host action", action);
+          return;
+        }
+        onHostAction(action);
       }
-      onHostAction(action);
     });
+    return () => {
+      channelCleanup();
+    };
   }
   execute(action) {
     if ((0, import_actions.hasTransferables)(action)) {
@@ -51,9 +56,6 @@ class BuilderAPIProxy {
   dispatchBuffered() {
     this.messageChannel.dispatchBuffered();
   }
-  teardown() {
-    this.messageChannel.teardown();
-  }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/state/builder-api/proxy.ts"],"sourcesContent":["import { type HostAction, isHostAction } from '../host-api'\n\nimport { type BuilderAction, hasTransferables } from './actions'\nimport { MessageChannel } from './message-channel'\n\nexport class BuilderAPIProxy {\n  private messageChannel: MessageChannel\n\n  constructor({ appOrigin }: { appOrigin: string }) {\n    this.messageChannel = new MessageChannel({ appOrigin })\n  }\n\n  // low-level, action-based API\n\n  setup({ onHostAction }: { onHostAction: (action: HostAction) => void }): void {\n    this.messageChannel.setup((event: MessageEvent) => {\n      const action = event.data\n\n      if (!isHostAction(action)) {\n        console.warn('Unexpected host action', action)\n        return\n      }\n\n      onHostAction(action)\n    })\n  }\n\n  execute(action: BuilderAction): void {\n    if (hasTransferables(action)) {\n      const { transferables, ...forwardedAction } = action\n      this.messageChannel.postMessage(forwardedAction, transferables)\n      return\n    }\n\n    this.messageChannel.postMessage(action)\n  }\n\n  dispatchBuffered(): void {\n    this.messageChannel.dispatchBuffered()\n  }\n\n  teardown(): void {\n    this.messageChannel.teardown()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8C;AAE9C,qBAAqD;AACrD,6BAA+B;AAExB,MAAM,gBAAgB;AAAA,EACnB;AAAA,EAER,YAAY,EAAE,UAAU,GAA0B;AAChD,SAAK,iBAAiB,IAAI,sCAAe,EAAE,UAAU,CAAC;AAAA,EACxD;AAAA;AAAA,EAIA,MAAM,EAAE,aAAa,GAAyD;AAC5E,SAAK,eAAe,MAAM,CAAC,UAAwB;AACjD,YAAM,SAAS,MAAM;AAErB,UAAI,KAAC,8BAAa,MAAM,GAAG;AACzB,gBAAQ,KAAK,0BAA0B,MAAM;AAC7C;AAAA,MACF;AAEA,mBAAa,MAAM;AAAA,IACrB,CAAC;AAAA,EACH;AAAA,EAEA,QAAQ,QAA6B;AACnC,YAAI,iCAAiB,MAAM,GAAG;AAC5B,YAAM,EAAE,eAAe,GAAG,gBAAgB,IAAI;AAC9C,WAAK,eAAe,YAAY,iBAAiB,aAAa;AAC9D;AAAA,IACF;AAEA,SAAK,eAAe,YAAY,MAAM;AAAA,EACxC;AAAA,EAEA,mBAAyB;AACvB,SAAK,eAAe,iBAAiB;AAAA,EACvC;AAAA,EAEA,WAAiB;AACf,SAAK,eAAe,SAAS;AAAA,EAC/B;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/state/builder-api/proxy.ts"],"sourcesContent":["import { type HostAction, isHostAction } from '../host-api'\n\nimport { type BuilderAction, hasTransferables } from './actions'\nimport { MessageChannel } from './message-channel'\n\nexport class BuilderAPIProxy {\n  private messageChannel: MessageChannel\n\n  constructor({ appOrigin }: { appOrigin: string }) {\n    this.messageChannel = new MessageChannel({ appOrigin })\n  }\n\n  // low-level, action-based API\n\n  setup({ onHostAction }: { onHostAction: (action: HostAction) => void }): VoidFunction {\n    const channelCleanup = this.messageChannel.setup({\n      onMessage: (event: MessageEvent) => {\n        const action = event.data\n\n        if (!isHostAction(action)) {\n          console.warn('Unexpected host action', action)\n          return\n        }\n\n        onHostAction(action)\n      },\n    })\n\n    return () => {\n      channelCleanup()\n    }\n  }\n\n  execute(action: BuilderAction): void {\n    if (hasTransferables(action)) {\n      const { transferables, ...forwardedAction } = action\n      this.messageChannel.postMessage(forwardedAction, transferables)\n      return\n    }\n\n    this.messageChannel.postMessage(action)\n  }\n\n  dispatchBuffered(): void {\n    this.messageChannel.dispatchBuffered()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8C;AAE9C,qBAAqD;AACrD,6BAA+B;AAExB,MAAM,gBAAgB;AAAA,EACnB;AAAA,EAER,YAAY,EAAE,UAAU,GAA0B;AAChD,SAAK,iBAAiB,IAAI,sCAAe,EAAE,UAAU,CAAC;AAAA,EACxD;AAAA;AAAA,EAIA,MAAM,EAAE,aAAa,GAAiE;AACpF,UAAM,iBAAiB,KAAK,eAAe,MAAM;AAAA,MAC/C,WAAW,CAAC,UAAwB;AAClC,cAAM,SAAS,MAAM;AAErB,YAAI,KAAC,8BAAa,MAAM,GAAG;AACzB,kBAAQ,KAAK,0BAA0B,MAAM;AAC7C;AAAA,QACF;AAEA,qBAAa,MAAM;AAAA,MACrB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,qBAAe;AAAA,IACjB;AAAA,EACF;AAAA,EAEA,QAAQ,QAA6B;AACnC,YAAI,iCAAiB,MAAM,GAAG;AAC5B,YAAM,EAAE,eAAe,GAAG,gBAAgB,IAAI;AAC9C,WAAK,eAAe,YAAY,iBAAiB,aAAa;AAC9D;AAAA,IACF;AAEA,SAAK,eAAe,YAAY,MAAM;AAAA,EACxC;AAAA,EAEA,mBAAyB;AACvB,SAAK,eAAe,iBAAiB;AAAA,EACvC;AACF;","names":[]}

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

@@ -0,0 +1,35 @@
+"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 setup_teardown_exports = {};
+__export(setup_teardown_exports, {
+  withSetupTeardown: () => withSetupTeardown
+});
+module.exports = __toCommonJS(setup_teardown_exports);
+function withSetupTeardown(setup, teardown) {
+  return (next) => (reducer, preloadedState) => ({
+    ...next(reducer, preloadedState),
+    setup,
+    teardown
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  withSetupTeardown
+});
+//# sourceMappingURL=setup-teardown.js.map

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

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