🌌 LUZ Vision Core

IA-First Declarative Application Compiler for building deterministic, reactive interfaces without Virtual DOM.

🚀 Features

• Declarative YAML/HTML: Describe intent, not steps.
• Signals-Based: Fine-grained reactivity via @luz-vision/core.
• Zero VDOM: Minimal runtime overhead.
• Vite-Native: Integrated build pipeline.

📦 Installation

npm install @luz-vision/core

🛠️ Usage

1. Configure Vite

Add the LUZ Vision plugin to your vite.config.ts:

import { defineConfig } from 'vite';
import { luzVisionPlugin } from '@luz-vision/core/plugin';

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

2. Create a Component

MyComponent.yaml:

component: MyCounter
state:
  count: 0
methods:
  inc: "count.set(count.get() + 1)"
template: "" # Uses MyComponent.html

MyComponent.html:

<div class="p-4 bg-slate-900 text-white rounded-xl">
  <h1>Counter: {{ count }}</h1>
  <button (click)="inc" class="px-4 py-2 bg-blue-500 rounded">Add</button>
</div>

3. Bootstrap your App

import { MyCounter } from './MyComponent.yaml';

const app = new MyCounter();
document.getElementById('app').appendChild(app.render());

⚖️ License

MIT