Diagrams

Diagrams

Auto-discovered from submodules. Each diagram gets its own window.

P2p Architecture

Elixir.RetroHexChatWeb.Components.Diagrams

Alice 👨 Bob 👩 WebRTC P2P voice / video / files Server (signaling) · only connects them · never sees data

    <.diagram_p2p_architecture />
  
P2p Flow

Elixir.RetroHexChatWeb.Components.Diagrams

1 Alice wants to call Bob 2 Server exchanges signaling (SDP/ICE) 3 Direct P2P connection established 4 Voice, video, and files flow directly Alice Connected Bob Connected Server is out of the loop

    <.diagram_p2p_flow />
  
P2p Games

Elixir.RetroHexChatWeb.Components.Diagrams

1 Chat /p2p bob Send 2 P2P Session Alice (you) Bob (joined) 3 Choose Game Hex Pong Star Duel Pixel Tanks Light Trails 4 Hex Pong — Alice vs Bob 3 : 2 Alice 👨 Bob 👩 WebRTC DataChannel 34 games · Real-time sync · No server

    <.diagram_p2p_games />
  
Security Layers

Elixir.RetroHexChatWeb.Components.Diagrams

LAYER 1 — Server Connection Browser TLS 1.3 Server Protected HTTPS / WSS · bcrypt hashing · rate limiting · CSRF protection LAYER 2 — P2P Calls (end-to-end) Browser E2E enc Browser E2E enc DTLS / SRTP P2P calls encrypted end-to-end via WebRTC Server never sees voice/video data

    <.diagram_security_layers />
  
Voice Call Mockup

Elixir.RetroHexChatWeb.Components.Diagrams

Voice Call with Bob 👩 00:03:42 Mute Camera Screen End

    <.diagram_voice_call_mockup />
  
Arcade Flow

Elixir.RetroHexChatWeb.Components.Diagrams

1 Games menu ▸ Arcade Send 2 Arcade - Pick a Game DOOM Quake Wolf3D BASS Quake II HacX Arcade - Pick a Game 3 Game Details Check the details, then press Play now 4 DOOM: Knee-Deep in the Dead WebAssembly Engine: Dwasm · Running in browser Classic games · Runs in your browser via WebAssembly

    <.diagram_arcade_flow />
  
P2p Games

Elixir.RetroHexChatWeb.Components.Diagrams

1 Chat /p2p bob Send 2 P2P Session Alice (you) Bob (joined) 3 Choose Game Hex Pong Star Duel Pixel Tanks Light Trails 4 Hex Pong — Alice vs Bob 3 : 2 Alice 👨 Bob 👩 WebRTC DataChannel 34 games · Real-time sync · No server

    <.diagram_p2p_games />
  
Game Boxing

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Boxing P1: 47 P2: 63 R2 1:24

    <.diagram_game_boxing />
  
Game Breakout

Elixir.RetroHexChatWeb.Components.Diagrams

Block Breakers Score: 340 Lives: 2

    <.diagram_game_breakout />
  
Game Enduro

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Enduro P1: 42 P2: 38 DAY 1 2:15 FUEL

    <.diagram_game_enduro />
  
Game Frost

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Frost 32° R2 P1: 8/15 P2: 5/15

    <.diagram_game_frost />
  
Game Hockey

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Hockey 2 1 - Period 2 1:34

    <.diagram_game_hockey />
  
Game Invaders

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Invaders P1: 820 P2: 640 WAVE 3

    <.diagram_game_invaders />
  
Game Outlaw

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Outlaw P1: 6 P2: 4 ROUND 2

    <.diagram_game_outlaw />
  
Game Pong

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Pong 3 7

    <.diagram_game_pong />
  
Game Raid

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Raid F P1: 2340 P2: 1820 SEC 4

    <.diagram_game_raid />
  
Game Skiing

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Skiing P1: 42.3s P2: 39.8s R1

    <.diagram_game_skiing />
  
Game Space

Elixir.RetroHexChatWeb.Components.Diagrams

Star Duel 4 2

    <.diagram_game_space />
  
Game Tanks

Elixir.RetroHexChatWeb.Components.Diagrams

Pixel Tanks P1: 3 P2: 1 ROUND 2 1:24

    <.diagram_game_tanks />
  
Game Tennis

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Tennis P1: 30 P2: 15 4-3

    <.diagram_game_tennis />
  
Game Trails

Elixir.RetroHexChatWeb.Components.Diagrams

Light Trails P1: 2 P2: 1 ROUND 4

    <.diagram_game_trails />
  
Game Warlords

Elixir.RetroHexChatWeb.Components.Diagrams

Hex Warlords Lives: 3 Lives: 2

    <.diagram_game_warlords />
  
Arcade Doom

Elixir.RetroHexChatWeb.Components.Diagrams

DOOM - Arcade PrBoom+ WebAssembly

    <.diagram_arcade_doom />
  
Arcade Halflife

Elixir.RetroHexChatWeb.Components.Diagrams

Half-Life - Arcade λ HALF-LIFE Xash3D-FWGS WebAssembly UPLINK DEMO

    <.diagram_arcade_halflife />
  
Arcade Quake

Elixir.RetroHexChatWeb.Components.Diagrams

Quake - Arcade QUAKE QuakeSpasm WebAssembly

    <.diagram_arcade_quake />
  
Arcade Quake2

Elixir.RetroHexChatWeb.Components.Diagrams

Quake II - Arcade Q2 QUAKE II Yamagi Quake II WebAssembly THE INVASION

    <.diagram_arcade_quake2 />
  
Arcade Scummvm

Elixir.RetroHexChatWeb.Components.Diagrams

ScummVM - Arcade Open Close Give Pick up Look at Talk to Use

    <.diagram_arcade_scummvm />
  
Arcade Wolfenstein

Elixir.RetroHexChatWeb.Components.Diagrams

Wolfenstein 3D - Arcade W 3D WOLFENSTEIN 3D ECWolf WebAssembly

    <.diagram_arcade_wolfenstein />
  
Help
Help Topics GitHub License (MIT)
6 objects
Help Topics
GitHub License (MIT)