nuxt-file-storage 0.2.6 → 0.2.7

package/README.md

@@ -2,12 +2,12 @@
 
 # Nuxt File Storage
 
+[![Visits Badge](https://badges.pufler.dev/visits/nyllre/nuxt-file-storage)](https://badges.pufler.dev)
 [![npm version][npm-version-src]][npm-version-href]
 [![npm downloads][npm-downloads-src]][npm-downloads-href]
 [![License][license-src]][license-href]
 [![Nuxt][nuxt-src]][nuxt-href]
 
-
 Easy solution to store files in your nuxt apps. Be able to upload files from the frontend and recieve them from the backend to then save the files in your project.
 
 -  [✨  Release Notes](/CHANGELOG.md)
@@ -82,6 +82,9 @@ You can use Nuxt Storage to get the files from the `<input>` tag:
 ```
 The `files` return a ref object that contains the files
 
+> `handleFileInput` returns a promise in case you need to check if the file input has concluded
+
+
 Here's an example of using files to send them to the backend:
 ```html
 <template>

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-file-storage",
   "configKey": "fileStorage",
-  "version": "0.2.6"
+  "version": "0.2.7"
 }

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { defineNuxtModule, logger, createResolver, addImportsDir, addServerScanDir } from '@nuxt/kit';
 import defu from 'defu';
 
-const version = "0.2.6";
+const version = "0.2.7";
 
 const module = defineNuxtModule({
   meta: {
@@ -23,7 +23,7 @@ const module = defineNuxtModule({
       const previousVersion = config.public.fileStorage?.version;
       if (!previousVersion || previousVersion !== version) {
         logger.warn(
-          `There is a breaking change in the \`fileStoreLocally\` method, link to changelog:
+          `There is a breaking change in the \`storeFileLocally\` method, link to changelog:
 https://github.com/NyllRE/nuxt-file-storage/releases/tag/v${version}
 `
         );

package/dist/runtime/composables/useFileStorage.d.ts

@@ -10,5 +10,5 @@ export default function (): {
         stream: () => ReadableStream<Uint8Array>;
         text: () => Promise<string>;
     }[]>;
-    handleFileInput: (event: any) => void;
+    handleFileInput: (event: any) => Promise<void>;
 };

package/dist/runtime/composables/useFileStorage.mjs

@@ -16,11 +16,14 @@ export default function() {
     reader.readAsDataURL(file);
   };
   const handleFileInput = (event) => {
-    files.value.splice(0);
-    console.log("handleFileInput event: " + event);
-    for (const file of event.target.files) {
-      serializeFile(file);
-    }
+    return new Promise((resolve, reject) => {
+      files.value.splice(0);
+      const promises = [];
+      for (const file of event.target.files) {
+        promises.push(serializeFile(file));
+      }
+      Promise.all(promises).then(() => resolve()).catch((error) => reject(error));
+    });
   };
   return {
     files,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-file-storage",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "Easy solution to store files in your nuxt apps. Be able to upload files from the frontend and recieve them from the backend to then save the files in your project.",
   "repository": "NyllRE/nuxt-file-storage",
   "license": "MIT",