@uploadcare/file-uploader 1.11.0-alpha.3 → 1.11.0-alpha.5

package/abstract/UploaderPublicApi.js

@@ -163,7 +163,7 @@ export class UploaderPublicApi {
     fileInput.multiple = this.cfg.multiple;
     if (options.captureCamera) {
       fileInput.capture = this.cfg.cameraCapture;
-      fileInput.accept = 'image/*';
+      fileInput.accept = this.cfg.enableVideoRecording ? ['image/*', 'video/*'].join(',') : 'image/*';
     } else {
       fileInput.accept = accept;
     }

package/blocks/CameraSource/CameraSource.d.ts

@@ -1,39 +1,186 @@
+/** @typedef {'photo' | 'video'} CameraTabId */
+/** @typedef {'shot' | 'retake' | 'accept' | 'play' | 'stop' | 'pause' | 'resume'} CameraStatus */
 export class CameraSource extends UploaderBlock {
     activityType: "camera";
     /** @private */
     private _unsubPermissions;
-    init$: any;
-    /** @type {String} */
-    _selectedCameraId: string | undefined;
+    /** @type {BlobPart[]} */
+    _chunks: BlobPart[];
+    /** @type {MediaRecorder | null} */
+    _mediaRecorder: MediaRecorder | null;
+    /** @type {MediaStream | null} */
+    _stream: MediaStream | null;
+    /** @type {string | null} */
+    _selectedAudioId: string | null;
+    /** @type {string | null} */
+    _selectedCameraId: string | null;
+    init$: {
+        video: null;
+        videoTransformCss: null;
+        videoHidden: boolean;
+        messageHidden: boolean;
+        requestBtnHidden: boolean;
+        cameraSelectOptions: null;
+        cameraSelectHidden: boolean;
+        l10nMessage: string;
+        switcher: null;
+        panels: null;
+        timer: null;
+        timerHidden: boolean;
+        cameraHidden: boolean;
+        cameraActionsHidden: boolean;
+        audioSelectOptions: null;
+        audioSelectHidden: boolean;
+        audioSelectDisabled: boolean;
+        audioToggleMicorphoneHidden: boolean;
+        tabCameraHidden: boolean;
+        tabVideoHidden: boolean;
+        currentIcon: string;
+        currentTimelineIcon: string;
+        toggleMicorphoneIcon: string;
+        /** @type {Number} */
+        _startTime: number;
+        /** @type {Number} */
+        _elapsedTime: number;
+        _animationFrameId: null;
+        mutableClassButton: string;
+        /** @param {Event} e */
+        onCameraSelectChange: (e: Event) => void;
+        /** @param {Event} e */
+        onAudioSelectChange: (e: Event) => void;
+        onCancel: () => void;
+        onShot: () => void;
+        onRequestPermissions: () => Promise<void>;
+        /** General method for photo and video capture */
+        onStartCamera: () => void;
+        onStartRecording: () => void;
+        onStopRecording: () => void;
+        onToggleRecording: () => void;
+        onToggleAudio: () => void;
+        onRetake: () => void;
+        onAccept: () => void;
+        /** @param {MouseEvent} e */
+        onClickTab: (e: MouseEvent) => void;
+        '*commonProgress': number;
+        '*uploadList': never[];
+        '*uploadQueue': import("@uploadcare/upload-client").Queue;
+        '*collectionErrors': any[];
+        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
+        '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
+        '*uploadTrigger': Set<string>;
+        '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
+        '*currentActivity': null;
+        '*currentActivityParams': {};
+        '*history': never[];
+        '*historyBack': null;
+        '*closeModal': () => void;
+    };
+    _chooseActionWithCamera: () => void;
+    _updateTimer: () => void;
+    _animationFrameId: number | undefined;
+    _startTimer: () => void;
+    _stopTimer: () => void;
+    _startTimeline: () => void;
+    _stopTimeline: () => void;
+    _startRecording: () => void;
+    _options: {
+        audioBitsPerSecond?: number | undefined;
+        bitsPerSecond?: number | undefined;
+        mimeType?: string | undefined;
+        videoBitsPerSecond?: number | undefined;
+    } | undefined;
     /** @private */
-    private _onActivate;
-    /** @private */
-    private _onDeactivate;
+    private _stopRecording;
+    /** This method is used to toggle recording pause/resume */
+    _toggleRecording: () => void;
+    _toggleEnableAudio: () => void;
+    /**
+     * Previewing the video that was recorded on the camera
+     *
+     * @private
+     */
+    private _previewVideo;
+    _retake: () => void;
+    _accept: () => void;
+    /** @param {CameraStatus} status */
+    _handlePhoto: (status: CameraStatus) => void;
+    /** @param {CameraStatus} status */
+    _handleVideo: (status: CameraStatus) => void;
+    /**
+     * @private
+     * @param {CameraStatus} status
+     */
+    private _setCameraState;
     /** @private */
-    private _handlePermissionsChange;
+    private _shot;
+    _canvas: HTMLCanvasElement | undefined;
+    _ctx: CanvasRenderingContext2D | null | undefined;
+    /**
+     * @private
+     * @param {CameraTabId} tabId
+     */
+    private _handleActiveTab;
+    _activeTab: CameraTabId | undefined;
+    /**
+     * @param {'camera' | 'video'} type
+     * @param {'jpeg' | 'webm'} ext
+     * @param {String} format
+     * @param {Blob} blob
+     */
+    _createFile: (type: 'camera' | 'video', ext: 'jpeg' | 'webm', format: string, blob: Blob) => File;
+    /** @param {String | undefined} mime */
+    _guessExtensionByMime(mime: string | undefined): any;
+    /**
+     * The send file to the server
+     *
+     * @param {File} file
+     */
+    _toSend: (file: File) => void;
     /**
      * @private
      * @param {'granted' | 'denied' | 'prompt'} state
      */
     private _setPermissionsState;
-    /** @private */
-    private _subscribePermissions;
-    /** @private */
-    private _capture;
-    /** @private */
-    private _canvas;
-    /** @private */
-    private _ctx;
-    /** @private */
-    private _capturing;
-    /** @private */
-    private _stopCapture;
-    /** @private */
-    private _shot;
-    initCallback(): Promise<void>;
+    _makeStreamInactive: () => false | undefined;
+    _stopCapture: () => void;
+    _capturing: boolean | undefined;
+    _capture: () => Promise<void>;
+    _handlePermissionsChange: () => void;
+    _permissionAccess: () => Promise<void>;
+    _getPermission: () => void;
+    _requestDeviceAccess: () => Promise<void>;
+    _getDevices: () => Promise<void>;
+    cameraDevices: {
+        text: string;
+        value: string;
+    }[] | undefined;
+    audioDevices: false | {
+        text: string;
+        value: string;
+    }[] | undefined;
+    _onActivate: () => Promise<void>;
+    _onDeactivate: () => Promise<void>;
+    _destroy(): void;
+    destroyCallback(): Promise<void>;
 }
 export namespace CameraSource {
+    let types: Readonly<{
+        PHOTO: "photo";
+        VIDEO: "video";
+    }>;
+    let events: Readonly<{
+        IDLE: "idle";
+        SHOT: "shot";
+        PLAY: "play";
+        PAUSE: "pause";
+        RESUME: "resume";
+        STOP: "stop";
+        RETAKE: "retake";
+        ACCEPT: "accept";
+    }>;
     let template: string;
 }
+export type CameraTabId = 'photo' | 'video';
+export type CameraStatus = 'shot' | 'retake' | 'accept' | 'play' | 'stop' | 'pause' | 'resume';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 //# sourceMappingURL=CameraSource.d.ts.map

package/blocks/CameraSource/CameraSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CameraSource.d.ts","sourceRoot":"","sources":["CameraSource.js"],"names":[],"mappings":"AAMA;IAEE,uBAA+C;IAE/C,eAAe;IACf,0BAAyB;IAEzB,WA0BE;IAbE,qBAAqB;IACrB,sCAAuC;IAc3C,eAAe;IACf,oBAKE;IAEF,eAAe;IACf,sBAME;IAEF,eAAe;IACf,iCAEE;IAEF;;;OAGG;IACH,6BAyBQ;IAER,eAAe;IACf,8BASC;IAED,eAAe;IACf,iBAuCC;IAnBC,eAAe;IACf,gBAA+C;IAC/C,eAAe;IACf,aAAyC;IASvC,eAAe;IACf,mBAAsB;IAQ1B,eAAe;IACf,qBAMC;IAED,eAAe;IACf,cAkBC;IAED,8BAgCC;CACF;;;;8BAnN6B,iCAAiC"}
+{"version":3,"file":"CameraSource.d.ts","sourceRoot":"","sources":["CameraSource.js"],"names":[],"mappings":"AAsCA,+CAA+C;AAE/C,kGAAkG;AAElG;IAEE,uBAA+C;IAE/C,eAAe;IACf,0BAAyB;IAEzB,yBAAyB;IACzB,SADW,QAAQ,EAAE,CACR;IAEb,mCAAmC;IACnC,gBADW,aAAa,GAAG,IAAI,CACT;IAEtB,iCAAiC;IACjC,SADW,WAAW,GAAG,IAAI,CACd;IAEf,4BAA4B;IAC5B,kBADW,MAAM,GAAG,IAAI,CACA;IAExB,4BAA4B;IAC5B,mBADW,MAAM,GAAG,IAAI,CACC;IAKvB;;;;;;;;;;;;;;;;;;;;;;;;QAiCE,qBAAqB;;QAErB,qBAAqB;;;;QAMrB,uBAAuB;kCAAX,KAAK;QAMjB,uBAAuB;iCAAX,KAAK;;;;QAcjB,iDAAiD;;;;;;;;QAejD,4BAA4B;wBAAhB,UAAU;;;;;;;;;;;;;;MAKvB;IAGH,oCAaE;IAEF,yBAkBE;IADA,sCAAiE;IAGnE,wBAKE;IAEF,uBAEE;IAEF,2BAOE;IAEF,0BAEE;IAEF,4BAgCE;IA7BE;;;;;kBAEC;IA6BL,eAAe;IACf,uBAWE;IAEF,2DAA2D;IAC3D,6BAQE;IAEF,+BAOE;IAEF;;;;OAIG;IACH,sBA6BE;IAEF,oBAUE;IAEF,oBAoBE;IAEF,mCAAmC;IACnC,uBADY,YAAY,UAqBtB;IAEF,mCAAmC;IACnC,uBADY,YAAY,UAuCtB;IAEF;;;OAGG;IACH,wBAmBE;IAEF,eAAe;IACf,cAoBC;IAjBC,uCAA+C;IAC/C,kDAAyC;IAkB3C;;;OAGG;IACH,yBAwBE;IADA,oCAAuB;IAGzB;;;;;OAKG;IACH,oBALW,QAAQ,GAAG,OAAO,OAClB,MAAM,GAAG,MAAM,wBAEf,IAAI,UAYb;IAEF,uCAAuC;IACvC,4BADY,SAAS,SAAS,OAmC7B;IAED;;;;OAIG;IACH,gBAFW,IAAI,UAOb;IAEF;;;OAGG;IACH,6BA8CQ;IAER,6CAQE;IAEF,yBAWE;IAFE,gCAAuB;IAI3B,8BAyCE;IAEF,qCAEE;IAEF,uCAYE;IAEF,2BAA0B;IAE1B,0CASE;IAEF,iCAsCE;IAlCE;;;oBAKK;IAEL;;;oBAOO;IAsBX,iCAIE;IAEF,mCAYE;IAgCF,iBAMC;IAED,iCAIC;CACF;;;;;;;;;;;;;;;;;;0BAnwBa,OAAO,GAAG,OAAO;2BAEjB,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;8BAtCnD,iCAAiC"}