@makeswift/runtime 0.26.4 → 0.26.5

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

@@ -0,0 +1,110 @@
+"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 navigation_listener_exports = {};
+__export(navigation_listener_exports, {
+  setupNavigationListener: () => setupNavigationListener
+});
+module.exports = __toCommonJS(navigation_listener_exports);
+const CLICK_NAVIGATION_THRESHOLD_MS = 100;
+const CLICK_NAVIGATION_CHECK_INTERVAL_MS = 200;
+const CLICK_NAVIGATION_MAX_CHECKS = 20;
+function setupNavigationListener(callback) {
+  let previousLocation = null;
+  const handleNavigate = (event) => {
+    if (!event.navigationCompleted && event.url === previousLocation)
+      return;
+    callback(event);
+    previousLocation = event.url;
+  };
+  handleNavigate({ url: windowLocation(), navigationCompleted: "initial-page-load" });
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  const unsubscribes = [];
+  if ("navigation" in window && window.navigation) {
+    const navigation = window.navigation;
+    const navigateHandler = ({ destination }) => handleNavigate({ url: destination.url });
+    const navigateSuccessHandler = () => {
+      handleNavigate({
+        url: navigation.currentEntry.url,
+        navigationCompleted: "client-side-navigation"
+      });
+    };
+    navigation.addEventListener("navigate", navigateHandler);
+    navigation.addEventListener("navigatesuccess", navigateSuccessHandler);
+    unsubscribes.push(() => navigation.removeEventListener("navigate", navigateHandler));
+    unsubscribes.push(
+      () => navigation.removeEventListener("navigatesuccess", navigateSuccessHandler)
+    );
+    return () => {
+      unsubscribes.forEach((u) => u());
+    };
+  }
+  let lastClickEvent = null;
+  const clickHandler = (e) => {
+    const a = e.composedPath?.()?.find((n) => n instanceof HTMLAnchorElement) ?? (e.target instanceof Element && e.target.closest?.("a"));
+    if (!a)
+      return;
+    lastClickEvent = { href: a.href, timestamp: Date.now() };
+    const pageUrlBeforeClick = windowLocation();
+    let navigationCheckCounter = 0;
+    const checkIfNavigationOccurred = () => {
+      const url = windowLocation();
+      if (url !== pageUrlBeforeClick) {
+        handleNavigate({ url, polyfilled: true });
+        return;
+      }
+      if (++navigationCheckCounter < CLICK_NAVIGATION_MAX_CHECKS) {
+        window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS);
+      }
+    };
+    window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS);
+  };
+  window.document.addEventListener(
+    "click",
+    clickHandler,
+    { capture: true }
+    // run before bubbling to fortify against `stopPropagation()` calls
+  );
+  unsubscribes.push(
+    () => window.document.removeEventListener("click", clickHandler, { capture: true })
+  );
+  const unloadHandler = () => {
+    if (!lastClickEvent)
+      return;
+    const msSinceLastClick = Date.now() - lastClickEvent.timestamp;
+    handleNavigate({
+      url: msSinceLastClick < CLICK_NAVIGATION_THRESHOLD_MS ? lastClickEvent.href ?? null : null,
+      polyfilled: true
+    });
+    lastClickEvent = null;
+  };
+  window.addEventListener("beforeunload", unloadHandler);
+  unsubscribes.push(() => window.removeEventListener("beforeunload", unloadHandler));
+  return () => {
+    unsubscribes.forEach((u) => u());
+  };
+}
+const windowLocation = () => typeof window !== "undefined" ? window.location.href : null;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  setupNavigationListener
+});
+//# sourceMappingURL=navigation-listener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/builder-api/navigation-listener.ts"],"sourcesContent":["import { type HostNavigationEvent } from './api'\n\ntype ClickEvent = {\n  href: string\n  timestamp: number\n}\n\nconst CLICK_NAVIGATION_THRESHOLD_MS = 100\nconst CLICK_NAVIGATION_CHECK_INTERVAL_MS = 200\nconst CLICK_NAVIGATION_MAX_CHECKS = 20\n\nexport function setupNavigationListener(\n  callback: (args: HostNavigationEvent) => void,\n): VoidFunction {\n  let previousLocation: string | null = null\n\n  const handleNavigate = (event: HostNavigationEvent) => {\n    if (!event.navigationCompleted && event.url === previousLocation) return\n\n    callback(event)\n    previousLocation = event.url\n  }\n\n  // trigger navigation callback on initial page load\n  handleNavigate({ url: windowLocation(), navigationCompleted: 'initial-page-load' })\n\n  if (typeof window === 'undefined') {\n    return () => {}\n  }\n\n  const unsubscribes: (() => void)[] = []\n\n  // check for availability of the Navigation API (baseline feature since January 2026),\n  // see https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API\n  if ('navigation' in window && window.navigation) {\n    const navigation = window.navigation\n\n    const navigateHandler = ({ destination }: NavigateEvent) =>\n      handleNavigate({ url: destination.url })\n\n    const navigateSuccessHandler = () => {\n      handleNavigate({\n        url: navigation.currentEntry.url,\n        navigationCompleted: 'client-side-navigation',\n      })\n    }\n\n    // note that in order to capture destination URLs that might not be Makeswift-enabled,\n    // we send a `SiteNavigationEvent` at the start of navigation, but do not track whether\n    // the navigation was successful or not (possible future improvement)\n    navigation.addEventListener('navigate', navigateHandler)\n    navigation.addEventListener('navigatesuccess', navigateSuccessHandler)\n    unsubscribes.push(() => navigation.removeEventListener('navigate', navigateHandler))\n    unsubscribes.push(() =>\n      navigation.removeEventListener('navigatesuccess', navigateSuccessHandler),\n    )\n\n    return () => {\n      unsubscribes.forEach(u => u())\n    }\n  }\n\n  // for browsers lacking Navigation API support, we manually track:\n  //  - link clicks to capture destination URLs\n  //  - page unload events to detect cross-page navigation\n  //\n  // this works well enough to keep this polyfill in place for now, but not nearly as\n  // reliably as the Navigation API\n  let lastClickEvent: ClickEvent | null = null\n\n  const clickHandler = (e: MouseEvent) => {\n    const a =\n      e.composedPath?.()?.find(n => n instanceof HTMLAnchorElement) ??\n      (e.target instanceof Element && e.target.closest?.('a'))\n\n    if (!a) return\n\n    lastClickEvent = { href: a.href, timestamp: Date.now() }\n\n    const pageUrlBeforeClick = windowLocation()\n    let navigationCheckCounter = 0\n\n    // handle navigation between pages in the host; note that we intentionally are\n    // not cancelling the timer on cleanup to ensure we report the navigation\n    const checkIfNavigationOccurred = () => {\n      const url = windowLocation()\n\n      if (url !== pageUrlBeforeClick) {\n        // the host navigated to a different page, report the new URL to the builder\n        handleNavigate({ url, polyfilled: true })\n        return\n      }\n\n      // we're still on the same page, recheck until the max number of checks is reached\n      if (++navigationCheckCounter < CLICK_NAVIGATION_MAX_CHECKS) {\n        window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS)\n      }\n    }\n\n    window.setTimeout(checkIfNavigationOccurred, CLICK_NAVIGATION_CHECK_INTERVAL_MS)\n  }\n\n  window.document.addEventListener(\n    'click',\n    clickHandler,\n    { capture: true }, // run before bubbling to fortify against `stopPropagation()` calls\n  )\n\n  unsubscribes.push(() =>\n    window.document.removeEventListener('click', clickHandler, { capture: true }),\n  )\n\n  // handle external navigation\n  const unloadHandler = () => {\n    if (!lastClickEvent) return\n\n    const msSinceLastClick = Date.now() - lastClickEvent.timestamp\n    handleNavigate({\n      url: msSinceLastClick < CLICK_NAVIGATION_THRESHOLD_MS ? (lastClickEvent.href ?? null) : null,\n      polyfilled: true,\n    })\n\n    lastClickEvent = null\n  }\n\n  window.addEventListener('beforeunload', unloadHandler)\n  unsubscribes.push(() => window.removeEventListener('beforeunload', unloadHandler))\n\n  return () => {\n    unsubscribes.forEach(u => u())\n  }\n}\n\nconst windowLocation = (): string | null =>\n  typeof window !== 'undefined' ? window.location.href : null\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,MAAM,gCAAgC;AACtC,MAAM,qCAAqC;AAC3C,MAAM,8BAA8B;AAE7B,SAAS,wBACd,UACc;AACd,MAAI,mBAAkC;AAEtC,QAAM,iBAAiB,CAAC,UAA+B;AACrD,QAAI,CAAC,MAAM,uBAAuB,MAAM,QAAQ;AAAkB;AAElE,aAAS,KAAK;AACd,uBAAmB,MAAM;AAAA,EAC3B;AAGA,iBAAe,EAAE,KAAK,eAAe,GAAG,qBAAqB,oBAAoB,CAAC;AAElF,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AAEA,QAAM,eAA+B,CAAC;AAItC,MAAI,gBAAgB,UAAU,OAAO,YAAY;AAC/C,UAAM,aAAa,OAAO;AAE1B,UAAM,kBAAkB,CAAC,EAAE,YAAY,MACrC,eAAe,EAAE,KAAK,YAAY,IAAI,CAAC;AAEzC,UAAM,yBAAyB,MAAM;AACnC,qBAAe;AAAA,QACb,KAAK,WAAW,aAAa;AAAA,QAC7B,qBAAqB;AAAA,MACvB,CAAC;AAAA,IACH;AAKA,eAAW,iBAAiB,YAAY,eAAe;AACvD,eAAW,iBAAiB,mBAAmB,sBAAsB;AACrE,iBAAa,KAAK,MAAM,WAAW,oBAAoB,YAAY,eAAe,CAAC;AACnF,iBAAa;AAAA,MAAK,MAChB,WAAW,oBAAoB,mBAAmB,sBAAsB;AAAA,IAC1E;AAEA,WAAO,MAAM;AACX,mBAAa,QAAQ,OAAK,EAAE,CAAC;AAAA,IAC/B;AAAA,EACF;AAQA,MAAI,iBAAoC;AAExC,QAAM,eAAe,CAAC,MAAkB;AACtC,UAAM,IACJ,EAAE,eAAe,GAAG,KAAK,OAAK,aAAa,iBAAiB,MAC3D,EAAE,kBAAkB,WAAW,EAAE,OAAO,UAAU,GAAG;AAExD,QAAI,CAAC;AAAG;AAER,qBAAiB,EAAE,MAAM,EAAE,MAAM,WAAW,KAAK,IAAI,EAAE;AAEvD,UAAM,qBAAqB,eAAe;AAC1C,QAAI,yBAAyB;AAI7B,UAAM,4BAA4B,MAAM;AACtC,YAAM,MAAM,eAAe;AAE3B,UAAI,QAAQ,oBAAoB;AAE9B,uBAAe,EAAE,KAAK,YAAY,KAAK,CAAC;AACxC;AAAA,MACF;AAGA,UAAI,EAAE,yBAAyB,6BAA6B;AAC1D,eAAO,WAAW,2BAA2B,kCAAkC;AAAA,MACjF;AAAA,IACF;AAEA,WAAO,WAAW,2BAA2B,kCAAkC;AAAA,EACjF;AAEA,SAAO,SAAS;AAAA,IACd;AAAA,IACA;AAAA,IACA,EAAE,SAAS,KAAK;AAAA;AAAA,EAClB;AAEA,eAAa;AAAA,IAAK,MAChB,OAAO,SAAS,oBAAoB,SAAS,cAAc,EAAE,SAAS,KAAK,CAAC;AAAA,EAC9E;AAGA,QAAM,gBAAgB,MAAM;AAC1B,QAAI,CAAC;AAAgB;AAErB,UAAM,mBAAmB,KAAK,IAAI,IAAI,eAAe;AACrD,mBAAe;AAAA,MACb,KAAK,mBAAmB,gCAAiC,eAAe,QAAQ,OAAQ;AAAA,MACxF,YAAY;AAAA,IACd,CAAC;AAED,qBAAiB;AAAA,EACnB;AAEA,SAAO,iBAAiB,gBAAgB,aAAa;AACrD,eAAa,KAAK,MAAM,OAAO,oBAAoB,gBAAgB,aAAa,CAAC;AAEjF,SAAO,MAAM;AACX,iBAAa,QAAQ,OAAK,EAAE,CAAC;AAAA,EAC/B;AACF;AAEA,MAAM,iBAAiB,MACrB,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO;","names":[]}

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

@@ -0,0 +1,37 @@
+"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 makeswift_api_client_sync_exports = {};
+__export(makeswift_api_client_sync_exports, {
+  makeswiftApiClientSyncMiddleware: () => makeswiftApiClientSyncMiddleware
+});
+module.exports = __toCommonJS(makeswift_api_client_sync_exports);
+var import_toolkit2 = require("../toolkit");
+function makeswiftApiClientSyncMiddleware(client) {
+  return (0, import_toolkit2.actionMiddleware)(() => (next) => {
+    return (action) => {
+      client.makeswiftApiClient.dispatch(action);
+      return next(action);
+    };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  makeswiftApiClientSyncMiddleware
+});
+//# sourceMappingURL=makeswift-api-client-sync.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/middleware/makeswift-api-client-sync.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport { MakeswiftHostApiClient } from '../../api/client'\n\nimport { type Action } from '../actions'\nimport { actionMiddleware } from '../toolkit'\nimport { type State, type Dispatch } from '../unified-state'\n\nexport function makeswiftApiClientSyncMiddleware(\n  client: MakeswiftHostApiClient,\n): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(() => next => {\n    return (action: Action) => {\n      client.makeswiftApiClient.dispatch(action)\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,IAAAA,kBAAiC;AAG1B,SAAS,iCACd,QACuC;AACvC,aAAO,kCAAiB,MAAM,UAAQ;AACpC,WAAO,CAAC,WAAmB;AACzB,aAAO,mBAAmB,SAAS,MAAM;AAEzC,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":["import_toolkit"]}

package/dist/cjs/state/middleware/read-only-element-tree.js

@@ -0,0 +1,52 @@
+"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 read_only_element_tree_exports = {};
+__export(read_only_element_tree_exports, {
+  readOnlyElementTreeMiddleware: () => readOnlyElementTreeMiddleware
+});
+module.exports = __toCommonJS(read_only_element_tree_exports);
+var import_actions = require("../actions");
+var import_read_only_actions = require("../actions/internal/read-only-actions");
+var import_toolkit2 = require("../toolkit");
+var import_read_only_state = require("../read-only-state");
+function readOnlyElementTreeMiddleware() {
+  return (0, import_toolkit2.actionMiddleware)(({ dispatch, getState }) => (next) => {
+    return (action) => {
+      switch (action.type) {
+        case import_actions.ActionTypes.REGISTER_DOCUMENT:
+          dispatch(
+            (0, import_read_only_actions.createElementTree)({
+              document: action.payload.document,
+              descriptors: (0, import_read_only_state.getPropControllerDescriptors)(getState())
+            })
+          );
+          break;
+        case import_actions.ActionTypes.UNREGISTER_DOCUMENT:
+          dispatch((0, import_read_only_actions.deleteElementTree)(action.payload));
+          break;
+      }
+      return next(action);
+    };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  readOnlyElementTreeMiddleware
+});
+//# sourceMappingURL=read-only-element-tree.js.map

package/dist/cjs/state/middleware/read-only-element-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/state/middleware/read-only-element-tree.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport { ActionTypes } from '../actions'\nimport { createElementTree, deleteElementTree } from '../actions/internal/read-only-actions'\n\nimport { actionMiddleware } from '../toolkit'\n\nimport { type Dispatch, type State, getPropControllerDescriptors } from '../read-only-state'\n\nexport function readOnlyElementTreeMiddleware(): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch, getState }) => next => {\n    return action => {\n      switch (action.type) {\n        case ActionTypes.REGISTER_DOCUMENT:\n          dispatch(\n            createElementTree({\n              document: action.payload.document,\n              descriptors: getPropControllerDescriptors(getState()),\n            }),\n          )\n          break\n\n        case ActionTypes.UNREGISTER_DOCUMENT:\n          dispatch(deleteElementTree(action.payload))\n          break\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,qBAA4B;AAC5B,+BAAqD;AAErD,IAAAA,kBAAiC;AAEjC,6BAAwE;AAEjE,SAAS,gCAAuE;AACrF,aAAO,kCAAiB,CAAC,EAAE,UAAU,SAAS,MAAM,UAAQ;AAC1D,WAAO,YAAU;AACf,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,2BAAY;AACf;AAAA,gBACE,4CAAkB;AAAA,cAChB,UAAU,OAAO,QAAQ;AAAA,cACzB,iBAAa,qDAA6B,SAAS,CAAC;AAAA,YACtD,CAAC;AAAA,UACH;AACA;AAAA,QAEF,KAAK,2BAAY;AACf,uBAAS,4CAAkB,OAAO,OAAO,CAAC;AAC1C;AAAA,MACJ;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":["import_toolkit"]}

package/dist/cjs/state/middleware/read-write/builder-api/element-size.js

@@ -0,0 +1,40 @@
+"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 element_size_exports = {};
+__export(element_size_exports, {
+  getElementSize: () => getElementSize
+});
+module.exports = __toCommonJS(element_size_exports);
+function getElementSize(element) {
+  return {
+    offsetWidth: element.offsetWidth,
+    offsetHeight: element.offsetHeight,
+    clientWidth: element.clientWidth,
+    clientHeight: element.clientHeight,
+    scrollWidth: element.scrollWidth,
+    scrollHeight: element.scrollHeight,
+    scrollTop: element.scrollTop,
+    scrollLeft: element.scrollLeft
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getElementSize
+});
+//# sourceMappingURL=element-size.js.map

package/dist/cjs/state/middleware/read-write/builder-api/element-size.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/element-size.ts"],"sourcesContent":["export type ElementSize = {\n  offsetWidth: number\n  offsetHeight: number\n  clientWidth: number\n  clientHeight: number\n  scrollWidth: number\n  scrollHeight: number\n  scrollTop: number\n  scrollLeft: number\n}\n\nexport function getElementSize(element: HTMLElement): ElementSize {\n  return {\n    offsetWidth: element.offsetWidth,\n    offsetHeight: element.offsetHeight,\n    clientWidth: element.clientWidth,\n    clientHeight: element.clientHeight,\n    scrollWidth: element.scrollWidth,\n    scrollHeight: element.scrollHeight,\n    scrollTop: element.scrollTop,\n    scrollLeft: element.scrollLeft,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWO,SAAS,eAAe,SAAmC;AAChE,SAAO;AAAA,IACL,aAAa,QAAQ;AAAA,IACrB,cAAc,QAAQ;AAAA,IACtB,aAAa,QAAQ;AAAA,IACrB,cAAc,QAAQ;AAAA,IACtB,aAAa,QAAQ;AAAA,IACrB,cAAc,QAAQ;AAAA,IACtB,WAAW,QAAQ;AAAA,IACnB,YAAY,QAAQ;AAAA,EACtB;AACF;","names":[]}

package/dist/cjs/state/middleware/read-write/builder-api/index.js

@@ -0,0 +1,85 @@
+"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, {
+  builderAPIMiddleware: () => builderAPIMiddleware
+});
+module.exports = __toCommonJS(builder_api_exports);
+var import_actions2 = require("../../../builder-api/actions");
+var import_toolkit2 = require("../../../toolkit");
+var import_host_api = require("../../../host-api");
+var import_initialize_connection = require("./initialize-connection");
+function builderAPIMiddleware(builderProxy) {
+  return (0, import_toolkit2.actionMiddleware)(({ dispatch }) => (next) => {
+    if (typeof window === "undefined")
+      return (action) => next(action);
+    let cleanUp = () => {
+    };
+    return (action) => {
+      switch (action.type) {
+        case import_actions2.BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS:
+        case import_actions2.BuilderActionTypes.MOUNT_COMPONENT:
+        case import_actions2.BuilderActionTypes.UNMOUNT_COMPONENT:
+        case import_actions2.BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:
+        case import_actions2.BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:
+        case import_actions2.BuilderActionTypes.HANDLE_WHEEL:
+        case import_actions2.BuilderActionTypes.HANDLE_POINTER_MOVE:
+        case import_actions2.BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE:
+        case import_actions2.BuilderActionTypes.SET_LOCALE:
+        case import_actions2.BuilderActionTypes.SET_BREAKPOINTS:
+        case import_actions2.BuilderActionTypes.REGISTER_BUILDER_DOCUMENT:
+        case import_actions2.BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT:
+        case import_actions2.BuilderActionTypes.REGISTER_BUILDER_COMPONENT:
+        case import_actions2.BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT:
+          builderProxy.execute(action);
+          break;
+        case import_host_api.HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:
+          window.document.documentElement.scrollTo({
+            top: action.payload.scrollTop,
+            behavior: "instant"
+          });
+          break;
+        case import_host_api.HostActionTypes.SCROLL_DOCUMENT_ELEMENT:
+          window.document.documentElement.scrollBy({
+            top: action.payload.scrollTopDelta,
+            behavior: "instant"
+          });
+          break;
+        case import_host_api.HostActionTypes.SET_BUILDER_EDIT_MODE:
+          window.getSelection()?.removeAllRanges();
+          break;
+        case import_host_api.HostActionTypes.INIT:
+          cleanUp();
+          cleanUp = dispatch((0, import_initialize_connection.initializeBuilderConnection)(builderProxy));
+          break;
+        case import_host_api.HostActionTypes.CLEAN_UP:
+          cleanUp();
+          cleanUp = () => {
+          };
+          break;
+      }
+      return next(action);
+    };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  builderAPIMiddleware
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/state/middleware/read-write/builder-api/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/state/middleware/read-write/builder-api/index.ts"],"sourcesContent":["import { type Middleware } from '@reduxjs/toolkit'\n\nimport { type Action } from '../../../actions'\n\nimport { BuilderActionTypes } from '../../../builder-api/actions'\n\nimport { actionMiddleware } from '../../../toolkit'\n\nimport { type BuilderAPIProxy } from '../../../builder-api/proxy'\nimport { HostActionTypes } from '../../../host-api'\n\nimport { type State, type Dispatch } from '../../../read-write-state'\nimport { initializeBuilderConnection } from './initialize-connection'\n\nexport function builderAPIMiddleware(\n  builderProxy: BuilderAPIProxy,\n): Middleware<Dispatch, State, Dispatch> {\n  return actionMiddleware(({ dispatch }) => next => {\n    if (typeof window === 'undefined') return (action: Action) => next(action)\n\n    let cleanUp = () => {}\n    return (action: Action) => {\n      switch (action.type) {\n        case BuilderActionTypes.CHANGE_ELEMENT_BOX_MODELS:\n        case BuilderActionTypes.MOUNT_COMPONENT:\n        case BuilderActionTypes.UNMOUNT_COMPONENT:\n        case BuilderActionTypes.CHANGE_DOCUMENT_ELEMENT_SIZE:\n        case BuilderActionTypes.MESSAGE_BUILDER_PROP_CONTROLLER:\n        case BuilderActionTypes.HANDLE_WHEEL:\n        case BuilderActionTypes.HANDLE_POINTER_MOVE:\n        case BuilderActionTypes.ELEMENT_FROM_POINT_CHANGE:\n        case BuilderActionTypes.SET_LOCALE:\n        case BuilderActionTypes.SET_BREAKPOINTS:\n        case BuilderActionTypes.REGISTER_BUILDER_DOCUMENT:\n        case BuilderActionTypes.UNREGISTER_BUILDER_DOCUMENT:\n        case BuilderActionTypes.REGISTER_BUILDER_COMPONENT:\n        case BuilderActionTypes.UNREGISTER_BUILDER_COMPONENT:\n          builderProxy.execute(action)\n          break\n\n        case HostActionTypes.CHANGE_DOCUMENT_ELEMENT_SCROLL_TOP:\n          window.document.documentElement.scrollTo({\n            top: action.payload.scrollTop,\n            behavior: 'instant',\n          })\n          break\n\n        case HostActionTypes.SCROLL_DOCUMENT_ELEMENT:\n          window.document.documentElement.scrollBy({\n            top: action.payload.scrollTopDelta,\n            behavior: 'instant',\n          })\n          break\n\n        case HostActionTypes.SET_BUILDER_EDIT_MODE:\n          window.getSelection()?.removeAllRanges()\n          break\n\n        case HostActionTypes.INIT:\n          // dispatched by the parent window after establishing the connection\n          // and in response to host's client-side navigation\n          cleanUp() // cleanup existing connection setup, if any\n          cleanUp = dispatch(initializeBuilderConnection(builderProxy))\n          break\n\n        case HostActionTypes.CLEAN_UP:\n          // dispatched by the parent window on disconnect\n          cleanUp()\n          cleanUp = () => {}\n          break\n      }\n\n      return next(action)\n    }\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,IAAAA,kBAAmC;AAEnC,IAAAC,kBAAiC;AAGjC,sBAAgC;AAGhC,mCAA4C;AAErC,SAAS,qBACd,cACuC;AACvC,aAAO,kCAAiB,CAAC,EAAE,SAAS,MAAM,UAAQ;AAChD,QAAI,OAAO,WAAW;AAAa,aAAO,CAAC,WAAmB,KAAK,MAAM;AAEzE,QAAI,UAAU,MAAM;AAAA,IAAC;AACrB,WAAO,CAAC,WAAmB;AACzB,cAAQ,OAAO,MAAM;AAAA,QACnB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AAAA,QACxB,KAAK,mCAAmB;AACtB,uBAAa,QAAQ,MAAM;AAC3B;AAAA,QAEF,KAAK,gCAAgB;AACnB,iBAAO,SAAS,gBAAgB,SAAS;AAAA,YACvC,KAAK,OAAO,QAAQ;AAAA,YACpB,UAAU;AAAA,UACZ,CAAC;AACD;AAAA,QAEF,KAAK,gCAAgB;AACnB,iBAAO,SAAS,gBAAgB,SAAS;AAAA,YACvC,KAAK,OAAO,QAAQ;AAAA,YACpB,UAAU;AAAA,UACZ,CAAC;AACD;AAAA,QAEF,KAAK,gCAAgB;AACnB,iBAAO,aAAa,GAAG,gBAAgB;AACvC;AAAA,QAEF,KAAK,gCAAgB;AAGnB,kBAAQ;AACR,oBAAU,aAAS,0DAA4B,YAAY,CAAC;AAC5D;AAAA,QAEF,KAAK,gCAAgB;AAEnB,kBAAQ;AACR,oBAAU,MAAM;AAAA,UAAC;AACjB;AAAA,MACJ;AAEA,aAAO,KAAK,MAAM;AAAA,IACpB;AAAA,EACF,CAAC;AACH;","names":["import_actions","import_toolkit"]}

package/dist/cjs/state/middleware/read-write/builder-api/initialize-connection.js

@@ -0,0 +1,281 @@
+"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)
+    __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 __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 initialize_connection_exports = {};
+__export(initialize_connection_exports, {
+  initializeBuilderConnection: () => initializeBuilderConnection
+});
+module.exports = __toCommonJS(initialize_connection_exports);
+var import_deepEqual = __toESM(require("../../../../utils/deepEqual"));
+var BoxModels = __toESM(require("../../../modules/read-write/box-models"));
+var BuilderEditMode = __toESM(require("../../../modules/builder-edit-mode"));
+var ReadOnly = __toESM(require("../../../actions/internal/read-only-actions"));
+var Builder = __toESM(require("../../../builder-api/actions"));
+var import_builder = require("../../../../builder");
+var ReadOnlyState = __toESM(require("../../../read-only-state"));
+var import_read_write_state = require("../../../read-write-state");
+var import_element_size = require("./element-size");
+function measureElements() {
+  return (dispatch, getState) => {
+    const measurables = (0, import_read_write_state.getMeasurables)(getState());
+    const currentBoxModels = (0, import_read_write_state.getBoxModels)(getState());
+    const measuredBoxModels = /* @__PURE__ */ new Map();
+    measurables.forEach((documentMeasurables, documentKey) => {
+      const measuredDocumentBoxModels = /* @__PURE__ */ new Map();
+      documentMeasurables.forEach((measurable, elementKey) => {
+        const boxModel = BoxModels.measure(measurable);
+        if (boxModel != null)
+          measuredDocumentBoxModels.set(elementKey, boxModel);
+      });
+      if (measuredDocumentBoxModels.size > 0) {
+        measuredBoxModels.set(documentKey, measuredDocumentBoxModels);
+      }
+    });
+    const changedBoxModels = /* @__PURE__ */ new Map();
+    currentBoxModels.forEach((currentDocumentBoxModels, documentKey) => {
+      const changedDocumentBoxModels = /* @__PURE__ */ new Map();
+      currentDocumentBoxModels.forEach((_boxModel, elementKey) => {
+        if (!measuredBoxModels.get(documentKey)?.has(elementKey)) {
+          changedDocumentBoxModels.set(elementKey, null);
+        }
+        if (changedDocumentBoxModels.size > 0) {
+          changedBoxModels.set(documentKey, changedDocumentBoxModels);
+        }
+      });
+    });
+    measuredBoxModels.forEach((measuredDocumentBoxModels, documentKey) => {
+      const changedDocumentBoxModels = /* @__PURE__ */ new Map();
+      measuredDocumentBoxModels.forEach((measuredBoxModel, elementKey) => {
+        const currentBoxModel = (0, import_read_write_state.getBoxModel)(getState(), documentKey, elementKey);
+        if (currentBoxModel == null || !(0, import_deepEqual.default)(currentBoxModel, measuredBoxModel)) {
+          changedDocumentBoxModels.set(elementKey, measuredBoxModel);
+        }
+      });
+      if (changedDocumentBoxModels.size > 0) {
+        changedBoxModels.set(documentKey, changedDocumentBoxModels);
+      }
+    });
+    if (changedBoxModels.size > 0)
+      dispatch(Builder.changeElementBoxModels(changedBoxModels));
+  };
+}
+function startMeasuringElements() {
+  return (dispatch) => {
+    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+    return () => {
+      cancelAnimationFrame(animationFrameHandle);
+    };
+    function handleAnimationFrameRequest() {
+      dispatch(measureElements());
+      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+    }
+  };
+}
+function lockDocumentScroll() {
+  return (dispatch) => {
+    const lastDocumentOverflow = window.document.documentElement.style.overflow;
+    window.document.documentElement.style.overflow = "hidden";
+    window.document.documentElement.addEventListener("wheel", handleWheelEvent);
+    return () => {
+      window.document.documentElement.style.overflow = lastDocumentOverflow;
+      window.document.documentElement.removeEventListener("wheel", handleWheelEvent);
+    };
+    function handleWheelEvent({ deltaX, deltaY }) {
+      dispatch(Builder.handleWheel({ deltaX, deltaY }));
+    }
+  };
+}
+function startHandlingPointerMoveEvent() {
+  return (dispatch) => {
+    window.document.documentElement.addEventListener("pointermove", handlePointerMoveEvent);
+    return () => {
+      window.document.documentElement.removeEventListener("pointermove", handlePointerMoveEvent);
+    };
+    function handlePointerMoveEvent({ clientX, clientY }) {
+      dispatch(Builder.handlePointerMove({ clientX, clientY }));
+    }
+  };
+}
+function startHandlingFocusEvents() {
+  return (_dispatch, getState) => {
+    window.addEventListener("focusin", handleFocusIn);
+    window.addEventListener("focusout", handleFocusOut);
+    return () => {
+      window.removeEventListener("focusin", handleFocusIn);
+      window.removeEventListener("focusout", handleFocusOut);
+    };
+    function handleFocusIn(event) {
+      if (ReadOnlyState.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {
+        return;
+      }
+      if (!(event.target instanceof window.HTMLElement) || !event.target.isContentEditable) {
+        window.parent.focus();
+      }
+    }
+    function handleFocusOut(event) {
+      if (ReadOnlyState.getBuilderEditMode(getState()) === BuilderEditMode.BuilderEditMode.INTERACT) {
+        return;
+      }
+      if (!(event.relatedTarget instanceof window.HTMLElement) || !event.relatedTarget.isContentEditable) {
+        window.parent.focus();
+      }
+    }
+  };
+}
+function startMeasuringDocumentElement() {
+  return (dispatch) => {
+    let animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+    let lastSize;
+    return () => {
+      cancelAnimationFrame(animationFrameHandle);
+    };
+    function handleAnimationFrameRequest() {
+      const nextSize = (0, import_element_size.getElementSize)(window.document.documentElement);
+      if (!(0, import_deepEqual.default)(lastSize, nextSize)) {
+        lastSize = nextSize;
+        dispatch(Builder.changeDocumentElementSize(nextSize));
+      }
+      animationFrameHandle = requestAnimationFrame(handleAnimationFrameRequest);
+    }
+  };
+}
+function elementKeysFromElementFromPoint(elementFromPoint) {
+  return (_dispatch, getState) => {
+    if (elementFromPoint == null)
+      return null;
+    const elementImperativeHandles = (0, import_read_write_state.getElementImperativeHandlesContainingElement)(
+      getState(),
+      elementFromPoint
+    );
+    const ascendingDepthDocumentKeys = ReadOnlyState.getDocumentKeysSortedByDepth(getState());
+    const descendingDepthDocumentKeys = ascendingDepthDocumentKeys.slice().reverse();
+    let currentElement = elementFromPoint;
+    let keys = null;
+    while (currentElement != null) {
+      for (const documentKey of descendingDepthDocumentKeys) {
+        const byElementKey = elementImperativeHandles.get(documentKey);
+        if (byElementKey == null)
+          continue;
+        for (const [elementKey, elementImperativeHandle] of byElementKey) {
+          if (elementImperativeHandle.getDomNode() === currentElement) {
+            return { documentKey, elementKey };
+          }
+        }
+      }
+      currentElement = currentElement.parentElement;
+    }
+    return keys;
+  };
+}
+function startPollingElementFromPoint() {
+  return (dispatch, getState) => {
+    let lastElementFromPoint = null;
+    let animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest);
+    return () => {
+      cancelAnimationFrame(animationFrameRequestId);
+    };
+    function handleAnimationFrameRequest() {
+      const pointer = (0, import_read_write_state.getPointer)(getState());
+      const elementFromPoint = pointer == null ? null : document.elementFromPoint(pointer.x, pointer.y);
+      if (elementFromPoint !== lastElementFromPoint) {
+        lastElementFromPoint = elementFromPoint;
+        const keys = dispatch(elementKeysFromElementFromPoint(elementFromPoint));
+        dispatch(Builder.elementFromPointChange(keys));
+      }
+      animationFrameRequestId = requestAnimationFrame(handleAnimationFrameRequest);
+    }
+  };
+}
+function registerBuilderComponents() {
+  return (dispatch, getState) => {
+    const state = getState();
+    const componentsMeta = ReadOnlyState.getComponentsMeta(state);
+    componentsMeta.forEach((meta, type) => {
+      const descriptors = ReadOnlyState.getComponentPropControllerDescriptors(state, type);
+      if (descriptors != null) {
+        const [serializedControls, transferables] = (0, import_builder.serializeControls)(descriptors);
+        dispatch(
+          Builder.registerBuilderComponent({ type, meta, serializedControls }, transferables)
+        );
+      }
+    });
+    return () => {
+      componentsMeta.forEach((_, type) => {
+        dispatch(Builder.unregisterBuilderComponent({ type }));
+      });
+    };
+  };
+}
+function registerBuilderDocuments() {
+  return (dispatch, getState) => {
+    const documents = (0, import_read_write_state.getDocuments)(getState());
+    documents.forEach((document2) => {
+      dispatch(Builder.registerBuilderDocument(document2));
+    });
+    return () => {
+      documents.forEach((_document, documentKey) => {
+        dispatch(Builder.unregisterBuilderDocument(documentKey));
+      });
+    };
+  };
+}
+function initializeBuilderConnection(builderProxy) {
+  return (dispatch, getState) => {
+    const unregisterBuilderDocuments = dispatch(registerBuilderDocuments());
+    const stopMeasuringElements = dispatch(startMeasuringElements());
+    const stopMeasuringDocumentElement = dispatch(startMeasuringDocumentElement());
+    const stopHandlingFocusEvent = dispatch(startHandlingFocusEvents());
+    const unlockDocumentScroll = dispatch(lockDocumentScroll());
+    const stopHandlingPointerMoveEvent = dispatch(startHandlingPointerMoveEvent());
+    const stopPollingElementFromPoint = dispatch(startPollingElementFromPoint());
+    const unregisterBuilderComponents = dispatch(registerBuilderComponents());
+    const breakpoints = ReadOnlyState.getBreakpoints(getState());
+    dispatch(Builder.setBreakpoints(breakpoints));
+    const locale = ReadOnlyState.getLocale(getState());
+    if (locale != null)
+      dispatch(Builder.setLocale(new Intl.Locale(locale)));
+    dispatch(ReadOnly.setIsInBuilder(true));
+    builderProxy.dispatchBuffered();
+    return () => {
+      unregisterBuilderDocuments();
+      stopMeasuringElements();
+      stopMeasuringDocumentElement();
+      stopHandlingFocusEvent();
+      unlockDocumentScroll();
+      stopHandlingPointerMoveEvent();
+      stopPollingElementFromPoint();
+      unregisterBuilderComponents();
+      dispatch(ReadOnly.setIsInBuilder(false));
+    };
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  initializeBuilderConnection
+});
+//# sourceMappingURL=initialize-connection.js.map