@nocobase/plugin-file-manager 2.1.0-beta.27 → 2.1.0-beta.30

package/dist/shared/locale.js

@@ -0,0 +1,36 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var locale_exports = {};
+__export(locale_exports, {
+  NAMESPACE: () => NAMESPACE
+});
+module.exports = __toCommonJS(locale_exports);
+const NAMESPACE = "file-manager";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NAMESPACE
+});

package/dist/shared/previewer/filePreviewTypes.d.ts

@@ -0,0 +1,41 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import React from 'react';
+export interface FilePreviewerProps {
+    file: any;
+    index: number;
+    list: any[];
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onSwitchIndex?: (index: number) => void;
+    onClose?: () => void;
+    onDownload: (file: any) => void;
+}
+export interface FilePreviewType {
+    match(file: any): boolean;
+    getThumbnailURL?: (file: any) => string | null;
+    Previewer?: React.ComponentType<FilePreviewerProps>;
+}
+export declare class FilePreviewTypes {
+    types: FilePreviewType[];
+    add(type: FilePreviewType): void;
+    getTypeByFile(file: any): Omit<FilePreviewType, 'match'> | undefined;
+}
+export declare const filePreviewTypes: FilePreviewTypes;
+export declare function normalizePreviewFile(file: any): any;
+export declare function getPreviewFileUrl(file: any): any;
+export declare function getFileUrl(file: any): any;
+export declare function matchMimetype(file: any, type: string): any;
+export declare const getFileExt: (file: any, url?: string) => string;
+export declare const getFileName: (file: any, url?: string) => any;
+export declare const getDownloadFileName: (file: any, url?: string) => string;
+export declare const getFallbackIcon: (file: any, url?: string) => string;
+export declare const getPreviewThumbnailUrl: (file: any) => string;
+export declare const wrapWithModalPreviewer: (Previewer: React.ComponentType<FilePreviewerProps>) => (props: FilePreviewerProps) => React.JSX.Element;
+export declare const FilePreviewRenderer: (props: FilePreviewerProps) => React.JSX.Element;

package/dist/shared/previewer/filePreviewTypes.js

@@ -0,0 +1,438 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var filePreviewTypes_exports = {};
+__export(filePreviewTypes_exports, {
+  FilePreviewRenderer: () => FilePreviewRenderer,
+  FilePreviewTypes: () => FilePreviewTypes,
+  filePreviewTypes: () => filePreviewTypes,
+  getDownloadFileName: () => getDownloadFileName,
+  getFallbackIcon: () => getFallbackIcon,
+  getFileExt: () => getFileExt,
+  getFileName: () => getFileName,
+  getFileUrl: () => getFileUrl,
+  getPreviewFileUrl: () => getPreviewFileUrl,
+  getPreviewThumbnailUrl: () => getPreviewThumbnailUrl,
+  matchMimetype: () => matchMimetype,
+  normalizePreviewFile: () => normalizePreviewFile,
+  wrapWithModalPreviewer: () => wrapWithModalPreviewer
+});
+module.exports = __toCommonJS(filePreviewTypes_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_mime_match = __toESM(require("mime-match"));
+var import_react_i18next = require("react-i18next");
+var import_locale = require("../locale");
+class FilePreviewTypes {
+  types = [];
+  add(type) {
+    this.types.unshift(type);
+  }
+  getTypeByFile(file) {
+    const normalized = normalizePreviewFile(file);
+    return this.types.find((type) => type.match(normalized));
+  }
+}
+const filePreviewTypes = new FilePreviewTypes();
+function normalizePreviewFile(file) {
+  if (!file) {
+    return file;
+  }
+  if (typeof file === "string") {
+    return { url: file };
+  }
+  return file;
+}
+function getPreviewFileUrl(file) {
+  if (!file) {
+    return "";
+  }
+  if (typeof file === "string") {
+    return file;
+  }
+  return file.preview || file.url || "";
+}
+function getFileUrl(file) {
+  if (!file) {
+    return "";
+  }
+  if (typeof file === "string") {
+    return file;
+  }
+  return file.url || file.preview || "";
+}
+const FALLBACK_ICON_MAP = {
+  pdf: "/file-placeholder/pdf-200-200.png",
+  mp4: "/file-placeholder/video-200-200.png",
+  mov: "/file-placeholder/video-200-200.png",
+  avi: "/file-placeholder/video-200-200.png",
+  wmv: "/file-placeholder/video-200-200.png",
+  flv: "/file-placeholder/video-200-200.png",
+  mkv: "/file-placeholder/video-200-200.png",
+  mp3: "/file-placeholder/audio-200-200.png",
+  wav: "/file-placeholder/audio-200-200.png",
+  aac: "/file-placeholder/audio-200-200.png",
+  ogg: "/file-placeholder/audio-200-200.png",
+  doc: "/file-placeholder/docx-200-200.png",
+  docx: "/file-placeholder/docx-200-200.png",
+  odt: "/file-placeholder/docx-200-200.png",
+  xls: "/file-placeholder/xlsx-200-200.png",
+  xlsx: "/file-placeholder/xlsx-200-200.png",
+  csv: "/file-placeholder/xlsx-200-200.png",
+  ppt: "/file-placeholder/pptx-200-200.png",
+  pptx: "/file-placeholder/pptx-200-200.png",
+  jpg: "/file-placeholder/jpeg-200-200.png",
+  jpeg: "/file-placeholder/jpeg-200-200.png",
+  png: "/file-placeholder/png-200-200.png",
+  gif: "/file-placeholder/gif-200-200.png",
+  webp: "/file-placeholder/png-200-200.png",
+  bmp: "/file-placeholder/png-200-200.png",
+  svg: "/file-placeholder/svg-200-200.png",
+  default: "/file-placeholder/unknown-200-200.png"
+};
+const stripQueryAndHash = (url) => url.split("?")[0].split("#")[0];
+const getExtFromName = (value) => {
+  if (!value) {
+    return "";
+  }
+  const clean = stripQueryAndHash(value);
+  const index = clean.lastIndexOf(".");
+  return index !== -1 ? clean.slice(index + 1).toLowerCase() : "";
+};
+const EXT_MIMETYPE_MAP = {
+  aac: "audio/aac",
+  avi: "video/x-msvideo",
+  bmp: "image/bmp",
+  csv: "text/csv",
+  doc: "application/msword",
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  flv: "video/x-flv",
+  gif: "image/gif",
+  jpeg: "image/jpeg",
+  jpg: "image/jpeg",
+  json: "application/json",
+  mkv: "video/x-matroska",
+  mov: "video/quicktime",
+  mp3: "audio/mpeg",
+  mp4: "video/mp4",
+  odt: "application/vnd.oasis.opendocument.text",
+  ogg: "audio/ogg",
+  pdf: "application/pdf",
+  png: "image/png",
+  ppt: "application/vnd.ms-powerpoint",
+  pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  svg: "image/svg+xml",
+  txt: "text/plain",
+  wav: "audio/wav",
+  webp: "image/webp",
+  wmv: "video/x-ms-wmv",
+  xls: "application/vnd.ms-excel",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+};
+function matchMimetype(file, type) {
+  if (!file) {
+    return false;
+  }
+  if (file.originFileObj) {
+    return (0, import_mime_match.default)(file.type, type);
+  }
+  if (file.mimetype) {
+    return (0, import_mime_match.default)(file.mimetype, type);
+  }
+  if (file.url) {
+    return (0, import_mime_match.default)(EXT_MIMETYPE_MAP[getExtFromName(file.url)] || "", type);
+  }
+  return false;
+}
+const getNameFromUrl = (url) => {
+  if (!url) {
+    return "";
+  }
+  const clean = stripQueryAndHash(url);
+  const index = clean.lastIndexOf("/");
+  return index !== -1 ? clean.slice(index + 1) : clean;
+};
+const getFileExt = (file, url) => {
+  if (file && typeof file === "object") {
+    if (file.extname) {
+      return String(file.extname).replace(/^\./, "").toLowerCase();
+    }
+    const nameExt = getExtFromName(file.name || file.filename || file.title);
+    if (nameExt) {
+      return nameExt;
+    }
+  }
+  return getExtFromName(url);
+};
+const getFileName = (file, url) => {
+  const nameFromUrl = getNameFromUrl(url);
+  if (!file || typeof file === "string") {
+    return nameFromUrl;
+  }
+  return file.name || file.filename || file.title || nameFromUrl;
+};
+const getDownloadFileName = (file, url) => {
+  const resolvedUrl = url || getFileUrl(file);
+  let filename = getFileName(file, resolvedUrl);
+  const ext = getFileExt(file, resolvedUrl);
+  if (filename && ext && !filename.toLowerCase().endsWith(`.${ext}`)) {
+    filename = `${filename}.${ext}`;
+  }
+  return `${Date.now()}_${filename || "file"}`;
+};
+const getFallbackIcon = (file, url) => {
+  const ext = getFileExt(file, url);
+  return FALLBACK_ICON_MAP[ext] || FALLBACK_ICON_MAP.default;
+};
+const getPreviewThumbnailUrl = (file) => {
+  const previewFile = normalizePreviewFile(file);
+  const src = getPreviewFileUrl(previewFile);
+  const { getThumbnailURL } = filePreviewTypes.getTypeByFile(previewFile) ?? {};
+  const thumbnail = getThumbnailURL == null ? void 0 : getThumbnailURL(previewFile);
+  if (thumbnail) {
+    return thumbnail;
+  }
+  if (matchMimetype(previewFile, "image/*")) {
+    return "";
+  }
+  return getFallbackIcon(previewFile, src);
+};
+const renderModalFooter = (props) => {
+  const { index, list, onSwitchIndex, onDownload, file } = props;
+  const canPrev = typeof index === "number" && !!onSwitchIndex && index > 0;
+  const canNext = typeof index === "number" && !!onSwitchIndex && index < list.length - 1;
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 14, style: { fontSize: "20px" } }, /* @__PURE__ */ import_react.default.createElement(
+    import_icons.LeftOutlined,
+    {
+      style: { cursor: canPrev ? "pointer" : "not-allowed" },
+      disabled: !canPrev,
+      onClick: () => canPrev && (onSwitchIndex == null ? void 0 : onSwitchIndex(index - 1))
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_icons.RightOutlined,
+    {
+      style: { cursor: canNext ? "pointer" : "not-allowed" },
+      disabled: !canNext,
+      onClick: () => canNext && (onSwitchIndex == null ? void 0 : onSwitchIndex(index + 1))
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(import_icons.DownloadOutlined, { onClick: () => onDownload(file) }));
+};
+const wrapWithModalPreviewer = (Previewer) => {
+  return function WrappedPreviewer(props) {
+    const { open, onOpenChange, onClose, file } = props;
+    if (typeof open !== "boolean") {
+      return /* @__PURE__ */ import_react.default.createElement(Previewer, { ...props });
+    }
+    const title = getFileName(file, getFileUrl(file));
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Modal,
+      {
+        open,
+        title,
+        onCancel: () => {
+          onOpenChange == null ? void 0 : onOpenChange(false);
+          onClose == null ? void 0 : onClose();
+        },
+        footer: renderModalFooter(props),
+        width: "90vw",
+        centered: true
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            maxWidth: "100%",
+            maxHeight: "calc(100vh - 256px)",
+            height: "80vh",
+            width: "100%",
+            background: "white",
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "center",
+            alignItems: "center",
+            overflowY: "auto"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(Previewer, { ...props })
+      )
+    );
+  };
+};
+const ImagePreviewer = (props) => {
+  const { file, list, index, open, onOpenChange, onSwitchIndex, onClose, onDownload } = props;
+  if (typeof open !== "boolean") {
+    return null;
+  }
+  const src = getFileUrl(file);
+  if (!src) {
+    return null;
+  }
+  const canPrev = typeof index === "number" && index > 0;
+  const canNext = typeof index === "number" && index < list.length - 1;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Image,
+    {
+      wrapperStyle: { display: "none" },
+      preview: {
+        visible: open,
+        onVisibleChange: (visible) => onOpenChange == null ? void 0 : onOpenChange(visible),
+        afterOpenChange: (visible) => {
+          if (!visible) {
+            onClose == null ? void 0 : onClose();
+          }
+        },
+        toolbarRender: (_, {
+          transform: { scale },
+          actions: { onFlipY, onFlipX, onRotateLeft, onRotateRight, onZoomOut, onZoomIn, onReset }
+        }) => /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 14, className: "toolbar-wrapper", style: { fontSize: "20px" } }, /* @__PURE__ */ import_react.default.createElement(
+          import_icons.LeftOutlined,
+          {
+            style: { cursor: canPrev ? "pointer" : "not-allowed" },
+            disabled: !canPrev,
+            onClick: () => canPrev && (onSwitchIndex == null ? void 0 : onSwitchIndex(index - 1))
+          }
+        ), /* @__PURE__ */ import_react.default.createElement(
+          import_icons.RightOutlined,
+          {
+            style: { cursor: canNext ? "pointer" : "not-allowed" },
+            disabled: !canNext,
+            onClick: () => canNext && (onSwitchIndex == null ? void 0 : onSwitchIndex(index + 1))
+          }
+        ), onDownload ? /* @__PURE__ */ import_react.default.createElement(import_icons.DownloadOutlined, { onClick: () => onDownload(file) }) : null, /* @__PURE__ */ import_react.default.createElement(import_icons.SwapOutlined, { rotate: 90, onClick: onFlipY }), /* @__PURE__ */ import_react.default.createElement(import_icons.SwapOutlined, { onClick: onFlipX }), /* @__PURE__ */ import_react.default.createElement(import_icons.RotateLeftOutlined, { onClick: onRotateLeft }), /* @__PURE__ */ import_react.default.createElement(import_icons.RotateRightOutlined, { onClick: onRotateRight }), /* @__PURE__ */ import_react.default.createElement(import_icons.ZoomOutOutlined, { disabled: scale === 1, onClick: onZoomOut }), /* @__PURE__ */ import_react.default.createElement(import_icons.ZoomInOutlined, { disabled: scale === 50, onClick: onZoomIn }), /* @__PURE__ */ import_react.default.createElement(import_icons.UndoOutlined, { onClick: onReset }))
+      },
+      src
+    }
+  );
+};
+const IframePreviewer = ({ file }) => {
+  const src = getFileUrl(file);
+  if (!src) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("iframe", { src, width: "100%", height: "100%", style: { border: "none" } });
+};
+const AudioPreviewer = ({ file }) => {
+  const { t } = (0, import_react_i18next.useTranslation)();
+  const src = getFileUrl(file);
+  if (!src) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("audio", { controls: true }, /* @__PURE__ */ import_react.default.createElement("source", { src, type: (file == null ? void 0 : file.type) || (file == null ? void 0 : file.mimetype) }), t("Your browser does not support the audio tag."));
+};
+const VideoPreviewer = ({ file }) => {
+  const { t } = (0, import_react_i18next.useTranslation)();
+  const src = getFileUrl(file);
+  if (!src) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("video", { controls: true, width: "100%", height: "100%" }, /* @__PURE__ */ import_react.default.createElement("source", { src, type: (file == null ? void 0 : file.type) || (file == null ? void 0 : file.mimetype) }), t("Your browser does not support the video tag."));
+};
+const UnsupportedPreviewer = (props) => {
+  const { t } = (0, import_react_i18next.useTranslation)();
+  const { file } = props;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Alert,
+    {
+      type: "warning",
+      description: /* @__PURE__ */ import_react.default.createElement(import_react_i18next.Trans, { ns: import_locale.NAMESPACE }, "File type is not supported for previewing, please ", props.onDownload ? /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => {
+        var _a;
+        return (_a = props.onDownload) == null ? void 0 : _a.call(props, file);
+      }, style: { textDecoration: "underline", cursor: "pointer" } }, "download it to preview") : /* @__PURE__ */ import_react.default.createElement("span", null, "download it to preview")),
+      showIcon: true
+    }
+  );
+};
+filePreviewTypes.add({
+  match() {
+    return true;
+  },
+  Previewer: wrapWithModalPreviewer(UnsupportedPreviewer)
+});
+filePreviewTypes.add({
+  match(file) {
+    return matchMimetype(file, "image/*");
+  },
+  getThumbnailURL(file) {
+    return getPreviewFileUrl(file);
+  },
+  Previewer: ImagePreviewer
+});
+filePreviewTypes.add({
+  match(file) {
+    return ["text/plain", "application/pdf", "application/json"].some((type) => matchMimetype(file, type));
+  },
+  Previewer: wrapWithModalPreviewer(IframePreviewer)
+});
+filePreviewTypes.add({
+  match(file) {
+    return matchMimetype(file, "audio/*");
+  },
+  Previewer: wrapWithModalPreviewer(AudioPreviewer)
+});
+filePreviewTypes.add({
+  match(file) {
+    return matchMimetype(file, "video/*");
+  },
+  Previewer: wrapWithModalPreviewer(VideoPreviewer)
+});
+const FilePreviewRenderer = (props) => {
+  const normalized = normalizePreviewFile(props.file);
+  if (!normalized) {
+    return null;
+  }
+  const { Previewer } = filePreviewTypes.getTypeByFile(normalized) ?? {};
+  if (!Previewer) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement(Previewer, { ...props, file: normalized });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilePreviewRenderer,
+  FilePreviewTypes,
+  filePreviewTypes,
+  getDownloadFileName,
+  getFallbackIcon,
+  getFileExt,
+  getFileName,
+  getFileUrl,
+  getPreviewFileUrl,
+  getPreviewThumbnailUrl,
+  matchMimetype,
+  normalizePreviewFile,
+  wrapWithModalPreviewer
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocobase/plugin-file-manager",
-  "version": "2.1.0-beta.27",
+  "version": "2.1.0-beta.30",
   "displayName": "File manager",
   "displayName.ru-RU": "Менеджер файлов",
   "displayName.zh-CN": "文件管理器",
@@ -46,8 +46,11 @@
   "peerDependencies": {
     "@nocobase/actions": "2.x",
     "@nocobase/client": "2.x",
+    "@nocobase/client-v2": "2.x",
     "@nocobase/database": "2.x",
+    "@nocobase/flow-engine": "2.x",
     "@nocobase/plugin-data-source-main": "2.x",
+    "@nocobase/plugin-environment-variables": "2.x",
     "@nocobase/server": "2.x",
     "@nocobase/test": "2.x",
     "@nocobase/utils": "2.x"
@@ -56,5 +59,5 @@
     "Collections",
     "Collection fields"
   ],
-  "gitHead": "6d9e2d4ac3c6bf40951c8eb252860e47aa3a3c37"
+  "gitHead": "1a493069cd0d8a4f403668bfe592879678c894b2"
 }