Merge pull request #256 from outerbase/develop

deployment v0.9.2

Author: invisal

.prettierrc

@@ -2,5 +2,8 @@
   "trailingComma": "es5",
   "tabWidth": 2,
   "semi": true,
-  "singleQuote": false
+  "singleQuote": false,
+  "plugins": [
+    "prettier-plugin-tailwindcss"
+  ]
 }

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@libsqlstudio/studio",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "private": false,
   "scripts": {
     "dev": "next dev -p 3008",
@@ -127,6 +127,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
+    "prettier-plugin-tailwindcss": "^0.6.10",
     "shiki": "^1.12.0",
     "showdown": "^2.1.0",
     "tailwindcss": "^3.4.3",

package.json

@@ -1,8 +1,9 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
 import { StudioExtensionManager } from "@/core/extension-manager";
-import { createStandardExtensions } from "@/core/standard-extension";
+import { createMySQLExtensions } from "@/core/standard-extension";
 import { IframeDoltDriver } from "@/drivers/iframe-driver";
+import ElectronSavedDocs from "@/drivers/saved-doc/electron-saved-doc";
 import DoltExtension from "@/extensions/dolt";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
@@ -13,18 +14,25 @@ export default function EmbedPageClient() {
 
   const extensions = useMemo(() => {
     return new StudioExtensionManager([
-      ...createStandardExtensions(),
+      ...createMySQLExtensions(),
       new DoltExtension(),
     ]);
   }, []);
 
+  const savedDocDriver = useMemo(() => {
+    if (window.outerbaseIpc?.docs) {
+      return new ElectronSavedDocs();
+    }
+  }, []);
+
   useEffect(() => {
     return driver.listen();
   }, [driver]);
 
   return (
     <Studio
       driver={driver}
+      docDriver={savedDocDriver}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "gray"}
       extensions={extensions}

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

@@ -1,8 +1,9 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
 import { StudioExtensionManager } from "@/core/extension-manager";
-import { createStandardExtensions } from "@/core/standard-extension";
+import { createMySQLExtensions } from "@/core/standard-extension";
 import { IframeMySQLDriver } from "@/drivers/iframe-driver";
+import ElectronSavedDocs from "@/drivers/saved-doc/electron-saved-doc";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
 
@@ -11,7 +12,13 @@ export default function EmbedPageClient() {
   const driver = useMemo(() => new IframeMySQLDriver(), []);
 
   const extensions = useMemo(() => {
-    return new StudioExtensionManager(createStandardExtensions());
+    return new StudioExtensionManager(createMySQLExtensions());
+  }, []);
+
+  const savedDocDriver = useMemo(() => {
+    if (window.outerbaseIpc?.docs) {
+      return new ElectronSavedDocs();
+    }
   }, []);
 
   useEffect(() => {
@@ -22,6 +29,7 @@ export default function EmbedPageClient() {
     <Studio
       driver={driver}
       extensions={extensions}
+      docDriver={savedDocDriver}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "gray"}
     />

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

@@ -1,8 +1,9 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
 import { StudioExtensionManager } from "@/core/extension-manager";
-import { createStandardExtensions } from "@/core/standard-extension";
+import { createPostgreSQLExtensions } from "@/core/standard-extension";
 import { IframePostgresDriver } from "@/drivers/iframe-driver";
+import ElectronSavedDocs from "@/drivers/saved-doc/electron-saved-doc";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
 
@@ -11,7 +12,13 @@ export default function EmbedPageClient() {
   const driver = useMemo(() => new IframePostgresDriver(), []);
 
   const extensions = useMemo(() => {
-    return new StudioExtensionManager(createStandardExtensions());
+    return new StudioExtensionManager(createPostgreSQLExtensions());
+  }, []);
+
+  const savedDocDriver = useMemo(() => {
+    if (window.outerbaseIpc?.docs) {
+      return new ElectronSavedDocs();
+    }
   }, []);
 
   useEffect(() => {
@@ -22,6 +29,7 @@ export default function EmbedPageClient() {
     <Studio
       driver={driver}
       extensions={extensions}
+      docDriver={savedDocDriver}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "gray"}
     />

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

@@ -1,8 +1,9 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
 import { StudioExtensionManager } from "@/core/extension-manager";
-import { createStandardExtensions } from "@/core/standard-extension";
+import { createSQLiteExtensions } from "@/core/standard-extension";
 import { IframeSQLiteDriver } from "@/drivers/iframe-driver";
+import ElectronSavedDocs from "@/drivers/saved-doc/electron-saved-doc";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
 
@@ -11,7 +12,13 @@ export default function EmbedPageClient() {
   const driver = useMemo(() => new IframeSQLiteDriver(), []);
 
   const extensions = useMemo(() => {
-    return new StudioExtensionManager(createStandardExtensions());
+    return new StudioExtensionManager(createSQLiteExtensions());
+  }, []);
+
+  const savedDocDriver = useMemo(() => {
+    if (window.outerbaseIpc?.docs) {
+      return new ElectronSavedDocs();
+    }
   }, []);
 
   useEffect(() => {
@@ -22,6 +29,7 @@ export default function EmbedPageClient() {
     <Studio
       extensions={extensions}
       driver={driver}
+      docDriver={savedDocDriver}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "gray"}
     />

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

@@ -1,8 +1,9 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
 import { StudioExtensionManager } from "@/core/extension-manager";
-import { createStandardExtensions } from "@/core/standard-extension";
+import { createSQLiteExtensions } from "@/core/standard-extension";
 import { IframeSQLiteDriver } from "@/drivers/iframe-driver";
+import ElectronSavedDocs from "@/drivers/saved-doc/electron-saved-doc";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
 
@@ -13,8 +14,14 @@ export default function EmbedPageClient() {
     []
   );
 
+  const savedDocDriver = useMemo(() => {
+    if (window.outerbaseIpc?.docs) {
+      return new ElectronSavedDocs();
+    }
+  }, []);
+
   const extensions = useMemo(() => {
-    return new StudioExtensionManager(createStandardExtensions());
+    return new StudioExtensionManager(createSQLiteExtensions());
   }, []);
 
   useEffect(() => {
@@ -25,6 +32,7 @@ export default function EmbedPageClient() {
     <Studio
       driver={driver}
       extensions={extensions}
+      docDriver={savedDocDriver}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "blue"}
     />

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

@@ -1,8 +1,9 @@
 "use client";
 import { Studio } from "@/components/gui/studio";
 import { StudioExtensionManager } from "@/core/extension-manager";
-import { createStandardExtensions } from "@/core/standard-extension";
+import { createSQLiteExtensions } from "@/core/standard-extension";
 import { IframeSQLiteDriver } from "@/drivers/iframe-driver";
+import ElectronSavedDocs from "@/drivers/saved-doc/electron-saved-doc";
 import { useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
 
@@ -18,8 +19,14 @@ export default function EmbedPageClient() {
     []
   );
 
+  const savedDocDriver = useMemo(() => {
+    if (window.outerbaseIpc?.docs) {
+      return new ElectronSavedDocs();
+    }
+  }, []);
+
   const extensions = useMemo(() => {
-    return new StudioExtensionManager(createStandardExtensions());
+    return new StudioExtensionManager(createSQLiteExtensions());
   }, []);
 
   useEffect(() => {
@@ -30,6 +37,7 @@ export default function EmbedPageClient() {
     <Studio
       driver={driver}
       extensions={extensions}
+      docDriver={savedDocDriver}
       name={searchParams.get("name") || "Unnamed Connection"}
       color={searchParams.get("color") || "gray"}
     />