Lepton

Sisteminizde zaten olan web motoruyla masaüstü uygulamaları. Zig çekirdek, Rust CLI ve kutuda tarayıcı yok.

$npm create lepton-app

Kutuda tarayıcı yok.

Lepton, uygulamanızın içine kendi Chromium’unu koymaz; işletim sisteminin sağladığı web motorunu kullanır: Linux’ta WPE WebKit, betada Windows’ta WebView2. Gerisi yolda ve hangisinin hangisi olduğunu açıkça yazıyoruz.

WPE WebKitLinuxçalışıyorLepton’un bugün kullandığı motor.
ServoLinuxdeneyselWebKit istemeyenler için isteğe bağlı. Servo henüz webin tamamını karşılamıyor, bu yüzden deneysel. Henüz bir sürümde yok: --servo, WPE WebKit ile derlemek yerine bunu söylüyor. CI’da derlenen Servo, lepton:// üzerinden bir sayfa sunuyor ve sayfanın çekirdeğe çağrılarını bozulmadan taşıyor.
WebView2Windowsbetada0.1.9 betasında: uygulamalar Windows 10 ve 11’de, Microsoft’un yükleyicisi olmadan derleniyor, çalışıyor ve paketleniyor. Chromium tabanlı ama Windows’la gelir; uygulamanız onu taşımaz.

Bir olay, üç iz.

Sayfanız ve Zig çekirdeği, uygulamanın kendi şeması ve paylaşılan bellek üzerinden ikili çerçevelerle konuşur. Yolda hiç JSON ayrıştırılmaz. Pencere çekirdeğindir; gerisini masaüstünden ister.

Bir komut, bir Zig fonksiyonudur.

main.zig’de kaydedin, lepton.config.json’da listeleyin, sayfadan çağırın. Yapılandırmada olmayan bir ad reddedilir; listelenip karşılığı olmayan bir ad derlemeyi durdurur.

src-lepton/main.zig

pub const commands = core.webviewRegistry.checkedWith(
    AppState,
    &.{
        .{ .name = "app.name", .run = &appName },
    },
    core.webviewRegistry.pluginCommands(@import("lepton_plugins").all),
    core.webviewRegistry.permissionList(@import("build_options").permissions),
);

/// `app.name`: the product's name, as UTF-8.
fn appName(state: *AppState, _: []const u8, out: []u8) core.webviewRegistry.HandlerError!usize {
    if (state.product.len > out.len) return error.TooLarge;
    @memcpy(out[0..state.product.len], state.product);
    return state.product.len;
}

src/App.tsx

import { invoke } from "@lepton-desk/api/core";

const bytes = await invoke("app.name");
const name = new TextDecoder().decode(bytes);

lepton.config.json

{
  "productName": "hello-lepton",
  "renderPath": "webview",
  "permissions": ["app.name"]
}

Tek komutla açık bir pencereye.

Bu, lepton new’in gerçek ve düzenlenmemiş çıktısı. CLI tek bir yerel Rust programıdır; npm paketi yalnızca onu başlatır.

$ lepton new hello-lepton --template react-ts --target webview


  ◉ lepton  create an app · v0.1.9-beta.1

  ◆ Project     hello-lepton
  ◆ Frontend    React · TypeScript
  ◆ Render      webview · your page in WPE WebKit
  ◆ Plugins     none
  ◆ Identifier  hello-lepton

  ✔ Scaffolded the React · TypeScript frontend      6 files
  ✔ Added the Lepton core                           119 files
  ✔ Wired the window, commands and permissions      12 files

  Your app is ready in hello-lepton

    cd hello-lepton
    pnpm install            install the dependencies
    pnpm lepton dev         open the window, with hot reload
    pnpm lepton build       build a release binary

  docs  https://github.com/lepton-desk/lepton

$ lepton package


  ◉ lepton  package · v0.1.9-beta.1

  ▸ types          zig-0.16 build commands --release=safe -Doptimize=ReleaseSmall…
  ✔ types          10.7 s
  ◆ commands       src/lepton-commands.d.ts updated
  ▸ frontend       pnpm run build
  ✔ frontend       2.0 s
  ▸ core           zig-0.16 build --release=safe -Doptimize=ReleaseSmall -Dname=he…
  ✔ core           8.0 s
  ◆ built          src-lepton/zig-out/bin
  ◆ packaged       src-lepton/bundle/hello-lepton-0.1.0-linux-x86_64
  ◆ depends        glib2 glibc libsoup3 libxcb wayland wpewebkit
  ◆ tar.gz         src-lepton/bundle/hello-lepton-0.1.0-linux-x86_64.tar.gz  176601 bytes  sha256 2ef7df5ad2f1c47490a0dfcbd081ddc78702f50144f3fc4bad804c4e05ae8e97

176 601 bayt: uygulamanın kendisi. WebKit sistemden gelir.

Çalışırken belleği ayrı konu: ölçtük →

Ne çalışıyor, ne henüz değil.

Lepton erken aşamada. Bu tablo işin dürüst hali.

Öğe	Durum	Not
Linux (Wayland, X11)	çalışıyor	Kendi pencereleri, kendi başlık çubuğu, kendi systemd kapsamı; başlık document.title’ı izler.
Şablonlar	çalışıyor	TypeScript’le React, Vue, Svelte, Solid, vanilla; React ve vanilla JavaScript’le de; npm, pnpm, Yarn, Bun. Yeni TypeScript projeleri tsc ve biome check’ten geçer.
Daha çok şablon	betada	Astro, Next.js, Angular, Preact ve Lit, ve her Vite şablonunun JavaScript sürümü: toplam 19, her biri biome, tsc, paket ve pencereyle denetlendi. Başka bir çatı tek bir frontend ayarıyla çalışır.
Web motoru özellikleri	çalışıyor	Hata ayıklama derlemelerinde denetçi (F12), indirmeler, izin istekleri, bildirimler, bağlantılar masaüstünün tarayıcısında.
Paketler	çalışıyor	.tar.gz, .deb ve Arch; tekrarlanabilir, --verify ile.
Eklentiler	çalışıyor	fs, dialog, clipboard, os.
Kayıt ve tekrar	çalışıyor	lepton record / replay: bir oturumun çekirdeğe yaptığı çağrılar, pencereyle ya da penceresiz yeniden oynatılır; bir kayıt test olabilir.
lepton update	çalışıyor	Projenin paketlerini, çekirdeğini ve src-lepton/ dosyalarını yeni sürüme getirir, düzenlemelerinizi korur.
Yerel çizim yolu	çalışıyor	Web motoru olmadan, çekirdek GPU’da GLES 3 ile çizer; GPU yoksa paylaşımlı bellekle.
Windows	betada	WebView2 uygulamaları derleniyor, çalışıyor; .zip ve WiX’siz bir MSI olarak paketleniyor. Dört eklenti de orada ölçüldü. Yerel çizim yolu da çalışıyor: CPU’da çiziliyor, metni DirectWrite yazıyor; sırada GPU (D3D11).
macOS	desteklenmiyor	İmzalama ve noter onayı ücretli bir Apple hesabı ve Mac donanımı istiyor; tek geliştirici bunu sürdüremez.
Web teknolojisiyle yerel arayüz	planlanıyor	React, HTML/CSS ve JS’yi Lepton kendisi çizer, 0.2.0.
Vulkan ile çizim	planlanıyor	0.2.0. Tabanı bir Radeon R7 240’ta ölçüldü: Vulkan 1.3.

Web motorları bellek kullanır; WebView’in RAM tüketimi yüksek olabilir. Bunu biliyoruz ve saklamıyoruz: Windows’ta aynı şablon web görünümü olarak 69,4 MB, native olarak 6,9 MB ölçüldü.

Kendi makinenizde deneyin.

WPE WebKit 2.54+ olan bir Linux ya da betada Windows 10 veya 11; Node 20+ ve Zig 0.16. Eksik bir şey varsa lepton info söyler.

$npm create lepton-app

Başlarken GitHub’da yıldızla ya da izle

LeptonLepton bir Lepton Desk projesidir.MIT ya da Apache-2.0English GitHub