@webiny/app-file-manager-s3 0.0.0-ee-vpcs.549378cf03

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# @webiny/app-file-manager-s3

package/index.d.ts

@@ -0,0 +1,3 @@
+import { AppFileManagerStorageS3 } from "./types";
+declare const _default: () => AppFileManagerStorageS3;
+export default _default;

package/index.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+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                        type\n                        name\n                        size\n                        key\n                    }\n                }\n                error {\n                    message\n                }\n            }\n        }\n    }\n"])));
+
+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, response, getPreSignedPostPayload;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                apolloClient = _ref.apolloClient;
+                _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(); // eslint-disable-line
+
+                  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);
+      }
+
+      return upload;
+    }()
+  };
+};
+
+exports.default = _default;

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GET_PRE_SIGNED_POST_PAYLOAD","gql","type","name","upload","file","apolloClient","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","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                        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 }) => {\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(); // eslint-disable-line\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;;;;AAGA,IAAMA,2BAA2B,OAAGC,mBAAH,kkBAAjC;;eAqBe;EAAA,OACV;IACGC,IAAI,EAAE,0BADT;IAEGC,IAAI,EAAE,0BAFT;IAGGC,MAAM;MAAA,qGAAE,iBAAOC,IAAP;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAqBC,YAArB,QAAqBA,YAArB;gBAAA;gBAAA,OAEmBA,YAAY,CAACC,KAAb,CAAmB;kBACtCA,KAAK,EAAEP,2BAD+B;kBAEtCQ,WAAW,EAAE,UAFyB;kBAGtCC,SAAS,EAAE;oBACPC,IAAI,EAAE;sBAAEC,IAAI,EAAEN,IAAI,CAACM,IAAb;sBAAmBR,IAAI,EAAEE,IAAI,CAACF,IAA9B;sBAAoCD,IAAI,EAAEG,IAAI,CAACH;oBAA/C;kBADC;gBAH2B,CAAnB,CAFnB;;cAAA;gBAEEU,QAFF;gBAUIC,uBAVJ,GAUgCD,QAAQ,CAACF,IAAT,CAAcI,WAV9C,CAUID,uBAVJ;;gBAAA,KAWAA,uBAAuB,CAACE,KAXxB;kBAAA;kBAAA;gBAAA;;gBAYAC,OAAO,CAACC,GAAR,CAAYJ,uBAAZ,EAZA,CAYsC;;gBAZtC;;cAAA;gBAAA;gBAAA,OAgBS,IAAIK,OAAJ,CAAY,UAACC,OAAD,EAAUC,MAAV,EAAqB;kBAC1C,IAAMC,QAAQ,GAAG,IAAIC,MAAM,CAACC,QAAX,EAAjB;kBACAC,MAAM,CAACC,IAAP,CAAYZ,uBAAuB,CAACH,IAAxB,CAA6BA,IAA7B,CAAkCgB,MAA9C,EAAsDC,OAAtD,CAA8D,UAAAC,GAAG,EAAI;oBACjEP,QAAQ,CAACQ,MAAT,CAAgBD,GAAhB,EAAqBf,uBAAuB,CAACH,IAAxB,CAA6BA,IAA7B,CAAkCgB,MAAlC,CAAyCE,GAAzC,CAArB;kBACH,CAFD;kBAIAP,QAAQ,CAACQ,MAAT,CAAgB,MAAhB,EAAwBxB,IAAxB;kBAEA,IAAMyB,GAAG,GAAG,IAAIR,MAAM,CAACS,cAAX,EAAZ,CAR0C,CAQD;;kBACzCD,GAAG,CAACE,IAAJ,CAAS,MAAT,EAAiBnB,uBAAuB,CAACH,IAAxB,CAA6BA,IAA7B,CAAkCuB,GAAnD,EAAwD,IAAxD;kBACAH,GAAG,CAACI,IAAJ,CAASb,QAAT;;kBACAS,GAAG,CAACK,MAAJ,GAAa,YAAY;oBACrB,IAAI,KAAKC,MAAL,KAAgB,GAApB,EAAyB;sBACrBjB,OAAO,CAACN,uBAAuB,CAACH,IAAxB,CAA6BL,IAA9B,CAAP;sBACA;oBACH;;oBAEDe,MAAM,CAAC,KAAKiB,YAAN,CAAN;kBACH,CAPD;gBAQH,CAnBY,CAhBT;;cAAA;gBAAA;;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAF;;MAAA;QAAA;MAAA;;MAAA;IAAA;EAHT,CADU;AAAA,C"}

package/package.json

@@ -0,0 +1,35 @@
+{
+	"name": "@webiny/app-file-manager-s3",
+	"version": "0.0.0-ee-vpcs.549378cf03",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"description": "App File storage S3 plugin for the @webiny/app-file-manager client.",
+	"author": "Webiny Ltd",
+	"license": "MIT",
+	"dependencies": {
+		"@webiny/plugins": "0.0.0-ee-vpcs.549378cf03",
+		"apollo-client": "2.6.10",
+		"graphql": "15.8.0",
+		"graphql-tag": "2.12.6"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.19.3",
+		"@babel/core": "^7.19.3",
+		"@webiny/cli": "^0.0.0-ee-vpcs.549378cf03",
+		"@webiny/project-utils": "^0.0.0-ee-vpcs.549378cf03",
+		"rimraf": "^3.0.2",
+		"typescript": "4.7.4"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"gitHead": "549378cf03fcd27845fc3fa23d1dc6b32896f630"
+}

package/types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="web" />
+import { Plugin } from "@webiny/plugins/types";
+import { ApolloClient } from "apollo-client";
+export declare type AppFileManagerStorageS3 = Plugin & {
+    type: "app-file-manager-storage";
+    name: "app-file-manager-storage";
+    upload(file: File, options: {
+        apolloClient: ApolloClient<Record<string, any>>;
+    }): Promise<any>;
+};

package/types.js

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

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { Plugin } from \"@webiny/plugins/types\";\nimport { ApolloClient } from \"apollo-client\";\n\nexport type AppFileManagerStorageS3 = Plugin & {\n    type: \"app-file-manager-storage\";\n    name: \"app-file-manager-storage\";\n    upload(file: File, options: { apolloClient: ApolloClient<Record<string, any>> }): Promise<any>;\n};\n"],"mappings":""}