eprec 1.13.0 → 1.13.1

package/app/client/trim-points.tsx

@@ -75,8 +75,7 @@ function parseTimestampInput(value: string) {
 	if (parts.length !== 2 && parts.length !== 3) return null
 	const secondsPart = Number.parseFloat(parts[parts.length - 1] ?? '')
 	const minutesPart = Number.parseFloat(parts[parts.length - 2] ?? '')
-	const hoursPart =
-		parts.length === 3 ? Number.parseFloat(parts[0] ?? '') : 0
+	const hoursPart = parts.length === 3 ? Number.parseFloat(parts[0] ?? '') : 0
 	if (
 		!Number.isFinite(secondsPart) ||
 		!Number.isFinite(minutesPart) ||
@@ -99,7 +98,9 @@ function classNames(...values: Array<string | false | null | undefined>) {
 export function TrimPoints(handle: Handle) {
 	const initialVideoPath = readInitialVideoPath()
 	let videoPathInput = initialVideoPath
-	let outputPathInput = initialVideoPath ? buildOutputPath(initialVideoPath) : ''
+	let outputPathInput = initialVideoPath
+		? buildOutputPath(initialVideoPath)
+		: ''
 	let pathStatus: 'idle' | 'loading' | 'ready' | 'error' = initialVideoPath
 		? 'loading'
 		: 'idle'
@@ -117,9 +118,11 @@ export function TrimPoints(handle: Handle) {
 	let trimRanges: TrimRangeWithId[] = []
 	let selectedRangeId: string | null = null
 	let rangeCounter = 1
-	let activeDrag:
-		| { rangeId: string; edge: 'start' | 'end'; pointerId: number }
-		| null = null
+	let activeDrag: {
+		rangeId: string
+		edge: 'start' | 'end'
+		pointerId: number
+	} | null = null
 	let runStatus: 'idle' | 'running' | 'success' | 'error' = 'idle'
 	let runProgress = 0
 	let runError = ''
@@ -155,6 +158,9 @@ export function TrimPoints(handle: Handle) {
 		previewReady = false
 		previewError = ''
 		previewDuration = 0
+		trimRanges = []
+		selectedRangeId = null
+		activeDrag = null
 	}
 
 	const syncVideoToTime = (
@@ -202,8 +208,7 @@ export function TrimPoints(handle: Handle) {
 		const width = waveformNode.clientWidth
 		const height = waveformNode.clientHeight
 		if (width <= 0 || height <= 0) return
-		const dpr =
-			typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1
+		const dpr = typeof window !== 'undefined' ? window.devicePixelRatio || 1 : 1
 		waveformNode.width = Math.floor(width * dpr)
 		waveformNode.height = Math.floor(height * dpr)
 		ctx.setTransform(dpr, 0, 0, dpr, 0, 0)
@@ -271,17 +276,13 @@ export function TrimPoints(handle: Handle) {
 				audioBuffer.getChannelData(index),
 			)
 			const totalSamples = audioBuffer.length
-			const sampleCount = Math.max(
-				1,
-				Math.min(WAVEFORM_SAMPLES, totalSamples),
-			)
+			const sampleCount = Math.max(1, Math.min(WAVEFORM_SAMPLES, totalSamples))
 			const blockSize = Math.max(1, Math.floor(totalSamples / sampleCount))
 			const samples = new Array(sampleCount).fill(0)
 			let maxValue = 0
 			for (let i = 0; i < sampleCount; i++) {
 				const start = i * blockSize
-				const end =
-					i === sampleCount - 1 ? totalSamples : start + blockSize
+				const end = i === sampleCount - 1 ? totalSamples : start + blockSize
 				let peak = 0
 				for (let j = start; j < end; j++) {
 					let sum = 0
@@ -306,9 +307,7 @@ export function TrimPoints(handle: Handle) {
 			if (waveformSource !== fetchedUrl) return
 			waveformStatus = 'error'
 			waveformError =
-				error instanceof Error
-					? error.message
-					: 'Unable to render waveform.'
+				error instanceof Error ? error.message : 'Unable to render waveform.'
 			handle.update()
 		}
 	}
@@ -415,9 +414,7 @@ export function TrimPoints(handle: Handle) {
 		trimRanges = sortRanges(
 			trimRanges.map((range) => {
 				if (range.id !== rangeId) return range
-				let nextStart = Number.isFinite(patch.start)
-					? patch.start
-					: range.start
+				let nextStart = Number.isFinite(patch.start) ? patch.start : range.start
 				let nextEnd = Number.isFinite(patch.end) ? patch.end : range.end
 				if (edge === 'start') {
 					nextStart = clamp(
@@ -425,11 +422,7 @@ export function TrimPoints(handle: Handle) {
 						0,
 						Math.max(previewDuration - MIN_TRIM_LENGTH, 0),
 					)
-					nextEnd = clamp(
-						nextEnd,
-						nextStart + MIN_TRIM_LENGTH,
-						previewDuration,
-					)
+					nextEnd = clamp(nextEnd, nextStart + MIN_TRIM_LENGTH, previewDuration)
 				} else if (edge === 'end') {
 					nextEnd = clamp(nextEnd, MIN_TRIM_LENGTH, previewDuration)
 					nextStart = clamp(nextStart, 0, nextEnd - MIN_TRIM_LENGTH)
@@ -506,10 +499,8 @@ export function TrimPoints(handle: Handle) {
 		range: TrimRangeWithId,
 		edge: 'start' | 'end',
 	) => {
-		const isForward =
-			event.key === 'ArrowUp' || event.key === 'ArrowRight'
-		const isBackward =
-			event.key === 'ArrowDown' || event.key === 'ArrowLeft'
+		const isForward = event.key === 'ArrowUp' || event.key === 'ArrowRight'
+		const isBackward = event.key === 'ArrowDown' || event.key === 'ArrowLeft'
 		if (!isForward && !isBackward) return
 		event.preventDefault()
 		const step = event.shiftKey ? SHIFT_STEP : KEYBOARD_STEP
@@ -693,7 +684,9 @@ export function TrimPoints(handle: Handle) {
 			MIN_TRIM_LENGTH,
 		)
 		const commandPreview =
-			videoPathInput.trim() && outputPathInput.trim() && normalizedRanges.length > 0
+			videoPathInput.trim() &&
+			outputPathInput.trim() &&
+			normalizedRanges.length > 0
 				? buildFfmpegCommandPreview({
 						inputPath: videoPathInput.trim(),
 						outputPath: outputPathInput.trim(),
@@ -731,8 +724,8 @@ export function TrimPoints(handle: Handle) {
 						<div>
 							<h2>Video source</h2>
 							<p class="app-muted">
-								Load a local video file to calculate the trim timeline and output
-								command.
+								Load a local video file to calculate the trim timeline and
+								output command.
 							</p>
 						</div>
 						<span
@@ -938,7 +931,8 @@ export function TrimPoints(handle: Handle) {
 						</button>
 					</div>
 					<p class="app-muted trim-hint" id={hintId}>
-						Use arrow keys to nudge by {KEYBOARD_STEP}s. Hold Shift for {SHIFT_STEP}
+						Use arrow keys to nudge by {KEYBOARD_STEP}s. Hold Shift for{' '}
+						{SHIFT_STEP}
 						s.
 					</p>
 					<div
@@ -998,8 +992,7 @@ export function TrimPoints(handle: Handle) {
 									on={{
 										focus: () =>
 											syncVideoToTime(range.start, { updateInput: true }),
-										pointerdown: (event) =>
-											startDrag(event, range.id, 'start'),
+										pointerdown: (event) => startDrag(event, range.id, 'start'),
 										pointermove: moveDrag,
 										pointerup: endDrag,
 										pointercancel: endDrag,
@@ -1086,9 +1079,7 @@ export function TrimPoints(handle: Handle) {
 					<section class="app-card">
 						<div class="panel-header">
 							<h2>Trim ranges</h2>
-							<span class="summary-subtext">
-								{sortedRanges.length} total
-							</span>
+							<span class="summary-subtext">{sortedRanges.length} total</span>
 						</div>
 						{sortedRanges.length === 0 ? (
 							<p class="app-muted">
@@ -1211,9 +1202,7 @@ export function TrimPoints(handle: Handle) {
 							<div class="summary-item">
 								<span class="summary-label">Output length</span>
 								<span class="summary-value">
-									{previewReady
-										? formatTimestamp(outputDuration)
-										: '--:--.--'}
+									{previewReady ? formatTimestamp(outputDuration) : '--:--.--'}
 								</span>
 								<span class="summary-subtext">
 									{previewReady && duration > 0

package/app/routes/trim-points.tsx

@@ -15,8 +15,8 @@ const trimPointsHandler = {
 						<span class="app-kicker">Eprec Studio</span>
 						<h1 class="app-title">Trim points</h1>
 						<p class="app-subtitle">
-							Add start and stop points, generate an ffmpeg trim command, and run
-							it with live progress.
+							Add start and stop points, generate an ffmpeg trim command, and
+							run it with live progress.
 						</p>
 						<nav class="app-nav">
 							<a class="app-link" href="/">Editing workspace</a>

package/app/trim-api.ts

@@ -45,7 +45,10 @@ function parseRanges(ranges: unknown): TrimRange[] {
 		.map((entry) => {
 			if (!entry || typeof entry !== 'object') return null
 			const candidate = entry as TrimRange
-			if (!Number.isFinite(candidate.start) || !Number.isFinite(candidate.end)) {
+			if (
+				!Number.isFinite(candidate.start) ||
+				!Number.isFinite(candidate.end)
+			) {
 				return null
 			}
 			return { start: candidate.start, end: candidate.end }
@@ -178,9 +181,7 @@ export async function handleTrimRequest(request: Request): Promise<Response> {
 			let outTimeSeconds = 0
 			const send = (payload: Record<string, unknown>) => {
 				try {
-					controller.enqueue(
-						encoder.encode(`${JSON.stringify(payload)}\n`),
-					)
+					controller.enqueue(encoder.encode(`${JSON.stringify(payload)}\n`))
 				} catch {
 					// stream closed
 				}
@@ -191,63 +192,63 @@ export async function handleTrimRequest(request: Request): Promise<Response> {
 				stderr: 'pipe',
 			})
 
-		request.signal.addEventListener('abort', () => {
-			try {
-				process.kill()
-			} catch {
-				// ignore
-			}
-		})
+			request.signal.addEventListener('abort', () => {
+				try {
+					process.kill()
+				} catch {
+					// ignore
+				}
+			})
 
-		const stdoutReader = readLines(process.stdout, (line) => {
-			const [key, rawValue] = line.split('=')
-			const value = rawValue ?? ''
-			if (key === 'out_time_ms') {
-				const next = Number.parseFloat(value)
-				if (Number.isFinite(next)) outTimeSeconds = next / 1000
-			}
-			if (key === 'out_time_us') {
-				const next = Number.parseFloat(value)
-				if (Number.isFinite(next)) outTimeSeconds = next / 1000000
-			}
-			if (key === 'out_time') {
-				const parsed = parseOutTimeValue(value)
-				if (parsed !== null) outTimeSeconds = parsed
-			}
-			if (key === 'progress') {
-				const progress =
-					outputDurationSeconds > 0
-						? clamp(outTimeSeconds / outputDurationSeconds, 0, 1)
-						: 0
-				send({ type: 'progress', progress })
-				if (value === 'end') {
-					send({ type: 'progress', progress: 1 })
+			const stdoutReader = readLines(process.stdout, (line) => {
+				const [key, rawValue] = line.split('=')
+				const value = rawValue ?? ''
+				if (key === 'out_time_ms') {
+					const next = Number.parseFloat(value)
+					if (Number.isFinite(next)) outTimeSeconds = next / 1000
 				}
-			}
-		})
+				if (key === 'out_time_us') {
+					const next = Number.parseFloat(value)
+					if (Number.isFinite(next)) outTimeSeconds = next / 1000000
+				}
+				if (key === 'out_time') {
+					const parsed = parseOutTimeValue(value)
+					if (parsed !== null) outTimeSeconds = parsed
+				}
+				if (key === 'progress') {
+					const progress =
+						outputDurationSeconds > 0
+							? clamp(outTimeSeconds / outputDurationSeconds, 0, 1)
+							: 0
+					send({ type: 'progress', progress })
+					if (value === 'end') {
+						send({ type: 'progress', progress: 1 })
+					}
+				}
+			})
 
-		const stderrReader = readLines(process.stderr, (line) => {
-			send({ type: 'log', message: line })
-		})
+			const stderrReader = readLines(process.stderr, (line) => {
+				send({ type: 'log', message: line })
+			})
 
-		Promise.all([stdoutReader, stderrReader, process.exited])
-			.then(([, , exitCode]) => {
-				send({
-					type: 'done',
-					success: exitCode === 0,
-					exitCode,
+			Promise.all([stdoutReader, stderrReader, process.exited])
+				.then(([, , exitCode]) => {
+					send({
+						type: 'done',
+						success: exitCode === 0,
+						exitCode,
+					})
 				})
-			})
-			.catch((error) => {
-				send({
-					type: 'done',
-					success: false,
-					error: error instanceof Error ? error.message : String(error),
+				.catch((error) => {
+					send({
+						type: 'done',
+						success: false,
+						error: error instanceof Error ? error.message : String(error),
+					})
+				})
+				.finally(() => {
+					controller.close()
 				})
-			})
-			.finally(() => {
-				controller.close()
-			})
 		},
 	})
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "eprec",
   "type": "module",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "license": "MIT",
   "repository": {
     "type": "git",

package/process-course/edits/cli.ts

@@ -8,6 +8,7 @@ import {
 	createInquirerPrompter,
 	createPathPicker,
 	createStepProgressReporter,
+	handlePromptFailure,
 	isInteractive,
 	pauseActiveSpinner,
 	resolveOptionalString,
@@ -373,6 +374,8 @@ export async function runEditsCli(rawArgs = hideBin(process.argv)) {
 		)
 		.demandCommand(1)
 		.strict()
+		.fail(handlePromptFailure)
+		.exitProcess(false)
 		.help()
 
 	await parser.parseAsync()

package/src/cli.ts

@@ -1,6 +1,6 @@
 #!/usr/bin/env bun
 import path from 'node:path'
-import type { Arguments, CommandBuilder, CommandHandler } from 'yargs'
+import type { Argv, Arguments, CommandBuilder, CommandHandler } from 'yargs'
 import yargs from 'yargs/yargs'
 import { hideBin } from 'yargs/helpers'
 import { startAppServer } from './app-server'
@@ -28,6 +28,7 @@ import {
 	createInquirerPrompter,
 	createPathPicker,
 	createStepProgressReporter,
+	handlePromptFailure,
 	isInteractive,
 	pauseActiveSpinner,
 	resumeActiveSpinner,
@@ -249,6 +250,8 @@ async function main(rawArgs = hideBin(process.argv)) {
 		)
 		.demandCommand(1)
 		.strict()
+		.fail(handlePromptFailure)
+		.exitProcess(false)
 		.help()
 
 	await parser.parseAsync()