@fde-desktop/fde-core 0.3.8 → 0.4.2

package/dist/chunk-BKXEA2BK.cjs

@@ -0,0 +1,286 @@
+'use strict';
+
+var chunk657BJOY5_cjs = require('./chunk-657BJOY5.cjs');
+var chunkABIAPZ6S_cjs = require('./chunk-ABIAPZ6S.cjs');
+var chunk6QOUYSEE_cjs = require('./chunk-6QOUYSEE.cjs');
+var chunkE55VXNLK_cjs = require('./chunk-E55VXNLK.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var useNotifications = () => {
+  const notifications = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.notifications);
+  const addNotification = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.addNotification);
+  const removeNotification = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.removeNotification);
+  const notify = react.useCallback(
+    (title, message, options) => {
+      const item = {
+        id: chunk6QOUYSEE_cjs.generateUUID(),
+        title,
+        message,
+        fcIcon: options?.fcIcon,
+        onClose: options?.onClose
+      };
+      addNotification(item);
+      return item.id;
+    },
+    [addNotification]
+  );
+  const dismiss = react.useCallback(
+    (id) => {
+      removeNotification(id);
+    },
+    [removeNotification]
+  );
+  return {
+    notifications,
+    notify,
+    dismiss,
+    addNotification,
+    removeNotification
+  };
+};
+
+// src/components/Apps/FilesApp/components/FolderTree.module.css
+var FolderTree_default = {};
+var FolderTreeItem = ({
+  node,
+  allNodes,
+  currentFolderId,
+  depth,
+  onNavigate
+}) => {
+  const children = allNodes.filter(
+    (n) => n.parentId === node.id && n.type === "folder"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkE55VXNLK_cjs.UnstyledButton,
+      {
+        className: FolderTree_default.item,
+        "data-active": currentFolderId === node.id || void 0,
+        style: { paddingLeft: 8 + depth * 14 },
+        onClick: () => onNavigate(node.id),
+        "aria-label": node.name,
+        "aria-current": currentFolderId === node.id ? "page" : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkABIAPZ6S_cjs.FileIcon_default, { type: "folder", folderNode: node, size: 14 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", ml: 6, truncate: true, children: node.name })
+        ]
+      }
+    ),
+    children.map((child) => /* @__PURE__ */ jsxRuntime.jsx(
+      FolderTreeItem,
+      {
+        node: child,
+        allNodes,
+        currentFolderId,
+        depth: depth + 1,
+        onNavigate
+      },
+      child.id
+    ))
+  ] });
+};
+var FolderTree = ({ allNodes, currentFolderId, onNavigate }) => {
+  const rootFolders = allNodes.filter(
+    (n) => n.parentId === null && n.type === "folder"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: FolderTree_default.root, "aria-label": "Folder tree", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkE55VXNLK_cjs.UnstyledButton,
+      {
+        className: FolderTree_default.item,
+        "data-active": currentFolderId === null || void 0,
+        style: { paddingLeft: 8 },
+        onClick: () => onNavigate(null),
+        "aria-label": "Home",
+        "aria-current": currentFolderId === null ? "page" : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkABIAPZ6S_cjs.FileIcon_default, { type: "folder", size: 14 }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", ml: 6, fw: 500, children: "Home" })
+        ]
+      }
+    ),
+    rootFolders.map((folder) => /* @__PURE__ */ jsxRuntime.jsx(
+      FolderTreeItem,
+      {
+        node: folder,
+        allNodes,
+        currentFolderId,
+        depth: 1,
+        onNavigate
+      },
+      folder.id
+    ))
+  ] });
+};
+var FolderTree_default2 = FolderTree;
+
+// src/components/Apps/FilesApp/components/FileList.module.css
+var FileList_default = {};
+var FileListItem = ({ node, onNavigate, onOpenFile, onContextMenu }) => {
+  const handleDoubleClick = () => {
+    if (node.type === "folder") {
+      onNavigate(node.id);
+    } else {
+      onOpenFile(node);
+    }
+  };
+  const label = node.type === "folder" ? `Open folder ${node.name}` : `Open file ${node.name}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkE55VXNLK_cjs.UnstyledButton,
+    {
+      className: FileList_default.item,
+      onDoubleClick: handleDoubleClick,
+      onContextMenu: (e) => onContextMenu(e, node.id),
+      "aria-label": label,
+      role: "option",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: FileList_default.icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkABIAPZ6S_cjs.FileIcon_default,
+          {
+            type: node.type,
+            name: node.name,
+            folderNode: node.type === "folder" ? node : void 0,
+            size: 32
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", className: FileList_default.name, truncate: true, children: node.name })
+      ]
+    }
+  );
+};
+var FileList = ({ nodes, onNavigate, onOpenFile, onNodeContextMenu }) => {
+  const filesSortMode = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.filesSortMode);
+  if (nodes.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: FileList_default.empty, children: /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "sm", c: "dimmed", children: "This folder is empty" }) });
+  }
+  const sorted = chunk6QOUYSEE_cjs.sortNodesByMode(nodes, filesSortMode);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: FileList_default.grid, role: "listbox", "aria-label": "Files", children: sorted.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
+    FileListItem,
+    {
+      node,
+      onNavigate,
+      onOpenFile,
+      onContextMenu: onNodeContextMenu
+    },
+    node.id
+  )) });
+};
+var FileList_default2 = FileList;
+
+// src/components/Apps/FilesApp/FilesApp.module.css
+var FilesApp_default = {};
+var FilesApp = ({ window }) => {
+  const win = window;
+  const initialFolderId = win?.contentData?.initialFolderId;
+  const fsNodes = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.fsNodes);
+  const openContextMenu = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.openContextMenu);
+  const setFilesCurrentFolderId = chunk6QOUYSEE_cjs.useDesktopStore((state) => state.setFilesCurrentFolderId);
+  const openApp = chunk657BJOY5_cjs.useOpenApp();
+  const { notify } = useNotifications();
+  const [currentFolderId, setCurrentFolderIdLocal] = react.useState(
+    initialFolderId ?? null
+  );
+  const setCurrentFolderId = react.useCallback(
+    (id) => {
+      setCurrentFolderIdLocal(id);
+      setFilesCurrentFolderId(id);
+    },
+    [setFilesCurrentFolderId]
+  );
+  react.useEffect(() => {
+    setFilesCurrentFolderId(initialFolderId ?? null);
+  }, [initialFolderId, setFilesCurrentFolderId]);
+  const currentNodes = currentFolderId === null ? fsNodes.filter((n) => n.parentId === null) : fsNodes.filter((n) => n.parentId === currentFolderId);
+  const buildBreadcrumbs = () => {
+    const crumbs2 = [{ id: null, name: "Home" }];
+    let id = currentFolderId;
+    const trail = [];
+    while (id !== null) {
+      const node = fsNodes.find((n) => n.id === id);
+      if (!node) break;
+      trail.unshift({ id: node.id, name: node.name });
+      id = node.parentId;
+    }
+    return [...crumbs2, ...trail];
+  };
+  const handleContextMenu = react.useCallback(
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      openContextMenu(e.clientX, e.clientY, "files");
+    },
+    [openContextMenu]
+  );
+  const handleNodeContextMenu = react.useCallback(
+    (e, nodeId) => {
+      e.preventDefault();
+      e.stopPropagation();
+      openContextMenu(e.clientX, e.clientY, "files", nodeId);
+    },
+    [openContextMenu]
+  );
+  const handleOpenFile = react.useCallback(
+    (node) => {
+      try {
+        const result = chunk6QOUYSEE_cjs.getAppIdForMime(node);
+        if (result) {
+          openApp(result.appId, { contentData: result.contentData });
+        } else {
+          const mimeType = node.mimeType || "unknown";
+          console.warn(`[FilesApp] Unsupported file type: ${node.name} (${mimeType})`);
+          notify(
+            "Unsupported file type",
+            `Cannot open "${node.name}". File type "${mimeType}" is not supported.`,
+            { fcIcon: "FcDeleteRow" }
+          );
+        }
+      } catch (error) {
+        console.error("[FilesApp] Error opening file:", error);
+        notify("Error opening file", `An unexpected error occurred while opening "${node.name}".`, {
+          fcIcon: "FcHighPriority"
+        });
+      }
+    },
+    [openApp, notify]
+  );
+  const crumbs = buildBreadcrumbs();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: FilesApp_default.root, onContextMenu: handleContextMenu, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: FilesApp_default.breadcrumbBar, children: /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Breadcrumbs, { separator: "\u203A", classNames: { separator: FilesApp_default.breadcrumbSep }, children: crumbs.map((crumb, i) => {
+      const isLast = i === crumbs.length - 1;
+      return isLast ? /* @__PURE__ */ jsxRuntime.jsx(chunkE55VXNLK_cjs.Text, { size: "xs", fw: 500, children: crumb.name }, crumb.id ?? "root") : /* @__PURE__ */ jsxRuntime.jsx(
+        chunkE55VXNLK_cjs.Anchor,
+        {
+          size: "xs",
+          onClick: () => setCurrentFolderId(crumb.id),
+          children: crumb.name
+        },
+        crumb.id ?? "root"
+      );
+    }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: FilesApp_default.body, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("aside", { className: FilesApp_default.sidebar, children: /* @__PURE__ */ jsxRuntime.jsx(
+        FolderTree_default2,
+        {
+          allNodes: fsNodes,
+          currentFolderId,
+          onNavigate: setCurrentFolderId
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("main", { className: FilesApp_default.content, children: /* @__PURE__ */ jsxRuntime.jsx(
+        FileList_default2,
+        {
+          nodes: currentNodes,
+          onNavigate: setCurrentFolderId,
+          onOpenFile: handleOpenFile,
+          onNodeContextMenu: handleNodeContextMenu
+        }
+      ) })
+    ] })
+  ] });
+};
+var FilesApp_default2 = FilesApp;
+
+exports.FilesApp_default = FilesApp_default2;
+exports.useNotifications = useNotifications;

package/dist/chunk-BLV47DX2.js

@@ -0,0 +1,47 @@
+import { AppEmptyState_default } from './chunk-ZHNDXNL4.js';
+import { useResolvedUrl } from './chunk-EUQLZW6P.js';
+import { FilePickerModal } from './chunk-4MCFQPKY.js';
+import { useState, useEffect, useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Apps/PdfApp/PdfApp.module.css
+var PdfApp_default = {};
+var PdfApp = ({ window, notifyReady }) => {
+  const { t } = useTranslation("apps");
+  const win = window;
+  const initialSrc = win?.contentData?.src;
+  const [src, setSrc] = useState(initialSrc ?? void 0);
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const resolvedSrc = useResolvedUrl(src);
+  useEffect(() => {
+    notifyReady?.({ ...win?.contentData ?? {}, setPickerOpen: () => setPickerOpen(true) });
+  }, [win, notifyReady]);
+  const handleFileSelected = useCallback((node) => {
+    setSrc(node.url ?? node.name);
+    setPickerOpen(false);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: PdfApp_default.container, "data-windowid": win?.id, children: [
+    resolvedSrc || src ? /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        src: resolvedSrc ?? src,
+        className: PdfApp_default.frame,
+        title: t("pdf.viewer"),
+        "aria-label": t("pdf.viewer")
+      }
+    ) : /* @__PURE__ */ jsx(AppEmptyState_default, { label: t("pdf.noFile", { defaultValue: "No PDF loaded" }) }),
+    /* @__PURE__ */ jsx(
+      FilePickerModal,
+      {
+        opened: pickerOpen,
+        acceptedMimeTypes: ["application/pdf"],
+        onConfirm: handleFileSelected,
+        onCancel: () => setPickerOpen(false)
+      }
+    )
+  ] });
+};
+var PdfApp_default2 = PdfApp;
+
+export { PdfApp_default2 as PdfApp_default };

package/dist/chunk-BQCD5RAF.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+var chunkZX3EDZ5C_cjs = require('./chunk-ZX3EDZ5C.cjs');
+var react = require('react');
+var framerMotion = require('framer-motion');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/utils/getFourRandomColors.ts
+function getFourRandomColors(count = 4) {
+  const shuffled = [...chunkZX3EDZ5C_cjs.PRESET_COLORS].sort(() => Math.random() - 0.5);
+  return shuffled.slice(0, count);
+}
+
+// src/components/Shared/AppEmptyState/AppEmptyState.module.css
+var AppEmptyState_default = {};
+var COLORS = getFourRandomColors();
+var spring = {
+  type: "spring",
+  damping: 20,
+  stiffness: 300
+};
+function shuffle(array) {
+  return [...array].sort(() => Math.random() - 0.5);
+}
+var AppEmptyState = ({ label = "Work In Progress" }) => {
+  const [order, setOrder] = react.useState(COLORS);
+  react.useEffect(() => {
+    const timeout = setTimeout(() => setOrder((prev) => shuffle(prev)), 1e3);
+    return () => clearTimeout(timeout);
+  }, [order]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: AppEmptyState_default.root, "data-testid": "app-empty-state", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: AppEmptyState_default.container, children: order.map((color) => /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.motion.li,
+      {
+        layout: true,
+        transition: spring,
+        className: AppEmptyState_default.item,
+        style: { backgroundColor: color }
+      },
+      color
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: AppEmptyState_default.label, children: label })
+  ] });
+};
+var AppEmptyState_default2 = AppEmptyState;
+
+exports.AppEmptyState_default = AppEmptyState_default2;
+exports.getFourRandomColors = getFourRandomColors;