@fde-desktop/fde-core 0.4.6 → 0.4.8

package/dist/chunk-2NGIGLVP.cjs

@@ -1,219 +0,0 @@
-'use strict';
-
-var chunkYSOLW4FS_cjs = require('./chunk-YSOLW4FS.cjs');
-var chunkLMJE6V4N_cjs = require('./chunk-LMJE6V4N.cjs');
-var chunk2UW42GAP_cjs = require('./chunk-2UW42GAP.cjs');
-var chunk7Y7HB7FB_cjs = require('./chunk-7Y7HB7FB.cjs');
-var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Shared/IconColorPicker/IconColorPicker.module.css
-var IconColorPicker_default = {};
-
-// src/constants/Icons.ts
-var PRESET_ICONS = [
-  "VscFolder",
-  "VscFolderOpened",
-  "VscHome",
-  "VscServer",
-  "VscDatabase",
-  "VscBook",
-  "VscMail",
-  "VscGithub",
-  "VscCloud",
-  "VscLock",
-  "VscSettingsGear",
-  "VscStar",
-  "VscHeart",
-  "VscMusic",
-  "VscCamera",
-  "VscArchive"
-];
-var IconColorPicker = ({
-  selectedIcon,
-  selectedColor,
-  onIconChange,
-  onColorChange,
-  colorError
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: IconColorPicker_default.root, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.SimpleGrid, { cols: 8, spacing: 4, className: IconColorPicker_default.iconGrid, children: PRESET_ICONS.map((name) => {
-      const isSelected = selectedIcon === name;
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Tooltip, { label: name, openDelay: 500, children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkE55VXNLK_cjs.UnstyledButton,
-        {
-          className: IconColorPicker_default.iconButton,
-          "data-selected": isSelected || void 0,
-          onClick: () => onIconChange(name),
-          "aria-label": name,
-          "aria-pressed": isSelected,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYSOLW4FS_cjs.VscIcon_default, { name, size: 20, color: selectedColor })
-        }
-      ) }, name);
-    }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkLMJE6V4N_cjs.ColorPicker_default, { value: selectedColor, onChange: onColorChange, error: colorError })
-  ] });
-};
-var IconColorPicker_default2 = IconColorPicker;
-
-// src/components/Shared/CreateItemApp/CreateItemApp.module.css
-var CreateItemApp_default = {};
-var CSS_COLOR_RE = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
-var isValidColor = (color) => CSS_COLOR_RE.test(color);
-var ICON_PROPS = { size: 14, style: { display: "block" } };
-var CollapseToggleIcon = ({ open }) => chunk7Y7HB7FB_cjs.useFcIconElement(open ? "FcCollapse" : "FcExpand", ICON_PROPS);
-var CancelIcon = () => chunk7Y7HB7FB_cjs.useFcIconElement("FcCancel", ICON_PROPS);
-var CheckIcon = () => chunk7Y7HB7FB_cjs.useFcIconElement("FcCheckmark", ICON_PROPS);
-var DEFAULT_ICON = "VscFolder";
-var DEFAULT_COLOR = "#228be6";
-var DEFAULT_FILE_NAME = "New File";
-var DEFAULT_FOLDER_NAME = "New Folder";
-var TITLE_BAR_HEIGHT = 36;
-var CreateItemApp = ({ window }) => {
-  const win = window;
-  const mode = win?.contentData?.mode ?? "folder";
-  const parentId = win?.contentData?.parentId ?? null;
-  const currentPath = win?.contentData?.currentPath ?? "/home";
-  const [name, setName] = react.useState(mode === "folder" ? DEFAULT_FOLDER_NAME : DEFAULT_FILE_NAME);
-  const [iconName, setIconName] = react.useState(DEFAULT_ICON);
-  const [iconColor, setIconColor] = react.useState(DEFAULT_COLOR);
-  const [iconPickerOpen, setIconPickerOpen] = react.useState(
-    win?.contentData?.iconPickerOpen ?? false
-  );
-  const rootRef = react.useRef(null);
-  const closeWindow = chunk2UW42GAP_cjs.useDesktopStore((state) => state.closeWindow);
-  const resizeWindow = chunk2UW42GAP_cjs.useDesktopStore((state) => state.resizeWindow);
-  const createFile = chunk2UW42GAP_cjs.useDesktopStore((state) => state.createFile);
-  const createFolder = chunk2UW42GAP_cjs.useDesktopStore((state) => state.createFolder);
-  const addNotification = chunk2UW42GAP_cjs.useDesktopStore((state) => state.addNotification);
-  const fsNodes = chunk2UW42GAP_cjs.useDesktopStore((state) => state.fsNodes);
-  const windowWidth = chunk2UW42GAP_cjs.useDesktopStore(
-    (state) => state.windows.find((w) => w.id === win?.id)?.width ?? 400
-  );
-  const duplicateName = fsNodes.some(
-    (n) => n.parentId === parentId && n.type === mode && n.name === name.trim()
-  );
-  const colorError = mode === "folder" && iconPickerOpen && !isValidColor(iconColor);
-  const canConfirm = name.trim().length > 0 && !duplicateName && !colorError;
-  react.useEffect(() => {
-    if (!win?.id || !rootRef.current) return;
-    const el = rootRef.current;
-    const observer = new ResizeObserver(() => {
-      resizeWindow(win.id, windowWidth, el.scrollHeight + TITLE_BAR_HEIGHT);
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [win, windowWidth, resizeWindow]);
-  const handleConfirm = () => {
-    if (!canConfirm) return;
-    const itemName = name.trim();
-    const itemParentId = parentId ?? null;
-    const itemIconName = iconName;
-    const itemIconColor = iconColor;
-    closeWindow(win.id);
-    if (mode === "folder") {
-      createFolder(itemName, itemParentId, itemIconName, itemIconColor).catch((error) => {
-        console.error("Failed to create folder:", error);
-        addNotification({
-          id: `create-folder-error-${Date.now()}`,
-          title: "Error",
-          message: `Failed to create folder: ${error instanceof Error ? error.message : "Unknown error"}`,
-          fcIcon: "FcHighPriority"
-        });
-      });
-    } else {
-      createFile(itemName, "", itemParentId).catch((error) => {
-        console.error("Failed to create file:", error);
-        addNotification({
-          id: `create-file-error-${Date.now()}`,
-          title: "Error",
-          message: `Failed to create file: ${error instanceof Error ? error.message : "Unknown error"}`,
-          fcIcon: "FcHighPriority"
-        });
-      });
-    }
-  };
-  const handleCancel = () => {
-    closeWindow(win.id);
-  };
-  const previewIconElement = chunk7Y7HB7FB_cjs.useVscIconElement(iconName, { size: 40, color: iconColor });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: CreateItemApp_default.root, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: CreateItemApp_default.header, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Text, { fw: 600, size: "sm", children: [
-      mode === "folder" ? "Create new folder" : "Create new file",
-      " in ",
-      currentPath,
-      ":"
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CreateItemApp_default.content, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CreateItemApp_default.nameRow, children: [
-        mode === "folder" && previewIconElement && /* @__PURE__ */ jsxRuntime.jsx("div", { className: CreateItemApp_default.iconPreview, "aria-hidden": "true", children: previewIconElement }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE55VXNLK_cjs.TextInput,
-          {
-            value: name,
-            onChange: (e) => setName(e.currentTarget.value),
-            onKeyDown: (e) => e.key === "Enter" && handleConfirm(),
-            error: duplicateName ? `There is already a ${mode} with that name` : void 0,
-            rightSection: name ? /* @__PURE__ */ jsxRuntime.jsx(
-              chunkE55VXNLK_cjs.ActionIcon,
-              {
-                variant: "transparent",
-                size: "sm",
-                onClick: () => setName(""),
-                "aria-label": "Clear name",
-                children: /* @__PURE__ */ jsxRuntime.jsx(CancelIcon, {})
-              }
-            ) : null,
-            autoFocus: true,
-            className: CreateItemApp_default.nameInput,
-            "aria-label": "Item name"
-          }
-        )
-      ] }),
-      mode === "folder" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkE55VXNLK_cjs.UnstyledButton,
-          {
-            className: CreateItemApp_default.collapseToggle,
-            onClick: () => setIconPickerOpen((o) => !o),
-            "aria-expanded": iconPickerOpen,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CollapseToggleIcon, { open: iconPickerOpen }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "sm", ml: 6, children: "Choose custom icon or color" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Collapse, { expanded: iconPickerOpen, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: CreateItemApp_default.pickerWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
-          IconColorPicker_default2,
-          {
-            selectedIcon: iconName,
-            selectedColor: iconColor,
-            onIconChange: setIconName,
-            onColorChange: setIconColor,
-            colorError: colorError ? "Enter a valid hex color (e.g. #ff0000)" : void 0
-          }
-        ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", c: "dimmed", mt: 4, children: "You can change the icon later in folder properties." })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { justify: "flex-end", mt: "md", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Button, { variant: "default", size: "sm", onClick: handleCancel, leftSection: /* @__PURE__ */ jsxRuntime.jsx(CancelIcon, {}), children: "Cancel" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkE55VXNLK_cjs.Button,
-          {
-            size: "sm",
-            onClick: handleConfirm,
-            leftSection: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}),
-            disabled: !canConfirm,
-            children: "OK"
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-var CreateItemApp_default2 = CreateItemApp;
-
-exports.CreateItemApp_default = CreateItemApp_default2;
-exports.IconColorPicker_default = IconColorPicker_default2;
-exports.PRESET_ICONS = PRESET_ICONS;

package/dist/chunk-2O3W6TLG.cjs

@@ -1,49 +0,0 @@
-'use strict';
-
-var chunkBQCD5RAF_cjs = require('./chunk-BQCD5RAF.cjs');
-var chunk7HQ6KUIO_cjs = require('./chunk-7HQ6KUIO.cjs');
-var chunkYOHBUOZJ_cjs = require('./chunk-YOHBUOZJ.cjs');
-var react = require('react');
-var reactI18next = require('react-i18next');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Apps/PdfApp/PdfApp.module.css
-var PdfApp_default = {};
-var PdfApp = ({ window, notifyReady }) => {
-  const { t } = reactI18next.useTranslation("apps");
-  const win = window;
-  const initialSrc = win?.contentData?.src;
-  const [src, setSrc] = react.useState(initialSrc ?? void 0);
-  const [pickerOpen, setPickerOpen] = react.useState(false);
-  const resolvedSrc = chunk7HQ6KUIO_cjs.useResolvedUrl(src);
-  react.useEffect(() => {
-    notifyReady?.({ ...win?.contentData ?? {}, setPickerOpen: () => setPickerOpen(true) });
-  }, [win, notifyReady]);
-  const handleFileSelected = react.useCallback((node) => {
-    setSrc(node.url ?? node.name);
-    setPickerOpen(false);
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PdfApp_default.container, "data-windowid": win?.id, children: [
-    resolvedSrc || src ? /* @__PURE__ */ jsxRuntime.jsx(
-      "iframe",
-      {
-        src: resolvedSrc ?? src,
-        className: PdfApp_default.frame,
-        title: t("pdf.viewer"),
-        "aria-label": t("pdf.viewer")
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(chunkBQCD5RAF_cjs.AppEmptyState_default, { label: t("pdf.noFile", { defaultValue: "No PDF loaded" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYOHBUOZJ_cjs.FilePickerModal,
-      {
-        opened: pickerOpen,
-        acceptedMimeTypes: ["application/pdf"],
-        onConfirm: handleFileSelected,
-        onCancel: () => setPickerOpen(false)
-      }
-    )
-  ] });
-};
-var PdfApp_default2 = PdfApp;
-
-exports.PdfApp_default = PdfApp_default2;

package/dist/chunk-2PSTHGTD.cjs

@@ -1,42 +0,0 @@
-'use strict';
-
-var chunk7Y7HB7FB_cjs = require('./chunk-7Y7HB7FB.cjs');
-var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Shared/DownloadProgress/DownloadProgress.module.css
-var DownloadProgress_default = {};
-var formatKb = (bytes) => (bytes / 1024).toFixed(1);
-var DownloadProgress = ({
-  state,
-  ariaLabel = "Download progress",
-  minDisplayTime = 1e3
-}) => {
-  const { status, loaded, total } = state;
-  const processIcon = chunk7Y7HB7FB_cjs.useFcIconElement("FcProcess", { size: 24 });
-  const [doneTimestamp, setDoneTimestamp] = react.useState(null);
-  react.useEffect(() => {
-    if (status !== "done" && status !== "error") return;
-    const ts = Date.now();
-    const timer = setTimeout(() => {
-      setDoneTimestamp(ts);
-    }, minDisplayTime);
-    return () => clearTimeout(timer);
-  }, [status, minDisplayTime]);
-  if (status === "idle") return null;
-  const label = total !== null ? `${formatKb(loaded)} / ${formatKb(total)} KB` : `${formatKb(loaded)} KB`;
-  if (!doneTimestamp) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Group, { gap: "sm", align: "center", justify: "center", style: { minHeight: 40 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Box, { className: DownloadProgress_default.spinner, "data-testid": "process-icon", children: processIcon }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "sm", children: label })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Progress, { value: 100, size: "sm", "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkE55VXNLK_cjs.Progress.Label, { children: [
-    formatKb(loaded),
-    " KB"
-  ] }) });
-};
-var DownloadProgress_default2 = DownloadProgress;
-
-exports.DownloadProgress_default = DownloadProgress_default2;

package/dist/chunk-2RQX7QBP.cjs

@@ -1,148 +0,0 @@
-'use strict';
-
-var chunk5C6IQE42_cjs = require('./chunk-5C6IQE42.cjs');
-var chunkSBE4SZAN_cjs = require('./chunk-SBE4SZAN.cjs');
-var react = require('react');
-var reactI18next = require('react-i18next');
-var jsxRuntime = require('react/jsx-runtime');
-
-var SHELL_OPTIONS = [
-  { value: "/bin/sh", label: "sh" },
-  { value: "/bin/zsh", label: "zsh" }
-];
-function useTerminalMenuBarElements(options) {
-  const {
-    windowId,
-    onExit,
-    clear,
-    reset,
-    copy,
-    paste,
-    reconnect,
-    connectionStatus = "idle"
-  } = options;
-  const { t } = reactI18next.useTranslation("common");
-  const { t: tApps } = reactI18next.useTranslation("apps");
-  const scrollback = chunk5C6IQE42_cjs.useScrollback(windowId);
-  const shell = chunk5C6IQE42_cjs.useShell(windowId);
-  const setScrollback = chunk5C6IQE42_cjs.useTerminalStore((s) => s.setScrollback);
-  const setShell = chunk5C6IQE42_cjs.useTerminalStore((s) => s.setShell);
-  const handleScrollbackChange = react.useCallback(
-    (value) => setScrollback(windowId, value),
-    [windowId, setScrollback]
-  );
-  const handleShellChange = react.useCallback(
-    (value) => setShell(windowId, value),
-    [windowId, setShell]
-  );
-  const isConnected = connectionStatus === "connected";
-  return react.useMemo(() => {
-    const menuItems = [
-      {
-        type: "item",
-        label: tApps("terminal.menu.copy"),
-        icon: "FcCopy",
-        onClick: copy ?? (() => {
-        }),
-        disabled: !isConnected
-      },
-      {
-        type: "item",
-        label: tApps("terminal.menu.paste"),
-        icon: "FcPaste",
-        onClick: paste ?? (() => {
-        }),
-        disabled: !isConnected
-      },
-      { type: "divider" },
-      {
-        type: "item",
-        label: tApps("terminal.menu.clear"),
-        icon: "FcClear",
-        onClick: clear ?? (() => {
-        }),
-        disabled: !isConnected
-      },
-      {
-        type: "item",
-        label: tApps("terminal.menu.reset"),
-        icon: "FcSynchronize",
-        onClick: reset ?? (() => {
-        }),
-        disabled: !isConnected
-      }
-    ];
-    if (!isConnected && reconnect) {
-      menuItems.push({ type: "divider" });
-      menuItems.push({
-        type: "item",
-        label: tApps("terminal.menu.reconnect"),
-        icon: "FcSynchronize",
-        onClick: reconnect
-      });
-    }
-    menuItems.push({ type: "divider" });
-    menuItems.push({
-      type: "item",
-      label: t("actions.exit"),
-      icon: "FcLeave",
-      onClick: onExit
-    });
-    return [
-      {
-        type: "menu",
-        label: t("menu.edit"),
-        items: menuItems
-      },
-      {
-        type: "number-input",
-        label: tApps("terminal.scrollback"),
-        value: scrollback,
-        onChange: handleScrollbackChange,
-        min: 100,
-        max: 5e4,
-        step: 100,
-        placeholder: "5000"
-      },
-      {
-        type: "select",
-        label: tApps("terminal.shell"),
-        options: SHELL_OPTIONS,
-        value: shell,
-        onChange: handleShellChange
-      }
-    ];
-  }, [
-    t,
-    tApps,
-    onExit,
-    clear,
-    reset,
-    copy,
-    paste,
-    reconnect,
-    isConnected,
-    scrollback,
-    shell,
-    handleScrollbackChange,
-    handleShellChange
-  ]);
-}
-var TerminalMenuBar = react.memo(
-  ({ windowId, contentData, onExit }) => {
-    const elements = useTerminalMenuBarElements({
-      windowId,
-      onExit,
-      clear: contentData?.clear,
-      reset: contentData?.reset,
-      copy: contentData?.copy,
-      paste: contentData?.paste,
-      reconnect: contentData?.reconnect,
-      connectionStatus: contentData?.connectionStatus
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkSBE4SZAN_cjs.AppMenuBar_default, { elements });
-  }
-);
-TerminalMenuBar.displayName = "TerminalMenuBar";
-
-exports.TerminalMenuBar = TerminalMenuBar;