@prismicio/simulator 0.1.0

package/dist/channel/types.d.ts

@@ -0,0 +1,61 @@
+export type MessageBase = {
+    requestID: string;
+};
+export type RequestMessage<TType extends string = string, TData = void> = {
+    type: TType;
+    data: TData;
+} & MessageBase;
+export type ResponseMessageBase = {
+    status: number;
+    msg: string;
+} & MessageBase;
+export type SuccessResponseMessage<TData = void> = {
+    data: TData;
+    error?: never;
+} & ResponseMessageBase;
+export type ErrorResponseMessage<TError = unknown> = {
+    data?: never;
+    error: unknown | TError;
+} & ResponseMessageBase;
+export type ResponseMessage<TData = void, TError = unknown> = SuccessResponseMessage<TData> | ErrorResponseMessage<TError>;
+export type ExtractSuccessResponseMessage<TResponse extends UnknownResponseMessage> = Extract<TResponse, {
+    error?: never;
+}>;
+export type ExtractErrorResponseMessage<TResponse extends UnknownResponseMessage> = Extract<TResponse, {
+    data?: never;
+}>;
+export type UnknownRequestMessage = RequestMessage<string, unknown>;
+export type UnknownSuccessResponseMessage = SuccessResponseMessage<unknown>;
+export type UnknownErrorResponseMessage = ErrorResponseMessage<unknown>;
+export type UnknownResponseMessage = UnknownSuccessResponseMessage | UnknownErrorResponseMessage;
+export type UnknownMessage = UnknownRequestMessage | UnknownResponseMessage;
+export type Transaction<TRequest extends UnknownRequestMessage, TResponse extends UnknownResponseMessage = ResponseMessage<void>> = {
+    request: TRequest;
+    response: TResponse;
+};
+export type TransactionMethod<TTransaction extends Transaction<UnknownRequestMessage, UnknownResponseMessage>> = (data: TTransaction["request"]["data"]) => Promise<ExtractSuccessResponseMessage<TTransaction["response"]>>;
+export type TransactionHandler<TTransaction extends Transaction<UnknownRequestMessage, UnknownResponseMessage>> = (request: TTransaction["request"], response: {
+    success: (data: ExtractSuccessResponseMessage<TTransaction["response"]>["data"], status?: number) => ExtractSuccessResponseMessage<TTransaction["response"]>;
+    error: (error: ExtractErrorResponseMessage<TTransaction["response"]>["error"], status?: number) => ExtractErrorResponseMessage<TTransaction["response"]>;
+}) => Promise<TTransaction["response"]> | TTransaction["response"];
+export type TransactionsMethods<TTransactions extends Record<string, UnknownTransaction>> = {
+    [Key in keyof TTransactions]: TransactionMethod<TTransactions[Key]>;
+};
+export type TransactionsHandlers<TTransactions extends Record<string, UnknownTransaction>> = {
+    [Key in keyof TTransactions]: TransactionHandler<TTransactions[Key]>;
+};
+export type UnknownTransaction = Transaction<UnknownRequestMessage, UnknownResponseMessage>;
+export type UnknownTransactionMethod = TransactionMethod<UnknownTransaction>;
+export type UnknownTransactionHandler = TransactionHandler<UnknownTransaction>;
+export declare enum InternalEmitterRequestType {
+    Connect = "connect"
+}
+export type InternalEmitterTransactions<TReceiverOptions extends Record<string, unknown> = Record<string, unknown>> = {
+    [InternalEmitterRequestType.Connect]: Transaction<RequestMessage<InternalEmitterRequestType.Connect, Partial<Omit<TReceiverOptions, "debug" | "requestIDPrefix" | "readyTimeout">> | undefined>>;
+};
+export declare enum InternalReceiverRequestType {
+    Ready = "ready"
+}
+export type InternalReceiverTransactions = {
+    [InternalReceiverRequestType.Ready]: Transaction<RequestMessage<InternalReceiverRequestType.Ready>>;
+};

package/dist/channel/types.js

@@ -0,0 +1,13 @@
+var InternalEmitterRequestType;
+(function(InternalEmitterRequestType2) {
+  InternalEmitterRequestType2["Connect"] = "connect";
+})(InternalEmitterRequestType || (InternalEmitterRequestType = {}));
+var InternalReceiverRequestType;
+(function(InternalReceiverRequestType2) {
+  InternalReceiverRequestType2["Ready"] = "ready";
+})(InternalReceiverRequestType || (InternalReceiverRequestType = {}));
+export {
+  InternalEmitterRequestType,
+  InternalReceiverRequestType
+};
+//# sourceMappingURL=types.js.map

package/dist/channel/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/channel/types.ts"],"sourcesContent":["// Messages\nexport type MessageBase = {\n\trequestID: string;\n};\n\nexport type RequestMessage<TType extends string = string, TData = void> = {\n\ttype: TType;\n\tdata: TData;\n} & MessageBase;\n\nexport type ResponseMessageBase = {\n\tstatus: number;\n\tmsg: string;\n} & MessageBase;\n\nexport type SuccessResponseMessage<TData = void> = {\n\tdata: TData;\n\terror?: never;\n} & ResponseMessageBase;\n\nexport type ErrorResponseMessage<TError = unknown> = {\n\tdata?: never;\n\terror: unknown | TError;\n} & ResponseMessageBase;\n\nexport type ResponseMessage<TData = void, TError = unknown> =\n\t| SuccessResponseMessage<TData>\n\t| ErrorResponseMessage<TError>;\n\nexport type ExtractSuccessResponseMessage<\n\tTResponse extends UnknownResponseMessage,\n> = Extract<TResponse, { error?: never }>;\n\nexport type ExtractErrorResponseMessage<\n\tTResponse extends UnknownResponseMessage,\n> = Extract<TResponse, { data?: never }>;\n\n// Unknown messages\nexport type UnknownRequestMessage = RequestMessage<string, unknown>;\n\nexport type UnknownSuccessResponseMessage = SuccessResponseMessage<unknown>;\n\nexport type UnknownErrorResponseMessage = ErrorResponseMessage<unknown>;\n\nexport type UnknownResponseMessage =\n\t| UnknownSuccessResponseMessage\n\t| UnknownErrorResponseMessage;\n\nexport type UnknownMessage = UnknownRequestMessage | UnknownResponseMessage;\n\n// Transactions\nexport type Transaction<\n\tTRequest extends UnknownRequestMessage,\n\tTResponse extends UnknownResponseMessage = ResponseMessage<void>,\n> = {\n\trequest: TRequest;\n\tresponse: TResponse;\n};\n\nexport type TransactionMethod<\n\tTTransaction extends Transaction<\n\t\tUnknownRequestMessage,\n\t\tUnknownResponseMessage\n\t>,\n> = (\n\tdata: TTransaction[\"request\"][\"data\"],\n) => Promise<ExtractSuccessResponseMessage<TTransaction[\"response\"]>>;\n\nexport type TransactionHandler<\n\tTTransaction extends Transaction<\n\t\tUnknownRequestMessage,\n\t\tUnknownResponseMessage\n\t>,\n> = (\n\trequest: TTransaction[\"request\"],\n\tresponse: {\n\t\tsuccess: (\n\t\t\tdata: ExtractSuccessResponseMessage<TTransaction[\"response\"]>[\"data\"],\n\t\t\tstatus?: number,\n\t\t) => ExtractSuccessResponseMessage<TTransaction[\"response\"]>;\n\t\terror: (\n\t\t\terror: ExtractErrorResponseMessage<TTransaction[\"response\"]>[\"error\"],\n\t\t\tstatus?: number,\n\t\t) => ExtractErrorResponseMessage<TTransaction[\"response\"]>;\n\t},\n) => Promise<TTransaction[\"response\"]> | TTransaction[\"response\"];\n\nexport type TransactionsMethods<\n\tTTransactions extends Record<string, UnknownTransaction>,\n> = {\n\t[Key in keyof TTransactions]: TransactionMethod<TTransactions[Key]>;\n};\n\nexport type TransactionsHandlers<\n\tTTransactions extends Record<string, UnknownTransaction>,\n> = {\n\t[Key in keyof TTransactions]: TransactionHandler<TTransactions[Key]>;\n};\n\n// Unknown transactions\nexport type UnknownTransaction = Transaction<\n\tUnknownRequestMessage,\n\tUnknownResponseMessage\n>;\n\nexport type UnknownTransactionMethod = TransactionMethod<UnknownTransaction>;\n\nexport type UnknownTransactionHandler = TransactionHandler<UnknownTransaction>;\n\n// Emitter\nexport enum InternalEmitterRequestType {\n\tConnect = \"connect\",\n}\n\nexport type InternalEmitterTransactions<\n\tTReceiverOptions extends Record<string, unknown> = Record<string, unknown>,\n> = {\n\t[InternalEmitterRequestType.Connect]: Transaction<\n\t\tRequestMessage<\n\t\t\tInternalEmitterRequestType.Connect,\n\t\t\t| Partial<\n\t\t\t\t\tOmit<TReceiverOptions, \"debug\" | \"requestIDPrefix\" | \"readyTimeout\">\n\t\t\t  >\n\t\t\t| undefined\n\t\t>\n\t>;\n};\n\n// Receiver\nexport enum InternalReceiverRequestType {\n\tReady = \"ready\",\n}\n\nexport type InternalReceiverTransactions = {\n\t[InternalReceiverRequestType.Ready]: Transaction<\n\t\tRequestMessage<InternalReceiverRequestType.Ready>\n\t>;\n};\n"],"names":["InternalEmitterRequestType","InternalReceiverRequestType"],"mappings":"AA8GY,IAAA;AAAA,CAAZ,SAAYA,6BAA0B;AACrCA,8BAAA,SAAA,IAAA;AACD,GAFY,+BAAA,6BAEX,CAAA,EAAA;AAiBW,IAAA;AAAA,CAAZ,SAAYC,8BAA2B;AACtCA,+BAAA,OAAA,IAAA;AACD,GAFY,gCAAA,8BAEX,CAAA,EAAA;"}

package/dist/index.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const SimulatorClient = require("./SimulatorClient.cjs");
+const SimulatorAPI = require("./SimulatorAPI.cjs");
+const errors = require("./channel/errors.cjs");
+const messages = require("./channel/messages.cjs");
+require("./channel/types.cjs");
+const types = require("./types.cjs");
+exports.SimulatorClient = SimulatorClient.SimulatorClient;
+exports.simulatorClientDefaultOptions = SimulatorClient.simulatorClientDefaultOptions;
+exports.SimulatorAPI = SimulatorAPI.SimulatorAPI;
+exports.simulatorAPIDefaultOptions = SimulatorAPI.simulatorAPIDefaultOptions;
+exports.ChannelNotSetError = errors.ChannelNotSetError;
+exports.ConnectionTimeoutError = errors.ConnectionTimeoutError;
+exports.NotReadyError = errors.NotReadyError;
+exports.PortNotSetError = errors.PortNotSetError;
+exports.RequestTimeoutError = errors.RequestTimeoutError;
+exports.ResponseError = errors.ResponseError;
+exports.TooManyConcurrentRequestsError = errors.TooManyConcurrentRequestsError;
+exports.isErrorResponseMessage = messages.isErrorResponseMessage;
+exports.isRequestMessage = messages.isRequestMessage;
+exports.isResponseMessage = messages.isResponseMessage;
+exports.isSuccessResponseMessage = messages.isSuccessResponseMessage;
+exports.validateMessage = messages.validateMessage;
+Object.defineProperty(exports, "APIRequestType", {
+  enumerable: true,
+  get: () => types.APIRequestType
+});
+Object.defineProperty(exports, "ClientRequestType", {
+  enumerable: true,
+  get: () => types.ClientRequestType
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { SimulatorClient, simulatorClientDefaultOptions, } from "./SimulatorClient";
+export { SimulatorAPI, simulatorAPIDefaultOptions } from "./SimulatorAPI";
+export type { SimulatorAPIOptions } from "./SimulatorAPI";
+export { validateMessage, isRequestMessage, isResponseMessage, isSuccessResponseMessage, isErrorResponseMessage, ResponseError, ConnectionTimeoutError, TooManyConcurrentRequestsError, RequestTimeoutError, NotReadyError, PortNotSetError, ChannelNotSetError, } from "./channel";
+export type { RequestMessage, ResponseMessage, ErrorResponseMessage, SuccessResponseMessage, AllChannelEmitterOptions, AllChannelReceiverOptions, } from "./channel";
+export { APIRequestType, ClientRequestType } from "./types";
+export type { ActiveSlice, VariationSummary, SliceSummary, LibrarySummary, APITransactions, ClientTransactions, } from "./types";

package/dist/index.js

@@ -0,0 +1,27 @@
+import { SimulatorClient, simulatorClientDefaultOptions } from "./SimulatorClient.js";
+import { SimulatorAPI, simulatorAPIDefaultOptions } from "./SimulatorAPI.js";
+import { ChannelNotSetError, ConnectionTimeoutError, NotReadyError, PortNotSetError, RequestTimeoutError, ResponseError, TooManyConcurrentRequestsError } from "./channel/errors.js";
+import { isErrorResponseMessage, isRequestMessage, isResponseMessage, isSuccessResponseMessage, validateMessage } from "./channel/messages.js";
+import "./channel/types.js";
+import { APIRequestType, ClientRequestType } from "./types.js";
+export {
+  APIRequestType,
+  ChannelNotSetError,
+  ClientRequestType,
+  ConnectionTimeoutError,
+  NotReadyError,
+  PortNotSetError,
+  RequestTimeoutError,
+  ResponseError,
+  SimulatorAPI,
+  SimulatorClient,
+  TooManyConcurrentRequestsError,
+  isErrorResponseMessage,
+  isRequestMessage,
+  isResponseMessage,
+  isSuccessResponseMessage,
+  simulatorAPIDefaultOptions,
+  simulatorClientDefaultOptions,
+  validateMessage
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/kit/SimulatorManager.cjs

@@ -0,0 +1,140 @@
+"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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const throttle = require("../lib/throttle.cjs");
+const types = require("../types.cjs");
+const types$1 = require("./types.cjs");
+const SimulatorAPI = require("../SimulatorAPI.cjs");
+const errors = require("../channel/errors.cjs");
+require("statuses");
+require("../channel/types.cjs");
+const State = require("./State.cjs");
+const domHelpers = require("./domHelpers.cjs");
+const messages = require("./messages.cjs");
+class SimulatorManager {
+  constructor(args) {
+    __publicField(this, "state");
+    __publicField(this, "_api");
+    __publicField(this, "_initialized");
+    this.state = new State.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 = messages.sliceSimulatorAccessedDirectly;
+      }
+      console.error(error);
+      return;
+    }
+    this._initListeners();
+  }
+  async _initAPI() {
+    this._api = new SimulatorAPI.SimulatorAPI({
+      [types.ClientRequestType.SetSliceZone]: (req, res) => {
+        this.state.setSliceZone(req.data);
+        return res.success();
+      },
+      [types.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 = domHelpers.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", () => {
+        var _a2;
+        ((_a2 = this._api) == null ? void 0 : _a2.options.activeSliceAPI) && setTimeout(this.state.setActiveSlice, 200);
+      });
+      this.state.on(types$1.StateEventType.Slices, () => {
+        this.state.setActiveSlice();
+      });
+      this.state.on(types$1.StateEventType.ActiveSlice, async (activeSlice) => {
+        if (this._api) {
+          try {
+            await this._api.setActiveSlice(activeSlice);
+          } catch (error) {
+            if (error instanceof errors.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.throttle(async (entries) => {
+        const [entry] = entries;
+        if (this._api && entry) {
+          try {
+            await this._api.setSliceZoneSize({ rect: entry.contentRect });
+          } catch (error) {
+            if (error instanceof errors.ResponseError && error.response.status === 400) {
+              console.error(error.response);
+            } else {
+              throw error;
+            }
+          }
+        }
+      }, 16));
+      const observeSimulatorRoot = () => {
+        const simulatorRootDOM = domHelpers.getSimulatorRootDOM();
+        if (simulatorRootDOM) {
+          resizeObserver.disconnect();
+          resizeObserver.observe(simulatorRootDOM);
+        }
+      };
+      const mutationObserver = new MutationObserver(observeSimulatorRoot);
+      mutationObserver.observe(domHelpers.getSimulatorDOM(), {
+        subtree: false,
+        childList: true
+      });
+    }
+  }
+}
+exports.SimulatorManager = SimulatorManager;
+//# sourceMappingURL=SimulatorManager.cjs.map

package/dist/kit/SimulatorManager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimulatorManager.cjs","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\tthis._api?.options.activeSliceAPI &&\n\t\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\tif (simulatorRootDOM) {\n\t\t\t\t\tresizeObserver.disconnect();\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":["State","sliceSimulatorAccessedDirectly","SimulatorAPI","ClientRequestType","getSliceZoneDOM","_a","StateEventType","ResponseError","throttle","getSimulatorRootDOM","getSimulatorDOM"],"mappings":"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"}

package/dist/kit/SimulatorManager.d.ts

@@ -0,0 +1,15 @@
+import type { SliceZone } from "@prismicio/client";
+import { State } from "./State";
+type ManagerConstructorArgs = {
+    slices?: SliceZone;
+};
+export declare class SimulatorManager {
+    state: State;
+    private _api;
+    private _initialized;
+    constructor(args?: ManagerConstructorArgs);
+    init(): Promise<void>;
+    private _initAPI;
+    private _initListeners;
+}
+export {};

package/dist/kit/SimulatorManager.js

@@ -0,0 +1,140 @@
+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 { 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", () => {
+        var _a2;
+        ((_a2 = this._api) == null ? void 0 : _a2.options.activeSliceAPI) && 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();
+        if (simulatorRootDOM) {
+          resizeObserver.disconnect();
+          resizeObserver.observe(simulatorRootDOM);
+        }
+      };
+      const mutationObserver = new MutationObserver(observeSimulatorRoot);
+      mutationObserver.observe(getSimulatorDOM(), {
+        subtree: false,
+        childList: true
+      });
+    }
+  }
+}
+export {
+  SimulatorManager
+};
+//# sourceMappingURL=SimulatorManager.js.map

package/dist/kit/SimulatorManager.js.map

@@ -0,0 +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\tthis._api?.options.activeSliceAPI &&\n\t\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\tif (simulatorRootDOM) {\n\t\t\t\t\tresizeObserver.disconnect();\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":["_a"],"mappings":";;;;;;;;;;;;;;;;MAsBa,iBAAgB;AAAA,EAK5B,YAAY,MAA6B;AAJlC;AACC;AACA;AAGF,SAAA,QAAQ,IAAI,MAAM,IAAI;AAC3B,SAAK,OAAO;AACZ,SAAK,eAAe;AAAA,EACrB;AAAA,EAEA,MAAM,OAAI;AACT,QAAI,KAAK,cAAc;AACtB;AAAA,IAAA,OACM;AACN,WAAK,eAAe;AAAA,IACpB;AAGK,UAAA,KAAK,MAAM;AAGb,QAAA;AACH,YAAM,KAAK;aACH;AAEP,UAAA,iBAAiB,SACjB,MAAM,YAAY,qDAClB,CAAC,KAAK,MAAM,OAAO,QAClB;AAED,aAAK,MAAM,UAAU;AAAA,MACrB;AACD,cAAQ,MAAM,KAAK;AAEnB;AAAA,IACA;AAGD,SAAK,eAAc;AAAA,EACpB;AAAA,EAEQ,MAAM,WAAQ;AAEhB,SAAA,OAAO,IAAI,aAAa;AAAA,MAC5B,CAAC,kBAAkB,YAAY,GAAG,CAAC,KAAK,QAAO;AACzC,aAAA,MAAM,aAAa,IAAI,IAAI;AAEhC,eAAO,IAAI;MACZ;AAAA,MACA,CAAC,kBAAkB,aAAa,GAAG,CAAC,KAAK,QAAO;;AAE3C,YAAA,IAAI,KAAK,aAAa,GAAG;AACrB,iBAAA,IAAI,MAAM,4BAA4B,GAAG;AAAA,QAAA,WACtC,IAAI,KAAK,cAAc,KAAK,MAAM,OAAO,QAAQ;AAC3D,iBAAO,IAAI,MACV,4BAA4B,KAAK,MAAM,OAAO,6CAC9C,GAAG;AAAA,QAEJ;AAED,cAAM,aAAa,gBAAgB,KAAK,MAAM,OAAO,MAAM;AAC3D,YAAI,CAAC,YAAY;AACT,iBAAA,IAAI,MAAM,kCAAkC,GAAG;AAAA,QACtD;AAGD,aAAK,MAAM,cAAc;AAEzB,cAAM,SAAS,WAAW,SAAS,IAAI,KAAK,UAAU;AACtD,YAAI,CAAC,QAAQ;AACL,iBAAA,IAAI,MACV,iFACA,GAAG;AAAA,QAEJ;AAGD,eAAO,eAAe;AAAA,UACrB,UAAU,IAAI,KAAK;AAAA,UACnB,OAAO,IAAI,KAAK;AAAA,UAChB,QAAQ,IAAI,KAAK;AAAA,QAAA,CACjB;AAGD,oBAAK,SAAL,mBAAW,QAAQ,mBAClB,WAAW,KAAK,MAAM,gBAAgB,GAAG;AAE1C,eAAO,IAAI;MACZ;AAAA,IAAA,CACA;AAGK,UAAA,KAAK,KAAK;EACjB;AAAA,EAEQ,iBAAc;;AACjB,SAAA,UAAK,SAAL,mBAAW,QAAQ,gBAAgB;AAE/B,aAAA,iBAAiB,aAAa,MAAK;AACzC,aAAK,MAAM;OACX;AAEM,aAAA,iBAAiB,UAAU,MAAK;AACtC,aAAK,MAAM;OACX;AACM,aAAA,iBAAiB,cAAc,MAAK;;AAC1C,UAAAA,MAAA,KAAK,SAAL,gBAAAA,IAAW,QAAQ,mBAClB,WAAW,KAAK,MAAM,gBAAgB,GAAG;AAAA,MAAA,CAC1C;AAGD,WAAK,MAAM,GAAG,eAAe,QAAQ,MAAK;AACzC,aAAK,MAAM;OACX;AAED,WAAK,MAAM,GAAG,eAAe,aAAa,OAAO,gBAAe;AAC/D,YAAI,KAAK,MAAM;AACV,cAAA;AACG,kBAAA,KAAK,KAAK,eAAe,WAAW;AAAA,mBAClC;AAER,gBACC,iBAAiB,iBACjB,MAAM,SAAS,WAAW,KACzB;AACO,sBAAA,MAAM,MAAM,QAAQ;AAAA,YAAA,OACtB;AACA,oBAAA;AAAA,YACN;AAAA,UACD;AAAA,QACD;AAAA,MAAA,CACD;AAAA,IACD;AAEG,SAAA,UAAK,SAAL,mBAAW,QAAQ,kBAAkB;AAExC,YAAM,iBAAiB,IAAI,eAC1B,SAAS,OAAO,YAAW;AACpB,cAAA,CAAC,KAAK,IAAI;AAEZ,YAAA,KAAK,QAAQ,OAAO;AACnB,cAAA;AACH,kBAAM,KAAK,KAAK,iBAAiB,EAAE,MAAM,MAAM,aAAa;AAAA,mBACpD;AAER,gBACC,iBAAiB,iBACjB,MAAM,SAAS,WAAW,KACzB;AACO,sBAAA,MAAM,MAAM,QAAQ;AAAA,YAAA,OACtB;AACA,oBAAA;AAAA,YACN;AAAA,UACD;AAAA,QACD;AAAA,MAAA,GACC,EAAE,CAAC;AAEP,YAAM,uBAAuB,MAAK;AACjC,cAAM,mBAAmB;AACzB,YAAI,kBAAkB;AACrB,yBAAe,WAAU;AACzB,yBAAe,QAAQ,gBAAgB;AAAA,QACvC;AAAA,MAAA;AAII,YAAA,mBAAmB,IAAI,iBAAiB,oBAAoB;AAGjD,uBAAA,QAAQ,mBAAoB;AAAA,QAC5C,SAAS;AAAA,QACT,WAAW;AAAA,MAAA,CACX;AAAA,IACD;AAAA,EACF;AACA;"}

package/dist/kit/State.cjs

@@ -0,0 +1,82 @@
+"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;
+};
+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;
+  }
+}
+exports.State = State;
+//# sourceMappingURL=State.cjs.map

package/dist/kit/State.cjs.map

@@ -0,0 +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 slices 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;;"}

package/dist/kit/State.d.ts

@@ -0,0 +1,25 @@
+import type { SliceZone } from "@prismicio/client";
+import { EventEmitter } from "../lib/EventEmitter";
+import type { ActiveSlice } from "../types";
+import { StateEvents } from "./types";
+type StateConstructorArgs = {
+    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;
+}
+export {};