@lowdefy/plugin-aws 4.1.0 → 4.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/plugin-aws",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -40,9 +40,9 @@
     "dist/*"
   ],
   "dependencies": {
-    "@lowdefy/block-utils": "4.1.0",
-    "@lowdefy/blocks-antd": "4.1.0",
-    "@lowdefy/helpers": "4.1.0",
+    "@lowdefy/block-utils": "4.2.0",
+    "@lowdefy/blocks-antd": "4.2.0",
+    "@lowdefy/helpers": "4.2.0",
     "antd": "4.24.14",
     "aws-sdk": "2.1459.0",
     "react": "18.2.0",
@@ -50,9 +50,9 @@
   },
   "devDependencies": {
     "@emotion/jest": "11.10.5",
-    "@lowdefy/ajv": "4.1.0",
-    "@lowdefy/block-dev": "4.1.0",
-    "@lowdefy/jest-yaml-transform": "4.1.0",
+    "@lowdefy/ajv": "4.2.0",
+    "@lowdefy/block-dev": "4.2.0",
+    "@lowdefy/jest-yaml-transform": "4.2.0",
     "@swc/cli": "0.1.63",
     "@swc/core": "1.3.99",
     "@swc/jest": "0.2.29",

package/dist/blocks/S3UploadButton/S3UploadButton.js

@@ -1,216 +0,0 @@
-/*
-  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 } from '@lowdefy/block-utils';
-import { get } from '@lowdefy/helpers';
-import { Button } from '@lowdefy/blocks-antd/blocks';
-import { 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 getDisabled = ({ properties, value })=>{
-    if (properties.disabled) return true;
-    return properties.singleFile && value && (value.fileList || []).length >= 1;
-};
-const getCustomRequest = ({ methods, setS3Parameters })=>async ({ file, onError, onProgress, onSuccess })=>{
-        let meta;
-        try {
-            const { name, size, type, uid } = file;
-            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;
-            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
-                    }
-                });
-            });
-            xhr.open('post', url);
-            xhr.send(formData);
-        } catch (error) {
-            console.error(error);
-            await methods.triggerEvent({
-                name: 'onError',
-                event: {
-                    meta,
-                    error
-                }
-            });
-            onError(error);
-        }
-    };
-const S3UploadButtonBlock = ({ blockId, components, 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 customRequest = getCustomRequest({
-        methods,
-        setS3Parameters
-    });
-    useEffect(()=>{
-        methods.setValue({
-            file: null,
-            fileList: []
-        });
-        methods.registerEvent({
-            name: '__getS3PostPolicy',
-            actions: [
-                {
-                    id: '__getS3PostPolicy',
-                    type: 'Request',
-                    params: [
-                        properties.s3PostPolicyRequestId
-                    ]
-                }
-            ]
-        });
-    }, []);
-    const disabled = getDisabled({
-        properties,
-        value
-    });
-    return /*#__PURE__*/ React.createElement(Upload, {
-        accept: properties.accept,
-        customRequest: customRequest,
-        disabled: disabled,
-        id: blockId,
-        multiple: !properties.singleFile,
-        showUploadList: properties.showUploadList,
-        onChange: (event)=>{
-            methods.setValue(makeOnChangeValue(s3Parameters, event));
-            methods.triggerEvent({
-                name: 'onChange'
-            });
-        }
-    }, /*#__PURE__*/ React.createElement(Button, {
-        blockId: `${blockId}_button`,
-        components: components,
-        events: events,
-        properties: {
-            disabled,
-            icon: 'AiOutlineUpload',
-            title: 'Upload',
-            type: 'default',
-            ...properties.button
-        },
-        methods: methods
-    }));
-};
-S3UploadButtonBlock.defaultProps = blockDefaultProps;
-S3UploadButtonBlock.meta = {
-    valueType: 'object',
-    category: 'input',
-    icons: [
-        'AiOutlineUpload'
-    ],
-    styles: [
-        'blocks/S3UploadButton/style.less'
-    ]
-};
-export default S3UploadButtonBlock;