add starbase embed

src/app/(theme)/embed/starbase/page-client.tsx

@@ -0,0 +1,25 @@
+"use client";
+import { Studio } from "@/components/gui/studio";
+import { IframeSQLiteDriver } from "@/drivers/iframe-driver";
+import { useSearchParams } from "next/navigation";
+import { useEffect, useMemo } from "react";
+
+export default function EmbedPageClient() {
+  const searchParams = useSearchParams();
+  const driver = useMemo(
+    () => new IframeSQLiteDriver({ supportPragmaList: false }),
+    []
+  );
+
+  useEffect(() => {
+    return driver.listen();
+  }, [driver]);
+
+  return (
+    <Studio
+      driver={driver}
+      name={searchParams.get("name") || "Unnamed Connection"}
+      color={searchParams.get("color") || "blue"}
+    />
+  );
+}

src/app/(theme)/embed/starbase/page.tsx

@@ -0,0 +1,10 @@
+import ThemeLayout from "../../theme_layout";
+import EmbedPageClient from "./page-client";
+
+export default async function EmbedPage() {
+  return (
+    <ThemeLayout overrideTheme={"dark"} disableToggle={true}>
+      <EmbedPageClient />
+    </ThemeLayout>
+  );
+}

src/drivers/iframe-driver.ts

@@ -76,6 +76,13 @@ class IframeConnection {
 export class IframeSQLiteDriver extends SqliteLikeBaseDriver {
   protected conn = new IframeConnection();
 
+  constructor(options?: { supportPragmaList: boolean }) {
+    super();
+    if (options?.supportPragmaList) {
+      this.supportPragmaList = true;
+    }
+  }
+
   listen() {
     this.conn.listen();
   }