@prismicio/svelte 2.2.3 → 2.2.4-canary.61c0434

package/dist/PrismicImage.svelte

@@ -75,12 +75,15 @@
 
 		const ar = field.dimensions.width / field.dimensions.height
 
-		let resolvedWidth = castInt(width) ?? field.dimensions.width
-		let resolvedHeight = castInt(height) ?? field.dimensions.height
-		if (resolvedWidth != null && resolvedHeight == null) {
-			resolvedHeight = resolvedWidth / ar
-		} else if (resolvedWidth == null && resolvedHeight != null) {
-			resolvedWidth = resolvedHeight * ar
+		const castedWidth = castInt(width)
+		const castedHeight = castInt(height)
+
+		let resolvedWidth = castedWidth ?? field.dimensions.width
+		let resolvedHeight = castedHeight ?? field.dimensions.height
+		if (castedWidth != null && castedHeight == null) {
+			resolvedHeight = castedWidth / ar
+		} else if (castedWidth == null && castedHeight != null) {
+			resolvedWidth = castedHeight * ar
 		}
 
 		return { resolvedWidth, resolvedHeight }
@@ -103,17 +106,9 @@
 	})
 
 	function castInt(input: string | number | null | undefined): number | null | undefined {
-		if (typeof input === "number" || typeof input === "undefined" || input === null) {
-			return input
-		} else {
-			const parsed = Number.parseInt(input)
-
-			if (Number.isNaN(parsed)) {
-				return undefined
-			} else {
-				return parsed
-			}
-		}
+		if (typeof input !== "string") return input
+		const parsed = Number.parseInt(input)
+		return Number.isNaN(parsed) ? undefined : parsed
 	}
 </script>
 

package/dist/PrismicLink.svelte

@@ -25,7 +25,7 @@
 			  }
 			| {
 					href: HTMLAnchorAttributes["href"]
-					document: never
+					document?: never
 					field?: never
 			  }
 		)
@@ -53,5 +53,5 @@
 -->
 
 <a {...linkAttrs} rel={resolvedRel} {href} {...restProps}>
-	{#if children}{@render children?.()}{:else}{field?.text}{/if}
+	{#if children}{@render children()}{:else}{field?.text}{/if}
 </a>

package/dist/PrismicLink.svelte.d.ts

@@ -19,7 +19,7 @@ type Props = Omit<HTMLAnchorAttributes, "rel" | "href"> & {
     href?: never;
 } | {
     href: HTMLAnchorAttributes["href"];
-    document: never;
+    document?: never;
     field?: never;
 });
 /**

package/dist/PrismicRichText/DefaultComponent.svelte

@@ -16,7 +16,7 @@
 </script>
 
 {#if as}
-	<svelte:element this={as} {...dirProp} {...attrs} {...attrs}>{@render children()}</svelte:element>
+	<svelte:element this={as} {...dirProp} {...attrs}>{@render children()}</svelte:element>
 {:else if node.type === "heading1"}
 	<h1 {...dirProp} {...attrs}>{@render children()}</h1>
 {:else if node.type === "heading2"}

package/dist/PrismicTable.svelte

@@ -30,12 +30,7 @@
 
 	const { field, components = {}, fallback: Fallback }: Props = $props()
 
-	const Table = components.table
-	const Thead = components.thead
-	const Tbody = components.tbody
-	const Tr = components.tr
-	const Th = components.th
-	const Td = components.td
+	const { table: Table, thead: Thead, tbody: Tbody, tr: Tr, th: Th, td: Td } = $derived(components)
 </script>
 
 {#snippet thead(head: TableFieldHead)}
@@ -79,9 +74,9 @@
 <!-- This formatting is intentional to prevent unwanted whitespace between elements. -->
 {#if isFilled.table(field)}
 	{#if typeof Table === "function"}<Table table={field}
-			>{#if field?.head}{@render thead(field.head)}{/if}{@render tbody(field.body)}</Table
+			>{#if field.head}{@render thead(field.head)}{/if}{@render tbody(field.body)}</Table
 		>{:else}<table {...Table}>
-			{#if field?.head}{@render thead(field.head)}{/if}{@render tbody(field.body)}
+			{#if field.head}{@render thead(field.head)}{/if}{@render tbody(field.body)}
 		</table>{/if}
 {:else if Fallback}
 	<Fallback />

package/dist/SliceSimulator.svelte

@@ -10,19 +10,23 @@
 		simulatorClass,
 		simulatorRootClass,
 	} from "@prismicio/simulator/kit"
+	import type { Snippet } from "svelte"
+	import type { ClassValue } from "svelte/elements"
 
 	const defaultProps = getDefaultProps()
 
 	type Props = {
 		zIndex?: number
 		background?: string
-		class?: string
+		class?: ClassValue
+		children?: Snippet<[{ slices: ReturnType<typeof getDefaultSlices> }]>
 	}
 
 	const {
 		zIndex = defaultProps.zIndex,
 		background = defaultProps.background,
 		class: className,
+		children,
 	}: Props = $props()
 
 	let slices = $state.raw(getDefaultSlices())
@@ -51,7 +55,7 @@
 </script>
 
 <div
-	class="{simulatorClass} {className}"
+	class={[simulatorClass, className]}
 	style="z-index: {zIndex}; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto; background: {background}"
 >
 	{#if message}
@@ -68,9 +72,7 @@
 			onsubmit={disableEventHandler}
 			onkeypress={disableEventHandler}
 		>
-			<!-- TODO: Use a snippet in the next major; it would break `let:slices`. -->
-			<!-- svelte-ignore slot_element_deprecated -->
-			<slot {slices} />
+			{@render children?.({ slices })}
 		</div>
 	{/if}
 </div>

package/dist/SliceSimulator.svelte.d.ts

@@ -1,36 +1,14 @@
+import { getDefaultSlices } from "@prismicio/simulator/kit";
+import type { Snippet } from "svelte";
+import type { ClassValue } from "svelte/elements";
 type Props = {
     zIndex?: number;
     background?: string;
-    class?: string;
+    class?: ClassValue;
+    children?: Snippet<[{
+        slices: ReturnType<typeof getDefaultSlices>;
+    }]>;
 };
-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<Props, {
-    default: {
-        slices: import("@prismicio/client").SliceZone;
-    };
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {
-        slices: import("@prismicio/client").SliceZone;
-    };
-}, {}, "">;
-type SliceSimulator = InstanceType<typeof SliceSimulator>;
+declare const SliceSimulator: import("svelte").Component<Props, {}, "">;
+type SliceSimulator = ReturnType<typeof SliceSimulator>;
 export default SliceSimulator;

package/dist/SliceZone/SliceZone.svelte

@@ -38,12 +38,7 @@
 		defaultComponent?: Component<SliceComponentProps> | undefined
 	}
 
-	const {
-		slices = [],
-		components = {},
-		context = {},
-		defaultComponent = undefined,
-	}: Props = $props()
+	const { slices = [], components = {}, context = {}, defaultComponent }: Props = $props()
 </script>
 
 <!--

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import type { RichTextComponents } from "./types";
 export { default as PrismicEmbed } from "./PrismicEmbed.svelte";
 export { default as PrismicImage } from "./PrismicImage.svelte";
 export { default as PrismicLink } from "./PrismicLink.svelte";
@@ -7,7 +6,4 @@ 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` */
-export type SvelteRichTextSerializer = RichTextComponents;
-export type { RichTextComponents };
-export type { RichTextComponentProps, SliceComponentProps } from "./types";
+export type { RichTextComponentProps, RichTextComponents, SliceComponentProps } from "./types";

package/dist/kit/PrismicPreview.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { beforeNavigate, goto, invalidateAll } from "$app/navigation"
+	import { beforeNavigate, goto, refreshAll } from "$app/navigation"
 	import { getToolbarSrc } from "@prismicio/client"
 	import { onMount } from "svelte"
 
@@ -36,7 +36,7 @@
 			"prismicPreviewUpdate",
 			(event) => {
 				event.preventDefault()
-				invalidateAll()
+				refreshAll()
 			},
 			{ signal: controller.signal },
 		)
@@ -55,10 +55,7 @@
 						),
 						window.location.origin,
 					),
-					{
-						invalidateAll: true,
-						noScroll: true,
-					},
+					{ refreshAll: true, reset: false },
 				)
 			},
 			{ signal: controller.signal },

package/dist/kit/redirectToPreviewURL.d.ts

@@ -6,13 +6,13 @@ export type RedirectToPreviewURLConfig = {
     /**
      * The `request` object from a `+server` file.
      *
-     * @see SvelteKit `+server` docs: \<https://kit.svelte.dev/docs/routing#server\>
+     * @see SvelteKit `+server` docs: \<https://svelte.dev/docs/kit/routing#server\>
      */
     request: Request;
     /**
      * The `cookies` object from a `+server` file.
      *
-     * @see SvelteKit `+server` docs: \<https://kit.svelte.dev/docs/routing#server\>
+     * @see SvelteKit `+server` docs: \<https://svelte.dev/docs/kit/routing#server\>
      */
     cookies: Cookies;
     /** The default redirect URL if a URL cannot be determined for the previewed document. */
@@ -28,13 +28,13 @@ export type RedirectToPreviewURLConfig = {
  *
  * @example
  * 	```typescript
- * 	import { createClient } from "$lib/prismicio.js"
+ * 	import { createClient } from "#lib/prismicio.ts"
  * 	import { redirectToPreviewURL } from "@prismicio/svelte/kit"
  *
- * 	export async function GET({ fetch, request }) {
+ * 	export async function GET({ fetch, request, cookies }) {
  * 		const client = createClient({ fetch })
  *
- * 		return await redirectToPreviewURL({ client, request })
+ * 		return await redirectToPreviewURL({ client, request, cookies })
  * 	}
  * 	```
  */

package/dist/kit/redirectToPreviewURL.js

@@ -7,13 +7,13 @@ import * as prismic from "@prismicio/client";
  *
  * @example
  * 	```typescript
- * 	import { createClient } from "$lib/prismicio.js"
+ * 	import { createClient } from "#lib/prismicio.ts"
  * 	import { redirectToPreviewURL } from "@prismicio/svelte/kit"
  *
- * 	export async function GET({ fetch, request }) {
+ * 	export async function GET({ fetch, request, cookies }) {
  * 		const client = createClient({ fetch })
  *
- * 		return await redirectToPreviewURL({ client, request })
+ * 		return await redirectToPreviewURL({ client, request, cookies })
  * 	}
  * 	```
  */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/svelte",
-	"version": "2.2.3",
+	"version": "2.2.4-canary.61c0434",
 	"description": "Svelte components to present Prismic content.",
 	"keywords": [
 		"prismic",
@@ -64,25 +64,25 @@
 	"devDependencies": {
 		"@prismicio/client": "^7.22.3",
 		"@prismicio/mock": "^0.7.2",
-		"@sveltejs/kit": "^2.70.3",
+		"@sveltejs/kit": "^3.0.1",
 		"@sveltejs/package": "^3.0.0",
 		"@sveltejs/vite-plugin-svelte": "^7.3.1",
 		"@testing-library/svelte": "^5.4.2",
 		"@types/node": "^26.6.5",
-		"@vitest/coverage-v8": "^5.0.3",
+		"@vitest/coverage-v8": "^5.0.4",
 		"globals": "^17.13.0",
-		"happy-dom": "^20.14.6",
-		"oxfmt": "^0.72.0",
-		"oxlint": "^1.87.0",
+		"happy-dom": "^21.0.1",
+		"oxfmt": "^0.73.0",
+		"oxlint": "^1.88.0",
 		"standard-version": "^9.5.0",
 		"svelte": "^5.57.2",
 		"typescript": "^6.0.3",
-		"vitest": "^5.0.3"
+		"vitest": "^5.0.4"
 	},
 	"peerDependencies": {
 		"@prismicio/client": ">=7",
-		"@sveltejs/kit": "^2",
-		"svelte": "^5"
+		"@sveltejs/kit": "^3.0.0",
+		"svelte": "^5.16.0"
 	},
 	"peerDependenciesMeta": {
 		"@sveltejs/kit": {

package/src/PrismicImage.svelte

@@ -75,12 +75,15 @@
 
 		const ar = field.dimensions.width / field.dimensions.height
 
-		let resolvedWidth = castInt(width) ?? field.dimensions.width
-		let resolvedHeight = castInt(height) ?? field.dimensions.height
-		if (resolvedWidth != null && resolvedHeight == null) {
-			resolvedHeight = resolvedWidth / ar
-		} else if (resolvedWidth == null && resolvedHeight != null) {
-			resolvedWidth = resolvedHeight * ar
+		const castedWidth = castInt(width)
+		const castedHeight = castInt(height)
+
+		let resolvedWidth = castedWidth ?? field.dimensions.width
+		let resolvedHeight = castedHeight ?? field.dimensions.height
+		if (castedWidth != null && castedHeight == null) {
+			resolvedHeight = castedWidth / ar
+		} else if (castedWidth == null && castedHeight != null) {
+			resolvedWidth = castedHeight * ar
 		}
 
 		return { resolvedWidth, resolvedHeight }
@@ -103,17 +106,9 @@
 	})
 
 	function castInt(input: string | number | null | undefined): number | null | undefined {
-		if (typeof input === "number" || typeof input === "undefined" || input === null) {
-			return input
-		} else {
-			const parsed = Number.parseInt(input)
-
-			if (Number.isNaN(parsed)) {
-				return undefined
-			} else {
-				return parsed
-			}
-		}
+		if (typeof input !== "string") return input
+		const parsed = Number.parseInt(input)
+		return Number.isNaN(parsed) ? undefined : parsed
 	}
 </script>
 

package/src/PrismicLink.svelte

@@ -25,7 +25,7 @@
 			  }
 			| {
 					href: HTMLAnchorAttributes["href"]
-					document: never
+					document?: never
 					field?: never
 			  }
 		)
@@ -53,5 +53,5 @@
 -->
 
 <a {...linkAttrs} rel={resolvedRel} {href} {...restProps}>
-	{#if children}{@render children?.()}{:else}{field?.text}{/if}
+	{#if children}{@render children()}{:else}{field?.text}{/if}
 </a>

package/src/PrismicRichText/DefaultComponent.svelte

@@ -16,7 +16,7 @@
 </script>
 
 {#if as}
-	<svelte:element this={as} {...dirProp} {...attrs} {...attrs}>{@render children()}</svelte:element>
+	<svelte:element this={as} {...dirProp} {...attrs}>{@render children()}</svelte:element>
 {:else if node.type === "heading1"}
 	<h1 {...dirProp} {...attrs}>{@render children()}</h1>
 {:else if node.type === "heading2"}

package/src/PrismicTable.svelte

@@ -30,12 +30,7 @@
 
 	const { field, components = {}, fallback: Fallback }: Props = $props()
 
-	const Table = components.table
-	const Thead = components.thead
-	const Tbody = components.tbody
-	const Tr = components.tr
-	const Th = components.th
-	const Td = components.td
+	const { table: Table, thead: Thead, tbody: Tbody, tr: Tr, th: Th, td: Td } = $derived(components)
 </script>
 
 {#snippet thead(head: TableFieldHead)}
@@ -79,9 +74,9 @@
 <!-- This formatting is intentional to prevent unwanted whitespace between elements. -->
 {#if isFilled.table(field)}
 	{#if typeof Table === "function"}<Table table={field}
-			>{#if field?.head}{@render thead(field.head)}{/if}{@render tbody(field.body)}</Table
+			>{#if field.head}{@render thead(field.head)}{/if}{@render tbody(field.body)}</Table
 		>{:else}<table {...Table}>
-			{#if field?.head}{@render thead(field.head)}{/if}{@render tbody(field.body)}
+			{#if field.head}{@render thead(field.head)}{/if}{@render tbody(field.body)}
 		</table>{/if}
 {:else if Fallback}
 	<Fallback />

package/src/SliceSimulator.svelte

@@ -10,19 +10,23 @@
 		simulatorClass,
 		simulatorRootClass,
 	} from "@prismicio/simulator/kit"
+	import type { Snippet } from "svelte"
+	import type { ClassValue } from "svelte/elements"
 
 	const defaultProps = getDefaultProps()
 
 	type Props = {
 		zIndex?: number
 		background?: string
-		class?: string
+		class?: ClassValue
+		children?: Snippet<[{ slices: ReturnType<typeof getDefaultSlices> }]>
 	}
 
 	const {
 		zIndex = defaultProps.zIndex,
 		background = defaultProps.background,
 		class: className,
+		children,
 	}: Props = $props()
 
 	let slices = $state.raw(getDefaultSlices())
@@ -51,7 +55,7 @@
 </script>
 
 <div
-	class="{simulatorClass} {className}"
+	class={[simulatorClass, className]}
 	style="z-index: {zIndex}; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto; background: {background}"
 >
 	{#if message}
@@ -68,9 +72,7 @@
 			onsubmit={disableEventHandler}
 			onkeypress={disableEventHandler}
 		>
-			<!-- TODO: Use a snippet in the next major; it would break `let:slices`. -->
-			<!-- svelte-ignore slot_element_deprecated -->
-			<slot {slices} />
+			{@render children?.({ slices })}
 		</div>
 	{/if}
 </div>

package/src/SliceZone/SliceZone.svelte

@@ -38,12 +38,7 @@
 		defaultComponent?: Component<SliceComponentProps> | undefined
 	}
 
-	const {
-		slices = [],
-		components = {},
-		context = {},
-		defaultComponent = undefined,
-	}: Props = $props()
+	const { slices = [], components = {}, context = {}, defaultComponent }: Props = $props()
 </script>
 
 <!--

package/src/index.ts

@@ -1,5 +1,3 @@
-import type { RichTextComponents } from "./types"
-
 export { default as PrismicEmbed } from "./PrismicEmbed.svelte"
 export { default as PrismicImage } from "./PrismicImage.svelte"
 export { default as PrismicLink } from "./PrismicLink.svelte"
@@ -9,9 +7,4 @@ 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` */
-// TODO: Remove in v3.
-export type SvelteRichTextSerializer = RichTextComponents
-export type { RichTextComponents }
-
-export type { RichTextComponentProps, SliceComponentProps } from "./types"
+export type { RichTextComponentProps, RichTextComponents, SliceComponentProps } from "./types"

package/src/kit/PrismicPreview.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { beforeNavigate, goto, invalidateAll } from "$app/navigation"
+	import { beforeNavigate, goto, refreshAll } from "$app/navigation"
 	import { getToolbarSrc } from "@prismicio/client"
 	import { onMount } from "svelte"
 
@@ -36,7 +36,7 @@
 			"prismicPreviewUpdate",
 			(event) => {
 				event.preventDefault()
-				invalidateAll()
+				refreshAll()
 			},
 			{ signal: controller.signal },
 		)
@@ -55,10 +55,7 @@
 						),
 						window.location.origin,
 					),
-					{
-						invalidateAll: true,
-						noScroll: true,
-					},
+					{ refreshAll: true, reset: false },
 				)
 			},
 			{ signal: controller.signal },

package/src/kit/redirectToPreviewURL.ts

@@ -11,14 +11,14 @@ export type RedirectToPreviewURLConfig = {
 	/**
 	 * The `request` object from a `+server` file.
 	 *
-	 * @see SvelteKit `+server` docs: \<https://kit.svelte.dev/docs/routing#server\>
+	 * @see SvelteKit `+server` docs: \<https://svelte.dev/docs/kit/routing#server\>
 	 */
 	request: Request
 
 	/**
 	 * The `cookies` object from a `+server` file.
 	 *
-	 * @see SvelteKit `+server` docs: \<https://kit.svelte.dev/docs/routing#server\>
+	 * @see SvelteKit `+server` docs: \<https://svelte.dev/docs/kit/routing#server\>
 	 */
 	cookies: Cookies
 
@@ -37,13 +37,13 @@ export type RedirectToPreviewURLConfig = {
  *
  * @example
  * 	```typescript
- * 	import { createClient } from "$lib/prismicio.js"
+ * 	import { createClient } from "#lib/prismicio.ts"
  * 	import { redirectToPreviewURL } from "@prismicio/svelte/kit"
  *
- * 	export async function GET({ fetch, request }) {
+ * 	export async function GET({ fetch, request, cookies }) {
  * 		const client = createClient({ fetch })
  *
- * 		return await redirectToPreviewURL({ client, request })
+ * 		return await redirectToPreviewURL({ client, request, cookies })
  * 	}
  * 	```
  */