Merge pull request #237 from outerbase/breakdown-to-extension

restructure to more extension-based

Author: invisal

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

@@ -1,13 +1,23 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
+import { StudioExtensionManager } from "@/core/extension-manager";
+import { createStandardExtensions } from "@/core/standard-extension";
 import { IframeDoltDriver } from "@/drivers/iframe-driver";
+import DoltExtension from "@/extensions/dolt";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
 
 export default function EmbedPageClient() {
   const searchParams = useSearchParams();
   const driver = useMemo(() => new IframeDoltDriver(), []);
 
+  const extensions = useMemo(() => {
+    return new StudioExtensionManager([
+      ...createStandardExtensions(),
+      new DoltExtension(),
+    ]);
+  }, []);
+
   useEffect(() => {
     return driver.listen();
   }, [driver]);
@@ -17,6 +27,7 @@ export default function EmbedPageClient() {
       driver={driver}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "gray"}
+      extensions={extensions}
     />
   );
 }

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

@@ -1,5 +1,7 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
+import { StudioExtensionManager } from "@/core/extension-manager";
+import { createStandardExtensions } from "@/core/standard-extension";
 import { IframeMySQLDriver } from "@/drivers/iframe-driver";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
@@ -8,13 +10,18 @@ export default function EmbedPageClient() {
   const searchParams = useSearchParams();
   const driver = useMemo(() => new IframeMySQLDriver(), []);
 
+  const extensions = useMemo(() => {
+    return new StudioExtensionManager(createStandardExtensions());
+  }, []);
+
   useEffect(() => {
     return driver.listen();
   }, [driver]);
 
   return (
     <Studio
       driver={driver}
+      extensions={extensions}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "gray"}
     />

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

@@ -1,5 +1,7 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
+import { StudioExtensionManager } from "@/core/extension-manager";
+import { createStandardExtensions } from "@/core/standard-extension";
 import { IframePostgresDriver } from "@/drivers/iframe-driver";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
@@ -8,13 +10,18 @@ export default function EmbedPageClient() {
   const searchParams = useSearchParams();
   const driver = useMemo(() => new IframePostgresDriver(), []);
 
+  const extensions = useMemo(() => {
+    return new StudioExtensionManager(createStandardExtensions());
+  }, []);
+
   useEffect(() => {
     return driver.listen();
   }, [driver]);
 
   return (
     <Studio
       driver={driver}
+      extensions={extensions}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "gray"}
     />

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

@@ -1,5 +1,7 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
+import { StudioExtensionManager } from "@/core/extension-manager";
+import { createStandardExtensions } from "@/core/standard-extension";
 import { IframeSQLiteDriver } from "@/drivers/iframe-driver";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
@@ -8,12 +10,17 @@ export default function EmbedPageClient() {
   const searchParams = useSearchParams();
   const driver = useMemo(() => new IframeSQLiteDriver(), []);
 
+  const extensions = useMemo(() => {
+    return new StudioExtensionManager(createStandardExtensions());
+  }, []);
+
   useEffect(() => {
     return driver.listen();
   }, [driver]);
 
   return (
     <Studio
+      extensions={extensions}
       driver={driver}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "gray"}

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

@@ -1,5 +1,7 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
+import { StudioExtensionManager } from "@/core/extension-manager";
+import { createStandardExtensions } from "@/core/standard-extension";
 import { IframeSQLiteDriver } from "@/drivers/iframe-driver";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
@@ -11,13 +13,18 @@ export default function EmbedPageClient() {
     []
   );
 
+  const extensions = useMemo(() => {
+    return new StudioExtensionManager(createStandardExtensions());
+  }, []);
+
   useEffect(() => {
     return driver.listen();
   }, [driver]);
 
   return (
     <Studio
       driver={driver}
+      extensions={extensions}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "blue"}
     />

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

@@ -1,5 +1,7 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
+import { StudioExtensionManager } from "@/core/extension-manager";
+import { createStandardExtensions } from "@/core/standard-extension";
 import { IframeSQLiteDriver } from "@/drivers/iframe-driver";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
@@ -16,13 +18,18 @@ export default function EmbedPageClient() {
     []
   );
 
+  const extensions = useMemo(() => {
+    return new StudioExtensionManager(createStandardExtensions());
+  }, []);
+
   useEffect(() => {
     return driver.listen();
   }, [driver]);
 
   return (
     <Studio
       driver={driver}
+      extensions={extensions}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "gray"}
     />