refactor: split monolith into 3 microservices (frontend, backend, discord-gateway)

- Extract services into services/{frontend,backend,discord-gateway} - Create packages/shared/ for shared logger, errors, utils, types - Setup Modular MVC pattern in backend (controller→service→repository) - Setup event-driven architecture in discord-gateway with Redis pub/sub - Move Docker files to infra/docker/ with per-service Dockerfiles - Update docker-compose.yml to use Traefik-only routing (no port exposes) - Update GitHub Actions deploy workflow for multi-service matrix build - Fix all import paths and resolve type errors across all services - All 3 services pass tsc --noEmit clean Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-01 21:44:29 +07:00
parent bda8304bb9
commit c48a0c5e3b
193 changed files with 16879 additions and 1158 deletions
@@ -0,0 +1,104 @@
+import { Headphones, Radio } from "lucide-react";
+import type { Channel, Guild, VoiceStatus } from "../../../shared/api/client";
+import { Button, Select } from "../../../shared/ui";
+
+interface VoiceConnectionCardProps {
+  guilds: Guild[];
+  voiceChannels: Channel[];
+  selectedGuild: string;
+  selectedChannel: string;
+  status: VoiceStatus;
+  voiceLoading: boolean;
+  isListening: boolean;
+  isStreaming: boolean;
+  onGuildChange: (id: string) => void;
+  onChannelChange: (id: string) => void;
+  onJoin: () => void;
+  onDisconnect: () => void;
+  onListenToggle: () => void;
+  onStreamingToggle: () => void;
+}
+
+export function VoiceConnectionCard({
+  guilds,
+  voiceChannels,
+  selectedGuild,
+  selectedChannel,
+  status,
+  voiceLoading,
+  isListening,
+  isStreaming,
+  onGuildChange,
+  onChannelChange,
+  onJoin,
+  onDisconnect,
+  onListenToggle,
+  onStreamingToggle,
+}: VoiceConnectionCardProps) {
+  return (
+    <div className="rounded-2xl border border-border bg-card shadow-sm">
+      <div className="p-6">
+        <h3 className="flex items-center gap-2 text-lg font-semibold tracking-tight">
+          <Radio className="h-5 w-5" /> Voice Bridge
+        </h3>
+        <p className="mt-1 text-sm text-muted-foreground">
+          Join a Discord voice channel, listen, and transmit audio.
+        </p>
+
+        <div className="mt-4 grid gap-4 md:grid-cols-2">
+          <div className="space-y-2">
+            <label className="text-sm font-medium">Guild</label>
+            <Select
+              value={selectedGuild}
+              onChange={(e) => onGuildChange(e.target.value)}
+              placeholder="Select guild"
+              options={guilds.map((g) => ({ value: g.id, label: g.name }))}
+            />
+          </div>
+          <div className="space-y-2">
+            <label className="text-sm font-medium">Voice Channel</label>
+            <Select
+              value={selectedChannel}
+              onChange={(e) => onChannelChange(e.target.value)}
+              placeholder="Select voice channel"
+              options={voiceChannels.map((c) => ({
+                value: c.id,
+                label: c.name,
+              }))}
+            />
+          </div>
+        </div>
+
+        <div className="mt-4 flex flex-wrap gap-2">
+          <Button
+            disabled={!selectedGuild || !selectedChannel || voiceLoading}
+            onClick={onJoin}
+          >
+            {status.connected ? "Reconnect" : "Join Voice"}
+          </Button>
+          <Button
+            variant="destructive"
+            disabled={!status.connected || voiceLoading}
+            onClick={onDisconnect}
+          >
+            Disconnect
+          </Button>
+          <Button
+            variant={isListening ? "secondary" : "outline"}
+            onClick={onListenToggle}
+          >
+            <Headphones className="mr-1.5 h-4 w-4" />{" "}
+            {isListening ? "Stop Listening" : "Listen"}
+          </Button>
+          <Button
+            variant={isStreaming ? "destructive" : "default"}
+            onClick={onStreamingToggle}
+          >
+            <Radio className="mr-1.5 h-4 w-4" />{" "}
+            {isStreaming ? "Stop Transmit" : "Transmit"}
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}