add turso integration

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

@@ -0,0 +1,30 @@
+"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,
+        supportBigInt: true,
+      }),
+    []
+  );
+
+  useEffect(() => {
+    return driver.listen();
+  }, [driver]);
+
+  return (
+    <Studio
+      driver={driver}
+      name={searchParams.get("name") || "Unnamed Connection"}
+      color={searchParams.get("color") || "gray"}
+    />
+  );
+}

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

@@ -0,0 +1,4 @@
+import { createEmbedPage } from "../embed-page";
+import EmbedPageClient from "./page-client";
+
+export default createEmbedPage(() => <EmbedPageClient />);

src/components/gui/schema-editor/schema-editor-column-list.tsx

@@ -110,8 +110,16 @@ function ColumnItemType({
     databaseDriver.columnTypeSelector.type === "dropdown" &&
     databaseDriver.columnTypeSelector.dropdownOptions
   ) {
+    const normalizedValue = databaseDriver.columnTypeSelector.dropdownNormalized
+      ? databaseDriver.columnTypeSelector.dropdownNormalized(value) || value
+      : value;
+
     return (
-      <Select value={value} onValueChange={onChange} disabled={disabled}>
+      <Select
+        value={normalizedValue}
+        onValueChange={onChange}
+        disabled={disabled}
+      >
         <SelectTrigger className="bg-inherit border-0 rounded-none shadow-none text-sm">
           <SelectValue placeholder="Select datatype" />
         </SelectTrigger>

src/drivers/base-driver.ts

@@ -222,6 +222,7 @@ export interface ColumnTypeSuggestion {
 export interface ColumnTypeSelector {
   type: "dropdown" | "text";
   dropdownOptions?: { value: string; text: string }[];
+  dropdownNormalized?: (value: string) => string;
   typeSuggestions?: ColumnTypeSuggestionGroup[];
 
   // This will use for auto field when create table column

src/drivers/iframe-driver.ts

@@ -95,11 +95,29 @@ export class IframeSQLiteDriver extends SqliteLikeBaseDriver {
       ? new ElectronConnection()
       : new IframeConnection();
 
-  constructor(options?: { supportPragmaList: boolean }) {
+  protected supportBigInt = false;
+
+  constructor(options?: {
+    supportPragmaList: boolean;
+    supportBigInt: boolean;
+  }) {
     super();
     if (options?.supportPragmaList !== undefined) {
       this.supportPragmaList = options.supportPragmaList;
     }
+
+    if (options?.supportBigInt !== undefined) {
+      this.supportBigInt = options.supportBigInt;
+    }
+  }
+
+  getFlags(): DriverFlags {
+    return {
+      ...super.getFlags(),
+      supportCreateUpdateTable: true,
+      supportModifyColumn: true,
+      supportBigInt: this.supportBigInt,
+    };
   }
 
   listen() {

src/drivers/sqlite-base-driver.ts

@@ -1,4 +1,4 @@
-import type {
+import {
   ColumnTypeSelector,
   DatabaseResultSet,
   DatabaseSchemaItem,
@@ -28,6 +28,14 @@ export abstract class SqliteLikeBaseDriver extends CommonSQLImplement {
 
   columnTypeSelector: ColumnTypeSelector = {
     type: "dropdown",
+    dropdownNormalized: (typeName: string): string => {
+      const type = convertSqliteType(typeName);
+      if (type === undefined) return "TEXT";
+      if (type === TableColumnDataType.INTEGER) return "INTEGER";
+      if (type === TableColumnDataType.REAL) return "REAL";
+      if (type === TableColumnDataType.BLOB) return "BLOB";
+      return "TEXT";
+    },
     dropdownOptions: [
       { text: "Integer", value: "INTEGER" },
       { text: "Real", value: "REAL" },