@onjmin/dtm 0.1.88 → 0.1.89

package/dist/index.js

@@ -1466,6 +1466,149 @@ var getDrumPatternKeys = (name, dict) => {
   return Array.from(keys);
 };
 
+// src/channel-strip.ts
+var clamp = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+var compressionParams = (amount) => {
+  const t = clamp(amount, 0, 100) / 100;
+  return {
+    threshold: 0 + (-24 - 0) * t,
+    ratio: 1 + (12 - 1) * t,
+    knee: 0 + (6 - 0) * t,
+    attack: 0.02 + (3e-3 - 0.02) * t,
+    release: 0.25 + (0.15 - 0.25) * t
+  };
+};
+var EQ_LOW_FREQ = 200;
+var EQ_MID_FREQ = 1e3;
+var EQ_HIGH_FREQ = 5e3;
+var EQ_MID_Q = 1;
+var EQ_MAX_DB = 12;
+var createChannelStrip = (ctx, destination, options = {}) => {
+  const input = ctx.createGain();
+  const eqLow = ctx.createBiquadFilter();
+  eqLow.type = "lowshelf";
+  eqLow.frequency.value = EQ_LOW_FREQ;
+  eqLow.gain.value = clamp(options.eqLow ?? 0, -EQ_MAX_DB, EQ_MAX_DB);
+  const eqMid = ctx.createBiquadFilter();
+  eqMid.type = "peaking";
+  eqMid.frequency.value = EQ_MID_FREQ;
+  eqMid.Q.value = EQ_MID_Q;
+  eqMid.gain.value = clamp(options.eqMid ?? 0, -EQ_MAX_DB, EQ_MAX_DB);
+  const eqHigh = ctx.createBiquadFilter();
+  eqHigh.type = "highshelf";
+  eqHigh.frequency.value = EQ_HIGH_FREQ;
+  eqHigh.gain.value = clamp(options.eqHigh ?? 0, -EQ_MAX_DB, EQ_MAX_DB);
+  input.connect(eqLow);
+  eqLow.connect(eqMid);
+  eqMid.connect(eqHigh);
+  const compressor = ctx.createDynamicsCompressor();
+  const applyCompression = (amount) => {
+    const p = compressionParams(amount);
+    const now = ctx.currentTime;
+    compressor.threshold.setValueAtTime(p.threshold, now);
+    compressor.ratio.setValueAtTime(p.ratio, now);
+    compressor.knee.setValueAtTime(p.knee, now);
+    compressor.attack.setValueAtTime(p.attack, now);
+    compressor.release.setValueAtTime(p.release, now);
+  };
+  applyCompression(options.compression ?? 0);
+  const splitter = ctx.createChannelSplitter(2);
+  const mid = ctx.createGain();
+  mid.gain.value = 0.5;
+  splitter.connect(mid, 0);
+  splitter.connect(mid, 1);
+  const sideSum = ctx.createGain();
+  sideSum.gain.value = 1;
+  const sideL = ctx.createGain();
+  sideL.gain.value = 0.5;
+  const sideR = ctx.createGain();
+  sideR.gain.value = -0.5;
+  splitter.connect(sideL, 0);
+  splitter.connect(sideR, 1);
+  sideL.connect(sideSum);
+  sideR.connect(sideSum);
+  const widthGain = ctx.createGain();
+  sideSum.connect(widthGain);
+  const widthInv = ctx.createGain();
+  widthInv.gain.value = -1;
+  widthGain.connect(widthInv);
+  const outL = ctx.createGain();
+  mid.connect(outL);
+  widthGain.connect(outL);
+  const outR = ctx.createGain();
+  mid.connect(outR);
+  widthInv.connect(outR);
+  const merger = ctx.createChannelMerger(2);
+  outL.connect(merger, 0, 0);
+  outR.connect(merger, 0, 1);
+  const setWidth = (width) => {
+    widthGain.gain.setTargetAtTime(
+      clamp(width, 0, 200) / 100,
+      ctx.currentTime,
+      0.02
+    );
+  };
+  setWidth(options.width ?? 100);
+  eqHigh.connect(compressor);
+  compressor.connect(splitter);
+  merger.connect(destination);
+  const reverbSendGain = ctx.createGain();
+  reverbSendGain.gain.value = clamp(options.reverbSend ?? 0, 0, 100) / 100;
+  merger.connect(reverbSendGain);
+  if (options.reverbBus) reverbSendGain.connect(options.reverbBus);
+  return {
+    input,
+    setEqLow: (db) => {
+      eqLow.gain.setTargetAtTime(
+        clamp(db, -EQ_MAX_DB, EQ_MAX_DB),
+        ctx.currentTime,
+        0.02
+      );
+    },
+    setEqMid: (db) => {
+      eqMid.gain.setTargetAtTime(
+        clamp(db, -EQ_MAX_DB, EQ_MAX_DB),
+        ctx.currentTime,
+        0.02
+      );
+    },
+    setEqHigh: (db) => {
+      eqHigh.gain.setTargetAtTime(
+        clamp(db, -EQ_MAX_DB, EQ_MAX_DB),
+        ctx.currentTime,
+        0.02
+      );
+    },
+    setCompression: applyCompression,
+    setWidth,
+    setReverbSend: (amount) => {
+      reverbSendGain.gain.setTargetAtTime(
+        clamp(amount, 0, 100) / 100,
+        ctx.currentTime,
+        0.02
+      );
+    },
+    dispose: () => {
+      input.disconnect();
+      eqLow.disconnect();
+      eqMid.disconnect();
+      eqHigh.disconnect();
+      compressor.disconnect();
+      splitter.disconnect();
+      mid.disconnect();
+      sideSum.disconnect();
+      sideL.disconnect();
+      sideR.disconnect();
+      widthGain.disconnect();
+      widthInv.disconnect();
+      outL.disconnect();
+      outR.disconnect();
+      merger.disconnect();
+      reverbSendGain.disconnect();
+    }
+  };
+};
+
 // src/chords.ts
 var C3 = 48;
 var buildChordPlacements = (options) => {
@@ -2295,7 +2438,7 @@ var normalizeLyricLines = (lines) => {
 var LYRIC_LINE = /^@@(\d+)\s*(.*)$/;
 var isLyricContinuation = (seg) => !/^[@#]/.test(seg);
 var splitSegments = (mml) => mml.split(/[;\n\r]+/).map((s) => s.trim()).filter((s) => s.length > 0);
-var clamp = (value, lo, hi) => Math.min(hi, Math.max(lo, value));
+var clamp2 = (value, lo, hi) => Math.min(hi, Math.max(lo, value));
 var MAX_VOCAL_VOLUME = 400;
 var VOCAL_BOOST_DB_PER_PERCENT = 0.08;
 var vocalVolumeToGain = (v) => {
@@ -2329,7 +2472,7 @@ var parseLyrics = (mml) => {
     if (modelMatch) {
       model = modelMatch[1].toLowerCase();
       if (modelMatch[2]) {
-        volume = clamp(Number.parseInt(modelMatch[2], 10), 0, MAX_VOCAL_VOLUME);
+        volume = clamp2(Number.parseInt(modelMatch[2], 10), 0, MAX_VOCAL_VOLUME);
       }
       metaTokens.push(modelMatch[0]);
       rest = rest.substring(modelMatch[0].length).trim();
@@ -2337,28 +2480,28 @@ var parseLyrics = (mml) => {
     while (true) {
       const vMatch = rest.match(/^v(\d+)/i);
       if (vMatch) {
-        volume = clamp(Number.parseInt(vMatch[1], 10), 0, MAX_VOCAL_VOLUME);
+        volume = clamp2(Number.parseInt(vMatch[1], 10), 0, MAX_VOCAL_VOLUME);
         metaTokens.push(vMatch[0]);
         rest = rest.substring(vMatch[0].length).trim();
         continue;
       }
       const qMatch = rest.match(/^q(\d+)/i);
       if (qMatch) {
-        gate = clamp(Number.parseInt(qMatch[1], 10), 0, 100);
+        gate = clamp2(Number.parseInt(qMatch[1], 10), 0, 100);
         metaTokens.push(qMatch[0]);
         rest = rest.substring(qMatch[0].length).trim();
         continue;
       }
       const pMatch = rest.match(/^p(\d+)/i);
       if (pMatch) {
-        pan = clamp(Number.parseInt(pMatch[1], 10), 0, 127);
+        pan = clamp2(Number.parseInt(pMatch[1], 10), 0, 127);
         metaTokens.push(pMatch[0]);
         rest = rest.substring(pMatch[0].length).trim();
         continue;
       }
       const oMatch = rest.match(/^o(-?\d+)/i);
       if (oMatch) {
-        octave = clamp(Number.parseInt(oMatch[1], 10), -2, 2);
+        octave = clamp2(Number.parseInt(oMatch[1], 10), -2, 2);
         metaTokens.push(oMatch[0]);
         rest = rest.substring(oMatch[0].length).trim();
         continue;
@@ -2372,28 +2515,28 @@ var parseLyrics = (mml) => {
       }
       const rMatch = rest.match(/^r(\d+)/i);
       if (rMatch) {
-        reverb = clamp(Number.parseInt(rMatch[1], 10), 0, 100);
+        reverb = clamp2(Number.parseInt(rMatch[1], 10), 0, 100);
         metaTokens.push(rMatch[0]);
         rest = rest.substring(rMatch[0].length).trim();
         continue;
       }
       const gMatch = rest.match(/^g(\d+)/i);
       if (gMatch) {
-        gender = clamp(Number.parseInt(gMatch[1], 10), 0, 100);
+        gender = clamp2(Number.parseInt(gMatch[1], 10), 0, 100);
         metaTokens.push(gMatch[0]);
         rest = rest.substring(gMatch[0].length).trim();
         continue;
       }
       const hMatch = rest.match(/^h(\d+)/i);
       if (hMatch) {
-        breathiness = clamp(Number.parseInt(hMatch[1], 10), 0, 100);
+        breathiness = clamp2(Number.parseInt(hMatch[1], 10), 0, 100);
         metaTokens.push(hMatch[0]);
         rest = rest.substring(hMatch[0].length).trim();
         continue;
       }
       const eMatch = rest.match(/^e(\d+)/i);
       if (eMatch) {
-        delay = clamp(Number.parseInt(eMatch[1], 10), 0, 100);
+        delay = clamp2(Number.parseInt(eMatch[1], 10), 0, 100);
         metaTokens.push(eMatch[0]);
         rest = rest.substring(eMatch[0].length).trim();
         continue;
@@ -3309,7 +3452,7 @@ var PITCH_MAP = {
   a: 9,
   b: 11
 };
-var clamp2 = (value, lo, hi) => Math.min(hi, Math.max(lo, value));
+var clamp3 = (value, lo, hi) => Math.min(hi, Math.max(lo, value));
 var META_DIRECTIVE = /#(inst|drum|drumfont|volume|drumvolume|reverb|reverbdecay|reverbpredelay|delay|delaydiv|fadein|fadeout|mode)=([\w-]+)/gi;
 var TRACK_INST_DIRECTIVE = /#t(\d+)inst=([^#;\r\n]+)/gi;
 var TRACK_COMP_DIRECTIVE = /#t(\d+)comp=(\d+)/gi;
@@ -3333,24 +3476,24 @@ var parseMmlMeta = (mml) => {
       if (!Number.isNaN(dv)) meta.drumVolume = dv;
     } else if (key === "reverb") {
       const rv = Number.parseInt(m[2], 10);
-      if (!Number.isNaN(rv)) meta.reverb = clamp2(rv, 0, 100);
+      if (!Number.isNaN(rv)) meta.reverb = clamp3(rv, 0, 100);
     } else if (key === "reverbdecay") {
       const rd = Number.parseInt(m[2], 10);
-      if (!Number.isNaN(rd)) meta.reverbDecay = clamp2(rd, 3, 40);
+      if (!Number.isNaN(rd)) meta.reverbDecay = clamp3(rd, 3, 40);
     } else if (key === "reverbpredelay") {
       const rp = Number.parseInt(m[2], 10);
-      if (!Number.isNaN(rp)) meta.reverbPreDelay = clamp2(rp, 0, 150);
+      if (!Number.isNaN(rp)) meta.reverbPreDelay = clamp3(rp, 0, 150);
     } else if (key === "delay") {
       const dv = Number.parseInt(m[2], 10);
-      if (!Number.isNaN(dv)) meta.delay = clamp2(dv, 0, 100);
+      if (!Number.isNaN(dv)) meta.delay = clamp3(dv, 0, 100);
     } else if (key === "delaydiv") {
       if (["4", "8", "8d", "16"].includes(m[2])) meta.delayDivision = m[2];
     } else if (key === "fadein") {
       const fi = Number.parseInt(m[2], 10);
-      if (!Number.isNaN(fi)) meta.fadeIn = clamp2(fi, 0, 100);
+      if (!Number.isNaN(fi)) meta.fadeIn = clamp3(fi, 0, 100);
     } else if (key === "fadeout") {
       const fo = Number.parseInt(m[2], 10);
-      if (!Number.isNaN(fo)) meta.fadeOut = clamp2(fo, 0, 100);
+      if (!Number.isNaN(fo)) meta.fadeOut = clamp3(fo, 0, 100);
     } else if (key === "mode") {
       if (m[2] === "simple" || m[2] === "advanced") {
         meta.mode = m[2];
@@ -3367,7 +3510,7 @@ var parseMmlMeta = (mml) => {
   }
   for (const m of mml.matchAll(TRACK_COMP_DIRECTIVE)) {
     const idx = Number.parseInt(m[1], 10);
-    const val = clamp2(Number.parseInt(m[2], 10), 0, 100);
+    const val = clamp3(Number.parseInt(m[2], 10), 0, 100);
     if (!Number.isNaN(idx) && !Number.isNaN(val)) {
       meta.trackCompression ??= {};
       meta.trackCompression[idx] = val;
@@ -3375,7 +3518,7 @@ var parseMmlMeta = (mml) => {
   }
   for (const m of mml.matchAll(TRACK_WIDTH_DIRECTIVE)) {
     const idx = Number.parseInt(m[1], 10);
-    const val = clamp2(Number.parseInt(m[2], 10), 0, 200);
+    const val = clamp3(Number.parseInt(m[2], 10), 0, 200);
     if (!Number.isNaN(idx) && !Number.isNaN(val)) {
       meta.trackWidth ??= {};
       meta.trackWidth[idx] = val;
@@ -3383,7 +3526,7 @@ var parseMmlMeta = (mml) => {
   }
   for (const m of mml.matchAll(TRACK_REVERBSEND_DIRECTIVE)) {
     const idx = Number.parseInt(m[1], 10);
-    const val = clamp2(Number.parseInt(m[2], 10), 0, 100);
+    const val = clamp3(Number.parseInt(m[2], 10), 0, 100);
     if (!Number.isNaN(idx) && !Number.isNaN(val)) {
       meta.trackReverbSend ??= {};
       meta.trackReverbSend[idx] = val;
@@ -3391,7 +3534,7 @@ var parseMmlMeta = (mml) => {
   }
   for (const m of mml.matchAll(TRACK_EQLOW_DIRECTIVE)) {
     const idx = Number.parseInt(m[1], 10);
-    const val = clamp2(Number.parseInt(m[2], 10), -12, 12);
+    const val = clamp3(Number.parseInt(m[2], 10), -12, 12);
     if (!Number.isNaN(idx) && !Number.isNaN(val)) {
       meta.trackEqLow ??= {};
       meta.trackEqLow[idx] = val;
@@ -3399,7 +3542,7 @@ var parseMmlMeta = (mml) => {
   }
   for (const m of mml.matchAll(TRACK_EQMID_DIRECTIVE)) {
     const idx = Number.parseInt(m[1], 10);
-    const val = clamp2(Number.parseInt(m[2], 10), -12, 12);
+    const val = clamp3(Number.parseInt(m[2], 10), -12, 12);
     if (!Number.isNaN(idx) && !Number.isNaN(val)) {
       meta.trackEqMid ??= {};
       meta.trackEqMid[idx] = val;
@@ -3407,7 +3550,7 @@ var parseMmlMeta = (mml) => {
   }
   for (const m of mml.matchAll(TRACK_EQHIGH_DIRECTIVE)) {
     const idx = Number.parseInt(m[1], 10);
-    const val = clamp2(Number.parseInt(m[2], 10), -12, 12);
+    const val = clamp3(Number.parseInt(m[2], 10), -12, 12);
     if (!Number.isNaN(idx) && !Number.isNaN(val)) {
       meta.trackEqHigh ??= {};
       meta.trackEqHigh[idx] = val;
@@ -3556,7 +3699,7 @@ var parseMML = (mml, options = {}) => {
         numStr += body[j];
         j++;
       }
-      const len = numStr ? clamp2(Number.parseInt(numStr, 10), 1, 64) : baseLength;
+      const len = numStr ? clamp3(Number.parseInt(numStr, 10), 1, 64) : baseLength;
       let steps = Math.round(stepsPerBar / len);
       while (j < body.length && body[j] === ".") {
         steps = Math.round(steps * 1.5);
@@ -3574,7 +3717,7 @@ var parseMML = (mml, options = {}) => {
           numStr += body[j];
           j++;
         }
-        octave = numStr ? clamp2(Number.parseInt(numStr, 10), 0, 8) : 4;
+        octave = numStr ? clamp3(Number.parseInt(numStr, 10), 0, 8) : 4;
         pushTok("octave", currentStep, 0, tokStart);
       } else if (ch === ">") {
         octave = Math.min(8, octave + 1);
@@ -3591,7 +3734,7 @@ var parseMML = (mml, options = {}) => {
           numStr += body[j];
           j++;
         }
-        baseLength = clamp2(Number.parseInt(numStr, 10) || 16, 1, 64);
+        baseLength = clamp3(Number.parseInt(numStr, 10) || 16, 1, 64);
         pushTok("length", currentStep, 0, tokStart);
       } else if (ch === "r") {
         j++;
@@ -3608,10 +3751,10 @@ var parseMML = (mml, options = {}) => {
         }
         if (ch === "t" && numStr) {
           if (bpm === null) {
-            bpm = clamp2(Number.parseInt(numStr, 10), 1, 255);
+            bpm = clamp3(Number.parseInt(numStr, 10), 1, 255);
           }
         } else if (ch === "v" && numStr) {
-          velocity = clamp2(Number.parseInt(numStr, 10), 0, 127);
+          velocity = clamp3(Number.parseInt(numStr, 10), 0, 127);
           trackVelocity.set(trackIndex, velocity);
         }
         pushTok("ctrl", currentStep, 0, tokStart);
@@ -3645,7 +3788,7 @@ var parseMML = (mml, options = {}) => {
               numStr += body[j];
               j++;
             }
-            octave = numStr ? clamp2(Number.parseInt(numStr, 10), 0, 8) : 4;
+            octave = numStr ? clamp3(Number.parseInt(numStr, 10), 0, 8) : 4;
           } else {
             j++;
           }
@@ -3707,6 +3850,38 @@ var parseMML = (mml, options = {}) => {
   };
 };
 
+// src/reverb.ts
+var DEFAULT_REVERB_DECAY_SEC = 2.2;
+var MIN_REVERB_DECAY_SEC = 0.3;
+var MAX_REVERB_DECAY_SEC = 4;
+var IMPULSE_DECAY_CURVE = 2.5;
+var DEFAULT_REVERB_PREDELAY_MS = 0;
+var MIN_REVERB_PREDELAY_MS = 0;
+var MAX_REVERB_PREDELAY_MS = 150;
+var createReverbImpulse = (ctx, decaySec = DEFAULT_REVERB_DECAY_SEC) => {
+  const rate = ctx.sampleRate;
+  const length = Math.max(
+    1,
+    Math.floor(
+      rate * Math.max(
+        MIN_REVERB_DECAY_SEC,
+        Math.min(MAX_REVERB_DECAY_SEC, decaySec)
+      )
+    )
+  );
+  const impulse = ctx.createBuffer(2, length, rate);
+  for (let ch = 0; ch < impulse.numberOfChannels; ch++) {
+    const data = impulse.getChannelData(ch);
+    for (let i2 = 0; i2 < length; i2++) {
+      const envelope = (1 - i2 / length) ** IMPULSE_DECAY_CURVE;
+      data[i2] = (Math.random() * 2 - 1) * envelope;
+    }
+  }
+  return impulse;
+};
+var REVERB_MAX_WET = 0.6;
+var reverbAmountToGain = (amount) => Math.max(0, Math.min(100, amount)) / 100 * REVERB_MAX_WET;
+
 // src/sequencer.ts
 var STEPS_PER_BEAT = 48;
 var PLAN_TIME = 0.5;
@@ -6284,9 +6459,54 @@ var playPlacements = (placements, options) => {
   });
   const ownsCtx = !options.audioContext;
   const ctx = options.audioContext ?? new AudioContext();
-  const destination = options.destination ?? ctx.destination;
+  const rawDestination = options.destination ?? ctx.destination;
   const useSynth = options.synth ?? !options.onPlayNote;
-  const synth = useSynth ? createSynth(ctx, destination) : null;
+  const finalMix = ctx.createGain();
+  const masterGain = ctx.createGain();
+  masterGain.connect(finalMix);
+  const reverbPreDelay = ctx.createDelay(MAX_REVERB_PREDELAY_MS / 1e3);
+  reverbPreDelay.delayTime.value = (options.metaReverbPreDelay ?? DEFAULT_REVERB_PREDELAY_MS) / 1e3;
+  const reverbConvolver = ctx.createConvolver();
+  const reverbDecaySec = (options.metaReverbDecay ?? 22) / 10 || DEFAULT_REVERB_DECAY_SEC;
+  reverbConvolver.buffer = createReverbImpulse(ctx, reverbDecaySec);
+  reverbConvolver.normalize = true;
+  const reverbWetGain = ctx.createGain();
+  reverbWetGain.gain.value = reverbAmountToGain(options.metaReverb ?? 0);
+  reverbPreDelay.connect(reverbConvolver);
+  reverbConvolver.connect(reverbWetGain);
+  reverbWetGain.connect(finalMix);
+  finalMix.connect(rawDestination);
+  const channelStrips = /* @__PURE__ */ new Map();
+  const getChannelStrip = (index) => {
+    let strip = channelStrips.get(index);
+    if (!strip) {
+      strip = createChannelStrip(ctx, masterGain, {
+        compression: options.trackCompression?.[index] ?? 0,
+        width: options.trackWidth?.[index] ?? 100,
+        eqLow: options.trackEqLow?.[index] ?? 0,
+        eqMid: options.trackEqMid?.[index] ?? 0,
+        eqHigh: options.trackEqHigh?.[index] ?? 0,
+        reverbSend: options.trackReverbSend?.[index] ?? 0,
+        reverbBus: reverbPreDelay
+      });
+      channelStrips.set(index, strip);
+    }
+    return strip;
+  };
+  const synths = /* @__PURE__ */ new Map();
+  const getSynth = (index) => {
+    let s = synths.get(index);
+    if (!s) {
+      s = createSynth(ctx, getChannelStrip(index).input);
+      synths.set(index, s);
+    }
+    return s;
+  };
+  const drumSynth = useSynth ? createSynth(ctx, masterGain) : null;
+  const trackIndexById = /* @__PURE__ */ new Map();
+  trackIndices.forEach((idx) => {
+    trackIndexById.set(TRACK_ID_BY_INDEX[idx] ?? `t${idx}`, idx);
+  });
   const pauseWhenHidden = options.pauseWhenHidden ?? ownsCtx;
   let playing = false;
   const seq = createSequencer({
@@ -6301,12 +6521,14 @@ var playPlacements = (placements, options) => {
     getAudioTime: () => ctx.currentTime,
     onPlayNote: (e) => {
       options.onPlayNote?.(e);
-      synth?.playNote(e);
+      if (!useSynth) return;
+      const index = trackIndexById.get(e.trackId);
+      (index === void 0 ? drumSynth : getSynth(index))?.playNote(e);
     },
     onPlayDrum: (e) => {
       const velocity = e.velocity * (drumVolume / 100) * (masterVolume / 100);
       options.onPlayDrum?.({ ...e, velocity });
-      synth?.playDrum({ ...e, velocity });
+      drumSynth?.playDrum({ ...e, velocity });
     },
     onTick: (step) => {
       options.onTick?.(step);
@@ -6357,6 +6579,7 @@ var playPlacements = (placements, options) => {
     if (pauseWhenHidden && typeof document !== "undefined") {
       document.removeEventListener("visibilitychange", onVisibilityChange);
     }
+    for (const strip of channelStrips.values()) strip.dispose();
     if (ownsCtx) void ctx.close();
   };
   return {
@@ -6376,7 +6599,16 @@ var playMML = (mml, options = {}) => {
     bpm,
     metaVolume: meta.volume,
     metaDrum: meta.drum,
-    metaDrumVolume: meta.drumVolume
+    metaDrumVolume: meta.drumVolume,
+    metaReverb: meta.reverb,
+    metaReverbDecay: meta.reverbDecay,
+    metaReverbPreDelay: meta.reverbPreDelay,
+    trackCompression: meta.trackCompression,
+    trackWidth: meta.trackWidth,
+    trackReverbSend: meta.trackReverbSend,
+    trackEqLow: meta.trackEqLow,
+    trackEqMid: meta.trackEqMid,
+    trackEqHigh: meta.trackEqHigh
   });
 };
 var playNote = (options) => {
@@ -9682,20 +9914,23 @@ var adjustZone = async (ctx, fontName, zone) => {
         const newLength = attackLength + loopLengthFrame * repeatCount + releaseLength;
         let totalPeak = 0;
         let loopPeak = 0;
-        if (oldBuf.numberOfChannels > 0) {
-          const ch0 = oldBuf.getChannelData(0);
-          for (let i2 = 0; i2 < ch0.length; i2++) {
-            const abs = Math.abs(ch0[i2]);
+        for (let ch = 0; ch < oldBuf.numberOfChannels; ch++) {
+          const chData = oldBuf.getChannelData(ch);
+          for (let i2 = 0; i2 < chData.length; i2++) {
+            const abs = Math.abs(chData[i2]);
             if (abs > totalPeak) totalPeak = abs;
             if (i2 >= loopStartFrame && i2 < loopEndFrame) {
               if (abs > loopPeak) loopPeak = abs;
             }
           }
         }
+        const decay = isDecayInstrument(fontName);
+        const targetRatio = decay ? 0.4 : 0.75;
+        const maxMultiplier = decay ? 6 : 20;
         let gainMultiplier = 1;
-        if (!isDecayInstrument(fontName) && loopPeak > 0 && totalPeak > 0 && loopPeak < totalPeak * 0.8) {
-          gainMultiplier = totalPeak * 0.75 / loopPeak;
-          if (gainMultiplier > 20) gainMultiplier = 20;
+        if (loopPeak > 0 && totalPeak > 0 && loopPeak < totalPeak * 0.8) {
+          gainMultiplier = totalPeak * targetRatio / loopPeak;
+          if (gainMultiplier > maxMultiplier) gainMultiplier = maxMultiplier;
         }
         try {
           const newBuf = ctx.createBuffer(
@@ -11027,14 +11262,14 @@ var DELAY_DIVISIONS = [
   { value: "8d", label: "\u4ED8\u70B98\u5206", beats: 0.75 },
   { value: "16", label: "16\u5206", beats: 0.25 }
 ];
-var clamp3 = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+var clamp4 = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
 var divisionToSeconds = (division, bpm) => {
   const beats = DELAY_DIVISIONS.find((d) => d.value === division)?.beats ?? 0.5;
   const safeBpm = bpm > 0 ? bpm : 120;
   return 60 / safeBpm * beats;
 };
 var DELAY_MAX_WET = 0.45;
-var delayAmountToGain = (amount) => clamp3(amount, 0, 100) / 100 * DELAY_MAX_WET;
+var delayAmountToGain = (amount) => clamp4(amount, 0, 100) / 100 * DELAY_MAX_WET;
 var FEEDBACK_GAIN = 0.3;
 var MAX_DELAY_SEC = 2;
 var createDelayBus = (ctx, destination, options = {}) => {
@@ -13109,38 +13344,6 @@ var isChordHeavyTrack = (notes, threshold = 0.6) => {
   return chordNotes / notes.length >= threshold;
 };
 
-// src/reverb.ts
-var DEFAULT_REVERB_DECAY_SEC = 2.2;
-var MIN_REVERB_DECAY_SEC = 0.3;
-var MAX_REVERB_DECAY_SEC = 4;
-var IMPULSE_DECAY_CURVE = 2.5;
-var DEFAULT_REVERB_PREDELAY_MS = 0;
-var MIN_REVERB_PREDELAY_MS = 0;
-var MAX_REVERB_PREDELAY_MS = 150;
-var createReverbImpulse = (ctx, decaySec = DEFAULT_REVERB_DECAY_SEC) => {
-  const rate = ctx.sampleRate;
-  const length = Math.max(
-    1,
-    Math.floor(
-      rate * Math.max(
-        MIN_REVERB_DECAY_SEC,
-        Math.min(MAX_REVERB_DECAY_SEC, decaySec)
-      )
-    )
-  );
-  const impulse = ctx.createBuffer(2, length, rate);
-  for (let ch = 0; ch < impulse.numberOfChannels; ch++) {
-    const data = impulse.getChannelData(ch);
-    for (let i2 = 0; i2 < length; i2++) {
-      const envelope = (1 - i2 / length) ** IMPULSE_DECAY_CURVE;
-      data[i2] = (Math.random() * 2 - 1) * envelope;
-    }
-  }
-  return impulse;
-};
-var REVERB_MAX_WET = 0.6;
-var reverbAmountToGain = (amount) => Math.max(0, Math.min(100, amount)) / 100 * REVERB_MAX_WET;
-
 // src/daw.ts
 var CHORD_INFO_HTML2 = `
 <div class="dtm-modal-body-content">
@@ -13576,7 +13779,7 @@ var deriveCustomVocalKeyFromUrl = (url2) => {
   if (name && /^[0-9]/.test(name)) name = `_${name}`;
   return CUSTOM_VOCAL_KEY_RE.test(name) ? name : "";
 };
-var clamp4 = (v, min, max) => Math.min(Math.max(v, min), max);
+var clamp5 = (v, min, max) => Math.min(Math.max(v, min), max);
 var normalizeInstrumentName = (name) => {
   if (!name) return "";
   const stripped = name.replace(/\s+/g, "").toLowerCase();
@@ -13665,6 +13868,8 @@ var mountDAW = (target, options = {}) => {
   refs.drumFontSelect.value = currentDrumFont;
   let currentInstrument = "";
   let activeTrackId = options.initialActiveTrack ?? trackConfigs[0].id;
+  let trackFxAdvancedOpen = false;
+  let lyricAdvancedOpen = false;
   let activeToolMode = "pen";
   let currentInsertLength = 48;
   let snapGridSteps = 12;
@@ -13961,7 +14166,7 @@ var mountDAW = (target, options = {}) => {
       const thumbW = Math.max(40, canvas.width / totalContentWidth * sbW);
       const ratio = currentOffsetX / maxOffsetX;
       refs.hScrollThumb.style.width = `${thumbW}px`;
-      refs.hScrollThumb.style.left = `${clamp4(ratio * (sbW - thumbW), 0, sbW - thumbW)}px`;
+      refs.hScrollThumb.style.left = `${clamp5(ratio * (sbW - thumbW), 0, sbW - thumbW)}px`;
     }
     const totalHeight = renderConfig.keyCount * renderConfig.keyHeight;
     const sbH = refs.vScroll.clientHeight;
@@ -14031,9 +14236,9 @@ var mountDAW = (target, options = {}) => {
       if (maxOffsetX <= 0) return;
       const rect = refs.hScroll.getBoundingClientRect();
       const thumbW = Number.parseFloat(refs.hScrollThumb.style.width) || 40;
-      const x2 = clamp4(clientX - rect.left - thumbW / 2, 0, rect.width - thumbW);
+      const x2 = clamp5(clientX - rect.left - thumbW / 2, 0, rect.width - thumbW);
       const ratio = x2 / (rect.width - thumbW);
-      currentOffsetX = clamp4(ratio * maxOffsetX, 0, maxOffsetX);
+      currentOffsetX = clamp5(ratio * maxOffsetX, 0, maxOffsetX);
       setDrawOffset(currentOffsetX, currentOffsetY);
       redrawAll();
     };
@@ -14042,9 +14247,9 @@ var mountDAW = (target, options = {}) => {
       if (maxOffset <= 0) return;
       const rect = refs.vScroll.getBoundingClientRect();
       const thumbH = Number.parseFloat(refs.vScrollThumb.style.height) || 40;
-      const y = clamp4(clientY - rect.top - thumbH / 2, 0, rect.height - thumbH);
+      const y = clamp5(clientY - rect.top - thumbH / 2, 0, rect.height - thumbH);
       const ratio = y / (rect.height - thumbH);
-      currentOffsetY = clamp4(ratio * maxOffset, 0, maxOffset);
+      currentOffsetY = clamp5(ratio * maxOffset, 0, maxOffset);
       setDrawOffset(currentOffsetX, currentOffsetY);
       redrawAll();
     };
@@ -14091,8 +14296,8 @@ var mountDAW = (target, options = {}) => {
     if (dx !== 0 || dy !== 0) {
       const maxOffsetX = getMaxOffsetX();
       const maxOffsetY = getMaxOffsetY();
-      currentOffsetX = clamp4(currentOffsetX + dx, 0, maxOffsetX);
-      currentOffsetY = clamp4(currentOffsetY + dy, 0, maxOffsetY);
+      currentOffsetX = clamp5(currentOffsetX + dx, 0, maxOffsetX);
+      currentOffsetY = clamp5(currentOffsetY + dy, 0, maxOffsetY);
       setDrawOffset(currentOffsetX, currentOffsetY);
       onPointerMove(lastMoveEvent);
     }
@@ -14482,12 +14687,12 @@ var mountDAW = (target, options = {}) => {
       "wheel",
       (event) => {
         event.preventDefault();
-        currentOffsetY = clamp4(
+        currentOffsetY = clamp5(
           currentOffsetY + event.deltaY,
           0,
           getMaxOffsetY()
         );
-        currentOffsetX = clamp4(
+        currentOffsetX = clamp5(
           currentOffsetX + event.deltaX,
           0,
           getMaxOffsetX()
@@ -14526,7 +14731,7 @@ var mountDAW = (target, options = {}) => {
     const centerStep = (currentOffsetX + canvas.width / 2) / renderConfig.stepWidth;
     renderConfig.stepWidth = BASE_STEP_WIDTH * (zoomX * 2) / 100;
     refs.zoomXLabel.textContent = `${zoomX}%`;
-    currentOffsetX = clamp4(
+    currentOffsetX = clamp5(
       centerStep * renderConfig.stepWidth - canvas.width / 2,
       0,
       getMaxOffsetX()
@@ -14539,7 +14744,7 @@ var mountDAW = (target, options = {}) => {
     const centerKey = (currentOffsetY + canvas.height / 2) / renderConfig.keyHeight;
     renderConfig.keyHeight = BASE_KEY_HEIGHT * zoomY / 100;
     refs.zoomYLabel.textContent = `${zoomY}%`;
-    currentOffsetY = clamp4(
+    currentOffsetY = clamp5(
       centerKey * renderConfig.keyHeight - canvas.height / 2,
       0,
       getMaxOffsetY()
@@ -14589,7 +14794,7 @@ var mountDAW = (target, options = {}) => {
       const threshold = currentOffsetX / renderConfig.stepWidth + visibleSteps - 4;
       if (currentPlayStep > threshold) {
         const visibleBars = Math.round(visibleSteps / renderConfig.stepsPerBar);
-        currentOffsetX = clamp4(
+        currentOffsetX = clamp5(
           currentOffsetX + visibleBars * renderConfig.stepsPerBar * renderConfig.stepWidth,
           0,
           getMaxOffsetX()
@@ -14676,7 +14881,7 @@ var mountDAW = (target, options = {}) => {
     }
     if (playbackState !== "paused") {
       const canvas = getGridCanvas();
-      currentOffsetX = clamp4(
+      currentOffsetX = clamp5(
         playStartStep * renderConfig.stepWidth - canvas.width * 0.5,
         0,
         getMaxOffsetX()
@@ -14780,7 +14985,7 @@ var mountDAW = (target, options = {}) => {
         <input type="range" class="dtm-range dtm-grow" data-dtm="track-vol" min="0" max="127" value="${active.volume}">
         <span class="dtm-label" data-dtm="track-vol-label">${active.volume}</span>
       </div>
-      <details class="dtm-advanced" data-dtm="track-fx-advanced">
+      <details class="dtm-advanced" data-dtm="track-fx-advanced" ${trackFxAdvancedOpen ? "open" : ""}>
         <summary>\u8A73\u7D30\u8A2D\u5B9A\uFF08EQ\u30FB\u97F3\u5727\u30FB\u30B9\u30C6\u30EC\u30AA\u5E45\uFF09</summary>
         <div class="dtm-row">
           <span class="dtm-label">EQ\u4F4E\u57DF</span>
@@ -14817,6 +15022,11 @@ var mountDAW = (target, options = {}) => {
           <button class="dtm-infobtn" data-dtm="track-reverb-send-info" title="\u30EA\u30D0\u30FC\u30D6\u9001\u308A\u306E\u89E3\u8AAC">${icon("info", 12)}</button>
         </div>
       </details>`;
+    refs.trackBody.querySelector(
+      '[data-dtm="track-fx-advanced"]'
+    ).addEventListener("toggle", (e) => {
+      trackFxAdvancedOpen = e.target.open;
+    });
     const volInput = refs.trackBody.querySelector(
       '[data-dtm="track-vol"]'
     );
@@ -15030,7 +15240,7 @@ var mountDAW = (target, options = {}) => {
           <input type="range" class="dtm-range dtm-grow" data-dtm="lyric-vol" min="0" max="${MAX_VOCAL_VOLUME}" aria-label="\u6B4C\u5531\u306E\u58F0\u91CF\uFF08100=\u7B49\u500D\u3001100\u8D85\u3067\u30D6\u30FC\u30B9\u30C8\u3001\u65E2\u5B9A200\uFF09">
           <span class="dtm-label" data-dtm="lyric-vol-label"></span>
         </div>
-        <details class="dtm-advanced" data-dtm="lyric-advanced">
+        <details class="dtm-advanced" data-dtm="lyric-advanced" ${lyricAdvancedOpen ? "open" : ""}>
           <summary>\u8A73\u7D30\u8A2D\u5B9A</summary>
           <div class="dtm-row">
             <span class="dtm-label">\u30AA\u30AF\u30BF\u30FC\u30D6</span>
@@ -15091,6 +15301,11 @@ var mountDAW = (target, options = {}) => {
         <textarea class="dtm-textarea" data-dtm="lyric-input" rows="2" placeholder="\u3072\u3089\u304C\u306A\u30FB\u30AB\u30BF\u30AB\u30CA\u3067\u6B4C\u8A5E\uFF08\u4F8B: \u3069\u308C\u307F\u3075\u3041\u305D\u3089\u3057\u3069\uFF09"></textarea>
       </div>`;
       refs.trackBody.appendChild(lyricDiv);
+      lyricDiv.querySelector(
+        '[data-dtm="lyric-advanced"]'
+      ).addEventListener("toggle", (e) => {
+        lyricAdvancedOpen = e.target.open;
+      });
       const lyricModelSel = lyricDiv.querySelector(
         '[data-dtm="lyric-model"]'
       );
@@ -15713,7 +15928,7 @@ var mountDAW = (target, options = {}) => {
     const canvas = getGridCanvas();
     const yIndex = renderConfig.keyCount - 1 - (pitch - renderConfig.pitchRangeStart);
     const logicalY = yIndex * renderConfig.keyHeight;
-    currentOffsetY = clamp4(
+    currentOffsetY = clamp5(
       logicalY - (canvas.height - renderConfig.keyHeight) / 2,
       0,
       getMaxOffsetY()
@@ -16288,8 +16503,8 @@ var mountDAW = (target, options = {}) => {
       refs.reverbAmount.value = "20";
       refs.reverbAmountLabel.textContent = "20%";
       options.onReverbChange?.(20);
-      const bpmT = clamp4((bpm - 60) / (180 - 60), 0, 1);
-      reverbDecay = clamp4(
+      const bpmT = clamp5((bpm - 60) / (180 - 60), 0, 1);
+      reverbDecay = clamp5(
         3 - bpmT * (3 - 0.9),
         MIN_REVERB_DECAY_SEC,
         MAX_REVERB_DECAY_SEC
@@ -17220,7 +17435,7 @@ var mountDAW = (target, options = {}) => {
     currentPlayStep = step;
     playbackState = "paused";
     const canvas = getGridCanvas();
-    currentOffsetX = clamp4(
+    currentOffsetX = clamp5(
       step * renderConfig.stepWidth - canvas.width * 0.5,
       0,
       getMaxOffsetX()
@@ -17266,11 +17481,11 @@ var mountDAW = (target, options = {}) => {
     getViewState,
     setViewState: (state) => {
       if (typeof state.zoomX === "number") {
-        zoomX = clamp4(state.zoomX, 25, 200);
+        zoomX = clamp5(state.zoomX, 25, 200);
         applyZoomX();
       }
       if (typeof state.zoomY === "number") {
-        zoomY = clamp4(state.zoomY, 50, 200);
+        zoomY = clamp5(state.zoomY, 50, 200);
         applyZoomY();
       }
       if (typeof state.decomposeChord === "boolean") {
@@ -17292,24 +17507,24 @@ var mountDAW = (target, options = {}) => {
     forcePauseAt,
     setLoading,
     setMasterVolume: (volume) => {
-      masterVolume = clamp4(volume, 0, 100);
+      masterVolume = clamp5(volume, 0, 100);
       refs.masterVolume.value = String(masterVolume);
       refs.masterVolumeLabel.textContent = `${masterVolume}%`;
       options.singingVoices?.setVolume(masterVolume / 100);
     },
     setVolume: (volume) => {
-      masterVolume = clamp4(volume, 0, 100);
+      masterVolume = clamp5(volume, 0, 100);
       refs.masterVolume.value = String(masterVolume);
       refs.masterVolumeLabel.textContent = `${masterVolume}%`;
       options.singingVoices?.setVolume(masterVolume / 100);
     },
     setDrumVolume: (volume) => {
-      drumVolume = clamp4(volume, 0, 100);
+      drumVolume = clamp5(volume, 0, 100);
       refs.drumVolume.value = String(drumVolume);
       refs.drumVolumeLabel.textContent = `${drumVolume}%`;
     },
     setReverbAmount: (amount) => {
-      reverbAmount = clamp4(amount, 0, 100);
+      reverbAmount = clamp5(amount, 0, 100);
       refs.reverbAmount.value = String(reverbAmount);
       refs.reverbAmountLabel.textContent = `${reverbAmount}%`;
       options.onReverbChange?.(reverbAmount);
@@ -17333,7 +17548,7 @@ var mountDAW = (target, options = {}) => {
       options.onReverbPreDelayChange?.(reverbPreDelay);
     },
     setDelayAmount: (amount) => {
-      delayAmount = clamp4(amount, 0, 100);
+      delayAmount = clamp5(amount, 0, 100);
       refs.delayAmount.value = String(delayAmount);
       refs.delayAmountLabel.textContent = `${delayAmount}%`;
       options.onDelayChange?.(delayAmount);
@@ -18112,149 +18327,6 @@ var isSupported = midiJsonParser.isSupported;
 var parseArrayBuffer = midiJsonParser.parseArrayBuffer;
 URL.revokeObjectURL(url);
 
-// src/channel-strip.ts
-var clamp5 = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
-var compressionParams = (amount) => {
-  const t = clamp5(amount, 0, 100) / 100;
-  return {
-    threshold: 0 + (-24 - 0) * t,
-    ratio: 1 + (12 - 1) * t,
-    knee: 0 + (6 - 0) * t,
-    attack: 0.02 + (3e-3 - 0.02) * t,
-    release: 0.25 + (0.15 - 0.25) * t
-  };
-};
-var EQ_LOW_FREQ = 200;
-var EQ_MID_FREQ = 1e3;
-var EQ_HIGH_FREQ = 5e3;
-var EQ_MID_Q = 1;
-var EQ_MAX_DB = 12;
-var createChannelStrip = (ctx, destination, options = {}) => {
-  const input = ctx.createGain();
-  const eqLow = ctx.createBiquadFilter();
-  eqLow.type = "lowshelf";
-  eqLow.frequency.value = EQ_LOW_FREQ;
-  eqLow.gain.value = clamp5(options.eqLow ?? 0, -EQ_MAX_DB, EQ_MAX_DB);
-  const eqMid = ctx.createBiquadFilter();
-  eqMid.type = "peaking";
-  eqMid.frequency.value = EQ_MID_FREQ;
-  eqMid.Q.value = EQ_MID_Q;
-  eqMid.gain.value = clamp5(options.eqMid ?? 0, -EQ_MAX_DB, EQ_MAX_DB);
-  const eqHigh = ctx.createBiquadFilter();
-  eqHigh.type = "highshelf";
-  eqHigh.frequency.value = EQ_HIGH_FREQ;
-  eqHigh.gain.value = clamp5(options.eqHigh ?? 0, -EQ_MAX_DB, EQ_MAX_DB);
-  input.connect(eqLow);
-  eqLow.connect(eqMid);
-  eqMid.connect(eqHigh);
-  const compressor = ctx.createDynamicsCompressor();
-  const applyCompression = (amount) => {
-    const p = compressionParams(amount);
-    const now = ctx.currentTime;
-    compressor.threshold.setValueAtTime(p.threshold, now);
-    compressor.ratio.setValueAtTime(p.ratio, now);
-    compressor.knee.setValueAtTime(p.knee, now);
-    compressor.attack.setValueAtTime(p.attack, now);
-    compressor.release.setValueAtTime(p.release, now);
-  };
-  applyCompression(options.compression ?? 0);
-  const splitter = ctx.createChannelSplitter(2);
-  const mid = ctx.createGain();
-  mid.gain.value = 0.5;
-  splitter.connect(mid, 0);
-  splitter.connect(mid, 1);
-  const sideSum = ctx.createGain();
-  sideSum.gain.value = 1;
-  const sideL = ctx.createGain();
-  sideL.gain.value = 0.5;
-  const sideR = ctx.createGain();
-  sideR.gain.value = -0.5;
-  splitter.connect(sideL, 0);
-  splitter.connect(sideR, 1);
-  sideL.connect(sideSum);
-  sideR.connect(sideSum);
-  const widthGain = ctx.createGain();
-  sideSum.connect(widthGain);
-  const widthInv = ctx.createGain();
-  widthInv.gain.value = -1;
-  widthGain.connect(widthInv);
-  const outL = ctx.createGain();
-  mid.connect(outL);
-  widthGain.connect(outL);
-  const outR = ctx.createGain();
-  mid.connect(outR);
-  widthInv.connect(outR);
-  const merger = ctx.createChannelMerger(2);
-  outL.connect(merger, 0, 0);
-  outR.connect(merger, 0, 1);
-  const setWidth = (width) => {
-    widthGain.gain.setTargetAtTime(
-      clamp5(width, 0, 200) / 100,
-      ctx.currentTime,
-      0.02
-    );
-  };
-  setWidth(options.width ?? 100);
-  eqHigh.connect(compressor);
-  compressor.connect(splitter);
-  merger.connect(destination);
-  const reverbSendGain = ctx.createGain();
-  reverbSendGain.gain.value = clamp5(options.reverbSend ?? 0, 0, 100) / 100;
-  merger.connect(reverbSendGain);
-  if (options.reverbBus) reverbSendGain.connect(options.reverbBus);
-  return {
-    input,
-    setEqLow: (db) => {
-      eqLow.gain.setTargetAtTime(
-        clamp5(db, -EQ_MAX_DB, EQ_MAX_DB),
-        ctx.currentTime,
-        0.02
-      );
-    },
-    setEqMid: (db) => {
-      eqMid.gain.setTargetAtTime(
-        clamp5(db, -EQ_MAX_DB, EQ_MAX_DB),
-        ctx.currentTime,
-        0.02
-      );
-    },
-    setEqHigh: (db) => {
-      eqHigh.gain.setTargetAtTime(
-        clamp5(db, -EQ_MAX_DB, EQ_MAX_DB),
-        ctx.currentTime,
-        0.02
-      );
-    },
-    setCompression: applyCompression,
-    setWidth,
-    setReverbSend: (amount) => {
-      reverbSendGain.gain.setTargetAtTime(
-        clamp5(amount, 0, 100) / 100,
-        ctx.currentTime,
-        0.02
-      );
-    },
-    dispose: () => {
-      input.disconnect();
-      eqLow.disconnect();
-      eqMid.disconnect();
-      eqHigh.disconnect();
-      compressor.disconnect();
-      splitter.disconnect();
-      mid.disconnect();
-      sideSum.disconnect();
-      sideL.disconnect();
-      sideR.disconnect();
-      widthGain.disconnect();
-      widthInv.disconnect();
-      outL.disconnect();
-      outR.disconnect();
-      merger.disconnect();
-      reverbSendGain.disconnect();
-    }
-  };
-};
-
 // src/clip-meter.ts
 var createClipMeter = (ctx, source, options = {}) => {
   const threshold = options.threshold ?? 0.98;