VL

vercel-labs/native

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

7,8 тыс. stars Качество 73 Тренд 45Apache-2.0

Набор инструментов для создания нативных десктопных приложений

Обзор

Нативный SDK существует потому, что выразительный интерфейс и нативная производительность не должны конкурировать целями. Разработчики часто выбирают веб-режимы выполнения, потому что они дают свободу, скорость и контроль над продуктом. Но эта свобода часто сопровождается интенсивным временем выполнения. Нативный SDK сохраняет модель выразительного авторства и заменяет среду выполнения на нативный рендеринг. Views — это декларативная разметка в .native-файлах, logic — это обычный TypeScript, скомпилированный в нативный код при сборке — или Zig, первоклассный по выбору — а движок Native SDK рисует каждый пиксель в реальные окна ОС. Нет браузера, нет WebView, нет JS-времени выполнения в бинарной системе: Zig — это то, как работает всё, TypeScript и Native разметка — это способы создания приложений. Звуковая доска, заметки и калькулятор из примеров — каждый пиксель, нарисованный движком Native SDK, зафиксирован через его детерминированный референс-рендерер. Изображения следуют вашей цветовой схеме. Нативное окно открывается с рабочим столом.

Обзор (машинный перевод)

Native SDK — это набор инструментов для создания нативных десктопных приложений с использованием TypeScript и нативной разметки. Набор инструментов компилирует логику и представления приложений в нативный исполняемый файл и отображает интерфейс в Windows ОС. Также поддерживаются зиг-ядра и опциональный встроенный веб-контент.

Нативный SDK — экспериментальный. Возможности платформы варьируются, мобильная поддержка всё ещё развивается. Смотрите матрицу поддержки платформы для текущей поддержки.

Быстрый старт

Установите CLI с Node.js 24 или выше:

Создайте и запустите приложение:

Сгенерированный проект открывает приложение-счётчик и включает:

  • src/core.ts: модель приложения, сообщения и функция обновления.
  • src/app.native: представление с раскладкой, привязками и отправкой сообщений.
  • app.json: идентификация приложения, окна, разрешения и настройки безопасности.

native dev наблюдает за изменениями разметки и обновляет представление, сохраняя состояние приложения. Изменения ядра TypeScript перестраивают и перезапускают приложение. Используйте native dev --core для выполнения основной логики под Node.js без открытия окна, native check для проверки проекта и native build для создания бинарного файла выпуска.

CLI использует совместимую Zig-инструментальную цепочку из вашего PATH или предлагает скачать закреплённую версию.

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

Native SDK

Native SDK is a toolkit for building native desktop applications with TypeScript and Native markup. The toolkit compiles app logic and views into a native executable and renders the interface in OS windows. Zig cores and optional embedded web content are also supported.

Native SDK is experimental. Platform capabilities vary, and mobile support is still evolving. See the platform support matrix for current support.

Quick start

Install the CLI with Node.js 24 or later:

npm install -g @native-sdk/cli

Create and run an app:

native init my_app
cd my_app
native dev

The generated project opens a counter app and includes:

  • src/core.ts: the app’s model, messages, and update function.
  • src/app.native: the view, with layout, bindings, and message dispatch.
  • app.json: app identity, windows, permissions, and security settings.

native dev watches markup changes and updates the view while preserving app state. TypeScript core changes rebuild and restart the app. Use native dev --core to exercise core logic under Node.js without opening a window, native check to validate the project, and native build to create a release binary.

The CLI uses a compatible Zig toolchain from your PATH or offers to download the pinned version. See Quick Start for platform prerequisites and the complete workflow.

App model

Events dispatch typed messages to update, which returns the next model and any effects. The view derives its content from the model. Filesystem access, network requests, and other external work run through effects and TypeScript services.

App cores use a checked TypeScript subset and compile to native code. To write a Zig core instead, create the project with native init my_app --template zig-core. See App Model and TypeScript Cores.

Examples

Открыть полный README на GitHub

Рекомендуемые инструменты

Попробуйте другой запрос или уберите фильтр.

Установка

npx skillfish add vercel-labs/native
Новичок в MCP? Начните с руководства на mcpskill.org →