nuxt-ui-elements 0.1.33 → 0.1.34

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-ui-elements",
   "configKey": "uiElements",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { addTemplate, defineNuxtModule, createResolver, addImportsDir, addImports } from '@nuxt/kit';
+import { addTemplate, defineNuxtModule, createResolver, addImportsDir } from '@nuxt/kit';
 import { kebabCase } from 'scule';
 
 const dialogConfirm = (options) => ({
@@ -251,12 +251,6 @@ const module$1 = defineNuxtModule({
     addTemplates(optionsWithTheme);
     nuxt.options.css.push(resolver.resolve("./runtime/index.css"));
     addImportsDir(resolver.resolve("./runtime/composables"));
-    addImports([
-      {
-        name: "useUploadManager",
-        from: resolver.resolve("./runtime/composables/useUploadManager")
-      }
-    ]);
     nuxt.options.alias["#std"] = resolver.resolve("./runtime/utils/std");
     nuxt.options.alias["#ui-elements"] = resolver.resolve("./runtime");
   }

package/dist/runtime/types/index.d.ts

@@ -1,6 +1,3 @@
 export * from "../components/DialogConfirm.vue.js";
 export * from "../components/DialogAlert.vue.js";
 export * from "./tv.js";
-export * from "../composables/useUploadManager/types.js";
-export * from "../composables/useUploadManager/plugins/index.js";
-export * from "../composables/useUploadManager/validators/index.js";

package/dist/runtime/types/index.js

@@ -1,6 +1,3 @@
 export * from "../components/DialogConfirm.vue";
 export * from "../components/DialogAlert.vue";
 export * from "./tv.js";
-export * from "../composables/useUploadManager/types.js";
-export * from "../composables/useUploadManager/plugins/index.js";
-export * from "../composables/useUploadManager/validators/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-elements",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "description": "A collection of beautiful, animated UI components for Nuxt applications",
   "license": "MIT",
   "repository": "https://github.com/genu/nuxt-ui-elements.git",
@@ -28,15 +28,11 @@
     "@internationalized/date": "^3.10.1",
     "@nuxt/kit": "^4.2.2",
     "@sindresorhus/slugify": "^3.0.0",
-    "mitt": "^3.0.1",
     "plur": "^6.0.0",
     "scule": "^1.3.0",
     "tailwind-variants": "^3.2.2"
   },
   "devDependencies": {
-    "@azure/storage-file-datalake": "^12.28.1",
-    "@ffmpeg/ffmpeg": "0.12.15",
-    "@ffmpeg/util": "0.12.2",
     "@nuxt/devtools": "^3.1.1",
     "@nuxt/eslint-config": "^1.12.1",
     "@nuxt/module-builder": "^1.0.2",
@@ -49,7 +45,7 @@
     "changelogen": "^0.6.2",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "10.1.8",
-    "eslint-plugin-prettier": "5.5.4",
+    "eslint-plugin-prettier": "5.5.5",
     "nuxt": "^4.2.2",
     "prettier": "^3.7.4",
     "typescript": "~5.9.3",
@@ -59,17 +55,6 @@
   "peerDependencies": {
     "@nuxt/ui": "^4.0.0"
   },
-  "peerDependenciesMeta": {
-    "@azure/storage-file-datalake": {
-      "optional": true
-    },
-    "@ffmpeg/ffmpeg": {
-      "optional": true
-    },
-    "@ffmpeg/util": {
-      "optional": true
-    }
-  },
   "scripts": {
     "dev": "pnpm dev:prepare && nuxi dev playground",
     "dev:build": "nuxi build playground",

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

@@ -1,14 +0,0 @@
-interface FFMPegOptions {
-    inputUrl: string;
-    convertOptions?: string[];
-}
-export declare const useFFMpeg: (options: FFMPegOptions) => {
-    status: import("vue").Ref<"success" | "error" | "paused" | "converting", "success" | "error" | "paused" | "converting">;
-    progress: import("vue").Ref<number, number>;
-    convertedFile: import("vue").Ref<File | undefined, File | undefined>;
-    load: () => Promise<void>;
-    unload: () => void;
-    convert: (convertOptions: string[]) => Promise<File | undefined>;
-    onConvertSuccess: (callback: (updatedVideo: File) => void) => (updatedVideo: File) => void;
-};
-export {};

package/dist/runtime/composables/useFFMpeg.js

@@ -1,66 +0,0 @@
-import { FFmpeg } from "@ffmpeg/ffmpeg";
-import { fetchFile, toBlobURL } from "@ffmpeg/util";
-import { ref } from "vue";
-const defaultOptions = {
-  convertOptions: []
-};
-const baseURL = "https://unpkg.com/@ffmpeg/core@0.12.6/dist/esm";
-export const useFFMpeg = (options) => {
-  options = { ...defaultOptions, ...options };
-  const ffmpeg = new FFmpeg();
-  const status = ref("paused");
-  const progress = ref(0);
-  const originalFile = ref();
-  const convertedFile = ref();
-  let _onConvertSuccess;
-  ffmpeg.on("progress", ({ time }) => {
-    progress.value = time / 1e6;
-  });
-  const load = async () => {
-    await ffmpeg.load({
-      coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, "text/javascript"),
-      wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, "application/wasm")
-    });
-  };
-  const unload = () => ffmpeg.terminate();
-  const convert = async (convertOptions) => {
-    status.value = "converting";
-    const command = ["-i", "input.avi", ...options.convertOptions, ...convertOptions, "-c", "copy", "output.mp4"];
-    try {
-      originalFile.value = await fetchFile(options.inputUrl);
-      await ffmpeg.writeFile("input.avi", originalFile.value);
-      await ffmpeg.exec(command);
-      convertedFile.value = await getModifiedVideo();
-      await ffmpeg.deleteFile("input.avi");
-      status.value = "success";
-      if (_onConvertSuccess) _onConvertSuccess(convertedFile.value);
-      return convertedFile.value;
-    } catch (error) {
-      if (import.meta.env.DEV) console.error(error);
-      status.value = "error";
-    }
-  };
-  const getModifiedVideo = async () => {
-    const data = await ffmpeg.readFile("output.mp4");
-    let bytes;
-    if (typeof data === "string") {
-      bytes = new TextEncoder().encode(data);
-    } else {
-      const buffer = new ArrayBuffer(data.byteLength);
-      new Uint8Array(buffer).set(data);
-      bytes = new Uint8Array(buffer);
-    }
-    const updatedFile = new File([bytes], "output.mp4", { type: "video/mp4" });
-    return updatedFile;
-  };
-  const onConvertSuccess = (callback) => _onConvertSuccess = callback;
-  return {
-    status,
-    progress,
-    convertedFile,
-    load,
-    unload,
-    convert,
-    onConvertSuccess
-  };
-};

package/dist/runtime/composables/useUploadManager/index.d.ts

@@ -1,471 +0,0 @@
-import type { UploaderEvents, UploadFile, UploadOptions, UploadStatus, UploadFn, GetRemoteFileFn, Plugin as UploaderPlugin } from "./types.js";
-export declare const useUploadManager: <TUploadResult = any>(_options?: UploadOptions) => {
-    files: Readonly<import("vue").Ref<readonly ({
-        readonly source: "local";
-        readonly data: {
-            readonly lastModified: number;
-            readonly name: string;
-            readonly webkitRelativePath: string;
-            readonly size: number;
-            readonly type: string;
-            readonly arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            readonly bytes: {
-                (): Promise<Uint8Array<ArrayBuffer>>;
-                (): Promise<Uint8Array<ArrayBuffer>>;
-            };
-            readonly slice: {
-                (start?: number, end?: number, contentType?: string): Blob;
-                (start?: number, end?: number, contentType?: string): Blob;
-            };
-            readonly stream: {
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-            };
-            readonly text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
-        } | {
-            readonly size: number;
-            readonly type: string;
-            readonly arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            readonly bytes: {
-                (): Promise<Uint8Array<ArrayBuffer>>;
-                (): Promise<Uint8Array<ArrayBuffer>>;
-            };
-            readonly slice: {
-                (start?: number, end?: number, contentType?: string): Blob;
-                (start?: number, end?: number, contentType?: string): Blob;
-            };
-            readonly stream: {
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-            };
-            readonly text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
-        };
-        readonly remoteUrl?: string | undefined;
-        readonly id: string;
-        readonly name: string;
-        readonly size: number;
-        readonly mimeType: string;
-        readonly status: import("./types.js").FileStatus;
-        readonly preview?: string | undefined;
-        readonly progress: {
-            readonly percentage: number;
-        };
-        readonly error?: {
-            readonly message: string;
-            readonly details?: Readonly<unknown> | undefined;
-        } | undefined;
-        readonly uploadResult?: import("vue").DeepReadonly<import("vue").UnwrapRef<TUploadResult>> | undefined;
-        readonly meta: {
-            readonly [x: string]: Readonly<unknown>;
-        };
-    } | {
-        readonly source: Exclude<import("./types.js").FileSource, "local">;
-        readonly data: null;
-        readonly remoteUrl: string;
-        readonly id: string;
-        readonly name: string;
-        readonly size: number;
-        readonly mimeType: string;
-        readonly status: import("./types.js").FileStatus;
-        readonly preview?: string | undefined;
-        readonly progress: {
-            readonly percentage: number;
-        };
-        readonly error?: {
-            readonly message: string;
-            readonly details?: Readonly<unknown> | undefined;
-        } | undefined;
-        readonly uploadResult?: import("vue").DeepReadonly<import("vue").UnwrapRef<TUploadResult>> | undefined;
-        readonly meta: {
-            readonly [x: string]: Readonly<unknown>;
-        };
-    })[], readonly ({
-        readonly source: "local";
-        readonly data: {
-            readonly lastModified: number;
-            readonly name: string;
-            readonly webkitRelativePath: string;
-            readonly size: number;
-            readonly type: string;
-            readonly arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            readonly bytes: {
-                (): Promise<Uint8Array<ArrayBuffer>>;
-                (): Promise<Uint8Array<ArrayBuffer>>;
-            };
-            readonly slice: {
-                (start?: number, end?: number, contentType?: string): Blob;
-                (start?: number, end?: number, contentType?: string): Blob;
-            };
-            readonly stream: {
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-            };
-            readonly text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
-        } | {
-            readonly size: number;
-            readonly type: string;
-            readonly arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            readonly bytes: {
-                (): Promise<Uint8Array<ArrayBuffer>>;
-                (): Promise<Uint8Array<ArrayBuffer>>;
-            };
-            readonly slice: {
-                (start?: number, end?: number, contentType?: string): Blob;
-                (start?: number, end?: number, contentType?: string): Blob;
-            };
-            readonly stream: {
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-            };
-            readonly text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
-        };
-        readonly remoteUrl?: string | undefined;
-        readonly id: string;
-        readonly name: string;
-        readonly size: number;
-        readonly mimeType: string;
-        readonly status: import("./types.js").FileStatus;
-        readonly preview?: string | undefined;
-        readonly progress: {
-            readonly percentage: number;
-        };
-        readonly error?: {
-            readonly message: string;
-            readonly details?: Readonly<unknown> | undefined;
-        } | undefined;
-        readonly uploadResult?: import("vue").DeepReadonly<import("vue").UnwrapRef<TUploadResult>> | undefined;
-        readonly meta: {
-            readonly [x: string]: Readonly<unknown>;
-        };
-    } | {
-        readonly source: Exclude<import("./types.js").FileSource, "local">;
-        readonly data: null;
-        readonly remoteUrl: string;
-        readonly id: string;
-        readonly name: string;
-        readonly size: number;
-        readonly mimeType: string;
-        readonly status: import("./types.js").FileStatus;
-        readonly preview?: string | undefined;
-        readonly progress: {
-            readonly percentage: number;
-        };
-        readonly error?: {
-            readonly message: string;
-            readonly details?: Readonly<unknown> | undefined;
-        } | undefined;
-        readonly uploadResult?: import("vue").DeepReadonly<import("vue").UnwrapRef<TUploadResult>> | undefined;
-        readonly meta: {
-            readonly [x: string]: Readonly<unknown>;
-        };
-    })[]>>;
-    totalProgress: import("vue").ComputedRef<number>;
-    addFiles: (newFiles: File[]) => Promise<UploadFile[]>;
-    addFile: (file: File) => Promise<UploadFile>;
-    onGetRemoteFile: (fn: GetRemoteFileFn) => void;
-    onUpload: (fn: UploadFn<TUploadResult>) => void;
-    removeFile: (fileId: string) => Promise<void>;
-    removeFiles: (fileIds: string[]) => ({
-        source: "local";
-        data: {
-            readonly lastModified: number;
-            readonly name: string;
-            readonly webkitRelativePath: string;
-            readonly size: number;
-            readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            bytes: {
-                (): Promise<Uint8Array<ArrayBuffer>>;
-                (): Promise<Uint8Array<ArrayBuffer>>;
-            };
-            slice: {
-                (start?: number, end?: number, contentType?: string): Blob;
-                (start?: number, end?: number, contentType?: string): Blob;
-            };
-            stream: {
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
-        } | {
-            readonly size: number;
-            readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            bytes: {
-                (): Promise<Uint8Array<ArrayBuffer>>;
-                (): Promise<Uint8Array<ArrayBuffer>>;
-            };
-            slice: {
-                (start?: number, end?: number, contentType?: string): Blob;
-                (start?: number, end?: number, contentType?: string): Blob;
-            };
-            stream: {
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
-        };
-        remoteUrl?: string | undefined;
-        id: string;
-        name: string;
-        size: number;
-        mimeType: string;
-        status: import("./types.js").FileStatus;
-        preview?: string | undefined;
-        progress: {
-            percentage: number;
-        };
-        error?: {
-            message: string;
-            details?: unknown;
-        } | undefined;
-        uploadResult?: import("vue").UnwrapRef<TUploadResult> | undefined;
-        meta: Record<string, unknown>;
-    } | {
-        source: Exclude<import("./types.js").FileSource, "local">;
-        data: null;
-        remoteUrl: string;
-        id: string;
-        name: string;
-        size: number;
-        mimeType: string;
-        status: import("./types.js").FileStatus;
-        preview?: string | undefined;
-        progress: {
-            percentage: number;
-        };
-        error?: {
-            message: string;
-            details?: unknown;
-        } | undefined;
-        uploadResult?: import("vue").UnwrapRef<TUploadResult> | undefined;
-        meta: Record<string, unknown>;
-    })[];
-    clearFiles: () => ({
-        source: "local";
-        data: {
-            readonly lastModified: number;
-            readonly name: string;
-            readonly webkitRelativePath: string;
-            readonly size: number;
-            readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            bytes: {
-                (): Promise<Uint8Array<ArrayBuffer>>;
-                (): Promise<Uint8Array<ArrayBuffer>>;
-            };
-            slice: {
-                (start?: number, end?: number, contentType?: string): Blob;
-                (start?: number, end?: number, contentType?: string): Blob;
-            };
-            stream: {
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
-        } | {
-            readonly size: number;
-            readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            bytes: {
-                (): Promise<Uint8Array<ArrayBuffer>>;
-                (): Promise<Uint8Array<ArrayBuffer>>;
-            };
-            slice: {
-                (start?: number, end?: number, contentType?: string): Blob;
-                (start?: number, end?: number, contentType?: string): Blob;
-            };
-            stream: {
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
-        };
-        remoteUrl?: string | undefined;
-        id: string;
-        name: string;
-        size: number;
-        mimeType: string;
-        status: import("./types.js").FileStatus;
-        preview?: string | undefined;
-        progress: {
-            percentage: number;
-        };
-        error?: {
-            message: string;
-            details?: unknown;
-        } | undefined;
-        uploadResult?: import("vue").UnwrapRef<TUploadResult> | undefined;
-        meta: Record<string, unknown>;
-    } | {
-        source: Exclude<import("./types.js").FileSource, "local">;
-        data: null;
-        remoteUrl: string;
-        id: string;
-        name: string;
-        size: number;
-        mimeType: string;
-        status: import("./types.js").FileStatus;
-        preview?: string | undefined;
-        progress: {
-            percentage: number;
-        };
-        error?: {
-            message: string;
-            details?: unknown;
-        } | undefined;
-        uploadResult?: import("vue").UnwrapRef<TUploadResult> | undefined;
-        meta: Record<string, unknown>;
-    })[];
-    reorderFile: (oldIndex: number, newIndex: number) => void;
-    getFile: (fileId: string) => {
-        source: "local";
-        data: {
-            readonly lastModified: number;
-            readonly name: string;
-            readonly webkitRelativePath: string;
-            readonly size: number;
-            readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            bytes: {
-                (): Promise<Uint8Array<ArrayBuffer>>;
-                (): Promise<Uint8Array<ArrayBuffer>>;
-            };
-            slice: {
-                (start?: number, end?: number, contentType?: string): Blob;
-                (start?: number, end?: number, contentType?: string): Blob;
-            };
-            stream: {
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
-        } | {
-            readonly size: number;
-            readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            bytes: {
-                (): Promise<Uint8Array<ArrayBuffer>>;
-                (): Promise<Uint8Array<ArrayBuffer>>;
-            };
-            slice: {
-                (start?: number, end?: number, contentType?: string): Blob;
-                (start?: number, end?: number, contentType?: string): Blob;
-            };
-            stream: {
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-                (): ReadableStream<Uint8Array<ArrayBuffer>>;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<string>;
-            };
-        };
-        remoteUrl?: string | undefined;
-        id: string;
-        name: string;
-        size: number;
-        mimeType: string;
-        status: import("./types.js").FileStatus;
-        preview?: string | undefined;
-        progress: {
-            percentage: number;
-        };
-        error?: {
-            message: string;
-            details?: unknown;
-        } | undefined;
-        uploadResult?: import("vue").UnwrapRef<TUploadResult> | undefined;
-        meta: Record<string, unknown>;
-    } | {
-        source: Exclude<import("./types.js").FileSource, "local">;
-        data: null;
-        remoteUrl: string;
-        id: string;
-        name: string;
-        size: number;
-        mimeType: string;
-        status: import("./types.js").FileStatus;
-        preview?: string | undefined;
-        progress: {
-            percentage: number;
-        };
-        error?: {
-            message: string;
-            details?: unknown;
-        } | undefined;
-        uploadResult?: import("vue").UnwrapRef<TUploadResult> | undefined;
-        meta: Record<string, unknown>;
-    };
-    upload: () => Promise<void>;
-    reset: () => void;
-    status: import("vue").Ref<UploadStatus, UploadStatus>;
-    getFileData: (fileId: string) => Promise<Blob>;
-    getFileURL: (fileId: string) => Promise<string>;
-    getFileStream: (fileId: string) => Promise<ReadableStream<Uint8Array>>;
-    replaceFileData: (fileId: string, newData: Blob, newName?: string, shouldAutoUpload?: boolean) => Promise<UploadFile>;
-    updateFile: (fileId: string, updatedFile: Partial<UploadFile<TUploadResult>>) => void;
-    initializeExistingFiles: (initialFiles: Array<Partial<UploadFile>>) => Promise<void>;
-    addPlugin: (plugin: UploaderPlugin<any, any>) => void;
-    on: {
-        <K extends keyof UploaderEvents<TUploadResult>>(type: K, handler: (event: UploaderEvents<TUploadResult>[K]) => void): void;
-        (type: string, handler: (event: any) => void): void;
-    };
-};