@useupup/svelte 3.3.0

package/dist/tailwind.css

@@ -0,0 +1,74 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@layer components {
+    /* Top "lit-from-above" sheen for the gradient panel chrome. Drawn on a
+       ::before so no per-framework DOM node is added. The dark tint is keyed on
+       an explicit modifier class (upup-panel-sheen-dark) applied in JS from the
+       resolved theme mode, because the product toggles theme via data-theme (not
+       a .dark ancestor) and the .upup-scope prefix would break an ancestor
+       selector anyway. */
+    .upup-panel-sheen {
+        position: relative;
+    }
+    .upup-panel-sheen::before {
+        content: '';
+        position: absolute;
+        inset-inline: 0;
+        top: 0;
+        height: 6rem;
+        pointer-events: none;
+        border-radius: inherit;
+        background: linear-gradient(
+            to bottom,
+            rgba(255, 255, 255, 0.5),
+            transparent
+        );
+    }
+    .upup-panel-sheen-dark::before {
+        background: linear-gradient(
+            to bottom,
+            rgba(255, 255, 255, 0.08),
+            transparent
+        );
+    }
+
+    .upup-preview-scroll {
+        /* width */
+        &::-webkit-scrollbar {
+            width: 6px;
+        }
+
+        /* Track */
+        &::-webkit-scrollbar-track {
+            background: #eaeaea;
+            border-radius: 10px;
+        }
+
+        /* Handle */
+        &::-webkit-scrollbar-thumb {
+            background: #c5cafb;
+            border-radius: 10px;
+        }
+
+        /* Handle on hover */
+        &::-webkit-scrollbar-thumb:hover {
+            background: #c5cafb;
+        }
+    }
+}
+
+@layer utilities {
+    .upup-shadow-top {
+        box-shadow: 0 -1px 0 0 rgba(128, 128, 128, 0.35);
+    }
+    .upup-shadow-right {
+        box-shadow: 1px 0 0 0 rgba(128, 128, 128, 0.35);
+    }
+    .upup-shadow-bottom {
+        box-shadow: 0 1px 0 0 rgba(128, 128, 128, 0.35);
+    }
+    .upup-shadow-left {
+        box-shadow: -1px 0 0 0 rgba(128, 128, 128, 0.35);
+    }
+}

package/dist/use-upup-upload.d.ts

@@ -0,0 +1,38 @@
+import { type Writable } from 'svelte/store';
+import { UpupCore, UploadStatus } from '@useupup/core';
+import type { CoreOptions, UploadFile, ExtensionMethods } from '@useupup/core';
+export interface UseUpupUploadOptions extends CoreOptions {
+    onFileAdded?: (files: UploadFile[]) => void;
+    onFileRemoved?: (file: UploadFile) => void;
+    onUploadProgress?: (progress: {
+        fileId: string;
+        loaded: number;
+        total: number;
+    }) => void;
+    onUploadComplete?: (files: UploadFile[]) => void;
+}
+export interface UseUpupUploadReturn {
+    files: Writable<UploadFile[]>;
+    status: Writable<UploadStatus>;
+    progress: Writable<{
+        totalFiles: number;
+        completedFiles: number;
+        percentage: number;
+    }>;
+    error: Writable<Error | null>;
+    addFiles(files: File[]): Promise<void>;
+    removeFile(id: string): void;
+    removeAll(): void;
+    setFiles(files: File[]): Promise<void>;
+    reorderFiles(fileIds: string[]): void;
+    upload(): Promise<UploadFile[]>;
+    pause(): void;
+    resume(): void;
+    cancel(): void;
+    retry(fileId?: string): Promise<UploadFile[]>;
+    on(event: string, handler: (...args: unknown[]) => void): () => void;
+    ext: Record<string, ExtensionMethods>;
+    core: UpupCore;
+}
+export declare function useUpupUpload(options: UseUpupUploadOptions): UseUpupUploadReturn;
+//# sourceMappingURL=use-upup-upload.d.ts.map

package/dist/use-upup-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-upup-upload.d.ts","sourceRoot":"","sources":["../src/use-upup-upload.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE9E,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACrD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IAC1C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAC1B,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;KAChB,KAAK,IAAI,CAAA;IACV,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAA;CACnD;AAED,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAA;IAC7B,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;IAC9B,QAAQ,EAAE,QAAQ,CAAC;QACf,UAAU,EAAE,MAAM,CAAA;QAClB,cAAc,EAAE,MAAM,CAAA;QACtB,UAAU,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;IACF,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IAC7B,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,SAAS,IAAI,IAAI,CAAA;IACjB,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IACrC,MAAM,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC,CAAA;IAC/B,KAAK,IAAI,IAAI,CAAA;IACb,MAAM,IAAI,IAAI,CAAA;IACd,MAAM,IAAI,IAAI,CAAA;IACd,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAA;IAC7C,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI,CAAA;IACpE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IACrC,IAAI,EAAE,QAAQ,CAAA;CACjB;AAED,wBAAgB,aAAa,CACzB,OAAO,EAAE,oBAAoB,GAC9B,mBAAmB,CAqGrB"}

package/dist/use-upup-upload.js

@@ -0,0 +1,81 @@
+import { onMount, onDestroy } from 'svelte';
+import { writable } from 'svelte/store';
+import { UpupCore } from '@useupup/core';
+export function useUpupUpload(options) {
+    const core = new UpupCore(options);
+    const files = writable([...core.files.values()]);
+    const status = writable(core.status);
+    const progress = writable({
+        totalFiles: 0,
+        completedFiles: 0,
+        percentage: 0,
+    });
+    const error = writable(null);
+    const unsubs = [];
+    onMount(() => {
+        unsubs.push(core.on('state-change', () => {
+            files.set([...core.files.values()]);
+            status.set(core.status);
+            progress.set(core.progress);
+            error.set(core.error);
+        }));
+        const { onFileAdded, onFileRemoved, onUploadProgress, onUploadComplete, } = options;
+        if (onFileAdded)
+            unsubs.push(core.on('files-added', (...a) => {
+                onFileAdded(...a);
+            }));
+        if (onFileRemoved)
+            unsubs.push(core.on('file-removed', (...a) => {
+                onFileRemoved(...a);
+            }));
+        if (onUploadProgress)
+            unsubs.push(core.on('upload-progress', (...a) => {
+                onUploadProgress(...a);
+            }));
+        if (onUploadComplete)
+            unsubs.push(core.on('upload-all-complete', (...a) => {
+                onUploadComplete(...a);
+            }));
+    });
+    onDestroy(() => {
+        unsubs.forEach(u => {
+            u();
+        });
+        core.destroy();
+    });
+    // Untyped passthrough for the port's string-typed public `on` — the typed
+    // CoreEvents surface lives on core itself (F-723). Dynamic string names
+    // route through the namespaced overload (same runtime dispatch).
+    const onUntyped = (ev, hh) => core.on(ev, hh);
+    return {
+        files,
+        status,
+        progress,
+        error,
+        addFiles: (f) => core.addFiles(f),
+        removeFile: (id) => {
+            core.removeFile(id);
+        },
+        removeAll: () => {
+            core.removeAll();
+        },
+        setFiles: (f) => core.setFiles(f),
+        reorderFiles: (ids) => {
+            core.reorderFiles(ids);
+        },
+        upload: () => core.upload(),
+        pause: () => {
+            core.pause();
+        },
+        resume: () => {
+            core.resume();
+        },
+        cancel: () => {
+            core.cancel();
+        },
+        retry: (id) => core.retry(id),
+        on: (e, h) => onUntyped(e, h),
+        ext: core.ext,
+        core,
+    };
+}

package/package.json

@@ -0,0 +1,101 @@
+{
+  "name": "@useupup/svelte",
+  "version": "3.3.0",
+  "description": "Svelte 5 file uploader with cloud-drive sources, resumable uploads, theming, and ICU i18n.",
+  "keywords": [
+    "file-upload",
+    "file-uploader",
+    "upload",
+    "uploader",
+    "svelte",
+    "sveltekit",
+    "drag-and-drop",
+    "dropzone",
+    "s3",
+    "presigned-url",
+    "google-drive",
+    "one-drive",
+    "dropbox",
+    "camera",
+    "typescript"
+  ],
+  "homepage": "https://useupup.com",
+  "bugs": {
+    "url": "https://github.com/DevinoSolutions/upup/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DevinoSolutions/upup.git",
+    "directory": "packages/svelte"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "svelte": "./dist/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "styles": [
+        "dist/styles.d.ts"
+      ]
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles": {
+      "types": "./dist/styles.d.ts",
+      "default": "./dist/tailwind-prefixed.css"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@tanstack/svelte-virtual": "^3.13.0",
+    "@useupup/core": "3.3.0"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.3.0",
+    "@sveltejs/vite-plugin-svelte": "^6.0.0",
+    "@testing-library/svelte": "^5.2.0",
+    "@vitest/coverage-v8": "^4.1.2",
+    "eslint": "^10.6.0",
+    "jsdom": "22.1.0",
+    "postcss": "^8.5.2",
+    "postcss-cli": "^11.0.1",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.1.0",
+    "typescript": "^5.3.2",
+    "vite": "^7",
+    "vitest": "^4.1.2",
+    "@useupup/eslint-config": "0.1.0",
+    "@useupup/tailwind-config": "0.1.0"
+  },
+  "scripts": {
+    "build": "svelte-package --input src --output dist && pnpm run build:css",
+    "build:css": "postcss src/tailwind.css -o ./dist/tailwind-prefixed.css && node ../../scripts/emit-styles-dts.mjs",
+    "dev": "svelte-package --input src --output dist --watch",
+    "lint": "eslint . --max-warnings 0",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json && svelte-check --tsconfig ./tsconfig.test.json"
+  }
+}