expo-pro-video-editor 0.2.8 → 0.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/android/.gradle/9.2.0/fileHashes/fileHashes.bin +0 -0
- package/android/.gradle/9.2.0/fileHashes/fileHashes.lock +0 -0
- package/android/.gradle/buildOutputCleanup/buildOutputCleanup.lock +0 -0
- package/android/.gradle/buildOutputCleanup/cache.properties +1 -1
- package/build/ui/AudioTrimScrubber.d.ts.map +1 -1
- package/build/ui/AudioTrimScrubber.js +1 -8
- package/build/ui/AudioTrimScrubber.js.map +1 -1
- package/build/ui/AudioWaveform.js +1 -1
- package/build/ui/AudioWaveform.js.map +1 -1
- package/build/ui/VoiceRecorder.d.ts.map +1 -1
- package/build/ui/VoiceRecorder.js +0 -11
- package/build/ui/VoiceRecorder.js.map +1 -1
- package/ios/src/features/photo-library/PhotoLibraryVideoExporter.swift +36 -1
- package/package.json +1 -1
- package/src/ui/AudioTrimScrubber.tsx +3 -8
- package/src/ui/AudioWaveform.tsx +1 -1
- package/src/ui/VoiceRecorder.tsx +0 -11
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
#
|
|
1
|
+
#Thu Sep 10 20:18:22 GMT 2026
|
|
2
2
|
gradle.version=9.2.0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioTrimScrubber.d.ts","sourceRoot":"","sources":["../../src/ui/AudioTrimScrubber.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AudioTrimScrubber.d.ts","sourceRoot":"","sources":["../../src/ui/AudioTrimScrubber.tsx"],"names":[],"mappings":"AAsBA;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,GAAG,MAAM,CAMjH;AAgDD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE;IACvC,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB;;;gBAGY;IACZ,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;;;;;;OAYG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB,+BAkMA"}
|
|
@@ -7,15 +7,8 @@ const HANDLE_WIDTH = 18;
|
|
|
7
7
|
const STRIP_HEIGHT = 51;
|
|
8
8
|
const MIN_TRIM_SECONDS = 0.5;
|
|
9
9
|
const MIN_BAR_COUNT = 90;
|
|
10
|
-
// Caps extraction/render cost on a very long track — beyond this, bars
|
|
11
|
-
// widen again rather than growing the native extraction and view count
|
|
12
|
-
// without bound.
|
|
13
10
|
const MAX_BAR_COUNT = 2000;
|
|
14
11
|
const BAR_GAP = 1;
|
|
15
|
-
// Target width (px) of a single bar+gap — barCount is derived from the
|
|
16
|
-
// scrollable content's actual pixel width divided by this, not from
|
|
17
|
-
// duration alone, so a bar stays this thin regardless of how long
|
|
18
|
-
// (and therefore how wide, since this content scrolls) the track is.
|
|
19
12
|
const TARGET_PX_PER_BAR = 4;
|
|
20
13
|
const MIN_BAR_HEIGHT = 3;
|
|
21
14
|
const MAX_BAR_HEIGHT = STRIP_HEIGHT - 10;
|
|
@@ -80,7 +73,7 @@ const styles = {
|
|
|
80
73
|
}),
|
|
81
74
|
handleGrip: tv({ base: 'h-[29px] w-0.5 rounded-full bg-white' }),
|
|
82
75
|
deleteButton: tv({
|
|
83
|
-
base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-
|
|
76
|
+
base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-video-editor-surface',
|
|
84
77
|
}),
|
|
85
78
|
deleteButtonText: tv({ base: 'text-xs text-video-editor-text' }),
|
|
86
79
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioTrimScrubber.js","sourceRoot":"","sources":["../../src/ui/AudioTrimScrubber.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { ActivityIndicator, PanResponder, ScrollView, Text, TouchableOpacity, View } from 'react-native';\nimport { tv } from 'tailwind-variants';\n\nimport ExpoProVideoEditorModule from '../ExpoProVideoEditorModule';\nimport { normalizeWaveformPeaks } from '../waveform';\n\nconst HANDLE_WIDTH = 18;\nconst STRIP_HEIGHT = 51;\nconst MIN_TRIM_SECONDS = 0.5;\nconst MIN_BAR_COUNT = 90;\n// Caps extraction/render cost on a very long track — beyond this, bars\n// widen again rather than growing the native extraction and view count\n// without bound.\nconst MAX_BAR_COUNT = 2000;\nconst BAR_GAP = 1;\n// Target width (px) of a single bar+gap — barCount is derived from the\n// scrollable content's actual pixel width divided by this, not from\n// duration alone, so a bar stays this thin regardless of how long\n// (and therefore how wide, since this content scrolls) the track is.\nconst TARGET_PX_PER_BAR = 4;\nconst MIN_BAR_HEIGHT = 3;\nconst MAX_BAR_HEIGHT = STRIP_HEIGHT - 10;\nconst DELETE_BUTTON_SIZE = 24;\n// Width per second of audio, before scrolling kicks in.\nconst PIXELS_PER_SECOND = 40;\n\n/**\n * The exact bar-count math AudioTrimScrubber uses internally, exported so a\n * caller that wants to pre-warm extractWaveform (matching barCount so the\n * pre-warmed result is actually reused instead of the component silently\n * re-extracting with a different count) can compute the same value instead\n * of duplicating — and risking drifting out of sync with — this formula.\n *\n * `hasDeleteButton` should match whether the AudioTrimScrubber call passes\n * `onDelete` (it changes the usable width, and therefore the count).\n */\nexport function computeAudioTrimBarCount(width: number, durationSeconds: number, hasDeleteButton: boolean): number {\n const deleteButtonSpace = hasDeleteButton ? DELETE_BUTTON_SIZE + 8 : 0;\n const scrubberWidth = width - deleteButtonSpace;\n const contentWidth = Math.max(scrubberWidth, durationSeconds * PIXELS_PER_SECOND);\n const usableContentWidth = contentWidth - HANDLE_WIDTH * 2;\n return Math.min(MAX_BAR_COUNT, Math.max(MIN_BAR_COUNT, Math.round(usableContentWidth / TARGET_PX_PER_BAR)));\n}\n\nconst styles = {\n row: tv({ base: 'h-[51px] flex-row items-center gap-2' }),\n scrollContainer: tv({ base: 'h-[51px]' }),\n container: tv({ base: 'h-[51px] justify-center overflow-hidden rounded-[10px]' }),\n waveform: tv({\n base: 'h-[51px] flex-row items-center justify-center gap-px overflow-hidden bg-video-editor-surface',\n }),\n bar: tv({\n base: 'rounded-full',\n variants: {\n played: {\n true: 'bg-video-editor-accent-light',\n false: 'bg-video-editor-bar-unplayed',\n },\n },\n }),\n selectionBorder: tv({\n base: 'absolute top-0 h-[51px] border-y-4 border-video-editor-accent-light',\n }),\n dimOverlay: tv({\n base: 'absolute bottom-0 top-0 bg-black/55',\n variants: {\n rounded: {\n start: 'rounded-l-[10px]',\n end: 'rounded-r-[10px]',\n none: '',\n },\n },\n }),\n loadingOverlay: tv({ base: 'absolute inset-0 items-center justify-center' }),\n handle: tv({\n base: 'absolute top-0 h-[51px] w-[18px] items-center justify-center bg-video-editor-accent-light',\n variants: {\n side: {\n start: 'rounded-l-[10px]',\n end: 'rounded-r-[10px]',\n },\n },\n }),\n handleGrip: tv({ base: 'h-[29px] w-0.5 rounded-full bg-white' }),\n deleteButton: tv({\n base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-white',\n }),\n deleteButtonText: tv({ base: 'text-xs text-video-editor-text' }),\n};\n\n/**\n * Independent trim UI for a standalone audio file (music / voice / a picked\n * file) — a waveform with drag handles marking the selected window. Long\n * tracks scroll horizontally so the user can pan to the part they want\n * before placing the handles; short tracks fit without scrolling.\n */\nexport function AudioTrimScrubber(props: {\n inputPath: string;\n durationSeconds: number;\n startSeconds: number;\n endSeconds: number;\n /** The audio player's own current position, in this file's own time\n * base — used to color the played portion of the waveform. `null` while\n * not actively playing this track, so bars fall back to the unplayed\n * shade. */\n currentTime: number | null;\n onChange: (range: { startSeconds: number; endSeconds: number }) => void;\n onDelete?: () => void;\n width: number;\n /**\n * Passed through to normalizeWaveformPeaks — lower it for a track whose\n * loudness is consistently close to its own peak (a synth/chiptune track\n * normalizes to near-max-height bars throughout at the default 1.6,\n * looking \"filled\" compared to a quieter, more dynamic recording). Has no\n * effect on relative bar-to-bar proportions within a single file, only on\n * how aggressively the loudest moment is pushed to full height.\n */\n contrastExponent?: number;\n /**\n * Already-extracted, already-normalized peaks for this exact inputPath —\n * pass the result of a prior extractWaveform(inputPath,\n * computeAudioTrimBarCount(width, durationSeconds, !!onDelete)) call (run\n * normalizeWaveformPeaks(peaks, contrastExponent) yourself first, since\n * this skips that step too) to skip this component's own extraction\n * entirely, so pre-warming elsewhere actually avoids a second visible\n * loading state here rather than merely priming a cache this component\n * doesn't share. Ignored (falls back to extracting normally) if its\n * length doesn't match the barCount this component computes for the\n * given width/durationSeconds/onDelete — that mismatch means it was\n * computed differently and can't be trusted as-is.\n */\n initialPeaks?: number[];\n}) {\n const { inputPath, durationSeconds, startSeconds, endSeconds, currentTime, onChange, onDelete, width, contrastExponent, initialPeaks } = props;\n const deleteButtonSpace = onDelete ? DELETE_BUTTON_SIZE + 8 : 0;\n const scrubberWidth = width - deleteButtonSpace;\n const contentWidth = Math.max(scrubberWidth, durationSeconds * PIXELS_PER_SECOND);\n const usableContentWidth = contentWidth - HANDLE_WIDTH * 2;\n const barCount = computeAudioTrimBarCount(width, durationSeconds, !!onDelete);\n\n const usableInitialPeaks = initialPeaks && initialPeaks.length === barCount ? initialPeaks : null;\n\n /**\n * Keyed by the request that produced it, so a stale result is simply\n * never rendered — no separate reset-to-loading write is needed. Seeded\n * from usableInitialPeaks so a caller that already extracted this exact\n * (inputPath, barCount) pair never sees this component's own loading\n * state at all.\n */\n const [result, setResult] = useState<{ inputPath: string; barCount: number; peaks: number[] } | null>(\n usableInitialPeaks ? { inputPath, barCount, peaks: usableInitialPeaks } : null,\n );\n\n useEffect(() => {\n if (usableInitialPeaks) return;\n let cancelled = false;\n\n ExpoProVideoEditorModule.extractWaveform(inputPath, barCount)\n .then(peaks => {\n if (cancelled) return;\n setResult({ inputPath, barCount, peaks: normalizeWaveformPeaks(peaks, contrastExponent) });\n })\n .catch(error => {\n console.warn(`Waveform extraction failed for ${inputPath}:`, error);\n });\n\n return () => {\n cancelled = true;\n };\n }, [inputPath, barCount, contrastExponent, !!usableInitialPeaks]);\n\n const peaks = result?.inputPath === inputPath && result.barCount === barCount ? result.peaks : null;\n\n /**\n * Mirrored into refs (in an effect, not during render) so the\n * PanResponder instances below — created once, in a later effect — always\n * read current values instead of whatever was in scope when built.\n */\n const startXRef = useRef(startSeconds);\n const endXRef = useRef(endSeconds);\n const durationSecondsRef = useRef(durationSeconds);\n const usableContentWidthRef = useRef(usableContentWidth);\n useEffect(() => {\n startXRef.current = startSeconds;\n endXRef.current = endSeconds;\n durationSecondsRef.current = durationSeconds;\n usableContentWidthRef.current = usableContentWidth;\n });\n\n const startGestureAnchorRef = useRef(0);\n const endGestureAnchorRef = useRef(0);\n /**\n * The trim handles sit inside the horizontal ScrollView, so a drag on a\n * handle is ambiguous with the ScrollView's own pan-to-scroll recognizer —\n * without this, dragging a handle also scrolls the content underneath it.\n * Disabling scroll for the duration of a handle drag (grant → release)\n * resolves the conflict outright instead of fighting gesture priority.\n */\n const [scrollEnabled, setScrollEnabled] = useState(true);\n\n function secondsToX(seconds: number) {\n if (durationSeconds <= 0) return 0;\n return (seconds / durationSeconds) * usableContentWidth;\n }\n\n /**\n * Built once, after mount, so PanResponder.create() never runs during\n * render — its callbacks read the refs above for live values.\n */\n const [panResponders, setPanResponders] = useState<{\n start: ReturnType<typeof PanResponder.create>;\n end: ReturnType<typeof PanResponder.create>;\n } | null>(null);\n\n useEffect(() => {\n function secondsToXCurrent(seconds: number) {\n if (durationSecondsRef.current <= 0) return 0;\n return (seconds / durationSecondsRef.current) * usableContentWidthRef.current;\n }\n\n function xToSecondsCurrent(x: number) {\n if (usableContentWidthRef.current <= 0) return 0;\n return (x / usableContentWidthRef.current) * durationSecondsRef.current;\n }\n\n setPanResponders({\n start: PanResponder.create({\n onStartShouldSetPanResponder: () => true,\n onPanResponderGrant: () => {\n setScrollEnabled(false);\n startGestureAnchorRef.current = secondsToXCurrent(startXRef.current);\n },\n onPanResponderMove: (_event, gesture) => {\n const nextSeconds = xToSecondsCurrent(startGestureAnchorRef.current + gesture.dx);\n const clamped = Math.max(0, Math.min(nextSeconds, endXRef.current - MIN_TRIM_SECONDS));\n onChange({ startSeconds: clamped, endSeconds: endXRef.current });\n },\n onPanResponderRelease: () => setScrollEnabled(true),\n onPanResponderTerminate: () => setScrollEnabled(true),\n }),\n end: PanResponder.create({\n onStartShouldSetPanResponder: () => true,\n onPanResponderGrant: () => {\n setScrollEnabled(false);\n endGestureAnchorRef.current = secondsToXCurrent(endXRef.current);\n },\n onPanResponderMove: (_event, gesture) => {\n const nextSeconds = xToSecondsCurrent(endGestureAnchorRef.current + gesture.dx);\n const clamped = Math.min(durationSecondsRef.current, Math.max(nextSeconds, startXRef.current + MIN_TRIM_SECONDS));\n onChange({ startSeconds: startXRef.current, endSeconds: clamped });\n },\n onPanResponderRelease: () => setScrollEnabled(true),\n onPanResponderTerminate: () => setScrollEnabled(true),\n }),\n });\n }, []);\n\n const startX = secondsToX(startSeconds);\n const endX = secondsToX(endSeconds);\n const barWidth = peaks && peaks.length > 0 ? usableContentWidth / peaks.length - BAR_GAP : 0;\n\n const isStartAtEdge = startX <= 0;\n const isEndAtEdge = endX >= usableContentWidth;\n\n const trimDuration = Math.max(0, endSeconds - startSeconds);\n const playedFraction = currentTime !== null && trimDuration > 0 ? Math.min(1, Math.max(0, (currentTime - startSeconds) / trimDuration)) : 0;\n const playedBarCount = currentTime !== null && peaks ? Math.round(playedFraction * peaks.length) : 0;\n\n return (\n <View className={styles.row()} style={{ width }}>\n <ScrollView\n horizontal\n showsHorizontalScrollIndicator={false}\n scrollEnabled={scrollEnabled}\n className={styles.scrollContainer()}\n style={{ width: scrubberWidth }}\n contentContainerStyle={{ width: contentWidth }}>\n <View className={styles.container()} style={{ width: contentWidth }}>\n <View className={styles.waveform()} style={{ width: usableContentWidth, marginHorizontal: HANDLE_WIDTH }}>\n {peaks ? (\n peaks.map((peak, index) => (\n <View\n key={index}\n className={styles.bar({ played: index < playedBarCount })}\n style={{\n width: Math.max(1, barWidth),\n height: Math.min(MAX_BAR_HEIGHT, Math.max(MIN_BAR_HEIGHT, peak * STRIP_HEIGHT)),\n }}\n />\n ))\n ) : (\n <View className={styles.loadingOverlay()}>\n <ActivityIndicator size=\"small\" />\n </View>\n )}\n <View\n pointerEvents=\"none\"\n className={styles.dimOverlay({ rounded: isStartAtEdge ? 'none' : 'start' })}\n style={{ left: 0, width: startX }}\n />\n <View pointerEvents=\"none\" className={styles.dimOverlay({ rounded: isEndAtEdge ? 'none' : 'end' })} style={{ left: endX, right: 0 }} />\n <View pointerEvents=\"none\" className={styles.selectionBorder()} style={{ left: startX, width: endX - startX }} />\n </View>\n <View\n className={styles.handle({ side: 'start' })}\n style={{ left: startX }}\n hitSlop={{ top: 16, bottom: 16, left: 16, right: 16 }}\n {...panResponders?.start.panHandlers}>\n <View className={styles.handleGrip()} />\n </View>\n <View\n className={styles.handle({ side: 'end' })}\n style={{ left: endX + HANDLE_WIDTH }}\n hitSlop={{ top: 16, bottom: 16, left: 16, right: 16 }}\n {...panResponders?.end.panHandlers}>\n <View className={styles.handleGrip()} />\n </View>\n </View>\n </ScrollView>\n {onDelete ? (\n <TouchableOpacity className={styles.deleteButton()} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }} onPress={onDelete}>\n <Text className={styles.deleteButtonText()}>✕</Text>\n </TouchableOpacity>\n ) : null}\n </View>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"AudioTrimScrubber.js","sourceRoot":"","sources":["../../src/ui/AudioTrimScrubber.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { ActivityIndicator, PanResponder, ScrollView, Text, TouchableOpacity, View } from 'react-native';\nimport { tv } from 'tailwind-variants';\n\nimport ExpoProVideoEditorModule from '../ExpoProVideoEditorModule';\nimport { normalizeWaveformPeaks } from '../waveform';\n\nconst HANDLE_WIDTH = 18;\nconst STRIP_HEIGHT = 51;\nconst MIN_TRIM_SECONDS = 0.5;\nconst MIN_BAR_COUNT = 90;\n\nconst MAX_BAR_COUNT = 2000;\nconst BAR_GAP = 1;\n\nconst TARGET_PX_PER_BAR = 4;\nconst MIN_BAR_HEIGHT = 3;\nconst MAX_BAR_HEIGHT = STRIP_HEIGHT - 10;\nconst DELETE_BUTTON_SIZE = 24;\n// Width per second of audio, before scrolling kicks in.\nconst PIXELS_PER_SECOND = 40;\n\n/**\n * The exact bar-count math AudioTrimScrubber uses internally, exported so a\n * caller that wants to pre-warm extractWaveform (matching barCount so the\n * pre-warmed result is actually reused instead of the component silently\n * re-extracting with a different count) can compute the same value instead\n * of duplicating — and risking drifting out of sync with — this formula.\n *\n * `hasDeleteButton` should match whether the AudioTrimScrubber call passes\n * `onDelete` (it changes the usable width, and therefore the count).\n */\nexport function computeAudioTrimBarCount(width: number, durationSeconds: number, hasDeleteButton: boolean): number {\n const deleteButtonSpace = hasDeleteButton ? DELETE_BUTTON_SIZE + 8 : 0;\n const scrubberWidth = width - deleteButtonSpace;\n const contentWidth = Math.max(scrubberWidth, durationSeconds * PIXELS_PER_SECOND);\n const usableContentWidth = contentWidth - HANDLE_WIDTH * 2;\n return Math.min(MAX_BAR_COUNT, Math.max(MIN_BAR_COUNT, Math.round(usableContentWidth / TARGET_PX_PER_BAR)));\n}\n\nconst styles = {\n row: tv({ base: 'h-[51px] flex-row items-center gap-2' }),\n scrollContainer: tv({ base: 'h-[51px]' }),\n container: tv({ base: 'h-[51px] justify-center overflow-hidden rounded-[10px]' }),\n waveform: tv({\n base: 'h-[51px] flex-row items-center justify-center gap-px overflow-hidden bg-video-editor-surface',\n }),\n bar: tv({\n base: 'rounded-full',\n variants: {\n played: {\n true: 'bg-video-editor-accent-light',\n false: 'bg-video-editor-bar-unplayed',\n },\n },\n }),\n selectionBorder: tv({\n base: 'absolute top-0 h-[51px] border-y-4 border-video-editor-accent-light',\n }),\n dimOverlay: tv({\n base: 'absolute bottom-0 top-0 bg-black/55',\n variants: {\n rounded: {\n start: 'rounded-l-[10px]',\n end: 'rounded-r-[10px]',\n none: '',\n },\n },\n }),\n loadingOverlay: tv({ base: 'absolute inset-0 items-center justify-center' }),\n handle: tv({\n base: 'absolute top-0 h-[51px] w-[18px] items-center justify-center bg-video-editor-accent-light',\n variants: {\n side: {\n start: 'rounded-l-[10px]',\n end: 'rounded-r-[10px]',\n },\n },\n }),\n handleGrip: tv({ base: 'h-[29px] w-0.5 rounded-full bg-white' }),\n deleteButton: tv({\n base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-video-editor-surface',\n }),\n deleteButtonText: tv({ base: 'text-xs text-video-editor-text' }),\n};\n\n/**\n * Independent trim UI for a standalone audio file (music / voice / a picked\n * file) — a waveform with drag handles marking the selected window. Long\n * tracks scroll horizontally so the user can pan to the part they want\n * before placing the handles; short tracks fit without scrolling.\n */\nexport function AudioTrimScrubber(props: {\n inputPath: string;\n durationSeconds: number;\n startSeconds: number;\n endSeconds: number;\n /** The audio player's own current position, in this file's own time\n * base — used to color the played portion of the waveform. `null` while\n * not actively playing this track, so bars fall back to the unplayed\n * shade. */\n currentTime: number | null;\n onChange: (range: { startSeconds: number; endSeconds: number }) => void;\n onDelete?: () => void;\n width: number;\n /**\n * Passed through to normalizeWaveformPeaks — lower it for a track whose\n * loudness is consistently close to its own peak (a synth/chiptune track\n * normalizes to near-max-height bars throughout at the default 1.6,\n * looking \"filled\" compared to a quieter, more dynamic recording). Has no\n * effect on relative bar-to-bar proportions within a single file, only on\n * how aggressively the loudest moment is pushed to full height.\n */\n contrastExponent?: number;\n /**\n * Already-extracted, already-normalized peaks for this exact inputPath —\n * pass the result of a prior extractWaveform(inputPath,\n * computeAudioTrimBarCount(width, durationSeconds, !!onDelete)) call (run\n * normalizeWaveformPeaks(peaks, contrastExponent) yourself first, since\n * this skips that step too) to skip this component's own extraction\n * entirely, so pre-warming elsewhere actually avoids a second visible\n * loading state here rather than merely priming a cache this component\n * doesn't share. Ignored (falls back to extracting normally) if its\n * length doesn't match the barCount this component computes for the\n * given width/durationSeconds/onDelete — that mismatch means it was\n * computed differently and can't be trusted as-is.\n */\n initialPeaks?: number[];\n}) {\n const { inputPath, durationSeconds, startSeconds, endSeconds, currentTime, onChange, onDelete, width, contrastExponent, initialPeaks } = props;\n const deleteButtonSpace = onDelete ? DELETE_BUTTON_SIZE + 8 : 0;\n const scrubberWidth = width - deleteButtonSpace;\n const contentWidth = Math.max(scrubberWidth, durationSeconds * PIXELS_PER_SECOND);\n const usableContentWidth = contentWidth - HANDLE_WIDTH * 2;\n const barCount = computeAudioTrimBarCount(width, durationSeconds, !!onDelete);\n\n const usableInitialPeaks = initialPeaks && initialPeaks.length === barCount ? initialPeaks : null;\n\n /**\n * Keyed by the request that produced it, so a stale result is simply\n * never rendered — no separate reset-to-loading write is needed. Seeded\n * from usableInitialPeaks so a caller that already extracted this exact\n * (inputPath, barCount) pair never sees this component's own loading\n * state at all.\n */\n const [result, setResult] = useState<{ inputPath: string; barCount: number; peaks: number[] } | null>(\n usableInitialPeaks ? { inputPath, barCount, peaks: usableInitialPeaks } : null,\n );\n\n useEffect(() => {\n if (usableInitialPeaks) return;\n let cancelled = false;\n\n ExpoProVideoEditorModule.extractWaveform(inputPath, barCount)\n .then(peaks => {\n if (cancelled) return;\n setResult({ inputPath, barCount, peaks: normalizeWaveformPeaks(peaks, contrastExponent) });\n })\n .catch(error => {\n console.warn(`Waveform extraction failed for ${inputPath}:`, error);\n });\n\n return () => {\n cancelled = true;\n };\n }, [inputPath, barCount, contrastExponent, !!usableInitialPeaks]);\n\n const peaks = result?.inputPath === inputPath && result.barCount === barCount ? result.peaks : null;\n\n /**\n * Mirrored into refs (in an effect, not during render) so the\n * PanResponder instances below — created once, in a later effect — always\n * read current values instead of whatever was in scope when built.\n */\n const startXRef = useRef(startSeconds);\n const endXRef = useRef(endSeconds);\n const durationSecondsRef = useRef(durationSeconds);\n const usableContentWidthRef = useRef(usableContentWidth);\n useEffect(() => {\n startXRef.current = startSeconds;\n endXRef.current = endSeconds;\n durationSecondsRef.current = durationSeconds;\n usableContentWidthRef.current = usableContentWidth;\n });\n\n const startGestureAnchorRef = useRef(0);\n const endGestureAnchorRef = useRef(0);\n /**\n * The trim handles sit inside the horizontal ScrollView, so a drag on a\n * handle is ambiguous with the ScrollView's own pan-to-scroll recognizer —\n * without this, dragging a handle also scrolls the content underneath it.\n * Disabling scroll for the duration of a handle drag (grant → release)\n * resolves the conflict outright instead of fighting gesture priority.\n */\n const [scrollEnabled, setScrollEnabled] = useState(true);\n\n function secondsToX(seconds: number) {\n if (durationSeconds <= 0) return 0;\n return (seconds / durationSeconds) * usableContentWidth;\n }\n\n /**\n * Built once, after mount, so PanResponder.create() never runs during\n * render — its callbacks read the refs above for live values.\n */\n const [panResponders, setPanResponders] = useState<{\n start: ReturnType<typeof PanResponder.create>;\n end: ReturnType<typeof PanResponder.create>;\n } | null>(null);\n\n useEffect(() => {\n function secondsToXCurrent(seconds: number) {\n if (durationSecondsRef.current <= 0) return 0;\n return (seconds / durationSecondsRef.current) * usableContentWidthRef.current;\n }\n\n function xToSecondsCurrent(x: number) {\n if (usableContentWidthRef.current <= 0) return 0;\n return (x / usableContentWidthRef.current) * durationSecondsRef.current;\n }\n\n setPanResponders({\n start: PanResponder.create({\n onStartShouldSetPanResponder: () => true,\n onPanResponderGrant: () => {\n setScrollEnabled(false);\n startGestureAnchorRef.current = secondsToXCurrent(startXRef.current);\n },\n onPanResponderMove: (_event, gesture) => {\n const nextSeconds = xToSecondsCurrent(startGestureAnchorRef.current + gesture.dx);\n const clamped = Math.max(0, Math.min(nextSeconds, endXRef.current - MIN_TRIM_SECONDS));\n onChange({ startSeconds: clamped, endSeconds: endXRef.current });\n },\n onPanResponderRelease: () => setScrollEnabled(true),\n onPanResponderTerminate: () => setScrollEnabled(true),\n }),\n end: PanResponder.create({\n onStartShouldSetPanResponder: () => true,\n onPanResponderGrant: () => {\n setScrollEnabled(false);\n endGestureAnchorRef.current = secondsToXCurrent(endXRef.current);\n },\n onPanResponderMove: (_event, gesture) => {\n const nextSeconds = xToSecondsCurrent(endGestureAnchorRef.current + gesture.dx);\n const clamped = Math.min(durationSecondsRef.current, Math.max(nextSeconds, startXRef.current + MIN_TRIM_SECONDS));\n onChange({ startSeconds: startXRef.current, endSeconds: clamped });\n },\n onPanResponderRelease: () => setScrollEnabled(true),\n onPanResponderTerminate: () => setScrollEnabled(true),\n }),\n });\n }, []);\n\n const startX = secondsToX(startSeconds);\n const endX = secondsToX(endSeconds);\n const barWidth = peaks && peaks.length > 0 ? usableContentWidth / peaks.length - BAR_GAP : 0;\n\n const isStartAtEdge = startX <= 0;\n const isEndAtEdge = endX >= usableContentWidth;\n\n const trimDuration = Math.max(0, endSeconds - startSeconds);\n const playedFraction = currentTime !== null && trimDuration > 0 ? Math.min(1, Math.max(0, (currentTime - startSeconds) / trimDuration)) : 0;\n const playedBarCount = currentTime !== null && peaks ? Math.round(playedFraction * peaks.length) : 0;\n\n return (\n <View className={styles.row()} style={{ width }}>\n <ScrollView\n horizontal\n showsHorizontalScrollIndicator={false}\n scrollEnabled={scrollEnabled}\n className={styles.scrollContainer()}\n style={{ width: scrubberWidth }}\n contentContainerStyle={{ width: contentWidth }}>\n <View className={styles.container()} style={{ width: contentWidth }}>\n <View className={styles.waveform()} style={{ width: usableContentWidth, marginHorizontal: HANDLE_WIDTH }}>\n {peaks ? (\n peaks.map((peak, index) => (\n <View\n key={index}\n className={styles.bar({ played: index < playedBarCount })}\n style={{\n width: Math.max(1, barWidth),\n height: Math.min(MAX_BAR_HEIGHT, Math.max(MIN_BAR_HEIGHT, peak * STRIP_HEIGHT)),\n }}\n />\n ))\n ) : (\n <View className={styles.loadingOverlay()}>\n <ActivityIndicator size=\"small\" />\n </View>\n )}\n <View\n pointerEvents=\"none\"\n className={styles.dimOverlay({ rounded: isStartAtEdge ? 'none' : 'start' })}\n style={{ left: 0, width: startX }}\n />\n <View pointerEvents=\"none\" className={styles.dimOverlay({ rounded: isEndAtEdge ? 'none' : 'end' })} style={{ left: endX, right: 0 }} />\n <View pointerEvents=\"none\" className={styles.selectionBorder()} style={{ left: startX, width: endX - startX }} />\n </View>\n <View\n className={styles.handle({ side: 'start' })}\n style={{ left: startX }}\n hitSlop={{ top: 16, bottom: 16, left: 16, right: 16 }}\n {...panResponders?.start.panHandlers}>\n <View className={styles.handleGrip()} />\n </View>\n <View\n className={styles.handle({ side: 'end' })}\n style={{ left: endX + HANDLE_WIDTH }}\n hitSlop={{ top: 16, bottom: 16, left: 16, right: 16 }}\n {...panResponders?.end.panHandlers}>\n <View className={styles.handleGrip()} />\n </View>\n </View>\n </ScrollView>\n {onDelete ? (\n <TouchableOpacity className={styles.deleteButton()} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }} onPress={onDelete}>\n <Text className={styles.deleteButtonText()}>✕</Text>\n </TouchableOpacity>\n ) : null}\n </View>\n );\n}\n"]}
|
|
@@ -29,7 +29,7 @@ const styles = {
|
|
|
29
29
|
}),
|
|
30
30
|
failedText: tv({ base: 'text-[11px] text-video-editor-text-muted' }),
|
|
31
31
|
deleteButton: tv({
|
|
32
|
-
base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-
|
|
32
|
+
base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-video-editor-surface',
|
|
33
33
|
}),
|
|
34
34
|
deleteButtonText: tv({ base: 'text-xs text-video-editor-text' }),
|
|
35
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AudioWaveform.js","sourceRoot":"","sources":["../../src/ui/AudioWaveform.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB;;;GAGG;AACH,MAAM,cAAc,GAAG,YAAY,GAAG,EAAE,CAAC;AACzC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B,MAAM,MAAM,GAAG;IACb,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,sCAAsC,EAAE,CAAC;IACzD,QAAQ,EAAE,EAAE,CAAC;QACX,IAAI,EAAE,oGAAoG;KAC3G,CAAC;IACF,GAAG,EAAE,EAAE,CAAC;QACN,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE;YACR,MAAM,EAAE;gBACN,IAAI,EAAE,4BAA4B;gBAClC,KAAK,EAAE,8BAA8B;aACtC;SACF;KACF,CAAC;IACF,UAAU,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,0CAA0C,EAAE,CAAC;IACpE,YAAY,EAAE,EAAE,CAAC;QACf,IAAI,EAAE,qGAAqG;KAC5G,CAAC;IACF,gBAAgB,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,gCAAgC,EAAE,CAAC;CACjE,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,UAAU,aAAa,CAAC,KAiB7B;IACC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAG,SAAS,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC5H;;;OAGG;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAW1B,IAAI,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,wBAAwB,CAAC,eAAe,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC1D,IAAI,CAAC,KAAK,CAAC,EAAE;YACZ,IAAI,SAAS;gBAAE,OAAO;YACtB,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QAClH,CAAC,CAAC;aACD,KAAK,CAAC,KAAK,CAAC,EAAE;YACb,IAAI,SAAS;gBAAE,OAAO;YACtB,MAAM,OAAO,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACvE,IAAI,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC;gBAC7C,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,CAAC;YAC/E,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,IAAI,CAAC,kCAAkC,SAAS,GAAG,EAAE,KAAK,CAAC,CAAC;gBACpE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;YACxE,CAAC;QACH,CAAC,CAAC,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,MAAM,EAAE,SAAS,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAChG,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC;IACrC,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,MAAM,CAAC;IAEnD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,KAAK,GAAG,iBAAiB,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;IAE7D,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpH,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,CAAC;IAE7D,IAAI,WAAW,KAAK,cAAc;QAAE,OAAO,IAAI,CAAC;IAEhD,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAC9C;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAC9D;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,CAAC,CAAC,CAC1D,KAAK,CAAC,CAAC;gBACL,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,GAAG,YAAY,CAAC,CAAC;aAChF,CAAC,EACF,CACH,CAAC,CACH,CAAC,CAAC,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAC5B,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,iCAAiC,EAAE,IAAI,CAAC,CAC/E,CAAC,CAAC,CAAC,CACF,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAG,CACnC,CACH;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CACV,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CACvH;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CACrD;QAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native';\nimport { tv } from 'tailwind-variants';\n\nimport ExpoProVideoEditorModule from '../ExpoProVideoEditorModule';\nimport { normalizeWaveformPeaks } from '../waveform';\n\nconst STRIP_HEIGHT = 51;\nconst BAR_COUNT = 90;\nconst BAR_GAP = 1;\nconst MIN_BAR_HEIGHT = 3;\n/**\n * Leaves a visible gap above/below even the tallest bar so it never touches\n * the container's top/bottom edge, regardless of peak value.\n */\nconst MAX_BAR_HEIGHT = STRIP_HEIGHT - 10;\nconst DELETE_BUTTON_SIZE = 24;\n\nconst styles = {\n row: tv({ base: 'h-[51px] flex-row items-center gap-2' }),\n waveform: tv({\n base: 'h-[51px] flex-row items-center justify-center gap-px rounded-[10px] bg-video-editor-surface px-1.5',\n }),\n bar: tv({\n base: 'rounded-full',\n variants: {\n played: {\n true: 'bg-video-editor-bar-played',\n false: 'bg-video-editor-bar-unplayed',\n },\n },\n }),\n failedText: tv({ base: 'text-[11px] text-video-editor-text-muted' }),\n deleteButton: tv({\n base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-white',\n }),\n deleteButtonText: tv({ base: 'text-xs text-video-editor-text' }),\n};\n\n/**\n * A peak-amplitude waveform for a completed audio or video file — bars\n * mirror the standard voice-note look (Voice Memos, WhatsApp), with the\n * already-played portion turning solid while the rest stays dim.\n *\n * `onDelete` is optional: pass it to show a delete button (e.g. an editor\n * letting the user strip a clip's own audio track); omit it for a\n * read-only display (e.g. a chat bubble's voice message).\n */\nexport function AudioWaveform(props: {\n inputPath: string;\n width: number;\n currentTime: number;\n startSeconds: number;\n endSeconds: number;\n onDelete?: () => void;\n barCount?: number;\n /**\n * Passed through to normalizeWaveformPeaks — lower it for a track whose\n * loudness is consistently close to its own peak (a synth/chiptune track\n * normalizes to near-max-height bars throughout at the default 1.6,\n * looking \"filled\" compared to a quieter, more dynamic recording). Has no\n * effect on relative bar-to-bar proportions within a single file, only on\n * how aggressively the loudest moment is pushed to full height.\n */\n contrastExponent?: number;\n}) {\n const { inputPath, width, currentTime, startSeconds, endSeconds, onDelete, barCount = BAR_COUNT, contrastExponent } = props;\n /**\n * Keyed by the request that produced it, so a stale result is simply\n * never rendered — no separate reset-to-loading write is needed.\n */\n const [result, setResult] = useState<{\n inputPath: string;\n barCount: number;\n peaks: number[] | null;\n /**\n * Distinguishes \"this file genuinely has no audio track\" (hide the row\n * entirely — there's nothing to show or delete) from a real extraction\n * failure worth surfacing (network/decode error on a file that does have\n * audio).\n */\n failureKind: 'none' | 'noAudioTrack' | 'error';\n } | null>(null);\n\n useEffect(() => {\n let cancelled = false;\n\n ExpoProVideoEditorModule.extractWaveform(inputPath, barCount)\n .then(peaks => {\n if (cancelled) return;\n setResult({ inputPath, barCount, peaks: normalizeWaveformPeaks(peaks, contrastExponent), failureKind: 'none' });\n })\n .catch(error => {\n if (cancelled) return;\n const message = error instanceof Error ? error.message : String(error);\n if (message.includes('No audio track found')) {\n setResult({ inputPath, barCount, peaks: null, failureKind: 'noAudioTrack' });\n } else {\n console.warn(`Waveform extraction failed for ${inputPath}:`, error);\n setResult({ inputPath, barCount, peaks: null, failureKind: 'error' });\n }\n });\n\n return () => {\n cancelled = true;\n };\n }, [inputPath, barCount, contrastExponent]);\n\n const current = result?.inputPath === inputPath && result.barCount === barCount ? result : null;\n const peaks = current?.peaks ?? null;\n const failureKind = current?.failureKind ?? 'none';\n\n const deleteButtonSpace = onDelete ? DELETE_BUTTON_SIZE + 8 : 0;\n const barsWidth = width - deleteButtonSpace;\n const barWidth = Math.max(1, barsWidth / barCount - BAR_GAP);\n\n const trimDuration = Math.max(0, endSeconds - startSeconds);\n const playedFraction = trimDuration > 0 ? Math.min(1, Math.max(0, (currentTime - startSeconds) / trimDuration)) : 0;\n const playedBarCount = Math.round(playedFraction * barCount);\n\n if (failureKind === 'noAudioTrack') return null;\n\n return (\n <View className={styles.row()} style={{ width }}>\n <View className={styles.waveform()} style={{ width: barsWidth }}>\n {peaks ? (\n peaks.map((peak, index) => (\n <View\n key={index}\n className={styles.bar({ played: index < playedBarCount })}\n style={{\n width: barWidth,\n height: Math.min(MAX_BAR_HEIGHT, Math.max(MIN_BAR_HEIGHT, peak * STRIP_HEIGHT)),\n }}\n />\n ))\n ) : failureKind === 'error' ? (\n <Text className={styles.failedText()}>Couldn't load audio waveform</Text>\n ) : (\n <ActivityIndicator size=\"small\" />\n )}\n </View>\n {onDelete ? (\n <TouchableOpacity className={styles.deleteButton()} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }} onPress={onDelete}>\n <Text className={styles.deleteButtonText()}>✕</Text>\n </TouchableOpacity>\n ) : null}\n </View>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"AudioWaveform.js","sourceRoot":"","sources":["../../src/ui/AudioWaveform.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,OAAO,wBAAwB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,MAAM,cAAc,GAAG,CAAC,CAAC;AACzB;;;GAGG;AACH,MAAM,cAAc,GAAG,YAAY,GAAG,EAAE,CAAC;AACzC,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B,MAAM,MAAM,GAAG;IACb,GAAG,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,sCAAsC,EAAE,CAAC;IACzD,QAAQ,EAAE,EAAE,CAAC;QACX,IAAI,EAAE,oGAAoG;KAC3G,CAAC;IACF,GAAG,EAAE,EAAE,CAAC;QACN,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE;YACR,MAAM,EAAE;gBACN,IAAI,EAAE,4BAA4B;gBAClC,KAAK,EAAE,8BAA8B;aACtC;SACF;KACF,CAAC;IACF,UAAU,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,0CAA0C,EAAE,CAAC;IACpE,YAAY,EAAE,EAAE,CAAC;QACf,IAAI,EAAE,oHAAoH;KAC3H,CAAC;IACF,gBAAgB,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,gCAAgC,EAAE,CAAC;CACjE,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,UAAU,aAAa,CAAC,KAiB7B;IACC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAG,SAAS,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC5H;;;OAGG;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAW1B,IAAI,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QAEtB,wBAAwB,CAAC,eAAe,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC1D,IAAI,CAAC,KAAK,CAAC,EAAE;YACZ,IAAI,SAAS;gBAAE,OAAO;YACtB,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;QAClH,CAAC,CAAC;aACD,KAAK,CAAC,KAAK,CAAC,EAAE;YACb,IAAI,SAAS;gBAAE,OAAO;YACtB,MAAM,OAAO,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACvE,IAAI,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC;gBAC7C,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,CAAC;YAC/E,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,IAAI,CAAC,kCAAkC,SAAS,GAAG,EAAE,KAAK,CAAC,CAAC;gBACpE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;YACxE,CAAC;QACH,CAAC,CAAC,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,MAAM,EAAE,SAAS,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAChG,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC;IACrC,MAAM,WAAW,GAAG,OAAO,EAAE,WAAW,IAAI,MAAM,CAAC;IAEnD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,KAAK,GAAG,iBAAiB,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;IAE7D,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC;IAC5D,MAAM,cAAc,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpH,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC,CAAC;IAE7D,IAAI,WAAW,KAAK,cAAc;QAAE,OAAO,IAAI,CAAC;IAEhD,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAC9C;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAC9D;QAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,cAAc,EAAE,CAAC,CAAC,CAC1D,KAAK,CAAC,CAAC;gBACL,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,GAAG,YAAY,CAAC,CAAC;aAChF,CAAC,EACF,CACH,CAAC,CACH,CAAC,CAAC,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,CAC5B,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,iCAAiC,EAAE,IAAI,CAAC,CAC/E,CAAC,CAAC,CAAC,CACF,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAG,CACnC,CACH;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CACV,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CACvH;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CACrD;QAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native';\nimport { tv } from 'tailwind-variants';\n\nimport ExpoProVideoEditorModule from '../ExpoProVideoEditorModule';\nimport { normalizeWaveformPeaks } from '../waveform';\n\nconst STRIP_HEIGHT = 51;\nconst BAR_COUNT = 90;\nconst BAR_GAP = 1;\nconst MIN_BAR_HEIGHT = 3;\n/**\n * Leaves a visible gap above/below even the tallest bar so it never touches\n * the container's top/bottom edge, regardless of peak value.\n */\nconst MAX_BAR_HEIGHT = STRIP_HEIGHT - 10;\nconst DELETE_BUTTON_SIZE = 24;\n\nconst styles = {\n row: tv({ base: 'h-[51px] flex-row items-center gap-2' }),\n waveform: tv({\n base: 'h-[51px] flex-row items-center justify-center gap-px rounded-[10px] bg-video-editor-surface px-1.5',\n }),\n bar: tv({\n base: 'rounded-full',\n variants: {\n played: {\n true: 'bg-video-editor-bar-played',\n false: 'bg-video-editor-bar-unplayed',\n },\n },\n }),\n failedText: tv({ base: 'text-[11px] text-video-editor-text-muted' }),\n deleteButton: tv({\n base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-video-editor-surface',\n }),\n deleteButtonText: tv({ base: 'text-xs text-video-editor-text' }),\n};\n\n/**\n * A peak-amplitude waveform for a completed audio or video file — bars\n * mirror the standard voice-note look (Voice Memos, WhatsApp), with the\n * already-played portion turning solid while the rest stays dim.\n *\n * `onDelete` is optional: pass it to show a delete button (e.g. an editor\n * letting the user strip a clip's own audio track); omit it for a\n * read-only display (e.g. a chat bubble's voice message).\n */\nexport function AudioWaveform(props: {\n inputPath: string;\n width: number;\n currentTime: number;\n startSeconds: number;\n endSeconds: number;\n onDelete?: () => void;\n barCount?: number;\n /**\n * Passed through to normalizeWaveformPeaks — lower it for a track whose\n * loudness is consistently close to its own peak (a synth/chiptune track\n * normalizes to near-max-height bars throughout at the default 1.6,\n * looking \"filled\" compared to a quieter, more dynamic recording). Has no\n * effect on relative bar-to-bar proportions within a single file, only on\n * how aggressively the loudest moment is pushed to full height.\n */\n contrastExponent?: number;\n}) {\n const { inputPath, width, currentTime, startSeconds, endSeconds, onDelete, barCount = BAR_COUNT, contrastExponent } = props;\n /**\n * Keyed by the request that produced it, so a stale result is simply\n * never rendered — no separate reset-to-loading write is needed.\n */\n const [result, setResult] = useState<{\n inputPath: string;\n barCount: number;\n peaks: number[] | null;\n /**\n * Distinguishes \"this file genuinely has no audio track\" (hide the row\n * entirely — there's nothing to show or delete) from a real extraction\n * failure worth surfacing (network/decode error on a file that does have\n * audio).\n */\n failureKind: 'none' | 'noAudioTrack' | 'error';\n } | null>(null);\n\n useEffect(() => {\n let cancelled = false;\n\n ExpoProVideoEditorModule.extractWaveform(inputPath, barCount)\n .then(peaks => {\n if (cancelled) return;\n setResult({ inputPath, barCount, peaks: normalizeWaveformPeaks(peaks, contrastExponent), failureKind: 'none' });\n })\n .catch(error => {\n if (cancelled) return;\n const message = error instanceof Error ? error.message : String(error);\n if (message.includes('No audio track found')) {\n setResult({ inputPath, barCount, peaks: null, failureKind: 'noAudioTrack' });\n } else {\n console.warn(`Waveform extraction failed for ${inputPath}:`, error);\n setResult({ inputPath, barCount, peaks: null, failureKind: 'error' });\n }\n });\n\n return () => {\n cancelled = true;\n };\n }, [inputPath, barCount, contrastExponent]);\n\n const current = result?.inputPath === inputPath && result.barCount === barCount ? result : null;\n const peaks = current?.peaks ?? null;\n const failureKind = current?.failureKind ?? 'none';\n\n const deleteButtonSpace = onDelete ? DELETE_BUTTON_SIZE + 8 : 0;\n const barsWidth = width - deleteButtonSpace;\n const barWidth = Math.max(1, barsWidth / barCount - BAR_GAP);\n\n const trimDuration = Math.max(0, endSeconds - startSeconds);\n const playedFraction = trimDuration > 0 ? Math.min(1, Math.max(0, (currentTime - startSeconds) / trimDuration)) : 0;\n const playedBarCount = Math.round(playedFraction * barCount);\n\n if (failureKind === 'noAudioTrack') return null;\n\n return (\n <View className={styles.row()} style={{ width }}>\n <View className={styles.waveform()} style={{ width: barsWidth }}>\n {peaks ? (\n peaks.map((peak, index) => (\n <View\n key={index}\n className={styles.bar({ played: index < playedBarCount })}\n style={{\n width: barWidth,\n height: Math.min(MAX_BAR_HEIGHT, Math.max(MIN_BAR_HEIGHT, peak * STRIP_HEIGHT)),\n }}\n />\n ))\n ) : failureKind === 'error' ? (\n <Text className={styles.failedText()}>Couldn't load audio waveform</Text>\n ) : (\n <ActivityIndicator size=\"small\" />\n )}\n </View>\n {onDelete ? (\n <TouchableOpacity className={styles.deleteButton()} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }} onPress={onDelete}>\n <Text className={styles.deleteButtonText()}>✕</Text>\n </TouchableOpacity>\n ) : null}\n </View>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoiceRecorder.d.ts","sourceRoot":"","sources":["../../src/ui/VoiceRecorder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"VoiceRecorder.d.ts","sourceRoot":"","sources":["../../src/ui/VoiceRecorder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA0CtD,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,sBAAsB,GAAG,aAAa,CAAC;IACjD,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAUH;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;4DAEwD;IACxD,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB;;4EAEoE;QACpE,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;KACnE,CAAC;IACF,mEAAmE;IACnE,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,+BAuLA"}
|
|
@@ -10,17 +10,6 @@ const styles = {
|
|
|
10
10
|
sheet: tv({
|
|
11
11
|
base: 'gap-4 rounded-t-2xl bg-white p-5 dark:bg-video-editor-surface',
|
|
12
12
|
variants: {
|
|
13
|
-
// For a caller embedding this inside their own sheet component (which
|
|
14
|
-
// already provides its own background, rounded top corners, and
|
|
15
|
-
// vertical spacing) — painting both stacks two slightly different
|
|
16
|
-
// surfaces with a visible seam between them (this component's own
|
|
17
|
-
// white/dark box on top of the outer sheet's own themed background).
|
|
18
|
-
// `bare` drops the background/rounding/vertical padding this
|
|
19
|
-
// component would otherwise add on top of the outer sheet's own, but
|
|
20
|
-
// keeps horizontal padding — the outer sheet only supplies its own
|
|
21
|
-
// top/bottom inset (e.g. handle spacing, safe-area), not left/right,
|
|
22
|
-
// so this content still needs its own side margins from the sheet's
|
|
23
|
-
// edges.
|
|
24
13
|
bare: { true: 'gap-4 bg-transparent px-5 py-0' },
|
|
25
14
|
},
|
|
26
15
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoiceRecorder.js","sourceRoot":"","sources":["../../src/ui/VoiceRecorder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RecordingPresets, requestRecordingPermissionsAsync, setAudioModeAsync, useAudioRecorder, useAudioRecorderState } from 'expo-audio';\nimport { Mic, Square } from 'lucide-react-native';\nimport type { ComponentType, ReactNode } from 'react';\nimport { useEffect, useState } from 'react';\nimport { Modal, Text, TouchableOpacity, View } from 'react-native';\nimport { tv } from 'tailwind-variants';\n\nimport { RecordingIndicator } from './RecordingIndicator';\n\nconst RECORDING_OPTIONS = { ...RecordingPresets.HIGH_QUALITY, isMeteringEnabled: true };\n\nconst styles = {\n backdrop: tv({ base: 'flex-1 justify-end bg-black/45' }),\n sheet: tv({\n base: 'gap-4 rounded-t-2xl bg-white p-5 dark:bg-video-editor-surface',\n variants: {\n // For a caller embedding this inside their own sheet component (which\n // already provides its own background, rounded top corners, and\n // vertical spacing) — painting both stacks two slightly different\n // surfaces with a visible seam between them (this component's own\n // white/dark box on top of the outer sheet's own themed background).\n // `bare` drops the background/rounding/vertical padding this\n // component would otherwise add on top of the outer sheet's own, but\n // keeps horizontal padding — the outer sheet only supplies its own\n // top/bottom inset (e.g. handle spacing, safe-area), not left/right,\n // so this content still needs its own side margins from the sheet's\n // edges.\n bare: { true: 'gap-4 bg-transparent px-5 py-0' },\n },\n }),\n title: tv({ base: 'text-base font-semibold text-video-editor-text' }),\n errorText: tv({ base: 'text-center text-[13px] text-video-editor-text-muted' }),\n controlsRow: tv({ base: 'flex-row items-center justify-center gap-6 py-2' }),\n controlSpacer: tv({ base: 'w-10' }),\n recordButtonRing: tv({\n base: 'h-[76px] w-[76px] items-center justify-center rounded-full border-4 border-video-editor-border',\n variants: { disabled: { true: 'opacity-50' } },\n }),\n recordCircle: tv({\n base: 'h-[60px] w-[60px] items-center justify-center rounded-full bg-video-editor-accent',\n variants: { disabled: { true: 'bg-video-editor-bar-unplayed' } },\n }),\n discardButton: tv({\n base: 'h-10 w-10 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-video-editor-surface',\n }),\n discardButtonText: tv({ base: 'text-base text-video-editor-text' }),\n bottomBar: tv({ base: 'flex-row items-center justify-between' }),\n cancelText: tv({ base: 'text-sm text-video-editor-text' }),\n doneButton: tv({\n base: 'h-[38px] items-center justify-center rounded-full bg-video-editor-accent px-5',\n variants: { disabled: { true: 'opacity-40' } },\n }),\n doneButtonText: tv({ base: 'text-sm font-semibold text-white' }),\n};\n\nexport type VoiceRecorderResult = {\n uri: string;\n durationSeconds: number;\n};\n\n/**\n * The container a `VoiceRecorder` presents in — defaults to a plain React\n * Native `Modal` rendered as a bottom sheet. Pass a real bottom-sheet\n * component (e.g. `@gorhom/bottom-sheet`'s `BottomSheetModal`, or a wrapper\n * like `@niibase/bottom-sheet-manager`'s `BottomSheet`) to get native sheet\n * behavior (drag-to-dismiss, snap points) instead — this package has no\n * opinion on which sheet library you use, and doesn't depend on one.\n */\nexport type VoiceRecorderContainer = ComponentType<{\n visible: boolean;\n onRequestClose: () => void;\n children: ReactNode;\n}>;\n\nfunction DefaultContainer(props: { visible: boolean; onRequestClose: () => void; children: ReactNode }) {\n return (\n <Modal visible={props.visible} transparent animationType=\"slide\" onRequestClose={props.onRequestClose}>\n <View className={styles.backdrop()}>{props.children}</View>\n </Modal>\n );\n}\n\n/**\n * A record/stop/discard/done voice recorder, presented as a bottom sheet.\n * Renders on top of whatever the caller passes as `backgroundContent` (e.g.\n * an editor's own video preview, kept alive and playing behind the sheet) —\n * or nothing, for a recorder with no visual context (e.g. a chat app).\n *\n * `progress`, if provided, drives a `RecordingIndicator` in `'filmstrip'`\n * mode (a video's own frames with a moving playhead) so the user can see a\n * fixed-length recording's end coming. Without it, the indicator falls back\n * to a live mic-amplitude waveform — no video required.\n */\nexport function VoiceRecorder(props: {\n visible: boolean;\n onCancel: () => void;\n onConfirm: (result: VoiceRecorderResult) => void;\n title?: string;\n width: number;\n backgroundContent?: ReactNode;\n /** Ties the recording indicator to a video's own playhead (filmstrip\n * mode) and auto-stops the take once the video reaches its end. Omit for\n * a plain live-amplitude waveform with no fixed end. */\n progress?: {\n videoUri: string | null;\n currentTime: number;\n totalDuration: number;\n /** Called every render while recording so the caller can drive its own\n * video player in lockstep (play on record, pause/rewind on\n * stop/discard) — this component has no video player of its own. */\n onPlaybackRequest: (action: 'play' | 'pause' | 'restart') => void;\n };\n /** Sheet container to present in — defaults to a plain `Modal`. */\n Container?: VoiceRecorderContainer;\n /**\n * Set when embedding this inside a caller-provided sheet component that\n * already supplies its own background, padding, and rounded top corners\n * (e.g. via a custom `Container`) — drops this component's own matching\n * styling so the two don't stack into two slightly different, visibly\n * seamed surfaces. Leave unset for the default `Modal` presentation.\n */\n bare?: boolean;\n}) {\n const {\n visible,\n onCancel,\n onConfirm,\n title = 'Voice-over',\n width,\n backgroundContent,\n progress,\n Container = DefaultContainer,\n bare = false,\n } = props;\n const [permissionError, setPermissionError] = useState<string | null>(null);\n const [recordedUri, setRecordedUri] = useState<string | null>(null);\n const [recordedDurationSeconds, setRecordedDurationSeconds] = useState(0);\n /**\n * Where the filmstrip's played-overlay should freeze once a take is\n * stopped. The live `progress.currentTime` keeps moving after that — a\n * caller's own trim-preview effect may rewind its player once it reaches\n * the end — so the overlay needs its own frozen snapshot instead of\n * reading the live position, to stay put where the recording actually\n * ended.\n */\n const [frozenTime, setFrozenTime] = useState<number | null>(null);\n\n const recorder = useAudioRecorder(RECORDING_OPTIONS);\n const recorderState = useAudioRecorderState(recorder, 100);\n\n useEffect(() => {\n if (!visible) return;\n let cancelled = false;\n\n requestRecordingPermissionsAsync().then(async ({ granted }) => {\n if (cancelled) return;\n if (!granted) {\n setPermissionError('Microphone access is required to record.');\n return;\n }\n /**\n * The audio session defaults to `allowsRecording: false` — record()\n * rejects with RecordingDisabledException until this is set, even\n * with the OS permission already granted. `playsInSilentMode` keeps\n * any background playback and the mic recording both alive together\n * rather than one silencing the other.\n */\n await setAudioModeAsync({ allowsRecording: true, playsInSilentMode: true });\n });\n\n return () => {\n cancelled = true;\n };\n }, [visible]);\n\n /**\n * Reset to a clean slate every time the sheet opens, computed during\n * render (not an effect) since this component stays mounted across\n * open/close rather than remounting.\n */\n const [wasVisible, setWasVisible] = useState(visible);\n if (visible !== wasVisible) {\n setWasVisible(visible);\n if (visible) {\n setRecordedUri(null);\n setRecordedDurationSeconds(0);\n setFrozenTime(null);\n }\n }\n\n // Don't start playing anything until the user actually presses record.\n useEffect(() => {\n if (!visible) return;\n progress?.onPlaybackRequest('pause');\n progress?.onPlaybackRequest('restart');\n }, [visible]);\n\n async function stopRecording() {\n setFrozenTime(progress?.currentTime ?? 0);\n await recorder.stop();\n progress?.onPlaybackRequest('pause');\n setRecordedUri(recorder.uri);\n setRecordedDurationSeconds(recorderState.durationMillis / 1000);\n }\n\n async function handleToggleRecording() {\n if (recorderState.isRecording) {\n await stopRecording();\n return;\n }\n\n setRecordedUri(null);\n setFrozenTime(null);\n /**\n * Fully pause/rewind before asking AVAudioRecorder to prepare — starting\n * playback and preparing the recorder in the same tick can leave the two\n * contending for the audio session on-device (\"Failed to prepare\n * recorder\"). Only once the recorder is confirmed ready do both\n * playback and recording start together.\n */\n progress?.onPlaybackRequest('pause');\n progress?.onPlaybackRequest('restart');\n /**\n * Re-passing the preset (instead of calling prepareToRecordAsync() bare)\n * forces the native side to build a brand-new AVAudioRecorder at a fresh\n * file path every take. With no options, prepare() reuses the same\n * recorder instance from the previous take at its original file — after\n * a take had already been stopped once, re-preparing that same instance\n * produced a file with no audio data on the second take.\n */\n await recorder.prepareToRecordAsync(RECORDING_OPTIONS);\n recorder.record();\n progress?.onPlaybackRequest('play');\n }\n\n /**\n * A fixed-length recording context (e.g. narrating over a video) auto-stops\n * the take once that context reaches its end, capping it at exactly one\n * pass instead of freezing progress without ever stopping the recording.\n */\n useEffect(() => {\n if (!visible || !progress || !recorderState.isRecording) return;\n if (progress.totalDuration > 0 && progress.currentTime >= progress.totalDuration - 0.05) {\n queueMicrotask(stopRecording);\n }\n }, [visible, recorderState.isRecording, progress?.currentTime, progress?.totalDuration]);\n\n function handleDiscard() {\n setRecordedUri(null);\n setRecordedDurationSeconds(0);\n setFrozenTime(null);\n progress?.onPlaybackRequest('restart');\n progress?.onPlaybackRequest('play');\n }\n\n function handleDone() {\n if (!recordedUri) return;\n onConfirm({ uri: recordedUri, durationSeconds: recordedDurationSeconds });\n }\n\n return (\n <Container visible={visible} onRequestClose={onCancel}>\n {backgroundContent}\n <View className={styles.sheet({ bare })}>\n <Text className={styles.title()}>{title}</Text>\n\n {permissionError ? <Text className={styles.errorText()}>{permissionError}</Text> : null}\n\n {progress ? (\n <RecordingIndicator\n mode=\"filmstrip\"\n uri={progress.videoUri}\n durationSeconds={progress.totalDuration}\n currentTime={frozenTime ?? progress.currentTime}\n width={width}\n />\n ) : (\n <RecordingIndicator mode=\"waveform\" metering={recorderState.metering} isRecording={recorderState.isRecording} width={width} />\n )}\n\n <View className={styles.controlsRow()}>\n {recordedUri ? (\n <>\n <View className={styles.controlSpacer()} />\n <RecordButton isRecording={false} disabled onPress={handleToggleRecording} />\n <TouchableOpacity className={styles.discardButton()} onPress={handleDiscard}>\n <Text className={styles.discardButtonText()}>✕</Text>\n </TouchableOpacity>\n </>\n ) : (\n <RecordButton isRecording={recorderState.isRecording} disabled={!!permissionError} onPress={handleToggleRecording} />\n )}\n </View>\n\n <View className={styles.bottomBar()}>\n <TouchableOpacity onPress={onCancel}>\n <Text className={styles.cancelText()}>Cancel</Text>\n </TouchableOpacity>\n <TouchableOpacity className={styles.doneButton({ disabled: !recordedUri })} onPress={handleDone} disabled={!recordedUri}>\n <Text className={styles.doneButtonText()}>Done</Text>\n </TouchableOpacity>\n </View>\n </View>\n </Container>\n );\n}\n\nconst ICON_COLOR = '#ffffff';\n\nfunction RecordButton(props: { isRecording: boolean; disabled: boolean; onPress: () => void }) {\n const { isRecording, disabled, onPress } = props;\n return (\n <TouchableOpacity className={styles.recordButtonRing({ disabled })} onPress={onPress} disabled={disabled}>\n {isRecording ? (\n <View className={styles.recordCircle()}>\n <Square size={20} color={ICON_COLOR} fill={ICON_COLOR} />\n </View>\n ) : (\n <View className={styles.recordCircle({ disabled })}>\n <Mic size={26} color={ICON_COLOR} />\n </View>\n )}\n </TouchableOpacity>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"VoiceRecorder.js","sourceRoot":"","sources":["../../src/ui/VoiceRecorder.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RecordingPresets, requestRecordingPermissionsAsync, setAudioModeAsync, useAudioRecorder, useAudioRecorderState } from 'expo-audio';\nimport { Mic, Square } from 'lucide-react-native';\nimport type { ComponentType, ReactNode } from 'react';\nimport { useEffect, useState } from 'react';\nimport { Modal, Text, TouchableOpacity, View } from 'react-native';\nimport { tv } from 'tailwind-variants';\n\nimport { RecordingIndicator } from './RecordingIndicator';\n\nconst RECORDING_OPTIONS = { ...RecordingPresets.HIGH_QUALITY, isMeteringEnabled: true };\n\nconst styles = {\n backdrop: tv({ base: 'flex-1 justify-end bg-black/45' }),\n sheet: tv({\n base: 'gap-4 rounded-t-2xl bg-white p-5 dark:bg-video-editor-surface',\n variants: {\n bare: { true: 'gap-4 bg-transparent px-5 py-0' },\n },\n }),\n title: tv({ base: 'text-base font-semibold text-video-editor-text' }),\n errorText: tv({ base: 'text-center text-[13px] text-video-editor-text-muted' }),\n controlsRow: tv({ base: 'flex-row items-center justify-center gap-6 py-2' }),\n controlSpacer: tv({ base: 'w-10' }),\n recordButtonRing: tv({\n base: 'h-[76px] w-[76px] items-center justify-center rounded-full border-4 border-video-editor-border',\n variants: { disabled: { true: 'opacity-50' } },\n }),\n recordCircle: tv({\n base: 'h-[60px] w-[60px] items-center justify-center rounded-full bg-video-editor-accent',\n variants: { disabled: { true: 'bg-video-editor-bar-unplayed' } },\n }),\n discardButton: tv({\n base: 'h-10 w-10 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-video-editor-surface',\n }),\n discardButtonText: tv({ base: 'text-base text-video-editor-text' }),\n bottomBar: tv({ base: 'flex-row items-center justify-between' }),\n cancelText: tv({ base: 'text-sm text-video-editor-text' }),\n doneButton: tv({\n base: 'h-[38px] items-center justify-center rounded-full bg-video-editor-accent px-5',\n variants: { disabled: { true: 'opacity-40' } },\n }),\n doneButtonText: tv({ base: 'text-sm font-semibold text-white' }),\n};\n\nexport type VoiceRecorderResult = {\n uri: string;\n durationSeconds: number;\n};\n\n/**\n * The container a `VoiceRecorder` presents in — defaults to a plain React\n * Native `Modal` rendered as a bottom sheet. Pass a real bottom-sheet\n * component (e.g. `@gorhom/bottom-sheet`'s `BottomSheetModal`, or a wrapper\n * like `@niibase/bottom-sheet-manager`'s `BottomSheet`) to get native sheet\n * behavior (drag-to-dismiss, snap points) instead — this package has no\n * opinion on which sheet library you use, and doesn't depend on one.\n */\nexport type VoiceRecorderContainer = ComponentType<{\n visible: boolean;\n onRequestClose: () => void;\n children: ReactNode;\n}>;\n\nfunction DefaultContainer(props: { visible: boolean; onRequestClose: () => void; children: ReactNode }) {\n return (\n <Modal visible={props.visible} transparent animationType=\"slide\" onRequestClose={props.onRequestClose}>\n <View className={styles.backdrop()}>{props.children}</View>\n </Modal>\n );\n}\n\n/**\n * A record/stop/discard/done voice recorder, presented as a bottom sheet.\n * Renders on top of whatever the caller passes as `backgroundContent` (e.g.\n * an editor's own video preview, kept alive and playing behind the sheet) —\n * or nothing, for a recorder with no visual context (e.g. a chat app).\n *\n * `progress`, if provided, drives a `RecordingIndicator` in `'filmstrip'`\n * mode (a video's own frames with a moving playhead) so the user can see a\n * fixed-length recording's end coming. Without it, the indicator falls back\n * to a live mic-amplitude waveform — no video required.\n */\nexport function VoiceRecorder(props: {\n visible: boolean;\n onCancel: () => void;\n onConfirm: (result: VoiceRecorderResult) => void;\n title?: string;\n width: number;\n backgroundContent?: ReactNode;\n /** Ties the recording indicator to a video's own playhead (filmstrip\n * mode) and auto-stops the take once the video reaches its end. Omit for\n * a plain live-amplitude waveform with no fixed end. */\n progress?: {\n videoUri: string | null;\n currentTime: number;\n totalDuration: number;\n /** Called every render while recording so the caller can drive its own\n * video player in lockstep (play on record, pause/rewind on\n * stop/discard) — this component has no video player of its own. */\n onPlaybackRequest: (action: 'play' | 'pause' | 'restart') => void;\n };\n /** Sheet container to present in — defaults to a plain `Modal`. */\n Container?: VoiceRecorderContainer;\n /**\n * Set when embedding this inside a caller-provided sheet component that\n * already supplies its own background, padding, and rounded top corners\n * (e.g. via a custom `Container`) — drops this component's own matching\n * styling so the two don't stack into two slightly different, visibly\n * seamed surfaces. Leave unset for the default `Modal` presentation.\n */\n bare?: boolean;\n}) {\n const {\n visible,\n onCancel,\n onConfirm,\n title = 'Voice-over',\n width,\n backgroundContent,\n progress,\n Container = DefaultContainer,\n bare = false,\n } = props;\n const [permissionError, setPermissionError] = useState<string | null>(null);\n const [recordedUri, setRecordedUri] = useState<string | null>(null);\n const [recordedDurationSeconds, setRecordedDurationSeconds] = useState(0);\n /**\n * Where the filmstrip's played-overlay should freeze once a take is\n * stopped. The live `progress.currentTime` keeps moving after that — a\n * caller's own trim-preview effect may rewind its player once it reaches\n * the end — so the overlay needs its own frozen snapshot instead of\n * reading the live position, to stay put where the recording actually\n * ended.\n */\n const [frozenTime, setFrozenTime] = useState<number | null>(null);\n\n const recorder = useAudioRecorder(RECORDING_OPTIONS);\n const recorderState = useAudioRecorderState(recorder, 100);\n\n useEffect(() => {\n if (!visible) return;\n let cancelled = false;\n\n requestRecordingPermissionsAsync().then(async ({ granted }) => {\n if (cancelled) return;\n if (!granted) {\n setPermissionError('Microphone access is required to record.');\n return;\n }\n /**\n * The audio session defaults to `allowsRecording: false` — record()\n * rejects with RecordingDisabledException until this is set, even\n * with the OS permission already granted. `playsInSilentMode` keeps\n * any background playback and the mic recording both alive together\n * rather than one silencing the other.\n */\n await setAudioModeAsync({ allowsRecording: true, playsInSilentMode: true });\n });\n\n return () => {\n cancelled = true;\n };\n }, [visible]);\n\n /**\n * Reset to a clean slate every time the sheet opens, computed during\n * render (not an effect) since this component stays mounted across\n * open/close rather than remounting.\n */\n const [wasVisible, setWasVisible] = useState(visible);\n if (visible !== wasVisible) {\n setWasVisible(visible);\n if (visible) {\n setRecordedUri(null);\n setRecordedDurationSeconds(0);\n setFrozenTime(null);\n }\n }\n\n // Don't start playing anything until the user actually presses record.\n useEffect(() => {\n if (!visible) return;\n progress?.onPlaybackRequest('pause');\n progress?.onPlaybackRequest('restart');\n }, [visible]);\n\n async function stopRecording() {\n setFrozenTime(progress?.currentTime ?? 0);\n await recorder.stop();\n progress?.onPlaybackRequest('pause');\n setRecordedUri(recorder.uri);\n setRecordedDurationSeconds(recorderState.durationMillis / 1000);\n }\n\n async function handleToggleRecording() {\n if (recorderState.isRecording) {\n await stopRecording();\n return;\n }\n\n setRecordedUri(null);\n setFrozenTime(null);\n /**\n * Fully pause/rewind before asking AVAudioRecorder to prepare — starting\n * playback and preparing the recorder in the same tick can leave the two\n * contending for the audio session on-device (\"Failed to prepare\n * recorder\"). Only once the recorder is confirmed ready do both\n * playback and recording start together.\n */\n progress?.onPlaybackRequest('pause');\n progress?.onPlaybackRequest('restart');\n /**\n * Re-passing the preset (instead of calling prepareToRecordAsync() bare)\n * forces the native side to build a brand-new AVAudioRecorder at a fresh\n * file path every take. With no options, prepare() reuses the same\n * recorder instance from the previous take at its original file — after\n * a take had already been stopped once, re-preparing that same instance\n * produced a file with no audio data on the second take.\n */\n await recorder.prepareToRecordAsync(RECORDING_OPTIONS);\n recorder.record();\n progress?.onPlaybackRequest('play');\n }\n\n /**\n * A fixed-length recording context (e.g. narrating over a video) auto-stops\n * the take once that context reaches its end, capping it at exactly one\n * pass instead of freezing progress without ever stopping the recording.\n */\n useEffect(() => {\n if (!visible || !progress || !recorderState.isRecording) return;\n if (progress.totalDuration > 0 && progress.currentTime >= progress.totalDuration - 0.05) {\n queueMicrotask(stopRecording);\n }\n }, [visible, recorderState.isRecording, progress?.currentTime, progress?.totalDuration]);\n\n function handleDiscard() {\n setRecordedUri(null);\n setRecordedDurationSeconds(0);\n setFrozenTime(null);\n progress?.onPlaybackRequest('restart');\n progress?.onPlaybackRequest('play');\n }\n\n function handleDone() {\n if (!recordedUri) return;\n onConfirm({ uri: recordedUri, durationSeconds: recordedDurationSeconds });\n }\n\n return (\n <Container visible={visible} onRequestClose={onCancel}>\n {backgroundContent}\n <View className={styles.sheet({ bare })}>\n <Text className={styles.title()}>{title}</Text>\n\n {permissionError ? <Text className={styles.errorText()}>{permissionError}</Text> : null}\n\n {progress ? (\n <RecordingIndicator\n mode=\"filmstrip\"\n uri={progress.videoUri}\n durationSeconds={progress.totalDuration}\n currentTime={frozenTime ?? progress.currentTime}\n width={width}\n />\n ) : (\n <RecordingIndicator mode=\"waveform\" metering={recorderState.metering} isRecording={recorderState.isRecording} width={width} />\n )}\n\n <View className={styles.controlsRow()}>\n {recordedUri ? (\n <>\n <View className={styles.controlSpacer()} />\n <RecordButton isRecording={false} disabled onPress={handleToggleRecording} />\n <TouchableOpacity className={styles.discardButton()} onPress={handleDiscard}>\n <Text className={styles.discardButtonText()}>✕</Text>\n </TouchableOpacity>\n </>\n ) : (\n <RecordButton isRecording={recorderState.isRecording} disabled={!!permissionError} onPress={handleToggleRecording} />\n )}\n </View>\n\n <View className={styles.bottomBar()}>\n <TouchableOpacity onPress={onCancel}>\n <Text className={styles.cancelText()}>Cancel</Text>\n </TouchableOpacity>\n <TouchableOpacity className={styles.doneButton({ disabled: !recordedUri })} onPress={handleDone} disabled={!recordedUri}>\n <Text className={styles.doneButtonText()}>Done</Text>\n </TouchableOpacity>\n </View>\n </View>\n </Container>\n );\n}\n\nconst ICON_COLOR = '#ffffff';\n\nfunction RecordButton(props: { isRecording: boolean; disabled: boolean; onPress: () => void }) {\n const { isRecording, disabled, onPress } = props;\n return (\n <TouchableOpacity className={styles.recordButtonRing({ disabled })} onPress={onPress} disabled={disabled}>\n {isRecording ? (\n <View className={styles.recordCircle()}>\n <Square size={20} color={ICON_COLOR} fill={ICON_COLOR} />\n </View>\n ) : (\n <View className={styles.recordCircle({ disabled })}>\n <Mic size={26} color={ICON_COLOR} />\n </View>\n )}\n </TouchableOpacity>\n );\n}\n"]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import Photos
|
|
2
|
+
import AVFoundation
|
|
2
3
|
import Foundation
|
|
3
4
|
|
|
4
5
|
/// Exports a photo-library video PHAsset to a real, playable local file.
|
|
@@ -48,7 +49,11 @@ enum PhotoLibraryVideoExporter {
|
|
|
48
49
|
let options = PHVideoRequestOptions()
|
|
49
50
|
options.isNetworkAccessAllowed = true
|
|
50
51
|
options.deliveryMode = .highQualityFormat
|
|
51
|
-
|
|
52
|
+
// .original (not .current/.unadjusted): requestExportSession can otherwise resolve an
|
|
53
|
+
// adjusted/proxy render for an edited or iCloud-optimized asset, which has been observed
|
|
54
|
+
// to silently drop the source track's portrait preferredTransform — see the defensive
|
|
55
|
+
// re-application below for why that must not be trusted either way.
|
|
56
|
+
options.version = .original
|
|
52
57
|
|
|
53
58
|
let exportSession: AVAssetExportSession? = await withCheckedContinuation { continuation in
|
|
54
59
|
PHImageManager.default().requestExportSession(
|
|
@@ -64,6 +69,36 @@ enum PhotoLibraryVideoExporter {
|
|
|
64
69
|
throw ExportError.exportSessionUnavailable(localIdentifier)
|
|
65
70
|
}
|
|
66
71
|
|
|
72
|
+
// requestExportSession's returned session doesn't reliably preserve the source video
|
|
73
|
+
// track's preferredTransform (the rotation matrix that makes an iOS-recorded portrait
|
|
74
|
+
// video, which is actually stored as landscape pixel data, display upright) — observed
|
|
75
|
+
// as an exported file reporting landscape pixel dimensions for a portrait source,
|
|
76
|
+
// rendering zoomed/cropped under a `cover`-fit vertical player. Re-apply it explicitly
|
|
77
|
+
// via a video composition rather than trusting the export session's default behavior.
|
|
78
|
+
let sourceAsset = exportSession.asset
|
|
79
|
+
if let videoTrack = sourceAsset.tracks(withMediaType: .video).first {
|
|
80
|
+
let transform = videoTrack.preferredTransform
|
|
81
|
+
let isPortrait = abs(transform.b) == 1 && abs(transform.c) == 1
|
|
82
|
+
let naturalSize = videoTrack.naturalSize
|
|
83
|
+
let renderSize = isPortrait
|
|
84
|
+
? CGSize(width: naturalSize.height, height: naturalSize.width)
|
|
85
|
+
: naturalSize
|
|
86
|
+
|
|
87
|
+
let composition = AVMutableVideoComposition()
|
|
88
|
+
composition.renderSize = renderSize
|
|
89
|
+
composition.frameDuration = CMTime(value: 1, timescale: 30)
|
|
90
|
+
|
|
91
|
+
let instruction = AVMutableVideoCompositionInstruction()
|
|
92
|
+
instruction.timeRange = CMTimeRange(start: .zero, duration: sourceAsset.duration)
|
|
93
|
+
|
|
94
|
+
let layerInstruction = AVMutableVideoCompositionLayerInstruction(assetTrack: videoTrack)
|
|
95
|
+
layerInstruction.setTransform(transform, at: .zero)
|
|
96
|
+
instruction.layerInstructions = [layerInstruction]
|
|
97
|
+
composition.instructions = [instruction]
|
|
98
|
+
|
|
99
|
+
exportSession.videoComposition = composition
|
|
100
|
+
}
|
|
101
|
+
|
|
67
102
|
exportSession.outputURL = destinationURL
|
|
68
103
|
exportSession.outputFileType = .mov
|
|
69
104
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "expo-pro-video-editor",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.10",
|
|
4
4
|
"description": "Native video composition (trim, filters, text/image overlays, audio mixing) for Expo/React Native, adapted from pro_video_editor's AVFoundation and Media3 Transformer implementation.",
|
|
5
5
|
"main": "build/index.js",
|
|
6
6
|
"types": "build/index.d.ts",
|
|
@@ -9,15 +9,10 @@ const HANDLE_WIDTH = 18;
|
|
|
9
9
|
const STRIP_HEIGHT = 51;
|
|
10
10
|
const MIN_TRIM_SECONDS = 0.5;
|
|
11
11
|
const MIN_BAR_COUNT = 90;
|
|
12
|
-
|
|
13
|
-
// widen again rather than growing the native extraction and view count
|
|
14
|
-
// without bound.
|
|
12
|
+
|
|
15
13
|
const MAX_BAR_COUNT = 2000;
|
|
16
14
|
const BAR_GAP = 1;
|
|
17
|
-
|
|
18
|
-
// scrollable content's actual pixel width divided by this, not from
|
|
19
|
-
// duration alone, so a bar stays this thin regardless of how long
|
|
20
|
-
// (and therefore how wide, since this content scrolls) the track is.
|
|
15
|
+
|
|
21
16
|
const TARGET_PX_PER_BAR = 4;
|
|
22
17
|
const MIN_BAR_HEIGHT = 3;
|
|
23
18
|
const MAX_BAR_HEIGHT = STRIP_HEIGHT - 10;
|
|
@@ -84,7 +79,7 @@ const styles = {
|
|
|
84
79
|
}),
|
|
85
80
|
handleGrip: tv({ base: 'h-[29px] w-0.5 rounded-full bg-white' }),
|
|
86
81
|
deleteButton: tv({
|
|
87
|
-
base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-
|
|
82
|
+
base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-video-editor-surface',
|
|
88
83
|
}),
|
|
89
84
|
deleteButtonText: tv({ base: 'text-xs text-video-editor-text' }),
|
|
90
85
|
};
|
package/src/ui/AudioWaveform.tsx
CHANGED
|
@@ -32,7 +32,7 @@ const styles = {
|
|
|
32
32
|
}),
|
|
33
33
|
failedText: tv({ base: 'text-[11px] text-video-editor-text-muted' }),
|
|
34
34
|
deleteButton: tv({
|
|
35
|
-
base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-
|
|
35
|
+
base: 'h-6 w-6 items-center justify-center rounded-full border-[0.5px] border-video-editor-border bg-video-editor-surface',
|
|
36
36
|
}),
|
|
37
37
|
deleteButtonText: tv({ base: 'text-xs text-video-editor-text' }),
|
|
38
38
|
};
|
package/src/ui/VoiceRecorder.tsx
CHANGED
|
@@ -14,17 +14,6 @@ const styles = {
|
|
|
14
14
|
sheet: tv({
|
|
15
15
|
base: 'gap-4 rounded-t-2xl bg-white p-5 dark:bg-video-editor-surface',
|
|
16
16
|
variants: {
|
|
17
|
-
// For a caller embedding this inside their own sheet component (which
|
|
18
|
-
// already provides its own background, rounded top corners, and
|
|
19
|
-
// vertical spacing) — painting both stacks two slightly different
|
|
20
|
-
// surfaces with a visible seam between them (this component's own
|
|
21
|
-
// white/dark box on top of the outer sheet's own themed background).
|
|
22
|
-
// `bare` drops the background/rounding/vertical padding this
|
|
23
|
-
// component would otherwise add on top of the outer sheet's own, but
|
|
24
|
-
// keeps horizontal padding — the outer sheet only supplies its own
|
|
25
|
-
// top/bottom inset (e.g. handle spacing, safe-area), not left/right,
|
|
26
|
-
// so this content still needs its own side margins from the sheet's
|
|
27
|
-
// edges.
|
|
28
17
|
bare: { true: 'gap-4 bg-transparent px-5 py-0' },
|
|
29
18
|
},
|
|
30
19
|
}),
|