Add upload extension

extensions/Clay/upload.js

@@ -0,0 +1,69 @@
+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 url = args.url;
+
+            const xhr = new XMLHttpRequest();
+            xhr.open("POST", url, true);
+
+            xhr.onload = function() {
+              if (xhr.readyState === 4 && xhr.status === 200) {
+                resolve(xhr.responseText);
+                inputElement.remove();
+              } else {
+                reject("Upload failed");
+                inputElement.remove();
+                // throw 'Upload failed';
+              }
+            };
+
+            xhr.onerror = function() {
+              reject("Upload failed");
+              inputElement.remove();
+              // throw 'Upload failed';
+            };
+
+            xhr.send(formData);
+          } else {
+            reject("No file chosen");
+            inputElement.remove();
+            // throw 'No file chosen';
+          }
+        });
+      });
+    }
+  }
+
+  Scratch.extensions.register(new Upload());

images/README.md

@@ -233,3 +233,8 @@ All images in this folder are licensed under the [GNU General Public License ver
 
 ## Lily/LooksPlus.svg
  - Created by [@LilyMakesThings](https://github.com/LilyMakesThings) in https://github.com/TurboWarp/extensions/pull/656
+
+## 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

@@ -727,6 +727,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>