@cyrene/vite-plugin-cyr

Vite plugin that compiles .cyr single-file components. Add it and .cyr files just work — imports, HMR, source maps.

npm install -D @cyrene/vite-plugin-cyr@beta

// vite.config.ts
import { defineConfig } from "vite";
import cyr from "@cyrene/vite-plugin-cyr";

export default defineConfig({
  plugins: [cyr()],
});

// Counter.cyr
file use from "@cyrene/core" { createSignal };

component Counter {
  viewmodel {
    @signal count = 0
  }
  view {
    <button onClick={() => VM.count++}>count is {VM.count}</button>
  }
}

The plugin invokes @cyrene/compiler on .cyr files and caches by content hash in watch mode. .cyr is optional — you can write components in plain .tsx with @cyrene/core — but it gets you the @signal/@computed sugar, scoped styles, and the compiler's static analysis.

Docs: https://www.cyrenejs.com · MIT licensed.