@fde-desktop/fde-core 0.4.7 → 0.4.8

package/dist/chunk-4ZCRYHL6.js

@@ -1,407 +0,0 @@
-import { useScrollback, useShell, useTerminalStore } from './chunk-NVEGEK3N.js';
-import { getRuntime } from './chunk-FRHBM2U7.js';
-import { Center, Stack, Text } from './chunk-BQL3YXMV.js';
-import { useRef, useState, useEffect, useCallback } from 'react';
-import { Terminal } from '@xterm/xterm';
-import { FitAddon } from '@xterm/addon-fit';
-import { ClipboardAddon } from '@xterm/addon-clipboard';
-import '@xterm/xterm/css/xterm.css';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { FcInfo } from 'react-icons/fc';
-import { useTranslation } from 'react-i18next';
-
-// src/components/Apps/TerminalApp/Terminal.module.css
-var Terminal_default = {};
-var MAX_RETRIES = 5;
-var BASE_RETRY_DELAY_MS = 1e3;
-var XTermTerminal = ({
-  shell,
-  scrollback,
-  onTerminalReady,
-  onConnectionChange
-}) => {
-  const containerRef = useRef(null);
-  const terminalRef = useRef(null);
-  const fitAddonRef = useRef(null);
-  const clipboardAddonRef = useRef(null);
-  const wsRef = useRef(null);
-  const retryCountRef = useRef(0);
-  const mountedRef = useRef(false);
-  const connectingRef = useRef(false);
-  const shellRef = useRef(shell);
-  const abortControllerRef = useRef(null);
-  const initializedRef = useRef(false);
-  const [status, setStatus] = useState("idle");
-  const [canReconnect, setCanReconnect] = useState(false);
-  const onTerminalReadyRef = useRef(onTerminalReady);
-  const onConnectionChangeRef = useRef(onConnectionChange);
-  useEffect(() => {
-    onTerminalReadyRef.current = onTerminalReady;
-  }, [onTerminalReady]);
-  useEffect(() => {
-    onConnectionChangeRef.current = onConnectionChange;
-  }, [onConnectionChange]);
-  useEffect(() => {
-    shellRef.current = shell;
-  }, [shell]);
-  const updateStatus = useCallback((newStatus) => {
-    if (!mountedRef.current) return;
-    setStatus(newStatus);
-    onConnectionChangeRef.current?.(newStatus);
-  }, []);
-  const disconnect = useCallback(() => {
-    abortControllerRef.current?.abort();
-    abortControllerRef.current = null;
-    const ws = wsRef.current;
-    if (ws) {
-      wsRef.current = null;
-      if (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING) {
-        try {
-          ws.send(JSON.stringify({ type: "kill" }));
-        } catch {
-        }
-        ws.close();
-      }
-    }
-    connectingRef.current = false;
-  }, []);
-  const connect = useCallback(() => {
-    if (!mountedRef.current) return;
-    if (connectingRef.current) return;
-    if (wsRef.current?.readyState === WebSocket.OPEN) return;
-    connectingRef.current = true;
-    const abortController = new AbortController();
-    abortControllerRef.current = abortController;
-    const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
-    const wsUrl = `${protocol}//${window.location.host}/api/pty`;
-    console.log(`[XTermTerminal] Connecting (attempt ${retryCountRef.current + 1}/${MAX_RETRIES})`);
-    updateStatus("connecting");
-    const ws = new WebSocket(wsUrl);
-    wsRef.current = ws;
-    ws.onopen = () => {
-      if (!mountedRef.current) return;
-      console.log("[XTermTerminal] WebSocket opened");
-    };
-    ws.onmessage = (event) => {
-      if (!mountedRef.current) return;
-      if (typeof event.data !== "string") return;
-      try {
-        const data = JSON.parse(event.data);
-        switch (data.type) {
-          case "ready":
-            console.log("[XTermTerminal] Server ready, sending start");
-            ws.send(
-              JSON.stringify({
-                type: "start",
-                shell: shellRef.current,
-                cwd: "/app/workspace",
-                cols: terminalRef.current?.cols || 80,
-                rows: terminalRef.current?.rows || 24
-              })
-            );
-            break;
-          case "started":
-            console.log("[XTermTerminal] PTY started");
-            retryCountRef.current = 0;
-            connectingRef.current = false;
-            setCanReconnect(false);
-            updateStatus("connected");
-            break;
-          case "exit":
-            console.log("[XTermTerminal] PTY exited:", data.code);
-            wsRef.current = null;
-            connectingRef.current = false;
-            updateStatus("disconnected");
-            setCanReconnect(true);
-            break;
-          case "error":
-            console.error("[XTermTerminal] Server error:", data.message);
-            connectingRef.current = false;
-            updateStatus("error");
-            setCanReconnect(true);
-            break;
-        }
-      } catch {
-        if (terminalRef.current) {
-          terminalRef.current.write(event.data);
-        }
-      }
-    };
-    ws.onclose = () => {
-      if (!mountedRef.current || abortController.signal.aborted) return;
-      console.log("[XTermTerminal] WebSocket closed");
-      wsRef.current = null;
-      connectingRef.current = false;
-      if (retryCountRef.current < MAX_RETRIES) {
-        retryCountRef.current++;
-        const delay = BASE_RETRY_DELAY_MS * Math.pow(2, retryCountRef.current - 1);
-        console.log(`[XTermTerminal] Retrying in ${delay}ms`);
-        setTimeout(() => {
-          if (mountedRef.current && !wsRef.current && !abortController.signal.aborted) {
-            connect();
-          }
-        }, delay);
-      } else {
-        updateStatus("disconnected");
-        setCanReconnect(true);
-      }
-    };
-    ws.onerror = () => {
-      if (!mountedRef.current) return;
-      console.error("[XTermTerminal] WebSocket error");
-      connectingRef.current = false;
-      ws.close();
-      updateStatus("error");
-      setCanReconnect(true);
-    };
-  }, [updateStatus]);
-  useEffect(() => {
-    if (initializedRef.current) return void 0;
-    initializedRef.current = true;
-    mountedRef.current = true;
-    if (!containerRef.current) return void 0;
-    const terminal = new Terminal({
-      fontFamily: "'Operator Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace",
-      fontSize: 14,
-      theme: {
-        background: "#1e1e1e",
-        foreground: "#d4d4d4",
-        cursor: "#ffffff",
-        selectionBackground: "#264f78"
-      },
-      cursorStyle: "underline",
-      cursorBlink: true,
-      scrollback
-    });
-    const fitAddon = new FitAddon();
-    const clipboardAddon = new ClipboardAddon();
-    terminal.loadAddon(fitAddon);
-    terminal.loadAddon(clipboardAddon);
-    terminal.open(containerRef.current);
-    fitAddon.fit();
-    terminalRef.current = terminal;
-    fitAddonRef.current = fitAddon;
-    clipboardAddonRef.current = clipboardAddon;
-    terminal.onData((data) => {
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        wsRef.current.send(JSON.stringify({ type: "input", data }));
-      }
-    });
-    terminal.onResize(({ cols, rows }) => {
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        wsRef.current.send(JSON.stringify({ type: "resize", cols, rows }));
-      }
-    });
-    onTerminalReadyRef.current?.({
-      clear: () => terminal.clear(),
-      reset: () => terminal.reset(),
-      write: (data) => terminal.write(data),
-      copy: async () => {
-        const selection = terminal.getSelection();
-        console.log("[XTermTerminal] Copy called, selection length:", selection?.length ?? 0);
-        if (!selection) {
-          console.log("[XTermTerminal] No selection to copy");
-          return;
-        }
-        try {
-          if (!navigator.clipboard) {
-            console.warn("[XTermTerminal] Clipboard API not available (non-secure context?)");
-            fallbackCopy(selection);
-            return;
-          }
-          await navigator.clipboard.writeText(selection);
-          console.log("[XTermTerminal] Copied to clipboard successfully");
-        } catch (err) {
-          console.error("[XTermTerminal] Clipboard write failed:", err);
-          fallbackCopy(selection);
-        }
-      },
-      paste: async () => {
-        console.log("[XTermTerminal] Paste called");
-        try {
-          if (!navigator.clipboard) {
-            console.warn("[XTermTerminal] Clipboard API not available");
-            return;
-          }
-          const text = await navigator.clipboard.readText();
-          console.log("[XTermTerminal] Paste text length:", text.length);
-          terminal.paste(text);
-        } catch (err) {
-          console.error("[XTermTerminal] Paste failed:", err);
-        }
-      },
-      reconnect
-    });
-    requestAnimationFrame(() => {
-      if (mountedRef.current) {
-        connect();
-      }
-    });
-    return () => {
-      console.log("[XTermTerminal] Cleanup");
-      mountedRef.current = false;
-      abortControllerRef.current?.abort();
-      abortControllerRef.current = null;
-      if (terminalRef.current) {
-        terminalRef.current.clear();
-      }
-      disconnect();
-      terminal.dispose();
-      terminalRef.current = null;
-      fitAddonRef.current = null;
-    };
-  }, []);
-  const reconnect = useCallback(() => {
-    console.log("[XTermTerminal] Reconnect triggered");
-    retryCountRef.current = 0;
-    setCanReconnect(false);
-    disconnect();
-    setTimeout(() => connect(), 100);
-  }, [disconnect, connect]);
-  useEffect(() => {
-    if (terminalRef.current) {
-      terminalRef.current.options.scrollback = scrollback;
-    }
-  }, [scrollback]);
-  useEffect(() => {
-    if (!containerRef.current) return void 0;
-    const observer = new ResizeObserver(() => {
-      fitAddonRef.current?.fit();
-    });
-    observer.observe(containerRef.current);
-    return () => observer.disconnect();
-  }, []);
-  return /* @__PURE__ */ jsxs("div", { className: Terminal_default.terminalContainer, children: [
-    /* @__PURE__ */ jsx("div", { className: Terminal_default.terminalWrapper, children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: Terminal_default.terminal, "data-testid": "xterm-terminal" }) }),
-    /* @__PURE__ */ jsxs("div", { className: Terminal_default.statusBar, children: [
-      /* @__PURE__ */ jsxs("span", { className: Terminal_default.statusIndicator, "data-status": status, children: [
-        status === "idle" && "\u25CB",
-        status === "connecting" && "\u25CF",
-        status === "connected" && "\u25CF",
-        status === "disconnected" && "\u25CB",
-        status === "error" && "\u25CF"
-      ] }),
-      /* @__PURE__ */ jsxs("span", { className: Terminal_default.statusText, children: [
-        status === "idle" && "Idle",
-        status === "connecting" && "Connecting...",
-        status === "connected" && "Connected",
-        status === "disconnected" && "Disconnected",
-        status === "error" && "Error"
-      ] }),
-      canReconnect && /* @__PURE__ */ jsx("button", { onClick: reconnect, className: Terminal_default.reconnectButton, children: "Reconnect" })
-    ] })
-  ] });
-};
-function fallbackCopy(text) {
-  const textarea = document.createElement("textarea");
-  textarea.value = text;
-  textarea.style.position = "fixed";
-  textarea.style.left = "-9999px";
-  textarea.style.opacity = "0";
-  document.body.appendChild(textarea);
-  textarea.select();
-  textarea.setSelectionRange(0, text.length);
-  try {
-    const success = document.execCommand("copy");
-    console.log("[XTermTerminal] Fallback copy result:", success ? "success" : "failed");
-  } catch (err) {
-    console.error("[XTermTerminal] Fallback copy failed:", err);
-  } finally {
-    document.body.removeChild(textarea);
-  }
-}
-var XTermTerminal_default = XTermTerminal;
-var TerminalNotSupported = () => {
-  const { t } = useTranslation("apps");
-  return /* @__PURE__ */ jsx(Center, { "data-testid": "terminal-not-supported", style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "lg", p: "xl", maw: 400, children: [
-    /* @__PURE__ */ jsx(Text, { size: "3rem", children: /* @__PURE__ */ jsx(FcInfo, {}) }),
-    /* @__PURE__ */ jsx(Text, { size: "lg", fw: 700, ta: "center", children: t("terminal.notAvailable") }),
-    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", children: t("terminal.notAvailableMessage") }),
-    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", children: t("terminal.dockerRequired") })
-  ] }) });
-};
-var TerminalNotSupported_default = TerminalNotSupported;
-var TerminalApp = ({ window: window2, notifyReady }) => {
-  const win = window2;
-  const windowId = win?.id ?? "";
-  const runtime = getRuntime();
-  const scrollback = useScrollback(windowId);
-  const storedShell = useShell(windowId);
-  const { setScrollback, setShell, reset } = useTerminalStore();
-  const terminalActionsRef = useRef(null);
-  const hasNotifiedRef = useRef(false);
-  const hasFetchedShellRef = useRef(false);
-  const [connectionStatus, setConnectionStatus] = useState("idle");
-  const [shellInfo, setShellInfo] = useState(null);
-  useEffect(() => {
-    if (runtime !== "docker" || hasFetchedShellRef.current) return;
-    hasFetchedShellRef.current = true;
-    const fetchShellInfo = async () => {
-      try {
-        const response = await fetch("/api/shell");
-        if (response.ok) {
-          const info = await response.json();
-          setShellInfo(info);
-          if (!storedShell || storedShell === "/bin/zsh") {
-            setShell(windowId, info.default);
-          }
-        }
-      } catch (err) {
-        console.error("[TerminalApp] Failed to fetch shell info:", err);
-        if (!storedShell) {
-          setShell(windowId, "/bin/zsh");
-        }
-      }
-    };
-    fetchShellInfo();
-  }, [runtime, storedShell, setShell, windowId]);
-  useEffect(() => {
-    reset(windowId);
-  }, [windowId, reset]);
-  const handleTerminalReady = useCallback((actions) => {
-    terminalActionsRef.current = actions;
-  }, []);
-  const handleConnectionChange = useCallback((status) => {
-    setConnectionStatus(status);
-  }, []);
-  useEffect(() => {
-    if (!hasNotifiedRef.current && notifyReady) {
-      hasNotifiedRef.current = true;
-      notifyReady({
-        ...win?.contentData ?? {},
-        clear: () => terminalActionsRef.current?.clear(),
-        reset: () => terminalActionsRef.current?.reset(),
-        copy: () => terminalActionsRef.current?.copy(),
-        paste: () => terminalActionsRef.current?.paste(),
-        reconnect: () => terminalActionsRef.current?.reconnect(),
-        setScrollback: (value) => setScrollback(windowId, value),
-        setShell: (value) => setShell(windowId, value),
-        connectionStatus
-      });
-    }
-  }, [notifyReady, setScrollback, setShell, windowId, win?.contentData, connectionStatus]);
-  useEffect(() => {
-    if (hasNotifiedRef.current && notifyReady) {
-      notifyReady({
-        ...win?.contentData ?? {},
-        connectionStatus
-      });
-    }
-  }, [connectionStatus, notifyReady, win?.contentData]);
-  if (runtime !== "docker") {
-    return /* @__PURE__ */ jsx(TerminalNotSupported_default, {});
-  }
-  const activeShell = storedShell || shellInfo?.default || "/bin/zsh";
-  return /* @__PURE__ */ jsx(
-    XTermTerminal_default,
-    {
-      shell: activeShell,
-      scrollback,
-      onTerminalReady: handleTerminalReady,
-      onConnectionChange: handleConnectionChange
-    }
-  );
-};
-var TerminalApp_default = TerminalApp;
-
-export { TerminalApp_default };

package/dist/chunk-5C6IQE42.cjs

@@ -1,35 +0,0 @@
-'use strict';
-
-var zustand = require('zustand');
-
-// src/components/Apps/TerminalApp/terminalStore.ts
-var DEFAULT_STATE = {
-  scrollback: 5e3,
-  shell: "/bin/zsh"
-};
-var useTerminalStore = zustand.create((set, get) => ({
-  states: {},
-  getScrollback: (id) => get().states[id]?.scrollback ?? DEFAULT_STATE.scrollback,
-  getShell: (id) => get().states[id]?.shell ?? DEFAULT_STATE.shell,
-  setScrollback: (id, scrollback) => set((s) => ({
-    states: {
-      ...s.states,
-      [id]: { ...s.states[id] ?? DEFAULT_STATE, scrollback }
-    }
-  })),
-  setShell: (id, shell) => set((s) => ({
-    states: {
-      ...s.states,
-      [id]: { ...s.states[id] ?? DEFAULT_STATE, shell }
-    }
-  })),
-  reset: (id) => set((s) => ({
-    states: { ...s.states, [id]: { ...DEFAULT_STATE } }
-  }))
-}));
-var useScrollback = (windowId) => useTerminalStore((s) => s.states[windowId]?.scrollback ?? DEFAULT_STATE.scrollback);
-var useShell = (windowId) => useTerminalStore((s) => s.states[windowId]?.shell ?? DEFAULT_STATE.shell);
-
-exports.useScrollback = useScrollback;
-exports.useShell = useShell;
-exports.useTerminalStore = useTerminalStore;

package/dist/chunk-5HUYQDQF.js

@@ -1,36 +0,0 @@
-import { BREAKPOINTS } from './chunk-5QFZW6HW.js';
-import { useState, useCallback, useEffect } from 'react';
-
-var DIMENSIONS = {
-  mobile: { defaultWidth: 300, defaultHeight: 500, minWidth: 280, minHeight: 400 },
-  tablet: { defaultWidth: 600, defaultHeight: 450, minWidth: 400, minHeight: 350 },
-  desktop: { defaultWidth: 800, defaultHeight: 600, minWidth: 640, minHeight: 480 },
-  largeDesktop: { defaultWidth: 1e3, defaultHeight: 700, minWidth: 800, minHeight: 600 }
-};
-var LARGE_DESKTOP = 1440;
-var getAdaptiveDimensions = () => {
-  const width = window.innerWidth;
-  if (width < BREAKPOINTS.MOBILE) {
-    return DIMENSIONS.mobile;
-  }
-  if (width < BREAKPOINTS.TABLET) {
-    return DIMENSIONS.tablet;
-  }
-  if (width < LARGE_DESKTOP) {
-    return DIMENSIONS.desktop;
-  }
-  return DIMENSIONS.largeDesktop;
-};
-function useAdaptiveDimensions() {
-  const [dimensions, setDimensions] = useState(() => getAdaptiveDimensions());
-  const updateDimensions = useCallback(() => {
-    setDimensions(getAdaptiveDimensions());
-  }, []);
-  useEffect(() => {
-    window.addEventListener("resize", updateDimensions);
-    return () => window.removeEventListener("resize", updateDimensions);
-  }, [updateDimensions]);
-  return dimensions;
-}
-
-export { useAdaptiveDimensions };

package/dist/chunk-5NOHYJNH.js

@@ -1,84 +0,0 @@
-import { AppMenuBar_default } from './chunk-4E45FBAH.js';
-import { useDisplayZoom, useFitToWindow, useImageViewerStore } from './chunk-DWP2SYF7.js';
-import { memo, useCallback, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { jsx } from 'react/jsx-runtime';
-
-var ZOOM_MARKS = [
-  { value: 25, label: "25%" },
-  { value: 50, label: "50%" },
-  { value: 75, label: "75%" },
-  { value: 100, label: "100%" },
-  { value: 200, label: "200%" }
-];
-var useImageViewerMenuBarElements = (options) => {
-  const { windowId, onOpenPicker, onExit } = options;
-  const { t } = useTranslation("common");
-  const { t: tApps } = useTranslation("apps");
-  const displayZoom = useDisplayZoom(windowId);
-  const fitToWindow = useFitToWindow(windowId);
-  const setUserZoom = useImageViewerStore((s) => s.setUserZoom);
-  const setFitToWindow = useImageViewerStore((s) => s.setFitToWindow);
-  const handleFitChange = useCallback(
-    (checked) => setFitToWindow(windowId, checked),
-    [windowId, setFitToWindow]
-  );
-  const handleZoomChange = useCallback(
-    (value) => setUserZoom(windowId, value),
-    [windowId, setUserZoom]
-  );
-  return useMemo(() => {
-    const zoomLabel = `${tApps("imageViewer.zoom")}: ${displayZoom}%`;
-    return [
-      {
-        type: "menu",
-        label: t("menu.file"),
-        items: [
-          {
-            type: "item",
-            label: t("actions.open"),
-            icon: "FcOpenedFolder",
-            onClick: onOpenPicker ?? (() => {
-            })
-          },
-          { type: "divider" },
-          {
-            type: "item",
-            label: t("actions.exit"),
-            icon: "FcLeft",
-            onClick: onExit
-          }
-        ]
-      },
-      {
-        type: "switch",
-        label: tApps("imageViewer.fitToWindow"),
-        checked: fitToWindow,
-        onChange: handleFitChange
-      },
-      {
-        type: "slider",
-        label: zoomLabel,
-        min: 10,
-        max: 200,
-        value: displayZoom,
-        onChange: handleZoomChange,
-        marks: ZOOM_MARKS,
-        labelFormat: (value) => `${value}%`
-      }
-    ];
-  }, [t, tApps, onOpenPicker, onExit, displayZoom, fitToWindow, handleFitChange, handleZoomChange]);
-};
-var ImageViewerMenuBar = memo(
-  ({ windowId, contentData, onExit }) => {
-    const elements = useImageViewerMenuBarElements({
-      windowId,
-      onOpenPicker: contentData?.setPickerOpen,
-      onExit
-    });
-    return /* @__PURE__ */ jsx(AppMenuBar_default, { elements });
-  }
-);
-ImageViewerMenuBar.displayName = "ImageViewerMenuBar";
-
-export { ImageViewerMenuBar };