@lowdefy/plugin-aws 4.0.0-alpha.8 → 4.0.0-rc.0

package/dist/blocks/S3UploadButton/__snapshots__/S3UploadButton.test.js.snap

@@ -0,0 +1,281 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Render default - value[0] 1`] = `
+<span
+  class=""
+>
+  <div
+    class="ant-upload ant-upload-select ant-upload-select-text"
+  >
+    <span
+      class="ant-upload"
+      role="button"
+      tabindex="0"
+    >
+      <input
+        accept=""
+        id="default"
+        multiple=""
+        style="display: none;"
+        type="file"
+      />
+      <button
+        class="ant-btn emotion-0"
+        id="default_button"
+        type="button"
+      >
+        <svg
+          class="emotion-1"
+          data-testid="AiOutlineExclamationCircle"
+          id="default_button_icon"
+        />
+        <span
+          class="emotion-1"
+        >
+          Upload
+        </span>
+      </button>
+    </span>
+  </div>
+  <div
+    class="ant-upload-list ant-upload-list-text"
+  />
+</span>
+`;
+
+exports[`Render properties.accept - value[0] 1`] = `
+<span
+  class=""
+>
+  <div
+    class="ant-upload ant-upload-select ant-upload-select-text"
+  >
+    <span
+      class="ant-upload"
+      role="button"
+      tabindex="0"
+    >
+      <input
+        accept=".png,.jpg"
+        id="properties.accept"
+        multiple=""
+        style="display: none;"
+        type="file"
+      />
+      <button
+        class="ant-btn emotion-0"
+        id="properties.accept_button"
+        type="button"
+      >
+        <svg
+          class="emotion-1"
+          data-testid="AiOutlineExclamationCircle"
+          id="properties.accept_button_icon"
+        />
+        <span
+          class="emotion-1"
+        >
+          Upload
+        </span>
+      </button>
+    </span>
+  </div>
+  <div
+    class="ant-upload-list ant-upload-list-text"
+  />
+</span>
+`;
+
+exports[`Render properties.button - value[0] 1`] = `
+<span
+  class=""
+>
+  <div
+    class="ant-upload ant-upload-select ant-upload-select-text"
+  >
+    <span
+      class="ant-upload"
+      role="button"
+      tabindex="0"
+    >
+      <input
+        accept=""
+        id="properties.button"
+        multiple=""
+        style="display: none;"
+        type="file"
+      />
+      <button
+        class="ant-btn ant-btn-primary emotion-0"
+        id="properties.button_button"
+        type="button"
+      >
+        <svg
+          class="emotion-1"
+          data-testid="AiOutlineExclamationCircle"
+          id="properties.button_button_icon"
+        />
+        <span
+          class="emotion-1"
+        >
+          Upload
+        </span>
+      </button>
+    </span>
+  </div>
+  <div
+    class="ant-upload-list ant-upload-list-text"
+  />
+</span>
+`;
+
+exports[`Render properties.disabled - value[0] 1`] = `
+<span
+  class=""
+>
+  <div
+    class="ant-upload ant-upload-select ant-upload-select-text ant-upload-disabled"
+  >
+    <span
+      class="ant-upload ant-upload-disabled"
+      role="button"
+    >
+      <input
+        accept=""
+        multiple=""
+        style="display: none;"
+        type="file"
+      />
+      <button
+        class="ant-btn emotion-0"
+        disabled=""
+        id="properties.disabled_button"
+        type="button"
+      >
+        <svg
+          class="emotion-1"
+          data-testid="AiOutlineExclamationCircle"
+          id="properties.disabled_button_icon"
+        />
+        <span
+          class="emotion-1"
+        >
+          Upload
+        </span>
+      </button>
+    </span>
+  </div>
+  <div
+    class="ant-upload-list ant-upload-list-text"
+  />
+</span>
+`;
+
+exports[`Render properties.showUploadList - value[0] 1`] = `
+<span
+  class=""
+>
+  <div
+    class="ant-upload ant-upload-select ant-upload-select-text"
+  >
+    <span
+      class="ant-upload"
+      role="button"
+      tabindex="0"
+    >
+      <input
+        accept=""
+        id="properties.showUploadList"
+        multiple=""
+        style="display: none;"
+        type="file"
+      />
+      <button
+        class="ant-btn emotion-0"
+        id="properties.showUploadList_button"
+        type="button"
+      >
+        <svg
+          class="emotion-1"
+          data-testid="AiOutlineExclamationCircle"
+          id="properties.showUploadList_button_icon"
+        />
+        <span
+          class="emotion-1"
+        >
+          Upload
+        </span>
+      </button>
+    </span>
+  </div>
+  <div
+    class="ant-upload-list ant-upload-list-text"
+  />
+</span>
+`;
+
+exports[`Render properties.singleFile - value[0] 1`] = `
+<span
+  class=""
+>
+  <div
+    class="ant-upload ant-upload-select ant-upload-select-text"
+  >
+    <span
+      class="ant-upload"
+      role="button"
+      tabindex="0"
+    >
+      <input
+        accept=""
+        id="properties.singleFile"
+        style="display: none;"
+        type="file"
+      />
+      <button
+        class="ant-btn emotion-0"
+        id="properties.singleFile_button"
+        type="button"
+      >
+        <svg
+          class="emotion-1"
+          data-testid="AiOutlineExclamationCircle"
+          id="properties.singleFile_button_icon"
+        />
+        <span
+          class="emotion-1"
+        >
+          Upload
+        </span>
+      </button>
+    </span>
+  </div>
+  <div
+    class="ant-upload-list ant-upload-list-text"
+  />
+</span>
+`;
+
+exports[`Test Schema default 1`] = `true`;
+
+exports[`Test Schema default 2`] = `null`;
+
+exports[`Test Schema properties.accept 1`] = `true`;
+
+exports[`Test Schema properties.accept 2`] = `null`;
+
+exports[`Test Schema properties.button 1`] = `true`;
+
+exports[`Test Schema properties.button 2`] = `null`;
+
+exports[`Test Schema properties.disabled 1`] = `true`;
+
+exports[`Test Schema properties.disabled 2`] = `null`;
+
+exports[`Test Schema properties.showUploadList 1`] = `true`;
+
+exports[`Test Schema properties.showUploadList 2`] = `null`;
+
+exports[`Test Schema properties.singleFile 1`] = `true`;
+
+exports[`Test Schema properties.singleFile 2`] = `null`;

package/dist/blocks/S3UploadButton/examples.yaml

@@ -0,0 +1,44 @@
+# Copyright 2020-2022 Lowdefy, Inc
+
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+
+#     http://www.apache.org/licenses/LICENSE-2.0
+
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+- id: default
+  type: S3UploadButton
+  properties:
+    s3PostPolicyRequestId: s3PostPolicyRequestId
+- id: properties.accept
+  type: S3UploadButton
+  properties:
+    accept: '.png,.jpg'
+    s3PostPolicyRequestId: s3PostPolicyRequestId
+- id: properties.button
+  type: S3UploadButton
+  properties:
+    button:
+      type: primary
+    s3PostPolicyRequestId: s3PostPolicyRequestId
+- id: properties.disabled
+  type: S3UploadButton
+  properties:
+    disabled: true
+    s3PostPolicyRequestId: s3PostPolicyRequestId
+- id: properties.showUploadList
+  type: S3UploadButton
+  properties:
+    s3PostPolicyRequestId: s3PostPolicyRequestId
+    showUploadList: true
+- id: properties.singleFile
+  type: S3UploadButton
+  properties:
+    s3PostPolicyRequestId: s3PostPolicyRequestId
+    singleFile: true

package/dist/blocks/S3UploadButton/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -15,4 +15,4 @@
 */
 
 @import 'antd/lib/upload/style/index.less';
-@import '../Button/style.less';
+@import 'antd/lib/button/style/index.less';

package/dist/blocks/S3UploadPhoto/S3UploadPhoto.js

@@ -0,0 +1,220 @@
+/*
+  Copyright 2020-2022 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import React, { useEffect, useState } from 'react';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import { get } from '@lowdefy/helpers';
+import { message, Upload } from 'antd';
+const makeFileValue = (file, s3Parameters)=>{
+    const { lastModified , name , percent , size , status , type , uid  } = file;
+    const { bucket , key  } = get(s3Parameters, uid, {
+        default: {}
+    });
+    return {
+        bucket,
+        key,
+        lastModified,
+        name,
+        percent,
+        size,
+        status,
+        type,
+        uid
+    };
+};
+const makeOnChangeValue = (s3Parameters, changeEvent)=>{
+    const { file , fileList  } = changeEvent;
+    return {
+        file: makeFileValue(file, s3Parameters),
+        fileList: fileList.map((fl)=>makeFileValue(fl, s3Parameters))
+    };
+};
+const getCustomRequest = ({ methods , setS3Parameters , setLoading  })=>async ({ file , onError , onProgress , onSuccess  })=>{
+        try {
+            setLoading(true);
+            const { name , size , type , uid  } = file;
+            if (size > 1024 * 1024 * 10) throw new Error('File cannot exceed 10mb.');
+            const s3PostPolicyResponse = await methods.triggerEvent({
+                name: '__getS3PostPolicy',
+                event: {
+                    filename: name,
+                    size,
+                    type,
+                    uid
+                }
+            });
+            if (s3PostPolicyResponse.success !== true) {
+                throw new Error('S3 post policy request error.');
+            }
+            const { url , fields  } = s3PostPolicyResponse.responses.__getS3PostPolicy.response[0];
+            const { bucket , key  } = fields;
+            const meta = {
+                bucket,
+                key,
+                filename: name,
+                size,
+                type,
+                uid
+            };
+            setS3Parameters((prevState)=>{
+                const ret = {
+                    ...prevState
+                };
+                ret[uid] = {
+                    bucket,
+                    key
+                };
+                return ret;
+            });
+            // Set 20 % progress on policy is acquired else user waits to long before progress is reported
+            onProgress({
+                percent: 20
+            });
+            // Create FormData with all required fields in S3 policy
+            const formData = new FormData();
+            Object.keys(fields).forEach((field)=>{
+                formData.append(field, fields[field]);
+            });
+            // file needs to be the last field in the form
+            formData.append('file', file);
+            const xhr = new XMLHttpRequest();
+            xhr.upload.onprogress = (event)=>{
+                if (event.lengthComputable) {
+                    onProgress({
+                        percent: event.loaded / event.total * 80 + 20
+                    });
+                }
+            };
+            xhr.addEventListener('error', async (event)=>{
+                await methods.triggerEvent({
+                    name: 'onError',
+                    event: {
+                        meta,
+                        event
+                    }
+                });
+                onError(event);
+            });
+            xhr.addEventListener('load', async (event)=>{
+                await methods.triggerEvent({
+                    name: 'onSuccess',
+                    event: {
+                        meta,
+                        event
+                    }
+                });
+                onSuccess(event);
+            });
+            xhr.addEventListener('loadend', async (event)=>{
+                await methods.triggerEvent({
+                    name: 'onDone',
+                    event: {
+                        meta,
+                        event
+                    }
+                });
+                setLoading(false);
+            });
+            xhr.open('post', url);
+            xhr.send(formData);
+        } catch (error) {
+            console.error(error);
+            await methods.triggerEvent({
+                name: 'onError',
+                event: {
+                    meta,
+                    event
+                }
+            });
+            onError(error);
+        }
+    };
+const S3UploadPhoto = ({ blockId , components: { Icon  } , events , methods , properties , value  })=>{
+    // Use state here because we need to set s3 bucket and key as block value
+    // The customRequest function does not have access to the updated block value,
+    // so it cannot set the value directly. customRequest sets the parameters to s3Parameters state,
+    // and then onChange updates the block value.
+    const [s3Parameters, setS3Parameters] = useState(value);
+    const [loading, setLoading] = useState(false);
+    const customRequest = getCustomRequest({
+        methods,
+        setS3Parameters,
+        setLoading
+    });
+    useEffect(()=>{
+        methods.setValue({
+            file: null,
+            fileList: []
+        });
+        methods.registerEvent({
+            name: '__getS3PostPolicy',
+            actions: [
+                {
+                    id: '__getS3PostPolicy',
+                    type: 'Request',
+                    params: [
+                        properties.s3PostPolicyRequestId
+                    ]
+                }, 
+            ]
+        });
+    }, []);
+    return /*#__PURE__*/ React.createElement(Upload, {
+        listType: "picture-card",
+        className: "avatar-uploader",
+        accept: "image/*",
+        customRequest: customRequest,
+        maxCount: 1,
+        id: blockId,
+        multiple: !properties.singleFile,
+        showUploadList: properties.showUploadList,
+        onChange: (event)=>{
+            methods.setValue(makeOnChangeValue(s3Parameters, event));
+            methods.triggerEvent({
+                name: 'onChange'
+            });
+        }
+    }, /*#__PURE__*/ React.createElement("div", null, loading ? /*#__PURE__*/ React.createElement(Icon, {
+        blockId: `${blockId}_icon`,
+        events: events,
+        properties: {
+            name: 'AiOutlineLoading',
+            size: 24
+        }
+    }) : /*#__PURE__*/ React.createElement(Icon, {
+        blockId: `${blockId}_icon`,
+        events: events,
+        properties: {
+            name: 'AiOutlineCamera',
+            size: 24
+        }
+    }), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            marginTop: 8
+        }
+    }, "Upload a photo")));
+};
+S3UploadPhoto.defaultProps = blockDefaultProps;
+S3UploadPhoto.meta = {
+    valueType: 'object',
+    category: 'input',
+    icons: [
+        'AiOutlineLoading',
+        'AiOutlineCamera'
+    ],
+    styles: [
+        'blocks/S3UploadPhoto/style.less'
+    ]
+};
+export default S3UploadPhoto;

package/dist/blocks/S3UploadPhoto/schema.json

@@ -0,0 +1,83 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "required": ["s3PostPolicyRequestId"],
+    "properties": {
+      "accept": {
+        "type": "string",
+        "description": "File types accepted by the input. See html file type input accept property at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept."
+      },
+      "button": {
+        "type": "object",
+        "description": "Button block properties.",
+        "default": {
+          "icon": "UploadOutlined",
+          "title": "Upload",
+          "type": "default"
+        },
+        "docs": {
+          "displayType": "button"
+        }
+      },
+      "disabled": {
+        "type": "boolean",
+        "description": "Disable the file input."
+      },
+      "s3PostPolicyRequestId": {
+        "type": "string",
+        "description": "Id of a request of type AwsS3PresignedPostPolicy that defines to which S3 bucket and how the file should be uploaded.",
+        "docs": {
+          "displayType": "manual",
+          "block": {
+            "id": "block_properties_s3PostPolicyRequestId",
+            "layout": { "_global": "settings_input_layout" },
+            "type": "Label",
+            "required": true,
+            "properties": {
+              "title": "s3PostPolicyRequestId",
+              "span": 8,
+              "align": "right"
+            },
+            "blocks": [
+              {
+                "id": "block_properties_s3PostPolicyRequestId_text",
+                "type": "Markdown",
+                "style": {
+                  "color": "#8c8c8c"
+                },
+                "properties": {
+                  "content": "Id of a request of type AwsS3PresignedPostPolicy that defines to which S3 bucket and how the file should be uploaded."
+                }
+              }
+            ]
+          },
+          "getter": {}
+        }
+      },
+      "showUploadList": {
+        "type": "boolean",
+        "default": true,
+        "description": "Whether to show default upload list."
+      },
+      "singleFile": {
+        "type": "boolean",
+        "default": false,
+        "description": "Only allow a single file to be uploaded. Only one file can be selected in the prompt and the upload button is disabled after a file is uploaded."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "properties": {
+      "onChange": {
+        "type": "array",
+        "description": "Triggered when the upload state is changing."
+      },
+      "onClick": {
+        "type": "array",
+        "description": "Triggered when the upload button is clicked."
+      }
+    }
+  }
+}

package/dist/blocks/S3UploadPhoto/style.less

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2022 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+@import 'antd/lib/upload/style/index.less';

package/dist/blocks.js

@@ -0,0 +1,16 @@
+/*
+  Copyright 2020-2022 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ export { default as S3UploadButton } from './blocks/S3UploadButton/S3UploadButton.js';
+export { default as S3UploadPhoto } from './blocks/S3UploadPhoto/S3UploadPhoto.js';

package/dist/connections/AwsS3Bucket/AwsS3Bucket.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/connections/AwsS3Bucket/AwsS3PresignedGetObject/AwsS3PresignedGetObject.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/connections/AwsS3Bucket/AwsS3PresignedGetObject/schema.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.