@pixerate/editor-svelte 0.65.0 → 0.67.0

package/dist/video-editor/ClipInspector.svelte

@@ -7,7 +7,8 @@
     normalizeVideoGrade,
     VIDEO_GRADE_CONTROLS,
     VIDEO_GRADE_PRESET_NAMES,
-    videoGradePreset,
+    videoGradeLook,
+    videoLutEdits,
     VIDEO_BLEND_MODE_LABELS,
     VIDEO_BLEND_MODES,
     VIDEO_FADE_CURVE_LABELS,
@@ -27,6 +28,7 @@
     type VideoEditorController,
     type VideoFadeCurve,
     type VideoGradeControl,
+    type VideoGradeLut,
     type VideoGradePreset,
     type VideoKeyframeRow,
     type VideoTransitionType,
@@ -119,9 +121,46 @@
     set('grade', normalizeVideoGrade({ ...clip.grade, [c.key]: n }), `Change ${c.label.toLowerCase()}`);
   }
   function gradePreset(name: string) {
-    const grade = clip && name ? videoGradePreset(name as VideoGradePreset) : undefined;
+    const grade = clip && name ? videoGradeLook(clip.grade, name as VideoGradePreset) : undefined;
     if (clip && grade) apply({ op: 'update_clip', clip: clip.id, set: { grade } }, `Apply ${name} look`);
   }
+  /** Gives the clip a LUT (keeping its other grade settings), or takes it off with `null`. */
+  function setLut(setting: VideoGradeLut | null, label: string) {
+    if (!clip) return;
+    localError = null;
+    const r = controller.apply(videoLutEdits(editor.project, [clip.id], setting), label);
+    if (!r.ok) localError = { text: r.error, revision: editor.revision };
+  }
+  /** A `.cube` path or URL, checked by loading it; empty removes the LUT. */
+  async function chooseLut(src: string) {
+    if (!clip) return;
+    const strength = clip.grade?.lut?.strength;
+    if (!src) return clip.grade?.lut && setLut(null, 'Remove LUT');
+    try {
+      const table = await controller.luts.load(src);
+      setLut({ src, ...(strength !== undefined ? { strength } : {}), ...(table.title ? { name: table.title } : {}) }, 'Apply LUT');
+    } catch (e) {
+      localError = { text: e instanceof Error ? e.message : String(e), revision: editor.revision };
+    }
+  }
+  /** A `.cube` file read in place: its name becomes the `src`, so keep the file beside the export. */
+  async function loadLutFile(file: File | undefined) {
+    if (!file || !clip) return;
+    const strength = clip.grade?.lut?.strength;
+    try {
+      const table = controller.luts.set(file.name, await file.text());
+      setLut({ src: file.name, ...(strength !== undefined ? { strength } : {}), ...(table.title ? { name: table.title } : {}) }, 'Apply LUT');
+    } catch (e) {
+      localError = { text: `${file.name}: ${e instanceof Error ? e.message : String(e)}`, revision: editor.revision };
+    }
+  }
+  function lutStrength(raw: string) {
+    const lut = clip?.grade?.lut;
+    const n = Number(raw);
+    if (!lut || !raw.trim() || !Number.isFinite(n)) return;
+    // A strength of 0 changes nothing, so it takes the LUT off.
+    setLut(n > 0 ? { ...lut, strength: Math.min(1, n) } : null, n > 0 ? 'Change LUT strength' : 'Remove LUT');
+  }
   function transitionAudioCurve(curve: string) {
     if (!clip?.transition) return;
     const { audioCurve: _, ...rest } = clip.transition;
@@ -186,6 +225,21 @@
           <span class="text-muted-foreground">{c.label}</span>
           <input class={input} type="number" min={c.min} max={c.max} step={c.step} placeholder="0" aria-label={c.label} {disabled} value={clip.grade?.[c.key] ?? ''} onchange={(e) => gradeValue(c, e.currentTarget.value)} data-field="grade.{c.key}" />
         {/each}
+        <span class="text-muted-foreground">LUT</span>
+        <div class="flex min-w-0 gap-1" data-field="grade.lut">
+          <input class={input} placeholder="look.cube" aria-label="LUT file" {disabled} value={clip.grade?.lut?.src ?? ''} onchange={(e) => chooseLut(e.currentTarget.value.trim())} />
+          <label class="{btn} cursor-pointer whitespace-nowrap" title="Load a .cube file">
+            Load
+            <input type="file" accept=".cube" class="sr-only" {disabled} aria-label="Load a .cube LUT" onchange={(e) => loadLutFile(e.currentTarget.files?.[0])} />
+          </label>
+          {#if clip.grade?.lut}
+            <button type="button" class={btn} {disabled} aria-label="Remove LUT" onclick={() => setLut(null, 'Remove LUT')}>✕</button>
+          {/if}
+        </div>
+        {#if clip.grade?.lut}
+          <span class="text-muted-foreground">LUT strength</span>
+          <input class={input} type="number" min="0" max="1" step="0.05" aria-label="LUT strength" {disabled} value={clip.grade.lut.strength ?? 1} onchange={(e) => lutStrength(e.currentTarget.value)} data-field="grade.lut.strength" />
+        {/if}
       {/if}
       {#if at?.track.kind === 'video'}
         {#each [{ key: 'animateIn', label: 'Animate in', change: 'Change entrance' }, { key: 'animateOut', label: 'Animate out', change: 'Change exit' }] 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,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"}
+{"version":3,"file":"ClipInspector.svelte.d.ts","sourceRoot":"","sources":["../../src/video-editor/ClipInspector.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EA0BH,KAAK,qBAAqB,EAQ3B,MAAM,+BAA+B,CAAC;AAIvC,UAAU,KAAK;IACb,UAAU,EAAE,qBAAqB,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+SH,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.65.0",
+  "version": "0.67.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.86.0"
+    "@pixerate/editor": "0.88.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",