Svelte + Vite + Ableton Integration

A Svelte application for visualizing Ableton Live session data with waveform analysis.

🚀 Quick Start

1. Install Dependencies

   pnpm install
   

2. Run Development Server

   pnpm run dev
   

   Then open http://localhost:5173 in your browser.

3. Build for Production

   pnpm run build
   pnpm run preview
   

🛠️ Project Structure

svelte-ableton-test-app/
├── public/                     # Static assets
│   ├── ableton_data_export.json  # JSON from Ableton API script
│   └── audio.wav                # Sample audio file
├── src/
│   ├── components/             # Svelte components
│   │   ├── SessionInfo.svelte   # Session metadata
│   │   ├── TransientList.svelte # Transient markers
│   │   └── WaveformViewer.svelte # Waveform visualization
│   ├── lib/                    # Utility functions
│   │   ├── data.js             # Data handling
│   │   └── time.js             # Time conversions
│   ├── App.svelte              # Root component
│   └── main.js                 # App entry point
└── package.json                # Project configuration

🔧 Requirements

• Node.js 16+
• pnpm 7+

📚 Technologies Used

• Svelte
• Vite
• Peaks.js

🔌 VS Code Setup

For the best development experience, install the Svelte extension.