VS Code's UI is tightly coupled to Electron's renderer process. Changing a panel requires understanding the full Chromium lifecycle. Hot-reload means restarting the entire renderer.
"Every panel is a component. Instant hot-reload."
Sky provides three workbench layouts (full desktop, embedded, minimal) built from Astro components. Tauri reloads Sky instantly on any component change. High-fidelity VS Code UI compatibility with a significantly smaller footprint. No Electron renderer magic. Web components rendered by the OS's own WebView.
- Three workbench layouts. Full desktop, embedded, and minimal deployments from the same component set.
- Instant hot-reload. Tauri reloads Sky immediately on any component change during development.
- VS Code UI compatibility. Panels, sidebars, tab bars, and status bars match the VS Code UX.
- OS-native rendering. Components rendered by WKWebView/WebView2/WebKitGTK, not bundled Chromium.
graph LR
classDef sky fill:#9cf,stroke:#333,stroke-width:2px;
classDef wind fill:#ffc,stroke:#333,stroke-width:2px;
classDef tauri fill:#f9d,stroke:#333,stroke-width:2px;
classDef mountain fill:#f9f,stroke:#333,stroke-width:2px;
classDef external fill:#ddd,stroke:#666,stroke-dasharray: 5 5;
subgraph "Sky 🌌 (UI Component Layer - Tauri Webview)"
Pages["Pages (index, Browser, Electron, Mountain, Isolation)"]:::sky
Workbenches["Workbench Components (Browser, Mountain, Default, NLS)"]:::sky
WorkbenchImpl["Workbench Implementations (BrowserProxy/, Electron/)"]:::sky
end
subgraph "Wind 🍃 (Service Layer - Tauri Webview)"
PreloadJS["Preload.js (Environment Shim)"]:::wind
WindServices[Wind Effect-TS Services]:::wind
TauriIntegrations[Wind/Tauri Integrations]:::wind
end
subgraph "Tauri Shell & Mountain 🌌 (Rust Backend)"
TauriWindow[Tauri Window API]:::tauri
TauriEvents[Tauri Event System]:::tauri
MountainCore[Mountain Rust Core]:::mountain
end
subgraph "External"
VSCodeComponents[VSCode Core UI Components from Output]:::external
end
Pages --> Workbenches
Pages --> WorkbenchImpl
Workbenches --> PreloadJS
WorkbenchImpl --> PreloadJS
Workbenches -- Consumes services from --> WindServices
WorkbenchImpl -- Consumes services from --> WindServices
WindServices -- Uses --> TauriIntegrations
TauriIntegrations -- Calls --> TauriWindow
TauriIntegrations -- Listens to --> TauriEvents
TauriWindow -- IPC --> MountainCore
TauriEvents -- Emits from --> MountainCore
Workbenches -- Loads --> VSCodeComponents
WorkbenchImpl -- Loads --> VSCodeComponents
Sky/
├── Source/
│ ├── pages/ # Page routes
│ │ ├── index.astro # Home page (default workbench entry)
│ │ ├── Browser.astro # A1: Browser workbench page
│ │ ├── BrowserProxy.astro # A1: Browser + services proxy page
│ │ ├── Electron.astro # A3: Electron + polyfills page
│ │ ├── Isolation.astro # Isolated mode page
│ │ └── Mountain.astro # A2: Mountain providers page (RECOMMENDED)
│ ├── Workbench/ # Workbench component implementations
│ │ ├── Default.astro # Deprecated entry point
│ │ ├── Browser.astro # Browser workbench component
│ │ ├── BrowserTest.astro # Test workbench component
│ │ ├── Mountain.astro # A2: Mountain workbench component (RECOMMENDED)
│ │ ├── NLS.astro # Natural Language Support component
│ │ ├── BrowserProxy/ # A1: Browser Proxy implementation
│ │ │ ├── Bootstrap.ts
│ │ │ ├── Layout.astro
│ │ │ ├── ServicesProxy.ts
│ │ │ ├── WindPreload.ts
│ │ │ └── Workbench.ts
│ │ └── Electron/ # A3: Electron implementation
│ │ ├── Bootstrap.ts
│ │ ├── Layout.astro
│ │ ├── Polyfills.ts
│ │ ├── WindPreload.ts
│ │ └── Workbench.ts
│ ├── Function/ # Utility functions and base components
│ │ ├── Debug.ts # Build-time debug utilities
│ │ ├── Shared.ts # Shared utilities
│ │ ├── Meta.astro # Meta component
│ │ └── Markup/
│ │ └── Base.astro # Base markup layout
│ └── env.d.ts # TypeScript definitions
├── Public/ # Static assets served directly
│ ├── Manifest.json
│ ├── robots.txt
│ └── Favicon/
├── Target/ # Build output directory
├── .env.example # Environment variables template
├── astro.config.ts # Astro configuration
├── package.json
└── tsconfig.json # TypeScript configuration
Sky is a component of the Land workspace. Follow the Land Repository instructions to build and run.
CC0 1.0 Universal. Public domain. No restrictions. LICENSE
Sky is a core element of the Land ecosystem. This project is funded through NGI0 Commons Fund, a fund established by NLnet with financial support from the European Commission's Next Generation Internet program. Learn more at the NLnet project page.
The project is operated by PlayForm, based in Sofia, Bulgaria.
PlayForm acts as the open-source steward for Code Editor Land under the NGI0 Commons Fund grant.
| Land | PlayForm | NLnet | NGI0 Commons Fund |
|---|---|---|---|
|
|
|
|
Project Maintainers: Source Open (Source/Open@Editor.Land) | GitHub Repository | Report an Issue | Security Policy
