How nievacode-dev/macos-tahoe-web works
This is a browser-based macOS Tahoe interface replica. A user interacts with the desktop shell, whose handlers manage dock and system panels or open app windows; Finder and Terminal share a mock file system, while app-specific windows provide features such as settings, notes, browser, and FaceTime. The README documents additional window behavior and Finder/Terminal capabilities; source excerpts are partial, so uncertain internal wiring is omitted.
Main entry points: window.js Window Manager · main.js Desktop Handlers · index.html Desktop UI · sw.js Offline Cache
Components 22
Desktop Shell
- Desktop UI
index.html - Shell Styling
style.css - Window Styling
css/window.css
System Interactions
- Desktop Handlers
js/main.js - Lock Screen
js/main.js - Control Center
js/main.js - Spotlight Search
js/main.js - Launchpad
js/main.js
Apps and Windows
- Window Manager
js/window.js - Finder
js/window.js - Terminal
js/window.js - About This Mac
js/window.js - Settings
js/window.js - Notes
js/window.js - Browser
js/window.js - FaceTime
js/window.js
State and Offline
- Mock File System
js/window.js - Browser Storage
- Offline Cache
sw.js
Other components
- User
- Device Camera
- Web Network
Connections 25
- User → Desktop UI: interacts with
- Desktop UI → Shell Styling: styled by
- Desktop UI → Window Styling: window styles
- Desktop UI → Desktop Handlers: handles events
- Desktop Handlers → Lock Screen: manages
- Desktop Handlers → Control Center: toggles
- Desktop Handlers → Spotlight Search: searches
- Desktop Handlers → Launchpad: opens
- Desktop Handlers → Window Manager: opens windows
- Window Manager → Finder: creates app
- Window Manager → Terminal: creates app
- Window Manager → About This Mac: creates app
- Window Manager → Settings: creates app
- Window Manager → Notes: creates app
- Window Manager → Browser: creates app
- Window Manager → FaceTime: creates app
- Finder → Mock File System: reads and writes
- Terminal → Mock File System: reads and writes
- Mock File System → Browser Storage: persists through
- Window Manager → Browser Storage: loads state
- FaceTime → Device Camera: requests access
- Browser → Web Network: loads pages
- User → Offline Cache: requests resources
- Offline Cache → Web Network: fetches misses
- Offline Cache → Desktop UI: serves cached assets