@prismicio/simulator 0.2.0 → 0.2.1-pr.24.39c33eb

package/src/channel/types.ts

@@ -27,13 +27,15 @@ export type ResponseMessage<TData = void, TError = unknown> =
 	| SuccessResponseMessage<TData>
 	| ErrorResponseMessage<TError>
 
-export type ExtractSuccessResponseMessage<
-	TResponse extends UnknownResponseMessage,
-> = Extract<TResponse, { error?: never }>
+export type ExtractSuccessResponseMessage<TResponse extends UnknownResponseMessage> = Extract<
+	TResponse,
+	{ error?: never }
+>
 
-export type ExtractErrorResponseMessage<
-	TResponse extends UnknownResponseMessage,
-> = Extract<TResponse, { data?: never }>
+export type ExtractErrorResponseMessage<TResponse extends UnknownResponseMessage> = Extract<
+	TResponse,
+	{ data?: never }
+>
 
 // Unknown messages
 export type UnknownRequestMessage = RequestMessage<string, unknown>
@@ -42,9 +44,7 @@ export type UnknownSuccessResponseMessage = SuccessResponseMessage<unknown>
 
 export type UnknownErrorResponseMessage = ErrorResponseMessage<unknown>
 
-export type UnknownResponseMessage =
-	| UnknownSuccessResponseMessage
-	| UnknownErrorResponseMessage
+export type UnknownResponseMessage = UnknownSuccessResponseMessage | UnknownErrorResponseMessage
 
 export type UnknownMessage = UnknownRequestMessage | UnknownResponseMessage
 
@@ -58,19 +58,13 @@ export type Transaction<
 }
 
 export type TransactionMethod<
-	TTransaction extends Transaction<
-		UnknownRequestMessage,
-		UnknownResponseMessage
-	>,
+	TTransaction extends Transaction<UnknownRequestMessage, UnknownResponseMessage>,
 > = (
 	data: TTransaction["request"]["data"],
 ) => Promise<ExtractSuccessResponseMessage<TTransaction["response"]>>
 
 export type TransactionHandler<
-	TTransaction extends Transaction<
-		UnknownRequestMessage,
-		UnknownResponseMessage
-	>,
+	TTransaction extends Transaction<UnknownRequestMessage, UnknownResponseMessage>,
 > = (
 	request: TTransaction["request"],
 	response: {
@@ -85,23 +79,16 @@ export type TransactionHandler<
 	},
 ) => Promise<TTransaction["response"]> | TTransaction["response"]
 
-export type TransactionsMethods<
-	TTransactions extends Record<string, UnknownTransaction>,
-> = {
+export type TransactionsMethods<TTransactions extends Record<string, UnknownTransaction>> = {
 	[Key in keyof TTransactions]: TransactionMethod<TTransactions[Key]>
 }
 
-export type TransactionsHandlers<
-	TTransactions extends Record<string, UnknownTransaction>,
-> = {
+export type TransactionsHandlers<TTransactions extends Record<string, UnknownTransaction>> = {
 	[Key in keyof TTransactions]: TransactionHandler<TTransactions[Key]>
 }
 
 // Unknown transactions
-export type UnknownTransaction = Transaction<
-	UnknownRequestMessage,
-	UnknownResponseMessage
->
+export type UnknownTransaction = Transaction<UnknownRequestMessage, UnknownResponseMessage>
 
 export type UnknownTransactionMethod = TransactionMethod<UnknownTransaction>
 
@@ -118,10 +105,7 @@ export type InternalEmitterTransactions<
 	[InternalEmitterRequestType.Connect]: Transaction<
 		RequestMessage<
 			InternalEmitterRequestType.Connect,
-			| Partial<
-					Omit<TReceiverOptions, "debug" | "requestIDPrefix" | "readyTimeout">
-			  >
-			| undefined
+			Partial<Omit<TReceiverOptions, "debug" | "requestIDPrefix" | "readyTimeout">> | undefined
 		>
 	>
 }

package/src/index.ts

@@ -1,7 +1,4 @@
-export {
-	SimulatorClient,
-	simulatorClientDefaultOptions,
-} from "./SimulatorClient"
+export { SimulatorClient, simulatorClientDefaultOptions } from "./SimulatorClient"
 
 export { SimulatorAPI, simulatorAPIDefaultOptions } from "./SimulatorAPI"
 export type { SimulatorAPIOptions } from "./SimulatorAPI"
@@ -32,11 +29,6 @@ export type {
 } from "./channel"
 
 export { APIRequestType, ClientRequestType } from "./types"
-export type {
-	ActiveSlice,
-	SliceZoneSize,
-	APITransactions,
-	ClientTransactions,
-} from "./types"
+export type { ActiveSlice, SliceZoneSize, APITransactions, ClientTransactions } from "./types"
 
 export * from "./globalExtensions"

package/src/kit/SimulatorManager.ts

@@ -1,20 +1,13 @@
 import type { SliceZone } from "@prismicio/client"
 
+import { ResponseError } from "../channel"
 import { throttle } from "../lib/throttle"
-
-import { ClientRequestType } from "../types"
-import { StateEventType } from "./types"
-
 import { SimulatorAPI } from "../SimulatorAPI"
-import { ResponseError } from "../channel"
-
-import { State } from "./State"
-import {
-	getSimulatorDOM,
-	getSimulatorRootDOM,
-	getSliceZoneDOM,
-} from "./domHelpers"
+import { ClientRequestType } from "../types"
+import { getSimulatorDOM, getSimulatorRootDOM, getSliceZoneDOM } from "./domHelpers"
 import { sliceSimulatorAccessedDirectly } from "./messages"
+import { State } from "./State"
+import { StateEventType } from "./types"
 
 type ManagerConstructorArgs = {
 	slices?: SliceZone
@@ -142,10 +135,7 @@ export class SimulatorManager {
 						await this._api.setActiveSlice(activeSlice)
 					} catch (error) {
 						// Just log bad requests, throw everything else
-						if (
-							error instanceof ResponseError &&
-							error.response.status === 400
-						) {
+						if (error instanceof ResponseError && error.response.status === 400) {
 							console.error(error.response)
 						} else {
 							throw error
@@ -166,10 +156,7 @@ export class SimulatorManager {
 							await this._api.setSliceZoneSize({ rect: entry.contentRect })
 						} catch (error) {
 							// Just log bad requests, throw everything else
-							if (
-								error instanceof ResponseError &&
-								error.response.status === 400
-							) {
+							if (error instanceof ResponseError && error.response.status === 400) {
 								console.error(error.response)
 							} else {
 								throw error

package/src/kit/State.ts

@@ -1,15 +1,13 @@
 import type { SharedSlice, SliceZone } from "@prismicio/client"
 
-import { EventEmitter } from "../lib/EventEmitter"
 import { __PRODUCTION__ } from "../lib/__PRODUCTION__"
+import { EventEmitter } from "../lib/EventEmitter"
 import { throttle } from "../lib/throttle"
-
 import type { ActiveSlice } from "../types"
-import type { StateEvents } from "./types";
-import { StateEventType } from "./types"
-
 import { getActiveSliceDOM, getSliceZoneDOM } from "./domHelpers"
 import { getDefaultSlices } from "./getDefault"
+import type { StateEvents } from "./types"
+import { StateEventType } from "./types"
 
 type StateConstructorArgs = {
 	slices?: SliceZone
@@ -92,10 +90,7 @@ export class State extends EventEmitter<StateEvents> {
 			return
 		}
 
-		const activeSliceIndex = Array.prototype.indexOf.call(
-			$sliceZone.children,
-			$activeSlice,
-		)
+		const activeSliceIndex = Array.prototype.indexOf.call($sliceZone.children, $activeSlice)
 
 		// Active slice has been found
 		this.activeSlice = {

package/src/kit/domHelpers.ts

@@ -9,9 +9,7 @@ export const getSimulatorRootDOM = (): Element | null => {
 	return document.querySelector(`.${simulatorRootClass}`)
 }
 
-export const getSliceZoneDOM = (
-	expectedNumberOfChildren: number,
-): Element | null => {
+export const getSliceZoneDOM = (expectedNumberOfChildren: number): Element | null => {
 	// If SliceZone has been tagged (#5)
 	let node = document.querySelector(`.${simulatorClass} [data-slice-zone]`)
 	if (node) {

package/src/kit/eventHandlers.ts

@@ -3,13 +3,8 @@ export const disableEventHandler = (event: Event): void => {
 	event.stopPropagation()
 }
 
-export const onClickHandler = (
-	event: MouseEvent & { path?: HTMLElement[] },
-): void => {
-	if (
-		event.path &&
-		event.path.slice(0, 5).some((el) => el instanceof HTMLAnchorElement)
-	) {
+export const onClickHandler = (event: MouseEvent & { path?: HTMLElement[] }): void => {
+	if (event.path && event.path.slice(0, 5).some((el) => el instanceof HTMLAnchorElement)) {
 		event.preventDefault()
 		event.stopPropagation()
 	}

package/src/kit/index.ts

@@ -3,11 +3,7 @@ export { SimulatorManager } from "./SimulatorManager"
 export { State } from "./State"
 
 // Defaults
-export {
-	getDefaultProps,
-	getDefaultSlices,
-	getDefaultMessage,
-} from "./getDefault"
+export { getDefaultProps, getDefaultSlices, getDefaultMessage } from "./getDefault"
 
 // DOM helpers
 export {

package/src/kit/messages.ts

@@ -7,8 +7,7 @@ const a = (href: string, label?: string) =>
 const header =
 	"   _____ ___          _____ _                 __      __            \n  / ___// (_)_______ / ___/(_)___ ___  __  __/ /___ _/ /_____  _____\n  \\__ \\/ / / ___/ _ \\\\__ \\/ / __ `__ \\/ / / / / __ `/ __/ __ \\/ ___/\n ___/ / / / /__/  __/__/ / / / / / / / /_/ / / /_/ / /_/ /_/ / /    \n/____/_/_/\\___/\\___/____/_/_/ /_/ /_/\\__,_/_/\\__,_/\\__/\\____/_/     \n                  / /_  __  __   / __ \\_____(_)________ ___  (_)____\n                 / __ \\/ / / /  / /_/ / ___/ / ___/ __ `__ \\/ / ___/\n                / /_/ / /_/ /  / ____/ /  / (__  ) / / / / / / /__  \n               /_.___/\\__, /  /_/   /_/  /_/____/_/ /_/ /_/_/\\___/  \n                     /____/\n\n"
 
-const footer =
-	"\n\n\n\n\n\n                                                - The Prismic team"
+const footer = "\n\n\n\n\n\n                                                - The Prismic team"
 
 export const sliceSimulatorAccessedDirectly = div(
 	[

package/src/kit/types.ts

@@ -1,7 +1,6 @@
 import type { SliceZone } from "@prismicio/client"
 
 import type { ActiveSlice } from "../types"
-
 import type { SimulatorManager } from "./SimulatorManager"
 
 export enum StateEventType {

package/src/lib/EventEmitter.ts

@@ -14,21 +14,15 @@ export abstract class EventEmitter<TEventMap = EventMap> {
 		listener: Listener<TEventMap[TEventType]>,
 		key: string | null = null,
 	): void {
-		this._listeners[event] = [
-			...(this._listeners[event] ?? []),
-			[listener, key],
-		]
+		this._listeners[event] = [...(this._listeners[event] ?? []), [listener, key]]
 	}
 
 	off<TEventType extends keyof TEventMap>(
 		event: TEventType,
 		listenerOrKey: Listener<TEventMap[TEventType]> | string,
 	): void {
-		this._listeners[event] = (this._listeners[event] ?? []).filter(
-			([listener, key]) =>
-				typeof listenerOrKey === "function"
-					? listener !== listenerOrKey
-					: key !== listenerOrKey,
+		this._listeners[event] = (this._listeners[event] ?? []).filter(([listener, key]) =>
+			typeof listenerOrKey === "function" ? listener !== listenerOrKey : key !== listenerOrKey,
 		)
 	}
 

package/src/lib/__PRODUCTION__.ts

@@ -6,7 +6,6 @@ if (typeof process === "undefined") {
 /**
  * `true` if in the production environment, `false` otherwise.
  *
- * This boolean can be used to perform actions only in development environments,
- * such as logging.
+ * This boolean can be used to perform actions only in development environments, such as logging.
  */
 export const __PRODUCTION__ = process.env.NODE_ENV === "production"