@sigx/vite

Hot Module Replacement plugin for SignalX Framework development.

Installation

npm install -D @sigx/vite

Usage

Simply import at the top of your component files during development:

import '@sigx/vite';
import { defineComponent } from 'sigx';

defineComponent('my-component', ({ html, signal }) => {
  // Your component code
});

The plugin automatically:

• Detects when component code changes
• Preserves component state during updates
• Re-renders affected components
• Only activates in development (tree-shaken in production)

How It Works

The plugin uses sigx's plugin system to:

1. Track component instances
2. Intercept component redefinitions
3. Trigger hot reloads without full page refresh

Requirements

• Vite or another dev server with HMR support
• sigx as a peer dependency