@fde-desktop/fde-core 0.3.8 → 0.4.2

package/dist/chunk-EAELL43F.js

@@ -0,0 +1,42 @@
+import { useVscIcon } from './chunk-YY6OUR2U.js';
+import { createElement } from 'react';
+
+// src/utils/getFileExtension.ts
+var getFileExtension = (name) => name.split(".").pop()?.toLowerCase() ?? "";
+var EXTENSION_ICONS = {
+  pdf: "VscFilePdf",
+  md: "VscMarkdown",
+  txt: "VscFile",
+  jpg: "VscFileMedia",
+  jpeg: "VscFileMedia",
+  png: "VscFileMedia",
+  gif: "VscFileMedia",
+  svg: "VscFileCode",
+  ts: "VscFileCode",
+  tsx: "VscFileCode",
+  js: "VscFileCode",
+  jsx: "VscFileCode",
+  json: "VscJson",
+  html: "VscFileCode",
+  css: "VscFileCode"
+};
+var FileIcon = ({ type, name = "", folderNode, fileNode, size = 20 }) => {
+  let iconName;
+  let iconColor;
+  if (type === "folder") {
+    iconName = folderNode?.iconName ?? "VscFolder";
+    iconColor = folderNode?.iconColor ?? void 0;
+  } else if (type === "file" && fileNode?.iconName) {
+    iconName = fileNode.iconName;
+    iconColor = fileNode.iconColor ?? void 0;
+  } else {
+    const ext = getFileExtension(name);
+    iconName = EXTENSION_ICONS[ext] ?? "VscFile";
+  }
+  const Icon = useVscIcon(iconName);
+  if (!Icon) return null;
+  return createElement(Icon, { size, color: iconColor, "aria-hidden": "true" });
+};
+var FileIcon_default = FileIcon;
+
+export { FileIcon_default, getFileExtension };

package/dist/chunk-EUQLZW6P.js

@@ -0,0 +1,48 @@
+import { fileSystem, getBaseUrl } from './chunk-NWMSWRUD.js';
+import { isDocker } from './chunk-FRHBM2U7.js';
+import { useMemo, useState, useRef, useEffect } from 'react';
+
+function useResolvedUrl(url) {
+  const needsBlobResolution = useMemo(
+    () => (url?.startsWith("idb://") || isDocker() && url?.startsWith("/api/fs")) ?? false,
+    [url]
+  );
+  const isApiFsUrl = useMemo(() => url?.startsWith("/api/fs") ?? false, [url]);
+  const [blobUrl, setBlobUrl] = useState(void 0);
+  const revokeRef = useRef(void 0);
+  useEffect(() => {
+    if (!url || !needsBlobResolution) return;
+    let cancelled = false;
+    fileSystem.toBlobUrl(url).then((result) => {
+      if (cancelled) {
+        if (result) URL.revokeObjectURL(result);
+        return;
+      }
+      revokeRef.current = result ?? void 0;
+      setBlobUrl(result ?? void 0);
+    });
+    return () => {
+      cancelled = true;
+      if (revokeRef.current) {
+        URL.revokeObjectURL(revokeRef.current);
+        revokeRef.current = void 0;
+      }
+      setBlobUrl(void 0);
+    };
+  }, [url, needsBlobResolution]);
+  if (!url) return void 0;
+  if (isApiFsUrl && needsBlobResolution) {
+    return blobUrl;
+  }
+  if (!needsBlobResolution) {
+    if (url.startsWith("/") || url.startsWith("http://") || url.startsWith("https://")) {
+      return url;
+    }
+    const base = getBaseUrl();
+    const normalizedBase = base.endsWith("/") ? base : `${base}/`;
+    return `${normalizedBase}${url}`;
+  }
+  return blobUrl;
+}
+
+export { useResolvedUrl };

package/dist/chunk-EX5V2ZTU.js

@@ -0,0 +1,40 @@
+import { PRESET_COLORS } from './chunk-PKPQA5NR.js';
+import { UnstyledButton, ColorInput } from './chunk-BQL3YXMV.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Shared/ColorPicker/ColorPicker.module.css
+var ColorPicker_default = {};
+var ColorPicker = ({ value, onChange, error, disabled = false }) => {
+  return /* @__PURE__ */ jsxs("div", { className: ColorPicker_default.root, children: [
+    /* @__PURE__ */ jsx("div", { className: ColorPicker_default.colorRow, children: PRESET_COLORS.map((color) => /* @__PURE__ */ jsx(
+      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__ */ jsx(
+      ColorInput,
+      {
+        value,
+        onChange,
+        placeholder: "Custom color",
+        size: "xs",
+        className: ColorPicker_default.colorInput,
+        "aria-label": "Custom color picker",
+        error,
+        disabled
+      }
+    )
+  ] });
+};
+var ColorPicker_default2 = ColorPicker;
+
+export { ColorPicker_default2 as ColorPicker_default };

package/dist/chunk-FH4ILMKF.js

@@ -0,0 +1,38 @@
+import { create } from 'zustand';
+
+// src/components/Apps/NotesApp/notesStore.ts
+var DEFAULT_STATE = {
+  isDirty: false,
+  contentLoaded: false
+};
+var useNotesStore = create((set, get) => ({
+  states: {},
+  getIsDirty: (windowId) => get().states[windowId]?.isDirty ?? false,
+  setIsDirty: (windowId, isDirty) => {
+    const currentIsDirty = get().states[windowId]?.isDirty ?? false;
+    if (currentIsDirty === isDirty) return;
+    set((s) => ({
+      states: {
+        ...s.states,
+        [windowId]: { ...s.states[windowId] ?? DEFAULT_STATE, isDirty }
+      }
+    }));
+  },
+  getContentLoaded: (windowId) => get().states[windowId]?.contentLoaded ?? false,
+  setContentLoaded: (windowId, loaded) => {
+    set((s) => ({
+      states: {
+        ...s.states,
+        [windowId]: { ...s.states[windowId] ?? DEFAULT_STATE, contentLoaded: loaded }
+      }
+    }));
+  },
+  reset: (windowId) => {
+    set((s) => ({
+      states: { ...s.states, [windowId]: DEFAULT_STATE }
+    }));
+  }
+}));
+var useIsDirty = (windowId) => useNotesStore((s) => s.states[windowId]?.isDirty ?? false);
+
+export { useIsDirty, useNotesStore };

package/dist/chunk-FRHBM2U7.js

@@ -0,0 +1,33 @@
+// src/utils/getRuntime.ts
+function getRuntime() {
+  if (typeof window === "undefined") {
+    return "browser";
+  }
+  if (window.__FDE_IN_DOCKER__ === true) {
+    return "docker";
+  }
+  if (typeof navigator !== "undefined" && /Electron/i.test(navigator.userAgent)) {
+    return "electron";
+  }
+  return "browser";
+}
+function isDocker() {
+  return getRuntime() === "docker";
+}
+function isElectron() {
+  return getRuntime() === "electron";
+}
+function isBrowser() {
+  return getRuntime() === "browser";
+}
+function isDev() {
+  if (typeof window === "undefined") {
+    return false;
+  }
+  if (window.__IS_DEV__ === true) {
+    return true;
+  }
+  return window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
+}
+
+export { getRuntime, isBrowser, isDev, isDocker, isElectron };

package/dist/chunk-FX2TPX3L.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var zustand = require('zustand');
+
+// src/components/Apps/MenuEditApp/menuEditStore.ts
+var useMenuEditStore = zustand.create((set, get) => ({
+  windows: {},
+  reset: (windowId) => {
+    set((state) => ({
+      windows: {
+        ...state.windows,
+        [windowId]: { isDirty: false, snapshot: null }
+      }
+    }));
+  },
+  setIsDirty: (windowId, isDirty) => {
+    set((state) => {
+      const windowState = state.windows[windowId];
+      if (windowState?.isDirty === isDirty) return state;
+      return {
+        windows: {
+          ...state.windows,
+          [windowId]: { ...windowState, isDirty }
+        }
+      };
+    });
+  },
+  takeSnapshot: (windowId, folders) => {
+    set((state) => ({
+      windows: {
+        ...state.windows,
+        [windowId]: { isDirty: false, snapshot: folders }
+      }
+    }));
+  },
+  getSnapshot: (windowId) => {
+    return get().windows[windowId]?.snapshot ?? null;
+  }
+}));
+var useIsDirty = (windowId) => {
+  return useMenuEditStore((state) => state.windows[windowId]?.isDirty ?? false);
+};
+
+exports.useIsDirty = useIsDirty;
+exports.useMenuEditStore = useMenuEditStore;

package/dist/chunk-GCYD6T52.js

@@ -0,0 +1,32 @@
+import { resolveUrl } from './chunk-NWMSWRUD.js';
+import { useFcIconElement, useFiIconElement, useVscIconElement } from './chunk-YY6OUR2U.js';
+import { jsx } from 'react/jsx-runtime';
+
+var AppIcon = ({ fcIcon, fallback, iconUrl, size = 20, color }) => {
+  const isFiIcon = fcIcon?.startsWith("Fi");
+  const isVscIcon = fcIcon?.startsWith("Vsc");
+  const fcElement = useFcIconElement(!isFiIcon && !isVscIcon ? fcIcon ?? "" : "", { size });
+  const fiElement = useFiIconElement(isFiIcon ? fcIcon ?? "" : "", { size, color });
+  const vscElement = useVscIconElement(isVscIcon ? fcIcon ?? "" : "", { size });
+  if (iconUrl) {
+    const resolvedIconUrl = resolveUrl(iconUrl);
+    return /* @__PURE__ */ 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__ */ jsx("span", { "aria-hidden": "true", children: fallback });
+  return null;
+};
+var AppIcon_default = AppIcon;
+
+export { AppIcon_default };

package/dist/chunk-GRYCUBJZ.js

@@ -0,0 +1,9 @@
+import { useVscIconElement } from './chunk-YY6OUR2U.js';
+
+// src/components/Shared/VscIcon.tsx
+var VscIcon = ({ name, size = 20, color }) => {
+  return useVscIconElement(name, { size, color }) ?? null;
+};
+var VscIcon_default = VscIcon;
+
+export { VscIcon_default };

package/dist/chunk-HWHBSAUC.js

@@ -0,0 +1,40 @@
+import { useFcIconElement } from './chunk-YY6OUR2U.js';
+import { Group, Box, Text, Progress } from './chunk-BQL3YXMV.js';
+import { useState, useEffect } from 'react';
+import { jsxs, jsx } from '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 = useFcIconElement("FcProcess", { size: 24 });
+  const [doneTimestamp, setDoneTimestamp] = useState(null);
+  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__ */ jsxs(Group, { gap: "sm", align: "center", justify: "center", style: { minHeight: 40 }, children: [
+      /* @__PURE__ */ jsx(Box, { className: DownloadProgress_default.spinner, "data-testid": "process-icon", children: processIcon }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", children: label })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(Progress, { value: 100, size: "sm", "aria-label": ariaLabel, children: /* @__PURE__ */ jsxs(Progress.Label, { children: [
+    formatKb(loaded),
+    " KB"
+  ] }) });
+};
+var DownloadProgress_default2 = DownloadProgress;
+
+export { DownloadProgress_default2 as DownloadProgress_default };

package/dist/chunk-ICUE6T7J.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var chunk6QOUYSEE_cjs = require('./chunk-6QOUYSEE.cjs');
+var chunkZ5YGWL65_cjs = require('./chunk-Z5YGWL65.cjs');
+var react = require('react');
+
+function useResolvedUrl(url) {
+  const needsBlobResolution = react.useMemo(
+    () => (url?.startsWith("idb://") || chunkZ5YGWL65_cjs.isDocker() && url?.startsWith("/api/fs")) ?? false,
+    [url]
+  );
+  const isApiFsUrl = react.useMemo(() => url?.startsWith("/api/fs") ?? false, [url]);
+  const [blobUrl, setBlobUrl] = react.useState(void 0);
+  const revokeRef = react.useRef(void 0);
+  react.useEffect(() => {
+    if (!url || !needsBlobResolution) return;
+    let cancelled = false;
+    chunk6QOUYSEE_cjs.fileSystem.toBlobUrl(url).then((result) => {
+      if (cancelled) {
+        if (result) URL.revokeObjectURL(result);
+        return;
+      }
+      revokeRef.current = result ?? void 0;
+      setBlobUrl(result ?? void 0);
+    });
+    return () => {
+      cancelled = true;
+      if (revokeRef.current) {
+        URL.revokeObjectURL(revokeRef.current);
+        revokeRef.current = void 0;
+      }
+      setBlobUrl(void 0);
+    };
+  }, [url, needsBlobResolution]);
+  if (!url) return void 0;
+  if (isApiFsUrl && needsBlobResolution) {
+    return blobUrl;
+  }
+  if (!needsBlobResolution) {
+    if (url.startsWith("/") || url.startsWith("http://") || url.startsWith("https://")) {
+      return url;
+    }
+    const base = chunk6QOUYSEE_cjs.getBaseUrl();
+    const normalizedBase = base.endsWith("/") ? base : `${base}/`;
+    return `${normalizedBase}${url}`;
+  }
+  return blobUrl;
+}
+
+exports.useResolvedUrl = useResolvedUrl;

package/dist/chunk-IDHP3R4I.js

@@ -0,0 +1,31 @@
+import { create } from 'zustand';
+
+// src/stores/factories/createWindowStateStore.ts
+function createDirtyStateStore() {
+  const DEFAULT_STATE = { isDirty: false };
+  return create((set, get) => ({
+    states: {},
+    getIsDirty: (windowId) => get().states[windowId]?.isDirty ?? false,
+    setIsDirty: (windowId, isDirty) => {
+      const currentIsDirty = get().states[windowId]?.isDirty ?? false;
+      if (currentIsDirty === isDirty) return;
+      set((s) => ({
+        states: {
+          ...s.states,
+          [windowId]: { ...s.states[windowId] ?? DEFAULT_STATE, isDirty }
+        }
+      }));
+    },
+    reset: (windowId) => {
+      set((s) => ({
+        states: { ...s.states, [windowId]: DEFAULT_STATE }
+      }));
+    }
+  }));
+}
+
+// src/components/Apps/SettingsApp/settingsAppStore.ts
+var useSettingsAppStore = createDirtyStateStore();
+var useIsDirty = (windowId) => useSettingsAppStore((s) => s.states[windowId]?.isDirty ?? false);
+
+export { useIsDirty, useSettingsAppStore };