From 0aa562f6ee5c20385f3ccbd63519b9aeda222b0d Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Tue, 5 May 2026 23:51:07 +0800
Subject: [PATCH] fix: replace crypto.randomUUID with polyfill for HTTP
 contexts

crypto.randomUUID() is only available in secure contexts (HTTPS/localhost).
Add uuid() utility with fallback for HTTP deployments.
---
 src/components/connection/ConnectionDialog.vue         |  5 +++--
 src/components/editor/AiAssistant.vue                  |  5 +++--
 src/components/import/TableImportDialog.vue            |  3 ++-
 src/components/mongo/JsonEditNode.vue                  |  3 ++-
 src/components/mongo/MongoDocBrowser.vue               |  7 ++++---
 src/components/search/DatabaseSearchDialog.vue         |  3 ++-
 src/components/sql-file/SqlFileExecutionDialog.vue     |  3 ++-
 .../structure/TableStructureEditorDialog.vue           |  5 +++--
 src/components/transfer/DataTransferDialog.vue         |  3 ++-
 src/composables/useFileDrop.ts                         |  5 +++--
 src/lib/ai.ts                                          |  3 ++-
 src/lib/sidebarLayout.ts                               |  3 ++-
 src/lib/utils.ts                                       | 10 ++++++++++
 src/stores/connectionStore.ts                          |  3 ++-
 src/stores/historyStore.ts                             |  3 ++-
 src/stores/queryStore.ts                               |  7 ++++---
 16 files changed, 48 insertions(+), 23 deletions(-)

diff --git a/src/components/connection/ConnectionDialog.vue b/src/components/connection/ConnectionDialog.vue
index 82d4f32587..e745668a6f 100644
--- a/src/components/connection/ConnectionDialog.vue
+++ b/src/components/connection/ConnectionDialog.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from "vue";
+import { uuid } from "@/lib/utils";
 import { useI18n } from "vue-i18n";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
@@ -400,7 +401,7 @@ async function testConnection() {
   isTesting.value = true;
   testResult.value = null;
   try {
-    const config: ConnectionConfig = { ...form.value, id: editingId.value || crypto.randomUUID() };
+    const config: ConnectionConfig = { ...form.value, id: editingId.value || uuid() };
     const msg = await api.testConnection(config);
     if (runId !== testRunId) return;
     testResult.value = { ok: true, message: msg };
@@ -465,7 +466,7 @@ async function save() {
       await store.updateConnection(updated);
       store.stopEditing();
     } else {
-      const config: ConnectionConfig = { ...form.value, id: crypto.randomUUID() };
+      const config: ConnectionConfig = { ...form.value, id: uuid() };
       await store.addConnection(config);
       open.value = false;
       await nextTick();
diff --git a/src/components/editor/AiAssistant.vue b/src/components/editor/AiAssistant.vue
index f208784fc9..d3f23b333a 100644
--- a/src/components/editor/AiAssistant.vue
+++ b/src/components/editor/AiAssistant.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, nextTick, onMounted, ref } from "vue";
+import { uuid } from "@/lib/utils";
 import { useI18n } from "vue-i18n";
 import {
   ArrowUp,
@@ -276,7 +277,7 @@ async function send() {
   isGenerating.value = true;
   messages.value.push({ role: "assistant", content: "" });
   const assistantIdx = messages.value.length - 1;
-  const sessionId = crypto.randomUUID();
+  const sessionId = uuid();
   currentSessionId.value = sessionId;
   try {
     const context = await buildAiContext(props.tab, props.connection);
@@ -344,7 +345,7 @@ function clearMessages() {
 
 async function persistConversation() {
   if (!messages.value.length || !props.connection) return;
-  if (!conversationId.value) conversationId.value = crypto.randomUUID();
+  if (!conversationId.value) conversationId.value = uuid();
   const first = messages.value.find((m) => m.role === "user");
   await saveAiConversation({
     id: conversationId.value,
diff --git a/src/components/import/TableImportDialog.vue b/src/components/import/TableImportDialog.vue
index c0bf5a5294..5fd8f3116d 100644
--- a/src/components/import/TableImportDialog.vue
+++ b/src/components/import/TableImportDialog.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
+import { uuid } from "@/lib/utils";
 import { useI18n } from "vue-i18n";
 import { isTauriRuntime } from "@/lib/tauriRuntime";
 import { Dialog, DialogHeader, DialogTitle, DialogFooter, DialogScrollContent } from "@/components/ui/dialog";
@@ -165,7 +166,7 @@ async function startImport() {
   running.value = true;
   cancelling.value = false;
   errorMessage.value = "";
-  importId.value = crypto.randomUUID();
+  importId.value = uuid();
   progress.value = {
     importId: importId.value,
     status: "running",
diff --git a/src/components/mongo/JsonEditNode.vue b/src/components/mongo/JsonEditNode.vue
index 21641470fe..d318f53534 100644
--- a/src/components/mongo/JsonEditNode.vue
+++ b/src/components/mongo/JsonEditNode.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from "vue";
+import { uuid } from "@/lib/utils";
 import { useI18n } from "vue-i18n";
 import { Plus, Trash2 } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
@@ -67,7 +68,7 @@ function fieldValueTone(value: string): string {
 
 function createBlankNode(keyName: string, readonlyKey: boolean): EditNode {
   return {
-    key: crypto.randomUUID(),
+    key: uuid(),
     keyName,
     kind: "value",
     valueText: "",
diff --git a/src/components/mongo/MongoDocBrowser.vue b/src/components/mongo/MongoDocBrowser.vue
index 8304f312f0..1817b6db35 100644
--- a/src/components/mongo/MongoDocBrowser.vue
+++ b/src/components/mongo/MongoDocBrowser.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, onMounted } from "vue";
+import { uuid } from "@/lib/utils";
 import { useI18n } from "vue-i18n";
 import { RefreshCw, Trash2, Plus, Save, ChevronLeft, ChevronRight } from "lucide-vue-next";
 import { Button } from "@/components/ui/button";
@@ -130,7 +131,7 @@ function cancelEdit() {
 function createEditNode(keyName: string, value: unknown, readonlyKey: boolean, readonlyValue: boolean): EditNode {
   if (Array.isArray(value)) {
     return {
-      key: crypto.randomUUID(),
+      key: uuid(),
       keyName,
       kind: "array",
       valueText: "",
@@ -142,7 +143,7 @@ function createEditNode(keyName: string, value: unknown, readonlyKey: boolean, r
 
   if (value && typeof value === "object") {
     return {
-      key: crypto.randomUUID(),
+      key: uuid(),
       keyName,
       kind: "object",
       valueText: "",
@@ -155,7 +156,7 @@ function createEditNode(keyName: string, value: unknown, readonlyKey: boolean, r
   }
 
   return {
-    key: crypto.randomUUID(),
+    key: uuid(),
     keyName,
     kind: "value",
     valueText: formatForEdit(value),
diff --git a/src/components/search/DatabaseSearchDialog.vue b/src/components/search/DatabaseSearchDialog.vue
index 52d8d1e83f..6cd3b6cce2 100644
--- a/src/components/search/DatabaseSearchDialog.vue
+++ b/src/components/search/DatabaseSearchDialog.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
+import { uuid } from "@/lib/utils";
 import { useI18n } from "vue-i18n";
 import { AlertCircle, Loader2, Search, Square, Table2 } from "lucide-vue-next";
 import { Badge } from "@/components/ui/badge";
@@ -129,7 +130,7 @@ function filterSearchSchemas(schemas: string[]): string[] {
 }
 
 function makeExecutionId(): string {
-  if (typeof crypto !== "undefined" && "randomUUID" in crypto) return `database-search-${crypto.randomUUID()}`;
+  if (typeof crypto !== "undefined" && "randomUUID" in crypto) return `database-search-${uuid()}`;
   return `database-search-${Date.now()}-${Math.random().toString(16).slice(2)}`;
 }
 
diff --git a/src/components/sql-file/SqlFileExecutionDialog.vue b/src/components/sql-file/SqlFileExecutionDialog.vue
index c41ccf5faf..6d05e0a6bd 100644
--- a/src/components/sql-file/SqlFileExecutionDialog.vue
+++ b/src/components/sql-file/SqlFileExecutionDialog.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
+import { uuid } from "@/lib/utils";
 import { useI18n } from "vue-i18n";
 import { isTauriRuntime } from "@/lib/tauriRuntime";
 import { Dialog, DialogFooter, DialogHeader, DialogScrollContent, DialogTitle } from "@/components/ui/dialog";
@@ -234,7 +235,7 @@ async function selectFile() {
 async function startExecution() {
   if (!canStart.value || !preview.value) return;
 
-  const id = crypto.randomUUID();
+  const id = uuid();
   executionId.value = id;
   running.value = true;
   cancelling.value = false;
diff --git a/src/components/structure/TableStructureEditorDialog.vue b/src/components/structure/TableStructureEditorDialog.vue
index d5bf53e8a1..5187d847d2 100644
--- a/src/components/structure/TableStructureEditorDialog.vue
+++ b/src/components/structure/TableStructureEditorDialog.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
+import { uuid } from "@/lib/utils";
 import { useI18n } from "vue-i18n";
 import { Dialog, DialogFooter, DialogHeader, DialogScrollContent, DialogTitle } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
@@ -167,7 +168,7 @@ async function loadStructure() {
 
 function addColumn() {
   columns.value.push({
-    id: `new:${crypto.randomUUID()}`,
+    id: `new:${uuid()}`,
     name: "",
     dataType: "varchar(255)",
     isNullable: true,
@@ -189,7 +190,7 @@ function toggleDropColumn(column: EditableStructureColumn) {
 
 function addIndex() {
   indexes.value.push({
-    id: `new:${crypto.randomUUID()}`,
+    id: `new:${uuid()}`,
     name: "",
     columns: [],
     isUnique: false,
diff --git a/src/components/transfer/DataTransferDialog.vue b/src/components/transfer/DataTransferDialog.vue
index e77202e954..a4ffc6fa1f 100644
--- a/src/components/transfer/DataTransferDialog.vue
+++ b/src/components/transfer/DataTransferDialog.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watch } from "vue";
+import { uuid } from "@/lib/utils";
 import { useI18n } from "vue-i18n";
 import { Dialog, DialogHeader, DialogTitle, DialogFooter, DialogScrollContent } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
@@ -204,7 +205,7 @@ async function startTransfer() {
   overallCancelled.value = false;
   transferProgress.value.clear();
 
-  transferId.value = crypto.randomUUID();
+  transferId.value = uuid();
 
   // Auto-detect target schema
   const targetConfig = store.getConfig(targetConnectionId.value);
diff --git a/src/composables/useFileDrop.ts b/src/composables/useFileDrop.ts
index f268348b82..0f56db0408 100644
--- a/src/composables/useFileDrop.ts
+++ b/src/composables/useFileDrop.ts
@@ -1,4 +1,5 @@
 import { useI18n } from "vue-i18n";
+import { uuid } from "@/lib/utils";
 import { useConnectionStore } from "@/stores/connectionStore";
 import { useQueryStore } from "@/stores/queryStore";
 import { useToast } from "@/composables/useToast";
@@ -41,7 +42,7 @@ export function useFileDrop() {
         const dataQuery = getDataFileQuery(path);
         if (dataQuery) {
           const config: ConnectionConfig = {
-            id: crypto.randomUUID(),
+            id: uuid(),
             name: `[Preview] ${name}`,
             db_type: "duckdb",
             driver_profile: "duckdb",
@@ -64,7 +65,7 @@ export function useFileDrop() {
         const dbType = getDbType(path);
         if (!dbType) continue;
         const config: ConnectionConfig = {
-          id: crypto.randomUUID(),
+          id: uuid(),
           name,
           db_type: dbType,
           driver_profile: dbType,
diff --git a/src/lib/ai.ts b/src/lib/ai.ts
index 0791959d0d..89afa3d4d7 100644
--- a/src/lib/ai.ts
+++ b/src/lib/ai.ts
@@ -1,4 +1,5 @@
 import type { AiConfig } from "@/stores/settingsStore";
+import { uuid } from "@/lib/utils";
 import type {
   ColumnInfo,
   ConnectionConfig,
@@ -111,7 +112,7 @@ export async function runAiStream(
 
   const messages: api.AiMessage[] = [...(history || []), { role: "user", content: userPrompt }];
 
-  const sid = sessionId || crypto.randomUUID();
+  const sid = sessionId || uuid();
   const params = actionParams(input.action);
 
   await api.aiStream(
diff --git a/src/lib/sidebarLayout.ts b/src/lib/sidebarLayout.ts
index 1ad4b3377c..9591a24fb7 100644
--- a/src/lib/sidebarLayout.ts
+++ b/src/lib/sidebarLayout.ts
@@ -1,4 +1,5 @@
 import type { ConnectionConfig, ConnectionGroup, SidebarLayout, SidebarOrderEntry, TreeNode } from "@/types/database";
+import { uuid } from "@/lib/utils";
 
 export function emptyLayout(): SidebarLayout {
   return { groups: [], order: [] };
@@ -234,7 +235,7 @@ function reorderConnection(
 }
 
 export function createGroup(layout: SidebarLayout, name: string): { layout: SidebarLayout; groupId: string } {
-  const groupId = crypto.randomUUID();
+  const groupId = uuid();
   const group: ConnectionGroup = { id: groupId, name, collapsed: false };
   return {
     groupId,
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 88283f0133..80ca1a860f 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -5,3 +5,13 @@ import { twMerge } from "tailwind-merge";
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
+
+export function uuid(): string {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = (Math.random() * 16) | 0;
+    return (c === "x" ? r : (r & 0x3) | 0x8).toString(16);
+  });
+}
diff --git a/src/stores/connectionStore.ts b/src/stores/connectionStore.ts
index 127bb725ff..508f4533bf 100644
--- a/src/stores/connectionStore.ts
+++ b/src/stores/connectionStore.ts
@@ -1,4 +1,5 @@
 import { defineStore } from "pinia";
+import { uuid } from "@/lib/utils";
 import { ref, watch } from "vue";
 import type { ColumnInfo, ConnectionConfig, SidebarLayout, TreeNode } from "@/types/database";
 import { orderPinnedFirst } from "@/lib/pinnedItems";
@@ -866,7 +867,7 @@ export const useConnectionStore = defineStore("connection", () => {
         (c) => c.name === config.name && c.host === config.host && c.port === config.port,
       );
       if (!duplicate) {
-        config.id = crypto.randomUUID();
+        config.id = uuid();
         const normalized = normalizeConnection(config);
         await addConnection(normalized);
         count++;
diff --git a/src/stores/historyStore.ts b/src/stores/historyStore.ts
index 7bae849875..76e78098ac 100644
--- a/src/stores/historyStore.ts
+++ b/src/stores/historyStore.ts
@@ -1,4 +1,5 @@
 import { defineStore } from "pinia";
+import { uuid } from "@/lib/utils";
 import { ref } from "vue";
 import * as api from "@/lib/api";
 import type { HistoryEntry } from "@/lib/api";
@@ -19,7 +20,7 @@ export const useHistoryStore = defineStore("history", () => {
   async function add(entry: Omit<HistoryEntry, "id" | "executed_at">) {
     const full: HistoryEntry = {
       ...entry,
-      id: crypto.randomUUID(),
+      id: uuid(),
       executed_at: new Date().toISOString(),
     };
     await api.saveHistory(full);
diff --git a/src/stores/queryStore.ts b/src/stores/queryStore.ts
index 2e70ebf92f..c0f20636b9 100644
--- a/src/stores/queryStore.ts
+++ b/src/stores/queryStore.ts
@@ -1,4 +1,5 @@
 import { defineStore } from "pinia";
+import { uuid } from "@/lib/utils";
 import { ref, watch } from "vue";
 import type { DatabaseType, QueryTab } from "@/types/database";
 import { orderPinnedFirst } from "@/lib/pinnedItems";
@@ -87,7 +88,7 @@ export const useQueryStore = defineStore("query", () => {
       }
     }
 
-    const id = crypto.randomUUID();
+    const id = uuid();
     const tab: QueryTab = {
       id,
       title: title || `Query ${tabs.value.length + 1}`,
@@ -222,7 +223,7 @@ export const useQueryStore = defineStore("query", () => {
     const tab = tabs.value.find((t) => t.id === id);
     if (!tab || !sql.trim()) return;
 
-    const executionId = crypto.randomUUID();
+    const executionId = uuid();
     tab.isExecuting = true;
     tab.isCancelling = false;
     tab.executionId = executionId;
@@ -270,7 +271,7 @@ export const useQueryStore = defineStore("query", () => {
       return built;
     }
 
-    const executionId = crypto.randomUUID();
+    const executionId = uuid();
     tab.isExplaining = true;
     tab.explainExecutionId = executionId;
     tab.explainError = undefined;