diff --git a/components/MidiUploader.tsx b/components/MidiUploader.tsx deleted file mode 100644 index bf02318..0000000 --- a/components/MidiUploader.tsx +++ /dev/null @@ -1,62 +0,0 @@ -"use client"; -import { ChangeEvent, useState } from "react"; -import { Header, Midi } from "tonejs-midi-fix"; -// import { ControlChanges } from "tonejs-midi-fix/dist/ControlChanges"; - -// interface Note { -// name: string; -// time: number; -// duration: number; -// velocity: number; -// } - -interface Track { - header: Header; - trackNumber: number; - instrument: string; - channel: number; - name: string; - // notes: Note[]; - // controlChanges: ControlChanges; -} - -export default function MidiUploader() { - const [metadata, setMetadata] = useState(null); - - const handleFileChange = async (event: ChangeEvent) => { - if (!event.target.files) return; - const file = event.target.files[0]; - if (file) { - const arrayBuffer = await file.arrayBuffer(); - const midi = new Midi(arrayBuffer); - - // Extract metadata in JSON format - const header = midi.header; - const parsedMetadata = midi.tracks.map((track, index) => ({ - header: header, - trackNumber: index + 1, - instrument: track.instrument.name, - channel: track.channel, - name: track.name, - // notes: track.notes.map((note) => ({ - // name: note.name, - // time: note.time, - // duration: note.duration, - // velocity: note.velocity, - // })), - // controlChanges: track.controlChanges, - })); - - setMetadata(parsedMetadata); - } - }; - - return ( -
-

Upload a MIDI File to View Metadata

- - - {metadata &&
{JSON.stringify(metadata, null, 2)}
} -
- ); -} diff --git a/components/ModeSelector.tsx b/components/ModeSelector.tsx index 1550694..5c887a9 100644 --- a/components/ModeSelector.tsx +++ b/components/ModeSelector.tsx @@ -1,7 +1,6 @@ import Bass from "@/components/Bass"; -import { AudioLines, Check, Drum, Guitar, MicVocal, Piano } from "lucide-react"; +import { AudioLines, Drum, Guitar, MicVocal, Piano } from "lucide-react"; import type { SeparationMode } from "@/utils/types"; -import { Badge } from "@/components/ui/badge"; import { forwardRef } from "react"; const iconMap = {