ugly-app 0.1.191 → 0.1.192

package/dist/cli/version.d.ts

@@ -1,2 +1,2 @@
-export declare const CLI_VERSION = "0.1.191";
+export declare const CLI_VERSION = "0.1.192";
 //# sourceMappingURL=version.d.ts.map

package/dist/cli/version.js

@@ -1,3 +1,3 @@
 // Auto-generated by prebuild — do not edit manually
-export const CLI_VERSION = "0.1.191";
+export const CLI_VERSION = "0.1.192";
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugly-app",
-  "version": "0.1.191",
+  "version": "0.1.192",
   "type": "module",
   "main": "./dist/server/index.js",
   "exports": {

package/src/cli/version.ts

@@ -1,2 +1,2 @@
 // Auto-generated by prebuild — do not edit manually
-export const CLI_VERSION = "0.1.191";
+export const CLI_VERSION = "0.1.192";

package/templates/client/pages/AITestPage.tsx

@@ -34,6 +34,9 @@ export default function AITestPage(): React.ReactElement {
   const [logs, setLogs] = useState<LogEntry[]>([]);
 
   function addLog(msg: string, kind: LogEntry['kind'] = 'info'): void {
+    const prefix = '[AITest]';
+    if (kind === 'err') console.error(prefix, msg);
+    else console.log(prefix, msg);
     setLogs((prev) => [...prev, { ts: Date.now(), msg, kind }]);
   }
 

package/templates/client/pages/AudioTestPage.tsx

@@ -1,5 +1,6 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import {
+  AudioRecorder,
   BarsVisualizer,
   BlobVisualizer,
   Button,
@@ -265,12 +266,13 @@ function STTSection({ socket }: { socket: RawSocket }) {
 
   const mic = useMicAnalyzer();
   const streamIdRef = useRef<string | null>(null);
-  const recorderCtxRef = useRef<AudioContext | null>(null);
-  const workletRef = useRef<AudioWorkletNode | null>(null);
-  const recorderStreamRef = useRef<MediaStream | null>(null);
+  const recorderRef = useRef<AudioRecorder | null>(null);
   const chunkCountRef = useRef(0);
 
   function addLog(msg: string, kind: LogEntry['kind'] = 'info') {
+    const prefix = '[STT]';
+    if (kind === 'err') console.error(prefix, msg);
+    else console.log(prefix, msg);
     setLogs((prev) => [...prev, { ts: Date.now(), msg, kind }]);
   }
 
@@ -295,50 +297,12 @@ function STTSection({ socket }: { socket: RawSocket }) {
     [],
   );
 
-  async function startRecording(stream: MediaStream) {
-    const ctx = new AudioContext({ sampleRate: 48000 });
-    const source = ctx.createMediaStreamSource(stream);
-    const workletUrl = new URL('ugly-app/client/audioRecorder.worklet.js', import.meta.url).href;
-    await ctx.audioWorklet.addModule(workletUrl);
-    const worklet = new AudioWorkletNode(ctx, 'audio-recorder');
-    chunkCountRef.current = 0;
-    worklet.port.onmessage = (event: MessageEvent) => {
-      if (event.data?.type === 'chunk') {
-        const floatData = event.data.samples as Float32Array;
-        const int16 = new Int16Array(floatData.length);
-        for (let i = 0; i < floatData.length; i++) {
-          const clamped = Math.max(-1, Math.min(1, floatData[i] ?? 0));
-          int16[i] = clamped < 0 ? clamped * 32768 : clamped * 32767;
-        }
-        const bytes = new Uint8Array(int16.buffer);
-        let binary = '';
-        for (const byte of bytes) binary += String.fromCharCode(byte);
-        const audio = btoa(binary);
-        chunkCountRef.current++;
-        socket.send({ type: 'stt:audio', streamId: streamIdRef.current, audio });
-      }
-    };
-    source.connect(worklet);
-    worklet.connect(ctx.destination);
-    recorderCtxRef.current = ctx;
-    workletRef.current = worklet;
-    addLog('AudioWorklet recorder started', 'ok');
-  }
-
-  function stopRecording() {
-    workletRef.current?.disconnect();
-    void recorderCtxRef.current?.close().catch(() => { /* noop */ });
-    recorderStreamRef.current?.getTracks().forEach((t) => { t.stop(); });
-    workletRef.current = null;
-    recorderCtxRef.current = null;
-    recorderStreamRef.current = null;
-  }
-
   async function startListening() {
     const streamId = `stt-${++sttCounter}`;
     streamIdRef.current = streamId;
     setTranscript('');
     setLogs([]);
+    chunkCountRef.current = 0;
 
     const started = Date.now();
     addLog(`Mode: ${sttMode}${sttMode === 'continuous' ? ' (VAD enabled)' : ''}`);
@@ -374,19 +338,20 @@ function STTSection({ socket }: { socket: RawSocket }) {
     // Start mic for visualization
     await mic.start();
 
-    // Start separate recording stream for STT
-    const recStream = await navigator.mediaDevices.getUserMedia({
-      audio: { sampleRate: 48000, channelCount: 1, echoCancellation: true, noiseSuppression: true },
+    // Start recording with AudioRecorder (uses AudioWorkletNode)
+    if (!recorderRef.current) recorderRef.current = new AudioRecorder();
+    await recorderRef.current.start((audio) => {
+      chunkCountRef.current++;
+      socket.send({ type: 'stt:audio', streamId: streamIdRef.current, audio });
     });
-    recorderStreamRef.current = recStream;
-    await startRecording(recStream);
+    addLog('Recording started', 'ok');
 
     setListening(true);
     addLog('Listening…');
   }
 
   function stopListening() {
-    stopRecording();
+    recorderRef.current?.stop();
     mic.stop();
     if (streamIdRef.current) {
       socket.send({ type: 'stt:stop', streamId: streamIdRef.current });
@@ -406,7 +371,7 @@ function STTSection({ socket }: { socket: RawSocket }) {
   // Cleanup on unmount
   useEffect(() => { // eslint-disable-line react-hooks/exhaustive-deps
     return () => {
-      stopRecording();
+      recorderRef.current?.stop();
       mic.stop();
       if (streamIdRef.current) {
         socket.send({ type: 'stt:stop', streamId: streamIdRef.current });
@@ -526,6 +491,9 @@ function TTSSection({ socket }: { socket: RawSocket }) {
   const activeWordIdxRef = useRef(-1);
 
   function addLog(msg: string, kind: LogEntry['kind'] = 'info') {
+    const prefix = '[TTS]';
+    if (kind === 'err') console.error(prefix, msg);
+    else console.log(prefix, msg);
     setLogs((prev) => [...prev, { ts: Date.now(), msg, kind }]);
   }
 

package/templates/client/pages/EmailTestPage.tsx

@@ -29,6 +29,9 @@ export default function EmailTestPage(): React.ReactElement {
   const [logs, setLogs] = useState<LogEntry[]>([]);
 
   function addLog(msg: string, kind: LogEntry['kind'] = 'info') {
+    const prefix = '[EmailTest]';
+    if (kind === 'err') console.error(prefix, msg);
+    else console.log(prefix, msg);
     setLogs((prev) => [...prev, { ts: Date.now(), msg, kind }]);
   }
 

package/templates/client/pages/KagiTestPage.tsx

@@ -50,6 +50,9 @@ export default function KagiTestPage(): React.ReactElement {
   const [summaryResult, setSummaryResult] = useState('');
 
   function addLog(msg: string, kind: LogEntry['kind'] = 'info'): void {
+    const prefix = '[KagiTest]';
+    if (kind === 'err') console.error(prefix, msg);
+    else console.log(prefix, msg);
     setLogs((prev) => [...prev, { ts: Date.now(), msg, kind }]);
   }
 

package/templates/client/pages/PushTestPage.tsx

@@ -18,6 +18,9 @@ export default function PushTestPage(): React.ReactElement {
   const [loading, setLoading] = useState(false);
 
   function addLog(msg: string, kind: LogEntry['kind'] = 'info') {
+    const prefix = '[PushTest]';
+    if (kind === 'err') console.error(prefix, msg);
+    else console.log(prefix, msg);
     setLogs((prev) => [...prev, { ts: Date.now(), msg, kind }]);
   }
 

package/templates/client/pages/UploadTestPage.tsx

@@ -32,6 +32,9 @@ export default function UploadTestPage(): React.ReactElement {
   const [dragOver, setDragOver] = useState(false);
 
   function addLog(msg: string, kind: LogEntry['kind'] = 'info') {
+    const prefix = '[UploadTest]';
+    if (kind === 'err') console.error(prefix, msg);
+    else console.log(prefix, msg);
     setLogs((prev) => [...prev, { ts: Date.now(), msg, kind }]);
   }