@useupup/angular 3.3.0

package/dist/upup-store.service.d.ts

@@ -0,0 +1,131 @@
+import { type Signal } from '@angular/core';
+import { FileSource, UploadStatus, type CloudDrivesConfig, type UploadFile, type UiTranslations, type Translator, type ResolvedImageEditorOptions } from '@useupup/core';
+import { UploaderOrchestrator, ThemeStore, type MotionMode } from '@useupup/core/internal';
+import { type UpupUploadHandle } from './lib/use-upup-upload';
+import type { UploaderProps } from './shared/types';
+import * as i0 from "@angular/core";
+type OrchSnapshot = ReturnType<UploaderOrchestrator['getSnapshot']>;
+type ThemeSnapshot = ReturnType<ThemeStore['getSnapshot']>;
+export declare class UpupStore {
+    private props?;
+    private upload;
+    private controller;
+    core: UpupUploadHandle['core'];
+    private orchState;
+    /** The orchestrator instance, exposed for the dropzone DragDropController. Set during init(). */
+    get orchestrator(): UploaderOrchestrator;
+    private themeState;
+    private transientState;
+    private motionState;
+    private started;
+    private destroyed;
+    private cleanups;
+    /** Set during init(); undefined before init() is called. */
+    mode: 'client' | 'server';
+    serverUrl?: string | undefined;
+    translations: Signal<UiTranslations>;
+    translator: Translator;
+    lang: string;
+    dir: string;
+    cloudDrives?: CloudDrivesConfig | undefined;
+    uiProps: {
+        mini: boolean;
+        maxRetries?: number | undefined;
+        resumable?: UploaderProps['resumable'] | undefined;
+        onError: (message: string) => void;
+        onIntegrationClick: (integrationType: string) => void;
+        onFileClick: (file: UploadFile) => void;
+        onFilesDragOver: (files: File[]) => void;
+        onFilesDragLeave: (files: File[]) => void;
+        onFilesDrop: (files: File[]) => void;
+        onWarn: (message: string) => void;
+        enablePaste: boolean;
+        sources: FileSource[];
+        allowedFileTypes: string;
+        maxFileSize?: UploaderProps['maxFileSize'] | undefined;
+        limit: number;
+        isProcessing: boolean;
+        allowPreview: boolean;
+        folderUploadAllowDrop: boolean;
+        folderPickerButtonVisible: boolean;
+        showBranding: boolean;
+        quietCompletion: boolean;
+        disableDragDrop: boolean;
+        className: string;
+        style: Record<string, string>;
+        multiple: boolean;
+        icons: {
+            ContainerAddMoreIcon: unknown;
+            FileDeleteIcon: unknown;
+            CameraCaptureIcon: unknown;
+            CameraRotateIcon: unknown;
+            CameraDeleteIcon: unknown;
+            LoaderIcon: unknown;
+        };
+        imageEditor: ResolvedImageEditorOptions;
+    };
+    files: Signal<OrchSnapshot['files']>;
+    activeSource: Signal<FileSource | undefined>;
+    isAddingMore: Signal<boolean>;
+    viewMode: Signal<'grid' | 'list'>;
+    isOnline: Signal<boolean>;
+    editingFile: Signal<UploadFile | null>;
+    totalProgress: Signal<number>;
+    filesProgressMap: Signal<OrchSnapshot['filesProgressMap']>;
+    uploadStatus: Signal<UploadStatus>;
+    uploadError: Signal<string | undefined>;
+    uploadErrorCode: Signal<string | undefined>;
+    uploadSpeed: Signal<number>;
+    uploadEta: Signal<number>;
+    uploadedBytes: Signal<number>;
+    totalBytes: Signal<number>;
+    editorQueue: Signal<OrchSnapshot['editorQueue']>;
+    leavingFileIds: Signal<ReadonlySet<string>>;
+    sourceOverlayOpen: Signal<boolean>;
+    sourceOverlayClosing: Signal<boolean>;
+    dropRejected: Signal<string | null>;
+    motionMode: Signal<MotionMode>;
+    themeMode: Signal<ThemeSnapshot['themeMode']>;
+    isDark: Signal<boolean>;
+    tokens: Signal<ThemeSnapshot['tokens']>;
+    resolved: Signal<ThemeSnapshot['resolved']>;
+    slotOverrides: Signal<ThemeSnapshot['slotOverrides']>;
+    slots: Signal<ThemeSnapshot['slots']>;
+    /** Call before init() to provide props. */
+    setConfig(props: UploaderProps): void;
+    private onError;
+    private onWarn;
+    init(): void;
+    /** Current orchestrator snapshot (synchronous). */
+    snapshot(): OrchSnapshot;
+    registerFileInput: (el: HTMLInputElement | null) => void;
+    getFileInput: () => HTMLInputElement | null;
+    openFilePicker: () => void;
+    setActiveSource(a: FileSource | undefined): void;
+    setIsAddingMore(v: boolean): void;
+    setViewMode(m: 'grid' | 'list'): void;
+    openSourceOverlay(): void;
+    closeSourceOverlay(): void;
+    /** Core's DragDropController fires this with the read-only drive FileSource;
+     *  resolve its human provider label, then raise the 3s-auto-clear toast. */
+    flagDriveDropRejected(source: FileSource): void;
+    handleSetSelectedFiles(newFiles: File[]): Promise<void>;
+    handleFileRemove(fileId: string): void;
+    uploadFiles(newFiles: File[] | UploadFile[]): Promise<UploadFile[] | undefined>;
+    replaceFiles(newFiles: File[] | UploadFile[]): void;
+    startUpload(): Promise<UploadFile[] | undefined>;
+    retryUpload(fileId?: string): Promise<UploadFile[] | undefined>;
+    handleCancel(): void;
+    handlePause(): void;
+    handleResume(): void;
+    handleDone(): void;
+    resetState(): void;
+    openImageEditor(file: UploadFile): void;
+    closeImageEditor(): void;
+    saveImageEdit(editedImageData: string, mimeType?: string): void;
+    replaceFile(fileId: string, newFile: UploadFile): void;
+    destroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpupStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UpupStore>;
+}
+export {};

package/dist/upup-uploader.component.d.ts

@@ -0,0 +1,36 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { UpupStore } from './upup-store.service';
+import type { UploaderProps } from './shared/types';
+import type { UploadFile } from '@useupup/core';
+import * as i0 from "@angular/core";
+export declare class UpupUploaderComponent implements OnInit, AfterViewInit {
+    readonly store: UpupStore;
+    private readonly destroyRef;
+    private readonly platformId;
+    private started;
+    private forwardUnsubs;
+    /** True only after the store has been initialized (browser only). Gate for template rendering. */
+    storeReady: boolean;
+    fileInputRef?: ElementRef<HTMLInputElement>;
+    set config(value: UploaderProps);
+    filesAdded: EventEmitter<UploadFile[]>;
+    fileRemoved: EventEmitter<UploadFile>;
+    uploadProgress: EventEmitter<{
+        fileId: string;
+        loaded: number;
+        total: number;
+    }>;
+    uploadAllComplete: EventEmitter<UploadFile[]>;
+    error: EventEmitter<{
+        error: Error;
+        file?: UploadFile;
+    }>;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onInputChange(e: Event): void;
+    sizingClass(): string;
+    containerClass(): string;
+    private wireOutputs;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpupUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UpupUploaderComponent, "upup-uploader", never, { "config": { "alias": "config"; "required": false; }; }, { "filesAdded": "filesAdded"; "fileRemoved": "fileRemoved"; "uploadProgress": "uploadProgress"; "uploadAllComplete": "uploadAllComplete"; "error": "error"; }, never, never, true, never>;
+}

package/package.json

@@ -0,0 +1,109 @@
+{
+  "name": "@useupup/angular",
+  "version": "3.3.0",
+  "description": "Angular 19+ standalone file uploader with cloud-drive sources, resumable uploads, theming, and ICU i18n.",
+  "keywords": [
+    "file-upload",
+    "file-uploader",
+    "upload",
+    "uploader",
+    "angular",
+    "angular-component",
+    "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/angular"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "main": "./dist/fesm2022/useupup-angular.mjs",
+  "module": "./dist/fesm2022/useupup-angular.mjs",
+  "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "styles": [
+        "dist/styles.d.ts"
+      ]
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/fesm2022/useupup-angular.mjs"
+    },
+    "./styles": {
+      "types": "./dist/styles.d.ts",
+      "default": "./dist/tailwind-prefixed.css"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@tanstack/virtual-core": "^3.13.0",
+    "tslib": "^2.6.0",
+    "@useupup/core": "3.3.0"
+  },
+  "peerDependencies": {
+    "@angular/common": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "rxjs": "^7.8.0"
+  },
+  "devDependencies": {
+    "@analogjs/vite-plugin-angular": "^1.10.0",
+    "@analogjs/vitest-angular": "^1.10.0",
+    "@angular/build": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/compiler-cli": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@vitest/coverage-v8": "^4.1.2",
+    "eslint": "^10.6.0",
+    "jsdom": "22.1.0",
+    "ng-packagr": "^19.0.0",
+    "postcss": "^8.5.2",
+    "postcss-cli": "^11.0.1",
+    "rxjs": "^7.8.0",
+    "typescript": "~5.6.0",
+    "vite": "^7",
+    "vitest": "^4.1.2",
+    "zone.js": "^0.14.0",
+    "@useupup/eslint-config": "0.1.0",
+    "@useupup/tailwind-config": "0.1.0"
+  },
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json && pnpm run build:css",
+    "build:css": "postcss src/tailwind.css -o ./dist/tailwind-prefixed.css && node ../../scripts/emit-styles-dts.mjs",
+    "dev": "ng-packagr -p ng-package.json --watch",
+    "lint": "eslint . --max-warnings 0",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
+    "typecheck": "tsc -p tsconfig.lib.json --noEmit && tsc -p tsconfig.spec.json --noEmit"
+  }
+}