@prismicio/svelte 3.0.0-pr.70.0fcf71f → 3.0.0-pr.71.08694b9

package/dist/kit/PrismicPreview.svelte

@@ -19,11 +19,22 @@
 		 * Only set this value if the route parameter's name differs from the parameter's value.
 		 */
 		routePrefixName?: string
+
+		/**
+		 * The URL of your preview route, such as `/api/preview`. The Prismic Toolbar uses it to create
+		 * share links, and hides its Share button without it.
+		 */
+		previewURL?: string
 	}
 
-	const { repositoryName, routePrefix = "preview", routePrefixName = routePrefix }: Props = $props()
+	const {
+		repositoryName,
+		routePrefix = "preview",
+		routePrefixName = routePrefix,
+		previewURL,
+	}: Props = $props()
 
-	const toolbarSrc = $derived(getToolbarSrc(repositoryName))
+	const toolbarSrc = $derived(getToolbarSrc(repositoryName, { version: 5 }))
 
 	/** Set to `true` when the next `beforeNavigate()` call should not prefix the route. */
 	let endingPreview = $state(false)
@@ -89,5 +100,5 @@
 </script>
 
 <svelte:head>
-	<script defer src={toolbarSrc}></script>
+	<script defer src={toolbarSrc} data-preview-url={previewURL}></script>
 </svelte:head>

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

@@ -12,6 +12,11 @@ type Props = {
      * Only set this value if the route parameter's name differs from the parameter's value.
      */
     routePrefixName?: string;
+    /**
+     * The URL of your preview route, such as `/api/preview`. The Prismic Toolbar uses it to create
+     * share links, and hides its Share button without it.
+     */
+    previewURL?: string;
 };
 declare const PrismicPreview: import("svelte").Component<Props, {}, "">;
 type PrismicPreview = ReturnType<typeof PrismicPreview>;

package/dist/kit/redirectToPreviewURL.js

@@ -1,3 +1,4 @@
+import { resolve } from "$app/paths";
 import * as prismic from "@prismicio/client";
 /**
  * Redirects a visitor to the URL of a previewed Prismic document from within a SvelteKit `+server`
@@ -21,11 +22,14 @@ export const redirectToPreviewURL = async (config) => {
     const previewToken = new URL(config.request.url).searchParams.get("token") ?? undefined;
     const documentID = new URL(config.request.url).searchParams.get("documentId") ?? undefined;
     const routePrefix = config.routePrefix ?? "preview";
-    const previewURL = await config.client.resolvePreviewURL({
-        previewToken,
-        documentID,
-        defaultURL: config.defaultURL || "/",
-    });
+    const location = getSharedPath(config.request.url, routePrefix) ??
+        "/" +
+            routePrefix +
+            (await config.client.resolvePreviewURL({
+                previewToken,
+                documentID,
+                defaultURL: config.defaultURL || "/",
+            }));
     // Prevent a flash of non-preview content by setting the preview token
     // on the initial page load.
     if (previewToken) {
@@ -34,10 +38,42 @@ export const redirectToPreviewURL = async (config) => {
             httpOnly: false,
         });
     }
+    // The toolbar's `v=5` flow follows the preview session with this cookie.
+    const session = new URL(config.request.url).searchParams.get("session");
+    if (session) {
+        config.cookies.set(prismic.cookie.previewSession, session, {
+            path: "/",
+            httpOnly: false,
+        });
+    }
     return new Response(undefined, {
         status: 307,
         headers: {
-            Location: "/" + routePrefix + previewURL,
+            Location: location,
         },
     });
 };
+/**
+ * Returns the `path` param of toolbar share links inside the preview route prefix, or `undefined`
+ * if it is missing or not a path on this website.
+ */
+const getSharedPath = (requestURL, routePrefix) => {
+    const path = new URL(requestURL).searchParams.get("path");
+    if (!path?.startsWith("/")) {
+        return;
+    }
+    // Paths like `//evil.com` and `/\evil.com` resolve to another origin.
+    const origin = "https://placeholder.invalid";
+    const url = new URL(path, origin);
+    // `path` comes from the browser, so it already includes `paths.base`. `resolve()` returns `base`
+    // either absolute or relative to the request.
+    const base = new URL(resolve("/", {}), requestURL).pathname.slice(0, -1);
+    if (url.origin !== origin || !url.pathname.startsWith(`${base}/`)) {
+        return;
+    }
+    const pathname = url.pathname.slice(base.length);
+    if (pathname !== `/${routePrefix}` && !pathname.startsWith(`/${routePrefix}/`)) {
+        url.pathname = `${base}/${routePrefix}${pathname}`;
+    }
+    return url.pathname + url.search + url.hash;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/svelte",
-	"version": "3.0.0-pr.70.0fcf71f",
+	"version": "3.0.0-pr.71.08694b9",
 	"description": "Svelte components to present Prismic content.",
 	"keywords": [
 		"prismic",
@@ -62,7 +62,7 @@
 		"esm-env": "^1.2.2"
 	},
 	"devDependencies": {
-		"@prismicio/client": "^7.22.3",
+		"@prismicio/client": "7.22.3-pr.477.9eb2102",
 		"@prismicio/mock": "^0.7.2",
 		"@sveltejs/kit": "^3.0.1",
 		"@sveltejs/package": "^3.0.1",
@@ -72,15 +72,15 @@
 		"@vitest/coverage-v8": "^5.0.5",
 		"globals": "^17.13.0",
 		"happy-dom": "^21.0.3",
-		"oxfmt": "^0.73.0",
-		"oxlint": "^1.88.0",
+		"oxfmt": "^0.74.0",
+		"oxlint": "^1.89.0",
 		"standard-version": "^9.5.0",
 		"svelte": "^5.57.2",
 		"typescript": "^6.0.3",
 		"vitest": "^5.0.5"
 	},
 	"peerDependencies": {
-		"@prismicio/client": ">=7",
+		"@prismicio/client": "^7.23.0",
 		"@sveltejs/kit": "^3.0.0",
 		"svelte": "^5.16.0"
 	},
@@ -89,6 +89,9 @@
 			"optional": true
 		}
 	},
+	"overrides": {
+		"@prismicio/client": "$@prismicio/client"
+	},
 	"engines": {
 		"node": ">=22"
 	}

package/src/kit/PrismicPreview.svelte

@@ -19,11 +19,22 @@
 		 * Only set this value if the route parameter's name differs from the parameter's value.
 		 */
 		routePrefixName?: string
+
+		/**
+		 * The URL of your preview route, such as `/api/preview`. The Prismic Toolbar uses it to create
+		 * share links, and hides its Share button without it.
+		 */
+		previewURL?: string
 	}
 
-	const { repositoryName, routePrefix = "preview", routePrefixName = routePrefix }: Props = $props()
+	const {
+		repositoryName,
+		routePrefix = "preview",
+		routePrefixName = routePrefix,
+		previewURL,
+	}: Props = $props()
 
-	const toolbarSrc = $derived(getToolbarSrc(repositoryName))
+	const toolbarSrc = $derived(getToolbarSrc(repositoryName, { version: 5 }))
 
 	/** Set to `true` when the next `beforeNavigate()` call should not prefix the route. */
 	let endingPreview = $state(false)
@@ -89,5 +100,5 @@
 </script>
 
 <svelte:head>
-	<script defer src={toolbarSrc}></script>
+	<script defer src={toolbarSrc} data-preview-url={previewURL}></script>
 </svelte:head>

package/src/kit/redirectToPreviewURL.ts

@@ -1,3 +1,4 @@
+import { resolve } from "$app/paths"
 import * as prismic from "@prismicio/client"
 import type { Cookies } from "@sveltejs/kit"
 
@@ -54,11 +55,15 @@ export const redirectToPreviewURL = async (
 	const documentID = new URL(config.request.url).searchParams.get("documentId") ?? undefined
 	const routePrefix = config.routePrefix ?? "preview"
 
-	const previewURL = await config.client.resolvePreviewURL({
-		previewToken,
-		documentID,
-		defaultURL: config.defaultURL || "/",
-	})
+	const location =
+		getSharedPath(config.request.url, routePrefix) ??
+		"/" +
+			routePrefix +
+			(await config.client.resolvePreviewURL({
+				previewToken,
+				documentID,
+				defaultURL: config.defaultURL || "/",
+			}))
 
 	// Prevent a flash of non-preview content by setting the preview token
 	// on the initial page load.
@@ -69,10 +74,47 @@ export const redirectToPreviewURL = async (
 		})
 	}
 
+	// The toolbar's `v=5` flow follows the preview session with this cookie.
+	const session = new URL(config.request.url).searchParams.get("session")
+	if (session) {
+		config.cookies.set(prismic.cookie.previewSession, session, {
+			path: "/",
+			httpOnly: false,
+		})
+	}
+
 	return new Response(undefined, {
 		status: 307,
 		headers: {
-			Location: "/" + routePrefix + previewURL,
+			Location: location,
 		},
 	})
 }
+
+/**
+ * Returns the `path` param of toolbar share links inside the preview route prefix, or `undefined`
+ * if it is missing or not a path on this website.
+ */
+const getSharedPath = (requestURL: string, routePrefix: string): string | undefined => {
+	const path = new URL(requestURL).searchParams.get("path")
+	if (!path?.startsWith("/")) {
+		return
+	}
+
+	// Paths like `//evil.com` and `/\evil.com` resolve to another origin.
+	const origin = "https://placeholder.invalid"
+	const url = new URL(path, origin)
+	// `path` comes from the browser, so it already includes `paths.base`. `resolve()` returns `base`
+	// either absolute or relative to the request.
+	const base = new URL(resolve("/", {}), requestURL).pathname.slice(0, -1)
+	if (url.origin !== origin || !url.pathname.startsWith(`${base}/`)) {
+		return
+	}
+
+	const pathname = url.pathname.slice(base.length)
+	if (pathname !== `/${routePrefix}` && !pathname.startsWith(`/${routePrefix}/`)) {
+		url.pathname = `${base}/${routePrefix}${pathname}`
+	}
+
+	return url.pathname + url.search + url.hash
+}