@cut-workbench/core 0.4.0 → 0.4.2

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.
Files changed (58) hide show
  1. package/dist/chunks/{canvas-size-Ct61OYjW.cjs → canvas-size-DIABzEW2.cjs} +212 -44
  2. package/dist/chunks/canvas-size-DIABzEW2.cjs.map +1 -0
  3. package/dist/chunks/{canvas-size-CM2oKApi.js → canvas-size-Dlnng74w.js} +168 -30
  4. package/dist/chunks/canvas-size-Dlnng74w.js.map +1 -0
  5. package/dist/chunks/id-CJsdlGei.js +35 -0
  6. package/dist/chunks/id-CJsdlGei.js.map +1 -0
  7. package/dist/chunks/id-DaCxD4-5.cjs +70 -0
  8. package/dist/chunks/id-DaCxD4-5.cjs.map +1 -0
  9. package/dist/chunks/{snap-DyIuO2hU.cjs → snap-Cfk15JVg.cjs} +2 -22
  10. package/dist/chunks/{snap-DyIuO2hU.cjs.map → snap-Cfk15JVg.cjs.map} +1 -1
  11. package/dist/chunks/{snap-CBV9G4xq.js → snap-DpkVPVJN.js} +3 -17
  12. package/dist/chunks/{snap-CBV9G4xq.js.map → snap-DpkVPVJN.js.map} +1 -1
  13. package/dist/chunks/thumbnails-DEjnao5r.cjs +81 -0
  14. package/dist/chunks/thumbnails-DEjnao5r.cjs.map +1 -0
  15. package/dist/chunks/thumbnails-qH0dX_Zs.js +64 -0
  16. package/dist/chunks/thumbnails-qH0dX_Zs.js.map +1 -0
  17. package/dist/chunks/{time-CnMfSVYX.cjs → time-CYEd91qN.cjs} +1 -69
  18. package/dist/chunks/time-CYEd91qN.cjs.map +1 -0
  19. package/dist/chunks/{time-C_gvkVl1.js → time-ChF1GwCy.js} +2 -34
  20. package/dist/chunks/time-ChF1GwCy.js.map +1 -0
  21. package/dist/chunks/{waveform-Ie-G5Lle.cjs → waveform-BYwDdKpC.cjs} +34 -15
  22. package/dist/chunks/waveform-BYwDdKpC.cjs.map +1 -0
  23. package/dist/chunks/{waveform-DJkRtMct.js → waveform-uyGNE01H.js} +32 -13
  24. package/dist/chunks/waveform-uyGNE01H.js.map +1 -0
  25. package/dist/engine/index.cjs +668 -76
  26. package/dist/engine/index.cjs.map +1 -1
  27. package/dist/engine/index.js +648 -57
  28. package/dist/engine/index.js.map +1 -1
  29. package/dist/engine/webav/exporter.d.ts +3 -1
  30. package/dist/engine/webav/import-files.d.ts +17 -2
  31. package/dist/engine/webav/import-pipeline.d.ts +10 -0
  32. package/dist/engine/webav/types.d.ts +15 -0
  33. package/dist/index.cjs +18 -13
  34. package/dist/index.cjs.map +1 -1
  35. package/dist/index.d.ts +1 -0
  36. package/dist/index.js +6 -5
  37. package/dist/index.js.map +1 -1
  38. package/dist/lib/error.d.ts +6 -0
  39. package/dist/media/thumbnails.d.ts +8 -0
  40. package/dist/project/schema.d.ts +16 -4
  41. package/dist/timeline/index.cjs +10 -6
  42. package/dist/timeline/index.d.ts +1 -0
  43. package/dist/timeline/index.js +4 -4
  44. package/dist/timeline/normalize.d.ts +28 -0
  45. package/dist/timeline/ops.d.ts +0 -4
  46. package/dist/timeline/snap.d.ts +0 -2
  47. package/dist/types.d.ts +14 -2
  48. package/package.json +1 -1
  49. package/dist/chunks/canvas-size-CM2oKApi.js.map +0 -1
  50. package/dist/chunks/canvas-size-Ct61OYjW.cjs.map +0 -1
  51. package/dist/chunks/import-pipeline-A8KkqtZT.cjs +0 -610
  52. package/dist/chunks/import-pipeline-A8KkqtZT.cjs.map +0 -1
  53. package/dist/chunks/import-pipeline-DLIdgrIb.js +0 -521
  54. package/dist/chunks/import-pipeline-DLIdgrIb.js.map +0 -1
  55. package/dist/chunks/time-C_gvkVl1.js.map +0 -1
  56. package/dist/chunks/time-CnMfSVYX.cjs.map +0 -1
  57. package/dist/chunks/waveform-DJkRtMct.js.map +0 -1
  58. package/dist/chunks/waveform-Ie-G5Lle.cjs.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"canvas-size-Ct61OYjW.cjs","names":["createId","asUs","DEFAULT_CLIP_VOLUME","DEFAULT_STILL_DURATION_US","asUs"],"sources":["../../src/timeline/model.ts","../../src/timeline/ops.ts","../../src/timeline/geometry.ts","../../src/timeline/canvas-size.ts"],"sourcesContent":["/**\n * 时间轴纯数据模型与工厂函数。\n *\n * 这里没有任何 WebAV / React 依赖,所有函数都是纯函数或纯构造。\n * 时间单位统一微秒(µs)。\n */\n\nimport { createId } from '../lib/id'\nimport { DEFAULT_CLIP_VOLUME, DEFAULT_STILL_DURATION_US } from '../constants'\nimport type { Project, TimelineClip, Track } from '../types'\nimport { asUs } from './time'\n\nexport function createTrack(kind: Track['kind'], name: string): Track {\n return {\n id: createId('track'),\n name,\n kind,\n locked: false,\n muted: false,\n hidden: false,\n }\n}\n\nexport function createEmptyProject(name = '未命名工程'): Project {\n return {\n id: createId('project'),\n name,\n width: 1280,\n height: 720,\n tracks: [createTrack('visual', '视频 1'), createTrack('audio', '音频 1')],\n clips: [],\n updatedAt: Date.now(),\n }\n}\n\nexport interface CreateClipInput {\n assetId: string\n trackId: string\n startUs: number\n durationUs: number\n inPointUs?: number\n assetWidth?: number\n assetHeight?: number\n}\n\n/** 新建 clip 的默认几何:等比铺满工程画面 */\nexport function createClip(input: CreateClipInput, project: Project): TimelineClip {\n const { assetWidth = 0, assetHeight = 0 } = input\n let w = project.width\n let h = project.height\n if (assetWidth > 0 && assetHeight > 0) {\n const scale = Math.min(project.width / assetWidth, project.height / assetHeight)\n w = Math.round(assetWidth * scale)\n h = Math.round(assetHeight * scale)\n }\n return {\n id: createId('clip'),\n trackId: input.trackId,\n assetId: input.assetId,\n startUs: asUs(input.startUs),\n durationUs: asUs(input.durationUs),\n inPointUs: asUs(input.inPointUs ?? 0),\n playbackRate: 1,\n volume: DEFAULT_CLIP_VOLUME,\n muted: false,\n opacity: 1,\n flip: null,\n transform: {\n x: Math.round((project.width - w) / 2),\n y: Math.round((project.height - h) / 2),\n w,\n h,\n angle: 0,\n },\n fadeInUs: asUs(0),\n fadeOutUs: asUs(0),\n }\n}\n\n/** 静态素材(图片 / 文字 / 字幕)需要有限时长 */\nexport function clampStillDuration(us: number): number {\n return us > 0 && Number.isFinite(us) ? us : DEFAULT_STILL_DURATION_US\n}\n\nexport function getClipEnd(clip: TimelineClip): number {\n return clip.startUs + clip.durationUs\n}\n\n/** 工程总时长(取所有 clip 结束时间的最大值) */\nexport function getProjectDuration(project: Project): number {\n return project.clips.reduce((max, c) => Math.max(max, getClipEnd(c)), 0)\n}\n\nexport function getTrack(project: Project, trackId: string): Track | undefined {\n return project.tracks.find((t) => t.id === trackId)\n}\n\nexport function isTrackAudible(project: Project, trackId: string): boolean {\n const track = getTrack(project, trackId)\n if (!track) return false\n return !track.muted && !track.hidden\n}\n\n/** 某轨道上按时间排序的 clip */\nexport function getTrackClips(project: Project, trackId: string): TimelineClip[] {\n return project.clips\n .filter((c) => c.trackId === trackId)\n .sort((a, b) => a.startUs - b.startUs)\n}\n\n/** 轨道内最大结束时间,用于「轨道末尾」吸附点 */\nexport function getTrackEnd(project: Project, trackId: string): number {\n return getTrackClips(project, trackId).reduce((max, c) => Math.max(max, getClipEnd(c)), 0)\n}\n\n/** 源素材被消费的时长 = 时间轴时长 × 速率 */\nexport function getSourceSpanUs(clip: TimelineClip): number {\n return Math.round(clip.durationUs * clip.playbackRate)\n}\n","/**\n * 时间轴编辑操作(纯函数)。\n *\n * 全部返回新的数组/对象,不修改入参;异步部分(如真正切割 IClip 实例)由\n * `core/webav/clip-registry.ts` 负责,模型层只处理时间与轨道数据。\n */\n\nimport type { TimelineClip, Track } from '../types'\nimport { asUs } from './time'\nimport { getClipEnd } from './model'\n\n/** 在时间轴时刻 `atUs` 分割 clip,返回 [左, 右];时刻不在 clip 内部时返回 null */\nexport function splitClipData(clip: TimelineClip, atUs: number): [TimelineClip, TimelineClip] | null {\n const start = clip.startUs\n const end = getClipEnd(clip)\n if (atUs <= start || atUs >= end) return null\n const leftDuration = atUs - start\n const rightDuration = end - atUs\n const sourceOffset = Math.round(leftDuration * clip.playbackRate)\n\n const left: TimelineClip = {\n ...clip,\n durationUs: asUs(leftDuration),\n fadeOutUs: asUs(Math.min(clip.fadeOutUs, leftDuration)),\n }\n const right: TimelineClip = {\n ...clip,\n id: `${clip.id}_r`,\n startUs: asUs(atUs),\n durationUs: asUs(rightDuration),\n inPointUs: asUs(clip.inPointUs + sourceOffset),\n fadeInUs: asUs(Math.min(clip.fadeInUs, rightDuration)),\n }\n left.fadeInUs = asUs(Math.min(clip.fadeInUs, leftDuration))\n return [left, right]\n}\n\n/** 移动 clip:更新轨道与起点(不允许早于 0) */\nexport function moveClipData(clip: TimelineClip, trackId: string, startUs: number): TimelineClip {\n return { ...clip, trackId, startUs: asUs(Math.max(0, startUs)) }\n}\n\nexport type TrimEdge = 'start' | 'end'\n\n/**\n * 裁剪 clip 的边缘。\n *\n * - start:改变起点与源入点,保持右边缘不动\n * - end:只改变时长\n *\n * `minDurationUs` 保证不会裁成 0 长度。\n */\nexport function trimClipData(\n clip: TimelineClip,\n edge: TrimEdge,\n deltaUs: number,\n minDurationUs = 100_000,\n): TimelineClip {\n const end = getClipEnd(clip)\n\n if (edge === 'start') {\n const nextStart = Math.min(\n Math.max(0, clip.startUs + deltaUs),\n end - minDurationUs,\n )\n const applied = nextStart - clip.startUs\n const sourceDelta = Math.round(applied * clip.playbackRate)\n const nextInPoint = Math.max(0, clip.inPointUs + sourceDelta)\n return {\n ...clip,\n startUs: asUs(nextStart),\n inPointUs: asUs(nextInPoint),\n durationUs: asUs(end - nextStart),\n }\n }\n\n const nextDuration = Math.max(minDurationUs, clip.durationUs + deltaUs)\n return { ...clip, durationUs: asUs(nextDuration) }\n}\n\n/** 删除指定 id 的 clip */\nexport function removeClipsData(clips: TimelineClip[], ids: string[]): TimelineClip[] {\n const set = new Set(ids)\n return clips.filter((c) => !set.has(c.id))\n}\n\n/** 复制 clip,起点顺延 `offsetUs`,返回 { originalId, copy } 便于重建 IClip 实例 */\nexport function duplicateClipsData(\n clips: TimelineClip[],\n ids: string[],\n offsetUs: number,\n makeId: () => string,\n): Array<{ sourceId: string; clip: TimelineClip }> {\n const set = new Set(ids)\n return clips\n .filter((c) => set.has(c.id))\n .map((c) => ({\n sourceId: c.id,\n clip: {\n ...c,\n id: makeId(),\n startUs: asUs(c.startUs + offsetUs),\n transform: { ...c.transform },\n },\n }))\n}\n\n/** 自动排布:把同一轨道上的 clip 按顺序首尾相接(用于「磁吸排序」) */\nexport function compactTrackData(clips: TimelineClip[], trackId: string): TimelineClip[] {\n const onTrack = clips\n .filter((c) => c.trackId === trackId)\n .sort((a, b) => a.startUs - b.startUs)\n let cursor = 0\n const updated = new Map<string, number>()\n for (const c of onTrack) {\n updated.set(c.id, cursor)\n cursor += c.durationUs\n }\n return clips.map((c) => {\n const next = updated.get(c.id)\n return next == null ? c : { ...c, startUs: asUs(next) }\n })\n}\n\n/** 重新排序轨道(拖拽调整垂直顺序) */\nexport function reorderTracksData(tracks: Track[], trackId: string, toIndex: number): Track[] {\n const from = tracks.findIndex((t) => t.id === trackId)\n if (from < 0) return tracks\n const next = [...tracks]\n const [moved] = next.splice(from, 1)\n if (!moved) return tracks\n next.splice(Math.max(0, Math.min(next.length, toIndex)), 0, moved)\n return next\n}\n\n/** 判断两个区间是否重叠(半开区间) */\nexport function rangesOverlap(aStart: number, aEnd: number, bStart: number, bEnd: number): boolean {\n return aStart < bEnd && bStart < aEnd\n}\n\n/** 找出与给定区间在指定轨道上重叠的 clip(排除自身) */\nexport function findOverlaps(\n clips: TimelineClip[],\n trackId: string,\n startUs: number,\n endUs: number,\n excludeId?: string,\n): TimelineClip[] {\n return clips.filter(\n (c) =>\n c.trackId === trackId &&\n c.id !== excludeId &&\n rangesOverlap(startUs, endUs, c.startUs, getClipEnd(c)),\n )\n}\n","/**\n * 画布几何计算(纯函数)。\n *\n * 坐标系:工程分辨率像素(`project.width × project.height`),\n * 与 `clip.transform` 完全一致,也与导出坐标映射的输入一致。\n *\n * 为什么单独放 core:画布的命中测试、自绘选框的手柄布局、缩放反算\n * 这三处必须用同一套数学,否则「点中的框」和「画出的框」会错位。\n */\n\nimport type { ClipTransform } from '../types'\n\n/** 手柄方位。边用 4 个字母,角用两两组合,另加旋转 */\nexport type HandleKey = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw'\n\nexport const RESIZE_HANDLES: HandleKey[] = ['nw', 'n', 'ne', 'e', 'se', 's', 'sw', 'w']\n\n/** 最小尺寸(工程像素),与 WebAV 的内部控制点下限保持一致 */\nexport const MIN_TRANSFORM_SIZE = 10\n\nexport interface Point {\n x: number\n y: number\n}\n\nexport interface Rect {\n x: number\n y: number\n w: number\n h: number\n}\n\nexport function rectCenter(rect: Rect): Point {\n return { x: rect.x + rect.w / 2, y: rect.y + rect.h / 2 }\n}\n\n/** 角度(度)→ 弧度 */\nexport function degToRad(deg: number): number {\n return (deg * Math.PI) / 180\n}\n\n/**\n * 把世界坐标点转换到矩形自身的局部坐标(以中心为原点、已抵消旋转)。\n *\n * 旋转方向与 Canvas `rotate()` 一致(顺时针为正),因此用 `-angle` 做逆变换。\n */\nexport function toLocalPoint(point: Point, transform: Pick<ClipTransform, 'x' | 'y' | 'w' | 'h' | 'angle'>): Point {\n const cx = transform.x + transform.w / 2\n const cy = transform.y + transform.h / 2\n const rad = -degToRad(transform.angle)\n const dx = point.x - cx\n const dy = point.y - cy\n return {\n x: dx * Math.cos(rad) - dy * Math.sin(rad),\n y: dx * Math.sin(rad) + dy * Math.cos(rad),\n }\n}\n\n/** 局部坐标(相对中心)→ 世界坐标 */\nexport function fromLocalPoint(local: Point, transform: Pick<ClipTransform, 'x' | 'y' | 'w' | 'h' | 'angle'>): Point {\n const cx = transform.x + transform.w / 2\n const cy = transform.y + transform.h / 2\n const rad = degToRad(transform.angle)\n return {\n x: cx + local.x * Math.cos(rad) - local.y * Math.sin(rad),\n y: cy + local.x * Math.sin(rad) + local.y * Math.cos(rad),\n }\n}\n\n/** 点是否落在(可能旋转的)矩形内 */\nexport function pointInTransform(point: Point, transform: ClipTransform): boolean {\n if (transform.w <= 0 || transform.h <= 0) return false\n const local = toLocalPoint(point, transform)\n return Math.abs(local.x) <= transform.w / 2 && Math.abs(local.y) <= transform.h / 2\n}\n\n/**\n * 按方位返回手柄在**局部坐标**中的位置(相对中心)。\n *\n * 边手柄固定一个方向为 0,角手柄两个方向都取半宽/半高。\n */\nexport function handleLocalOffset(handle: HandleKey, w: number, h: number): Point {\n const hw = w / 2\n const hh = h / 2\n const x = handle.includes('w') ? -hw : handle.includes('e') ? hw : 0\n const y = handle.includes('n') ? -hh : handle.includes('s') ? hh : 0\n return { x, y }\n}\n\n/**\n * 计算缩放后的 transform。\n *\n * 采用「固定对角/对边」的直觉行为:拖右边缘时左边缘不动,拖左上角时右下角不动。\n * 指针先被投影到局部坐标轴,因此素材旋转后手柄仍沿自身方向缩放(而不是屏幕方向)。\n *\n * @param start 拖动开始时的 transform 快照\n * @param handle 被拖动的方位\n * @param pointer 当前指针(工程坐标)\n * @param keepAspect\n * - `false`(默认):自由缩放\n * - `true`:所有手柄都等比(Shift 临时约束)\n * - `'corners'`:只有角手柄等比,边手柄仍单维自由\n * (片段自身「锁定宽高比」用这个 —— 若边手柄也等比,\n * 就会出现「拖右边、上下也跟着变」的诡异手感)\n */\nexport function resizeTransform(\n start: ClipTransform,\n handle: HandleKey,\n pointer: Point,\n keepAspect: boolean | 'corners' = false,\n): ClipTransform {\n const local = toLocalPoint(pointer, start)\n const hw = start.w / 2\n const hh = start.h / 2\n\n // 局部坐标下的四条边;拖动某条边只改它,其余固定不动(= 固定对角/对边)\n let left = -hw\n let right = hw\n let top = -hh\n let bottom = hh\n\n if (handle.includes('w')) left = Math.min(local.x, right - MIN_TRANSFORM_SIZE)\n if (handle.includes('e')) right = Math.max(local.x, left + MIN_TRANSFORM_SIZE)\n if (handle.includes('n')) top = Math.min(local.y, bottom - MIN_TRANSFORM_SIZE)\n if (handle.includes('s')) bottom = Math.max(local.y, top + MIN_TRANSFORM_SIZE)\n\n let nextW = right - left\n let nextH = bottom - top\n\n const isCorner = handle.length === 2\n const aspectActive = keepAspect === true || (keepAspect === 'corners' && isCorner)\n\n if (aspectActive && start.w > 0 && start.h > 0) {\n const ratio = start.w / start.h\n if (isCorner) {\n // 以宽为准反算高,再按被拖动的方向贴住不动的对边\n nextH = nextW / ratio\n if (handle.includes('n')) top = bottom - nextH\n else bottom = top + nextH\n } else if (handle === 'e' || handle === 'w') {\n nextH = nextW / ratio\n top = -nextH / 2\n bottom = nextH / 2\n } else {\n nextW = nextH * ratio\n left = -nextW / 2\n right = nextW / 2\n }\n }\n\n nextW = Math.max(MIN_TRANSFORM_SIZE, right - left)\n nextH = Math.max(MIN_TRANSFORM_SIZE, bottom - top)\n\n // 新中心(局部坐标)→ 世界坐标 → 左上角\n const localCenter = { x: (left + right) / 2, y: (top + bottom) / 2 }\n const worldCenter = fromLocalPoint(localCenter, start)\n return {\n x: worldCenter.x - nextW / 2,\n y: worldCenter.y - nextH / 2,\n w: nextW,\n h: nextH,\n angle: start.angle,\n }\n}\n\n/** 把角度归一化到 (-180, 180],避免旋转多圈后数值无限增大 */\nexport function normalizeAngle(deg: number): number {\n let a = deg % 360\n if (a > 180) a -= 360\n if (a <= -180) a += 360\n return a\n}\n\n/** 按手柄方位给出鼠标光标(已考虑素材自身旋转) */\nexport function handleCursor(handle: HandleKey | 'rotate', angleDeg: number): string {\n if (handle === 'rotate') return 'grab'\n const base: Record<HandleKey, number> = {\n n: 0,\n ne: 45,\n e: 90,\n se: 135,\n s: 180,\n sw: 225,\n w: 270,\n nw: 315,\n }\n const cursors = ['ns-resize', 'nesw-resize', 'ew-resize', 'nwse-resize']\n // 把素材旋转叠加到手柄方位上,再落到 4 档光标\n const deg = ((base[handle] + angleDeg) % 180 + 180) % 180\n const index = Math.round(deg / 45) % 4\n return cursors[index] ?? 'default'\n}\n\n/** 两个尺寸是否近似相等(避免浮点噪声导致无谓的 store 写入) */\nexport function sameTransform(a: ClipTransform, b: ClipTransform, epsilon = 0.5): boolean {\n return (\n Math.abs(a.x - b.x) < epsilon &&\n Math.abs(a.y - b.y) < epsilon &&\n Math.abs(a.w - b.w) < epsilon &&\n Math.abs(a.h - b.h) < epsilon &&\n Math.abs(a.angle - b.angle) < epsilon\n )\n}\n","/**\n * 画布(工程)尺寸与比例。\n *\n * 为什么需要单独一层:时间轴里所有 `clip.transform` 都以工程分辨率为坐标系,\n * 换比例时如果不做变换,1280×720 里铺满的素材放到 1080×1920 画布里就会\n * 只剩顶部一条 —— 这正是「换了比例看起来没生效 / 画面全是黑的」的成因。\n *\n * 因此尺寸变更分两种语义:\n * - `scale`(保持构图):把所有素材按同样的比例缩放并平移,视觉上「整幅画面\n * 被重新装进新画布」,适合横屏切竖屏、改分辨率。\n * - `keep`(保持素材原样):只换画布,素材坐标原封不动,适合「画布留白变多」。\n *\n * 纯函数,不依赖 React。\n */\n\nimport type { ClipTransform, Project, TimelineClip } from '../types'\n\nexport interface AspectPreset {\n id: string\n label: string\n hint: string\n width: number\n height: number\n}\n\n/**\n * 常用比例预设。\n *\n * 尺寸都取该比例下「编辑器默认档」的常见值:横屏 720p、竖屏 720×1280、\n * 方形 1080×1080、竖版 1080×1920、横版 1920×1080。用户也可以自定义。\n */\nexport const ASPECT_PRESETS: AspectPreset[] = [\n { id: '16:9', label: '16:9', hint: '横屏 1280×720', width: 1280, height: 720 },\n { id: '9:16', label: '9:16', hint: '竖屏 720×1280', width: 720, height: 1280 },\n { id: '1:1', label: '1:1', hint: '方形 1080×1080', width: 1080, height: 1080 },\n { id: '4:3', label: '4:3', hint: '标准 960×720', width: 960, height: 720 },\n { id: '3:4', label: '3:4', hint: '竖版 720×960', width: 720, height: 960 },\n { id: '4:5', label: '4:5', hint: '社交媒体 864×1080', width: 864, height: 1080 },\n { id: '21:9', label: '21:9', hint: '宽银幕 1680×720', width: 1680, height: 720 },\n]\n\nexport type SizeChangeMode = 'scale' | 'keep'\n\n/** 求最大公约数(用于把尺寸化简成比例) */\nfunction gcd(a: number, b: number): number {\n let x = Math.abs(Math.round(a))\n let y = Math.abs(Math.round(b))\n while (y > 0) {\n const t = x % y\n x = y\n y = t\n }\n return x || 1\n}\n\n/** `1920×1080` → `16:9`;无法化简时返回 `1920:1080` 形式 */\nexport function ratioLabel(width: number, height: number): string {\n if (width <= 0 || height <= 0) return '—'\n const divisor = gcd(width, height)\n return `${width / divisor}:${height / divisor}`\n}\n\n/** 保留两位小数,避免属性面板里出现 123.456789 */\nfunction round2(n: number): number {\n return Math.round(n * 100) / 100\n}\n\n/**\n * 把素材几何从 `from` 画布映射到 `to` 画布。\n *\n * 用**同一个**缩放系数(取宽高比中较小者),保证素材不变形:\n * 16:9 → 9:16 时画面按高度缩小、水平居中,两侧留黑 —— 与剪辑软件里\n * 「按比例适配」的行为一致。若分别按宽、高缩放,人物会被横向拉扁。\n */\nexport function remapTransform(\n transform: ClipTransform,\n from: { width: number; height: number },\n to: { width: number; height: number },\n): ClipTransform {\n const fromW = Math.max(1, from.width)\n const fromH = Math.max(1, from.height)\n const scale = Math.min(to.width / fromW, to.height / fromH)\n const centerX = (transform.x + transform.w / 2) * scale + (to.width - fromW * scale) / 2\n const centerY = (transform.y + transform.h / 2) * scale + (to.height - fromH * scale) / 2\n const w = transform.w * scale\n const h = transform.h * scale\n return {\n x: round2(centerX - w / 2),\n y: round2(centerY - h / 2),\n w: round2(w),\n h: round2(h),\n angle: transform.angle,\n }\n}\n\n/**\n * 根据模式生成新的 clips 数组。\n *\n * @param mode `scale` = 素材随画布等比缩放;`keep` = 素材坐标不动\n */\nexport function remapClipsForSize(\n clips: TimelineClip[],\n from: { width: number; height: number },\n to: { width: number; height: number },\n mode: SizeChangeMode,\n): TimelineClip[] {\n if (mode === 'keep') return clips\n return clips.map((clip) => ({\n ...clip,\n transform: remapTransform(clip.transform, from, to),\n }))\n}\n\n/** 判断工程是否已是非标尺寸(不在预设里) */\nexport function isCustomSize(project: Project): boolean {\n return !ASPECT_PRESETS.some((p) => p.width === project.width && p.height === project.height)\n}\n\n/** 尺寸合法化:不小于 16,偶数(编码器要求) */\nexport function normalizeSize(width: number, height: number): { width: number; height: number } {\n const even = (n: number) => Math.max(16, Math.round(n / 2) * 2)\n return { width: even(width), height: even(height) }\n}\n"],"mappings":"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"}
@@ -1,610 +0,0 @@
1
- const require_rolldown_runtime = require("./rolldown-runtime-B2SfzNBj.cjs");
2
- const require_time = require("./time-CnMfSVYX.cjs");
3
- const require_waveform = require("./waveform-Ie-G5Lle.cjs");
4
- const require_file_reader = require("./file-reader-DfMEluGr.cjs");
5
- let _webav_av_cliper = require("@webav/av-cliper");
6
- // src/engine/webav/styles.ts
7
- var DEFAULT_TEXT_STYLE = {
8
- fontSize: 64,
9
- color: "#ffffff",
10
- fontFamily: "sans-serif",
11
- fontWeight: 600,
12
- fontStyle: "normal",
13
- strokeColor: "#000000",
14
- strokeWidth: 0,
15
- shadowColor: "rgba(0,0,0,0.6)",
16
- shadowBlur: 8,
17
- align: "center",
18
- background: "transparent"
19
- };
20
- /**
21
- * 字幕默认字体。
22
- *
23
- * ⚠️ 不要写 'Noto Sans SC' —— 大多数系统并未安装该字体,`EmbedSubtitlesClip` 会把
24
- * `ctx.font` 设为 `30px Noto Sans SC`,此时浏览器回退到默认字体,中文可能显示为方框。
25
- * 使用系统字体栈(sans-serif)由浏览器挑选可用的中文字体,最稳。
26
- */
27
- var DEFAULT_SUBTITLE_STYLE = {
28
- color: "#ffffff",
29
- textBgColor: null,
30
- fontFamily: "sans-serif",
31
- fontSize: 30,
32
- strokeStyle: "#000000",
33
- lineWidth: null,
34
- bottomOffset: 30
35
- };
36
- // src/engine/webav/text-clip.ts
37
- function cssFromStyle(style) {
38
- const shadow = style.shadowBlur > 0 ? `text-shadow: 0 2px ${style.shadowBlur}px ${style.shadowColor};` : "";
39
- const stroke = style.strokeWidth > 0 ? `-webkit-text-stroke: ${style.strokeWidth}px ${style.strokeColor};` : "";
40
- return [
41
- `font-size:${style.fontSize}px`,
42
- `color:${style.color}`,
43
- `font-family:${style.fontFamily}`,
44
- `font-weight:${style.fontWeight}`,
45
- `font-style:${style.fontStyle}`,
46
- `text-align:${style.align}`,
47
- `background:${style.background}`,
48
- "line-height:1.25",
49
- "padding:8px 16px",
50
- "white-space:pre-wrap",
51
- "max-width:80%",
52
- stroke,
53
- shadow
54
- ].filter(Boolean).join(";");
55
- }
56
- /**
57
- * 文字素材。内部缓存最近一次渲染的 ImageBitmap,按「文本 + 样式」做键避免重复渲染。
58
- */
59
- var TextClip = class TextClip {
60
- ready;
61
- opts;
62
- metaValue;
63
- cacheKey = "";
64
- cachedBitmap = null;
65
- destroyed = false;
66
- constructor(options) {
67
- this.opts = {
68
- ...options,
69
- style: {
70
- ...DEFAULT_TEXT_STYLE,
71
- ...options.style
72
- },
73
- animation: options.animation ?? "none",
74
- charsPerSecond: options.charsPerSecond ?? 12,
75
- animOffsetUs: options.animOffsetUs ?? 0
76
- };
77
- this.metaValue = {
78
- width: options.width,
79
- height: options.height,
80
- duration: Math.max(1, options.durationUs)
81
- };
82
- this.ready = Promise.resolve(this.metaValue);
83
- }
84
- get meta() {
85
- return this.metaValue;
86
- }
87
- visibleTextAt(timeUs) {
88
- const { text, animation, charsPerSecond } = this.opts;
89
- if (animation === "none") return text;
90
- const phaseUs = timeUs + this.opts.animOffsetUs;
91
- if (animation === "typewriter") {
92
- const visible = Math.floor(phaseUs / 1e6 * charsPerSecond);
93
- if (visible <= 0) return null;
94
- return text.slice(0, visible);
95
- }
96
- return Math.floor(phaseUs / 1e6 * 2) % 2 === 0 ? text : null;
97
- }
98
- async tick(time) {
99
- if (this.destroyed) return { state: "done" };
100
- if (time >= this.opts.durationUs) return { state: "done" };
101
- const visible = this.visibleTextAt(time);
102
- if (visible == null || visible.length === 0) return {
103
- video: await this.renderEmpty(),
104
- state: "success"
105
- };
106
- const key = `${visible}|${JSON.stringify(this.opts.style)}`;
107
- if (key !== this.cacheKey || this.cachedBitmap == null) {
108
- this.cachedBitmap?.close();
109
- this.cachedBitmap = await this.renderTextToFrame(visible);
110
- this.cacheKey = key;
111
- }
112
- return {
113
- video: await createImageBitmap(this.cachedBitmap),
114
- state: "success"
115
- };
116
- }
117
- /**
118
- * 把文字渲染成「整帧」位图(工程分辨率)。
119
- *
120
- * 为什么不能直接把 renderTxt2ImgBitmap 的结果当帧用:
121
- * 它返回的是文字自身尺寸的小图(几十到几百像素宽),Sprite 会把它拉伸到 rect 的
122
- * 1280×720 —— 文字被放大后严重模糊,且居中位置由 Sprite 决定而非文字块决定。
123
- * 因此这里先渲染文字小图,再按比例居中合成到工程尺寸的画布上。
124
- */
125
- async renderTextToFrame(text) {
126
- const { width, height } = this.opts;
127
- const canvas = new OffscreenCanvas(width, height);
128
- const ctx = canvas.getContext("2d");
129
- if (ctx == null) throw new Error("无法创建文字渲染上下文");
130
- const layer = await (0, _webav_av_cliper.renderTxt2ImgBitmap)(text, cssFromStyle(this.opts.style));
131
- const align = this.opts.style.align;
132
- const margin = Math.round(width * .05);
133
- const maxWidth = width - margin * 2;
134
- const scale = layer.width > maxWidth ? maxWidth / layer.width : 1;
135
- const drawW = Math.round(layer.width * scale);
136
- const drawH = Math.round(layer.height * scale);
137
- const x = align === "left" ? margin : align === "right" ? width - margin - drawW : (width - drawW) / 2;
138
- const y = Math.round((height - drawH) / 2);
139
- ctx.drawImage(layer, x, y, drawW, drawH);
140
- layer.close();
141
- return canvas.transferToImageBitmap();
142
- }
143
- emptyBitmap = null;
144
- async renderEmpty() {
145
- if (this.emptyBitmap != null) return this.emptyBitmap;
146
- const canvas = new OffscreenCanvas(this.opts.width, this.opts.height);
147
- this.emptyBitmap = canvas.transferToImageBitmap();
148
- return this.emptyBitmap;
149
- }
150
- async split(time) {
151
- if (time <= 0 || time >= this.opts.durationUs) throw new Error("\"time\" out of bounds");
152
- const left = new TextClip({
153
- ...this.opts,
154
- durationUs: time
155
- });
156
- const right = new TextClip({
157
- ...this.opts,
158
- durationUs: this.opts.durationUs - time,
159
- animOffsetUs: this.opts.animOffsetUs + time
160
- });
161
- await Promise.all([left.ready, right.ready]);
162
- return [left, right];
163
- }
164
- async clone() {
165
- const copy = new TextClip({ ...this.opts });
166
- await copy.ready;
167
- return copy;
168
- }
169
- destroy() {
170
- this.destroyed = true;
171
- this.cachedBitmap?.close();
172
- this.cachedBitmap = null;
173
- this.emptyBitmap?.close();
174
- this.emptyBitmap = null;
175
- }
176
- };
177
- // src/engine/webav/clip-factory.ts
178
- /**
179
- * File → IClip 的分派工厂。
180
- *
181
- * ⚠️ 本文件是 `@webav/*` 的合法引用点之一(另一个是 core/webav 下的其他模块)。
182
- * 不要在 features / store / components 中直接 import WebAV。
183
- *
184
- * 所有 clip 实例的生命周期由 `ClipRegistry` 统一管理,这里只负责创建。
185
- */
186
- /**
187
- * 创建素材的「母版」clip 并读取 meta。
188
- *
189
- * 对静态图/文字/字幕,`meta.duration` 可能是 Infinity,这里会归一成有限值:
190
- * 真正的时长由时间轴 clip 决定,母版只用于 clone 与抽帧。
191
- */
192
- async function createClipFromFile(file, kind) {
193
- switch (kind) {
194
- case "video": {
195
- const clip = new _webav_av_cliper.MP4Clip(require_file_reader.fileToStream(file));
196
- const meta = await clip.ready;
197
- return {
198
- clip,
199
- meta: {
200
- durationUs: meta.duration,
201
- width: meta.width,
202
- height: meta.height,
203
- hasAudio: meta.audioChanCount > 0
204
- }
205
- };
206
- }
207
- case "audio": {
208
- const clip = new _webav_av_cliper.AudioClip(require_file_reader.fileToStream(file));
209
- return {
210
- clip,
211
- meta: {
212
- durationUs: (await clip.ready).duration,
213
- width: 0,
214
- height: 0,
215
- hasAudio: true
216
- }
217
- };
218
- }
219
- case "image": {
220
- const clip = new _webav_av_cliper.ImgClip(require_file_reader.fileToStream(file));
221
- const meta = await clip.ready;
222
- return {
223
- clip,
224
- meta: {
225
- durationUs: Number.isFinite(meta.duration) ? meta.duration : require_time.DEFAULT_STILL_DURATION_US,
226
- width: meta.width,
227
- height: meta.height,
228
- hasAudio: false
229
- }
230
- };
231
- }
232
- case "subtitle": {
233
- const text = await file.text();
234
- const clip = new _webav_av_cliper.EmbedSubtitlesClip(text, {
235
- videoWidth: 1280,
236
- videoHeight: 720
237
- });
238
- const meta = await clip.ready;
239
- return {
240
- clip,
241
- meta: {
242
- durationUs: Number.isFinite(meta.duration) ? meta.duration : require_time.DEFAULT_STILL_DURATION_US,
243
- width: meta.width,
244
- height: meta.height,
245
- hasAudio: false
246
- }
247
- };
248
- }
249
- default: throw new Error(`Unsupported asset kind: ${kind}`);
250
- }
251
- }
252
- /** 文字素材:不走文件,直接由 TextClip 生成 */
253
- function createTextClip(init) {
254
- return new TextClip({
255
- text: init.text,
256
- style: init.style,
257
- width: init.width,
258
- height: init.height,
259
- durationUs: init.durationUs
260
- });
261
- }
262
- function createSubtitleClip(init) {
263
- return new _webav_av_cliper.EmbedSubtitlesClip(init.srt, {
264
- videoWidth: init.width,
265
- videoHeight: init.height,
266
- color: init.style.color,
267
- textBgColor: init.style.textBgColor,
268
- fontFamily: init.style.fontFamily,
269
- fontSize: init.style.fontSize,
270
- strokeStyle: init.style.strokeStyle,
271
- lineWidth: init.style.lineWidth,
272
- bottomOffset: init.style.bottomOffset
273
- });
274
- }
275
- /** Worker 内重建 clip:只支持可序列化的素材类型 */
276
- function createClipFromBuffer(buffer, kind, opts) {
277
- switch (kind) {
278
- case "video": return new _webav_av_cliper.MP4Clip(require_file_reader.bufferToStream(buffer));
279
- case "audio": return new _webav_av_cliper.AudioClip(require_file_reader.bufferToStream(buffer));
280
- case "image": return new _webav_av_cliper.ImgClip(require_file_reader.bufferToStream(buffer));
281
- case "subtitle": return createSubtitleClip({
282
- srt: opts?.srt ?? "",
283
- style: opts?.subtitleStyle ?? DEFAULT_SUBTITLE_STYLE,
284
- width: opts?.width ?? 1280,
285
- height: opts?.height ?? 720
286
- });
287
- case "text": return createTextClip({
288
- text: opts?.text ?? "",
289
- style: opts?.textStyle ?? DEFAULT_TEXT_STYLE,
290
- width: opts?.width ?? 1280,
291
- height: opts?.height ?? 720,
292
- durationUs: opts?.durationUs ?? 5e6
293
- });
294
- default: throw new Error(`Worker 内不支持重建素材类型:${kind}`);
295
- }
296
- }
297
- // src/media/thumbnails.ts
298
- var cache = /* @__PURE__ */ new Map();
299
- /**
300
- * 生成等间隔缩略图条。
301
- *
302
- * @param clip MP4Clip 实例(调用方负责生命周期)
303
- * @param assetId 缓存 key
304
- * @param count 期望张数
305
- * @param durationUs 素材总时长,用来算 step
306
- * @param width 单张宽度
307
- */
308
- async function generateThumbnails(clip, assetId, count, durationUs, width = 100) {
309
- const cached = cache.get(assetId);
310
- if (cached) return cached;
311
- const stepUs = Math.max(Math.floor(durationUs / count), require_time.usToMs(200));
312
- const raw = await clip.thumbnails(width, {
313
- start: 0,
314
- end: Math.max(0, durationUs - 1),
315
- step: stepUs
316
- });
317
- const picked = [];
318
- if (raw.length <= count) picked.push(...raw);
319
- else {
320
- const stride = raw.length / count;
321
- for (let i = 0; i < count; i += 1) {
322
- const item = raw[Math.min(raw.length - 1, Math.floor(i * stride))];
323
- if (item) picked.push(item);
324
- }
325
- }
326
- const frames = picked.map((item) => ({
327
- ts: item.ts,
328
- url: URL.createObjectURL(item.img)
329
- }));
330
- cache.set(assetId, frames);
331
- return frames;
332
- }
333
- /** 释放某素材的缩略图 URL */
334
- function releaseThumbnails(assetId) {
335
- const frames = cache.get(assetId);
336
- if (!frames) return;
337
- for (const f of frames) URL.revokeObjectURL(f.url);
338
- cache.delete(assetId);
339
- }
340
- // src/engine/webav/import-pipeline.ts
341
- /**
342
- * 素材导入流水线(供 feature 与 Lab 共用)。
343
- *
344
- * 步骤:校验类型 → 创建母版 IClip → 读 meta → 抽缩略图 / 波形 → 写入 registry 与 store。
345
- *
346
- * ⚠️ 所有 WebAV 调用都落在 core 内;本文件位于 core/webav 下,允许 import '@webav/*'。
347
- */
348
- var import_pipeline_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
349
- UnsupportedFileError: () => require_file_reader.UnsupportedFileError,
350
- createSubtitleAsset: () => createSubtitleAsset,
351
- createTextAsset: () => createTextAsset,
352
- importFile: () => importFile,
353
- loadAudioClipForAsset: () => loadAudioClipForAsset,
354
- loadPcmForAsset: () => loadPcmForAsset
355
- });
356
- var THUMBNAIL_COUNT = 4;
357
- var THUMBNAIL_WIDTH = 120;
358
- var WAVEFORM_BUCKETS = 400;
359
- /**
360
- * 导入单个文件,生成素材记录。
361
- *
362
- * @param onProgress 0~1 进度(用于卡片骨架/进度条)
363
- * @throws UnsupportedFileError 类型不支持时
364
- */
365
- async function importFile(registry, file, onProgress, options = {}) {
366
- const detected = require_file_reader.detectFileType(file);
367
- onProgress?.(.1);
368
- const { clip, meta } = await createClipFromFile(file, detected.kind);
369
- onProgress?.(.4);
370
- const assetId = options.id ?? require_time.createId("asset");
371
- const asset = {
372
- id: assetId,
373
- name: file.name,
374
- kind: detected.kind,
375
- mimeType: detected.mimeType,
376
- size: file.size,
377
- durationUs: require_time.asUs(meta.durationUs),
378
- width: meta.width,
379
- height: meta.height,
380
- hasAudio: meta.hasAudio,
381
- createdAt: Date.now()
382
- };
383
- if (detected.kind === "video") {
384
- try {
385
- asset.thumbnailUrls = (await generateThumbnails(clip, assetId, THUMBNAIL_COUNT, meta.durationUs, THUMBNAIL_WIDTH)).map((f) => f.url);
386
- } catch (err) {
387
- console.warn("[importFile] 缩略图生成失败", err);
388
- }
389
- onProgress?.(.7);
390
- }
391
- if (detected.kind === "audio" || detected.kind === "video" && meta.hasAudio) {
392
- try {
393
- if (detected.kind === "audio") {
394
- const pcm = clip.getPCMData();
395
- asset.waveform = require_waveform.computeWaveform(pcm, WAVEFORM_BUCKETS);
396
- }
397
- } catch (err) {
398
- console.warn("[importFile] 波形生成失败", err);
399
- }
400
- onProgress?.(.85);
401
- }
402
- registry.registerAsset(asset, file, clip);
403
- onProgress?.(1);
404
- return {
405
- asset,
406
- clipId: assetId,
407
- master: clip
408
- };
409
- }
410
- /** 新建文字素材(非文件来源,无需二进制) */
411
- function createTextAsset(params) {
412
- const assetId = params.id ?? require_time.createId("asset");
413
- const style = {
414
- ...DEFAULT_TEXT_STYLE,
415
- ...params.style
416
- };
417
- const durationUs = params.durationUs ?? 5e6;
418
- const master = createTextClip({
419
- text: params.text,
420
- style,
421
- width: params.width,
422
- height: params.height,
423
- durationUs
424
- });
425
- const asset = {
426
- id: assetId,
427
- name: params.text.slice(0, 24) || "文字",
428
- kind: "text",
429
- mimeType: "text/x-title",
430
- size: 0,
431
- durationUs: require_time.asUs(durationUs),
432
- width: params.width,
433
- height: params.height,
434
- hasAudio: false,
435
- createdAt: Date.now(),
436
- text: params.text,
437
- textStyle: style
438
- };
439
- params.registry.registerAsset(asset, null, master);
440
- return {
441
- asset,
442
- clipId: assetId
443
- };
444
- }
445
- /**
446
- * 解码素材的完整 PCM(48kHz 双声道),供 Worker 导出使用。
447
- *
448
- * ⚠️ 实测:Worker 内没有 AudioContext / OfflineAudioContext,
449
- * `new AudioClip(stream)` 会在 `decodeAudioData` 处抛错,因此必须在主线程解码后
450
- * 把 Float32Array 传过去(`new AudioClip(Float32Array[])` 走纯归一化分支)。
451
- *
452
- * @returns 声道数组;失败或素材无音轨时返回 undefined
453
- */
454
- async function loadPcmForAsset(registry, assetId) {
455
- if (registry.getAsset(assetId) == null) return void 0;
456
- const file = registry.getFile(assetId);
457
- if (file == null) return void 0;
458
- try {
459
- const clip = new _webav_av_cliper.AudioClip(require_file_reader.fileToStream(file));
460
- await clip.ready;
461
- const pcm = clip.getPCMData().map((channel) => new Float32Array(channel));
462
- clip.destroy();
463
- return pcm;
464
- } catch (err) {
465
- console.warn("[loadPcmForAsset] 音频解码失败", err);
466
- return;
467
- }
468
- }
469
- /** 解析素材的音频 PCM(供预览音频引擎注册) */
470
- async function loadAudioClipForAsset(registry, assetId) {
471
- const file = registry.getFile(assetId);
472
- if (file == null) return null;
473
- const asset = registry.getAsset(assetId);
474
- if (asset == null) return null;
475
- if (asset.kind !== "audio" && asset.kind !== "video") return null;
476
- const clip = new _webav_av_cliper.AudioClip(require_file_reader.fileToStream(file));
477
- await clip.ready;
478
- return clip;
479
- }
480
- /** 用第一条字幕文本给素材命名(无内容时回退为「字幕」) */
481
- function subtitleName(srt) {
482
- const base = (srt.split(/\r?\n/).map((line) => line.trim()).find((line) => line.length > 0 && !line.includes("-->") && !/^\d+$/.test(line)) ?? "") || "字幕";
483
- return base.length > 20 ? `${base.slice(0, 20)}…` : base;
484
- }
485
- /** 新建字幕素材(内容来自粘贴的 SRT,无源文件) */
486
- function createSubtitleAsset(params) {
487
- const assetId = params.id ?? require_time.createId("asset");
488
- const style = {
489
- ...DEFAULT_SUBTITLE_STYLE,
490
- ...params.style
491
- };
492
- const durationUs = params.durationUs ?? 5e6;
493
- const master = createSubtitleClip({
494
- srt: params.srt,
495
- style,
496
- width: params.width,
497
- height: params.height
498
- });
499
- const asset = {
500
- id: assetId,
501
- name: subtitleName(params.srt),
502
- kind: "subtitle",
503
- mimeType: "text/plain",
504
- size: params.srt.length,
505
- durationUs: require_time.asUs(durationUs),
506
- width: params.width,
507
- height: params.height,
508
- hasAudio: false,
509
- createdAt: Date.now(),
510
- srt: params.srt,
511
- subtitleStyle: style
512
- };
513
- params.registry.registerAsset(asset, null, master);
514
- return {
515
- asset,
516
- clipId: assetId
517
- };
518
- }
519
- Object.defineProperty(exports, "DEFAULT_SUBTITLE_STYLE", {
520
- enumerable: true,
521
- get: function() {
522
- return DEFAULT_SUBTITLE_STYLE;
523
- }
524
- });
525
- Object.defineProperty(exports, "DEFAULT_TEXT_STYLE", {
526
- enumerable: true,
527
- get: function() {
528
- return DEFAULT_TEXT_STYLE;
529
- }
530
- });
531
- Object.defineProperty(exports, "TextClip", {
532
- enumerable: true,
533
- get: function() {
534
- return TextClip;
535
- }
536
- });
537
- Object.defineProperty(exports, "createClipFromBuffer", {
538
- enumerable: true,
539
- get: function() {
540
- return createClipFromBuffer;
541
- }
542
- });
543
- Object.defineProperty(exports, "createClipFromFile", {
544
- enumerable: true,
545
- get: function() {
546
- return createClipFromFile;
547
- }
548
- });
549
- Object.defineProperty(exports, "createSubtitleAsset", {
550
- enumerable: true,
551
- get: function() {
552
- return createSubtitleAsset;
553
- }
554
- });
555
- Object.defineProperty(exports, "createSubtitleClip", {
556
- enumerable: true,
557
- get: function() {
558
- return createSubtitleClip;
559
- }
560
- });
561
- Object.defineProperty(exports, "createTextAsset", {
562
- enumerable: true,
563
- get: function() {
564
- return createTextAsset;
565
- }
566
- });
567
- Object.defineProperty(exports, "createTextClip", {
568
- enumerable: true,
569
- get: function() {
570
- return createTextClip;
571
- }
572
- });
573
- Object.defineProperty(exports, "cssFromStyle", {
574
- enumerable: true,
575
- get: function() {
576
- return cssFromStyle;
577
- }
578
- });
579
- Object.defineProperty(exports, "importFile", {
580
- enumerable: true,
581
- get: function() {
582
- return importFile;
583
- }
584
- });
585
- Object.defineProperty(exports, "import_pipeline_exports", {
586
- enumerable: true,
587
- get: function() {
588
- return import_pipeline_exports;
589
- }
590
- });
591
- Object.defineProperty(exports, "loadAudioClipForAsset", {
592
- enumerable: true,
593
- get: function() {
594
- return loadAudioClipForAsset;
595
- }
596
- });
597
- Object.defineProperty(exports, "loadPcmForAsset", {
598
- enumerable: true,
599
- get: function() {
600
- return loadPcmForAsset;
601
- }
602
- });
603
- Object.defineProperty(exports, "releaseThumbnails", {
604
- enumerable: true,
605
- get: function() {
606
- return releaseThumbnails;
607
- }
608
- });
609
-
610
- //# sourceMappingURL=import-pipeline-A8KkqtZT.cjs.map