@peers-app/peers-ui 0.21.7 → 0.22.0

package/dist/index.d.ts

@@ -6,8 +6,6 @@ export * from "./components/markdown-with-mentions";
 export * from "./components/sortable-list";
 export * from "./components/tabs";
 export { Typeahead, type TypeaheadItem } from "./components/typeahead";
-export * from "./components/voice-indicator";
-export * from "./components/voice-playback";
 export { isDesktop, mainContentPath } from "./globals";
 export * from "./hooks";
 export * from "./operator-console/operator-console";

package/dist/index.js

@@ -24,8 +24,6 @@ __exportStar(require("./components/sortable-list"), exports);
 __exportStar(require("./components/tabs"), exports);
 var typeahead_1 = require("./components/typeahead");
 Object.defineProperty(exports, "Typeahead", { enumerable: true, get: function () { return typeahead_1.Typeahead; } });
-__exportStar(require("./components/voice-indicator"), exports);
-__exportStar(require("./components/voice-playback"), exports);
 var globals_1 = require("./globals");
 Object.defineProperty(exports, "isDesktop", { enumerable: true, get: function () { return globals_1.isDesktop; } });
 Object.defineProperty(exports, "mainContentPath", { enumerable: true, get: function () { return globals_1.mainContentPath; } });

package/dist/screens/packages/package-versions.js

@@ -256,5 +256,5 @@ function VersionRow(props) {
                                     commitVersion();
                                 if (e.key === "Escape")
                                     setEditingVersion(false);
-                            } })) : ((0, jsx_runtime_1.jsxs)("strong", { className: "me-2", style: { cursor: "pointer" }, onClick: startEditing, title: "Click to edit version", children: ["v", pv.version] })), pv.versionTag && ((0, jsx_runtime_1.jsx)("span", { className: `badge ${tagBadgeClass(pv.versionTag)} me-2`, children: pv.versionTag })), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small me-2", children: pv.packageVersionHash?.substring(0, 8) }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted me-2", children: formatDate(pv.createdAt) }), creatorName && (0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: ["by ", creatorName] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex gap-1 align-items-center", children: [promoteTargets.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "dropdown", children: [(0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-outline-info dropdown-toggle", "data-bs-toggle": "dropdown", title: "Change version tag", children: "Promote" }), (0, jsx_runtime_1.jsx)("ul", { className: "dropdown-menu dropdown-menu-end", children: promoteTargets.map((tag) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("button", { className: "dropdown-item", onClick: () => props.onPromote(pv, tag), children: [currentTag, " \u2192 ", tag] }) }, tag))) })] })), isActive ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-outline-secondary", disabled: isPinned || pinning, onClick: () => props.onPin(), title: isPinned ? "Already pinned" : "Pin to this version (disable auto-updates)", children: [pinning ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-pin-fill" })), isPinned ? " Pinned" : " Pin"] }), (0, jsx_runtime_1.jsx)("span", { className: "badge text-bg-info align-self-center", children: "active" })] })) : ((0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-outline-primary", disabled: activating === pv.packageVersionId, onClick: () => props.onActivate(pv), children: [activating === pv.packageVersionId ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-1" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-check2-circle me-1" })), "Activate"] })), !isActive && ((0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-outline-danger", disabled: deleting === pv.packageVersionId, onClick: () => props.onDelete(pv), children: deleting === pv.packageVersionId ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-trash" })) }))] })] }) }));
+                            } })) : ((0, jsx_runtime_1.jsxs)("strong", { className: "me-2", style: { cursor: "pointer" }, onClick: startEditing, title: "Click to edit version", children: ["v", pv.version] })), pv.versionTag && ((0, jsx_runtime_1.jsx)("span", { className: `badge ${tagBadgeClass(pv.versionTag)} me-2`, children: pv.versionTag })), (0, jsx_runtime_1.jsx)("code", { className: "text-muted small me-2", children: pv.packageVersionHash?.substring(0, 8) }), (0, jsx_runtime_1.jsx)("small", { className: "text-muted me-2", children: formatDate(pv.createdAt) }), creatorName && (0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: ["by ", creatorName] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex gap-1 align-items-center", children: [promoteTargets.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "dropdown", children: [(0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-outline-info dropdown-toggle", "data-bs-toggle": "dropdown", "data-bs-popper-config": '{"strategy":"fixed"}', title: "Change version tag", children: "Promote" }), (0, jsx_runtime_1.jsx)("ul", { className: "dropdown-menu dropdown-menu-end", children: promoteTargets.map((tag) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("button", { className: "dropdown-item", onClick: () => props.onPromote(pv, tag), children: [currentTag, " \u2192 ", tag] }) }, tag))) })] })), isActive ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-outline-secondary", disabled: isPinned || pinning, onClick: () => props.onPin(), title: isPinned ? "Already pinned" : "Pin to this version (disable auto-updates)", children: [pinning ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-pin-fill" })), isPinned ? " Pinned" : " Pin"] }), (0, jsx_runtime_1.jsx)("span", { className: "badge text-bg-info align-self-center", children: "active" })] })) : ((0, jsx_runtime_1.jsxs)("button", { className: "btn btn-sm btn-outline-primary", disabled: activating === pv.packageVersionId, onClick: () => props.onActivate(pv), children: [activating === pv.packageVersionId ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm me-1" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-check2-circle me-1" })), "Activate"] })), !isActive && ((0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-outline-danger", disabled: deleting === pv.packageVersionId, onClick: () => props.onDelete(pv), children: deleting === pv.packageVersionId ? ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm" })) : ((0, jsx_runtime_1.jsx)("i", { className: "bi bi-trash" })) }))] })] }) }));
 }

package/dist/screens/settings/settings-page.js

@@ -45,7 +45,6 @@ const hooks_1 = require("../../hooks");
 const layout_picker_1 = require("../../root-layout/layout-picker");
 const device_pairing_1 = require("../device-pairing");
 const color_mode_dropdown_1 = require("./color-mode-dropdown");
-const voice_settings_1 = require("./voice-settings");
 function getAppVersion() {
     return globalThis.__PEERS_APP_VERSION__ || "unknown";
 }
@@ -61,10 +60,6 @@ const SettingsPage = () => {
                     name: "Appearance",
                     content: (0, jsx_runtime_1.jsx)(AppearanceSettingsTab, {}),
                 },
-                {
-                    name: "Voice",
-                    content: (0, jsx_runtime_1.jsx)(voice_settings_1.VoiceSettings, {}),
-                },
                 {
                     name: "Advanced",
                     content: (0, jsx_runtime_1.jsx)(AdvancedSettingsTab, {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peers-app/peers-ui",
-  "version": "0.21.7",
+  "version": "0.22.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/peers-app/peers-ui.git"
@@ -28,7 +28,7 @@
     "lint:fix": "biome check --write ."
   },
   "peerDependencies": {
-    "@peers-app/peers-sdk": "^0.21.7",
+    "@peers-app/peers-sdk": "^0.22.0",
     "bootstrap": "^5.3.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
@@ -39,7 +39,7 @@
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.27.1",
     "@biomejs/biome": "2.3.11",
-    "@peers-app/peers-sdk": "0.21.7",
+    "@peers-app/peers-sdk": "0.22.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",

package/src/index.tsx

@@ -6,8 +6,6 @@ export * from "./components/markdown-with-mentions";
 export * from "./components/sortable-list";
 export * from "./components/tabs";
 export { Typeahead, type TypeaheadItem } from "./components/typeahead";
-export * from "./components/voice-indicator";
-export * from "./components/voice-playback";
 export { isDesktop, mainContentPath } from "./globals";
 export * from "./hooks";
 export * from "./operator-console/operator-console";

package/src/screens/packages/package-versions.tsx

@@ -368,6 +368,7 @@ function VersionRow(props: {
               <button
                 className="btn btn-sm btn-outline-info dropdown-toggle"
                 data-bs-toggle="dropdown"
+                data-bs-popper-config='{"strategy":"fixed"}'
                 title="Change version tag"
               >
                 Promote

package/src/screens/settings/settings-page.tsx

@@ -21,7 +21,6 @@ import { useObservable, useObservableState, usePromise } from "../../hooks";
 import { LayoutPicker } from "../../root-layout/layout-picker";
 import { SourceDevicePairing } from "../device-pairing";
 import { ColorModeDropdown } from "./color-mode-dropdown";
-import { VoiceSettings } from "./voice-settings";
 
 /** Electron file picker attaches a filesystem path on `File`. */
 type FileWithElectronPath = File & { path?: string };
@@ -54,10 +53,6 @@ export const SettingsPage: React.FC = () => {
             name: "Appearance",
             content: <AppearanceSettingsTab />,
           },
-          {
-            name: "Voice",
-            content: <VoiceSettings />,
-          },
           {
             name: "Advanced",
             content: <AdvancedSettingsTab />,

package/tsconfig.json

@@ -5,6 +5,7 @@
     "jsx": "react-jsx",
     "declaration": true,
     "emitDeclarationOnly": false,
+    "rootDir": "./src",
     "outDir": "./dist",
     "strict": true,
     "noImplicitAny": true,

package/dist/components/voice-indicator.d.ts

@@ -1,15 +0,0 @@
-/**
- * Voice Indicator Component
- *
- * Floating UI element showing voice input state.
- * Supports manual recording trigger via click.
- */
-import React from "react";
-interface VoiceIndicatorProps {
-    /** Position of the indicator */
-    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
-    /** Show expanded view with transcription */
-    showTranscription?: boolean;
-}
-export declare const VoiceIndicator: React.FC<VoiceIndicatorProps>;
-export default VoiceIndicator;

package/dist/components/voice-indicator.js

@@ -1,276 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoiceIndicator = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * Voice Indicator Component
- *
- * Floating UI element showing voice input state.
- * Supports manual recording trigger via click.
- */
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importStar(require("react"));
-const VoiceIndicator = ({ position = "bottom-right", showTranscription = true, }) => {
-    const [state, setState] = (0, react_1.useState)("disabled");
-    const [transcription, setTranscription] = (0, react_1.useState)("");
-    const [volumeLevel, setVolumeLevel] = (0, react_1.useState)(0);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
-    // Track current audio element for cloud TTS so we can stop it
-    const currentAudioRef = react_1.default.useRef(null);
-    // Subscribe to voice events
-    (0, react_1.useEffect)(() => {
-        const subscriptions = [
-            (0, peers_sdk_1.subscribe)("voice:stateChanged", (event) => {
-                setState(event.data.state);
-                if (event.data.state === "idle") {
-                    setTranscription("");
-                    setError(null);
-                }
-                if (event.data.state === "recording") {
-                    setIsExpanded(true);
-                }
-            }),
-            (0, peers_sdk_1.subscribe)("voice:transcription", (event) => {
-                setTranscription(event.data.text);
-            }),
-            (0, peers_sdk_1.subscribe)("voice:volumeLevel", (event) => {
-                setVolumeLevel(event.data.level);
-            }),
-            (0, peers_sdk_1.subscribe)("voice:error", (event) => {
-                setError(event.data.message);
-            }),
-        ];
-        // Load initial state
-        peers_sdk_1.rpcServerCalls
-            .voiceGetState()
-            .then(({ state }) => {
-            setState(state);
-        })
-            .catch(() => {
-            // Voice service may not be initialized yet
-        });
-        return () => {
-            for (const sub of subscriptions) {
-                sub.unsubscribe();
-            }
-        };
-    }, []);
-    // Handle browser TTS events
-    (0, react_1.useEffect)(() => {
-        const speakHandler = (0, peers_sdk_1.subscribe)("voice:speakText", (event) => {
-            const { text, voice, rate } = event.data;
-            if ("speechSynthesis" in window) {
-                const utterance = new SpeechSynthesisUtterance(text);
-                if (voice) {
-                    const voices = speechSynthesis.getVoices();
-                    const selectedVoice = voices.find((v) => v.name === voice);
-                    if (selectedVoice)
-                        utterance.voice = selectedVoice;
-                }
-                if (rate)
-                    utterance.rate = rate;
-                // Notify server when speech ends
-                utterance.onend = () => {
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                utterance.onerror = () => {
-                    // Still notify on error so we don't hang
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                speechSynthesis.speak(utterance);
-            }
-            else {
-                // No speech synthesis available, notify immediately
-                peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-            }
-        });
-        const stopHandler = (0, peers_sdk_1.subscribe)("voice:stopSpeaking", () => {
-            // Stop browser TTS
-            if ("speechSynthesis" in window) {
-                speechSynthesis.cancel();
-            }
-            // Stop cloud TTS audio if playing
-            if (currentAudioRef.current) {
-                currentAudioRef.current.pause();
-                currentAudioRef.current = null;
-            }
-        });
-        const playHandler = (0, peers_sdk_1.subscribe)("voice:playAudio", async (event) => {
-            const { audioBase64, mimeType } = event.data;
-            try {
-                const audioData = Uint8Array.from(atob(audioBase64), (c) => c.charCodeAt(0));
-                const blob = new Blob([audioData], { type: mimeType });
-                const url = URL.createObjectURL(blob);
-                const audio = new Audio(url);
-                // Track audio element so we can stop it
-                currentAudioRef.current = audio;
-                audio.onended = () => {
-                    URL.revokeObjectURL(url);
-                    currentAudioRef.current = null;
-                    // Notify server that audio playback has completed
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                await audio.play();
-            }
-            catch (e) {
-                console.error("Failed to play audio:", e);
-                currentAudioRef.current = null;
-                // Still notify on error so we don't hang
-                peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-            }
-        });
-        return () => {
-            speakHandler.unsubscribe();
-            stopHandler.unsubscribe();
-            playHandler.unsubscribe();
-        };
-    }, []);
-    const handleClick = (0, react_1.useCallback)(async () => {
-        try {
-            if (state === "disabled") {
-                // Open settings
-                window.location.hash = "#/settings/voice";
-                return;
-            }
-            if (state === "recording") {
-                await peers_sdk_1.rpcServerCalls.voiceStopRecording();
-            }
-            else if (state === "speaking") {
-                await peers_sdk_1.rpcServerCalls.voiceStopPlayback();
-            }
-            else if (state === "idle" || state === "listening") {
-                await peers_sdk_1.rpcServerCalls.voiceStartRecording();
-            }
-        }
-        catch (e) {
-            console.error("Voice action failed:", e);
-        }
-    }, [state]);
-    const getIcon = () => {
-        switch (state) {
-            case "disabled":
-                return "bi-mic-mute";
-            case "idle":
-                return "bi-mic";
-            case "listening":
-                return "bi-ear";
-            case "recording":
-                return "bi-mic-fill";
-            case "processing":
-                return "bi-hourglass-split";
-            case "speaking":
-                return "bi-volume-up-fill";
-            default:
-                return "bi-mic";
-        }
-    };
-    const getStateText = () => {
-        switch (state) {
-            case "disabled":
-                return "Voice disabled";
-            case "idle":
-                return 'Say "Porcupine" or click';
-            case "listening":
-                return "Listening...";
-            case "recording":
-                return "Recording...";
-            case "processing":
-                return "Processing...";
-            case "speaking":
-                return "Speaking... (click to stop)";
-            default:
-                return "";
-        }
-    };
-    const getButtonClass = () => {
-        const base = "btn rounded-circle shadow";
-        switch (state) {
-            case "disabled":
-                return `${base} btn-secondary`;
-            case "idle":
-                return `${base} btn-outline-primary`;
-            case "listening":
-                return `${base} btn-info`;
-            case "recording":
-                return `${base} btn-danger`;
-            case "processing":
-                return `${base} btn-warning`;
-            case "speaking":
-                return `${base} btn-success`;
-            default:
-                return `${base} btn-secondary`;
-        }
-    };
-    const positionStyles = {
-        position: "fixed",
-        zIndex: 1050,
-        ...(position.includes("bottom") ? { bottom: "20px" } : { top: "70px" }),
-        ...(position.includes("right") ? { right: "20px" } : { left: "20px" }),
-    };
-    // Don't render if disabled and not showing
-    // Actually, let's always show so users can click to enable
-    return ((0, jsx_runtime_1.jsxs)("div", { style: positionStyles, children: [isExpanded && state !== "disabled" && ((0, jsx_runtime_1.jsx)("div", { className: "card shadow mb-2", style: {
-                    width: "280px",
-                    backgroundColor: "var(--bs-body-bg)",
-                }, children: (0, jsx_runtime_1.jsxs)("div", { className: "card-body py-2 px-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex justify-content-between align-items-center mb-2", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: getStateText() }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-link p-0", onClick: () => setIsExpanded(false), children: (0, jsx_runtime_1.jsx)("i", { className: "bi bi-x" }) })] }), state === "recording" && ((0, jsx_runtime_1.jsx)("div", { className: "progress mb-2", style: { height: "4px" }, children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bar bg-danger", style: { width: `${Math.min(100, volumeLevel * 500)}%` } }) })), showTranscription && transcription && ((0, jsx_runtime_1.jsxs)("div", { className: "small", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-quote me-1" }), transcription] })), error && ((0, jsx_runtime_1.jsxs)("div", { className: "small text-danger", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-exclamation-triangle me-1" }), error] }))] }) })), (0, jsx_runtime_1.jsxs)("button", { className: getButtonClass(), style: {
-                    width: "56px",
-                    height: "56px",
-                    fontSize: "24px",
-                    transition: "all 0.2s ease",
-                }, onClick: handleClick, title: getStateText(), children: [(0, jsx_runtime_1.jsx)("i", { className: `bi ${getIcon()}` }), (state === "listening" || state === "recording") && ((0, jsx_runtime_1.jsx)("span", { className: "position-absolute", style: {
-                            top: 0,
-                            left: 0,
-                            right: 0,
-                            bottom: 0,
-                            borderRadius: "50%",
-                            border: "2px solid currentColor",
-                            animation: "pulse 1.5s ease-out infinite",
-                        } })), state === "processing" && ((0, jsx_runtime_1.jsx)("span", { className: "spinner-border spinner-border-sm position-absolute", style: { top: "4px", right: "4px" } }))] }), (0, jsx_runtime_1.jsx)("style", { children: `
-        @keyframes pulse {
-          0% {
-            transform: scale(1);
-            opacity: 1;
-          }
-          100% {
-            transform: scale(1.5);
-            opacity: 0;
-          }
-        }
-      ` })] }));
-};
-exports.VoiceIndicator = VoiceIndicator;
-exports.default = exports.VoiceIndicator;

package/dist/components/voice-playback.d.ts

@@ -1,15 +0,0 @@
-/**
- * Voice Playback Component
- *
- * Headless (renders nothing) component that hosts the browser-side voice TTS
- * playback handlers. The voice server (peers-electron `tts-service`) emits
- * `voice:speakText` / `voice:playAudio` / `voice:stopSpeaking` events and relies
- * on a mounted renderer to actually produce sound and report completion via
- * `voiceNotifyPlaybackComplete`. Mount this once near the app root so voice
- * output works regardless of which (if any) voice UI is visible.
- */
-/**
- * Subscribes to voice TTS events and plays them in the browser. Renders nothing.
- */
-export declare const VoicePlayback: React.FC;
-export default VoicePlayback;

package/dist/components/voice-playback.js

@@ -1,86 +0,0 @@
-"use strict";
-/**
- * Voice Playback Component
- *
- * Headless (renders nothing) component that hosts the browser-side voice TTS
- * playback handlers. The voice server (peers-electron `tts-service`) emits
- * `voice:speakText` / `voice:playAudio` / `voice:stopSpeaking` events and relies
- * on a mounted renderer to actually produce sound and report completion via
- * `voiceNotifyPlaybackComplete`. Mount this once near the app root so voice
- * output works regardless of which (if any) voice UI is visible.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoicePlayback = void 0;
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = require("react");
-/**
- * Subscribes to voice TTS events and plays them in the browser. Renders nothing.
- */
-const VoicePlayback = () => {
-    // Track the current cloud-TTS audio element so it can be stopped on demand.
-    const currentAudioRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const speakHandler = (0, peers_sdk_1.subscribe)("voice:speakText", (event) => {
-            const { text, voice, rate } = event.data;
-            if ("speechSynthesis" in window) {
-                const utterance = new SpeechSynthesisUtterance(text);
-                if (voice) {
-                    const voices = speechSynthesis.getVoices();
-                    const selectedVoice = voices.find((v) => v.name === voice);
-                    if (selectedVoice)
-                        utterance.voice = selectedVoice;
-                }
-                if (rate)
-                    utterance.rate = rate;
-                utterance.onend = () => {
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                utterance.onerror = () => {
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                speechSynthesis.speak(utterance);
-            }
-            else {
-                peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-            }
-        });
-        const stopHandler = (0, peers_sdk_1.subscribe)("voice:stopSpeaking", () => {
-            if ("speechSynthesis" in window) {
-                speechSynthesis.cancel();
-            }
-            if (currentAudioRef.current) {
-                currentAudioRef.current.pause();
-                currentAudioRef.current = null;
-            }
-        });
-        const playHandler = (0, peers_sdk_1.subscribe)("voice:playAudio", async (event) => {
-            const { audioBase64, mimeType } = event.data;
-            try {
-                const audioData = Uint8Array.from(atob(audioBase64), (c) => c.charCodeAt(0));
-                const blob = new Blob([audioData], { type: mimeType });
-                const url = URL.createObjectURL(blob);
-                const audio = new Audio(url);
-                currentAudioRef.current = audio;
-                audio.onended = () => {
-                    URL.revokeObjectURL(url);
-                    currentAudioRef.current = null;
-                    peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-                };
-                await audio.play();
-            }
-            catch (e) {
-                console.error("Failed to play audio:", e);
-                currentAudioRef.current = null;
-                peers_sdk_1.rpcServerCalls.voiceNotifyPlaybackComplete?.().catch(() => { });
-            }
-        });
-        return () => {
-            speakHandler.unsubscribe();
-            stopHandler.unsubscribe();
-            playHandler.unsubscribe();
-        };
-    }, []);
-    return null;
-};
-exports.VoicePlayback = VoicePlayback;
-exports.default = exports.VoicePlayback;

package/dist/components/voice-subscribe-events.d.ts

@@ -1,28 +0,0 @@
-/** Shape passed to `subscribe` handlers for voice / chat IPC events */
-export type VoiceSubscribeEvent<T> = {
-    data: T;
-};
-export type VoiceStatePayload = {
-    state: string;
-};
-export type VoiceTranscriptionPayload = {
-    text: string;
-};
-export type VoiceVolumePayload = {
-    level: number;
-};
-export type VoiceErrorPayload = {
-    message: string;
-};
-export type VoiceThreadPayload = {
-    threadId: string;
-};
-export type VoiceSpeakPayload = {
-    text: string;
-    voice?: string;
-    rate?: number;
-};
-export type VoicePlayAudioPayload = {
-    audioBase64: string;
-    mimeType: string;
-};

package/dist/components/voice-subscribe-events.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/screens/settings/voice-settings-agent.d.ts

@@ -1,2 +0,0 @@
-import type React from "react";
-export declare const VoiceSettingsAgent: React.FC;

package/dist/screens/settings/voice-settings-agent.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoiceSettingsAgent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = require("react");
-const VOICE_HUB_AGENT_ASSISTANT_ID = "00mh0wlipkdbeaw8vhagent01";
-// Must match the pvar names in peers-core/src/data/voice-agent-config.ts and
-// peers-electron/src/server/voice/voice-agent-config.ts — pvar instances are
-// singletons keyed by name+scope so all three share the same underlying value.
-const voiceAgentAssistantIdPvar = (0, peers_sdk_1.userVar)("voice:agentAssistantId", {
-    defaultValue: VOICE_HUB_AGENT_ASSISTANT_ID,
-});
-const VoiceSettingsAgent = () => {
-    const [assistants, setAssistants] = (0, react_1.useState)([]);
-    const [selectedId, setSelectedId] = (0, react_1.useState)(VOICE_HUB_AGENT_ASSISTANT_ID);
-    const [saving, setSaving] = (0, react_1.useState)(false);
-    const [saved, setSaved] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const load = async () => {
-            await voiceAgentAssistantIdPvar.loadingPromise;
-            setSelectedId(voiceAgentAssistantIdPvar() ?? VOICE_HUB_AGENT_ASSISTANT_ID);
-            const all = await (0, peers_sdk_1.Assistants)().list({});
-            setAssistants(all);
-        };
-        load();
-    }, []);
-    const handleSave = (0, react_1.useCallback)(async () => {
-        setSaving(true);
-        setSaved(false);
-        await voiceAgentAssistantIdPvar.loadingPromise;
-        voiceAgentAssistantIdPvar(selectedId || undefined);
-        setSaving(false);
-        setSaved(true);
-        setTimeout(() => setSaved(false), 2000);
-    }, [selectedId]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h6", { children: "Voice Agent" }), (0, jsx_runtime_1.jsx)("p", { className: "text-muted small mb-2", children: "When you give a voice command that requires action (e.g. \"add milk to the shopping list\"), it is dispatched to this assistant as a background task." }), (0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-center gap-2", children: [(0, jsx_runtime_1.jsx)("select", { className: "form-select form-select-sm", value: selectedId, onChange: (e) => setSelectedId(e.target.value), disabled: saving, children: assistants.map((a) => ((0, jsx_runtime_1.jsxs)("option", { value: a.assistantId, children: [a.name, a.assistantId === VOICE_HUB_AGENT_ASSISTANT_ID ? " (default)" : ""] }, a.assistantId))) }), (0, jsx_runtime_1.jsx)("button", { className: "btn btn-sm btn-primary", onClick: handleSave, disabled: saving, style: { whiteSpace: "nowrap" }, children: saving ? "Saving…" : saved ? "Saved!" : "Save" })] })] }));
-};
-exports.VoiceSettingsAgent = VoiceSettingsAgent;

package/dist/screens/settings/voice-settings-api-keys.d.ts

@@ -1,13 +0,0 @@
-import type React from "react";
-import { type PicovoiceKeyError, type VoiceSettings } from "./voice-settings-types";
-interface ApiKeysProps {
-    settings: VoiceSettings;
-    picovoiceKey: string;
-    openaiKey: string;
-    keyError: PicovoiceKeyError | null;
-    onPicovoiceKeyChange: (value: string) => void;
-    onOpenaiKeyChange: (value: string) => void;
-    onDismissKeyError: () => void;
-}
-export declare const VoiceSettingsApiKeys: React.FC<ApiKeysProps>;
-export {};

package/dist/screens/settings/voice-settings-api-keys.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VoiceSettingsApiKeys = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const tooltip_1 = require("../../components/tooltip");
-const voice_settings_types_1 = require("./voice-settings-types");
-const VoiceSettingsApiKeys = ({ settings, picovoiceKey, openaiKey, keyError, onPicovoiceKeyChange, onOpenaiKeyChange, onDismissKeyError, }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsxs)("label", { className: "form-label", children: ["Picovoice Access Key", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Required for wake word detection. Get a free key at [console.picovoice.ai](https://console.picovoice.ai)" }), settings.picovoiceAccessKeySet && (0, jsx_runtime_1.jsx)("span", { className: "badge bg-success ms-2", children: "Set" })] }), (0, jsx_runtime_1.jsx)("input", { type: "password", className: "form-control", value: picovoiceKey, onChange: (e) => onPicovoiceKeyChange(e.target.value), placeholder: settings.picovoiceAccessKeySet ? "••••••••••••••••" : "Enter your Picovoice access key" }), (0, jsx_runtime_1.jsxs)("small", { className: "text-muted", children: [(0, jsx_runtime_1.jsx)("a", { href: "https://console.picovoice.ai", target: "_blank", rel: "noopener noreferrer", children: "Get a free access key" }), settings.picovoiceAccessKeySet && " (leave blank to keep existing key)"] })] }), keyError && ((0, jsx_runtime_1.jsxs)("div", { className: "alert alert-warning alert-dismissible mb-4", role: "alert", children: [(0, jsx_runtime_1.jsxs)("div", { className: "d-flex align-items-start gap-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "bi bi-exclamation-triangle-fill flex-shrink-0 mt-1" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: voice_settings_types_1.PICOVOICE_KEY_ERROR_MESSAGES[keyError].heading }), (0, jsx_runtime_1.jsx)("div", { className: "mt-1", children: voice_settings_types_1.PICOVOICE_KEY_ERROR_MESSAGES[keyError].body }), (0, jsx_runtime_1.jsx)("a", { href: "https://console.picovoice.ai", target: "_blank", rel: "noopener noreferrer", className: "alert-link mt-1 d-inline-block", children: "Open console.picovoice.ai" })] })] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "btn-close", onClick: onDismissKeyError })] })), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3", children: [(0, jsx_runtime_1.jsxs)("label", { className: "form-label", children: ["OpenAI API Key", (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { markdownContent: "Required for cloud STT (Whisper) and cloud TTS. Leave empty to use local/browser alternatives." }), settings.openaiApiKeySet && (0, jsx_runtime_1.jsx)("span", { className: "badge bg-success ms-2", children: "Set" })] }), (0, jsx_runtime_1.jsx)("input", { type: "password", className: "form-control", value: openaiKey, onChange: (e) => onOpenaiKeyChange(e.target.value), placeholder: settings.openaiApiKeySet ? "••••••••••••••••" : "sk-..." }), settings.openaiApiKeySet && ((0, jsx_runtime_1.jsx)("small", { className: "text-muted", children: "Leave blank to keep existing key" }))] })] }));
-exports.VoiceSettingsApiKeys = VoiceSettingsApiKeys;