@onnie81/murdoku-spor 1.2.0 → 1.2.1

package/client/src/audio.js

@@ -3,7 +3,7 @@
 // copyright entanglements. Autoplay-safe: the context starts on first gesture.
 
 let ctx = null;
-let master, sfxBus, musicBus;
+let master, sfxBus, musicBus, analyser;
 let enabled = { sfx: true, music: true };
 let musicOn = false;
 let schedTimer = null;
@@ -16,6 +16,9 @@ function ensureCtx() {
   master = ctx.createGain();
   master.gain.value = 0.9;
   master.connect(ctx.destination);
+  analyser = ctx.createAnalyser();
+  analyser.fftSize = 2048;
+  master.connect(analyser);
   sfxBus = ctx.createGain();
   sfxBus.gain.value = 0.5;
   sfxBus.connect(master);
@@ -264,3 +267,21 @@ export function stopMusic() {
     musicBus.gain.exponentialRampToValueAtTime(0.0001, ctx.currentTime + 0.8);
   }
 }
+
+// diagnostics hook (used by the e2e test and handy in devtools)
+if (typeof window !== 'undefined') {
+  window.__mdkAudio = {
+    state: () => (ctx ? ctx.state : 'none'),
+    musicOn: () => musicOn,
+    enabled: () => ({ ...enabled }),
+    rms() {
+      if (!analyser) return 0;
+      const a = new Float32Array(analyser.fftSize);
+      analyser.getFloatTimeDomainData(a);
+      let s = 0;
+      for (let i = 0; i < a.length; i++) s += a[i] * a[i];
+      return Math.sqrt(s / a.length);
+    },
+    ping: () => sfx('chime')
+  };
+}

package/client/src/components/PlayView.jsx

@@ -5,7 +5,7 @@
 import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react';
 import { api } from '../api.js';
 import { createGameStore, useGame } from '../game.js';
-import { useApp, navigate, toast, getState } from '../store.js';
+import { useApp, navigate, toast, getState, updateSettings } from '../store.js';
 import { Board } from './Board.jsx';
 import { Tray } from './Tray.jsx';
 import { CluePanel } from './CluePanel.jsx';
@@ -44,10 +44,13 @@ export function PlayView({ gameId }) {
 }
 
 function PlayInner({ loaded }) {
+  const app = useApp();
   const store = useMemo(
     () => createGameStore(loaded.game, loaded.puzzle, () => getState().settings, (key) => toast(t(key))),
     [loaded]
   );
+  const soundOn = app.settings.sfx !== false || app.settings.music !== false;
+  const soundToggle = () => updateSettings({ sfx: !soundOn, music: !soundOn });
   const snap = useGame(store);
   const boardRef = useRef(null);
   const [drag, setDrag] = useState(null);
@@ -294,6 +297,7 @@ function PlayInner({ loaded }) {
             <span className="stat-mist">✗ {snap.mistakes}</span>
           </div>
           <button className="icon-btn" onClick={() => setCaseOpen(true)} aria-label={t('caseFile')}>📜</button>
+          <button className="icon-btn" onClick={soundToggle} aria-label={t('sound')}>{soundOn ? '🔊' : '🔇'}</button>
           {fsAvailable && (
             <button className="icon-btn" onClick={fsToggle} aria-label={t('fullscreen')}>{isFs ? '🡼' : '⛶'}</button>
           )}
@@ -358,6 +362,7 @@ function PlayInner({ loaded }) {
           <span className="stat-time">{fmtTime(snap.timeMs)}</span>
           <span className="stat-mist" title={t('mistakes')}>✗ {snap.mistakes}</span>
         </div>
+        <button className="icon-btn" onClick={soundToggle} aria-label={t('sound')}>{soundOn ? '🔊' : '🔇'}</button>
         {fsAvailable && (
           <button className="icon-btn" onClick={fsToggle} aria-label={t('fullscreen')}>{isFs ? '🡼' : '⛶'}</button>
         )}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onnie81/murdoku-spor",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "type": "module",
   "description": "Murdoku — online murder-mystery logic puzzle (sudoku-style placement deduction). Deploy artifact for games.onniehex.dev.",
   "license": "MIT",