feat: [project-sequencer-statemachine] ダブルクリック時はaddNoteStateに遷移せずに直接ノート追加の処理を行うようにする (#2540)

Co-authored-by: Hiroshiba Kazuyuki <[email protected]>

Author: sigprogramming

src/sing/sequencerStateMachine/states/addNoteState.ts

@@ -15,6 +15,7 @@ import {
   PREVIEW_SOUND_DURATION,
 } from "@/sing/viewHelper";
 import { clamp } from "@/sing/utility";
+import { uuid4 } from "@/helpers/random";
 
 export class AddNoteState
   implements State<SequencerStateDefinitions, Input, Context>
@@ -78,7 +79,7 @@ export class AddNoteState
   onEnter(context: Context) {
     const guideLineTicks = getGuideLineTicks(this.cursorPosAtStart, context);
     const noteToAdd = {
-      id: NoteId(crypto.randomUUID()),
+      id: NoteId(uuid4()),
       position: Math.max(0, guideLineTicks),
       duration: context.snapTicks.value,
       noteNumber: clamp(this.cursorPosAtStart.noteNumber, 0, 127),

src/sing/sequencerStateMachine/states/selectNotesToolIdleState.ts

@@ -8,9 +8,17 @@ import {
   SequencerStateDefinitions,
   toggleNoteSelection,
 } from "@/sing/sequencerStateMachine/common";
-import { getButton, isSelfEventTarget } from "@/sing/viewHelper";
+import {
+  getButton,
+  getDoremiFromNoteNumber,
+  isSelfEventTarget,
+  PREVIEW_SOUND_DURATION,
+} from "@/sing/viewHelper";
 import { isOnCommandOrCtrlKeyDown } from "@/store/utility";
 import { Note } from "@/store/type";
+import { NoteId } from "@/type/preload";
+import { clamp } from "@/sing/utility";
+import { uuid4 } from "@/helpers/random";
 
 export class SelectNotesToolIdleState
   implements State<SequencerStateDefinitions, Input, Context>
@@ -98,10 +106,25 @@ export class SelectNotesToolIdleState
           }
         } else if (input.mouseEvent.type === "dblclick") {
           void context.store.actions.DESELECT_ALL_NOTES();
-          setNextState("addNote", {
-            cursorPosAtStart: input.cursorPos,
-            targetTrackId: selectedTrackId,
-            returnStateId: this.id,
+
+          const guideLineTicks = getGuideLineTicks(input.cursorPos, context);
+          const noteToAdd = {
+            id: NoteId(uuid4()),
+            position: Math.max(0, guideLineTicks),
+            duration: context.snapTicks.value,
+            noteNumber: clamp(input.cursorPos.noteNumber, 0, 127),
+            lyric: getDoremiFromNoteNumber(input.cursorPos.noteNumber),
+          };
+
+          void context.store.actions.COMMAND_ADD_NOTES({
+            notes: [noteToAdd],
+            trackId: selectedTrackId,
+          });
+          void context.store.actions.SELECT_NOTES({ noteIds: [noteToAdd.id] });
+
+          void context.store.actions.PLAY_PREVIEW_SOUND({
+            noteNumber: noteToAdd.noteNumber,
+            duration: PREVIEW_SOUND_DURATION,
           });
         }
       }