feat/sample editor

.github/workflows/deploy.yml

@@ -0,0 +1,52 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - feat/sample-editor
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one active deployment
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
+
+jobs:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Set up Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build
+        # For a custom domain (e.g., drum.dato.mu), keep BASE_PATH empty.
+        # For a default github.io subpath (e.g., username.github.io/drum-webapp),
+        # set BASE_PATH to /<repository-name> (e.g., /drum-webapp).
+        env:
+          BASE_PATH: ''
+        run: npm run build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: 'build'
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

src/lib/components/Footer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { _, locale } from "svelte-i18n";
-	import { midiState, disconnectDevice } from "$lib/stores/midi.svelte";
+	import { midiState } from "$lib/stores/midi.svelte";
 	import { audioInputState, selectDevice } from "$lib/stores/audioInput.svelte";
 
 	const showLanguageAndAudioInput = false;
@@ -100,24 +100,6 @@
 					{/if}
 				</div>
 			{/if}
-			{#if midiState.isConnected}
-				<button
-					class="flex items-center gap-2 text-sm hover:text-gray-800 transition-colors"
-					onclick={disconnectDevice}
-					title={$_("device_connected_status", {
-						values: {
-							deviceName: midiState.selectedOutput?.name || "Dato DRUM",
-						},
-					}) +
-						" - " +
-						$_("device_disconnect_button")}
-				>
-					<span class="hidden sm:inline">
-						{$_("connected")}{#if midiState.firmwareVersion}
-							({midiState.firmwareVersion}){/if}
-					</span>
-				</button>
-			{/if}
 		</div>
 	</div>
 </footer>