@signalsandsorcery/plugin-sdk 2.35.8 → 2.36.1

package/dist/index.mjs

@@ -443,25 +443,31 @@ function clamp(v, lo, hi) {
 function snapLabel(s) {
   return SNAP_LABELS[String(s)] ?? `${s}`;
 }
+function effectivePxPerBeat(containerWidth, totalBeats) {
+  if (totalBeats <= 0) return PX_PER_BEAT;
+  const available = containerWidth - GUTTER_W;
+  if (available <= 0) return PX_PER_BEAT;
+  return Math.max(PX_PER_BEAT, available / totalBeats);
+}
 function pitchToName(pitch) {
   const name = NOTE_NAMES[(pitch % 12 + 12) % 12];
   const octave = Math.floor(pitch / 12) - 1;
   return `${name}${octave}`;
 }
-function cellToPx(pitch, startBeat, hi) {
-  return { left: startBeat * PX_PER_BEAT, top: (hi - pitch) * ROW_HEIGHT };
+function cellToPx(pitch, startBeat, hi, pxPerBeat = PX_PER_BEAT) {
+  return { left: startBeat * pxPerBeat, top: (hi - pitch) * ROW_HEIGHT };
 }
-function pxToCell(localX, localY, hi, snap, bars, beatsPerBar) {
+function pxToCell(localX, localY, hi, snap, bars, beatsPerBar, pxPerBeat = PX_PER_BEAT) {
   const totalBeats = bars * beatsPerBar;
   const pitch = clamp(hi - Math.floor(localY / ROW_HEIGHT), 0, 127);
-  const rawBeat = localX / PX_PER_BEAT;
+  const rawBeat = localX / pxPerBeat;
   const snapped = Math.round(rawBeat / snap) * snap;
   const startBeat = clamp(snapped, 0, Math.max(0, totalBeats - snap));
   return { pitch, startBeat };
 }
-function resizeNoteDuration(startBeat, localX, snap, bars, beatsPerBar) {
+function resizeNoteDuration(startBeat, localX, snap, bars, beatsPerBar, pxPerBeat = PX_PER_BEAT) {
   const totalBeats = bars * beatsPerBar;
-  const snappedEnd = Math.round(localX / PX_PER_BEAT / snap) * snap;
+  const snappedEnd = Math.round(localX / pxPerBeat / snap) * snap;
   const end = clamp(snappedEnd, startBeat + snap, totalBeats);
   return end - startBeat;
 }
@@ -512,7 +518,19 @@ function PianoRollEditor({
   }, [autoFit, notes, minPitch, maxPitch]);
   const rowCount = hi - lo + 1;
   const totalBeats = bars * beatsPerBar;
-  const gridWidth = totalBeats * PX_PER_BEAT;
+  const [containerW, setContainerW] = useState(0);
+  useLayoutEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const measure = () => setContainerW(el.clientWidth);
+    measure();
+    if (typeof ResizeObserver === "undefined") return void 0;
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const pxPerBeat = effectivePxPerBeat(containerW, totalBeats);
+  const gridWidth = totalBeats * pxPerBeat;
   const gridHeight = rowCount * ROW_HEIGHT;
   const stateRef = useRef({
     notes,
@@ -524,7 +542,8 @@ function PianoRollEditor({
     defaultVelocity,
     bpm,
     onAuditionNote,
-    disabled
+    disabled,
+    pxPerBeat
   });
   stateRef.current = {
     notes,
@@ -536,7 +555,8 @@ function PianoRollEditor({
     defaultVelocity,
     bpm,
     onAuditionNote,
-    disabled
+    disabled,
+    pxPerBeat
   };
   const localCoords = useCallback((clientX, clientY) => {
     const rect = gridRef.current?.getBoundingClientRect();
@@ -572,14 +592,14 @@ function PianoRollEditor({
     if (drag.mode === "resize") {
       const note = s.notes[drag.index];
       if (!note) return;
-      const durationBeats = resizeNoteDuration(note.startBeat, x, s.snapState, s.bars, s.beatsPerBar);
+      const durationBeats = resizeNoteDuration(note.startBeat, x, s.snapState, s.bars, s.beatsPerBar, s.pxPerBeat);
       if (durationBeats === note.durationBeats) return;
       const next2 = s.notes.map((n, i) => i === drag.index ? { ...n, durationBeats } : n);
       s.onChange(next2);
       return;
     }
     if (drag.mode !== "drag") return;
-    const { pitch, startBeat } = pxToCell(x, y, s.hi, s.snapState, s.bars, s.beatsPerBar);
+    const { pitch, startBeat } = pxToCell(x, y, s.hi, s.snapState, s.bars, s.beatsPerBar, s.pxPerBeat);
     const next = s.notes.map((n, i) => i === drag.index ? { ...n, pitch, startBeat } : n);
     s.onChange(next);
   }, [localCoords]);
@@ -595,7 +615,7 @@ function PianoRollEditor({
     }
     if (drag.mode === "pending-add") {
       const { x, y } = localCoords(e.clientX, e.clientY);
-      const { pitch, startBeat } = pxToCell(x, y, s.hi, s.snapState, s.bars, s.beatsPerBar);
+      const { pitch, startBeat } = pxToCell(x, y, s.hi, s.snapState, s.bars, s.beatsPerBar, s.pxPerBeat);
       const note = {
         pitch,
         startBeat,
@@ -644,14 +664,14 @@ function PianoRollEditor({
     return out;
   }, [hi, lo]);
   const gridBg = useMemo(() => {
-    const beatPx = PX_PER_BEAT;
-    const barPx = PX_PER_BEAT * beatsPerBar;
+    const beatPx = pxPerBeat;
+    const barPx = pxPerBeat * beatsPerBar;
     return [
       `repeating-linear-gradient(to right, transparent 0 ${beatPx - 1}px, rgba(255,255,255,0.06) ${beatPx - 1}px ${beatPx}px)`,
       `repeating-linear-gradient(to right, transparent 0 ${barPx - 1}px, rgba(255,255,255,0.16) ${barPx - 1}px ${barPx}px)`,
       `repeating-linear-gradient(to bottom, transparent 0 ${ROW_HEIGHT - 1}px, rgba(255,255,255,0.04) ${ROW_HEIGHT - 1}px ${ROW_HEIGHT}px)`
     ].join(", ");
-  }, [beatsPerBar]);
+  }, [beatsPerBar, pxPerBeat]);
   const octaveDisabled = disabled || notes.length === 0;
   return /* @__PURE__ */ jsxs2("div", { className: `flex flex-col gap-1 ${className ?? ""}`, "data-testid": testId, children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1", "data-testid": "sdk-pr-toolbar", children: [
@@ -745,8 +765,8 @@ function PianoRollEditor({
               onPointerCancel: handlePointerCancel,
               children: [
                 notes.map((n, i) => {
-                  const { left, top } = cellToPx(n.pitch, n.startBeat, hi);
-                  const width = Math.max(3, n.durationBeats * PX_PER_BEAT);
+                  const { left, top } = cellToPx(n.pitch, n.startBeat, hi, pxPerBeat);
+                  const width = Math.max(3, n.durationBeats * pxPerBeat);
                   const handleW = Math.min(RESIZE_HANDLE_PX, width / 2);
                   return /* @__PURE__ */ jsx2(
                     "div",
@@ -2224,6 +2244,71 @@ function SorceryProgressBar({
   );
 }
 
+// src/panel-core/panel-helpers.ts
+function promptEnterToGenerate(generate, disabled = false) {
+  return (e) => {
+    if (e.key === "Enter" && !e.shiftKey && !disabled) {
+      e.preventDefault();
+      generate();
+    }
+  };
+}
+function trackDataKey(dbId, suffix) {
+  return `track:${dbId}:${suffix}`;
+}
+function pluginFxToToggleFx(sdkState) {
+  const result = { ...EMPTY_FX_DETAIL_STATE };
+  for (const category of ["eq", "compressor", "chorus", "phaser", "delay", "reverb"]) {
+    const sdkCat = sdkState[category];
+    if (sdkCat) {
+      result[category] = {
+        enabled: sdkCat.enabled,
+        presetIndex: sdkCat.presetIndex,
+        dryWet: sdkCat.dryWet
+      };
+    }
+  }
+  return result;
+}
+function parseLLMNoteResponse(content) {
+  try {
+    let jsonStr = content.trim();
+    const fenceMatch = jsonStr.match(/```(?:json)?\s*\n?([\s\S]*?)```/);
+    if (fenceMatch) {
+      jsonStr = fenceMatch[1].trim();
+    }
+    const parsed = JSON.parse(jsonStr);
+    if (typeof parsed !== "object" || parsed === null || !("notes" in parsed)) {
+      return null;
+    }
+    const obj = parsed;
+    if (!Array.isArray(obj.notes)) {
+      return null;
+    }
+    const validNotes = [];
+    for (const raw of obj.notes) {
+      if (typeof raw !== "object" || raw === null) continue;
+      const note = raw;
+      const pitch = typeof note.pitch === "number" ? note.pitch : NaN;
+      const startBeat = typeof note.startBeat === "number" ? note.startBeat : NaN;
+      const durationBeats = typeof note.durationBeats === "number" ? note.durationBeats : NaN;
+      const velocity = typeof note.velocity === "number" ? note.velocity : NaN;
+      if (!isNaN(pitch) && pitch >= 0 && pitch <= 127 && !isNaN(startBeat) && startBeat >= 0 && !isNaN(durationBeats) && durationBeats > 0 && !isNaN(velocity) && velocity >= 1 && velocity <= 127) {
+        validNotes.push({
+          pitch: Math.round(pitch),
+          startBeat,
+          durationBeats,
+          velocity: Math.round(velocity)
+        });
+      }
+    }
+    const role = typeof obj.role === "string" ? obj.role : void 0;
+    return { notes: validNotes, role };
+  } catch {
+    return null;
+  }
+}
+
 // src/components/TrackRow.tsx
 import { Fragment, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function TrackRow({
@@ -2292,12 +2377,7 @@ function TrackRow({
   );
   const fxTabOpen = drawerOpen && drawerTab === "fx";
   const soundTabOpen = drawerOpen && drawerTab !== "fx";
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" && !e.shiftKey && onGenerate) {
-      e.preventDefault();
-      onGenerate();
-    }
-  };
+  const handleKeyDown = promptEnterToGenerate(() => onGenerate?.(), !onGenerate);
   const borderColorStyle = needsGeneration ? void 0 : accentColor;
   const borderClass = needsGeneration ? "border-amber-400 animate-pulse" : "border-sas-border";
   return /* @__PURE__ */ jsxs8("div", { "data-testid": "sdk-track-row-wrapper", className: "w-full", ...drag?.rowProps ?? {}, children: [
@@ -5885,63 +5965,6 @@ function newTrackState(handle, overrides = {}) {
   };
 }
 
-// src/panel-core/panel-helpers.ts
-function trackDataKey(dbId, suffix) {
-  return `track:${dbId}:${suffix}`;
-}
-function pluginFxToToggleFx(sdkState) {
-  const result = { ...EMPTY_FX_DETAIL_STATE };
-  for (const category of ["eq", "compressor", "chorus", "phaser", "delay", "reverb"]) {
-    const sdkCat = sdkState[category];
-    if (sdkCat) {
-      result[category] = {
-        enabled: sdkCat.enabled,
-        presetIndex: sdkCat.presetIndex,
-        dryWet: sdkCat.dryWet
-      };
-    }
-  }
-  return result;
-}
-function parseLLMNoteResponse(content) {
-  try {
-    let jsonStr = content.trim();
-    const fenceMatch = jsonStr.match(/```(?:json)?\s*\n?([\s\S]*?)```/);
-    if (fenceMatch) {
-      jsonStr = fenceMatch[1].trim();
-    }
-    const parsed = JSON.parse(jsonStr);
-    if (typeof parsed !== "object" || parsed === null || !("notes" in parsed)) {
-      return null;
-    }
-    const obj = parsed;
-    if (!Array.isArray(obj.notes)) {
-      return null;
-    }
-    const validNotes = [];
-    for (const raw of obj.notes) {
-      if (typeof raw !== "object" || raw === null) continue;
-      const note = raw;
-      const pitch = typeof note.pitch === "number" ? note.pitch : NaN;
-      const startBeat = typeof note.startBeat === "number" ? note.startBeat : NaN;
-      const durationBeats = typeof note.durationBeats === "number" ? note.durationBeats : NaN;
-      const velocity = typeof note.velocity === "number" ? note.velocity : NaN;
-      if (!isNaN(pitch) && pitch >= 0 && pitch <= 127 && !isNaN(startBeat) && startBeat >= 0 && !isNaN(durationBeats) && durationBeats > 0 && !isNaN(velocity) && velocity >= 1 && velocity <= 127) {
-        validNotes.push({
-          pitch: Math.round(pitch),
-          startBeat,
-          durationBeats,
-          velocity: Math.round(velocity)
-        });
-      }
-    }
-    const role = typeof obj.role === "string" ? obj.role : void 0;
-    return { notes: validNotes, role };
-  } catch {
-    return null;
-  }
-}
-
 // src/panel-core/group-meta.ts
 function parseTrackGroups(sceneData, spec) {
   const pattern = new RegExp(`^track:(.+):${spec.metaKey}$`);
@@ -9124,6 +9147,7 @@ export {
   defaultVoiceSpecs,
   describeViolations,
   drawWaveform,
+  effectivePxPerBeat,
   enforceVoice,
   foldPitchToRegister,
   formatConcurrentTracks,
@@ -9142,6 +9166,7 @@ export {
   pickTopKWeighted,
   pitchToName,
   pluginFxToToggleFx,
+  promptEnterToGenerate,
   pxToCell,
   reconcileSlots,
   resizeNoteDuration,