@pixerate/editor-svelte 0.54.5 → 0.56.0

package/dist/animation-editor/SceneSettings.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { fitMotionSceneEdits, formatMotionNarration, parseMotionNarration, type AnimationEditorController, type MotionEdit, type MotionTrigger } from '@pixerate/editor/animation-editor';
+  import { fitMotionSceneEdits, formatMotionDrivers, formatMotionNarration, parseMotionDrivers, parseMotionNarration, type AnimationEditorController, type MotionEdit, type MotionTrigger } from '@pixerate/editor/animation-editor';
   import { animationEditorStateOf } from './createAnimationEditor.svelte.js';
 
   interface Props {
@@ -16,6 +16,7 @@
   const beat = $derived(scene.beat);
   const target = $derived(scene.target);
   const narration = $derived(formatMotionNarration(scene.narration));
+  const drivers = $derived(formatMotionDrivers(scene.drivers));
   let localError = $state<{ text: string; revision: number } | null>(null);
   let fitTo = $state('');
   const fitSeconds = $derived(fitTo || String(target ? (target[0] + target[1]) / 2 : Math.round(editor.duration / 100) / 10));
@@ -67,6 +68,15 @@
       setLocal((e as Error).message);
     }
   }
+  function setDrivers(text: string) {
+    if (text === drivers) return;
+    const parsed = parseMotionDrivers(text);
+    if ('error' in parsed) {
+      setLocal(parsed.error);
+      return;
+    }
+    apply({ op: 'set_drivers', drivers: parsed.drivers }, parsed.drivers.length ? 'Set drivers' : 'Clear drivers');
+  }
   function setNarration(text: string) {
     if (text === narration) return;
     const parsed = parseMotionNarration(text);
@@ -90,6 +100,13 @@
       <option value="loop">Loop</option>
       <option value="ping-pong">Ping-pong</option>
     </select>
+    <span class="text-muted-foreground">Motion blur</span>
+    <select class={input} aria-label="Motion blur" disabled={editor.readOnly} value={scene.motionBlur ? String(scene.motionBlur.shutter ?? 180) : ''} onchange={(e) => settings({ motionBlur: e.currentTarget.value ? { ...(scene.motionBlur ?? {}), shutter: Number(e.currentTarget.value) } : null }, 'Change motion blur')}>
+      <option value="">Off</option>
+      <option value="90">Light (90°)</option>
+      <option value="180">Normal (180°)</option>
+      <option value="360">Heavy (360°)</option>
+    </select>
     <span class="text-muted-foreground">Plays on</span>
     <select class={input} aria-label="Scene trigger" title="How a viewer plays it when exported to Flair" disabled={editor.readOnly} value={scene.trigger ?? ''} onchange={(e) => settings({ trigger: (e.currentTarget.value || null) as MotionTrigger | null }, 'Change trigger')}>
       <option value="">Its own (autoplay)</option>
@@ -136,6 +153,10 @@
     <span class="text-muted-foreground">Narration (a word a line: start ms, then the word)</span>
     <textarea class="{input} h-20 font-mono" aria-label="Narration" placeholder={'0 Meet\n320 the\n480 badge'} disabled={editor.readOnly} value={narration} onchange={(e) => setNarration(e.currentTarget.value)}></textarea>
   </label>
+  <label class="flex flex-col gap-0.5">
+    <span class="text-muted-foreground">Drivers (one a line: target.property &lt;- source.property * factor)</span>
+    <textarea class="{input} h-14 font-mono" aria-label="Drivers" placeholder={'back.x <- front.x * 0.5\nwheel.rotation <- wheel.x * 2.86'} disabled={editor.readOnly} value={drivers} onchange={(e) => setDrivers(e.currentTarget.value)}></textarea>
+  </label>
   {#if message}
     <p class="text-red-500" role="alert" data-edit-error="">{message}</p>
   {/if}

package/dist/animation-editor/SceneSettings.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneSettings.svelte.d.ts","sourceRoot":"","sources":["../../src/animation-editor/SceneSettings.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoE,KAAK,yBAAyB,EAAuC,MAAM,mCAAmC,CAAC;AAIxL,UAAU,KAAK;IACb,UAAU,EAAE,yBAAyB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAuIH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SceneSettings.svelte.d.ts","sourceRoot":"","sources":["../../src/animation-editor/SceneSettings.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAA6G,KAAK,yBAAyB,EAAuC,MAAM,mCAAmC,CAAC;AAIjO,UAAU,KAAK;IACb,UAAU,EAAE,yBAAyB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4JH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/package.json

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