@prismicio/svelte 3.0.0-pr.71.35fb12f → 3.0.0-pr.71.949ea7f

package/dist/kit/PrismicPreview.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
 	import { beforeNavigate, goto, refreshAll } from "$app/navigation"
+	import { resolve } from "$app/paths"
+	import { page } from "$app/state"
 	import { getToolbarSrc } from "@prismicio/client"
 	import { onMount } from "svelte"
 
@@ -21,8 +23,10 @@
 		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.
+		 * The path of your preview route, without `paths.base`. The Prismic Toolbar uses it to create
+		 * share links.
+		 *
+		 * @defaultValue `"/api/preview"`
 		 */
 		previewURL?: string
 	}
@@ -31,10 +35,12 @@
 		repositoryName,
 		routePrefix = "preview",
 		routePrefixName = routePrefix,
-		previewURL,
+		previewURL = "/api/preview",
 	}: Props = $props()
 
 	const toolbarSrc = $derived(getToolbarSrc(repositoryName, { version: 5 }))
+	// `resolve()` can return a path relative to the current page, which changes on navigation.
+	const previewPath = $derived(new URL(resolve(previewURL, {}), page.url).pathname)
 
 	/** Set to `true` when the next `beforeNavigate()` call should not prefix the route. */
 	let endingPreview = $state(false)
@@ -100,5 +106,5 @@
 </script>
 
 <svelte:head>
-	<script defer src={toolbarSrc} data-preview-url={previewURL}></script>
+	<script defer src={toolbarSrc} data-preview-url={previewPath}></script>
 </svelte:head>

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

@@ -13,8 +13,10 @@ type Props = {
      */
     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.
+     * The path of your preview route, without `paths.base`. The Prismic Toolbar uses it to create
+     * share links.
+     *
+     * @defaultValue `"/api/preview"`
      */
     previewURL?: string;
 };

package/dist/kit/redirectToPreviewURL.js

@@ -63,9 +63,10 @@ const getSharedPath = (requestURL, routePrefix) => {
     // `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 (!path?.startsWith(`${base}/`)) {
+    const rest = path?.startsWith(base) ? path.slice(base.length) : undefined;
+    // `/docs` and `/docs?q=1` are under the `/docs` base, but `/docs-old` isn't.
+    if (rest === undefined || !/^([/?#]|$)/.test(rest)) {
         return;
     }
-    const pathname = path.slice(base.length);
-    return pathname.split(/[/?#]/)[1] === routePrefix ? path : `${base}/${routePrefix}${pathname}`;
+    return /^\/([^/?#]*)/.exec(rest)?.[1] === routePrefix ? path : `${base}/${routePrefix}${rest}`;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prismicio/svelte",
-	"version": "3.0.0-pr.71.35fb12f",
+	"version": "3.0.0-pr.71.949ea7f",
 	"description": "Svelte components to present Prismic content.",
 	"keywords": [
 		"prismic",

package/src/kit/PrismicPreview.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
 	import { beforeNavigate, goto, refreshAll } from "$app/navigation"
+	import { resolve } from "$app/paths"
+	import { page } from "$app/state"
 	import { getToolbarSrc } from "@prismicio/client"
 	import { onMount } from "svelte"
 
@@ -21,8 +23,10 @@
 		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.
+		 * The path of your preview route, without `paths.base`. The Prismic Toolbar uses it to create
+		 * share links.
+		 *
+		 * @defaultValue `"/api/preview"`
 		 */
 		previewURL?: string
 	}
@@ -31,10 +35,12 @@
 		repositoryName,
 		routePrefix = "preview",
 		routePrefixName = routePrefix,
-		previewURL,
+		previewURL = "/api/preview",
 	}: Props = $props()
 
 	const toolbarSrc = $derived(getToolbarSrc(repositoryName, { version: 5 }))
+	// `resolve()` can return a path relative to the current page, which changes on navigation.
+	const previewPath = $derived(new URL(resolve(previewURL, {}), page.url).pathname)
 
 	/** Set to `true` when the next `beforeNavigate()` call should not prefix the route. */
 	let endingPreview = $state(false)
@@ -100,5 +106,5 @@
 </script>
 
 <svelte:head>
-	<script defer src={toolbarSrc} data-preview-url={previewURL}></script>
+	<script defer src={toolbarSrc} data-preview-url={previewPath}></script>
 </svelte:head>

package/src/kit/redirectToPreviewURL.ts

@@ -102,11 +102,11 @@ const getSharedPath = (requestURL: string, routePrefix: string): string | undefi
 	// `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 (!path?.startsWith(`${base}/`)) {
+	const rest = path?.startsWith(base) ? path.slice(base.length) : undefined
+	// `/docs` and `/docs?q=1` are under the `/docs` base, but `/docs-old` isn't.
+	if (rest === undefined || !/^([/?#]|$)/.test(rest)) {
 		return
 	}
 
-	const pathname = path.slice(base.length)
-
-	return pathname.split(/[/?#]/)[1] === routePrefix ? path : `${base}/${routePrefix}${pathname}`
+	return /^\/([^/?#]*)/.exec(rest)?.[1] === routePrefix ? path : `${base}/${routePrefix}${rest}`
 }