@prismicio/svelte 2.2.3-pr.64.d803be5 → 2.2.3-pr.66.8d23348

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 }

package/dist/PrismicLink.svelte

@@ -25,7 +25,7 @@
 			  }
 			| {
 					href: HTMLAnchorAttributes["href"]
-					document: never
+					document?: never
 					field?: never
 			  }
 		)

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/PrismicTable.svelte

@@ -30,7 +30,12 @@
 
 	const { field, components = {}, fallback: Fallback }: Props = $props()
 
-	const { table: Table, thead: Thead, tbody: Tbody, tr: Tr, th: Th, td: Td } = $derived(components)
+	const Table = components.table
+	const Thead = components.thead
+	const Tbody = components.tbody
+	const Tr = components.tr
+	const Th = components.th
+	const Td = components.td
 </script>
 
 {#snippet thead(head: TableFieldHead)}

package/dist/SliceSimulator.svelte

@@ -10,23 +10,19 @@
 		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?: ClassValue
-		children?: Snippet<[{ slices: ReturnType<typeof getDefaultSlices> }]>
+		class?: string
 	}
 
 	const {
 		zIndex = defaultProps.zIndex,
 		background = defaultProps.background,
 		class: className,
-		children,
 	}: Props = $props()
 
 	let slices = $state.raw(getDefaultSlices())
@@ -55,7 +51,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}
@@ -72,7 +68,9 @@
 			onsubmit={disableEventHandler}
 			onkeypress={disableEventHandler}
 		>
-			{@render children?.({ slices })}
+			<!-- TODO: Use a snippet in the next major; it would break `let:slices`. -->
+			<!-- svelte-ignore slot_element_deprecated -->
+			<slot {slices} />
 		</div>
 	{/if}
 </div>

package/dist/SliceSimulator.svelte.d.ts

@@ -1,14 +1,36 @@
-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>;
-    }]>;
+    class?: string;
 };
-declare const SliceSimulator: import("svelte").Component<Props, {}, "">;
-type SliceSimulator = ReturnType<typeof SliceSimulator>;
+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>;
 export default SliceSimulator;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+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";
@@ -6,4 +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";
-export type { RichTextComponentProps, RichTextComponents, SliceComponentProps } from "./types";
+/** @deprecated Replaced with `RichTextComponents` */
+export type SvelteRichTextSerializer = RichTextComponents;
+export type { RichTextComponents };
+export type { RichTextComponentProps, SliceComponentProps } from "./types";

package/dist/kit/PrismicPreview.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { beforeNavigate, goto, refreshAll } from "$app/navigation"
+	import { beforeNavigate, goto, invalidateAll } from "$app/navigation"
 	import { getToolbarSrc } from "@prismicio/client"
 	import { onMount } from "svelte"
 
@@ -36,7 +36,7 @@
 			"prismicPreviewUpdate",
 			(event) => {
 				event.preventDefault()
-				refreshAll()
+				invalidateAll()
 			},
 			{ signal: controller.signal },
 		)
@@ -55,7 +55,10 @@
 						),
 						window.location.origin,
 					),
-					{ refreshAll: true, reset: false },
+					{
+						invalidateAll: true,
+						noScroll: true,
+					},
 				)
 			},
 			{ 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://svelte.dev/docs/kit/routing#server\>
+     * @see SvelteKit `+server` docs: \<https://kit.svelte.dev/docs/routing#server\>
      */
     request: Request;
     /**
      * The `cookies` object from a `+server` file.
      *
-     * @see SvelteKit `+server` docs: \<https://svelte.dev/docs/kit/routing#server\>
+     * @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. */
@@ -27,7 +27,7 @@ export type RedirectToPreviewURLConfig = {
  * Return the created `Response` in your `+server` file.
  *
  * @example
- * 	;```typescript
+ * 	```typescript
  * 	import { createClient } from "$lib/prismicio.js"
  * 	import { redirectToPreviewURL } from "@prismicio/svelte/kit"
  *

package/dist/kit/redirectToPreviewURL.js

@@ -6,7 +6,7 @@ import * as prismic from "@prismicio/client";
  * Return the created `Response` in your `+server` file.
  *
  * @example
- * 	;```typescript
+ * 	```typescript
  * 	import { createClient } from "$lib/prismicio.js"
  * 	import { redirectToPreviewURL } from "@prismicio/svelte/kit"
  *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/svelte",
-	"version": "2.2.3-pr.64.d803be5",
+	"version": "2.2.3-pr.66.8d23348",
 	"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": "^3.0.1",
+		"@sveltejs/kit": "^2.70.3",
 		"@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.4",
+		"@vitest/coverage-v8": "^5.0.3",
 		"globals": "^17.13.0",
-		"happy-dom": "^21.0.1",
-		"oxfmt": "^0.73.0",
-		"oxlint": "^1.88.0",
+		"happy-dom": "^20.14.6",
+		"oxfmt": "^0.72.0",
+		"oxlint": "^1.87.0",
 		"standard-version": "^9.5.0",
 		"svelte": "^5.57.2",
 		"typescript": "^6.0.3",
-		"vitest": "^5.0.4"
+		"vitest": "^5.0.3"
 	},
 	"peerDependencies": {
 		"@prismicio/client": ">=7",
-		"@sveltejs/kit": "^3.0.0",
-		"svelte": "^5.16.0"
+		"@sveltejs/kit": "^2",
+		"svelte": "^5"
 	},
 	"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 }

package/src/PrismicLink.svelte

@@ -25,7 +25,7 @@
 			  }
 			| {
 					href: HTMLAnchorAttributes["href"]
-					document: never
+					document?: never
 					field?: never
 			  }
 		)

package/src/PrismicTable.svelte

@@ -30,7 +30,12 @@
 
 	const { field, components = {}, fallback: Fallback }: Props = $props()
 
-	const { table: Table, thead: Thead, tbody: Tbody, tr: Tr, th: Th, td: Td } = $derived(components)
+	const Table = components.table
+	const Thead = components.thead
+	const Tbody = components.tbody
+	const Tr = components.tr
+	const Th = components.th
+	const Td = components.td
 </script>
 
 {#snippet thead(head: TableFieldHead)}

package/src/SliceSimulator.svelte

@@ -10,23 +10,19 @@
 		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?: ClassValue
-		children?: Snippet<[{ slices: ReturnType<typeof getDefaultSlices> }]>
+		class?: string
 	}
 
 	const {
 		zIndex = defaultProps.zIndex,
 		background = defaultProps.background,
 		class: className,
-		children,
 	}: Props = $props()
 
 	let slices = $state.raw(getDefaultSlices())
@@ -55,7 +51,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}
@@ -72,7 +68,9 @@
 			onsubmit={disableEventHandler}
 			onkeypress={disableEventHandler}
 		>
-			{@render children?.({ slices })}
+			<!-- TODO: Use a snippet in the next major; it would break `let:slices`. -->
+			<!-- svelte-ignore slot_element_deprecated -->
+			<slot {slices} />
 		</div>
 	{/if}
 </div>

package/src/index.ts

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

package/src/kit/PrismicPreview.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { beforeNavigate, goto, refreshAll } from "$app/navigation"
+	import { beforeNavigate, goto, invalidateAll } from "$app/navigation"
 	import { getToolbarSrc } from "@prismicio/client"
 	import { onMount } from "svelte"
 
@@ -36,7 +36,7 @@
 			"prismicPreviewUpdate",
 			(event) => {
 				event.preventDefault()
-				refreshAll()
+				invalidateAll()
 			},
 			{ signal: controller.signal },
 		)
@@ -55,7 +55,10 @@
 						),
 						window.location.origin,
 					),
-					{ refreshAll: true, reset: false },
+					{
+						invalidateAll: true,
+						noScroll: true,
+					},
 				)
 			},
 			{ 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://svelte.dev/docs/kit/routing#server\>
+	 * @see SvelteKit `+server` docs: \<https://kit.svelte.dev/docs/routing#server\>
 	 */
 	request: Request
 
 	/**
 	 * The `cookies` object from a `+server` file.
 	 *
-	 * @see SvelteKit `+server` docs: \<https://svelte.dev/docs/kit/routing#server\>
+	 * @see SvelteKit `+server` docs: \<https://kit.svelte.dev/docs/routing#server\>
 	 */
 	cookies: Cookies
 
@@ -36,7 +36,7 @@ export type RedirectToPreviewURLConfig = {
  * Return the created `Response` in your `+server` file.
  *
  * @example
- * 	;```typescript
+ * 	```typescript
  * 	import { createClient } from "$lib/prismicio.js"
  * 	import { redirectToPreviewURL } from "@prismicio/svelte/kit"
  *