succuess pt. 10 fix ssr on preview and prod builds

src/lib/db/client-db/index.ts

@@ -2,19 +2,48 @@ export * from "./queries";
 export * from "./seed";
 
 import { drizzle } from "drizzle-orm/sqlite-proxy";
-import { SQLocalDrizzle } from "sqlocal/drizzle";
-
-const { driver, batchDriver, overwriteDatabaseFile } = new SQLocalDrizzle(
-	"database.sqlite3",
-);
-
-export const db = drizzle(driver, batchDriver);
+import { browser } from "$app/environment";
 
 /**
  * Concrete client DB type (SQLocal-backed Drizzle via sqlite-proxy).
  * Exported to allow query helpers to accept the specific type without
  * creating circular type references.
  */
-export type ClientDb = typeof db;
+export type ClientDb = ReturnType<typeof drizzle>;
 
-export { overwriteDatabaseFile };
+type ClientDbHolder = {
+	db: ClientDb;
+	overwriteDatabaseFile: (
+		input: ReadableStream<Uint8Array> | Blob | Uint8Array,
+	) => Promise<void>;
+};
+
+let holder: ClientDbHolder | null = null;
+
+/**
+ * Lazily create the SQLocal-backed Drizzle DB.
+ * Must only be called in the browser (Workers SSR does not provide `BroadcastChannel`).
+ */
+export async function getClientDb(): Promise<ClientDbHolder> {
+	if (!browser) {
+		throw new Error(
+			"Client DB is only available in the browser (SSR is not supported).",
+		);
+	}
+
+	if (holder) return holder;
+
+	// Dynamic import keeps SQLocal (and its browser-only APIs) out of SSR evaluation.
+	const { SQLocalDrizzle } = await import("sqlocal/drizzle");
+
+	const { driver, batchDriver, overwriteDatabaseFile } = new SQLocalDrizzle(
+		"database.sqlite3",
+	);
+
+	holder = {
+		db: drizzle(driver, batchDriver),
+		overwriteDatabaseFile,
+	};
+
+	return holder;
+}