@webiny/app-file-manager-s3 5.35.2 → 5.36.0-beta.1

package/MultiPartUploadAPI.d.ts

@@ -0,0 +1,26 @@
+import { UploadedFile } from "@webiny/app/types";
+export interface CreateUploadParams {
+    data: {
+        size: number;
+        name: string;
+        type: string;
+    };
+    numberOfParts: number;
+}
+export interface CompleteUploadParams {
+    fileKey: string;
+    uploadId: string;
+}
+export interface FilePart {
+    partNumber: number;
+    url: string;
+}
+export interface MultiPartUpload {
+    file: UploadedFile;
+    uploadId: string;
+    parts: FilePart[];
+}
+export interface MultiPartUploadAPI {
+    createUpload(params: CreateUploadParams): Promise<MultiPartUpload>;
+    completeUpload(params: CompleteUploadParams): Promise<boolean>;
+}

package/MultiPartUploadAPI.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/MultiPartUploadAPI.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["MultiPartUploadAPI.ts"],"sourcesContent":["import { UploadedFile } from \"@webiny/app/types\";\n\nexport interface CreateUploadParams {\n    data: {\n        size: number;\n        name: string;\n        type: string;\n    };\n    numberOfParts: number;\n}\n\nexport interface CompleteUploadParams {\n    fileKey: string;\n    uploadId: string;\n}\n\nexport interface FilePart {\n    partNumber: number;\n    url: string;\n}\n\nexport interface MultiPartUpload {\n    file: UploadedFile;\n    uploadId: string;\n    parts: FilePart[];\n}\n\nexport interface MultiPartUploadAPI {\n    createUpload(params: CreateUploadParams): Promise<MultiPartUpload>;\n    completeUpload(params: CompleteUploadParams): Promise<boolean>;\n}\n"],"mappings":""}

package/MultiPartUploadGraphQLAPI.d.ts

@@ -0,0 +1,8 @@
+import { UploadOptions } from "@webiny/app/types";
+import { CompleteUploadParams, CreateUploadParams, MultiPartUpload, MultiPartUploadAPI } from "./MultiPartUploadAPI";
+export declare class MultiPartUploadGraphQLAPI implements MultiPartUploadAPI {
+    private client;
+    constructor(client: UploadOptions["apolloClient"]);
+    createUpload(params: CreateUploadParams): Promise<MultiPartUpload>;
+    completeUpload(params: CompleteUploadParams): Promise<boolean>;
+}

package/MultiPartUploadGraphQLAPI.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultiPartUploadGraphQLAPI = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
+var _templateObject, _templateObject2;
+var MultiPartUploadGraphQLAPI = /*#__PURE__*/function () {
+  function MultiPartUploadGraphQLAPI(client) {
+    (0, _classCallCheck2.default)(this, MultiPartUploadGraphQLAPI);
+    (0, _defineProperty2.default)(this, "client", void 0);
+    this.client = client;
+  }
+  (0, _createClass2.default)(MultiPartUploadGraphQLAPI, [{
+    key: "createUpload",
+    value: function () {
+      var _createUpload = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(params) {
+        var _yield$this$client$mu, data, errors;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return this.client.mutate({
+                mutation: CREATE_UPLOAD,
+                variables: params
+              });
+            case 2:
+              _yield$this$client$mu = _context.sent;
+              data = _yield$this$client$mu.data;
+              errors = _yield$this$client$mu.errors;
+              if (data) {
+                _context.next = 8;
+                break;
+              }
+              console.error(errors);
+              throw new Error("Failed to initialize a multi-part file upload!");
+            case 8:
+              return _context.abrupt("return", data.fileManager.createMultiPartUpload.data);
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function createUpload(_x) {
+        return _createUpload.apply(this, arguments);
+      }
+      return createUpload;
+    }()
+  }, {
+    key: "completeUpload",
+    value: function () {
+      var _completeUpload = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(params) {
+        var _yield$this$client$mu2, data, errors;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return this.client.mutate({
+                mutation: COMPLETE_UPLOAD,
+                variables: params
+              });
+            case 2:
+              _yield$this$client$mu2 = _context2.sent;
+              data = _yield$this$client$mu2.data;
+              errors = _yield$this$client$mu2.errors;
+              if (data) {
+                _context2.next = 8;
+                break;
+              }
+              console.error(errors);
+              throw new Error("Failed to complete a multi-part file upload!");
+            case 8:
+              return _context2.abrupt("return", data.fileManager.completeMultiPartUpload.data);
+            case 9:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function completeUpload(_x2) {
+        return _completeUpload.apply(this, arguments);
+      }
+      return completeUpload;
+    }()
+  }]);
+  return MultiPartUploadGraphQLAPI;
+}();
+exports.MultiPartUploadGraphQLAPI = MultiPartUploadGraphQLAPI;
+var CREATE_UPLOAD = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    mutation CreateMultiPartUpload($data: PreSignedPostPayloadInput!, $numberOfParts: Number!) {\n        fileManager {\n            createMultiPartUpload(data: $data, numberOfParts: $numberOfParts) {\n                data {\n                    file {\n                        id\n                        key\n                        name\n                        size\n                        type\n                    }\n                    uploadId\n                    parts {\n                        partNumber\n                        url\n                    }\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])));
+var COMPLETE_UPLOAD = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CompleteMultiPartUpload($fileKey: String!, $uploadId: String!) {\n        fileManager {\n            completeMultiPartUpload(fileKey: $fileKey, uploadId: $uploadId) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])));

package/MultiPartUploadGraphQLAPI.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MultiPartUploadGraphQLAPI","client","params","mutate","mutation","CREATE_UPLOAD","variables","data","errors","console","error","Error","fileManager","createMultiPartUpload","COMPLETE_UPLOAD","completeMultiPartUpload","gql"],"sources":["MultiPartUploadGraphQLAPI.ts"],"sourcesContent":["import { UploadOptions } from \"@webiny/app/types\";\nimport gql from \"graphql-tag\";\nimport {\n    CompleteUploadParams,\n    CreateUploadParams,\n    MultiPartUpload,\n    MultiPartUploadAPI\n} from \"~/MultiPartUploadAPI\";\n\nexport class MultiPartUploadGraphQLAPI implements MultiPartUploadAPI {\n    private client: UploadOptions[\"apolloClient\"];\n\n    constructor(client: UploadOptions[\"apolloClient\"]) {\n        this.client = client;\n    }\n\n    async createUpload(params: CreateUploadParams): Promise<MultiPartUpload> {\n        const { data, errors } = await this.client.mutate<CreateUploadResponse>({\n            mutation: CREATE_UPLOAD,\n            variables: params\n        });\n\n        if (!data) {\n            console.error(errors);\n            throw new Error(`Failed to initialize a multi-part file upload!`);\n        }\n\n        return data.fileManager.createMultiPartUpload.data;\n    }\n\n    async completeUpload(params: CompleteUploadParams): Promise<boolean> {\n        const { data, errors } = await this.client.mutate<CompleteUploadResponse>({\n            mutation: COMPLETE_UPLOAD,\n            variables: params\n        });\n\n        if (!data) {\n            console.error(errors);\n            throw new Error(`Failed to complete a multi-part file upload!`);\n        }\n\n        return data.fileManager.completeMultiPartUpload.data;\n    }\n}\n\nconst CREATE_UPLOAD = gql`\n    mutation CreateMultiPartUpload($data: PreSignedPostPayloadInput!, $numberOfParts: Number!) {\n        fileManager {\n            createMultiPartUpload(data: $data, numberOfParts: $numberOfParts) {\n                data {\n                    file {\n                        id\n                        key\n                        name\n                        size\n                        type\n                    }\n                    uploadId\n                    parts {\n                        partNumber\n                        url\n                    }\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\ninterface CreateUploadResponse {\n    fileManager: {\n        createMultiPartUpload: {\n            data: MultiPartUpload;\n            error: {\n                code: string;\n                message: string;\n                data: Record<string, any>;\n            };\n        };\n    };\n}\n\nconst COMPLETE_UPLOAD = gql`\n    mutation CompleteMultiPartUpload($fileKey: String!, $uploadId: String!) {\n        fileManager {\n            completeMultiPartUpload(fileKey: $fileKey, uploadId: $uploadId) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\ninterface CompleteUploadResponse {\n    fileManager: {\n        completeMultiPartUpload: {\n            data: boolean;\n            error: {\n                code: string;\n                message: string;\n                data: Record<string, any>;\n            };\n        };\n    };\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAA8B;AAAA,IAQjBA,yBAAyB;EAGlC,mCAAYC,MAAqC,EAAE;IAAA;IAAA;IAC/C,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAAC;IAAA;IAAA;MAAA,2GAED,iBAAmBC,MAA0B;QAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OACV,IAAI,CAACD,MAAM,CAACE,MAAM,CAAuB;gBACpEC,QAAQ,EAAEC,aAAa;gBACvBC,SAAS,EAAEJ;cACf,CAAC,CAAC;YAAA;cAAA;cAHMK,IAAI,yBAAJA,IAAI;cAAEC,MAAM,yBAANA,MAAM;cAAA,IAKfD,IAAI;gBAAA;gBAAA;cAAA;cACLE,OAAO,CAACC,KAAK,CAACF,MAAM,CAAC;cAAC,MAChB,IAAIG,KAAK,kDAAkD;YAAA;cAAA,iCAG9DJ,IAAI,CAACK,WAAW,CAACC,qBAAqB,CAACN,IAAI;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA,CACrD;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;IAAA;IAAA;MAAA,6GAED,kBAAqBL,MAA4B;QAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OACd,IAAI,CAACD,MAAM,CAACE,MAAM,CAAyB;gBACtEC,QAAQ,EAAEU,eAAe;gBACzBR,SAAS,EAAEJ;cACf,CAAC,CAAC;YAAA;cAAA;cAHMK,IAAI,0BAAJA,IAAI;cAAEC,MAAM,0BAANA,MAAM;cAAA,IAKfD,IAAI;gBAAA;gBAAA;cAAA;cACLE,OAAO,CAACC,KAAK,CAACF,MAAM,CAAC;cAAC,MAChB,IAAIG,KAAK,gDAAgD;YAAA;cAAA,kCAG5DJ,IAAI,CAACK,WAAW,CAACG,uBAAuB,CAACR,IAAI;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA,CACvD;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;EAAA;AAAA;AAAA;AAGL,IAAMF,aAAa,OAAGW,mBAAG,k0BA0BxB;AAeD,IAAMF,eAAe,OAAGE,mBAAG,icAa1B"}

package/MultiPartUploadStrategy.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="web" />
+import { UploadedFile, UploadOptions } from "@webiny/app/types";
+import { FileUploadStrategy } from "./index";
+export declare class MultiPartUploadStrategy implements FileUploadStrategy {
+    upload(file: File, options: UploadOptions): Promise<UploadedFile>;
+    private detectChunkSize;
+    private detectParallelChunks;
+}

package/MultiPartUploadStrategy.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultiPartUploadStrategy = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _MultiPartUploader = require("./MultiPartUploader");
+var _MultiPartUploadGraphQLAPI = require("./MultiPartUploadGraphQLAPI");
+var MultiPartUploadStrategy = /*#__PURE__*/function () {
+  function MultiPartUploadStrategy() {
+    (0, _classCallCheck2.default)(this, MultiPartUploadStrategy);
+  }
+  (0, _createClass2.default)(MultiPartUploadStrategy, [{
+    key: "upload",
+    value: function () {
+      var _upload = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(file, options) {
+        var api, uploader;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              api = new _MultiPartUploadGraphQLAPI.MultiPartUploadGraphQLAPI(options.apolloClient);
+              uploader = new _MultiPartUploader.MultiPartUploader(api, {
+                chunkSize: this.detectChunkSize(),
+                parallelUploads: this.detectParallelChunks()
+              });
+              if (options.onProgress) {
+                uploader.onProgress(options.onProgress);
+              }
+              return _context.abrupt("return", uploader.uploadFile(file));
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function upload(_x, _x2) {
+        return _upload.apply(this, arguments);
+      }
+      return upload;
+    }()
+  }, {
+    key: "detectChunkSize",
+    value: function detectChunkSize() {
+      var envSize = parseInt(process.env.WEBINY_FILE_UPLOAD_CHUNK_SIZE || "0");
+
+      // For dev purposes, we take this global var into consideration.
+      if (process.env.NODE_ENV === "development") {
+        // @ts-ignore
+        var windowSize = window["fmUploadChunkSize"];
+        if (windowSize) {
+          return windowSize;
+        }
+      }
+
+      // As a last resort, we check the baked in value, or fall back to 50MB chunk size.
+      return envSize || 50;
+    }
+  }, {
+    key: "detectParallelChunks",
+    value: function detectParallelChunks() {
+      var envChunks = parseInt(process.env.WEBINY_FILE_UPLOAD_PARALLEL_CHUNKS || "0");
+
+      // For dev purposes, we take this global var into consideration.
+      if (process.env.NODE_ENV === "development") {
+        // @ts-ignore
+        var windowChunks = window["fmUploadParallelChunks"];
+        if (windowChunks) {
+          return windowChunks;
+        }
+      }
+
+      // As a last resort, we check the baked in value, or fall back to 5 parallel chunks.
+      return envChunks || 5;
+    }
+  }]);
+  return MultiPartUploadStrategy;
+}();
+exports.MultiPartUploadStrategy = MultiPartUploadStrategy;

package/MultiPartUploadStrategy.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MultiPartUploadStrategy","file","options","api","MultiPartUploadGraphQLAPI","apolloClient","uploader","MultiPartUploader","chunkSize","detectChunkSize","parallelUploads","detectParallelChunks","onProgress","uploadFile","envSize","parseInt","process","env","WEBINY_FILE_UPLOAD_CHUNK_SIZE","NODE_ENV","windowSize","window","envChunks","WEBINY_FILE_UPLOAD_PARALLEL_CHUNKS","windowChunks"],"sources":["MultiPartUploadStrategy.ts"],"sourcesContent":["import { UploadedFile, UploadOptions } from \"@webiny/app/types\";\nimport { FileUploadStrategy } from \"~/index\";\nimport { MultiPartUploader } from \"~/MultiPartUploader\";\nimport { MultiPartUploadGraphQLAPI } from \"~/MultiPartUploadGraphQLAPI\";\n\nexport class MultiPartUploadStrategy implements FileUploadStrategy {\n    async upload(file: File, options: UploadOptions): Promise<UploadedFile> {\n        const api = new MultiPartUploadGraphQLAPI(options.apolloClient);\n\n        const uploader = new MultiPartUploader(api, {\n            chunkSize: this.detectChunkSize(),\n            parallelUploads: this.detectParallelChunks()\n        });\n\n        if (options.onProgress) {\n            uploader.onProgress(options.onProgress);\n        }\n        return uploader.uploadFile(file);\n    }\n\n    private detectChunkSize(): number {\n        const envSize = parseInt(process.env.WEBINY_FILE_UPLOAD_CHUNK_SIZE || \"0\");\n\n        // For dev purposes, we take this global var into consideration.\n        if (process.env.NODE_ENV === \"development\") {\n            // @ts-ignore\n            const windowSize = window[\"fmUploadChunkSize\"];\n            if (windowSize) {\n                return windowSize;\n            }\n        }\n\n        // As a last resort, we check the baked in value, or fall back to 50MB chunk size.\n        return envSize || 50;\n    }\n\n    private detectParallelChunks(): number {\n        const envChunks = parseInt(process.env.WEBINY_FILE_UPLOAD_PARALLEL_CHUNKS || \"0\");\n\n        // For dev purposes, we take this global var into consideration.\n        if (process.env.NODE_ENV === \"development\") {\n            // @ts-ignore\n            const windowChunks = window[\"fmUploadParallelChunks\"];\n            if (windowChunks) {\n                return windowChunks;\n            }\n        }\n\n        // As a last resort, we check the baked in value, or fall back to 5 parallel chunks.\n        return envChunks || 5;\n    }\n}\n"],"mappings":";;;;;;;;;;;AAEA;AACA;AAAwE,IAE3DA,uBAAuB;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;MAAA,qGAChC,iBAAaC,IAAU,EAAEC,OAAsB;QAAA;QAAA;UAAA;YAAA;cACrCC,GAAG,GAAG,IAAIC,oDAAyB,CAACF,OAAO,CAACG,YAAY,CAAC;cAEzDC,QAAQ,GAAG,IAAIC,oCAAiB,CAACJ,GAAG,EAAE;gBACxCK,SAAS,EAAE,IAAI,CAACC,eAAe,EAAE;gBACjCC,eAAe,EAAE,IAAI,CAACC,oBAAoB;cAC9C,CAAC,CAAC;cAEF,IAAIT,OAAO,CAACU,UAAU,EAAE;gBACpBN,QAAQ,CAACM,UAAU,CAACV,OAAO,CAACU,UAAU,CAAC;cAC3C;cAAC,iCACMN,QAAQ,CAACO,UAAU,CAACZ,IAAI,CAAC;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA,CACnC;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;IAAA;IAAA,OAED,2BAAkC;MAC9B,IAAMa,OAAO,GAAGC,QAAQ,CAACC,OAAO,CAACC,GAAG,CAACC,6BAA6B,IAAI,GAAG,CAAC;;MAE1E;MACA,IAAIF,OAAO,CAACC,GAAG,CAACE,QAAQ,KAAK,aAAa,EAAE;QACxC;QACA,IAAMC,UAAU,GAAGC,MAAM,CAAC,mBAAmB,CAAC;QAC9C,IAAID,UAAU,EAAE;UACZ,OAAOA,UAAU;QACrB;MACJ;;MAEA;MACA,OAAON,OAAO,IAAI,EAAE;IACxB;EAAC;IAAA;IAAA,OAED,gCAAuC;MACnC,IAAMQ,SAAS,GAAGP,QAAQ,CAACC,OAAO,CAACC,GAAG,CAACM,kCAAkC,IAAI,GAAG,CAAC;;MAEjF;MACA,IAAIP,OAAO,CAACC,GAAG,CAACE,QAAQ,KAAK,aAAa,EAAE;QACxC;QACA,IAAMK,YAAY,GAAGH,MAAM,CAAC,wBAAwB,CAAC;QACrD,IAAIG,YAAY,EAAE;UACd,OAAOA,YAAY;QACvB;MACJ;;MAEA;MACA,OAAOF,SAAS,IAAI,CAAC;IACzB;EAAC;EAAA;AAAA;AAAA"}

package/MultiPartUploader.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="web" />
+import { MultiPartUploadAPI } from "./MultiPartUploadAPI";
+interface MultiPartUploaderOptions {
+    /**
+     * Chunk size in MB. Must be >=5MB (enforced by AWS).
+     */
+    chunkSize?: number;
+    /**
+     * Number of parallel uploads. Must be >=5 && <=15.
+     */
+    parallelUploads?: number;
+}
+interface OnProgressCallback {
+    (params: {
+        sent: number;
+        total: number;
+        percentage: number;
+    }): void;
+}
+interface OnErrorCallback {
+    (error: Error): void;
+}
+export declare class MultiPartUploader {
+    private readonly api;
+    private readonly chunkSize;
+    private readonly parallelUploads;
+    private readonly activeConnections;
+    private readonly progressTracker;
+    private upload;
+    private file;
+    private onErrorFn;
+    private onProgressFn;
+    constructor(api: MultiPartUploadAPI, options?: MultiPartUploaderOptions);
+    uploadFile(file: File): Promise<import("@webiny/app/types").UploadedFile>;
+    onProgress(onProgress: OnProgressCallback): this;
+    onError(onError: OnErrorCallback): this;
+    private complete;
+    private sendCompleteRequest;
+    private progressListener;
+    private uploadNextPart;
+    private uploadPart;
+    private assertIsDefined;
+}
+export {};

package/MultiPartUploader.js

@@ -0,0 +1,301 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultiPartUploader = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _pRetry = _interopRequireDefault(require("p-retry"));
+var MultiPartUploader = /*#__PURE__*/function () {
+  function MultiPartUploader(api) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    (0, _classCallCheck2.default)(this, MultiPartUploader);
+    (0, _defineProperty2.default)(this, "api", void 0);
+    (0, _defineProperty2.default)(this, "chunkSize", void 0);
+    (0, _defineProperty2.default)(this, "parallelUploads", void 0);
+    (0, _defineProperty2.default)(this, "activeConnections", new Map());
+    (0, _defineProperty2.default)(this, "progressTracker", new Map());
+    (0, _defineProperty2.default)(this, "upload", void 0);
+    (0, _defineProperty2.default)(this, "file", void 0);
+    (0, _defineProperty2.default)(this, "onErrorFn", function (error) {
+      return console.error(error);
+    });
+    (0, _defineProperty2.default)(this, "onProgressFn", void 0);
+    this.api = api;
+    var chunkSize = options.chunkSize || 50;
+    var parallelUploads = options.parallelUploads || 5;
+    this.chunkSize = Math.max(1024 * 1024 * chunkSize, 1024 * 1024 * 5);
+    this.parallelUploads = Math.min(parallelUploads, 15);
+  }
+  (0, _createClass2.default)(MultiPartUploader, [{
+    key: "uploadFile",
+    value: function () {
+      var _uploadFile = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(file) {
+        var _this = this;
+        var numberOfParts, threads;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              this.file = file;
+              numberOfParts = Math.ceil(file.size / this.chunkSize);
+              _context.prev = 2;
+              _context.next = 5;
+              return this.api.createUpload({
+                data: {
+                  name: file.name,
+                  size: file.size,
+                  type: file.type
+                },
+                numberOfParts: numberOfParts
+              });
+            case 5:
+              this.upload = _context.sent;
+              /**
+               * Run the defined number of parallel uploads. Each thread will continue to process parts
+               * for as long as there are parts to upload. The promise will resolve once there's no more parts to upload.
+               */
+              threads = Math.min(numberOfParts, this.parallelUploads);
+              _context.next = 9;
+              return Promise.all(Array.from({
+                length: threads
+              }).map(function () {
+                return _this.uploadNextPart();
+              }));
+            case 9:
+              _context.next = 11;
+              return this.complete();
+            case 11:
+              return _context.abrupt("return", this.upload.file);
+            case 14:
+              _context.prev = 14;
+              _context.t0 = _context["catch"](2);
+              _context.next = 18;
+              return this.complete(_context.t0);
+            case 18:
+              throw _context.t0;
+            case 19:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[2, 14]]);
+      }));
+      function uploadFile(_x) {
+        return _uploadFile.apply(this, arguments);
+      }
+      return uploadFile;
+    }()
+  }, {
+    key: "onProgress",
+    value: function onProgress(_onProgress) {
+      this.onProgressFn = _onProgress;
+      return this;
+    }
+  }, {
+    key: "onError",
+    value: function onError(_onError) {
+      this.onErrorFn = _onError;
+      return this;
+    }
+  }, {
+    key: "complete",
+    value: function () {
+      var _complete = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(error) {
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!error) {
+                _context2.next = 3;
+                break;
+              }
+              this.onErrorFn(error);
+              return _context2.abrupt("return");
+            case 3:
+              _context2.prev = 3;
+              _context2.next = 6;
+              return this.sendCompleteRequest();
+            case 6:
+              _context2.next = 11;
+              break;
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](3);
+              this.onErrorFn(_context2.t0);
+            case 11:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this, [[3, 8]]);
+      }));
+      function complete(_x2) {
+        return _complete.apply(this, arguments);
+      }
+      return complete;
+    }()
+  }, {
+    key: "sendCompleteRequest",
+    value: function () {
+      var _sendCompleteRequest = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              this.assertIsDefined(this.upload, "Upload must be created before calling \"sendCompleteRequest\"!");
+              return _context3.abrupt("return", this.api.completeUpload({
+                fileKey: this.upload.file.key,
+                uploadId: this.upload.uploadId
+              }));
+            case 2:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3, this);
+      }));
+      function sendCompleteRequest() {
+        return _sendCompleteRequest.apply(this, arguments);
+      }
+      return sendCompleteRequest;
+    }()
+  }, {
+    key: "progressListener",
+    value: function progressListener(part, event) {
+      if (!this.file) {
+        return;
+      }
+      this.progressTracker.set(part.partNumber, event.loaded);
+      var uploaded = Array.from(this.progressTracker.values()).reduce(function () {
+        var sum = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+        var value = arguments.length > 1 ? arguments[1] : undefined;
+        return sum + value;
+      });
+      var uploadedSize = Math.min(uploaded, this.file.size);
+      if (this.onProgressFn) {
+        try {
+          this.onProgressFn({
+            sent: uploadedSize,
+            total: this.file.size,
+            percentage: Math.round(uploadedSize / this.file.size * 100)
+          });
+        } catch (err) {
+          console.error("Error executing the \"onProgress\" callback", err);
+        }
+      }
+    }
+  }, {
+    key: "uploadNextPart",
+    value: function () {
+      var _uploadNextPart = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
+        var _this2 = this;
+        var part;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              if (this.upload) {
+                _context4.next = 2;
+                break;
+              }
+              return _context4.abrupt("return");
+            case 2:
+              part = this.upload.parts.shift();
+              if (part) {
+                _context4.next = 5;
+                break;
+              }
+              return _context4.abrupt("return");
+            case 5:
+              return _context4.abrupt("return", executeWithRetry(function () {
+                return _this2.uploadPart(part);
+              }).then(function () {
+                return _this2.uploadNextPart();
+              }));
+            case 6:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, this);
+      }));
+      function uploadNextPart() {
+        return _uploadNextPart.apply(this, arguments);
+      }
+      return uploadNextPart;
+    }()
+  }, {
+    key: "uploadPart",
+    value: function uploadPart(part) {
+      var _this3 = this;
+      this.assertIsDefined(this.upload, "Upload must be created before calling \"sendCompleteRequest\"!");
+      this.assertIsDefined(this.file, "File must be set before calling \"uploadPart\"!");
+      var sentSize = (part.partNumber - 1) * this.chunkSize;
+      var nextChunkSize = Math.min(sentSize + this.chunkSize, this.file.size);
+      var chunk = this.file.slice(sentSize, nextChunkSize, this.upload.file.type);
+      console.log("Chunk for part #".concat(part.partNumber), chunk.size);
+      return new Promise(function (resolve, reject) {
+        var throwXHRError = function throwXHRError(error) {
+          _this3.activeConnections.delete(part.partNumber);
+          reject(error);
+        };
+        if (!window.navigator.onLine) {
+          return reject(new Error("Browser is offline!"));
+        }
+        var xhr = new XMLHttpRequest();
+        _this3.activeConnections.set(part.partNumber, xhr);
+        var abortXHR = function abortXHR() {
+          return xhr.abort();
+        };
+        xhr.upload.addEventListener("progress", function (event) {
+          return _this3.progressListener(part, event);
+        });
+        window.addEventListener("offline", abortXHR);
+        var removeListeners = function removeListeners() {
+          window.removeEventListener("offline", abortXHR);
+        };
+        xhr.open("PUT", part.url);
+        xhr.onreadystatechange = function () {
+          if (xhr.readyState === 4 && xhr.status === 200) {
+            try {
+              _this3.activeConnections.delete(part.partNumber);
+              window.removeEventListener("offline", abortXHR);
+              resolve(xhr.status);
+            } catch (err) {
+              console.error("Error in \"onreadystatechange\"", err);
+            }
+          }
+        };
+        xhr.onerror = function () {
+          removeListeners();
+          throwXHRError(new Error("Failed to upload file part #".concat(part.partNumber)));
+        };
+        xhr.ontimeout = function () {
+          removeListeners();
+          throwXHRError(new Error("Request timed out for file part #".concat(part.partNumber, "!")));
+        };
+        xhr.onabort = function () {
+          removeListeners();
+          throwXHRError(new Error("Upload was cancelled for part #".concat(part.partNumber, "!")));
+        };
+        xhr.send(chunk);
+      });
+    }
+  }, {
+    key: "assertIsDefined",
+    value: function assertIsDefined(upload, message) {
+      if (!upload) {
+        throw new Error(message);
+      }
+    }
+  }]);
+  return MultiPartUploader;
+}();
+exports.MultiPartUploader = MultiPartUploader;
+var executeWithRetry = function executeWithRetry(execute, options) {
+  return (0, _pRetry.default)(execute, (0, _objectSpread2.default)({
+    maxRetryTime: 300000,
+    retries: 5,
+    minTimeout: 1500,
+    maxTimeout: 30000
+  }, options));
+};

package/MultiPartUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MultiPartUploader","api","options","Map","error","console","chunkSize","parallelUploads","Math","max","min","file","numberOfParts","ceil","size","createUpload","data","name","type","upload","threads","Promise","all","Array","from","length","map","uploadNextPart","complete","onProgress","onProgressFn","onError","onErrorFn","sendCompleteRequest","assertIsDefined","completeUpload","fileKey","key","uploadId","part","event","progressTracker","set","partNumber","loaded","uploaded","values","reduce","sum","value","uploadedSize","sent","total","percentage","round","err","parts","shift","executeWithRetry","uploadPart","then","sentSize","nextChunkSize","chunk","slice","log","resolve","reject","throwXHRError","activeConnections","delete","window","navigator","onLine","Error","xhr","XMLHttpRequest","abortXHR","abort","addEventListener","progressListener","removeListeners","removeEventListener","open","url","onreadystatechange","readyState","status","onerror","ontimeout","onabort","send","message","execute","pRetry","maxRetryTime","retries","minTimeout","maxTimeout"],"sources":["MultiPartUploader.ts"],"sourcesContent":["import pRetry from \"p-retry\";\nimport { MultiPartUpload, MultiPartUploadAPI, FilePart } from \"./MultiPartUploadAPI\";\n\ninterface MultiPartUploaderOptions {\n    /**\n     * Chunk size in MB. Must be >=5MB (enforced by AWS).\n     */\n    chunkSize?: number;\n    /**\n     * Number of parallel uploads. Must be >=5 && <=15.\n     */\n    parallelUploads?: number;\n}\n\ninterface OnProgressCallback {\n    (params: { sent: number; total: number; percentage: number }): void;\n}\n\ninterface OnErrorCallback {\n    (error: Error): void;\n}\n\nexport class MultiPartUploader {\n    private readonly api: MultiPartUploadAPI;\n    private readonly chunkSize: number;\n    private readonly parallelUploads: number;\n    private readonly activeConnections: Map<number, XMLHttpRequest> = new Map();\n    private readonly progressTracker: Map<number, number> = new Map();\n    private upload: MultiPartUpload | undefined;\n    private file: File | undefined;\n    private onErrorFn: OnErrorCallback = error => console.error(error);\n    private onProgressFn: OnProgressCallback | undefined;\n\n    constructor(api: MultiPartUploadAPI, options: MultiPartUploaderOptions = {}) {\n        this.api = api;\n        const chunkSize = options.chunkSize || 50;\n        const parallelUploads = options.parallelUploads || 5;\n\n        this.chunkSize = Math.max(1024 * 1024 * chunkSize, 1024 * 1024 * 5);\n        this.parallelUploads = Math.min(parallelUploads, 15);\n    }\n\n    async uploadFile(file: File) {\n        this.file = file;\n        const numberOfParts = Math.ceil(file.size / this.chunkSize);\n\n        try {\n            /**\n             * Initialize the file upload on AWS S3.\n             */\n            this.upload = await this.api.createUpload({\n                data: { name: file.name, size: file.size, type: file.type },\n                numberOfParts\n            });\n\n            /**\n             * Run the defined number of parallel uploads. Each thread will continue to process parts\n             * for as long as there are parts to upload. The promise will resolve once there's no more parts to upload.\n             */\n            const threads = Math.min(numberOfParts, this.parallelUploads);\n            await Promise.all(Array.from({ length: threads }).map(() => this.uploadNextPart()));\n\n            await this.complete();\n\n            return this.upload.file;\n        } catch (error) {\n            await this.complete(error);\n            throw error;\n        }\n    }\n\n    onProgress(onProgress: OnProgressCallback) {\n        this.onProgressFn = onProgress;\n        return this;\n    }\n\n    onError(onError: OnErrorCallback) {\n        this.onErrorFn = onError;\n        return this;\n    }\n\n    private async complete(error?: Error) {\n        if (error) {\n            this.onErrorFn(error);\n            return;\n        }\n\n        try {\n            await this.sendCompleteRequest();\n        } catch (error) {\n            this.onErrorFn(error);\n        }\n    }\n\n    private async sendCompleteRequest() {\n        this.assertIsDefined(\n            this.upload,\n            `Upload must be created before calling \"sendCompleteRequest\"!`\n        );\n\n        return this.api.completeUpload({\n            fileKey: this.upload.file.key,\n            uploadId: this.upload.uploadId\n        });\n    }\n\n    private progressListener(part: FilePart, event: ProgressEvent<XMLHttpRequestEventTarget>) {\n        if (!this.file) {\n            return;\n        }\n\n        this.progressTracker.set(part.partNumber, event.loaded);\n\n        const uploaded = Array.from(this.progressTracker.values()).reduce(\n            (sum = 0, value) => sum + value\n        );\n\n        const uploadedSize = Math.min(uploaded, this.file.size);\n\n        if (this.onProgressFn) {\n            try {\n                this.onProgressFn({\n                    sent: uploadedSize,\n                    total: this.file.size,\n                    percentage: Math.round((uploadedSize / this.file.size) * 100)\n                });\n            } catch (err) {\n                console.error(`Error executing the \"onProgress\" callback`, err);\n            }\n        }\n    }\n\n    private async uploadNextPart(): Promise<void> {\n        if (!this.upload) {\n            return;\n        }\n\n        const part = this.upload.parts.shift();\n\n        if (!part) {\n            return;\n        }\n\n        return executeWithRetry(() => this.uploadPart(part)).then(() => this.uploadNextPart());\n    }\n\n    private uploadPart(part: FilePart) {\n        this.assertIsDefined(\n            this.upload,\n            `Upload must be created before calling \"sendCompleteRequest\"!`\n        );\n\n        this.assertIsDefined(this.file, `File must be set before calling \"uploadPart\"!`);\n\n        const sentSize = (part.partNumber - 1) * this.chunkSize;\n        const nextChunkSize = Math.min(sentSize + this.chunkSize, this.file.size);\n        const chunk = this.file.slice(sentSize, nextChunkSize, this.upload.file.type);\n        console.log(`Chunk for part #${part.partNumber}`, chunk.size);\n\n        return new Promise((resolve, reject) => {\n            const throwXHRError = (error: Error) => {\n                this.activeConnections.delete(part.partNumber);\n                reject(error);\n            };\n\n            if (!window.navigator.onLine) {\n                return reject(new Error(\"Browser is offline!\"));\n            }\n\n            const xhr = new XMLHttpRequest();\n            this.activeConnections.set(part.partNumber, xhr);\n            const abortXHR = () => xhr.abort();\n\n            xhr.upload.addEventListener(\"progress\", event => this.progressListener(part, event));\n\n            window.addEventListener(\"offline\", abortXHR);\n            const removeListeners = () => {\n                window.removeEventListener(\"offline\", abortXHR);\n            };\n\n            xhr.open(\"PUT\", part.url);\n\n            xhr.onreadystatechange = () => {\n                if (xhr.readyState === 4 && xhr.status === 200) {\n                    try {\n                        this.activeConnections.delete(part.partNumber);\n                        window.removeEventListener(\"offline\", abortXHR);\n                        resolve(xhr.status);\n                    } catch (err) {\n                        console.error(`Error in \"onreadystatechange\"`, err);\n                    }\n                }\n            };\n\n            xhr.onerror = () => {\n                removeListeners();\n                throwXHRError(new Error(`Failed to upload file part #${part.partNumber}`));\n            };\n            xhr.ontimeout = () => {\n                removeListeners();\n                throwXHRError(new Error(`Request timed out for file part #${part.partNumber}!`));\n            };\n            xhr.onabort = () => {\n                removeListeners();\n                throwXHRError(new Error(`Upload was cancelled for part #${part.partNumber}!`));\n            };\n            xhr.send(chunk);\n        });\n    }\n\n    private assertIsDefined<T>(upload: T, message: string): asserts upload is NonNullable<T> {\n        if (!upload) {\n            throw new Error(message);\n        }\n    }\n}\n\nconst executeWithRetry = (execute: () => void, options?: Parameters<typeof pRetry>[1]) => {\n    return pRetry(execute, {\n        maxRetryTime: 300000,\n        retries: 5,\n        minTimeout: 1500,\n        maxTimeout: 30000,\n        ...options\n    });\n};\n"],"mappings":"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"}

package/SimpleUploadStrategy.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="web" />
+import { UploadedFile, UploadOptions } from "@webiny/app/types";
+import { FileUploadStrategy } from "./index";
+export declare class SimpleUploadStrategy implements FileUploadStrategy {
+    upload(file: File, { apolloClient, onProgress }: UploadOptions): Promise<UploadedFile>;
+}

package/SimpleUploadStrategy.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SimpleUploadStrategy = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _graphql = require("./graphql");
+var SimpleUploadStrategy = /*#__PURE__*/function () {
+  function SimpleUploadStrategy() {
+    (0, _classCallCheck2.default)(this, SimpleUploadStrategy);
+  }
+  (0, _createClass2.default)(SimpleUploadStrategy, [{
+    key: "upload",
+    value: function () {
+      var _upload = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(file, _ref) {
+        var apolloClient, onProgress, response, getPreSignedPostPayload;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              apolloClient = _ref.apolloClient, onProgress = _ref.onProgress;
+              _context.next = 3;
+              return apolloClient.query({
+                query: _graphql.GET_PRE_SIGNED_POST_PAYLOAD,
+                fetchPolicy: "no-cache",
+                variables: {
+                  data: {
+                    size: file.size,
+                    name: file.name,
+                    type: file.type
+                  }
+                }
+              });
+            case 3:
+              response = _context.sent;
+              getPreSignedPostPayload = response.data.fileManager.getPreSignedPostPayload;
+              if (!getPreSignedPostPayload.error) {
+                _context.next = 8;
+                break;
+              }
+              console.error(getPreSignedPostPayload);
+              throw Error(getPreSignedPostPayload.error);
+            case 8:
+              return _context.abrupt("return", new Promise(function (resolve, reject) {
+                var formData = new window.FormData();
+                Object.keys(getPreSignedPostPayload.data.data.fields).forEach(function (key) {
+                  formData.append(key, getPreSignedPostPayload.data.data.fields[key]);
+                });
+                formData.append("file", file);
+                var xhr = new window.XMLHttpRequest();
+                xhr.upload.addEventListener("progress", function (event) {
+                  if (onProgress) {
+                    onProgress({
+                      sent: event.loaded,
+                      total: file.size,
+                      percentage: event.loaded / file.size * 100
+                    });
+                  }
+                }, false);
+                xhr.open("POST", getPreSignedPostPayload.data.data.url, true);
+                xhr.send(formData);
+                xhr.onload = function () {
+                  if (this.status === 204) {
+                    resolve(getPreSignedPostPayload.data.file);
+                    return;
+                  }
+                  reject(this.responseText);
+                };
+              }));
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function upload(_x, _x2) {
+        return _upload.apply(this, arguments);
+      }
+      return upload;
+    }()
+  }]);
+  return SimpleUploadStrategy;
+}();
+exports.SimpleUploadStrategy = SimpleUploadStrategy;

package/SimpleUploadStrategy.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SimpleUploadStrategy","file","apolloClient","onProgress","query","GET_PRE_SIGNED_POST_PAYLOAD","fetchPolicy","variables","data","size","name","type","response","getPreSignedPostPayload","fileManager","error","console","Error","Promise","resolve","reject","formData","window","FormData","Object","keys","fields","forEach","key","append","xhr","XMLHttpRequest","upload","addEventListener","event","sent","loaded","total","percentage","open","url","send","onload","status","responseText"],"sources":["SimpleUploadStrategy.ts"],"sourcesContent":["import { UploadedFile, UploadOptions } from \"@webiny/app/types\";\nimport { GET_PRE_SIGNED_POST_PAYLOAD } from \"./graphql\";\nimport { FileUploadStrategy } from \"~/index\";\n\nexport class SimpleUploadStrategy implements FileUploadStrategy {\n    async upload(file: File, { apolloClient, onProgress }: UploadOptions): Promise<UploadedFile> {\n        // 1. GET PreSignedPostPayload\n        const response = await apolloClient.query({\n            query: GET_PRE_SIGNED_POST_PAYLOAD,\n            fetchPolicy: \"no-cache\",\n            variables: {\n                data: { size: file.size, name: file.name, type: file.type }\n            }\n        });\n\n        const { getPreSignedPostPayload } = response.data.fileManager;\n        if (getPreSignedPostPayload.error) {\n            console.error(getPreSignedPostPayload);\n            throw Error(getPreSignedPostPayload.error);\n        }\n\n        // 2. upload file to S3\n        return new Promise((resolve, reject) => {\n            const formData = new window.FormData();\n            Object.keys(getPreSignedPostPayload.data.data.fields).forEach(key => {\n                formData.append(key, getPreSignedPostPayload.data.data.fields[key]);\n            });\n\n            formData.append(\"file\", file);\n\n            const xhr = new window.XMLHttpRequest();\n            xhr.upload.addEventListener(\n                \"progress\",\n                event => {\n                    if (onProgress) {\n                        onProgress({\n                            sent: event.loaded,\n                            total: file.size,\n                            percentage: (event.loaded / file.size) * 100\n                        });\n                    }\n                },\n                false\n            );\n            xhr.open(\"POST\", getPreSignedPostPayload.data.data.url, true);\n            xhr.send(formData);\n            xhr.onload = function () {\n                if (this.status === 204) {\n                    resolve(getPreSignedPostPayload.data.file);\n                    return;\n                }\n\n                reject(this.responseText);\n            };\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;AACA;AAAwD,IAG3CA,oBAAoB;EAAA;IAAA;EAAA;EAAA;IAAA;IAAA;MAAA,qGAC7B,iBAAaC,IAAU;QAAA;QAAA;UAAA;YAAA;cAAIC,YAAY,QAAZA,YAAY,EAAEC,UAAU,QAAVA,UAAU;cAAA;cAAA,OAExBD,YAAY,CAACE,KAAK,CAAC;gBACtCA,KAAK,EAAEC,oCAA2B;gBAClCC,WAAW,EAAE,UAAU;gBACvBC,SAAS,EAAE;kBACPC,IAAI,EAAE;oBAAEC,IAAI,EAAER,IAAI,CAACQ,IAAI;oBAAEC,IAAI,EAAET,IAAI,CAACS,IAAI;oBAAEC,IAAI,EAAEV,IAAI,CAACU;kBAAK;gBAC9D;cACJ,CAAC,CAAC;YAAA;cANIC,QAAQ;cAQNC,uBAAuB,GAAKD,QAAQ,CAACJ,IAAI,CAACM,WAAW,CAArDD,uBAAuB;cAAA,KAC3BA,uBAAuB,CAACE,KAAK;gBAAA;gBAAA;cAAA;cAC7BC,OAAO,CAACD,KAAK,CAACF,uBAAuB,CAAC;cAAC,MACjCI,KAAK,CAACJ,uBAAuB,CAACE,KAAK,CAAC;YAAA;cAAA,iCAIvC,IAAIG,OAAO,CAAC,UAACC,OAAO,EAAEC,MAAM,EAAK;gBACpC,IAAMC,QAAQ,GAAG,IAAIC,MAAM,CAACC,QAAQ,EAAE;gBACtCC,MAAM,CAACC,IAAI,CAACZ,uBAAuB,CAACL,IAAI,CAACA,IAAI,CAACkB,MAAM,CAAC,CAACC,OAAO,CAAC,UAAAC,GAAG,EAAI;kBACjEP,QAAQ,CAACQ,MAAM,CAACD,GAAG,EAAEf,uBAAuB,CAACL,IAAI,CAACA,IAAI,CAACkB,MAAM,CAACE,GAAG,CAAC,CAAC;gBACvE,CAAC,CAAC;gBAEFP,QAAQ,CAACQ,MAAM,CAAC,MAAM,EAAE5B,IAAI,CAAC;gBAE7B,IAAM6B,GAAG,GAAG,IAAIR,MAAM,CAACS,cAAc,EAAE;gBACvCD,GAAG,CAACE,MAAM,CAACC,gBAAgB,CACvB,UAAU,EACV,UAAAC,KAAK,EAAI;kBACL,IAAI/B,UAAU,EAAE;oBACZA,UAAU,CAAC;sBACPgC,IAAI,EAAED,KAAK,CAACE,MAAM;sBAClBC,KAAK,EAAEpC,IAAI,CAACQ,IAAI;sBAChB6B,UAAU,EAAGJ,KAAK,CAACE,MAAM,GAAGnC,IAAI,CAACQ,IAAI,GAAI;oBAC7C,CAAC,CAAC;kBACN;gBACJ,CAAC,EACD,KAAK,CACR;gBACDqB,GAAG,CAACS,IAAI,CAAC,MAAM,EAAE1B,uBAAuB,CAACL,IAAI,CAACA,IAAI,CAACgC,GAAG,EAAE,IAAI,CAAC;gBAC7DV,GAAG,CAACW,IAAI,CAACpB,QAAQ,CAAC;gBAClBS,GAAG,CAACY,MAAM,GAAG,YAAY;kBACrB,IAAI,IAAI,CAACC,MAAM,KAAK,GAAG,EAAE;oBACrBxB,OAAO,CAACN,uBAAuB,CAACL,IAAI,CAACP,IAAI,CAAC;oBAC1C;kBACJ;kBAEAmB,MAAM,CAAC,IAAI,CAACwB,YAAY,CAAC;gBAC7B,CAAC;cACL,CAAC,CAAC;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA,CACL;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;EAAA;AAAA;AAAA"}

package/graphql.d.ts

@@ -0,0 +1 @@
+export declare const GET_PRE_SIGNED_POST_PAYLOAD: import("graphql").DocumentNode;

package/graphql.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GET_PRE_SIGNED_POST_PAYLOAD = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
+var _templateObject;
+var GET_PRE_SIGNED_POST_PAYLOAD = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query getPreSignedPostPayload($data: PreSignedPostPayloadInput!) {\n        fileManager {\n            getPreSignedPostPayload(data: $data) {\n                data {\n                    data\n                    file {\n                        id\n                        type\n                        name\n                        size\n                        key\n                    }\n                }\n                error {\n                    message\n                }\n            }\n        }\n    }\n"])));
+exports.GET_PRE_SIGNED_POST_PAYLOAD = GET_PRE_SIGNED_POST_PAYLOAD;

package/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GET_PRE_SIGNED_POST_PAYLOAD","gql"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const GET_PRE_SIGNED_POST_PAYLOAD = gql`\n    query getPreSignedPostPayload($data: PreSignedPostPayloadInput!) {\n        fileManager {\n            getPreSignedPostPayload(data: $data) {\n                data {\n                    data\n                    file {\n                        id\n                        type\n                        name\n                        size\n                        key\n                    }\n                }\n                error {\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAEvB,IAAMA,2BAA2B,OAAGC,mBAAG,8lBAoB7C;AAAC"}

package/index.d.ts

@@ -1,3 +1,6 @@
-import { AppFileManagerStorageS3 } from "./types";
-declare const _default: () => AppFileManagerStorageS3;
+import { FileUploaderPlugin } from "@webiny/app/types";
+export interface FileUploadStrategy {
+    upload: FileUploaderPlugin["upload"];
+}
+declare const _default: () => FileUploaderPlugin;
 export default _default;

package/index.js

@@ -5,82 +5,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _templateObject;
-var GET_PRE_SIGNED_POST_PAYLOAD = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query getPreSignedPostPayload($data: PreSignedPostPayloadInput!) {\n        fileManager {\n            getPreSignedPostPayload(data: $data) {\n                data {\n                    data\n                    file {\n                        id\n                        type\n                        name\n                        size\n                        key\n                    }\n                }\n                error {\n                    message\n                }\n            }\n        }\n    }\n"])));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _SimpleUploadStrategy = require("./SimpleUploadStrategy");
+var _MultiPartUploadStrategy = require("./MultiPartUploadStrategy");
 var _default = function _default() {
-  return {
-    type: "app-file-manager-storage",
-    name: "app-file-manager-storage",
-    upload: function () {
-      var _upload = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(file, _ref) {
-        var apolloClient, onProgress, response, getPreSignedPostPayload;
-        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              apolloClient = _ref.apolloClient, onProgress = _ref.onProgress;
-              _context.next = 3;
-              return apolloClient.query({
-                query: GET_PRE_SIGNED_POST_PAYLOAD,
-                fetchPolicy: "no-cache",
-                variables: {
-                  data: {
-                    size: file.size,
-                    name: file.name,
-                    type: file.type
-                  }
-                }
-              });
-            case 3:
-              response = _context.sent;
-              getPreSignedPostPayload = response.data.fileManager.getPreSignedPostPayload;
-              if (!getPreSignedPostPayload.error) {
-                _context.next = 8;
-                break;
-              }
-              console.log(getPreSignedPostPayload); // eslint-disable-line
-              return _context.abrupt("return");
-            case 8:
-              _context.next = 10;
-              return new Promise(function (resolve, reject) {
-                var formData = new window.FormData();
-                Object.keys(getPreSignedPostPayload.data.data.fields).forEach(function (key) {
-                  formData.append(key, getPreSignedPostPayload.data.data.fields[key]);
-                });
-                formData.append("file", file);
-                var xhr = new window.XMLHttpRequest();
-                xhr.upload.addEventListener("progress", function (event) {
-                  var percent = 100 * event.loaded / event.total;
-                  if (onProgress) {
-                    onProgress(percent);
-                  }
-                }, false);
-                xhr.open("POST", getPreSignedPostPayload.data.data.url, true);
-                xhr.send(formData);
-                xhr.onload = function () {
-                  if (this.status === 204) {
-                    resolve(getPreSignedPostPayload.data.file);
-                    return;
-                  }
-                  reject(this.responseText);
-                };
-              });
-            case 10:
-              return _context.abrupt("return", _context.sent);
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function upload(_x, _x2) {
-        return _upload.apply(this, arguments);
+  var S3FileUploader = /*#__PURE__*/function () {
+    function S3FileUploader() {
+      (0, _classCallCheck2.default)(this, S3FileUploader);
+      (0, _defineProperty2.default)(this, "type", "file-uploader");
+      (0, _defineProperty2.default)(this, "name", "file-uploader");
+    }
+    (0, _createClass2.default)(S3FileUploader, [{
+      key: "upload",
+      value: function upload(file, options) {
+        var _window$fmUploadMulti;
+        // Use "simple" strategy for files smaller than ~100MB
+        // @ts-ignore
+        var multiPartThreshold = (_window$fmUploadMulti = window["fmUploadMultiPartThreshold"]) !== null && _window$fmUploadMulti !== void 0 ? _window$fmUploadMulti : 100;
+        var simple = file.size < multiPartThreshold * 1024 * 1024;
+        var strategy = simple ? new _SimpleUploadStrategy.SimpleUploadStrategy() : new _MultiPartUploadStrategy.MultiPartUploadStrategy();
+        return strategy.upload(file, options);
       }
-      return upload;
-    }()
-  };
+    }]);
+    return S3FileUploader;
+  }();
+  return new S3FileUploader();
 };
 exports.default = _default;

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["GET_PRE_SIGNED_POST_PAYLOAD","gql","type","name","upload","file","apolloClient","onProgress","query","fetchPolicy","variables","data","size","response","getPreSignedPostPayload","fileManager","error","console","log","Promise","resolve","reject","formData","window","FormData","Object","keys","fields","forEach","key","append","xhr","XMLHttpRequest","addEventListener","event","percent","loaded","total","open","url","send","onload","status","responseText"],"sources":["index.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { AppFileManagerStorageS3 } from \"./types\";\n\nconst GET_PRE_SIGNED_POST_PAYLOAD = gql`\n    query getPreSignedPostPayload($data: PreSignedPostPayloadInput!) {\n        fileManager {\n            getPreSignedPostPayload(data: $data) {\n                data {\n                    data\n                    file {\n                        id\n                        type\n                        name\n                        size\n                        key\n                    }\n                }\n                error {\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport default () =>\n    ({\n        type: \"app-file-manager-storage\",\n        name: \"app-file-manager-storage\",\n        upload: async (file: File, { apolloClient, onProgress }) => {\n            // 1. GET PreSignedPostPayload\n            const response = await apolloClient.query({\n                query: GET_PRE_SIGNED_POST_PAYLOAD,\n                fetchPolicy: \"no-cache\",\n                variables: {\n                    data: { size: file.size, name: file.name, type: file.type }\n                }\n            });\n\n            const { getPreSignedPostPayload } = response.data.fileManager;\n            if (getPreSignedPostPayload.error) {\n                console.log(getPreSignedPostPayload); // eslint-disable-line\n                return;\n            }\n            // 2. upload file to S3\n            return await new Promise((resolve, reject) => {\n                const formData = new window.FormData();\n                Object.keys(getPreSignedPostPayload.data.data.fields).forEach(key => {\n                    formData.append(key, getPreSignedPostPayload.data.data.fields[key]);\n                });\n\n                formData.append(\"file\", file);\n\n                const xhr = new window.XMLHttpRequest();\n                xhr.upload.addEventListener(\n                    \"progress\",\n                    event => {\n                        const percent = (100 * event.loaded) / event.total;\n                        if (onProgress) {\n                            onProgress(percent);\n                        }\n                    },\n                    false\n                );\n                xhr.open(\"POST\", getPreSignedPostPayload.data.data.url, true);\n                xhr.send(formData);\n                xhr.onload = function () {\n                    if (this.status === 204) {\n                        resolve(getPreSignedPostPayload.data.file);\n                        return;\n                    }\n\n                    reject(this.responseText);\n                };\n            });\n        }\n    } as AppFileManagerStorageS3);\n"],"mappings":";;;;;;;;;;AAAA;AAA8B;AAG9B,IAAMA,2BAA2B,OAAGC,mBAAG,8lBAoBtC;AAAC,eAEa;EAAA,OACV;IACGC,IAAI,EAAE,0BAA0B;IAChCC,IAAI,EAAE,0BAA0B;IAChCC,MAAM;MAAA,qGAAE,iBAAOC,IAAU;QAAA;QAAA;UAAA;YAAA;cAAIC,YAAY,QAAZA,YAAY,EAAEC,UAAU,QAAVA,UAAU;cAAA;cAAA,OAE1BD,YAAY,CAACE,KAAK,CAAC;gBACtCA,KAAK,EAAER,2BAA2B;gBAClCS,WAAW,EAAE,UAAU;gBACvBC,SAAS,EAAE;kBACPC,IAAI,EAAE;oBAAEC,IAAI,EAAEP,IAAI,CAACO,IAAI;oBAAET,IAAI,EAAEE,IAAI,CAACF,IAAI;oBAAED,IAAI,EAAEG,IAAI,CAACH;kBAAK;gBAC9D;cACJ,CAAC,CAAC;YAAA;cANIW,QAAQ;cAQNC,uBAAuB,GAAKD,QAAQ,CAACF,IAAI,CAACI,WAAW,CAArDD,uBAAuB;cAAA,KAC3BA,uBAAuB,CAACE,KAAK;gBAAA;gBAAA;cAAA;cAC7BC,OAAO,CAACC,GAAG,CAACJ,uBAAuB,CAAC,CAAC,CAAC;cAAA;YAAA;cAAA;cAAA,OAI7B,IAAIK,OAAO,CAAC,UAACC,OAAO,EAAEC,MAAM,EAAK;gBAC1C,IAAMC,QAAQ,GAAG,IAAIC,MAAM,CAACC,QAAQ,EAAE;gBACtCC,MAAM,CAACC,IAAI,CAACZ,uBAAuB,CAACH,IAAI,CAACA,IAAI,CAACgB,MAAM,CAAC,CAACC,OAAO,CAAC,UAAAC,GAAG,EAAI;kBACjEP,QAAQ,CAACQ,MAAM,CAACD,GAAG,EAAEf,uBAAuB,CAACH,IAAI,CAACA,IAAI,CAACgB,MAAM,CAACE,GAAG,CAAC,CAAC;gBACvE,CAAC,CAAC;gBAEFP,QAAQ,CAACQ,MAAM,CAAC,MAAM,EAAEzB,IAAI,CAAC;gBAE7B,IAAM0B,GAAG,GAAG,IAAIR,MAAM,CAACS,cAAc,EAAE;gBACvCD,GAAG,CAAC3B,MAAM,CAAC6B,gBAAgB,CACvB,UAAU,EACV,UAAAC,KAAK,EAAI;kBACL,IAAMC,OAAO,GAAI,GAAG,GAAGD,KAAK,CAACE,MAAM,GAAIF,KAAK,CAACG,KAAK;kBAClD,IAAI9B,UAAU,EAAE;oBACZA,UAAU,CAAC4B,OAAO,CAAC;kBACvB;gBACJ,CAAC,EACD,KAAK,CACR;gBACDJ,GAAG,CAACO,IAAI,CAAC,MAAM,EAAExB,uBAAuB,CAACH,IAAI,CAACA,IAAI,CAAC4B,GAAG,EAAE,IAAI,CAAC;gBAC7DR,GAAG,CAACS,IAAI,CAAClB,QAAQ,CAAC;gBAClBS,GAAG,CAACU,MAAM,GAAG,YAAY;kBACrB,IAAI,IAAI,CAACC,MAAM,KAAK,GAAG,EAAE;oBACrBtB,OAAO,CAACN,uBAAuB,CAACH,IAAI,CAACN,IAAI,CAAC;oBAC1C;kBACJ;kBAEAgB,MAAM,CAAC,IAAI,CAACsB,YAAY,CAAC;gBAC7B,CAAC;cACL,CAAC,CAAC;YAAA;cAAA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA,CACL;MAAA;QAAA;MAAA;MAAA;IAAA;EACL,CAAC;AAAA,CAA4B;AAAA"}
+{"version":3,"names":["S3FileUploader","file","options","multiPartThreshold","window","simple","size","strategy","SimpleUploadStrategy","MultiPartUploadStrategy","upload"],"sources":["index.ts"],"sourcesContent":["import { FileUploaderPlugin, UploadOptions } from \"@webiny/app/types\";\nimport { SimpleUploadStrategy } from \"~/SimpleUploadStrategy\";\nimport { MultiPartUploadStrategy } from \"~/MultiPartUploadStrategy\";\n\nexport interface FileUploadStrategy {\n    upload: FileUploaderPlugin[\"upload\"];\n}\n\nexport default (): FileUploaderPlugin => {\n    class S3FileUploader implements FileUploaderPlugin {\n        public readonly type = \"file-uploader\";\n        public readonly name = \"file-uploader\";\n\n        upload(file: File, options: UploadOptions) {\n            // Use \"simple\" strategy for files smaller than ~100MB\n            // @ts-ignore\n            const multiPartThreshold = window[\"fmUploadMultiPartThreshold\"] ?? 100;\n            const simple = file.size < multiPartThreshold * 1024 * 1024;\n\n            const strategy: FileUploadStrategy = simple\n                ? new SimpleUploadStrategy()\n                : new MultiPartUploadStrategy();\n\n            return strategy.upload(file, options);\n        }\n    }\n\n    return new S3FileUploader();\n};\n"],"mappings":";;;;;;;;;;AACA;AACA;AAAoE,eAMrD,oBAA0B;EAAA,IAC/BA,cAAc;IAAA;MAAA;MAAA,4CACO,eAAe;MAAA,4CACf,eAAe;IAAA;IAAA;MAAA;MAAA,OAEtC,gBAAOC,IAAU,EAAEC,OAAsB,EAAE;QAAA;QACvC;QACA;QACA,IAAMC,kBAAkB,4BAAGC,MAAM,CAAC,4BAA4B,CAAC,yEAAI,GAAG;QACtE,IAAMC,MAAM,GAAGJ,IAAI,CAACK,IAAI,GAAGH,kBAAkB,GAAG,IAAI,GAAG,IAAI;QAE3D,IAAMI,QAA4B,GAAGF,MAAM,GACrC,IAAIG,0CAAoB,EAAE,GAC1B,IAAIC,gDAAuB,EAAE;QAEnC,OAAOF,QAAQ,CAACG,MAAM,CAACT,IAAI,EAAEC,OAAO,CAAC;MACzC;IAAC;IAAA;EAAA;EAGL,OAAO,IAAIF,cAAc,EAAE;AAC/B,CAAC;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-file-manager-s3",
-	"version": "5.35.2",
+	"version": "5.36.0-beta.1",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -10,16 +10,15 @@
 	"author": "Webiny Ltd",
 	"license": "MIT",
 	"dependencies": {
-		"@webiny/plugins": "^5.35.2",
-		"apollo-client": "2.6.10",
-		"graphql": "15.8.0",
-		"graphql-tag": "2.12.6"
+		"@webiny/app": "5.36.0-beta.1",
+		"graphql-tag": "2.12.6",
+		"p-retry": "4.6.2"
 	},
 	"devDependencies": {
 		"@babel/cli": "7.20.7",
 		"@babel/core": "7.20.12",
-		"@webiny/cli": "^5.35.2",
-		"@webiny/project-utils": "^5.35.2",
+		"@webiny/cli": "5.36.0-beta.1",
+		"@webiny/project-utils": "5.36.0-beta.1",
 		"rimraf": "3.0.2",
 		"typescript": "4.7.4"
 	},
@@ -31,5 +30,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "d3f7b134892b6c5ea794e9e7dd4811b27cdf6eb1"
+	"gitHead": "db7103cc3e74c3c71c2b88e50ef0fd19ae7c3fd2"
 }