Add upload extension

extensions/Clay/upload.js

@@ -0,0 +1,69 @@
+(function (Scratch) {
+class Upload {
+    getInfo() {
+      return {
+        id: "uploadfile",
+        name: "Upload",
+        blocks: [
+          {
+            opcode: "upload",
+            blockType: Scratch.BlockType.REPORTER,
+            text: "upload file to [url]",
+            arguments: {
+              url: {
+                type: Scratch.ArgumentType.STRING,
+                defaultValue: "https://store1.gofile.io/uploadFile",
+              },
+            }
+          }
+        ]
+      };
+    }
+
+  upload(args) {
+      return new Promise((resolve, reject) => {
+        const inputElement = document.createElement("input");
+        inputElement.type = "file";
+        inputElement.style.display = "none";
+        document.body.appendChild(inputElement);
+
+        inputElement.click();
+
+        inputElement.addEventListener("change", function() {
+          if (this.files && this.files[0]) {
+            const formData = new FormData();
+            formData.append("file", this.files[0], this.files[0].name);
+
+            const options = {
+              body: formData,
+              method: 'POST',
+              mode: 'cors',
+            };
+
+            Scratch.fetch(args.url, options)
+              .then(response => {
+                if (response.ok) {
+                  return response.text();
+                } else {
+                  throw new Error("Upload failed");
+                }
+              })
+              .then(text => {
+                resolve(text);
+                inputElement.remove();
+              })
+              .catch(error => {
+                reject(error.message);
+                inputElement.remove();
+              });
+          } else {
+            reject("No file chosen");
+            inputElement.remove();
+          }
+        });
+      });
+    }
+  }
+
+  Scratch.extensions.register(new Upload());
+})(Scratch);

images/README.md

@@ -236,3 +236,8 @@ All images in this folder are licensed under the [GNU General Public License ver
 
 ## clipboard.svg
  - Created by [@AdamMady](https://github.com/AdamMady/)
+
+## Clay/upload.png
+ - Created by [@ClaytonTDM](https://github.com/ClaytonTDM)
+ - Upload icon based on https://icons8.com/icon/367/upload
+ - Background based on https://app.haikei.app/

website/index.ejs

@@ -745,6 +745,12 @@
           <h3>McUtils</h3>
           <p>Helpful utilities for any fast food employee. Created by <a href="https://scratch.mit.edu/users/LilyMakesThings/">LilyMakesThings</a>.</p>
         </div>
+
+        <div class="extension">
+          <%- banner('Clay/upload') %>
+          <h3>Upload</h3>
+          <p>Upload files to web servers via Multipart Form data (multipart/form-data). Created by <a href="https://scratch.mit.edu/users/ClaytonTDM/">ClaytonTDM</a>.</p>
+        </div>
       </div>
     </div>