@researai/deepscientist 1.5.15 → 1.5.17

package/src/ui/dist/assets/CodeEditorPlugin-C4D2TIkU.js

@@ -1,427 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/monaco-LExaAN3Y.js","assets/index-D_E4281X.js","assets/index-G7AcWcMu.css"])))=>i.map(i=>d[i]);
-import { i as isCliFileId, R as React, f as useFileTreeStore, j as jsxRuntimeExports, b as cn, L as LoaderCircle, S as Save, B as Braces, g as RefreshCw, h as dynamic, _ as __vitePreload } from './index-D_E4281X.js';
-import { u as useFileContentStore, a as useFileContentLoading } from './file-content-DT24KFma.js';
-import { a as acquireFileSocket } from './file-socket-B4T2o4nR.js';
-import { c as configureMonacoLoader } from './monaco-LExaAN3Y.js';
-import { u as useFileDiffOverlay } from './useFileDiffOverlay-B8eUAX0I.js';
-import { F as FileDiffPanel } from './file-diff-panel-DK13YPql.js';
-
-const MonacoEditor = dynamic(() => __vitePreload(() => import('./monaco-LExaAN3Y.js').then(n => n.i),true?__vite__mapDeps([0,1,2]):void 0), { });
-configureMonacoLoader();
-function getLanguageFromName(name) {
-  const lower = name.toLowerCase();
-  if (lower.endsWith(".py") || lower.endsWith(".pyw") || lower.endsWith(".pyi")) return "python";
-  if (lower.endsWith(".json") || lower.endsWith(".jsonc") || lower.endsWith(".json5")) return "json";
-  if (lower.endsWith(".ts") || lower.endsWith(".tsx") || lower.endsWith(".mts")) return "typescript";
-  if (lower.endsWith(".js") || lower.endsWith(".jsx") || lower.endsWith(".mjs")) return "javascript";
-  if (lower.endsWith(".md") || lower.endsWith(".markdown")) return "markdown";
-  if (lower.endsWith(".yaml") || lower.endsWith(".yml")) return "yaml";
-  if (lower.endsWith(".html") || lower.endsWith(".htm")) return "html";
-  if (lower.endsWith(".css") || lower.endsWith(".scss") || lower.endsWith(".sass")) return "css";
-  return "plaintext";
-}
-function useIsDarkMode() {
-  const [isDark, setIsDark] = React.useState(() => {
-    if (typeof document === "undefined") return false;
-    return document.documentElement.classList.contains("dark");
-  });
-  React.useEffect(() => {
-    const el = document.documentElement;
-    const observer = new MutationObserver(() => {
-      setIsDark(el.classList.contains("dark"));
-    });
-    observer.observe(el, { attributes: true, attributeFilter: ["class"] });
-    return () => observer.disconnect();
-  }, []);
-  return isDark;
-}
-function useDebouncedEffect(effect, deps, delayMs) {
-  React.useEffect(() => {
-    const id = window.setTimeout(effect, delayMs);
-    return () => window.clearTimeout(id);
-  }, [...deps, delayMs]);
-}
-function CodeEditorPlugin({ context, tabId, setDirty, setTitle }) {
-  const projectId = context.customData?.projectId ?? void 0;
-  const fileMeta = context.customData?.fileMeta ?? void 0;
-  const fileId = context.resourceId;
-  const isCliFile = isCliFileId(fileId);
-  const filePath = context.resourcePath ?? void 0;
-  const fileName = context.resourceName || context.resourcePath || "Untitled";
-  const language = React.useMemo(() => getLanguageFromName(fileName), [fileName]);
-  const isDark = useIsDarkMode();
-  const ensureLoaded = useFileContentStore((s) => s.ensureLoaded);
-  const reloadFile = useFileContentStore((s) => s.reload);
-  const saveHttp = useFileContentStore((s) => s.save);
-  const setContent = useFileContentStore((s) => s.setContent);
-  const applyServerSnapshot = useFileContentStore((s) => s.applyServerSnapshot);
-  const key = projectId && fileId ? useFileContentStore.getState().getKey(projectId, fileId) : null;
-  const entry = useFileContentStore((s) => key ? s.entries[key] : void 0);
-  const loading = useFileContentLoading(projectId, fileId ?? void 0);
-  const updateFileMeta = useFileTreeStore((s) => s.updateFileMeta);
-  const { diffEvent, clearDiff } = useFileDiffOverlay({
-    fileId,
-    filePath,
-    projectId
-  });
-  const editorRef = React.useRef(null);
-  const socketRef = React.useRef(null);
-  const joinedRef = React.useRef(false);
-  const [socketConnected, setSocketConnected] = React.useState(false);
-  React.useEffect(() => {
-    setTitle(fileName);
-  }, [fileName, setTitle]);
-  React.useEffect(() => {
-    if (!projectId || !fileId) return;
-    ensureLoaded({
-      projectId,
-      fileId,
-      updatedAt: fileMeta?.updatedAt,
-      mimeType: context.mimeType ?? fileMeta?.mimeType,
-      sizeBytes: fileMeta?.sizeBytes
-    }).catch((e) => {
-      console.error("[CodeEditorPlugin] Failed to load file:", e);
-    });
-  }, [projectId, fileId, ensureLoaded, fileMeta?.updatedAt, fileMeta?.mimeType, fileMeta?.sizeBytes, context.mimeType]);
-  React.useEffect(() => {
-    if (!projectId || !fileId || isCliFile) return;
-    const { socket, release } = acquireFileSocket();
-    socketRef.current = { socket, release };
-    const joinIfReady = async () => {
-      if (joinedRef.current) return;
-      if (!socket.connected) return;
-      try {
-        joinedRef.current = true;
-        await socket.emitWithAck("file:join", { projectId, fileId, clientVersion: "1.0.0" });
-        setSocketConnected(true);
-      } catch (e) {
-        console.warn("[CodeEditorPlugin] file:join failed:", e);
-      }
-    };
-    const onConnect = () => {
-      setSocketConnected(true);
-      void joinIfReady();
-    };
-    const onDisconnect = () => {
-      setSocketConnected(false);
-      joinedRef.current = false;
-    };
-    const onRemoteUpdate = (payload) => {
-      if (payload?.fileId !== fileId) return;
-      const curKey = useFileContentStore.getState().getKey(projectId, fileId);
-      const curEntry = useFileContentStore.getState().entries[curKey];
-      if (curEntry?.isDirty) return;
-      applyServerSnapshot({
-        projectId,
-        fileId,
-        content: String(payload?.content ?? ""),
-        updatedAt: String(payload?.updatedAt ?? ""),
-        sizeBytes: typeof payload?.size === "number" ? payload.size : void 0,
-        mimeType: curEntry?.mimeType
-      });
-      updateFileMeta(fileId, {
-        updatedAt: String(payload?.updatedAt ?? ""),
-        size: typeof payload?.size === "number" ? payload.size : void 0
-      });
-    };
-    socket.on("connect", onConnect);
-    socket.on("disconnect", onDisconnect);
-    socket.on("file:content-updated", onRemoteUpdate);
-    if (socket.connected) {
-      void joinIfReady();
-    }
-    return () => {
-      try {
-        socket.off("connect", onConnect);
-        socket.off("disconnect", onDisconnect);
-        socket.off("file:content-updated", onRemoteUpdate);
-        if (joinedRef.current) {
-          void socket.emit("file:leave", { projectId, fileId });
-        }
-      } finally {
-        joinedRef.current = false;
-        setSocketConnected(false);
-        socketRef.current = null;
-        release();
-      }
-    };
-  }, [projectId, fileId, isCliFile]);
-  React.useEffect(() => {
-    setDirty(!!entry?.isDirty);
-  }, [entry?.isDirty, setDirty]);
-  const saveRealtime = React.useCallback(async () => {
-    if (!projectId || !fileId || !entry) return;
-    try {
-      const k = useFileContentStore.getState().getKey(projectId, fileId);
-      useFileContentStore.setState((s) => {
-        const cur = s.entries[k];
-        if (!cur) return s;
-        return {
-          entries: {
-            ...s.entries,
-            [k]: { ...cur, saveState: "saving", saveError: void 0 }
-          }
-        };
-      });
-    } catch {
-    }
-    const socket = socketRef.current?.socket;
-    if (!isCliFile && socket && socket.connected && joinedRef.current) {
-      try {
-        const resp = await socket.emitWithAck(
-          "file:update-content",
-          { projectId, fileId, content: entry.content }
-        );
-        if ("error" in resp) {
-          throw new Error(resp.error.message);
-        }
-        applyServerSnapshot({
-          projectId,
-          fileId,
-          content: entry.content,
-          updatedAt: resp.data.updatedAt,
-          sizeBytes: typeof resp.data.size === "number" ? resp.data.size : entry.sizeBytes,
-          mimeType: entry.mimeType
-        });
-        if (!isCliFile) {
-          updateFileMeta(fileId, {
-            updatedAt: resp.data.updatedAt,
-            size: typeof resp.data.size === "number" ? resp.data.size : void 0,
-            mimeType: entry.mimeType
-          });
-        }
-        return;
-      } catch (e) {
-        console.warn("[CodeEditorPlugin] realtime save failed, fallback to HTTP:", e);
-      }
-    }
-    const saved = await saveHttp({ projectId, fileId });
-    if (!isCliFile && saved.updatedAt) {
-      updateFileMeta(fileId, { updatedAt: saved.updatedAt, size: saved.sizeBytes, mimeType: saved.mimeType });
-    }
-  }, [applyServerSnapshot, entry, fileId, isCliFile, projectId, saveHttp, updateFileMeta]);
-  useDebouncedEffect(
-    () => {
-      if (!projectId || !fileId || !entry?.isDirty) return;
-      if (entry.saveState === "saving") return;
-      void saveRealtime();
-    },
-    [projectId, fileId, entry?.content, entry?.isDirty],
-    650
-  );
-  React.useEffect(() => {
-    if (!projectId || !fileId) return;
-    const handler = (e) => {
-      const isSave = (e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "s";
-      if (!isSave) return;
-      e.preventDefault();
-      void saveRealtime();
-    };
-    window.addEventListener("keydown", handler);
-    return () => window.removeEventListener("keydown", handler);
-  }, [projectId, fileId, saveRealtime]);
-  const statusLabel = React.useMemo(() => {
-    if (!entry) return "";
-    if (entry.saveState === "saving") return "Saving…";
-    if (entry.saveState === "error") return entry.saveError || "Save failed";
-    if (entry.isDirty) return "Unsaved";
-    return "Saved";
-  }, [entry]);
-  const canSave = !!projectId && !!fileId && !!entry && !loading;
-  const canFormatJson = language === "json";
-  const runFormat = async () => {
-    const editor = editorRef.current;
-    if (!editor) return;
-    try {
-      await editor.getAction("editor.action.formatDocument").run();
-    } catch (e) {
-      console.warn("[CodeEditorPlugin] Format failed:", e);
-    }
-  };
-  const handleReload = React.useCallback(async () => {
-    if (!projectId || !fileId) return;
-    if (entry?.isDirty) {
-      const confirmed = window.confirm("Discard unsaved changes and reload from server?");
-      if (!confirmed) return;
-    }
-    const node = useFileTreeStore.getState().findNode(fileId);
-    const updatedAt = node?.updatedAt ?? fileMeta?.updatedAt;
-    const sizeBytes = node?.size ?? fileMeta?.sizeBytes;
-    const mimeType = node?.mimeType ?? context.mimeType ?? fileMeta?.mimeType;
-    try {
-      await reloadFile({
-        projectId,
-        fileId,
-        updatedAt,
-        sizeBytes,
-        mimeType,
-        ignoreDirty: true
-      });
-    } catch (e) {
-      console.warn("[CodeEditorPlugin] Reload failed:", e);
-    }
-  }, [
-    projectId,
-    fileId,
-    entry?.isDirty,
-    fileMeta?.updatedAt,
-    fileMeta?.sizeBytes,
-    fileMeta?.mimeType,
-    context.mimeType,
-    reloadFile
-  ]);
-  React.useEffect(() => {
-    if (!diffEvent?.diff) return;
-    if (!projectId || !fileId) return;
-    if (diffEvent.changeType === "delete") return;
-    if (entry?.isDirty) return;
-    void reloadFile({
-      projectId,
-      fileId,
-      mimeType: context.mimeType ?? fileMeta?.mimeType,
-      sizeBytes: fileMeta?.sizeBytes,
-      updatedAt: fileMeta?.updatedAt,
-      ignoreDirty: true
-    });
-  }, [
-    diffEvent,
-    entry?.isDirty,
-    projectId,
-    fileId,
-    context.mimeType,
-    fileMeta?.mimeType,
-    fileMeta?.sizeBytes,
-    fileMeta?.updatedAt,
-    reloadFile
-  ]);
-  if (!projectId || !fileId) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full flex items-center justify-center text-sm text-muted-foreground", children: "No file selected." });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full bg-background", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-border/60 bg-white/60 backdrop-blur dark:bg-black/30", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate text-sm font-medium", children: fileName }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] px-2 py-0.5 rounded bg-black/[0.06] dark:bg-white/[0.08] text-muted-foreground uppercase", children: language })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "span",
-          {
-            className: cn(
-              "text-xs",
-              entry?.saveState === "error" ? "text-red-600" : "text-muted-foreground"
-            ),
-            title: entry?.saveError,
-            children: [
-              statusLabel,
-              !isCliFile && !socketConnected ? " (offline)" : ""
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            className: cn(
-              "inline-flex items-center gap-1.5 text-xs px-2.5 py-1.5 rounded-md",
-              "border border-black/10 bg-white hover:bg-black/[0.03]",
-              "dark:border-white/10 dark:bg-white/[0.04] dark:hover:bg-white/[0.07]",
-              !canSave && "opacity-60 pointer-events-none"
-            ),
-            onClick: () => void saveRealtime(),
-            title: "Save (Ctrl/Cmd+S)",
-            children: [
-              entry?.saveState === "saving" ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Save, { className: "h-3.5 w-3.5" }),
-              "Save"
-            ]
-          }
-        ),
-        canFormatJson ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            className: cn(
-              "inline-flex items-center gap-1.5 text-xs px-2.5 py-1.5 rounded-md",
-              "border border-black/10 bg-white hover:bg-black/[0.03]",
-              "dark:border-white/10 dark:bg-white/[0.04] dark:hover:bg-white/[0.07]"
-            ),
-            onClick: runFormat,
-            title: "Format JSON",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Braces, { className: "h-3.5 w-3.5" }),
-              "Format"
-            ]
-          }
-        ) : null,
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            className: cn(
-              "inline-flex items-center gap-1.5 text-xs px-2.5 py-1.5 rounded-md",
-              "border border-black/10 bg-white hover:bg-black/[0.03]",
-              "dark:border-white/10 dark:bg-white/[0.04] dark:hover:bg-white/[0.07]"
-            ),
-            onClick: () => void handleReload(),
-            title: "Reload from cache/server",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "h-3.5 w-3.5" }),
-              "Reload"
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex-1 min-h-0", children: [
-      diffEvent?.diff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        FileDiffPanel,
-        {
-          diff: diffEvent.diff,
-          changeType: diffEvent.changeType,
-          title: "AI change",
-          subtitle: fileName,
-          onClose: clearDiff,
-          className: "absolute right-4 top-4 z-10 w-[min(420px,46vw)]"
-        }
-      ) : null,
-      loading && !entry ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full flex items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "h-6 w-6 animate-spin" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        MonacoEditor,
-        {
-          height: "100%",
-          language,
-          theme: isDark ? "vs-dark" : "vs",
-          value: entry?.content ?? "",
-          beforeMount: (monaco) => {
-            try {
-              monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
-                validate: true,
-                allowComments: true,
-                trailingCommas: "ignore"
-              });
-            } catch {
-            }
-          },
-          onMount: (editor) => {
-            editorRef.current = editor;
-          },
-          onChange: (val) => {
-            setContent({ projectId, fileId, content: val ?? "" });
-          },
-          options: {
-            automaticLayout: true,
-            minimap: { enabled: false },
-            fontFamily: '"Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
-            fontSize: 13,
-            wordWrap: "off",
-            scrollBeyondLastLine: false,
-            renderWhitespace: "selection",
-            tabSize: 2,
-            insertSpaces: true
-          }
-        }
-      )
-    ] })
-  ] });
-}
-
-export { CodeEditorPlugin as default };