@prismicio/simulator 0.1.4 → 0.2.0

package/dist/kit/SimulatorManager.js

@@ -1,139 +1,108 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { throttle } from "../lib/throttle.js";
 import { ClientRequestType } from "../types.js";
-import { StateEventType } from "./types.js";
-import { SimulatorAPI } from "../SimulatorAPI.js";
 import { ResponseError } from "../channel/errors.js";
-import "statuses";
-import "../channel/types.js";
+import { SimulatorAPI } from "../SimulatorAPI.js";
+import { throttle } from "../lib/throttle.js";
+import { StateEventType } from "./types.js";
+import { getSimulatorDOM, getSimulatorRootDOM, getSliceZoneDOM } from "./domHelpers.js";
 import { State } from "./State.js";
-import { getSliceZoneDOM, getSimulatorDOM, getSimulatorRootDOM } from "./domHelpers.js";
 import { sliceSimulatorAccessedDirectly } from "./messages.js";
-class SimulatorManager {
-  constructor(args) {
-    __publicField(this, "state");
-    __publicField(this, "_api");
-    __publicField(this, "_initialized");
-    this.state = new State(args);
-    this._api = null;
-    this._initialized = false;
-  }
-  async init() {
-    if (this._initialized) {
-      return;
-    } else {
-      this._initialized = true;
-    }
-    await this.state.init();
-    try {
-      await this._initAPI();
-    } catch (error) {
-      if (error instanceof Error && error.message === "Receiver is currently not embedded as an iframe" && !this.state.slices.length) {
-        this.state.message = sliceSimulatorAccessedDirectly;
-      }
-      console.error(error);
-      return;
-    }
-    this._initListeners();
-  }
-  async _initAPI() {
-    this._api = new SimulatorAPI({
-      [ClientRequestType.SetSliceZone]: (req, res) => {
-        this.state.setSliceZone(req.data);
-        return res.success();
-      },
-      [ClientRequestType.ScrollToSlice]: (req, res) => {
-        var _a;
-        if (req.data.sliceIndex < 0) {
-          return res.error("`sliceIndex` must be > 0", 400);
-        } else if (req.data.sliceIndex >= this.state.slices.length) {
-          return res.error(`\`sliceIndex\` must be < ${this.state.slices.length} (\`<SliceZone />\` current length)`, 400);
-        }
-        const $sliceZone = getSliceZoneDOM(this.state.slices.length);
-        if (!$sliceZone) {
-          return res.error("Failed to find `<SliceZone />`", 500);
-        }
-        this.state.activeSlice = null;
-        const $slice = $sliceZone.children[req.data.sliceIndex];
-        if (!$slice) {
-          return res.error(`Failed fo find slice at index $\`{req.data.sliceIndex}\` in \`<SliceZone />\``, 500);
-        }
-        $slice.scrollIntoView({
-          behavior: req.data.behavior,
-          block: req.data.block,
-          inline: req.data.inline
-        });
-        ((_a = this._api) == null ? void 0 : _a.options.activeSliceAPI) && setTimeout(this.state.setActiveSlice, 750);
-        return res.success();
-      }
-    });
-    await this._api.ready();
-  }
-  _initListeners() {
-    var _a, _b;
-    if ((_a = this._api) == null ? void 0 : _a.options.activeSliceAPI) {
-      window.addEventListener("mousemove", () => {
-        this.state.setActiveSlice();
-      });
-      window.addEventListener("resize", () => {
-        this.state.setActiveSlice();
-      });
-      window.addEventListener("mousewheel", () => {
-        setTimeout(this.state.setActiveSlice, 200);
-      });
-      this.state.on(StateEventType.Slices, () => {
-        this.state.setActiveSlice();
-      });
-      this.state.on(StateEventType.ActiveSlice, async (activeSlice) => {
-        if (this._api) {
-          try {
-            await this._api.setActiveSlice(activeSlice);
-          } catch (error) {
-            if (error instanceof ResponseError && error.response.status === 400) {
-              console.error(error.response);
-            } else {
-              throw error;
-            }
-          }
-        }
-      });
-    }
-    if ((_b = this._api) == null ? void 0 : _b.options.sliceZoneSizeAPI) {
-      const resizeObserver = new ResizeObserver(throttle(async (entries) => {
-        const [entry] = entries;
-        if (this._api && entry) {
-          try {
-            await this._api.setSliceZoneSize({ rect: entry.contentRect });
-          } catch (error) {
-            if (error instanceof ResponseError && error.response.status === 400) {
-              console.error(error.response);
-            } else {
-              throw error;
-            }
-          }
-        }
-      }, 16));
-      const observeSimulatorRoot = () => {
-        const simulatorRootDOM = getSimulatorRootDOM();
-        resizeObserver.disconnect();
-        if (simulatorRootDOM) {
-          resizeObserver.observe(simulatorRootDOM);
-        }
-      };
-      const mutationObserver = new MutationObserver(observeSimulatorRoot);
-      mutationObserver.observe(getSimulatorDOM(), {
-        subtree: false,
-        childList: true
-      });
-    }
-  }
-}
-export {
-  SimulatorManager
+
+//#region src/kit/SimulatorManager.ts
+var SimulatorManager = class {
+	state;
+	_api;
+	_initialized;
+	constructor(args) {
+		this.state = new State(args);
+		this._api = null;
+		this._initialized = false;
+	}
+	async init() {
+		if (this._initialized) return;
+		else this._initialized = true;
+		await this.state.init();
+		try {
+			await this._initAPI();
+		} catch (error) {
+			if (error instanceof Error && error.message === "Receiver is currently not embedded as an iframe" && !this.state.slices.length) this.state.message = sliceSimulatorAccessedDirectly;
+			console.error(error);
+			return;
+		}
+		this._initListeners();
+	}
+	async _initAPI() {
+		this._api = new SimulatorAPI({
+			[ClientRequestType.SetSliceZone]: (req, res) => {
+				this.state.setSliceZone(req.data);
+				return res.success();
+			},
+			[ClientRequestType.ScrollToSlice]: (req, res) => {
+				var _this$_api;
+				if (req.data.sliceIndex < 0) return res.error("`sliceIndex` must be > 0", 400);
+				else if (req.data.sliceIndex >= this.state.slices.length) return res.error(`\`sliceIndex\` must be < ${this.state.slices.length} (\`<SliceZone />\` current length)`, 400);
+				const $sliceZone = getSliceZoneDOM(this.state.slices.length);
+				if (!$sliceZone) return res.error("Failed to find `<SliceZone />`", 500);
+				this.state.activeSlice = null;
+				const $slice = $sliceZone.children[req.data.sliceIndex];
+				if (!$slice) return res.error(`Failed fo find slice at index $\`{req.data.sliceIndex}\` in \`<SliceZone />\``, 500);
+				$slice.scrollIntoView({
+					behavior: req.data.behavior,
+					block: req.data.block,
+					inline: req.data.inline
+				});
+				if ((_this$_api = this._api) === null || _this$_api === void 0 ? void 0 : _this$_api.options.activeSliceAPI) setTimeout(this.state.setActiveSlice, 750);
+				return res.success();
+			}
+		});
+		await this._api.ready();
+	}
+	_initListeners() {
+		var _this$_api2, _this$_api3;
+		if ((_this$_api2 = this._api) === null || _this$_api2 === void 0 ? void 0 : _this$_api2.options.activeSliceAPI) {
+			window.addEventListener("mousemove", () => {
+				this.state.setActiveSlice();
+			});
+			window.addEventListener("resize", () => {
+				this.state.setActiveSlice();
+			});
+			window.addEventListener("mousewheel", () => {
+				setTimeout(this.state.setActiveSlice, 200);
+			});
+			this.state.on(StateEventType.Slices, () => {
+				this.state.setActiveSlice();
+			});
+			this.state.on(StateEventType.ActiveSlice, async (activeSlice) => {
+				if (this._api) try {
+					await this._api.setActiveSlice(activeSlice);
+				} catch (error) {
+					if (error instanceof ResponseError && error.response.status === 400) console.error(error.response);
+					else throw error;
+				}
+			});
+		}
+		if ((_this$_api3 = this._api) === null || _this$_api3 === void 0 ? void 0 : _this$_api3.options.sliceZoneSizeAPI) {
+			const resizeObserver = new ResizeObserver(throttle(async (entries) => {
+				const [entry] = entries;
+				if (this._api && entry) try {
+					await this._api.setSliceZoneSize({ rect: entry.contentRect });
+				} catch (error) {
+					if (error instanceof ResponseError && error.response.status === 400) console.error(error.response);
+					else throw error;
+				}
+			}, 16));
+			const observeSimulatorRoot = () => {
+				const simulatorRootDOM = getSimulatorRootDOM();
+				resizeObserver.disconnect();
+				if (simulatorRootDOM) resizeObserver.observe(simulatorRootDOM);
+			};
+			new MutationObserver(observeSimulatorRoot).observe(getSimulatorDOM(), {
+				subtree: false,
+				childList: true
+			});
+		}
+	}
 };
-//# sourceMappingURL=SimulatorManager.js.map
+
+//#endregion
+export { SimulatorManager };
+//# sourceMappingURL=SimulatorManager.js.map

package/dist/kit/SimulatorManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimulatorManager.js","sources":["../../../src/kit/SimulatorManager.ts"],"sourcesContent":["import type { SliceZone } from \"@prismicio/client\";\n\nimport { throttle } from \"../lib/throttle\";\n\nimport { ClientRequestType } from \"../types\";\nimport { StateEventType } from \"./types\";\n\nimport { SimulatorAPI } from \"../SimulatorAPI\";\nimport { ResponseError } from \"../channel\";\n\nimport { State } from \"./State\";\nimport {\n\tgetSimulatorDOM,\n\tgetSimulatorRootDOM,\n\tgetSliceZoneDOM,\n} from \"./domHelpers\";\nimport { sliceSimulatorAccessedDirectly } from \"./messages\";\n\ntype ManagerConstructorArgs = {\n\tslices?: SliceZone;\n};\n\nexport class SimulatorManager {\n\tpublic state: State;\n\tprivate _api: SimulatorAPI | null;\n\tprivate _initialized: boolean;\n\n\tconstructor(args?: ManagerConstructorArgs) {\n\t\tthis.state = new State(args);\n\t\tthis._api = null;\n\t\tthis._initialized = false;\n\t}\n\n\tasync init(): Promise<void> {\n\t\tif (this._initialized) {\n\t\t\treturn;\n\t\t} else {\n\t\t\tthis._initialized = true;\n\t\t}\n\n\t\t// Init state manager\n\t\tawait this.state.init();\n\n\t\t// Init API\n\t\ttry {\n\t\t\tawait this._initAPI();\n\t\t} catch (error) {\n\t\t\tif (\n\t\t\t\terror instanceof Error &&\n\t\t\t\terror.message === \"Receiver is currently not embedded as an iframe\" &&\n\t\t\t\t!this.state.slices.length\n\t\t\t) {\n\t\t\t\t// Catch not embedded error and display message\n\t\t\t\tthis.state.message = sliceSimulatorAccessedDirectly;\n\t\t\t}\n\t\t\tconsole.error(error);\n\n\t\t\treturn;\n\t\t}\n\n\t\t// Init listeners\n\t\tthis._initListeners();\n\t}\n\n\tprivate async _initAPI(): Promise<void> {\n\t\t// Register SimulatorAPI request handlers\n\t\tthis._api = new SimulatorAPI({\n\t\t\t[ClientRequestType.SetSliceZone]: (req, res) => {\n\t\t\t\tthis.state.setSliceZone(req.data);\n\n\t\t\t\treturn res.success();\n\t\t\t},\n\t\t\t[ClientRequestType.ScrollToSlice]: (req, res) => {\n\t\t\t\t// Error if `sliceIndex` is invalid\n\t\t\t\tif (req.data.sliceIndex < 0) {\n\t\t\t\t\treturn res.error(\"`sliceIndex` must be > 0\", 400);\n\t\t\t\t} else if (req.data.sliceIndex >= this.state.slices.length) {\n\t\t\t\t\treturn res.error(\n\t\t\t\t\t\t`\\`sliceIndex\\` must be < ${this.state.slices.length} (\\`<SliceZone />\\` current length)`,\n\t\t\t\t\t\t400,\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst $sliceZone = getSliceZoneDOM(this.state.slices.length);\n\t\t\t\tif (!$sliceZone) {\n\t\t\t\t\treturn res.error(\"Failed to find `<SliceZone />`\", 500);\n\t\t\t\t}\n\n\t\t\t\t// Destroy existing active slice as we're about to scroll\n\t\t\t\tthis.state.activeSlice = null;\n\n\t\t\t\tconst $slice = $sliceZone.children[req.data.sliceIndex];\n\t\t\t\tif (!$slice) {\n\t\t\t\t\treturn res.error(\n\t\t\t\t\t\t`Failed fo find slice at index $\\`{req.data.sliceIndex}\\` in \\`<SliceZone />\\``,\n\t\t\t\t\t\t500,\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// Scroll to Slice\n\t\t\t\t$slice.scrollIntoView({\n\t\t\t\t\tbehavior: req.data.behavior,\n\t\t\t\t\tblock: req.data.block,\n\t\t\t\t\tinline: req.data.inline,\n\t\t\t\t});\n\n\t\t\t\t// Update active slice after scrolling\n\t\t\t\tthis._api?.options.activeSliceAPI &&\n\t\t\t\t\tsetTimeout(this.state.setActiveSlice, 750);\n\n\t\t\t\treturn res.success();\n\t\t\t},\n\t\t});\n\n\t\t// Mark API as ready\n\t\tawait this._api.ready();\n\t}\n\n\tprivate _initListeners(): void {\n\t\tif (this._api?.options.activeSliceAPI) {\n\t\t\t// Update active slice on mouse move\n\t\t\twindow.addEventListener(\"mousemove\", () => {\n\t\t\t\tthis.state.setActiveSlice();\n\t\t\t});\n\t\t\t// Update active slice on events impacting slices rendering\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\tthis.state.setActiveSlice();\n\t\t\t});\n\t\t\twindow.addEventListener(\"mousewheel\", () => {\n\t\t\t\tsetTimeout(this.state.setActiveSlice, 200);\n\t\t\t});\n\n\t\t\t// Update active slice when slices are set\n\t\t\tthis.state.on(StateEventType.Slices, () => {\n\t\t\t\tthis.state.setActiveSlice();\n\t\t\t});\n\t\t\t// Send active slices to renderer\n\t\t\tthis.state.on(StateEventType.ActiveSlice, async (activeSlice) => {\n\t\t\t\tif (this._api) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tawait this._api.setActiveSlice(activeSlice);\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t// Just log bad requests, throw everything else\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\terror instanceof ResponseError &&\n\t\t\t\t\t\t\terror.response.status === 400\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tconsole.error(error.response);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthrow error;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tif (this._api?.options.sliceZoneSizeAPI) {\n\t\t\t// Monitor Simulator root node size\n\t\t\tconst resizeObserver = new ResizeObserver(\n\t\t\t\tthrottle(async (entries) => {\n\t\t\t\t\tconst [entry] = entries;\n\n\t\t\t\t\tif (this._api && entry) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tawait this._api.setSliceZoneSize({ rect: entry.contentRect });\n\t\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t\t// Just log bad requests, throw everything else\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\terror instanceof ResponseError &&\n\t\t\t\t\t\t\t\terror.response.status === 400\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tconsole.error(error.response);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tthrow error;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}, 16),\n\t\t\t);\n\t\t\tconst observeSimulatorRoot = () => {\n\t\t\t\tconst simulatorRootDOM = getSimulatorRootDOM();\n\t\t\t\tresizeObserver.disconnect();\n\t\t\t\tif (simulatorRootDOM) {\n\t\t\t\t\tresizeObserver.observe(simulatorRootDOM);\n\t\t\t\t}\n\t\t\t};\n\n\t\t\t// Monitor Simulator root node in DOM\n\t\t\tconst mutationObserver = new MutationObserver(observeSimulatorRoot);\n\t\t\t// We want it to fail if not found\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\t\tmutationObserver.observe(getSimulatorDOM()!, {\n\t\t\t\tsubtree: false,\n\t\t\t\tchildList: true,\n\t\t\t});\n\t\t}\n\t}\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SimulatorManager.js","names":[],"sources":["../../src/kit/SimulatorManager.ts"],"sourcesContent":["import type { SliceZone } from \"@prismicio/client\"\n\nimport { throttle } from \"../lib/throttle\"\n\nimport { ClientRequestType } from \"../types\"\nimport { StateEventType } from \"./types\"\n\nimport { SimulatorAPI } from \"../SimulatorAPI\"\nimport { ResponseError } from \"../channel\"\n\nimport { State } from \"./State\"\nimport {\n\tgetSimulatorDOM,\n\tgetSimulatorRootDOM,\n\tgetSliceZoneDOM,\n} from \"./domHelpers\"\nimport { sliceSimulatorAccessedDirectly } from \"./messages\"\n\ntype ManagerConstructorArgs = {\n\tslices?: SliceZone\n}\n\nexport class SimulatorManager {\n\tpublic state: State\n\tprivate _api: SimulatorAPI | null\n\tprivate _initialized: boolean\n\n\tconstructor(args?: ManagerConstructorArgs) {\n\t\tthis.state = new State(args)\n\t\tthis._api = null\n\t\tthis._initialized = false\n\t}\n\n\tasync init(): Promise<void> {\n\t\tif (this._initialized) {\n\t\t\treturn\n\t\t} else {\n\t\t\tthis._initialized = true\n\t\t}\n\n\t\t// Init state manager\n\t\tawait this.state.init()\n\n\t\t// Init API\n\t\ttry {\n\t\t\tawait this._initAPI()\n\t\t} catch (error) {\n\t\t\tif (\n\t\t\t\terror instanceof Error &&\n\t\t\t\terror.message === \"Receiver is currently not embedded as an iframe\" &&\n\t\t\t\t!this.state.slices.length\n\t\t\t) {\n\t\t\t\t// Catch not embedded error and display message\n\t\t\t\tthis.state.message = sliceSimulatorAccessedDirectly\n\t\t\t}\n\t\t\tconsole.error(error)\n\n\t\t\treturn\n\t\t}\n\n\t\t// Init listeners\n\t\tthis._initListeners()\n\t}\n\n\tprivate async _initAPI(): Promise<void> {\n\t\t// Register SimulatorAPI request handlers\n\t\tthis._api = new SimulatorAPI({\n\t\t\t[ClientRequestType.SetSliceZone]: (req, res) => {\n\t\t\t\tthis.state.setSliceZone(req.data)\n\n\t\t\t\treturn res.success()\n\t\t\t},\n\t\t\t[ClientRequestType.ScrollToSlice]: (req, res) => {\n\t\t\t\t// Error if `sliceIndex` is invalid\n\t\t\t\tif (req.data.sliceIndex < 0) {\n\t\t\t\t\treturn res.error(\"`sliceIndex` must be > 0\", 400)\n\t\t\t\t} else if (req.data.sliceIndex >= this.state.slices.length) {\n\t\t\t\t\treturn res.error(\n\t\t\t\t\t\t`\\`sliceIndex\\` must be < ${this.state.slices.length} (\\`<SliceZone />\\` current length)`,\n\t\t\t\t\t\t400,\n\t\t\t\t\t)\n\t\t\t\t}\n\n\t\t\t\tconst $sliceZone = getSliceZoneDOM(this.state.slices.length)\n\t\t\t\tif (!$sliceZone) {\n\t\t\t\t\treturn res.error(\"Failed to find `<SliceZone />`\", 500)\n\t\t\t\t}\n\n\t\t\t\t// Destroy existing active slice as we're about to scroll\n\t\t\t\tthis.state.activeSlice = null\n\n\t\t\t\tconst $slice = $sliceZone.children[req.data.sliceIndex]\n\t\t\t\tif (!$slice) {\n\t\t\t\t\treturn res.error(\n\t\t\t\t\t\t`Failed fo find slice at index $\\`{req.data.sliceIndex}\\` in \\`<SliceZone />\\``,\n\t\t\t\t\t\t500,\n\t\t\t\t\t)\n\t\t\t\t}\n\n\t\t\t\t// Scroll to Slice\n\t\t\t\t$slice.scrollIntoView({\n\t\t\t\t\tbehavior: req.data.behavior,\n\t\t\t\t\tblock: req.data.block,\n\t\t\t\t\tinline: req.data.inline,\n\t\t\t\t})\n\n\t\t\t\t// Update active slice after scrolling\n\t\t\t\tif (this._api?.options.activeSliceAPI) {\n\t\t\t\t\tsetTimeout(this.state.setActiveSlice, 750)\n\t\t\t\t}\n\n\t\t\t\treturn res.success()\n\t\t\t},\n\t\t})\n\n\t\t// Mark API as ready\n\t\tawait this._api.ready()\n\t}\n\n\tprivate _initListeners(): void {\n\t\tif (this._api?.options.activeSliceAPI) {\n\t\t\t// Update active slice on mouse move\n\t\t\twindow.addEventListener(\"mousemove\", () => {\n\t\t\t\tthis.state.setActiveSlice()\n\t\t\t})\n\t\t\t// Update active slice on events impacting slices rendering\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\tthis.state.setActiveSlice()\n\t\t\t})\n\t\t\twindow.addEventListener(\"mousewheel\", () => {\n\t\t\t\tsetTimeout(this.state.setActiveSlice, 200)\n\t\t\t})\n\n\t\t\t// Update active slice when slices are set\n\t\t\tthis.state.on(StateEventType.Slices, () => {\n\t\t\t\tthis.state.setActiveSlice()\n\t\t\t})\n\t\t\t// Send active slices to renderer\n\t\t\tthis.state.on(StateEventType.ActiveSlice, async (activeSlice) => {\n\t\t\t\tif (this._api) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tawait this._api.setActiveSlice(activeSlice)\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t// Just log bad requests, throw everything else\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\terror instanceof ResponseError &&\n\t\t\t\t\t\t\terror.response.status === 400\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tconsole.error(error.response)\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthrow error\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\tif (this._api?.options.sliceZoneSizeAPI) {\n\t\t\t// Monitor Simulator root node size\n\t\t\tconst resizeObserver = new ResizeObserver(\n\t\t\t\tthrottle(async (entries) => {\n\t\t\t\t\tconst [entry] = entries\n\n\t\t\t\t\tif (this._api && entry) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tawait this._api.setSliceZoneSize({ rect: entry.contentRect })\n\t\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t\t// Just log bad requests, throw everything else\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\terror instanceof ResponseError &&\n\t\t\t\t\t\t\t\terror.response.status === 400\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tconsole.error(error.response)\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tthrow error\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}, 16),\n\t\t\t)\n\t\t\tconst observeSimulatorRoot = () => {\n\t\t\t\tconst simulatorRootDOM = getSimulatorRootDOM()\n\t\t\t\tresizeObserver.disconnect()\n\t\t\t\tif (simulatorRootDOM) {\n\t\t\t\t\tresizeObserver.observe(simulatorRootDOM)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Monitor Simulator root node in DOM\n\t\t\tconst mutationObserver = new MutationObserver(observeSimulatorRoot)\n\t\t\t// We want it to fail if not found\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\t\tmutationObserver.observe(getSimulatorDOM()!, {\n\t\t\t\tsubtree: false,\n\t\t\t\tchildList: true,\n\t\t\t})\n\t\t}\n\t}\n}\n"],"mappings":"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"}

package/dist/kit/State.cjs

@@ -1,82 +1,84 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
+const require_throttle = require('../lib/throttle.cjs');
+const require_types = require('./types.cjs');
+const require_EventEmitter = require('../lib/EventEmitter.cjs');
+const require_domHelpers = require('./domHelpers.cjs');
+const require_getDefault = require('./getDefault.cjs');
+
+//#region src/kit/State.ts
+var State = class extends require_EventEmitter.EventEmitter {
+	_slices;
+	set slices(slices) {
+		this._slices = slices;
+		this.message = "";
+		this.emit(require_types.StateEventType.Slices, slices);
+	}
+	get slices() {
+		return this._slices;
+	}
+	_activeSlice;
+	set activeSlice(activeSlice) {
+		this._activeSlice = activeSlice;
+		this.emit(require_types.StateEventType.ActiveSlice, activeSlice);
+	}
+	get activeSlice() {
+		return this._activeSlice;
+	}
+	_message;
+	set message(message) {
+		this._message = message;
+		this.emit(require_types.StateEventType.Message, message);
+	}
+	get message() {
+		return this._message;
+	}
+	_mouse;
+	constructor(args) {
+		super();
+		this._slices = (args === null || args === void 0 ? void 0 : args.slices) || require_getDefault.getDefaultSlices();
+		this._activeSlice = null;
+		this._message = "";
+		this._mouse = {
+			x: 0,
+			y: 0
+		};
+	}
+	async init() {
+		window.addEventListener("mousemove", (event) => {
+			this._mouse = {
+				x: event.clientX,
+				y: event.clientY
+			};
+		});
+	}
+	_setActiveSlice = () => {
+		if (this.slices.length === 0) {
+			this.activeSlice = null;
+			return;
+		}
+		const $sliceZone = require_domHelpers.getSliceZoneDOM(this.slices.length);
+		if (!$sliceZone) {
+			this.activeSlice = null;
+			return;
+		}
+		const $activeSlice = require_domHelpers.getActiveSliceDOM($sliceZone, this._mouse);
+		if (!$activeSlice) {
+			this.activeSlice = null;
+			return;
+		}
+		const activeSliceIndex = Array.prototype.indexOf.call($sliceZone.children, $activeSlice);
+		this.activeSlice = {
+			rect: $activeSlice.getBoundingClientRect(),
+			sliceID: this.slices[activeSliceIndex].slice_type,
+			variationID: this.slices[activeSliceIndex].variation,
+			index: activeSliceIndex
+		};
+	};
+	setActiveSlice = require_throttle.throttle(this._setActiveSlice, 16);
+	setSliceZone(slices) {
+		this.slices = slices;
+	}
 };
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const EventEmitter = require("../lib/EventEmitter.cjs");
-const throttle = require("../lib/throttle.cjs");
-const types = require("./types.cjs");
-const domHelpers = require("./domHelpers.cjs");
-const getDefault = require("./getDefault.cjs");
-class State extends EventEmitter.EventEmitter {
-  constructor(args) {
-    super();
-    __publicField(this, "_slices");
-    __publicField(this, "_activeSlice");
-    __publicField(this, "_message");
-    __publicField(this, "_mouse");
-    __publicField(this, "_setActiveSlice", () => {
-      if (this.slices.length === 0) {
-        this.activeSlice = null;
-        return;
-      }
-      const $sliceZone = domHelpers.getSliceZoneDOM(this.slices.length);
-      if (!$sliceZone) {
-        this.activeSlice = null;
-        return;
-      }
-      const $activeSlice = domHelpers.getActiveSliceDOM($sliceZone, this._mouse);
-      if (!$activeSlice) {
-        this.activeSlice = null;
-        return;
-      }
-      const activeSliceIndex = Array.prototype.indexOf.call($sliceZone.children, $activeSlice);
-      this.activeSlice = {
-        rect: $activeSlice.getBoundingClientRect(),
-        sliceID: this.slices[activeSliceIndex].slice_type,
-        variationID: this.slices[activeSliceIndex].variation,
-        index: activeSliceIndex
-      };
-    });
-    __publicField(this, "setActiveSlice", throttle.throttle(this._setActiveSlice, 16));
-    this._slices = (args == null ? void 0 : args.slices) || getDefault.getDefaultSlices();
-    this._activeSlice = null;
-    this._message = "";
-    this._mouse = { x: 0, y: 0 };
-  }
-  set slices(slices) {
-    this._slices = slices;
-    this.message = "";
-    this.emit(types.StateEventType.Slices, slices);
-  }
-  get slices() {
-    return this._slices;
-  }
-  set activeSlice(activeSlice) {
-    this._activeSlice = activeSlice;
-    this.emit(types.StateEventType.ActiveSlice, activeSlice);
-  }
-  get activeSlice() {
-    return this._activeSlice;
-  }
-  set message(message) {
-    this._message = message;
-    this.emit(types.StateEventType.Message, message);
-  }
-  get message() {
-    return this._message;
-  }
-  async init() {
-    window.addEventListener("mousemove", (event) => {
-      this._mouse = { x: event.clientX, y: event.clientY };
-    });
-  }
-  setSliceZone(slices) {
-    this.slices = slices;
-  }
-}
+
+//#endregion
 exports.State = State;
-//# sourceMappingURL=State.cjs.map
+//# sourceMappingURL=State.cjs.map

package/dist/kit/State.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"State.cjs","sources":["../../../src/kit/State.ts"],"sourcesContent":["import type { SharedSlice, SliceZone } from \"@prismicio/client\";\n\nimport { EventEmitter } from \"../lib/EventEmitter\";\nimport { __PRODUCTION__ } from \"../lib/__PRODUCTION__\";\nimport { throttle } from \"../lib/throttle\";\n\nimport type { ActiveSlice } from \"../types\";\nimport { StateEventType, StateEvents } from \"./types\";\n\nimport { getActiveSliceDOM, getSliceZoneDOM } from \"./domHelpers\";\nimport { getDefaultSlices } from \"./getDefault\";\n\ntype StateConstructorArgs = {\n\tslices?: SliceZone;\n};\n\nexport class State extends EventEmitter<StateEvents> {\n\tprivate _slices: SliceZone;\n\tpublic set slices(slices: SliceZone) {\n\t\tthis._slices = slices;\n\t\t// Clean up message\n\t\tthis.message = \"\";\n\t\t// Dispatch event\n\t\tthis.emit(StateEventType.Slices, slices);\n\t}\n\tpublic get slices(): SliceZone {\n\t\treturn this._slices;\n\t}\n\n\tprivate _activeSlice: ActiveSlice | null;\n\tpublic set activeSlice(activeSlice: ActiveSlice | null) {\n\t\tthis._activeSlice = activeSlice;\n\t\tthis.emit(StateEventType.ActiveSlice, activeSlice);\n\t}\n\tpublic get activeSlice(): ActiveSlice | null {\n\t\treturn this._activeSlice;\n\t}\n\n\tprivate _message: string;\n\tpublic set message(message: string) {\n\t\tthis._message = message;\n\t\tthis.emit(StateEventType.Message, message);\n\t}\n\tpublic get message(): string {\n\t\treturn this._message;\n\t}\n\n\tprivate _mouse: { x: number; y: number };\n\n\tconstructor(args?: StateConstructorArgs) {\n\t\tsuper();\n\n\t\tthis._slices = args?.slices || getDefaultSlices();\n\t\tthis._activeSlice = null;\n\t\tthis._message = \"\";\n\n\t\t// StateManager needs to keep track of mouse position for the active slice\n\t\tthis._mouse = { x: 0, y: 0 };\n\t}\n\n\tasync init(): Promise<void> {\n\t\t// Init listener\n\t\twindow.addEventListener(\"mousemove\", (event) => {\n\t\t\tthis._mouse = { x: event.clientX, y: event.clientY };\n\t\t});\n\t}\n\n\tprivate _setActiveSlice = (): void => {\n\t\t// There can't be an active slice if there's no slice displayed\n\t\tif (this.slices.length === 0) {\n\t\t\tthis.activeSlice = null;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst $sliceZone = getSliceZoneDOM(this.slices.length);\n\n\t\t// SliceZone has not been found, therefore active slice cannot be found\n\t\tif (!$sliceZone) {\n\t\t\tthis.activeSlice = null;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst $activeSlice = getActiveSliceDOM($sliceZone, this._mouse);\n\n\t\t// Active slice has not been found\n\t\tif (!$activeSlice) {\n\t\t\tthis.activeSlice = null;\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeSliceIndex = Array.prototype.indexOf.call(\n\t\t\t$sliceZone.children,\n\t\t\t$activeSlice,\n\t\t);\n\n\t\t// Active slice has been found\n\t\tthis.activeSlice = {\n\t\t\trect: $activeSlice.getBoundingClientRect(),\n\t\t\tsliceID: this.slices[activeSliceIndex].slice_type,\n\t\t\tvariationID: (this.slices[activeSliceIndex] as SharedSlice).variation,\n\t\t\tindex: activeSliceIndex,\n\t\t};\n\t};\n\tsetActiveSlice = throttle(this._setActiveSlice, 16);\n\n\tsetSliceZone(slices: SliceZone): void {\n\t\t// Set slices\n\t\tthis.slices = slices;\n\t}\n}\n"],"names":["EventEmitter","getSliceZoneDOM","getActiveSliceDOM","throttle","getDefaultSlices","StateEventType"],"mappings":";;;;;;;;;;;;;AAgBM,MAAO,cAAcA,aAAAA,aAAyB;AAAA,EAiCnD,YAAY,MAA2B;;AAhC/B;AAYA;AASA;AASA;AAoBA,2CAAkB,MAAW;AAEhC,UAAA,KAAK,OAAO,WAAW,GAAG;AAC7B,aAAK,cAAc;AAEnB;AAAA,MACA;AAED,YAAM,aAAaC,WAAA,gBAAgB,KAAK,OAAO,MAAM;AAGrD,UAAI,CAAC,YAAY;AAChB,aAAK,cAAc;AAEnB;AAAA,MACA;AAED,YAAM,eAAeC,WAAA,kBAAkB,YAAY,KAAK,MAAM;AAG9D,UAAI,CAAC,cAAc;AAClB,aAAK,cAAc;AAEnB;AAAA,MACA;AAED,YAAM,mBAAmB,MAAM,UAAU,QAAQ,KAChD,WAAW,UACX,YAAY;AAIb,WAAK,cAAc;AAAA,QAClB,MAAM,aAAa,sBAAuB;AAAA,QAC1C,SAAS,KAAK,OAAO,gBAAgB,EAAE;AAAA,QACvC,aAAc,KAAK,OAAO,gBAAgB,EAAkB;AAAA,QAC5D,OAAO;AAAA,MAAA;AAAA;AAGT,0CAAiBC,SAAAA,SAAS,KAAK,iBAAiB,EAAE;AAtD5C,SAAA,WAAU,6BAAM,WAAUC,WAAgB,iBAAA;AAC/C,SAAK,eAAe;AACpB,SAAK,WAAW;AAGhB,SAAK,SAAS,EAAE,GAAG,GAAG,GAAG;EAC1B;AAAA,EAxCA,IAAW,OAAO,QAAiB;AAClC,SAAK,UAAU;AAEf,SAAK,UAAU;AAEV,SAAA,KAAKC,MAAAA,eAAe,QAAQ,MAAM;AAAA,EACxC;AAAA,EACA,IAAW,SAAM;AAChB,WAAO,KAAK;AAAA,EACb;AAAA,EAGA,IAAW,YAAY,aAA+B;AACrD,SAAK,eAAe;AACf,SAAA,KAAKA,MAAAA,eAAe,aAAa,WAAW;AAAA,EAClD;AAAA,EACA,IAAW,cAAW;AACrB,WAAO,KAAK;AAAA,EACb;AAAA,EAGA,IAAW,QAAQ,SAAe;AACjC,SAAK,WAAW;AACX,SAAA,KAAKA,MAAAA,eAAe,SAAS,OAAO;AAAA,EAC1C;AAAA,EACA,IAAW,UAAO;AACjB,WAAO,KAAK;AAAA,EACb;AAAA,EAeA,MAAM,OAAI;AAEF,WAAA,iBAAiB,aAAa,CAAC,UAAS;AAC9C,WAAK,SAAS,EAAE,GAAG,MAAM,SAAS,GAAG,MAAM;KAC3C;AAAA,EACF;AAAA,EA2CA,aAAa,QAAiB;AAE7B,SAAK,SAAS;AAAA,EACf;AACA;;"}
+{"version":3,"file":"State.cjs","names":["EventEmitter","StateEventType","getDefaultSlices","getSliceZoneDOM","getActiveSliceDOM","throttle"],"sources":["../../src/kit/State.ts"],"sourcesContent":["import type { SharedSlice, SliceZone } from \"@prismicio/client\"\n\nimport { EventEmitter } from \"../lib/EventEmitter\"\nimport { __PRODUCTION__ } from \"../lib/__PRODUCTION__\"\nimport { throttle } from \"../lib/throttle\"\n\nimport type { ActiveSlice } from \"../types\"\nimport type { StateEvents } from \"./types\";\nimport { StateEventType } from \"./types\"\n\nimport { getActiveSliceDOM, getSliceZoneDOM } from \"./domHelpers\"\nimport { getDefaultSlices } from \"./getDefault\"\n\ntype StateConstructorArgs = {\n\tslices?: SliceZone\n}\n\nexport class State extends EventEmitter<StateEvents> {\n\tprivate _slices: SliceZone\n\tpublic set slices(slices: SliceZone) {\n\t\tthis._slices = slices\n\t\t// Clean up message\n\t\tthis.message = \"\"\n\t\t// Dispatch event\n\t\tthis.emit(StateEventType.Slices, slices)\n\t}\n\tpublic get slices(): SliceZone {\n\t\treturn this._slices\n\t}\n\n\tprivate _activeSlice: ActiveSlice | null\n\tpublic set activeSlice(activeSlice: ActiveSlice | null) {\n\t\tthis._activeSlice = activeSlice\n\t\tthis.emit(StateEventType.ActiveSlice, activeSlice)\n\t}\n\tpublic get activeSlice(): ActiveSlice | null {\n\t\treturn this._activeSlice\n\t}\n\n\tprivate _message: string\n\tpublic set message(message: string) {\n\t\tthis._message = message\n\t\tthis.emit(StateEventType.Message, message)\n\t}\n\tpublic get message(): string {\n\t\treturn this._message\n\t}\n\n\tprivate _mouse: { x: number; y: number }\n\n\tconstructor(args?: StateConstructorArgs) {\n\t\tsuper()\n\n\t\tthis._slices = args?.slices || getDefaultSlices()\n\t\tthis._activeSlice = null\n\t\tthis._message = \"\"\n\n\t\t// StateManager needs to keep track of mouse position for the active slice\n\t\tthis._mouse = { x: 0, y: 0 }\n\t}\n\n\tasync init(): Promise<void> {\n\t\t// Init listener\n\t\twindow.addEventListener(\"mousemove\", (event) => {\n\t\t\tthis._mouse = { x: event.clientX, y: event.clientY }\n\t\t})\n\t}\n\n\tprivate _setActiveSlice = (): void => {\n\t\t// There can't be an active slice if there's no slice displayed\n\t\tif (this.slices.length === 0) {\n\t\t\tthis.activeSlice = null\n\n\t\t\treturn\n\t\t}\n\n\t\tconst $sliceZone = getSliceZoneDOM(this.slices.length)\n\n\t\t// SliceZone has not been found, therefore active slice cannot be found\n\t\tif (!$sliceZone) {\n\t\t\tthis.activeSlice = null\n\n\t\t\treturn\n\t\t}\n\n\t\tconst $activeSlice = getActiveSliceDOM($sliceZone, this._mouse)\n\n\t\t// Active slice has not been found\n\t\tif (!$activeSlice) {\n\t\t\tthis.activeSlice = null\n\n\t\t\treturn\n\t\t}\n\n\t\tconst activeSliceIndex = Array.prototype.indexOf.call(\n\t\t\t$sliceZone.children,\n\t\t\t$activeSlice,\n\t\t)\n\n\t\t// Active slice has been found\n\t\tthis.activeSlice = {\n\t\t\trect: $activeSlice.getBoundingClientRect(),\n\t\t\tsliceID: this.slices[activeSliceIndex].slice_type,\n\t\t\tvariationID: (this.slices[activeSliceIndex] as SharedSlice).variation,\n\t\t\tindex: activeSliceIndex,\n\t\t}\n\t}\n\tsetActiveSlice = throttle(this._setActiveSlice, 16)\n\n\tsetSliceZone(slices: SliceZone): void {\n\t\t// Set slices\n\t\tthis.slices = slices\n\t}\n}\n"],"mappings":";;;;;;;AAiBA,IAAa,QAAb,cAA2BA,kCAA0B;CACpD,AAAQ;CACR,IAAW,OAAO,QAAmB;AACpC,OAAK,UAAU;AAEf,OAAK,UAAU;AAEf,OAAK,KAAKC,6BAAe,QAAQ,OAAO;;CAEzC,IAAW,SAAoB;AAC9B,SAAO,KAAK;;CAGb,AAAQ;CACR,IAAW,YAAY,aAAiC;AACvD,OAAK,eAAe;AACpB,OAAK,KAAKA,6BAAe,aAAa,YAAY;;CAEnD,IAAW,cAAkC;AAC5C,SAAO,KAAK;;CAGb,AAAQ;CACR,IAAW,QAAQ,SAAiB;AACnC,OAAK,WAAW;AAChB,OAAK,KAAKA,6BAAe,SAAS,QAAQ;;CAE3C,IAAW,UAAkB;AAC5B,SAAO,KAAK;;CAGb,AAAQ;CAER,YAAY,MAA6B;AACxC,SAAO;AAEP,OAAK,uDAAU,KAAM,WAAUC,qCAAkB;AACjD,OAAK,eAAe;AACpB,OAAK,WAAW;AAGhB,OAAK,SAAS;GAAE,GAAG;GAAG,GAAG;GAAG;;CAG7B,MAAM,OAAsB;AAE3B,SAAO,iBAAiB,cAAc,UAAU;AAC/C,QAAK,SAAS;IAAE,GAAG,MAAM;IAAS,GAAG,MAAM;IAAS;IACnD;;CAGH,AAAQ,wBAA8B;AAErC,MAAI,KAAK,OAAO,WAAW,GAAG;AAC7B,QAAK,cAAc;AAEnB;;EAGD,MAAM,aAAaC,mCAAgB,KAAK,OAAO,OAAO;AAGtD,MAAI,CAAC,YAAY;AAChB,QAAK,cAAc;AAEnB;;EAGD,MAAM,eAAeC,qCAAkB,YAAY,KAAK,OAAO;AAG/D,MAAI,CAAC,cAAc;AAClB,QAAK,cAAc;AAEnB;;EAGD,MAAM,mBAAmB,MAAM,UAAU,QAAQ,KAChD,WAAW,UACX,aACA;AAGD,OAAK,cAAc;GAClB,MAAM,aAAa,uBAAuB;GAC1C,SAAS,KAAK,OAAO,kBAAkB;GACvC,aAAc,KAAK,OAAO,kBAAkC;GAC5D,OAAO;GACP;;CAEF,iBAAiBC,0BAAS,KAAK,iBAAiB,GAAG;CAEnD,aAAa,QAAyB;AAErC,OAAK,SAAS"}

package/dist/kit/State.d.cts

@@ -0,0 +1,29 @@
+import { ActiveSlice } from "../types.cjs";
+import { EventEmitter } from "../lib/EventEmitter.cjs";
+import { StateEvents } from "./types.cjs";
+import { SliceZone } from "@prismicio/client";
+
+//#region src/kit/State.d.ts
+type StateConstructorArgs = {
+  slices?: SliceZone;
+};
+declare class State extends EventEmitter<StateEvents> {
+  private _slices;
+  set slices(slices: SliceZone);
+  get slices(): SliceZone;
+  private _activeSlice;
+  set activeSlice(activeSlice: ActiveSlice | null);
+  get activeSlice(): ActiveSlice | null;
+  private _message;
+  set message(message: string);
+  get message(): string;
+  private _mouse;
+  constructor(args?: StateConstructorArgs);
+  init(): Promise<void>;
+  private _setActiveSlice;
+  setActiveSlice: () => void;
+  setSliceZone(slices: SliceZone): void;
+}
+//#endregion
+export { State };
+//# sourceMappingURL=State.d.cts.map

package/dist/kit/State.d.ts

@@ -1,25 +1,29 @@
-import type { SliceZone } from "@prismicio/client";
-import { EventEmitter } from "../lib/EventEmitter";
-import type { ActiveSlice } from "../types";
-import { StateEvents } from "./types";
+import { ActiveSlice } from "../types.js";
+import { EventEmitter } from "../lib/EventEmitter.js";
+import { StateEvents } from "./types.js";
+import { SliceZone } from "@prismicio/client";
+
+//#region src/kit/State.d.ts
 type StateConstructorArgs = {
-    slices?: SliceZone;
+  slices?: SliceZone;
 };
-export declare class State extends EventEmitter<StateEvents> {
-    private _slices;
-    set slices(slices: SliceZone);
-    get slices(): SliceZone;
-    private _activeSlice;
-    set activeSlice(activeSlice: ActiveSlice | null);
-    get activeSlice(): ActiveSlice | null;
-    private _message;
-    set message(message: string);
-    get message(): string;
-    private _mouse;
-    constructor(args?: StateConstructorArgs);
-    init(): Promise<void>;
-    private _setActiveSlice;
-    setActiveSlice: () => void;
-    setSliceZone(slices: SliceZone): void;
+declare class State extends EventEmitter<StateEvents> {
+  private _slices;
+  set slices(slices: SliceZone);
+  get slices(): SliceZone;
+  private _activeSlice;
+  set activeSlice(activeSlice: ActiveSlice | null);
+  get activeSlice(): ActiveSlice | null;
+  private _message;
+  set message(message: string);
+  get message(): string;
+  private _mouse;
+  constructor(args?: StateConstructorArgs);
+  init(): Promise<void>;
+  private _setActiveSlice;
+  setActiveSlice: () => void;
+  setSliceZone(slices: SliceZone): void;
 }
-export {};
+//#endregion
+export { State };
+//# sourceMappingURL=State.d.ts.map