@vidtreo/recorder-vue 1.6.12 → 1.9.0

package/dist/components/ui/DeviceSelector.vue.d.ts

@@ -8,11 +8,11 @@ type DeviceProps = {
     enabled: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<DeviceProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cameraChange: (deviceId: string) => any;
     micChange: (deviceId: string) => any;
+    cameraChange: (deviceId: string) => any;
 }, string, import("vue").PublicProps, Readonly<DeviceProps> & Readonly<{
-    onCameraChange?: ((deviceId: string) => any) | undefined;
     onMicChange?: ((deviceId: string) => any) | undefined;
+    onCameraChange?: ((deviceId: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/ui/PermissionFlowSteps.vue.d.ts

@@ -15,7 +15,6 @@ export type PermissionFlowStepsTranslations = {
     retry: string;
     recoveryTitle: string;
     recoveryInstructions: string;
-    recoveryGuideHint: string;
     cameraName: string;
     microphoneName: string;
     connecting: string;
@@ -28,6 +27,7 @@ type __VLS_Props = {
     recoveryData: PermissionFlowState["recoveryData"] | undefined;
     canRetry: boolean;
     translations: PermissionFlowStepsTranslations;
+    audioOnly?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     requestPermission: () => any;

package/dist/components/ui/PermissionRecoveryGuide.vue.d.ts

@@ -1,5 +1,5 @@
 type __VLS_Props = {
-    cameraLabel: string;
+    cameraLabel?: string;
     microphoneLabel: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ui/PreviewContent.vue.d.ts

@@ -1,4 +1,4 @@
-import type { RecorderController } from "@vidtreo/recorder";
+import type { RecorderController, SourceType } from "@vidtreo/recorder";
 import type { ButtonVisibility } from "../../utils/button-visibility";
 import { type RecordingControlsButtonsTranslations } from "./RecordingControlsButtons.vue";
 export type PreviewContentState = {
@@ -25,10 +25,12 @@ export type PreviewContentTranslations = {
     cameraInUse: string;
     cameraNotFound: string;
     cameraPermissionDenied: string;
+    cameraTimeout: string;
     failedToStartCamera: string;
     audioInUse: string;
     audioNotFound: string;
     audioPermissionDenied: string;
+    audioTimeout: string;
     failedToStartAudio: string;
     switchingDevice: string;
     recordingStartsIn: string;
@@ -42,7 +44,7 @@ type __VLS_Props = {
     controller: RecorderController | null;
     audioLevel: number;
     buttonVisibility: ButtonVisibility;
-    currentSourceType: "camera" | "screen";
+    currentSourceType: SourceType;
     isStopLocked: boolean;
     stopLockedTooltip: string;
     translations: PreviewContentTranslations;
@@ -53,20 +55,20 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     resume: () => any;
     switchSource: () => any;
     download: () => any;
+    toggleMute: () => any;
     toggleSettings: () => any;
     startRecording: () => any;
     stopRecording: () => any;
-    toggleMute: () => any;
     loadedChange: (loaded: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onPause?: (() => any) | undefined;
     onResume?: (() => any) | undefined;
     onSwitchSource?: (() => any) | undefined;
     onDownload?: (() => any) | undefined;
+    onToggleMute?: (() => any) | undefined;
     onToggleSettings?: (() => any) | undefined;
     onStartRecording?: (() => any) | undefined;
     onStopRecording?: (() => any) | undefined;
-    onToggleMute?: (() => any) | undefined;
     onLoadedChange?: ((loaded: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/ui/RecordingControlsButtons.vue.d.ts

@@ -1,3 +1,4 @@
+import type { SourceType } from "@vidtreo/recorder";
 export type RecordingControlsButtonsTranslations = {
     settings: string;
     record: string;
@@ -29,7 +30,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     isMuted: boolean;
     isAudioReady: boolean;
     isProcessingRecording: boolean;
-    currentSourceType: "camera" | "screen";
+    currentSourceType: SourceType;
     isStopLocked: boolean;
     stopLockedTooltip: string;
     translations?: RecordingControlsButtonsTranslations;
@@ -38,10 +39,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
     resume: () => any;
     switchSource: () => any;
     download: () => any;
+    toggleMute: () => any;
     toggleSettings: () => any;
     startRecording: () => any;
     stopRecording: () => any;
-    toggleMute: () => any;
 }, string, import("vue").PublicProps, Readonly<{
     buttonVisibility: {
         showSettingsButton: boolean;
@@ -56,7 +57,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     isMuted: boolean;
     isAudioReady: boolean;
     isProcessingRecording: boolean;
-    currentSourceType: "camera" | "screen";
+    currentSourceType: SourceType;
     isStopLocked: boolean;
     stopLockedTooltip: string;
     translations?: RecordingControlsButtonsTranslations;
@@ -65,10 +66,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onResume?: (() => any) | undefined;
     onSwitchSource?: (() => any) | undefined;
     onDownload?: (() => any) | undefined;
+    onToggleMute?: (() => any) | undefined;
     onToggleSettings?: (() => any) | undefined;
     onStartRecording?: (() => any) | undefined;
     onStopRecording?: (() => any) | undefined;
-    onToggleMute?: (() => any) | undefined;
 }>, {
     translations: RecordingControlsButtonsTranslations;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ui/SettingsPanel.vue.d.ts

@@ -15,9 +15,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
         selectedMic: string | null;
     };
     translations?: SettingsPanelTranslations;
+    audioOnly?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cameraChange: (value: string) => any;
     micChange: (value: string) => any;
+    cameraChange: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<{
     devices: {
         cameras: MediaDeviceInfo[];
@@ -26,9 +27,11 @@ declare const __VLS_export: import("vue").DefineComponent<{
         selectedMic: string | null;
     };
     translations?: SettingsPanelTranslations;
+    audioOnly?: boolean;
 }> & Readonly<{
-    onCameraChange?: ((value: string) => any) | undefined;
     onMicChange?: ((value: string) => any) | undefined;
+    onCameraChange?: ((value: string) => any) | undefined;
 }>, {
     translations: SettingsPanelTranslations;
+    audioOnly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ui/TranscodingProgress.vue.d.ts

@@ -1,4 +1,5 @@
 type __VLS_Props = {
+    label: string;
     progress: number;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ui/UploadErrorOverlay.vue.d.ts

@@ -0,0 +1,13 @@
+import type { UploadErrorCode } from "@vidtreo/recorder";
+import { type UploadErrorTranslations } from "../../utils/upload-error-message";
+type __VLS_Props = {
+    errorCode: UploadErrorCode | null;
+    translations: UploadErrorTranslations;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/ui/UploadProgress.vue.d.ts

@@ -1,4 +1,5 @@
 type __VLS_Props = {
+    label: string;
     progress: number | null;
     visible: boolean;
 };

package/dist/components/ui/UploadProgressOverlay.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    progress: number | null;
+    label: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/composables/use-credential-error.d.ts

@@ -0,0 +1,9 @@
+import type { AccessTokenProvider } from "@vidtreo/recorder";
+import { type ComputedRef } from "vue";
+type CredentialSource = {
+    apiKey?: string;
+    getAccessToken?: AccessTokenProvider;
+    demo?: boolean;
+};
+export declare function useCredentialError(source: () => CredentialSource, onError: (error: Error) => void): ComputedRef<Error | null>;
+export {};

package/dist/composables/use-native-camera.d.ts

@@ -1,12 +1,15 @@
-import { type NativeCameraFile } from "@vidtreo/recorder";
+import { type NativeCameraFile, type UploadErrorCode, type UploadProgressPhase } from "@vidtreo/recorder";
 import type { UseVidtreoRecorderConfig } from "../types";
 export type NativeCameraState = {
     file: NativeCameraFile | null;
     transcodingProgress: number | null;
     uploadProgress: number | null;
+    uploadPhase: UploadProgressPhase | null;
+    uploadRetryAttempt: number | null;
     isTranscoding: boolean;
     isConfigLoading: boolean;
     error: string | null;
+    uploadErrorCode: UploadErrorCode | null;
     transcodedBlob: Blob | null;
 };
 export type NativeCameraActions = {

package/dist/composables/use-permission-flow.d.ts

@@ -1,4 +1,4 @@
-import type { PermissionFlowChangeReason, PermissionFlowLanguage, PermissionFlowState, PermissionFlowStep } from "@vidtreo/recorder";
+import type { PermissionFlowChangeReason, PermissionFlowLanguage, PermissionFlowMediaType, PermissionFlowState, PermissionFlowStep } from "@vidtreo/recorder";
 import { type ComputedRef, type MaybeRefOrGetter } from "vue";
 export type PermissionStepStatus = PermissionFlowState["permissions"]["camera"];
 export type PermissionFlowStepInfo = {
@@ -7,6 +7,7 @@ export type PermissionFlowStepInfo = {
 };
 export type UsePermissionFlowOptions = {
     language?: MaybeRefOrGetter<PermissionFlowLanguage | undefined>;
+    mediaType?: PermissionFlowMediaType;
     onComplete?: (state: PermissionFlowState) => void;
     onChange?: (state: PermissionFlowState, reason: PermissionFlowChangeReason) => void;
 };

package/dist/composables/use-recorder-translations.d.ts

@@ -11,10 +11,12 @@ export type PreviewTranslations = {
     cameraInUse: string;
     cameraNotFound: string;
     cameraPermissionDenied: string;
+    cameraTimeout: string;
     failedToStartCamera: string;
     audioInUse: string;
     audioNotFound: string;
     audioPermissionDenied: string;
+    audioTimeout: string;
     failedToStartAudio: string;
     switchingDevice: string;
     recordingStartsIn: string;

package/dist/composables/use-vidtreo-recorder.d.ts

@@ -1,2 +1,8 @@
 import type { UseVidtreoRecorderConfig, UseVidtreoRecorderReturn } from "../types";
+export declare function resolveRecorderErrorCode(code: unknown): string | null;
+export declare function isRecordingLifecycleBusy(options: {
+    isFinalizingRecording: boolean;
+    transcodingProgress: number | null;
+    uploadProgress: number | null;
+}): boolean;
 export declare function useVidtreoRecorder(config: UseVidtreoRecorderConfig): UseVidtreoRecorderReturn;

package/dist/i18n/translations.d.ts

@@ -9,10 +9,12 @@ export type TranslationKeys = {
     cameraInUse: string;
     cameraNotFound: string;
     cameraPermissionDenied: string;
+    cameraTimeout: string;
     failedToStartCamera: string;
     audioInUse: string;
     audioNotFound: string;
     audioPermissionDenied: string;
+    audioTimeout: string;
     failedToStartAudio: string;
     audioErrorTitle: string;
     audioErrorMessage: string;
@@ -41,6 +43,25 @@ export type TranslationKeys = {
     cameraErrorMessage: string;
     browserErrorTitle: string;
     browserErrorMessage: string;
+    recordingCodecUnsupportedTitle: string;
+    recordingCodecUnsupportedMessage: string;
+    recordingMediaEmptyTitle: string;
+    recordingMediaEmptyMessage: string;
+    recordingMediaErrorTitle: string;
+    recordingMediaErrorMessage: string;
+    recordingServerTranscodeFallbackTitle: string;
+    recordingServerTranscodeFallbackMessage: string;
+    recordingTrackEndedTitle: string;
+    recordingTrackEndedMessage: string;
+    recordingFinalizeTimeoutTitle: string;
+    recordingFinalizeTimeoutMessage: string;
+    recordingStateRaceTitle: string;
+    recordingStateRaceMessage: string;
+    recordingNoFramesTitle: string;
+    recordingNoFramesMessage: string;
+    recordingUnsupportedTitle: string;
+    recordingUnsupportedMessage: string;
+    recordingPipelineRetry: string;
     genericErrorTitle: string;
     genericErrorMessage: string;
     errorRetry: string;
@@ -61,12 +82,20 @@ export type TranslationKeys = {
     microphoneConnecting: string;
     minimumRecordingTimeNotReached: string;
     uploading: string;
+    finalizing: string;
+    retryingUpload: string;
+    uploadInsufficientCredits: string;
+    uploadInsufficientCreditsTitle: string;
+    uploadErrorClose: string;
+    finishing: string;
     userInAnotherTab: string;
     download: string;
     nativeCameraSelectVideo: string;
     nativeCameraRecordVideo: string;
     nativeCameraProcessing: string;
     nativeCameraConfigLoading: string;
+    nativeCameraConfigLoadError: string;
+    nativeCameraPreviewAlt: string;
     errorTitle: string;
     errorApiKeyRequired: string;
     errorGeneric: string;
@@ -74,6 +103,8 @@ export type TranslationKeys = {
     mobileOpenCameraTitle: string;
     mobileOpenCameraDescription: string;
     mobileCloseCamera: string;
+    mobileHideRecordingPrompt: string;
+    mobileShowRecordingPrompt: string;
     mobilePermissionDenied: string;
     mobilePermissionDeniedDescription: string;
     permissionFlowTitle: string;
@@ -90,8 +121,24 @@ export type TranslationKeys = {
     permissionFlowRetry: string;
     permissionFlowRecoveryTitle: string;
     permissionFlowRecoveryInstructions: string;
-    permissionFlowRecoveryGuideHint: string;
     permissionFlowConnecting: string;
+    initializingMicrophone: string;
+    grantMicrophonePermission: string;
+    retryMicrophone: string;
+    audioOnlyReady: string;
+    audioOnlyRecording: string;
+    audioOnlyPaused: string;
+    audioOnlyUploading: string;
+    audioOnlyUploaded: string;
+    audioOnlyElapsedTime: string;
+    audioOnlyNoMicrophones: string;
+    audioRecordingDisabledTitle: string;
+    audioRecordingDisabled: string;
+    permissionFlowMicrophoneOnlyTitle: string;
+    permissionFlowMicrophoneOnlyLabel: string;
+    permissionFlowMicrophoneOnlyRecoveryInstructions: string;
+    mobileOpenMicrophoneTitle: string;
+    mobileOpenMicrophoneDescription: string;
 };
 export declare const defaultTranslations: Record<string, TranslationKeys>;
 export type PartialTranslations = Partial<TranslationKeys>;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import "@vidtreo/ui-styles/recorder.css";
+export { CONFIG_ERROR_CREDENTIAL_CONFLICT, getUploadErrorCode, isCredentialConflictError, UPLOAD_ERROR_INSUFFICIENT_CREDITS, } from "@vidtreo/recorder";
 export { default as MobileWebRecorderUI } from "./components/MobileWebRecorderUI.vue";
 export { default as NativeCameraUI } from "./components/NativeCameraUI.vue";
 export { default as StandardRecorder } from "./components/StandardRecorder.vue";
@@ -13,4 +14,4 @@ export type { ButtonTranslations, PreviewTranslations, RecorderTranslations, Set
 export { useRecorderTranslations } from "./composables/use-recorder-translations";
 export { useVidtreoRecorder } from "./composables/use-vidtreo-recorder";
 export { defaultTranslations, getTranslations, type PartialTranslations, type TranslationKeys, } from "./i18n/translations";
-export type { AudioWarning, MobileMode, RecordingPrompt, RecordingPromptCountdown, RecordingPromptCountdownPlacement, RecordingState, RecordingStopResult, SourceType, UseVidtreoRecorderConfig, UseVidtreoRecorderReturn, VidtreoRecorderActions, VidtreoRecorderEmits, VidtreoRecorderProps, VidtreoRecorderState, } from "./types";
+export type { AccessTokenProvider, AudioWarning, MediaType, MobileMode, RecordingPrompt, RecordingPromptCountdown, RecordingPromptCountdownPlacement, RecordingState, RecordingStopResult, RecordingUploadResult, SourceType, UploadErrorCode, UploadProgressPhase, UseVidtreoRecorderConfig, UseVidtreoRecorderReturn, VidtreoRecorderActions, VidtreoRecorderEmits, VidtreoRecorderProps, VidtreoRecorderState, } from "./types";