@fde-desktop/fde-core 0.4.6 → 0.4.8

package/dist/chunk-U5JKHQBS.js

@@ -1,234 +0,0 @@
-import { useOpenApp } from './chunk-KGMXUBWQ.js';
-import { DownloadProgress_default } from './chunk-HWHBSAUC.js';
-import { FolderPickerModal } from './chunk-2MYZWMDC.js';
-import { useDesktopStore, fileSystem, getAppIdForMime } from './chunk-W2Y22XR6.js';
-import { useFcIconElement } from './chunk-YY6OUR2U.js';
-import { Paper, Box, Text, Group, Button, Stepper, FileButton } from './chunk-BQL3YXMV.js';
-import { useState, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/utils/formatBytes.ts
-function formatBytes(bytes) {
-  if (bytes === 0) return "0 B";
-  const k = 1024;
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  const index = Math.min(i, sizes.length - 1);
-  return `${parseFloat((bytes / Math.pow(k, index)).toFixed(1))} ${sizes[index]}`;
-}
-
-// src/components/Apps/UploaderApp/UploaderApp.module.css
-var UploaderApp_default = {};
-var UploaderApp = ({ window: win }) => {
-  const { t } = useTranslation("apps");
-  const createFile = useDesktopStore((state) => state.createFile);
-  const openApp = useOpenApp();
-  const [activeStep, setActiveStep] = useState(0);
-  const [file, setFile] = useState(null);
-  const [selectedFolderId, setSelectedFolderId] = useState(null);
-  const [folderSelected, setFolderSelected] = useState(false);
-  const [pickerOpen, setPickerOpen] = useState(false);
-  const [uploadStarted, setUploadStarted] = useState(false);
-  const [uploadState, setUploadState] = useState({
-    status: "idle",
-    progress: { status: "idle", loaded: 0, total: null, percent: null, error: null }
-  });
-  const [createdFileId, setCreatedFileId] = useState(null);
-  const uploadIcon = useFcIconElement("FcUpload", { size: 120 });
-  const checkIconLg = useFcIconElement("FcCheckmark", { size: 64 });
-  const checkIconSm = useFcIconElement("FcCheckmark", { size: 14 });
-  const infoIcon = useFcIconElement("FcInfo", { size: 64 });
-  const handleFileChange = useCallback((selectedFile) => {
-    if (selectedFile) {
-      setFile(selectedFile);
-      setActiveStep(1);
-    }
-  }, []);
-  const handleFolderSelect = useCallback((folderId) => {
-    setSelectedFolderId(folderId);
-    setFolderSelected(true);
-    setPickerOpen(false);
-    setActiveStep(2);
-  }, []);
-  const handleUpload = useCallback(async () => {
-    if (!file) return;
-    console.log("[UploaderApp] Starting upload for file:", file.name, "size:", file.size);
-    setUploadStarted(true);
-    setUploadState({
-      status: "reading",
-      progress: { status: "downloading", loaded: 0, total: file.size, percent: 0, error: null }
-    });
-    try {
-      setUploadState((prev) => ({
-        ...prev,
-        progress: {
-          status: "downloading",
-          loaded: 0,
-          total: file.size,
-          percent: 0,
-          error: null
-        }
-      }));
-      for (let i = 0; i <= 50; i += 10) {
-        await new Promise((resolve) => setTimeout(resolve, 50));
-        setUploadState((prev) => ({
-          ...prev,
-          progress: {
-            status: "downloading",
-            loaded: Math.floor(file.size * i / 100),
-            total: file.size,
-            percent: i,
-            error: null
-          }
-        }));
-      }
-      console.log("[UploaderApp] Calling saveBlob...");
-      const saveBlobStart = Date.now();
-      const idbUrl = await fileSystem.saveBlob(file);
-      console.log(
-        "[UploaderApp] saveBlob completed in",
-        Date.now() - saveBlobStart,
-        "ms, url:",
-        idbUrl
-      );
-      setUploadState((prev) => ({
-        ...prev,
-        progress: {
-          status: "downloading",
-          loaded: Math.floor(file.size * 80 / 100),
-          total: file.size,
-          percent: 80,
-          error: null
-        }
-      }));
-      console.log("[UploaderApp] Calling createFile with folderId:", selectedFolderId);
-      const createStart = Date.now();
-      const createdFile = await createFile(file.name, "", selectedFolderId, idbUrl);
-      console.log(
-        "[UploaderApp] createFile completed in",
-        Date.now() - createStart,
-        "ms, id:",
-        createdFile.id
-      );
-      setCreatedFileId(createdFile.id);
-      setUploadState({
-        status: "done",
-        progress: {
-          status: "done",
-          loaded: file.size,
-          total: file.size,
-          percent: 100,
-          error: null
-        }
-      });
-      await new Promise((resolve) => setTimeout(resolve, 1e3));
-      setActiveStep(3);
-    } catch (err) {
-      console.error("[UploaderApp] Upload FAILED:", err);
-      setUploadState((prev) => ({
-        ...prev,
-        status: "error",
-        error: err instanceof Error ? err.message : "Upload failed"
-      }));
-      await new Promise((resolve) => setTimeout(resolve, 1e3));
-      setActiveStep(3);
-    }
-  }, [file, selectedFolderId, createFile]);
-  const handleShowFile = useCallback(() => {
-    if (!selectedFolderId) {
-      openApp("files");
-    } else {
-      openApp("files", { contentData: { initialFolderId: selectedFolderId } });
-    }
-  }, [selectedFolderId, openApp]);
-  const handleOpenFile = useCallback(() => {
-    if (!createdFileId) return;
-    const createdNode = useDesktopStore.getState().fsNodes.find((n) => n.id === createdFileId);
-    if (!createdNode || createdNode.type !== "file") return;
-    const fileNode = createdNode;
-    const result = getAppIdForMime(fileNode);
-    if (result) {
-      openApp(result.appId, { contentData: result.contentData });
-    }
-  }, [createdFileId, openApp]);
-  if (!win) return null;
-  const isSuccess = uploadState.status === "done";
-  const errorMessage = uploadState.error;
-  if (activeStep === 3) {
-    return /* @__PURE__ */ jsx("div", { className: UploaderApp_default.container, children: /* @__PURE__ */ jsxs(Paper, { shadow: "sm", className: UploaderApp_default.resultPaper, children: [
-      /* @__PURE__ */ jsx(Box, { className: UploaderApp_default.resultIcon, children: isSuccess ? checkIconLg : infoIcon }),
-      /* @__PURE__ */ jsx(Text, { size: "lg", fw: 500, ta: "center", children: isSuccess ? t("uploader.uploadComplete") : `${t("uploader.uploadFailed")}: ${errorMessage}` }),
-      isSuccess && /* @__PURE__ */ jsxs(Group, { mt: "md", justify: "center", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "default",
-            size: "sm",
-            onClick: handleShowFile,
-            "data-testid": "uploader-show-file",
-            children: t("uploader.showFile")
-          }
-        ),
-        /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleOpenFile, "data-testid": "uploader-open-file", children: t("uploader.openFile") })
-      ] })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: UploaderApp_default.container, children: [
-    uploadIcon && /* @__PURE__ */ jsx("div", { className: UploaderApp_default.backgroundIcon, children: uploadIcon }),
-    /* @__PURE__ */ jsxs(Stepper, { active: activeStep, orientation: "horizontal", size: "sm", className: UploaderApp_default.stepper, children: [
-      /* @__PURE__ */ jsx(Stepper.Step, { label: t("uploader.stepSelect"), description: t("uploader.clickToUpload"), children: /* @__PURE__ */ jsx(FileButton, { accept: "*", onChange: handleFileChange, children: (props) => /* @__PURE__ */ jsx(Button, { ...props, size: "sm", "data-testid": "uploader-select-file", children: t("uploader.clickToUpload") }) }) }),
-      /* @__PURE__ */ jsxs(
-        Stepper.Step,
-        {
-          label: t("uploader.stepDestination"),
-          description: folderSelected ? /* @__PURE__ */ jsxs(Group, { gap: 4, align: "center", style: { display: "inline-flex" }, children: [
-            checkIconSm,
-            /* @__PURE__ */ jsx("span", { children: t("uploader.folderSelected") })
-          ] }) : t("uploader.selectDestination"),
-          children: [
-            file && /* @__PURE__ */ jsxs(Box, { className: UploaderApp_default.fileInfo, children: [
-              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: file.name }),
-              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatBytes(file.size) })
-            ] }),
-            /* @__PURE__ */ jsxs(Group, { mt: "md", children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "default",
-                  size: "xs",
-                  onClick: () => setPickerOpen(true),
-                  "data-testid": "uploader-select-folder",
-                  children: t("uploader.selectDestination")
-                }
-              ),
-              /* @__PURE__ */ jsx(Button, { size: "xs", onClick: () => setActiveStep(2), "data-testid": "uploader-skip-folder", children: t("uploader.next", { defaultValue: "Next" }) })
-            ] }),
-            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", mt: "xs", children: selectedFolderId ? `${t("uploader.uploadTo")}: ${useDesktopStore.getState().fsNodes.find((n) => n.id === selectedFolderId)?.name || ""}` : t("uploader.uploadToRoot") })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(Stepper.Step, { label: t("uploader.stepUpload"), description: t("uploader.uploading"), children: !uploadStarted ? /* @__PURE__ */ jsxs(Box, { className: UploaderApp_default.readyContainer, children: [
-        /* @__PURE__ */ jsx(Text, { size: "sm", ta: "center", children: t("uploader.readyToUpload") }),
-        /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleUpload, "data-testid": "uploader-upload", children: t("uploader.upload") }) })
-      ] }) : /* @__PURE__ */ jsx(
-        DownloadProgress_default,
-        {
-          state: uploadState.progress,
-          ariaLabel: t("uploader.uploadProgress")
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      FolderPickerModal,
-      {
-        opened: pickerOpen,
-        onConfirm: handleFolderSelect,
-        onCancel: () => setPickerOpen(false)
-      }
-    )
-  ] });
-};
-var UploaderApp_default2 = UploaderApp;
-
-export { UploaderApp_default2 as UploaderApp_default, formatBytes };

package/dist/chunk-UIQCTAVM.cjs

@@ -1,59 +0,0 @@
-'use strict';
-
-var zustand = require('zustand');
-
-// src/components/Apps/ImageViewerApp/imageViewerStore.ts
-var DEFAULT_STATE = {
-  userZoom: 100,
-  calculatedZoom: 100,
-  fitToWindow: true
-};
-var useImageViewerStore = zustand.create((set, get) => ({
-  states: {},
-  getUserZoom: (id) => get().states[id]?.userZoom ?? 100,
-  getCalculatedZoom: (id) => get().states[id]?.calculatedZoom ?? 100,
-  getFitToWindow: (id) => get().states[id]?.fitToWindow ?? true,
-  getDisplayZoom: (id) => {
-    const state = get().states[id];
-    if (!state) return 100;
-    return state.fitToWindow ? state.calculatedZoom : state.userZoom;
-  },
-  setUserZoom: (id, zoom) => set((s) => ({
-    states: {
-      ...s.states,
-      [id]: { ...s.states[id] ?? DEFAULT_STATE, userZoom: zoom, fitToWindow: false }
-    }
-  })),
-  setFitToWindow: (id, fitToWindow) => set((s) => ({
-    states: {
-      ...s.states,
-      [id]: { ...s.states[id] ?? DEFAULT_STATE, fitToWindow }
-    }
-  })),
-  updateCalculatedZoom: (id, imageDims, containerDims) => {
-    const scale = Math.min(
-      containerDims.width / imageDims.width,
-      containerDims.height / imageDims.height
-    );
-    const calculatedZoom = Math.round(scale * 100);
-    set((s) => ({
-      states: {
-        ...s.states,
-        [id]: { ...s.states[id] ?? DEFAULT_STATE, calculatedZoom }
-      }
-    }));
-  },
-  reset: (id) => set((s) => ({
-    states: { ...s.states, [id]: DEFAULT_STATE }
-  }))
-}));
-var useFitToWindow = (windowId) => useImageViewerStore((s) => s.states[windowId]?.fitToWindow ?? true);
-var useDisplayZoom = (windowId) => useImageViewerStore((s) => {
-  const state = s.states[windowId];
-  if (!state) return 100;
-  return state.fitToWindow ? state.calculatedZoom : state.userZoom;
-});
-
-exports.useDisplayZoom = useDisplayZoom;
-exports.useFitToWindow = useFitToWindow;
-exports.useImageViewerStore = useImageViewerStore;

package/dist/chunk-VFPEMNSX.js

@@ -1,47 +0,0 @@
-import { AppEmptyState_default } from './chunk-ZHNDXNL4.js';
-import { useResolvedUrl } from './chunk-FNWS4ZKT.js';
-import { FilePickerModal } from './chunk-2MYZWMDC.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-VLWKVIYD.js

@@ -1,162 +0,0 @@
-import { useAdaptiveDimensions } from './chunk-WHZGUG7Q.js';
-import { useDesktopStore, BREAKPOINTS } from './chunk-W2Y22XR6.js';
-import { isDocker, isDev } from './chunk-FRHBM2U7.js';
-import { Paper, Stack, Text, Code } from './chunk-BQL3YXMV.js';
-import { useState, useCallback, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var getIsMobile = () => {
-  const width = window.innerWidth;
-  const isCoarsePointer = window.matchMedia("(pointer: coarse)").matches;
-  return width < BREAKPOINTS.MOBILE || isCoarsePointer;
-};
-var getIsTablet = () => {
-  const width = window.innerWidth;
-  return width >= BREAKPOINTS.MOBILE && width < BREAKPOINTS.TABLET;
-};
-var getIsDesktop = () => {
-  const width = window.innerWidth;
-  return width >= BREAKPOINTS.TABLET;
-};
-var getIsPortrait = () => {
-  if (screen.orientation) {
-    return screen.orientation.type.includes("portrait");
-  }
-  return window.innerHeight > window.innerWidth;
-};
-function useDeviceDetection() {
-  const [deviceInfo, setDeviceInfo] = useState(() => ({
-    isMobile: getIsMobile(),
-    isTablet: getIsTablet(),
-    isDesktop: getIsDesktop(),
-    isPortrait: getIsPortrait(),
-    shouldShowWarning: getIsMobile() && getIsPortrait(),
-    screenWidth: window.innerWidth,
-    screenHeight: window.innerHeight
-  }));
-  const updateDeviceInfo = useCallback(() => {
-    const isMobile = getIsMobile();
-    const isPortrait = getIsPortrait();
-    setDeviceInfo({
-      isMobile,
-      isTablet: getIsTablet(),
-      isDesktop: getIsDesktop(),
-      isPortrait,
-      shouldShowWarning: isMobile && isPortrait,
-      screenWidth: window.innerWidth,
-      screenHeight: window.innerHeight
-    });
-  }, []);
-  useEffect(() => {
-    window.addEventListener("resize", updateDeviceInfo);
-    screen.orientation?.addEventListener?.("change", updateDeviceInfo);
-    return () => {
-      window.removeEventListener("resize", updateDeviceInfo);
-      screen.orientation?.removeEventListener?.("change", updateDeviceInfo);
-    };
-  }, [updateDeviceInfo]);
-  return deviceInfo;
-}
-
-// src/components/Apps/DeviceInfoApp/DeviceInfoApp.module.css
-var DeviceInfoApp_default = {};
-var DeviceInfoApp = ({ window: win, notifyReady }) => {
-  const device = useDeviceDetection();
-  const dimensions = useAdaptiveDimensions();
-  const viewportWidth = useDesktopStore((state) => state.viewportWidth);
-  const viewportHeight = useDesktopStore((state) => state.viewportHeight);
-  const setViewportSize = useDesktopStore((state) => state.setViewportSize);
-  useEffect(() => {
-    notifyReady?.({});
-  }, [notifyReady]);
-  useEffect(() => {
-    const handleResize = () => {
-      setViewportSize(window.innerWidth, window.innerHeight);
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, [setViewportSize]);
-  return /* @__PURE__ */ jsxs("div", { className: DeviceInfoApp_default.container, "data-windowid": win?.id, children: [
-    /* @__PURE__ */ jsx(Paper, { p: "sm", shadow: "sm", withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Text, { fw: "bold", size: "sm", children: "Runtime Environment" }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isDocker:" }),
-        " ",
-        String(isDocker())
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isDev:" }),
-        " ",
-        String(isDev())
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(Paper, { p: "sm", shadow: "sm", withBorder: true, mt: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-      /* @__PURE__ */ jsx(Text, { fw: "bold", size: "sm", children: "Device Detection" }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isMobile:" }),
-        " ",
-        String(device.isMobile)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isTablet:" }),
-        " ",
-        String(device.isTablet)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isDesktop:" }),
-        " ",
-        String(device.isDesktop)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "isPortrait:" }),
-        " ",
-        String(device.isPortrait)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "shouldShowWarning:" }),
-        " ",
-        String(device.shouldShowWarning)
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "viewportWidth:" }),
-        " ",
-        viewportWidth,
-        "px"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "viewportHeight:" }),
-        " ",
-        viewportHeight,
-        "px"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "defaultWidth:" }),
-        " ",
-        dimensions.defaultWidth,
-        "px"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "defaultHeight:" }),
-        " ",
-        dimensions.defaultHeight,
-        "px"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "minWidth:" }),
-        " ",
-        dimensions.minWidth,
-        "px"
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
-        /* @__PURE__ */ jsx(Code, { children: "minHeight:" }),
-        " ",
-        dimensions.minHeight,
-        "px"
-      ] })
-    ] }) })
-  ] });
-};
-var DeviceInfoApp_default2 = DeviceInfoApp;
-
-export { DeviceInfoApp_default2 as DeviceInfoApp_default, useDeviceDetection };