@prismicio/svelte 2.2.2 → 2.2.3-pr.64.93e3b65

package/dist/PrismicText.svelte

@@ -1,29 +1,25 @@
 <script lang="ts">
-	import type { RichTextField } from "@prismicio/client";
-	import { asText, isFilled } from "@prismicio/client";
-	import { DEV } from "esm-env";
+	import type { RichTextField } from "@prismicio/client"
+	import { asText, isFilled } from "@prismicio/client"
+	import { DEV } from "esm-env"
 
-	import { devMsg } from "./lib/devMsg";
+	import { devMsg } from "./lib/devMsg"
 
 	type Props = {
-		/**
-		 * A Rich Text or Title field from Prismic.
-		 */
-		field: RichTextField;
+		/** A Rich Text or Title field from Prismic. */
+		field: RichTextField
 
-		/**
-		 * The separator used between blocks. Defaults to `\n`.
-		 */
-		separator?: string | undefined;
+		/** The separator used between blocks. Defaults to `\n`. */
+		separator?: string | undefined
 
 		/**
-		 * The string rendered when the field is empty. If a fallback is not given,
-		 * `null` will be rendered.
+		 * The string rendered when the field is empty. If a fallback is not given, `null` will be
+		 * rendered.
 		 */
-		fallback?: string | undefined;
-	};
+		fallback?: string | undefined
+	}
 
-	const { field, separator, fallback, ...restProps }: Props = $props();
+	const { field, separator, fallback, ...restProps }: Props = $props()
 
 	$effect(() => {
 		if (DEV) {
@@ -33,10 +29,10 @@
 						"classname-is-not-a-valid-prop",
 					)}.`,
 					$state.snapshot(field),
-				);
+				)
 			}
 		}
-	});
+	})
 
 	if (DEV) {
 		if (typeof field === "string") {
@@ -44,7 +40,7 @@
 				`[PrismicText] The "field" prop only accepts a Rich Text or Title field's value but was provided a different type of field instead (e.g. a Key Text or Select field). You can resolve this error by rendering the field value inline without <PrismicText>. For more details, see ${devMsg(
 					"prismictext-works-only-with-rich-text-and-title-fields",
 				)}`,
-			);
+			)
 		}
 	}
 </script>

package/dist/PrismicText.svelte.d.ts

@@ -1,16 +1,12 @@
 import type { RichTextField } from "@prismicio/client";
 type Props = {
-    /**
-     * A Rich Text or Title field from Prismic.
-     */
+    /** A Rich Text or Title field from Prismic. */
     field: RichTextField;
-    /**
-     * The separator used between blocks. Defaults to `\n`.
-     */
+    /** The separator used between blocks. Defaults to `\n`. */
     separator?: string | undefined;
     /**
-     * The string rendered when the field is empty. If a fallback is not given,
-     * `null` will be rendered.
+     * The string rendered when the field is empty. If a fallback is not given, `null` will be
+     * rendered.
      */
     fallback?: string | undefined;
 };

package/dist/SliceSimulator.svelte

@@ -9,40 +9,53 @@
 		onClickHandler,
 		simulatorClass,
 		simulatorRootClass,
-	} from "@prismicio/simulator/kit";
+	} from "@prismicio/simulator/kit"
+	import type { Snippet } from "svelte"
+	import type { ClassValue } from "svelte/elements"
 
-	const defaultProps = getDefaultProps();
+	const defaultProps = getDefaultProps()
 
-	export let zIndex = defaultProps.zIndex;
-	export let background = defaultProps.background;
+	type Props = {
+		zIndex?: number
+		background?: string
+		class?: ClassValue
+		children?: Snippet<[{ slices: ReturnType<typeof getDefaultSlices> }]>
+	}
+
+	const {
+		zIndex = defaultProps.zIndex,
+		background = defaultProps.background,
+		class: className,
+		children,
+	}: Props = $props()
 
-	let slices = getDefaultSlices();
-	let message = getDefaultMessage();
+	let slices = $state.raw(getDefaultSlices())
+	let message = $state(getDefaultMessage())
 
 	if (typeof window !== "undefined") {
-		const simulatorManager = new SimulatorManager();
+		const simulatorManager = new SimulatorManager()
 
 		simulatorManager.state.on(
 			StateEventType.Slices,
 			(newSlices) => {
-				slices = newSlices;
+				slices = newSlices
 			},
 			"simulator-slices",
-		);
+		)
 		simulatorManager.state.on(
 			StateEventType.Message,
 			(newMessage) => {
-				message = newMessage;
+				message = newMessage
 			},
 			"simulator-message",
-		);
+		)
 
-		simulatorManager.init();
+		simulatorManager.init()
 	}
 </script>
 
 <div
-	class="{simulatorClass} {$$props.class}"
+	class={[simulatorClass, className]}
 	style="z-index: {zIndex}; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto; background: {background}"
 >
 	{#if message}
@@ -51,15 +64,15 @@
 			{@html message}
 		</article>
 	{:else if slices.length}
-		<!-- svelte-ignore a11y-no-static-element-interactions -->
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
 		<div
 			id="root"
 			class={simulatorRootClass}
-			on:click={onClickHandler}
-			on:submit={disableEventHandler}
-			on:keypress={disableEventHandler}
+			onclick={onClickHandler}
+			onsubmit={disableEventHandler}
+			onkeypress={disableEventHandler}
 		>
-			<slot {slices} />
+			{@render children?.({ slices })}
 		</div>
 	{/if}
 </div>

package/dist/SliceSimulator.svelte.d.ts

@@ -1,35 +1,14 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const SliceSimulator: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    [x: string]: any;
-    zIndex?: number | undefined;
-    background?: string | undefined;
-}, {
-    default: {
-        slices: import("@prismicio/client").SliceZone;
-    };
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {
-        slices: import("@prismicio/client").SliceZone;
-    };
-}, {}, string>;
-type SliceSimulator = InstanceType<typeof SliceSimulator>;
+import { getDefaultSlices } from "@prismicio/simulator/kit";
+import type { Snippet } from "svelte";
+import type { ClassValue } from "svelte/elements";
+type Props = {
+    zIndex?: number;
+    background?: string;
+    class?: ClassValue;
+    children?: Snippet<[{
+        slices: ReturnType<typeof getDefaultSlices>;
+    }]>;
+};
+declare const SliceSimulator: import("svelte").Component<Props, {}, "">;
+type SliceSimulator = ReturnType<typeof SliceSimulator>;
 export default SliceSimulator;

package/dist/SliceZone/SliceZone.svelte

@@ -1,54 +1,49 @@
 <script lang="ts">
-	import type { Component } from "svelte";
+	import type { Component } from "svelte"
 
-	import type { SliceComponentProps, SliceZoneLike } from "../types";
-
-	import TodoComponent from "./TodoComponent.svelte";
+	import type { SliceComponentProps, SliceZoneLike } from "../types"
+	import TodoComponent from "./TodoComponent.svelte"
 
 	type Props = {
-		/**
-		 * An array of Prismic Slices, such as the `slices` property from a Prismic
-		 * document.
-		 */
-		slices?: SliceZoneLike;
+		/** An array of Prismic Slices, such as the `slices` property from a Prismic document. */
+		slices?: SliceZoneLike
 
 		/**
 		 * An object that maps Slice components to their corresponding API IDs.
 		 *
-		 * @example An example map:
+		 * @example
+		 * 	An example map:
 		 *
-		 * ```js
-		 * import BlockQuote from "./BlockQuote.svelte";
-		 * import HeroImage from "./HeroImage.svelte";
+		 * 	```js
+		 * 	import BlockQuote from "./BlockQuote.svelte";
+		 * 	import HeroImage from "./HeroImage.svelte";
 		 *
-		 * const components = {
+		 * 	const components = {
 		 * 	block_quote: BlockQuote,
 		 * 	hero_image: HeroImage,
-		 * };
-		 * ```
+		 * 	};
+		 * 	```
 		 */
 		// eslint-disable-next-line @typescript-eslint/no-explicit-any
-		components?: Record<string, Component<any>>;
+		components?: Record<string, Component<any>>
 
-		/**
-		 * Arbitrary data passed to all Slice components as a `context` prop.
-		 */
+		/** Arbitrary data passed to all Slice components as a `context` prop. */
 		// eslint-disable-next-line @typescript-eslint/no-explicit-any
-		context?: any;
+		context?: any
 
 		/**
-		 * The Svelte component rendered if a component mapping from the
-		 * `components` prop cannot be found.
+		 * The Svelte component rendered if a component mapping from the `components` prop cannot be
+		 * found.
 		 */
-		defaultComponent?: Component<SliceComponentProps> | undefined;
-	};
+		defaultComponent?: Component<SliceComponentProps> | undefined
+	}
 
 	const {
 		slices = [],
 		components = {},
 		context = {},
 		defaultComponent = undefined,
-	}: Props = $props();
+	}: Props = $props()
 </script>
 
 <!--

package/dist/SliceZone/SliceZone.svelte.d.ts

@@ -1,34 +1,30 @@
 import type { Component } from "svelte";
 import type { SliceComponentProps, SliceZoneLike } from "../types";
 type Props = {
-    /**
-     * An array of Prismic Slices, such as the `slices` property from a Prismic
-     * document.
-     */
+    /** An array of Prismic Slices, such as the `slices` property from a Prismic document. */
     slices?: SliceZoneLike;
     /**
      * An object that maps Slice components to their corresponding API IDs.
      *
-     * @example An example map:
+     * @example
+     * 	An example map:
      *
-     * ```js
-     * import BlockQuote from "./BlockQuote.svelte";
-     * import HeroImage from "./HeroImage.svelte";
+     * 	```js
+     * 	import BlockQuote from "./BlockQuote.svelte";
+     * 	import HeroImage from "./HeroImage.svelte";
      *
-     * const components = {
+     * 	const components = {
      * 	block_quote: BlockQuote,
      * 	hero_image: HeroImage,
-     * };
-     * ```
+     * 	};
+     * 	```
      */
     components?: Record<string, Component<any>>;
-    /**
-     * Arbitrary data passed to all Slice components as a `context` prop.
-     */
+    /** Arbitrary data passed to all Slice components as a `context` prop. */
     context?: any;
     /**
-     * The Svelte component rendered if a component mapping from the
-     * `components` prop cannot be found.
+     * The Svelte component rendered if a component mapping from the `components` prop cannot be
+     * found.
      */
     defaultComponent?: Component<SliceComponentProps> | undefined;
 };

package/dist/SliceZone/TodoComponent.svelte

@@ -1,22 +1,22 @@
 <script lang="ts">
-	import { DEV } from "esm-env";
+	import { DEV } from "esm-env"
 
 	type Props = {
-		slice: { slice_type: string } | { type: string };
-	};
+		slice: { slice_type: string } | { type: string }
+	}
 
-	const { slice }: Props = $props();
+	const { slice }: Props = $props()
 
-	const type = $derived("slice_type" in slice ? slice.slice_type : slice.type);
+	const type = $derived("slice_type" in slice ? slice.slice_type : slice.type)
 
 	$effect(() => {
 		if (DEV) {
 			console.warn(
 				`[SliceZone] Could not find a component for Slice type "${type}"`,
 				$state.snapshot(slice),
-			);
+			)
 		}
-	});
+	})
 </script>
 
 {#if DEV}

package/dist/index.d.ts

@@ -7,9 +7,7 @@ export { default as PrismicTable } from "./PrismicTable.svelte";
 export { default as PrismicText } from "./PrismicText.svelte";
 export { default as SliceZone } from "./SliceZone/SliceZone.svelte";
 export { default as SliceSimulator } from "./SliceSimulator.svelte";
-/**
- * @deprecated Replaced with `RichTextComponents`
- */
+/** @deprecated Replaced with `RichTextComponents` */
 export type SvelteRichTextSerializer = RichTextComponents;
 export type { RichTextComponents };
 export type { RichTextComponentProps, SliceComponentProps } from "./types";

package/dist/kit/PrismicPreview.svelte

@@ -1,62 +1,52 @@
 <script lang="ts">
-	import { beforeNavigate, goto, invalidateAll } from "$app/navigation";
-	import { getToolbarSrc } from "@prismicio/client";
-	import { onMount } from "svelte";
+	import { beforeNavigate, goto, refreshAll } from "$app/navigation"
+	import { getToolbarSrc } from "@prismicio/client"
+	import { VERSION } from "@sveltejs/kit"
+	import { onMount } from "svelte"
 
 	type Props = {
 		/**
-		 * The name of your Prismic repository. A Prismic Toolbar will be registered
-		 * using this repository.
+		 * The name of your Prismic repository. A Prismic Toolbar will be registered using this
+		 * repository.
 		 */
-		repositoryName: string;
+		repositoryName: string
 
-		/**
-		 * The route parameter prefixed during preview sessions.
-		 */
-		routePrefix?: string;
+		/** The route parameter prefixed during preview sessions. */
+		routePrefix?: string
 
 		/**
-		 * The name of the preview-specific route parameter prefixed during preview
-		 * sessions.
+		 * The name of the preview-specific route parameter prefixed during preview sessions.
 		 *
-		 * Only set this value if the route parameter's name differs from the
-		 * parameter's value.
+		 * Only set this value if the route parameter's name differs from the parameter's value.
 		 */
-		routePrefixName?: string;
-	};
+		routePrefixName?: string
+	}
 
-	const {
-		repositoryName,
-		routePrefix = "preview",
-		routePrefixName = routePrefix,
-	}: Props = $props();
+	const { repositoryName, routePrefix = "preview", routePrefixName = routePrefix }: Props = $props()
 
-	const toolbarSrc = $derived(getToolbarSrc(repositoryName));
+	const toolbarSrc = $derived(getToolbarSrc(repositoryName))
 
-	/**
-	 * Set to `true` when the next `beforeNavigate()` call should not prefix the
-	 * route.
-	 */
-	let endingPreview = $state(false);
+	/** Set to `true` when the next `beforeNavigate()` call should not prefix the route. */
+	let endingPreview = $state(false)
 
 	// Register Prismic toolbar event handlers to refresh data on content updates.
 	onMount(() => {
-		const controller = new AbortController();
+		const controller = new AbortController()
 
 		window.addEventListener(
 			"prismicPreviewUpdate",
 			(event) => {
-				event.preventDefault();
-				invalidateAll();
+				event.preventDefault()
+				refreshAll()
 			},
 			{ signal: controller.signal },
-		);
+		)
 		window.addEventListener(
 			"prismicPreviewEnd",
 			(event) => {
-				event.preventDefault();
+				event.preventDefault()
 
-				endingPreview = true;
+				endingPreview = true
 
 				goto(
 					new URL(
@@ -66,19 +56,19 @@
 						),
 						window.location.origin,
 					),
-					{
-						invalidateAll: true,
-						noScroll: true,
-					},
-				);
+					// SvelteKit 3 replaced `noScroll` with `reset` and throws on `noScroll`.
+					(VERSION.startsWith("2.")
+						? { invalidateAll: true, noScroll: true }
+						: { refreshAll: true, reset: false }) as Parameters<typeof goto>[1],
+				)
 			},
 			{ signal: controller.signal },
-		);
+		)
 
 		return () => {
-			controller.abort();
-		};
-	});
+			controller.abort()
+		}
+	})
 
 	beforeNavigate((navigation) => {
 		// Prefix links with the preview route parameter if the current
@@ -92,19 +82,14 @@
 			// event, don't prefix the route. The exception is only
 			// valid for one call.
 			if (endingPreview) {
-				endingPreview = false;
-				return;
+				endingPreview = false
+				return
 			}
 
-			navigation.cancel();
-			goto(
-				new URL(
-					routePrefix + navigation.to.url.pathname,
-					navigation.to.url.origin,
-				),
-			);
+			navigation.cancel()
+			goto(new URL(routePrefix + navigation.to.url.pathname, navigation.to.url.origin))
 		}
-	});
+	})
 </script>
 
 <svelte:head>

package/dist/kit/PrismicPreview.svelte.d.ts

@@ -1,19 +1,15 @@
 type Props = {
     /**
-     * The name of your Prismic repository. A Prismic Toolbar will be registered
-     * using this repository.
+     * The name of your Prismic repository. A Prismic Toolbar will be registered using this
+     * repository.
      */
     repositoryName: string;
-    /**
-     * The route parameter prefixed during preview sessions.
-     */
+    /** The route parameter prefixed during preview sessions. */
     routePrefix?: string;
     /**
-     * The name of the preview-specific route parameter prefixed during preview
-     * sessions.
+     * The name of the preview-specific route parameter prefixed during preview sessions.
      *
-     * Only set this value if the route parameter's name differs from the
-     * parameter's value.
+     * Only set this value if the route parameter's name differs from the parameter's value.
      */
     routePrefixName?: string;
 };

package/dist/kit/enableAutoPreviews.d.ts

@@ -1,22 +1,17 @@
 import * as prismic from "@prismicio/client";
 import type { Cookies } from "@sveltejs/kit";
-/**
- * Configuration for `enableAutoPreviews`.
- */
+/** Configuration for `enableAutoPreviews`. */
 export type EnableAutoPreviewsConfig = {
-    /**
-     * Prismic client with which automatic previews will be enabled.
-     */
+    /** Prismic client with which automatic previews will be enabled. */
     client: Pick<prismic.Client, "queryContentFromRef">;
     /**
-     * The `cookies` object provided to a route's `load()` function. This
-     * parameter is required to load previews.
+     * The `cookies` object provided to a route's `load()` function. This parameter is required to
+     * load previews.
      */
     cookies?: Cookies;
 };
 /**
- * Configures a Prismic client to automatically query draft content during a
- * preview session.
+ * Configures a Prismic client to automatically query draft content during a preview session.
  *
  * @param config - Configuration for the function.
  */

package/dist/kit/enableAutoPreviews.js

@@ -1,7 +1,6 @@
 import * as prismic from "@prismicio/client";
 /**
- * Configures a Prismic client to automatically query draft content during a
- * preview session.
+ * Configures a Prismic client to automatically query draft content during a preview session.
  *
  * @param config - Configuration for the function.
  */

package/dist/kit/redirectToPreviewURL.d.ts

@@ -1,9 +1,7 @@
 import * as prismic from "@prismicio/client";
 import type { Cookies } from "@sveltejs/kit";
 export type RedirectToPreviewURLConfig = {
-    /**
-     * The Prismic client configured for the preview session's repository.
-     */
+    /** The Prismic client configured for the preview session's repository. */
     client: Pick<prismic.Client, "resolvePreviewURL">;
     /**
      * The `request` object from a `+server` file.
@@ -17,33 +15,27 @@ export type RedirectToPreviewURLConfig = {
      * @see SvelteKit `+server` docs: \<https://kit.svelte.dev/docs/routing#server\>
      */
     cookies: Cookies;
-    /**
-     * The default redirect URL if a URL cannot be determined for the previewed
-     * document.
-     */
+    /** The default redirect URL if a URL cannot be determined for the previewed document. */
     defaultURL?: string;
-    /**
-     * The route parameter prefixed during preview sessions.
-     */
+    /** The route parameter prefixed during preview sessions. */
     routePrefix?: string;
 };
 /**
- * Redirects a visitor to the URL of a previewed Prismic document from within a
- * SvelteKit `+server` file.
+ * Redirects a visitor to the URL of a previewed Prismic document from within a SvelteKit `+server`
+ * file.
  *
  * Return the created `Response` in your `+server` file.
  *
  * @example
+ * 	```typescript
+ * 	import { createClient } from "$lib/prismicio.js"
+ * 	import { redirectToPreviewURL } from "@prismicio/svelte/kit"
  *
- * ```typescript
- * import { createClient } from "../lib/prismicio.js";
- * import { redirectToPreviewURL } from "@prismicio/svelte/kit";
- *
- * export async function GET({ fetch, request }) {
- * 	const client = createClient({ fetch });
+ * 	export async function GET({ fetch, request }) {
+ * 		const client = createClient({ fetch })
  *
- * 	return await redirectToPreviewURL({ client, request });
- * }
- * ```
+ * 		return await redirectToPreviewURL({ client, request })
+ * 	}
+ * 	```
  */
 export declare const redirectToPreviewURL: (config: RedirectToPreviewURLConfig) => Promise<Response>;