@lowdefy/plugin-aws 4.2.0 → 4.2.1

package/dist/blocks/S3UploadPhoto/S3UploadPhoto.js

@@ -0,0 +1,114 @@
+/*
+  Copyright 2020-2024 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, renderHtml } from '@lowdefy/block-utils';
+import { Upload } from 'antd';
+import useFileList from '../utils/useFileList.js';
+import getS3Upload from '../utils/getS3Upload.js';
+const S3UploadPhoto = ({ blockId, components: { Icon }, events, methods, properties, value })=>{
+    const [state, loadFileList, setFileList, removeFile, setValue] = useFileList({
+        properties,
+        methods,
+        value
+    });
+    const [loading, setLoading] = useState(false);
+    const s3UploadRequest = getS3Upload({
+        methods,
+        setFileList,
+        setLoading
+    });
+    useEffect(()=>{
+        methods.setValue({
+            file: null,
+            fileList: []
+        });
+        methods.registerEvent({
+            name: '__getS3PostPolicy',
+            actions: [
+                {
+                    id: '__getS3PostPolicy',
+                    type: 'Request',
+                    params: [
+                        properties.s3PostPolicyRequestId
+                    ]
+                }
+            ]
+        });
+    }, []);
+    useEffect(()=>{
+        if (JSON.stringify(value) !== JSON.stringify(state)) {
+            setValue(value);
+        }
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ React.createElement(Upload, {
+        accept: "image/*",
+        beforeUpload: loadFileList,
+        className: "avatar-uploader",
+        customRequest: s3UploadRequest,
+        disabled: properties.disabled,
+        fileList: state.fileList,
+        id: blockId,
+        listType: "picture-card",
+        maxCount: properties.maxCount,
+        multiple: !properties.singleFile,
+        onRemove: removeFile,
+        showUploadList: properties.showUploadList,
+        onChange: ()=>{
+            methods.triggerEvent({
+                name: 'onChange'
+            });
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: methods.makeCssClass([
+            properties.style
+        ])
+    }, 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
+        }
+    }, renderHtml({
+        html: properties.title ?? 'Upload image',
+        methods
+    }))));
+};
+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,79 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "required": ["s3PostPolicyRequestId"],
+    "properties": {
+      "title": {
+        "type": "string",
+        "description": "Title of the file input to be displayed instead of 'Upload image'.",
+        "default": "Upload image"
+      },
+      "disabled": {
+        "type": "boolean",
+        "description": "Disable the file input."
+      },
+      "maxCount": {
+        "type": "number",
+        "description": "Maximum number of files that can be uploaded."
+      },
+      "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."
+      },
+      "style": {
+        "type": "object",
+        "description": "Css style object to applied to draggable area.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "properties": {
+      "onChange": {
+        "type": "array",
+        "description": "Triggered when the upload state is changing."
+      }
+    }
+  }
+}

package/dist/blocks/S3UploadPhoto/style.less

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2024 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/utils/getOnPaste.js

@@ -0,0 +1,48 @@
+/*
+  Copyright 2020-2024 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.
+*/ const getFileFromEvent = async (event)=>{
+    const items = event.clipboardData.items;
+    for (const item of items){
+        if (item.kind === 'file') {
+            return item.getAsFile();
+        }
+    }
+};
+const getFileFromNavigator = async ()=>{
+    const items = await navigator.clipboard.read();
+    for (const item of items){
+        for (const type of item.types){
+            if (type === 'image/png' || type === 'image/jpeg') {
+                const blob = await item.getType(type);
+                return new File([
+                    blob
+                ], 'clipboard.png', {
+                    type: blob.type
+                });
+            }
+        }
+    }
+};
+const getOnPaste = ({ s3UploadRequest, properties })=>async (event)=>{
+        event?.preventDefault?.();
+        if (properties.disabled) return;
+        const file = event ? await getFileFromEvent(event) : await getFileFromNavigator();
+        if (!file) return;
+        file.uid = `${properties.fileName ?? file.name ?? 'clipboard'}-${Date.now()}`;
+        await s3UploadRequest({
+            file
+        });
+    };
+export default getOnPaste;

package/dist/blocks/utils/getS3Upload.js

@@ -0,0 +1,81 @@
+/*
+  Copyright 2020-2024 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.
+*/ const getS3Upload = ({ methods, setFileList, setLoading = ()=>null })=>async ({ file })=>{
+        if (!file) {
+            console.warn('File is undefined in useS3Upload');
+            return;
+        }
+        try {
+            setLoading(true);
+            const { lastModified, name, size, type, uid } = file;
+            const s3PostPolicyResponse = await methods.triggerEvent({
+                name: '__getS3PostPolicy',
+                event: {
+                    file: {
+                        name,
+                        lastModified,
+                        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;
+            file.bucket = bucket;
+            file.key = key;
+            file.percent = 20;
+            const formData = new FormData();
+            Object.keys(fields).forEach((field)=>{
+                formData.append(field, fields[field]);
+            });
+            formData.append('file', file);
+            const xhr = new XMLHttpRequest();
+            xhr.upload.onprogress = async (event)=>{
+                if (event.lengthComputable) {
+                    await setFileList({
+                        event: 'onProgress',
+                        file,
+                        percent: event.loaded / event.total * 80 + 20
+                    });
+                }
+            };
+            xhr.addEventListener('error', async ()=>{
+                await setFileList({
+                    event: 'onError',
+                    file
+                });
+            });
+            xhr.addEventListener('loadend', async ()=>{
+                await setFileList({
+                    event: 'onSuccess',
+                    file
+                });
+                setLoading(false);
+            });
+            xhr.open('post', url);
+            xhr.send(formData);
+        } catch (error) {
+            console.error(error);
+            await setFileList({
+                event: 'onError',
+                file
+            });
+        }
+    };
+export default getS3Upload;

package/dist/blocks/utils/useFileList.js

@@ -0,0 +1,115 @@
+/*
+  Copyright 2020-2024 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 { useState } from 'react';
+import { type } from '@lowdefy/helpers';
+const useFileList = ({ properties, methods, value = {} })=>{
+    const checkedValue = (value)=>{
+        let file = type.isObject(value?.file) ? value.file : null;
+        if (!file && type.isObject(value?.fileList?.[0])) {
+            file = value.fileList[0];
+        }
+        const fileList = type.isArray(value?.fileList) ? value.fileList : [];
+        if (properties.singleFile === true) {
+            fileList.splice(1);
+        }
+        if (type.isInt(properties.maxCount)) {
+            fileList.splice(properties.maxCount);
+        }
+        return {
+            file,
+            fileList
+        };
+    };
+    const [state, setState] = useState(checkedValue(value));
+    const setValue = (stateValue)=>{
+        setState(()=>{
+            return checkedValue(stateValue);
+        });
+    };
+    const setFileList = async ({ event, file, percent })=>{
+        if (!file) {
+            throw new Error('File is undefined in useFileList');
+        }
+        // destruct the file object to avoid the file object being mutated.
+        const { bucket, key, lastModified, name, size, status, type, uid } = file;
+        const fileObj = {
+            bucket,
+            key,
+            lastModified,
+            name,
+            percent: percent ?? file.percent ?? 0,
+            size,
+            status,
+            type,
+            uid,
+            url: file instanceof Blob || file instanceof File ? URL.createObjectURL(file) : null
+        };
+        switch(event){
+            case 'onProgress':
+                fileObj.status = 'uploading';
+                fileObj.percent = percent ?? fileObj.percent;
+                break;
+            case 'onSuccess':
+                fileObj.status = 'done';
+                fileObj.percent = 100;
+                break;
+            case 'onRemove':
+                fileObj.status = 'removed';
+                break;
+            default:
+                fileObj.status = 'error';
+                break;
+        }
+        state.fileList.splice(state.fileList.findIndex((f)=>f.uid === fileObj.uid), 1, fileObj);
+        const nextState = checkedValue({
+            file: fileObj,
+            fileList: state.fileList
+        });
+        await methods.triggerEvent({
+            name: event,
+            event: nextState
+        });
+        setValue(nextState);
+        methods.setValue(nextState);
+    };
+    const loadFileList = (file, nextFiles)=>{
+        if (properties.singleFile === true && nextFiles.filter((f)=>type.isString(f.uid)).length > 1) {
+            return false;
+        }
+        if (type.isInt(properties.maxCount) && nextFiles.filter((f)=>type.isString(f.uid)).length > properties.maxCount) {
+            return false;
+        }
+        setValue({
+            file,
+            fileList: [
+                ...nextFiles,
+                ...state.fileList
+            ]
+        });
+    };
+    const removeFile = (file)=>{
+        state.fileList.splice(state.fileList.findIndex((f)=>f.uid === file.uid), 1);
+        setValue(state);
+        methods.setValue(state);
+    };
+    return [
+        state,
+        loadFileList,
+        setFileList,
+        removeFile,
+        setValue
+    ];
+};
+export default useFileList;

package/dist/blocks.js

@@ -0,0 +1,18 @@
+/*
+  Copyright 2020-2024 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 S3Download } from './blocks/S3Download/S3Download.js';
+export { default as S3UploadDragger } from './blocks/S3UploadDragger/S3UploadDragger.js';
+export { default as S3UploadButton } from './blocks/S3UploadButton/S3UploadButton.js';
+export { default as S3UploadPhoto } from './blocks/S3UploadPhoto/S3UploadPhoto.js';

package/dist/connections/AwsS3Bucket/AwsS3Bucket.js

@@ -0,0 +1,24 @@
+/*
+  Copyright 2020-2024 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 AwsS3PresignedGetObject from './AwsS3PresignedGetObject/AwsS3PresignedGetObject.js';
+import AwsS3PresignedPostPolicy from './AwsS3PresignedPostPolicy/AwsS3PresignedPostPolicy.js';
+import schema from './schema.js';
+export default {
+    schema,
+    requests: {
+        AwsS3PresignedGetObject,
+        AwsS3PresignedPostPolicy
+    }
+};

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

@@ -0,0 +1,41 @@
+/*
+  Copyright 2020-2024 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 AWS from 'aws-sdk';
+import schema from './schema.js';
+function AwsS3PresignedGetObject({ request, connection }) {
+    const { accessKeyId, secretAccessKey, region, bucket } = connection;
+    const { expires, key, versionId, responseContentDisposition, responseContentType } = request;
+    const params = {
+        Bucket: bucket,
+        Key: key,
+        Expires: expires,
+        VersionId: versionId,
+        ResponseContentDisposition: responseContentDisposition,
+        ResponseContentType: responseContentType
+    };
+    const s3 = new AWS.S3({
+        accessKeyId,
+        secretAccessKey,
+        region,
+        bucket
+    });
+    return s3.getSignedUrl('getObject', params);
+}
+AwsS3PresignedGetObject.schema = schema;
+AwsS3PresignedGetObject.meta = {
+    checkRead: true,
+    checkWrite: false
+};
+export default AwsS3PresignedGetObject;

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

@@ -0,0 +1,64 @@
+/*
+  Copyright 2020-2024 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 {
+    $schema: 'http://json-schema.org/draft-07/schema#',
+    title: 'Lowdefy Request Schema - AwsS3PresignedGetObject',
+    type: 'object',
+    required: [
+        'key'
+    ],
+    properties: {
+        expires: {
+            type: 'number',
+            description: 'Number of seconds for which the policy should be valid.',
+            default: 3600,
+            errorMessage: {
+                type: 'AwsS3PresignedGetObject request property "expires" should be a number.'
+            }
+        },
+        key: {
+            type: 'string',
+            description: 'Key under which object is stored.',
+            errorMessage: {
+                type: 'AwsS3PresignedGetObject request property "key" should be a string.'
+            }
+        },
+        responseContentDisposition: {
+            type: 'string',
+            description: 'Sets the Content-Disposition header of the response.',
+            errorMessage: {
+                type: 'AwsS3PresignedGetObject request property "responseContentDisposition" should be a string.'
+            }
+        },
+        responseContentType: {
+            type: 'string',
+            description: 'Sets the Content-Type header of the response.',
+            errorMessage: {
+                type: 'AwsS3PresignedGetObject request property "responseContentType" should be a string.'
+            }
+        },
+        versionId: {
+            type: 'string',
+            description: 'VersionId used to reference a specific version of the object.',
+            errorMessage: {
+                type: 'AwsS3PresignedGetObject request property "versionId" should be a string.'
+            }
+        }
+    },
+    errorMessage: {
+        type: 'AwsS3PresignedGetObject request properties should be an object.',
+        required: 'AwsS3PresignedGetObject request should have required property "key".'
+    }
+};

package/dist/connections/AwsS3Bucket/AwsS3PresignedPostPolicy/AwsS3PresignedPostPolicy.js

@@ -0,0 +1,57 @@
+/*
+  Copyright 2020-2024 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 AWS from 'aws-sdk';
+import schema from './schema.js';
+import { type } from '@lowdefy/helpers';
+function AwsS3PresignedPostPolicy({ request, connection }) {
+    const { accessKeyId, secretAccessKey, region, bucket } = connection;
+    const { acl, conditions, expires, key, fields = {} } = request;
+    const params = {
+        Bucket: bucket,
+        Fields: {
+            key
+        }
+    };
+    if (conditions) {
+        params.Conditions = conditions;
+    }
+    if (expires) {
+        params.Expires = expires;
+    }
+    if (acl) {
+        params.Fields.acl = acl;
+    }
+    if (type.isObject(fields) === false) {
+        throw new Error('properties.fields must be an object.');
+    }
+    Object.keys(fields).forEach((field)=>{
+        if (fields[field]) {
+            params.Fields[field] = fields[field];
+        }
+    });
+    const s3 = new AWS.S3({
+        accessKeyId,
+        secretAccessKey,
+        region,
+        bucket
+    });
+    return s3.createPresignedPost(params);
+}
+AwsS3PresignedPostPolicy.schema = schema;
+AwsS3PresignedPostPolicy.meta = {
+    checkRead: false,
+    checkWrite: true
+};
+export default AwsS3PresignedPostPolicy;