@mooncompany/uplink-chat 0.5.0

package/public/js/audio-queue.js

@@ -0,0 +1,168 @@
+// ============================================
+// AUDIO QUEUE MODULE
+// TTS audio playback queue and player controls
+// ============================================
+
+import { UplinkLogger } from './logger.js';
+import { UplinkUI } from './ui.js';
+
+// Audio queue for sequential TTS playback
+const audioQueue = [];
+let isAudioPlaying = false;
+
+// ============================================
+// PLAYER UI
+// ============================================
+
+function showAudioPlayer() {
+  const bar = document.getElementById('audioPlayerBar');
+  if (bar) bar.style.display = 'flex';
+  UplinkUI.updateMessagesPadding?.();
+}
+
+function hideAudioPlayer() {
+  const bar = document.getElementById('audioPlayerBar');
+  if (bar) bar.style.display = 'none';
+  UplinkUI.updateMessagesPadding?.();
+  const fill = document.getElementById('audioPlayerFill');
+  if (fill) fill.style.width = '0%';
+  const time = document.getElementById('audioPlayerTime');
+  if (time) time.textContent = '0:00';
+  const icon = document.getElementById('audioPlayerIcon');
+  if (icon) icon.setAttribute('d', 'M6 4l15 8-15 8V4z');
+}
+
+function updatePlayerIcon(playing) {
+  const icon = document.getElementById('audioPlayerIcon');
+  if (!icon) return;
+  icon.setAttribute('d', playing
+    ? 'M6 4h4v16H6V4zm8 0h4v16h-4V4z'  // pause
+    : 'M6 4l15 8-15 8V4z');              // play
+}
+
+function formatTime(s) {
+  if (!s || !isFinite(s)) return '0:00';
+  const m = Math.floor(s / 60);
+  const sec = Math.floor(s % 60);
+  return `${m}:${sec.toString().padStart(2, '0')}`;
+}
+
+// ============================================
+// QUEUE MANAGEMENT
+// ============================================
+
+export function playAudio(url) {
+  const audio = document.getElementById('audio');
+  if (!audio) return;
+
+  audioQueue.push(url);
+
+  if (!isAudioPlaying) {
+    playNextInQueue();
+  }
+}
+
+function playNextInQueue() {
+  const audio = document.getElementById('audio');
+  if (!audio || audioQueue.length === 0) {
+    isAudioPlaying = false;
+    hideAudioPlayer();
+    return;
+  }
+
+  isAudioPlaying = true;
+  const url = audioQueue.shift();
+  audio.src = url;
+  showAudioPlayer();
+  updatePlayerIcon(true);
+  audio.play().catch(err => {
+    UplinkLogger.error('AudioQueue: Playback failed:', err);
+    playNextInQueue();
+  });
+}
+
+export function clearQueue() {
+  audioQueue.length = 0;
+  isAudioPlaying = false;
+  const audio = document.getElementById('audio');
+  if (audio) {
+    audio.pause();
+    audio.src = '';
+  }
+  hideAudioPlayer();
+}
+
+// ============================================
+// INITIALIZATION
+// ============================================
+
+export function init() {
+  const audio = document.getElementById('audio');
+  if (audio && !audio._queueInitialized) {
+    audio._queueInitialized = true;
+    audio.addEventListener('ended', () => {
+      updatePlayerIcon(false);
+      playNextInQueue();
+    });
+    audio.addEventListener('error', () => {
+      updatePlayerIcon(false);
+      playNextInQueue();
+    });
+    audio.addEventListener('timeupdate', () => {
+      if (!audio.duration) return;
+      const pct = (audio.currentTime / audio.duration) * 100;
+      const fill = document.getElementById('audioPlayerFill');
+      if (fill) fill.style.width = pct + '%';
+      const time = document.getElementById('audioPlayerTime');
+      if (time) time.textContent = formatTime(audio.duration - audio.currentTime);
+    });
+    audio.addEventListener('pause', () => updatePlayerIcon(false));
+    audio.addEventListener('play', () => updatePlayerIcon(true));
+  }
+
+  // Player controls
+  const playBtn = document.getElementById('audioPlayerPlay');
+  if (playBtn && !playBtn._init) {
+    playBtn._init = true;
+    playBtn.addEventListener('click', () => {
+      if (audio.paused) audio.play();
+      else audio.pause();
+    });
+  }
+
+  const closeBtn = document.getElementById('audioPlayerClose');
+  if (closeBtn && !closeBtn._init) {
+    closeBtn._init = true;
+    closeBtn.addEventListener('click', () => clearQueue());
+  }
+
+  const progress = document.getElementById('audioPlayerProgress');
+  if (progress && !progress._init) {
+    progress._init = true;
+    progress.addEventListener('click', (e) => {
+      if (!audio.duration) return;
+      const rect = progress.getBoundingClientRect();
+      const pct = (e.clientX - rect.left) / rect.width;
+      audio.currentTime = pct * audio.duration;
+    });
+  }
+
+  UplinkLogger.debug('AudioQueue: Initialized');
+}
+
+// ============================================
+// PUBLIC API
+// ============================================
+
+export const UplinkAudioQueue = {
+  init,
+  playAudio,
+  clearQueue,
+  getQueueLength: () => audioQueue.length,
+  isPlaying: () => isAudioPlaying
+};
+
+// Backward compat: assign to window
+window.UplinkAudioQueue = UplinkAudioQueue;
+
+UplinkLogger.debug('AudioQueue: Module loaded');

package/public/js/bootstrap.js

@@ -0,0 +1,54 @@
+// ============================================
+// BOOTSTRAP
+// Ensures all modules are loaded and initialized
+// ============================================
+
+// Module load order (for documentation)
+// 1. core.js - state, config, module registry
+// 2. encryption.js - crypto utilities
+// 3. storage.js - persistence
+// 4. onboarding.js - setup/unlock
+// 5. ui.js - starfield, mode switching
+// 6. chat.js - messages
+// 7. voice.js - voice recording
+// 8. settings.js - settings panel
+// 9. commands.js - slash commands
+// 10. developer.js - dev panel
+// 11. files.js - drag & drop
+
+// Wait for all modules to signal ready
+let readyCount = 0;
+const requiredModules = ['core', 'chat', 'ui'];
+
+function checkReady() {
+  const core = window.UplinkCore;
+  if (!core) return;
+
+  const allReady = requiredModules.every(m => core.hasModule(m));
+  if (allReady && window.UplinkLogger?.debug) {
+    window.UplinkLogger.debug('Bootstrap: All required modules ready');
+  }
+}
+
+// Listen for module ready events
+window.addEventListener('uplink:ready', checkReady);
+
+// Fallback: check periodically
+const checkInterval = setInterval(() => {
+  if (window.UplinkCore?.hasModule('chat')) {
+    clearInterval(checkInterval);
+    if (window.UplinkLogger?.debug) {
+      window.UplinkLogger.debug('Bootstrap: Application ready');
+    }
+  }
+}, 100);
+
+// Stop checking after 5 seconds
+setTimeout(() => clearInterval(checkInterval), 5000);
+
+if (window.UplinkLogger?.debug) {
+  window.UplinkLogger.debug('Bootstrap: Loading modules...');
+}
+
+// Export for module system
+export const UplinkBootstrap = { ready: true };