upload_to_hub_folders

Running

App Files Files Community

multimodalart HF staff commited on Jul 15, 2023

Commit

bd48828

0 Parent(s):

Duplicate from multimodalart/upload_to_hub

Browse files

Files changed (4) hide show

.gitattributes +35 -0
README.md +12 -0
index.html +98 -0
style.css +28 -0

.gitattributes ADDED Viewed

	@@ -0,0 +1,35 @@

+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

README.md ADDED Viewed

	@@ -0,0 +1,12 @@

+---
+title: Upload To Hub
+emoji: 🦀
+colorFrom: green
+colorTo: gray
+sdk: static
+pinned: false
+license: mit
+duplicated_from: multimodalart/upload_to_hub
+---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html ADDED Viewed

	@@ -0,0 +1,98 @@

+<!DOCTYPE html>
+<html>
+  <head>
+    <style>
+      body {
+        font-family: Arial, sans-serif;
+      }
+      input, button, progress {
+        display: block;
+        margin-top: 10px;
+      }
+      #message {
+        margin-top: 20px;
+        color: blue;
+      }
+      #error {
+        color: red;
+      }
+    </style>
+  </head>
+  <body>
+    <label for="tokenInput">Hugging Face Token:</label>
+    <input type="password" id="tokenInput" name="tokenInput">
+    <label for="repoInput">Repository ID:</label>
+    <input type="text" id="repoInput" name="repoInput" placeholder="my-user/nlp-model">
+    <input type="file" id="fileUpload" multiple>
+    <button id="uploadButton">Upload Files</button>
+    <div id="processingMessage"></div>
+    <progress id="progressBar" value="0" max="100"></progress>
+    <div id="message"></div>
+    <div id="error"></div>
+    <script type="module">
+      import { createRepo, uploadFiles } from "https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm";
+      class FileUploader {
+        constructor() {
+          this.uploadButton = document.getElementById('uploadButton');
+          this.uploadButton.addEventListener('click', () => this.upload());
+        }
+        async upload() {
+          const fileInput = document.getElementById('fileUpload');
+          const files = Array.from(fileInput.files);
+          const tokenInput = document.getElementById('tokenInput');
+          const HF_ACCESS_TOKEN = tokenInput.value;
+          const repoInput = document.getElementById('repoInput');
+          const REPO_ID = repoInput.value;
+          const progressBar = document.getElementById('progressBar');
+          const messageDiv = document.getElementById('message');
+          const errorDiv = document.getElementById('error');
+          const processingMessage = document.getElementById('processingMessage');
+          progressBar.value = 0;
+          messageDiv.textContent = '';
+          errorDiv.textContent = '';
+          processingMessage.textContent = '';
+          if (files.length > 0) {
+            const totalSize = files.reduce((total, file) => total + file.size, 0) / (1024 * 1024);
+            const startTime = Date.now();
+            try {
+              await createRepo({ repo: REPO_ID, credentials: { accessToken: HF_ACCESS_TOKEN } });
+            } catch (error) {
+              if (error.message !== 'You already created this model repo') {
+                console.error('Error creating repository', error);
+                errorDiv.textContent = 'Error creating repository';
+                return;
+              }
+              console.log('Repository already exists, proceeding to upload files');
+            }
+            try {
+              await uploadFiles({ repo: REPO_ID, credentials: { accessToken: HF_ACCESS_TOKEN }, files: files.map(file => ({ path: file.name, content: file })) });
+              console.log('All files uploaded successfully');
+              progressBar.value = 100;
+            } catch (error) {
+              console.error('Error uploading files', error);
+              errorDiv.textContent = 'Error uploading files';
+              return;
+            }
+            const elapsedTime = (Date.now() - startTime) / 1000;
+            const speed = totalSize / elapsedTime;
+            messageDiv.textContent = `All files uploaded successfully in ${elapsedTime.toFixed(2)} seconds, for all ${totalSize.toFixed(2)} MB in the ${files.length} files, speed ${speed.toFixed(2)} MB/s.`;
+            processingMessage.textContent = "All files processed";
+          } else {
+            messageDiv.textContent = 'Please select files to upload';
+          }
+        }
+      }
+      new FileUploader();
+    </script>
+  </body>
+</html>

style.css ADDED Viewed

	@@ -0,0 +1,28 @@

+body {
+	padding: 2rem;
+	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+}
+h1 {
+	font-size: 16px;
+	margin-top: 0;
+}
+p {
+	color: rgb(107, 114, 128);
+	font-size: 15px;
+	margin-bottom: 10px;
+	margin-top: 5px;
+}
+.card {
+	max-width: 620px;
+	margin: 0 auto;
+	padding: 16px;
+	border: 1px solid lightgray;
+	border-radius: 16px;
+}
+.card p:last-child {
+	margin-bottom: 0;
+}