@prismicio/simulator 0.1.4 → 0.2.0

package/src/kit/messages.ts

@@ -1,14 +1,14 @@
 const div = (content: string) =>
-	`<div style="word-spacing: initial; white-space: pre; line-height: initial; font-family: monospace; color: #ffffff; mix-blend-mode: difference; padding: 1rem; font-size: 1rem;">${content}</div>`;
+	`<div style="word-spacing: initial; white-space: pre; line-height: initial; font-family: monospace; color: #ffffff; mix-blend-mode: difference; padding: 1rem; font-size: 1rem;">${content}</div>`
 
 const a = (href: string, label?: string) =>
-	`<a href="${href}" style="text-decoration: underline;">${label || href}<a>`;
+	`<a href="${href}" style="text-decoration: underline;">${label || href}<a>`
 
 const header =
-	"   _____ ___          _____ _                 __      __            \n  / ___// (_)_______ / ___/(_)___ ___  __  __/ /___ _/ /_____  _____\n  \\__ \\/ / / ___/ _ \\\\__ \\/ / __ `__ \\/ / / / / __ `/ __/ __ \\/ ___/\n ___/ / / / /__/  __/__/ / / / / / / / /_/ / / /_/ / /_/ /_/ / /    \n/____/_/_/\\___/\\___/____/_/_/ /_/ /_/\\__,_/_/\\__,_/\\__/\\____/_/     \n                  / /_  __  __   / __ \\_____(_)________ ___  (_)____\n                 / __ \\/ / / /  / /_/ / ___/ / ___/ __ `__ \\/ / ___/\n                / /_/ / /_/ /  / ____/ /  / (__  ) / / / / / / /__  \n               /_.___/\\__, /  /_/   /_/  /_/____/_/ /_/ /_/_/\\___/  \n                     /____/\n\n";
+	"   _____ ___          _____ _                 __      __            \n  / ___// (_)_______ / ___/(_)___ ___  __  __/ /___ _/ /_____  _____\n  \\__ \\/ / / ___/ _ \\\\__ \\/ / __ `__ \\/ / / / / __ `/ __/ __ \\/ ___/\n ___/ / / / /__/  __/__/ / / / / / / / /_/ / / /_/ / /_/ /_/ / /    \n/____/_/_/\\___/\\___/____/_/_/ /_/ /_/\\__,_/_/\\__,_/\\__/\\____/_/     \n                  / /_  __  __   / __ \\_____(_)________ ___  (_)____\n                 / __ \\/ / / /  / /_/ / ___/ / ___/ __ `__ \\/ / ___/\n                / /_/ / /_/ /  / ____/ /  / (__  ) / / / / / / /__  \n               /_.___/\\__, /  /_/   /_/  /_/____/_/ /_/ /_/_/\\___/  \n                     /____/\n\n"
 
 const footer =
-	"\n\n\n\n\n\n                                                - The Prismic team";
+	"\n\n\n\n\n\n                                                - The Prismic team"
 
 export const sliceSimulatorAccessedDirectly = div(
 	[
@@ -22,4 +22,4 @@ export const sliceSimulatorAccessedDirectly = div(
 		)}`,
 		footer,
 	].join(""),
-);
+)

package/src/kit/types.ts

@@ -1,8 +1,8 @@
-import type { SliceZone } from "@prismicio/client";
+import type { SliceZone } from "@prismicio/client"
 
-import type { ActiveSlice } from "../types";
+import type { ActiveSlice } from "../types"
 
-import type { SimulatorManager } from "./SimulatorManager";
+import type { SimulatorManager } from "./SimulatorManager"
 
 export enum StateEventType {
 	Slices = "slices",
@@ -11,20 +11,20 @@ export enum StateEventType {
 }
 
 export type StateEvents = {
-	[StateEventType.Slices]: SliceZone;
-	[StateEventType.ActiveSlice]: ActiveSlice | null;
-	[StateEventType.Message]: string;
-};
+	[StateEventType.Slices]: SliceZone
+	[StateEventType.ActiveSlice]: ActiveSlice | null
+	[StateEventType.Message]: string
+}
 
 export interface SliceSimulatorProps {
-	zIndex?: number;
-	background?: string;
+	zIndex?: number
+	background?: string
 }
 
 export interface SliceSimulatorState {
-	manager: SimulatorManager;
-	slices: SliceZone;
-	message: string;
+	manager: SimulatorManager
+	slices: SliceZone
+	message: string
 }
 
-export type SliceSimulatorOptions = SliceSimulatorProps & SliceSimulatorState;
+export type SliceSimulatorOptions = SliceSimulatorProps & SliceSimulatorState

package/src/lib/EventEmitter.ts

@@ -1,13 +1,13 @@
-export type Listener<T> = (event: T) => void;
+export type Listener<T> = (event: T) => void
 
 export type EventMap = {
-	[K in string]: unknown;
-};
+	[K in string]: unknown
+}
 
 export abstract class EventEmitter<TEventMap = EventMap> {
 	private _listeners: {
-		[K in keyof TEventMap]?: [Listener<TEventMap[K]>, string | null][];
-	} = {};
+		[K in keyof TEventMap]?: [Listener<TEventMap[K]>, string | null][]
+	} = {}
 
 	on<TEventType extends keyof TEventMap>(
 		event: TEventType,
@@ -17,7 +17,7 @@ export abstract class EventEmitter<TEventMap = EventMap> {
 		this._listeners[event] = [
 			...(this._listeners[event] ?? []),
 			[listener, key],
-		];
+		]
 	}
 
 	off<TEventType extends keyof TEventMap>(
@@ -29,13 +29,13 @@ export abstract class EventEmitter<TEventMap = EventMap> {
 				typeof listenerOrKey === "function"
 					? listener !== listenerOrKey
 					: key !== listenerOrKey,
-		);
+		)
 	}
 
 	emit<TEventType extends keyof TEventMap>(
 		event: TEventType,
 		payload: TEventMap[TEventType],
 	): void {
-		(this._listeners[event] ?? []).forEach((listener) => listener[0](payload));
+		;(this._listeners[event] ?? []).forEach((listener) => listener[0](payload))
 	}
 }

package/src/lib/__PRODUCTION__.ts

@@ -1,6 +1,6 @@
 // We need to polyfill process if it doesn't exist, such as in the browser.
 if (typeof process === "undefined") {
-	globalThis.process = { env: {} } as typeof process;
+	globalThis.process = { env: {} } as typeof process
 }
 
 /**
@@ -9,4 +9,4 @@ if (typeof process === "undefined") {
  * This boolean can be used to perform actions only in development environments,
  * such as logging.
  */
-export const __PRODUCTION__ = process.env.NODE_ENV === "production";
+export const __PRODUCTION__ = process.env.NODE_ENV === "production"

package/src/lib/throttle.ts

@@ -3,24 +3,24 @@ export const throttle = <TFn extends (...args: any[]) => any>(
 	fn: TFn,
 	delay = 16,
 ): ((...args: Parameters<TFn>) => void) => {
-	let lastExec = 0;
-	let timer: NodeJS.Timeout | null = null;
+	let lastExec = 0
+	let timer: NodeJS.Timeout | null = null
 
 	return function (this: unknown, ...args: Parameters<TFn>) {
-		const now = Date.now();
-		const delta = now - lastExec;
+		const now = Date.now()
+		const delta = now - lastExec
 
 		if (delta >= delay) {
-			fn.apply(this, args);
-			lastExec = now;
+			fn.apply(this, args)
+			lastExec = now
 		} else {
 			if (timer) {
-				clearTimeout(timer);
+				clearTimeout(timer)
 			}
 			timer = setTimeout(() => {
-				fn.apply(this, args);
-				lastExec = Date.now();
-			}, delay - delta);
+				fn.apply(this, args)
+				lastExec = Date.now()
+			}, delay - delta)
 		}
-	};
-};
+	}
+}

package/src/types.ts

@@ -1,17 +1,17 @@
-import { SliceZone } from "@prismicio/client";
+import type { SliceZone } from "@prismicio/client"
 
-import { RequestMessage, ResponseMessage, Transaction } from "./channel";
+import type { RequestMessage, ResponseMessage, Transaction } from "./channel"
 
 export type ActiveSlice = {
-	rect: DOMRect;
-	sliceID: string;
-	variationID: string;
-	index: number;
-};
+	rect: DOMRect
+	sliceID: string
+	variationID: string
+	index: number
+}
 
 export type SliceZoneSize = {
-	rect: DOMRect;
-};
+	rect: DOMRect
+}
 
 export enum APIRequestType {
 	SetActiveSlice = "setActiveSlice",
@@ -21,11 +21,11 @@ export enum APIRequestType {
 export type APITransactions = {
 	[APIRequestType.SetActiveSlice]: Transaction<
 		RequestMessage<APIRequestType.SetActiveSlice, ActiveSlice | null>
-	>;
+	>
 	[APIRequestType.SetSliceZoneSize]: Transaction<
 		RequestMessage<APIRequestType.SetSliceZoneSize, SliceZoneSize>
-	>;
-};
+	>
+}
 
 export enum ClientRequestType {
 	Ping = "ping",
@@ -37,21 +37,21 @@ export type ClientTransactions = {
 	[ClientRequestType.Ping]: Transaction<
 		RequestMessage<ClientRequestType.Ping>,
 		ResponseMessage<"pong">
-	>;
+	>
 
 	[ClientRequestType.SetSliceZone]: Transaction<
 		RequestMessage<ClientRequestType.SetSliceZone, SliceZone>
-	>;
+	>
 
 	[ClientRequestType.ScrollToSlice]: Transaction<
 		RequestMessage<
 			ClientRequestType.ScrollToSlice,
 			{
-				sliceIndex: number;
-				behavior?: "auto" | "smooth";
-				block?: "start" | "center" | "end" | "nearest";
-				inline?: "start" | "center" | "end" | "nearest";
+				sliceIndex: number
+				behavior?: "auto" | "smooth"
+				block?: "start" | "center" | "end" | "nearest"
+				inline?: "start" | "center" | "end" | "nearest"
 			}
 		>
-	>;
-};
+	>
+}

package/dist/channel/index.d.ts

@@ -1,10 +0,0 @@
-export { ChannelNetwork, channelNetworkDefaultOptions } from "./ChannelNetwork";
-export type { PostRequestOptions, ChannelNetworkOptions, } from "./ChannelNetwork";
-export { ChannelEmitter, channelEmitterDefaultOptions } from "./ChannelEmitter";
-export type { ChannelEmitterOptions, AllChannelEmitterOptions, } from "./ChannelEmitter";
-export { ChannelReceiver, channelReceiverDefaultOptions, } from "./ChannelReceiver";
-export type { ChannelReceiverOptions, AllChannelReceiverOptions, } from "./ChannelReceiver";
-export { createRequestMessage, createSuccessResponseMessage, createErrorResponseMessage, validateMessage, isRequestMessage, isResponseMessage, isSuccessResponseMessage, isErrorResponseMessage, } from "./messages";
-export { ResponseError, ConnectionTimeoutError, TooManyConcurrentRequestsError, RequestTimeoutError, NotReadyError, PortNotSetError, ChannelNotSetError, } from "./errors";
-export { InternalEmitterRequestType, InternalReceiverRequestType, } from "./types";
-export type { RequestMessage, ResponseMessage, ErrorResponseMessage, SuccessResponseMessage, ExtractSuccessResponseMessage, ExtractErrorResponseMessage, UnknownRequestMessage, UnknownSuccessResponseMessage, UnknownErrorResponseMessage, UnknownResponseMessage, UnknownMessage, Transaction, TransactionMethod, TransactionHandler, TransactionsMethods, TransactionsHandlers, UnknownTransaction, UnknownTransactionMethod, UnknownTransactionHandler, InternalEmitterTransactions, InternalReceiverTransactions, } from "./types";

package/dist/index.cjs.map

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

package/dist/index.js.map

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

package/dist/kit/index.d.ts

@@ -1,8 +0,0 @@
-export { SimulatorManager } from "./SimulatorManager";
-export { State } from "./State";
-export { getDefaultProps, getDefaultSlices, getDefaultMessage, } from "./getDefault";
-export { simulatorClass, simulatorRootClass, getSliceZoneDOM, getActiveSliceDOM, } from "./domHelpers";
-export { disableEventHandler, onClickHandler } from "./eventHandlers";
-export { sliceSimulatorAccessedDirectly } from "./messages";
-export { StateEventType } from "./types";
-export type { StateEvents, SliceSimulatorProps, SliceSimulatorState, SliceSimulatorOptions, } from "./types";

package/dist/kit.cjs.map

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

package/dist/kit.js.map

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

package/dist/lib/__PRODUCTION__.d.ts

@@ -1,7 +0,0 @@
-/**
- * `true` if in the production environment, `false` otherwise.
- *
- * This boolean can be used to perform actions only in development environments,
- * such as logging.
- */
-export declare const __PRODUCTION__: boolean;

package/dist/lib/throttle.d.ts

@@ -1 +0,0 @@
-export declare const throttle: <TFn extends (...args: any[]) => any>(fn: TFn, delay?: number) => (...args: Parameters<TFn>) => void;