nuxt-upload-kit 0.1.4 → 0.1.5

package/README.md

@@ -14,7 +14,6 @@
 - 🎥 **Video Compression** - FFmpeg-powered video compression (optional)
 - ✅ **Validation** - File type, size, and count validation out of the box
 - 📊 **Progress Tracking** - Real-time upload progress with events
-- 🔄 **File Lifecycle** - Complete control over file preprocessing, processing, and post-upload
 
 ## Installation
 
@@ -91,80 +90,9 @@ const handleUpload = () => uploader.upload()
 </template>
 ```
 
-## Using Storage Plugins
+## Documentation
 
-### Azure Data Lake Storage
-
-```typescript
-import { PluginAzureDataLake } from "nuxt-upload-kit"
-
-const uploader = useUploadKit({
-  storage: PluginAzureDataLake({
-    sasURL: "https://your-storage.blob.core.windows.net/container?sv=...",
-    path: "uploads/images",
-  }),
-  thumbnails: true,
-})
-```
-
-## Configuration Options
-
-| Option             | Type                            | Default | Description                     |
-| ------------------ | ------------------------------- | ------- | ------------------------------- |
-| `storage`          | `StoragePlugin`                 | -       | Storage plugin for file uploads |
-| `plugins`          | `ProcessingPlugin[]`            | `[]`    | Additional processing plugins   |
-| `maxFiles`         | `number \| false`               | `false` | Maximum number of files         |
-| `maxFileSize`      | `number \| false`               | `false` | Maximum file size in bytes      |
-| `allowedFileTypes` | `string[] \| false`             | `false` | Allowed MIME types              |
-| `thumbnails`       | `boolean \| ThumbnailOptions`   | `false` | Enable thumbnail generation     |
-| `imageCompression` | `boolean \| CompressionOptions` | `false` | Enable image compression        |
-| `autoProceed`      | `boolean`                       | `false` | Auto-upload after adding files  |
-
-## Events
-
-```typescript
-uploader.on("file:added", (file) => console.log("Added:", file.name))
-uploader.on("file:removed", (file) => console.log("Removed:", file.name))
-uploader.on("file:error", ({ file, error }) => console.error(error))
-uploader.on("upload:start", (files) => console.log("Starting upload"))
-uploader.on("upload:progress", ({ file, progress }) => console.log(progress))
-uploader.on("upload:complete", (files) => console.log("Complete!"))
-```
-
-## Creating Custom Plugins
-
-```typescript
-import { defineProcessingPlugin } from "nuxt-upload-kit"
-
-const MyPlugin = defineProcessingPlugin<{ option: string }>((options) => ({
-  id: "my-plugin",
-  hooks: {
-    validate: async (file, context) => {
-      // Validation logic
-      return file
-    },
-    process: async (file, context) => {
-      // Processing logic
-      context.emit("processed", { file })
-      return file
-    },
-  },
-}))
-```
-
-## Optional Dependencies
-
-For video compression, install FFmpeg:
-
-```bash
-pnpm add @ffmpeg/ffmpeg @ffmpeg/util
-```
-
-For Azure storage, install the Azure SDK:
-
-```bash
-pnpm add @azure/storage-file-datalake
-```
+For full documentation, visit [nuxt-upload-kit.vercel.app](https://nuxt-upload-kit.vercel.app)
 
 ## License
 

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-upload-kit",
   "configKey": "uploadKit",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/composables/useUploadKit/index.js

@@ -21,7 +21,7 @@ const defaultOptions = {
   maxFiles: false,
   thumbnails: false,
   imageCompression: false,
-  autoProceed: false
+  autoUpload: false
 };
 export const useUploadKit = (_options = {}) => {
   const options = { ...defaultOptions, ..._options };
@@ -29,6 +29,7 @@ export const useUploadKit = (_options = {}) => {
   const emitter = mitt();
   const status = ref("waiting");
   const createdObjectURLs = /* @__PURE__ */ new Map();
+  let hasEmittedFilesUploaded = false;
   const pluginEmitFunctions = /* @__PURE__ */ new Map();
   const getPluginEmitFn = (pluginId) => {
     let emitFn = pluginEmitFunctions.get(pluginId);
@@ -199,7 +200,8 @@ This is deprecated. Use the 'storage' option instead:
       const fileToAdd = preprocessedFile || validatedFile;
       files.value.push(fileToAdd);
       emitter.emit("file:added", fileToAdd);
-      if (options.autoProceed) {
+      hasEmittedFilesUploaded = false;
+      if (options.autoUpload) {
         upload();
       }
       return validatedFile;
@@ -320,7 +322,8 @@ This is deprecated. Use the 'storage' option instead:
     files.value[index] = finalFile;
     emitter.emit("file:replaced", finalFile);
     emitter.emit("file:added", finalFile);
-    const shouldUpload = shouldAutoUpload ?? options.autoProceed;
+    hasEmittedFilesUploaded = false;
+    const shouldUpload = shouldAutoUpload ?? options.autoUpload;
     if (shouldUpload) {
       upload();
     }
@@ -400,6 +403,11 @@ This is deprecated. Use the 'storage' option instead:
     }
     const completed = files.value.filter((f) => f.status === "complete");
     emitter.emit("upload:complete", completed);
+    const allComplete = files.value.every((f) => f.status === "complete");
+    if (allComplete && files.value.length > 0 && !hasEmittedFilesUploaded) {
+      hasEmittedFilesUploaded = true;
+      emitter.emit("files:uploaded", files.value);
+    }
   };
   const reset = () => {
     cleanupObjectURLs(createdObjectURLs);
@@ -431,25 +439,23 @@ This is deprecated. Use the 'storage' option instead:
     let currentFile = file;
     for (const plugin of options.plugins) {
       const hook = plugin.hooks[stage];
-      if (hook) {
-        try {
-          const context = {
-            files: files.value,
-            options,
-            emit: getPluginEmitFn(plugin.id)
-          };
-          const result = await callPluginHook(hook, stage, currentFile, context);
-          if (!result) continue;
-          if (currentFile && "id" in result) {
-            currentFile = result;
-          }
-        } catch (error) {
-          if (currentFile) {
-            emitter.emit("file:error", { file: currentFile, error });
-          }
-          console.error(`Plugin ${plugin.id} ${stage} hook error:`, error);
-          return null;
+      if (!hook) continue;
+      try {
+        const context = {
+          files: files.value,
+          options,
+          emit: getPluginEmitFn(plugin.id)
+        };
+        const result = await callPluginHook(hook, stage, currentFile, context);
+        if (result && currentFile && "id" in result) {
+          currentFile = result;
+        }
+      } catch (error) {
+        if (currentFile) {
+          emitter.emit("file:error", { file: currentFile, error });
         }
+        console.error(`Plugin ${plugin.id} ${stage} hook error:`, error);
+        return null;
       }
     }
     return currentFile;

package/dist/runtime/composables/useUploadKit/types.d.ts

@@ -230,7 +230,7 @@ export interface UploadOptions {
      * Automatically start upload after files are added
      * @default false
      */
-    autoProceed?: boolean;
+    autoUpload?: boolean;
 }
 export interface ThumbnailOptions {
     width?: number;
@@ -265,6 +265,8 @@ type CoreUploaderEvents<TUploadResult = any> = {
         oldIndex: number;
         newIndex: number;
     };
+    /** Emitted when all files have finished uploading (all files have 'complete' status) */
+    "files:uploaded": Array<Readonly<UploadFile<TUploadResult>>>;
 };
 export type UploaderEvents<TUploadResult = any> = CoreUploaderEvents<TUploadResult>;
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-upload-kit",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "A powerful, plugin-based file upload manager for Nuxt applications",
   "license": "MIT",
   "repository": "https://github.com/genu/nuxt-upload-kit.git",