snapshot

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Svelte + TS</title>
+    <title>Live Caputre Mode</title>
   </head>
   <body>
     <div id="app"></div>

src/CompCamera.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 import { onMount } from "svelte";
-import type { IGalleryDb, IGalleryImage } from "./app";
+import { intervalInSeconds, type IGalleryDb, type IGalleryImage } from "./app";
 import CompGalleryImage from "./CompGalleryImage.svelte";
 import CompDialogImage from "./CompDialogImage.svelte";
 
@@ -47,7 +47,7 @@ onMount(() => {
       });
 
       await queryPage.refresh();
-    }, 5000);
+    }, intervalInSeconds * 1000);
 
     cleanup.push(() => {
       clearInterval(intervalId);

src/app.ts

@@ -2,6 +2,13 @@ import { openDB, type IDBPDatabase } from "idb";
 import type { Readable } from "svelte/motion";
 import { readable, writable } from "svelte/store";
 
+// #####################
+// ###
+export const intervalInSeconds = 15 * 60;
+// ###
+// #####################
+
+
 export interface IGalleryImage {
   id: IDBValidKey;
   when: Date;