Fix storybook

MuckRock · Nov 20, 2024 · 98d11a5 · 98d11a5
1 parent 39ae6c2
commit 98d11a5
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 4 deletions.
diff --git a/src/lib/components/viewer/stories/PDFPage.stories.svelte b/src/lib/components/viewer/stories/PDFPage.stories.svelte
@@ -1,5 +1,8 @@
 <script context="module" lang="ts">
-  import type { Document, Section } from "$lib/api/types";
+  import type { Document } from "$lib/api/types";
+
+  import { page } from "$app/stores";
+
   import { writable } from "svelte/store";
   import { Story } from "@storybook/addon-svelte-csf";
   import PdfPage from "../PDFPage.svelte";
@@ -58,9 +61,23 @@
   </ViewerContext>
 </Story>
 
-<Story name="search results">
-  <ViewerContext {document} pdf={writable(load(url))} {query}>
+<Story
+  name="search results"
+  parameters={{
+    sveltekit_experimental: {
+      stores: {
+        page: {
+          url: new URL(
+            `https://www.dev.documentcloud.org/documents/20000040-the-santa-anas/?q=${query}`,
+          ),
+        },
+      },
+    },
+  }}
+>
+  <ViewerContext {document} pdf={writable(load(url))}>
     <p>Query: {query}</p>
+    <p>URL: {$page.url}</p>
     <PdfPage page_number={1} scale={1.5} {width} {height} />
   </ViewerContext>
 </Story>

diff --git a/src/lib/utils/search.ts b/src/lib/utils/search.ts
@@ -73,5 +73,8 @@ export function pageNumber(page: string): number {
 }
 
 export function getQuery(url: URL, param: string = "q"): string {
-  return url.searchParams.get(param) ?? "";
+  if (!url) {
+    console.error("Missing URL");
+  }
+  return url?.searchParams?.get(param) ?? "";
 }