@fde-desktop/fde-core 0.3.8 → 0.4.2

package/dist/chunk-J7L2S2GT.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var chunk6QOUYSEE_cjs = require('./chunk-6QOUYSEE.cjs');
+var chunk7Y7HB7FB_cjs = require('./chunk-7Y7HB7FB.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var AppIcon = ({ fcIcon, fallback, iconUrl, size = 20, color }) => {
+  const isFiIcon = fcIcon?.startsWith("Fi");
+  const isVscIcon = fcIcon?.startsWith("Vsc");
+  const fcElement = chunk7Y7HB7FB_cjs.useFcIconElement(!isFiIcon && !isVscIcon ? fcIcon ?? "" : "", { size });
+  const fiElement = chunk7Y7HB7FB_cjs.useFiIconElement(isFiIcon ? fcIcon ?? "" : "", { size, color });
+  const vscElement = chunk7Y7HB7FB_cjs.useVscIconElement(isVscIcon ? fcIcon ?? "" : "", { size });
+  if (iconUrl) {
+    const resolvedIconUrl = chunk6QOUYSEE_cjs.resolveUrl(iconUrl);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: resolvedIconUrl,
+        alt: "",
+        width: size,
+        height: size,
+        style: { objectFit: "contain" }
+      }
+    );
+  }
+  if (isFiIcon && fiElement) return fiElement;
+  if (isVscIcon && vscElement) return vscElement;
+  if (fcElement) return fcElement;
+  if (fallback) return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: fallback });
+  return null;
+};
+var AppIcon_default = AppIcon;
+
+exports.AppIcon_default = AppIcon_default;

package/dist/chunk-JEBKLIMU.cjs

@@ -0,0 +1,123 @@
+'use strict';
+
+var chunkZ5YGWL65_cjs = require('./chunk-Z5YGWL65.cjs');
+var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
+var react = require('react');
+var fc = require('react-icons/fc');
+var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
+
+var CodeServerNotSupported = () => {
+  const { t } = reactI18next.useTranslation("apps");
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Center, { "data-testid": "code-server-not-supported", style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Stack, { align: "center", gap: "lg", p: "xl", maw: 400, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "3rem", children: /* @__PURE__ */ jsxRuntime.jsx(fc.FcInfo, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "lg", fw: 700, ta: "center", children: t("codeServer.notAvailable") }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "sm", c: "dimmed", ta: "center", children: t("codeServer.notAvailableMessage") }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "sm", c: "dimmed", ta: "center", children: t("codeServer.dockerRequired") })
+  ] }) });
+};
+
+// src/components/Apps/CodeServerApp/CodeServerApp.module.css
+var CodeServerApp_default = {};
+var CodeServerAppInner = ({ window, notifyReady }) => {
+  const win = window;
+  const [state, setState] = react.useState({
+    status: "idle",
+    url: null,
+    error: null
+  });
+  const hasNotifiedRef = react.useRef(false);
+  const startingRef = react.useRef(false);
+  const startCodeServer = react.useCallback(async () => {
+    if (startingRef.current) return;
+    startingRef.current = true;
+    setState((prev) => ({ ...prev, status: "starting", error: null }));
+    try {
+      const response = await fetch("/api/code-server/start", { method: "POST" });
+      const data = await response.json();
+      if (data.success && data.url) {
+        setState({
+          status: "running",
+          url: data.url,
+          error: null
+        });
+      } else {
+        setState({
+          status: "error",
+          url: null,
+          error: data.error || "Failed to start code-server"
+        });
+      }
+    } catch (err) {
+      setState({
+        status: "error",
+        url: null,
+        error: err instanceof Error ? err.message : "Failed to start code-server"
+      });
+    } finally {
+      startingRef.current = false;
+    }
+  }, []);
+  const stopCodeServer = react.useCallback(async () => {
+    try {
+      await fetch("/api/code-server/stop", { method: "POST" });
+    } catch (err) {
+      console.error("[CodeServerApp] Error stopping code-server:", err);
+    }
+  }, []);
+  react.useEffect(() => {
+    startCodeServer();
+    return () => {
+      stopCodeServer();
+    };
+  }, [startCodeServer, stopCodeServer]);
+  react.useEffect(() => {
+    if (!hasNotifiedRef.current && notifyReady) {
+      hasNotifiedRef.current = true;
+      notifyReady({
+        ...win?.contentData ?? {},
+        status: state.status,
+        restart: startCodeServer
+      });
+    }
+  }, [notifyReady, state.status, startCodeServer, win?.contentData]);
+  react.useEffect(() => {
+    if (hasNotifiedRef.current && notifyReady) {
+      notifyReady({
+        ...win?.contentData ?? {},
+        status: state.status
+      });
+    }
+  }, [state.status, notifyReady, win?.contentData]);
+  if (state.status === "idle" || state.status === "starting") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: CodeServerApp_default.container, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CodeServerApp_default.loading, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: CodeServerApp_default.spinner }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Starting VS Code..." })
+    ] }) });
+  }
+  if (state.status === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: CodeServerApp_default.container, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CodeServerApp_default.error, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Failed to start VS Code" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: state.error }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: startCodeServer, className: CodeServerApp_default.retryButton, children: "Retry" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: CodeServerApp_default.container, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "iframe",
+    {
+      src: state.url || "",
+      className: CodeServerApp_default.iframe,
+      title: "VS Code",
+      allow: "clipboard-read; clipboard-write"
+    }
+  ) });
+};
+var CodeServerApp = (props) => {
+  if (!chunkZ5YGWL65_cjs.isDocker()) {
+    return /* @__PURE__ */ jsxRuntime.jsx(CodeServerNotSupported, {});
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(CodeServerAppInner, { ...props });
+};
+var CodeServerApp_default2 = CodeServerApp;
+
+exports.CodeServerApp_default = CodeServerApp_default2;

package/dist/chunk-KQHICFX3.js

@@ -0,0 +1,121 @@
+import { isDocker } from './chunk-FRHBM2U7.js';
+import { Center, Stack, Text } from './chunk-BQL3YXMV.js';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { FcInfo } from 'react-icons/fc';
+import { useTranslation } from 'react-i18next';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CodeServerNotSupported = () => {
+  const { t } = useTranslation("apps");
+  return /* @__PURE__ */ jsx(Center, { "data-testid": "code-server-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("codeServer.notAvailable") }),
+    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", children: t("codeServer.notAvailableMessage") }),
+    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", children: t("codeServer.dockerRequired") })
+  ] }) });
+};
+
+// src/components/Apps/CodeServerApp/CodeServerApp.module.css
+var CodeServerApp_default = {};
+var CodeServerAppInner = ({ window, notifyReady }) => {
+  const win = window;
+  const [state, setState] = useState({
+    status: "idle",
+    url: null,
+    error: null
+  });
+  const hasNotifiedRef = useRef(false);
+  const startingRef = useRef(false);
+  const startCodeServer = useCallback(async () => {
+    if (startingRef.current) return;
+    startingRef.current = true;
+    setState((prev) => ({ ...prev, status: "starting", error: null }));
+    try {
+      const response = await fetch("/api/code-server/start", { method: "POST" });
+      const data = await response.json();
+      if (data.success && data.url) {
+        setState({
+          status: "running",
+          url: data.url,
+          error: null
+        });
+      } else {
+        setState({
+          status: "error",
+          url: null,
+          error: data.error || "Failed to start code-server"
+        });
+      }
+    } catch (err) {
+      setState({
+        status: "error",
+        url: null,
+        error: err instanceof Error ? err.message : "Failed to start code-server"
+      });
+    } finally {
+      startingRef.current = false;
+    }
+  }, []);
+  const stopCodeServer = useCallback(async () => {
+    try {
+      await fetch("/api/code-server/stop", { method: "POST" });
+    } catch (err) {
+      console.error("[CodeServerApp] Error stopping code-server:", err);
+    }
+  }, []);
+  useEffect(() => {
+    startCodeServer();
+    return () => {
+      stopCodeServer();
+    };
+  }, [startCodeServer, stopCodeServer]);
+  useEffect(() => {
+    if (!hasNotifiedRef.current && notifyReady) {
+      hasNotifiedRef.current = true;
+      notifyReady({
+        ...win?.contentData ?? {},
+        status: state.status,
+        restart: startCodeServer
+      });
+    }
+  }, [notifyReady, state.status, startCodeServer, win?.contentData]);
+  useEffect(() => {
+    if (hasNotifiedRef.current && notifyReady) {
+      notifyReady({
+        ...win?.contentData ?? {},
+        status: state.status
+      });
+    }
+  }, [state.status, notifyReady, win?.contentData]);
+  if (state.status === "idle" || state.status === "starting") {
+    return /* @__PURE__ */ jsx("div", { className: CodeServerApp_default.container, children: /* @__PURE__ */ jsxs("div", { className: CodeServerApp_default.loading, children: [
+      /* @__PURE__ */ jsx("div", { className: CodeServerApp_default.spinner }),
+      /* @__PURE__ */ jsx("p", { children: "Starting VS Code..." })
+    ] }) });
+  }
+  if (state.status === "error") {
+    return /* @__PURE__ */ jsx("div", { className: CodeServerApp_default.container, children: /* @__PURE__ */ jsxs("div", { className: CodeServerApp_default.error, children: [
+      /* @__PURE__ */ jsx("h3", { children: "Failed to start VS Code" }),
+      /* @__PURE__ */ jsx("p", { children: state.error }),
+      /* @__PURE__ */ jsx("button", { onClick: startCodeServer, className: CodeServerApp_default.retryButton, children: "Retry" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: CodeServerApp_default.container, children: /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src: state.url || "",
+      className: CodeServerApp_default.iframe,
+      title: "VS Code",
+      allow: "clipboard-read; clipboard-write"
+    }
+  ) });
+};
+var CodeServerApp = (props) => {
+  if (!isDocker()) {
+    return /* @__PURE__ */ jsx(CodeServerNotSupported, {});
+  }
+  return /* @__PURE__ */ jsx(CodeServerAppInner, { ...props });
+};
+var CodeServerApp_default2 = CodeServerApp;
+
+export { CodeServerApp_default2 as CodeServerApp_default };

package/dist/chunk-LMJE6V4N.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var chunkZX3EDZ5C_cjs = require('./chunk-ZX3EDZ5C.cjs');
+var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Shared/ColorPicker/ColorPicker.module.css
+var ColorPicker_default = {};
+var ColorPicker = ({ value, onChange, error, disabled = false }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ColorPicker_default.root, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ColorPicker_default.colorRow, children: chunkZX3EDZ5C_cjs.PRESET_COLORS.map((color) => /* @__PURE__ */ jsxRuntime.jsx(
+      chunkE55VXNLK_cjs.UnstyledButton,
+      {
+        className: ColorPicker_default.colorSwatch,
+        "data-selected": value === color || void 0,
+        "data-disabled": disabled || void 0,
+        style: { background: color },
+        onClick: () => !disabled && onChange(color),
+        "aria-label": `Color ${color}`,
+        "aria-pressed": value === color,
+        disabled
+      },
+      color
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkE55VXNLK_cjs.ColorInput,
+      {
+        value,
+        onChange,
+        placeholder: "Custom color",
+        size: "xs",
+        className: ColorPicker_default.colorInput,
+        "aria-label": "Custom color picker",
+        error,
+        disabled
+      }
+    )
+  ] });
+};
+var ColorPicker_default2 = ColorPicker;
+
+exports.ColorPicker_default = ColorPicker_default2;

package/dist/chunk-MVDGM5Y4.js

@@ -0,0 +1,68 @@
+import { appendDirtyIndicator } from './chunk-YAIWI4Z5.js';
+import { AppMenuBar_default } from './chunk-4E45FBAH.js';
+import { useIsDirty } from './chunk-D5MVFFID.js';
+import { memo, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { jsx } from 'react/jsx-runtime';
+
+var useMenuEditMenuBarElements = (options) => {
+  const { windowId, contentData, onExit } = options;
+  const { t } = useTranslation("menuedit");
+  const { t: tCommon } = useTranslation("common");
+  const isDirty = useIsDirty(windowId);
+  const createFolder = contentData?.createFolder;
+  const save = contentData?.save;
+  const discard = contentData?.discard;
+  return useMemo(() => {
+    const items = [
+      {
+        type: "menu",
+        label: tCommon("menu.file"),
+        items: [
+          {
+            type: "item",
+            label: t("newFolder"),
+            icon: "FcPlus",
+            onClick: () => createFolder?.()
+          },
+          { type: "divider" },
+          {
+            type: "item",
+            label: tCommon("actions.save"),
+            icon: "FcInspection",
+            onClick: () => save?.(),
+            disabled: !isDirty
+          },
+          {
+            type: "item",
+            label: tCommon("actions.discard"),
+            icon: "FcCancel",
+            onClick: () => discard?.(),
+            disabled: !isDirty
+          },
+          { type: "divider" },
+          {
+            type: "item",
+            label: tCommon("actions.exit"),
+            icon: "FcLeft",
+            onClick: onExit
+          }
+        ]
+      }
+    ];
+    return appendDirtyIndicator(items, isDirty);
+  }, [t, tCommon, isDirty, createFolder, save, discard, onExit]);
+};
+var MenuEditMenuBar = memo(
+  ({ windowId, contentData, onExit }) => {
+    const elements = useMenuEditMenuBarElements({
+      windowId,
+      contentData,
+      onExit
+    });
+    return /* @__PURE__ */ jsx(AppMenuBar_default, { elements });
+  }
+);
+MenuEditMenuBar.displayName = "MenuEditMenuBar";
+
+export { MenuEditMenuBar };

package/dist/chunk-NVEGEK3N.js

@@ -0,0 +1,31 @@
+import { create } from 'zustand';
+
+// src/components/Apps/TerminalApp/terminalStore.ts
+var DEFAULT_STATE = {
+  scrollback: 5e3,
+  shell: "/bin/zsh"
+};
+var useTerminalStore = 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);
+
+export { useScrollback, useShell, useTerminalStore };