@prismicio/simulator 0.2.0 → 0.2.1

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"