@pixerate/editor-svelte 0.64.0 → 0.66.0

package/dist/video-editor/ClipInspector.svelte

@@ -16,7 +16,10 @@
     VIDEO_TRANSITION_TYPES,
     VIDEO_WIPE_DIRECTIONS,
     videoTransitionHasDirection,
+    videoFreezeFrameEdit,
     videoKeyframeRows,
+    videoSlowMotionRamp,
+    videoSpeedRampEdit,
     videoTransitionAudioCurve,
     videoKeyframeToggleEdit,
     videoKeyframeValueEdit,
@@ -47,6 +50,7 @@
   // A local error shows until the editor changes; then the editor's own error (if any) shows.
   const message = $derived((localError && localError.revision === editor.revision ? localError.text : null) ?? editor.error);
   const rows = $derived(clip ? videoKeyframeRows(editor.project, clip.id, editor.time) : []);
+  const btn = 'rounded border border-border px-1.5 py-0.5 text-[10px] disabled:opacity-40';
   const input = 'w-full min-w-0 rounded border border-border bg-transparent px-1 py-0.5 text-xs disabled:opacity-50';
 
   function apply(edit: VideoEdit, label: string) {
@@ -217,7 +221,21 @@
       {/each}
       {#if clip.type === 'media'}
         <span class="text-muted-foreground">Speed</span>
-        <input class={input} type="number" min="0.05" step="0.05" placeholder="1" aria-label="Speed" {disabled} value={clip.speed ?? ''} onchange={(e) => number('speed', e.currentTarget.value, 'Change speed', { above: 0, what: 'Speed must be a number above 0 (1 = normal speed).' })} data-field="speed" />
+        {#if clip.timeRemap}
+          <span class="flex items-center gap-1" data-ramped="">
+            <span class="text-muted-foreground">ramped</span>
+            <button type="button" class={btn} {disabled} onclick={() => clip && apply({ op: 'set_time_remap', clip: clip.id, keys: null, ripple: true }, 'Remove speed ramp')}>Remove ramp</button>
+          </span>
+        {:else}
+          <input class={input} type="number" min="0.05" step="0.05" placeholder="1" aria-label="Speed" {disabled} value={clip.speed ?? ''} onchange={(e) => number('speed', e.currentTarget.value, 'Change speed', { above: 0, what: 'Speed must be a number above 0 (1 = normal speed).' })} data-field="speed" />
+        {/if}
+        {#if editor.project.assets.find((a) => a.id === clip.asset)?.kind !== 'image'}
+        <span class="text-muted-foreground">Retime</span>
+        <span class="flex flex-wrap gap-1">
+          <button type="button" class={btn} disabled={disabled || editor.time < clip.start || editor.time > clip.start + clip.duration} title="Hold the frame at the playhead for a second, pushing later clips along" onclick={() => clip?.type === 'media' && apply(videoFreezeFrameEdit(clip, editor.time - clip.start, 1000), 'Freeze frame')} data-action="freeze">Freeze 1 s here</button>
+          <button type="button" class={btn} {disabled} title="Normal speed, then a glide into 0.3× slow motion" onclick={() => clip?.type === 'media' && apply(videoSpeedRampEdit(clip, videoSlowMotionRamp(clip.duration)), 'Speed ramp')} data-action="slow-mo">Slow-mo ramp</button>
+        </span>
+        {/if}
         <span class="text-muted-foreground">Muted</span>
         <input type="checkbox" class="justify-self-start" aria-label="Muted" {disabled} checked={!!clip.muted} onchange={(e) => set('muted', e.currentTarget.checked || undefined, e.currentTarget.checked ? 'Mute clip' : 'Unmute clip')} data-field="muted" />
         {#each [{ key: 'fadeInCurve', on: clip.fadeIn, label: 'Fade in sound', aria: 'Fade in curve', change: 'Change fade in curve' }, { key: 'fadeOutCurve', on: clip.fadeOut, label: 'Fade out sound', aria: 'Fade out curve', change: 'Change fade out curve' }] as const as row (row.key)}

package/dist/video-editor/ClipInspector.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClipInspector.svelte.d.ts","sourceRoot":"","sources":["../../src/video-editor/ClipInspector.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAsBH,KAAK,qBAAqB,EAO3B,MAAM,+BAA+B,CAAC;AAIvC,UAAU,KAAK;IACb,UAAU,EAAE,qBAAqB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4OH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ClipInspector.svelte.d.ts","sourceRoot":"","sources":["../../src/video-editor/ClipInspector.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAyBH,KAAK,qBAAqB,EAO3B,MAAM,+BAA+B,CAAC;AAIvC,UAAU,KAAK;IACb,UAAU,EAAE,qBAAqB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2PH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/video-editor/VideoEditor.svelte

@@ -5,6 +5,7 @@
   import MediaBin from './MediaBin.svelte';
   import TranscriptPanel from './TranscriptPanel.svelte';
   import VideoPreview from './VideoPreview.svelte';
+  import VideoScopes from './VideoScopes.svelte';
   import VideoTimeline from './VideoTimeline.svelte';
   import VideoTransport from './VideoTransport.svelte';
   import { videoEditorStateOf } from './createVideoEditor.svelte.js';
@@ -25,10 +26,12 @@
     showIssues?: boolean;
     /** Show the transcript panel for editing by text (default true). */
     showTranscript?: boolean;
+    /** Show colour scopes (histogram, luma waveform, vectorscope) of the preview under it (default false). */
+    showScopes?: boolean;
     class?: string;
   }
 
-  let { controller, options, editable = true, pxPerSecond = $bindable(100), showIssues = true, showTranscript = true, class: className = '' }: Props = $props();
+  let { controller, options, editable = true, pxPerSecond = $bindable(100), showIssues = true, showTranscript = true, showScopes = false, class: className = '' }: Props = $props();
   let owned: VideoEditorController | null = null;
   // A controller is made only when none is passed, and kept for the component's lifetime.
   const ctl = $derived(controller ?? (owned ??= new VideoEditorController(options)));
@@ -56,6 +59,7 @@
   <div class="flex flex-col gap-2 {className}" data-video-editor="">
     <VideoPreview controller={ctl} class="rounded-md" />
     <VideoTransport controller={ctl} editable={false} />
+    {#if showScopes}<VideoScopes controller={ctl} />{/if}
     <VideoTimeline controller={ctl} bind:pxPerSecond editable={false} />
     {#if showTranscript}<TranscriptPanel controller={ctl} editable={false} />{/if}
     {@render issueList()}
@@ -66,6 +70,7 @@
     <div class="flex min-w-0 flex-col gap-2">
       <VideoPreview controller={ctl} class="rounded-md" />
       <VideoTransport controller={ctl} />
+      {#if showScopes}<VideoScopes controller={ctl} />{/if}
     </div>
     <ClipInspector controller={ctl} class="min-w-0" />
     <div class="flex min-w-0 flex-col gap-2 lg:col-span-3">

package/dist/video-editor/VideoEditor.svelte.d.ts

@@ -15,6 +15,8 @@ interface Props {
     showIssues?: boolean;
     /** Show the transcript panel for editing by text (default true). */
     showTranscript?: boolean;
+    /** Show colour scopes (histogram, luma waveform, vectorscope) of the preview under it (default false). */
+    showScopes?: boolean;
     class?: string;
 }
 declare const VideoEditor: import("svelte").Component<Props, {}, "pxPerSecond">;

package/dist/video-editor/VideoEditor.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/video-editor/VideoEditor.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAU7F,UAAU,KAAK;IACb,2FAA2F;IAC3F,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,8EAA8E;IAC9E,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oEAAoE;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2DH,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"VideoEditor.svelte.d.ts","sourceRoot":"","sources":["../../src/video-editor/VideoEditor.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAW7F,UAAU,KAAK;IACb,2FAA2F;IAC3F,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,8EAA8E;IAC9E,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oEAAoE;IACpE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0GAA0G;IAC1G,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8DH,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/video-editor/VideoScopes.svelte

@@ -0,0 +1,77 @@
+<script lang="ts">
+  import { readVideoScopesPanel, VIDEO_SCOPE_KINDS, type VideoEditorController, type VideoScopeKind, type VideoScopesPanelReading } from '@pixerate/editor/video-editor';
+
+  interface Props {
+    controller: VideoEditorController;
+    /** Which scopes to show, in order (default histogram, waveform and vectorscope). */
+    scopes?: readonly VideoScopeKind[];
+    /** Size of the histogram and waveform in pixels (default 256 × 128); the vectorscope is square, `height` a side. */
+    width?: number;
+    height?: number;
+    class?: string;
+  }
+
+  let { controller, scopes = VIDEO_SCOPE_KINDS, width = 256, height = 128, class: className = '' }: Props = $props();
+  const LABELS: Record<VideoScopeKind, string> = { histogram: 'Histogram', waveform: 'Luma waveform', vectorscope: 'Vectorscope' };
+  const pct = (v: number) => `${Math.round(v * 1000) / 10}%`;
+  const canvases: Partial<Record<VideoScopeKind, HTMLCanvasElement>> = $state({});
+  let reading: VideoScopesPanelReading = $state.raw({ ok: false, message: 'Show the preview to see its scopes.' });
+
+  // Redraw after each preview frame, at most once an animation frame.
+  $effect(() => {
+    const feed = controller.previewPixels;
+    const kinds = scopes;
+    const size = { width, height };
+    let frame = 0;
+    const raf = typeof requestAnimationFrame === 'function' ? requestAnimationFrame : (fn: () => void) => setTimeout(fn, 16) as unknown as number;
+    const caf = typeof cancelAnimationFrame === 'function' ? cancelAnimationFrame : (id: number) => clearTimeout(id);
+    const draw = () => {
+      frame = 0;
+      const next = readVideoScopesPanel(feed, kinds, size);
+      reading = next;
+      if (!next.ok) return;
+      for (const kind of kinds) {
+        const img = next.images[kind];
+        const ctx = canvases[kind]?.getContext('2d');
+        if (img && ctx && typeof ImageData !== 'undefined') ctx.putImageData(new ImageData(img.data, img.width, img.height), 0, 0);
+      }
+    };
+    const schedule = () => {
+      if (!frame) frame = raf(draw);
+    };
+    schedule();
+    const off = feed.subscribe(schedule);
+    return () => {
+      off();
+      if (frame) caf(frame);
+    };
+  });
+</script>
+
+<!-- Colour scopes of what this controller's <VideoPreview> draws, with exposure figures and notes. -->
+<div class="flex flex-col gap-2 text-xs {className}" data-video-scopes="">
+  <div class="flex flex-wrap gap-2">
+    {#each scopes as kind (kind)}
+      {@const w = kind === 'vectorscope' ? height : width}
+      <figure class="m-0 flex min-w-0 max-w-full flex-col gap-1">
+        <canvas bind:this={canvases[kind]} width={w} height={height} class="rounded border border-border bg-black" style="width:{w}px;max-width:100%;height:auto;aspect-ratio:{w} / {height}" aria-label={LABELS[kind]} data-scope={kind}></canvas>
+        <figcaption class="text-[11px] text-muted-foreground">{LABELS[kind]}</figcaption>
+      </figure>
+    {/each}
+  </div>
+  {#if reading.ok}
+    <div class="flex flex-col gap-0.5" data-scope-stats="">
+      <div class="tabular-nums">
+        Luma {reading.stats.luma.mean.toFixed(2)} mean · {reading.stats.luma.p1.toFixed(2)}–{reading.stats.luma.p99.toFixed(2)} · crushed {pct(reading.stats.clipped.shadows)} · blown {pct(reading.stats.clipped.highlights)} · average
+        <span class="inline-block h-2.5 w-2.5 rounded-sm align-middle" style="background:{reading.stats.average}"></span>
+        {reading.stats.average}
+        {#if !reading.complete}<span class="text-muted-foreground"> · loading</span>{/if}
+      </div>
+      {#each reading.notes as note (note)}
+        <div class="text-amber-500">{note}</div>
+      {/each}
+    </div>
+  {:else}
+    <div class="text-muted-foreground" data-scope-message="">{reading.message}</div>
+  {/if}
+</div>

package/dist/video-editor/VideoScopes.svelte.d.ts

@@ -0,0 +1,14 @@
+import { type VideoEditorController, type VideoScopeKind } from '@pixerate/editor/video-editor';
+interface Props {
+    controller: VideoEditorController;
+    /** Which scopes to show, in order (default histogram, waveform and vectorscope). */
+    scopes?: readonly VideoScopeKind[];
+    /** Size of the histogram and waveform in pixels (default 256 × 128); the vectorscope is square, `height` a side. */
+    width?: number;
+    height?: number;
+    class?: string;
+}
+declare const VideoScopes: import("svelte").Component<Props, {}, "">;
+type VideoScopes = ReturnType<typeof VideoScopes>;
+export default VideoScopes;
+//# sourceMappingURL=VideoScopes.svelte.d.ts.map

package/dist/video-editor/VideoScopes.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoScopes.svelte.d.ts","sourceRoot":"","sources":["../../src/video-editor/VideoScopes.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2C,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAgC,MAAM,+BAA+B,CAAC;AAGrK,UAAU,KAAK;IACb,UAAU,EAAE,qBAAqB,CAAC;IAClC,oFAAoF;IACpF,MAAM,CAAC,EAAE,SAAS,cAAc,EAAE,CAAC;IACnC,oHAAoH;IACpH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwEH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/video-editor/index.d.ts

@@ -1,6 +1,7 @@
 import type { ComponentProps } from "svelte";
 import type VideoEditorComponent from "./VideoEditor.svelte";
 import type VideoPreviewComponent from "./VideoPreview.svelte";
+import type VideoScopesComponent from "./VideoScopes.svelte";
 import type VideoTransportComponent from "./VideoTransport.svelte";
 import type VideoTimelineComponent from "./VideoTimeline.svelte";
 import type ClipInspectorComponent from "./ClipInspector.svelte";
@@ -8,6 +9,7 @@ import type MediaBinComponent from "./MediaBin.svelte";
 import type TranscriptPanelComponent from "./TranscriptPanel.svelte";
 export { default as VideoEditor } from "./VideoEditor.svelte";
 export { default as VideoPreview } from "./VideoPreview.svelte";
+export { default as VideoScopes } from "./VideoScopes.svelte";
 export { default as VideoTransport } from "./VideoTransport.svelte";
 export { default as VideoTimeline } from "./VideoTimeline.svelte";
 export { default as ClipInspector } from "./ClipInspector.svelte";
@@ -16,6 +18,7 @@ export { default as TranscriptPanel } from "./TranscriptPanel.svelte";
 export * from "./createVideoEditor.svelte.js";
 export type VideoEditorProps = ComponentProps<typeof VideoEditorComponent>;
 export type VideoPreviewProps = ComponentProps<typeof VideoPreviewComponent>;
+export type VideoScopesProps = ComponentProps<typeof VideoScopesComponent>;
 export type VideoTransportProps = ComponentProps<typeof VideoTransportComponent>;
 export type VideoTimelineProps = ComponentProps<typeof VideoTimelineComponent>;
 export type ClipInspectorProps = ComponentProps<typeof ClipInspectorComponent>;

package/dist/video-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/video-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,oBAAoB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,uBAAuB,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,iBAAiB,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,wBAAwB,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,cAAc,+BAA+B,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC3E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC7E,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,uBAAuB,CAAC,CAAC;AACjF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AACrE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,wBAAwB,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/video-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,KAAK,oBAAoB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,qBAAqB,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,oBAAoB,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,uBAAuB,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,sBAAsB,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,iBAAiB,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,wBAAwB,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,cAAc,+BAA+B,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC3E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC7E,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAC3E,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,uBAAuB,CAAC,CAAC;AACjF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AACrE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,wBAAwB,CAAC,CAAC"}

package/dist/video-editor/index.js

@@ -1,5 +1,6 @@
 export { default as VideoEditor } from "./VideoEditor.svelte";
 export { default as VideoPreview } from "./VideoPreview.svelte";
+export { default as VideoScopes } from "./VideoScopes.svelte";
 export { default as VideoTransport } from "./VideoTransport.svelte";
 export { default as VideoTimeline } from "./VideoTimeline.svelte";
 export { default as ClipInspector } from "./ClipInspector.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.64.0",
+  "version": "0.66.0",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -131,7 +131,7 @@
     "@tiptap/extension-bubble-menu": "^2.11.5",
     "@tiptap/extension-placeholder": "^2.11.5",
     "@tiptap/starter-kit": "^2.11.5",
-    "@pixerate/editor": "0.85.0"
+    "@pixerate/editor": "0.87.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",