feat(PDF): add page param (#360)

* inject page params into iframe pdf * fix(svelte): use reactivity instead of assignments --------- Co-authored-by: Diebbo <[email protected]>
cartabinaria · Jan 7, 2025 · 44f212c · 44f212c
1 parent bf5daa9
commit 44f212c
Showing 1 changed file with 19 additions and 3 deletions.
diff --git a/src/routes/[...dir]/[file=pdf]/+page.svelte b/src/routes/[...dir]/[file=pdf]/+page.svelte
@@ -11,11 +11,27 @@
 		iframe.contentWindow?.focus(); // Focus the iframe
 	});
 
-	$: title = getTitle(data.url);
-	function getTitle(url: string) {
+	function genTitle(url: string) {
 		const part = url.split('/');
 		return part[part.length - 1].split('?')[0];
 	}
+	$: title = genTitle(data.url);
+
+	function genIframeUrl(baseUrl: string) {
+		const params = $page.url.searchParams;
+
+		if (params.has('page')) {
+			const pageParam = params.get('page');
+			// if page is a number, append it to the url (security)
+			const pageParamNumber = Number(pageParam);
+			if (!isNaN(pageParamNumber)) {
+				baseUrl += `#page=${pageParamNumber}`;
+			}
+		}
+
+		return baseUrl;
+	}
+	$: iframeUrl = genIframeUrl(data.url);
 </script>
 
 <svelte:head>
@@ -25,7 +41,7 @@
 
 <Breadcrumbs url={$page.url} borderRadius={null} />
 
-<iframe bind:this={iframe} title="Embedded resource" src={data.url} class="h-full w-full"></iframe>
+<iframe bind:this={iframe} title="Embedded resource" src={iframeUrl} class="h-full w-full"></iframe>
 
 <style>
 	:global(html),