@deijose/nix-js 0.1.0

package/dist/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { Signal, signal, effect, computed, batch, watch, untrack, nextTick, html, repeat, ref, mount, NixComponent, createStore, createRouter, RouterView, Link, useRouter, suspend, lazy, provide, inject, createInjectionKey, } from "./nix";
+export type { WatchOptions, NixTemplate, NixMountHandle, KeyedList, NixRef, Store, StoreSignals, Router, RouteRecord, SuspenseOptions, InjectionKey, } from "./nix";

package/dist/lib/nix/async.d.ts

@@ -0,0 +1,69 @@
+import { NixComponent } from "./lifecycle";
+import type { NixTemplate } from "./template";
+export interface SuspenseOptions {
+    /**
+     * Template a mostrar mientras la promesa está pendiente.
+     * Por defecto: spinner de puntos animados.
+     */
+    fallback?: NixTemplate;
+    /**
+     * Factory que recibe el error y devuelve el template de error.
+     * Por defecto: mensaje de error en rojo.
+     */
+    errorFallback?: (err: unknown) => NixTemplate;
+    /**
+     * Si `true`, mantiene el fallback visible mientras `asyncFn` vuelve a
+     * ejecutarse tras un cambio reactivo. Si `false` (por defecto), durante
+     * las recargas se sigue mostrando el contenido anterior hasta que la nueva
+     * promesa se resuelva.
+     */
+    resetOnRefresh?: boolean;
+}
+/**
+ * Ejecuta una función async y renderiza según su estado (pending / resolved /
+ * error). Equivale al patrón <Suspense> de otros frameworks.
+ *
+ * @param asyncFn   Función que devuelve una promesa con los datos.
+ * @param renderFn  Recibe los datos resueltos y devuelve el template/componente.
+ * @param options   `fallback`, `errorFallback`, `resetOnRefresh`.
+ *
+ * @example
+ * // Uso simple con fallback por defecto
+ * const userView = suspend(
+ *   () => fetchUser(userId.value),
+ *   user => html`<div>${user.name}</div>`
+ * );
+ *
+ * @example
+ * // Con fallback personalizado y manejo de error
+ * suspend(
+ *   () => api.getItems(),
+ *   items => html`<ul>${items.map(i => html`<li>${i}</li>`)}</ul>`,
+ *   {
+ *     fallback: html`<span>Cargando items…</span>`,
+ *     errorFallback: err => html`<p style="color:red">Error: ${String(err)}</p>`,
+ *   }
+ * )
+ */
+export declare function suspend<T>(asyncFn: () => Promise<T>, renderFn: (data: T) => NixTemplate | NixComponent, options?: SuspenseOptions): NixComponent;
+/**
+ * Envuelve un import dinámico para lazy loading de componentes de ruta.
+ * El módulo se carga una sola vez (cacheado) y mientras tanto muestra el
+ * fallback. Compatible directamente con el campo `component` de `RouteRecord`.
+ *
+ * El módulo importado debe exportar el componente como **export default**.
+ *
+ * @param importFn  Función que hace el import dinámico.
+ * @param fallback  Template opcional mientras se descarga el chunk.
+ *
+ * @example
+ * createRouter([
+ *   { path: "/",      component: lazy(() => import("./pages/Home"))    },
+ *   { path: "/about", component: lazy(() => import("./pages/About"))   },
+ *   { path: "/admin", component: lazy(() => import("./pages/Admin"),
+ *       html`<p>Cargando panel…</p>`) },
+ * ])
+ */
+export declare function lazy(importFn: () => Promise<{
+    default: new () => NixComponent;
+}>, fallback?: NixTemplate): () => NixComponent;

package/dist/lib/nix/component.d.ts

@@ -0,0 +1,13 @@
+import type { NixTemplate, NixMountHandle } from "./template";
+import { type NixComponent } from "./lifecycle";
+/**
+ * Monta un NixTemplate o NixComponent en el DOM.
+ *
+ *   mount(App(), "#app");           // NixTemplate (función componente)
+ *   mount(new Timer(), "#app");     // NixComponent (clase con lifecycle)
+ *
+ * @param component NixTemplate (resultado de html``) o instancia de NixComponent.
+ * @param container Selector CSS o HTMLElement donde se insertará.
+ * @returns         { unmount() } para limpiar effects y remover el DOM.
+ */
+export declare function mount(component: NixTemplate | NixComponent, container: Element | string): NixMountHandle;

package/dist/lib/nix/context.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Clave tipada para provide/inject.
+ * El parámetro genérico T garantiza coherencia entre proveedor y consumidor.
+ *
+ * @example
+ *   const THEME_KEY = createInjectionKey<Signal<string>>("theme");
+ */
+export type InjectionKey<T> = symbol & {
+    readonly __nixType?: T;
+};
+/**
+ * Crea una InjectionKey única y tipada.
+ * Cada llamada produce un símbolo distinto, evitando colisiones.
+ *
+ * @param description Nombre descriptivo (aparece en Symbol.toString())
+ */
+export declare function createInjectionKey<T>(description?: string): InjectionKey<T>;
+/** @internal — devuelve copia del stack (para capturar en closures de efectos). */
+export declare function _captureContextSnapshot(): Map<unknown, unknown>[];
+/** @internal — push de un contexto vacío para un nuevo componente (render estático). */
+export declare function _pushComponentContext(): void;
+/** @internal — pop del contexto del componente actual (render estático). */
+export declare function _popComponentContext(): void;
+/**
+ * @internal — ejecuta `fn` con `parentSnapshot` como ancestros y un nuevo
+ * contexto vacío en el tope, luego restaura el stack previo.
+ *
+ * Usado por efectos reactivos que pueden re-ejecutarse fuera del árbol de
+ * rendering original (p.ej. NixComponents dentro de `() => new MyComp()`).
+ */
+export declare function _withComponentContext<T>(parentSnapshot: Map<unknown, unknown>[], fn: () => T): T;
+/**
+ * Registra un valor para que los componentes descendientes puedan obtenerlo
+ * con `inject()`.
+ *
+ * Debe llamarse en `onInit()` o en el constructor de un `NixComponent`.
+ * Si se llama fuera del contexto de render de un componente, lanza un error.
+ *
+ * @example
+ *   class ThemeProvider extends NixComponent {
+ *     theme = signal("dark");
+ *     onInit() { provide(THEME_KEY, this.theme); }   // ← aquí
+ *     render()  { return html`${new ThemedButton()}`; }
+ *   }
+ */
+export declare function provide<T>(key: InjectionKey<T> | string | symbol, value: T): void;
+/**
+ * Obtiene un valor provisto por un componente ancestro.
+ * Busca de hijo a padre; retorna `undefined` si la clave no fue provista.
+ *
+ * Úsalo como propiedad de clase o dentro de `onInit()`.
+ *
+ * @example
+ *   class ThemedButton extends NixComponent {
+ *     theme = inject(THEME_KEY);   // Signal<string> | undefined
+ *     render() {
+ *       return html`<button class=${() => this.theme?.value ?? "light"}>OK</button>`;
+ *     }
+ *   }
+ */
+export declare function inject<T>(key: InjectionKey<T> | string | symbol): T | undefined;

package/dist/lib/nix/index.d.ts

@@ -0,0 +1,14 @@
+export { Signal, signal, effect, computed, batch, watch, untrack, nextTick } from "./reactivity";
+export type { WatchOptions } from "./reactivity";
+export { html, repeat, ref } from "./template";
+export type { NixTemplate, NixMountHandle, KeyedList, NixRef } from "./template";
+export { mount } from "./component";
+export { NixComponent } from "./lifecycle";
+export { createStore } from "./store";
+export type { Store, StoreSignals } from "./store";
+export { createRouter, RouterView, Link, useRouter } from "./router";
+export type { Router, RouteRecord } from "./router";
+export { suspend, lazy } from "./async";
+export type { SuspenseOptions } from "./async";
+export { provide, inject, createInjectionKey } from "./context";
+export type { InjectionKey } from "./context";

package/dist/lib/nix/lifecycle.d.ts

@@ -0,0 +1,70 @@
+import type { NixTemplate } from "./template";
+/**
+ * Clase base para componentes con lifecycle.
+ *
+ * Implementa `render()` y haz override de los hooks que necesites.
+ *
+ * @example
+ *   class Timer extends NixComponent {
+ *     ticks = signal(0);
+ *
+ *     onMount() {
+ *       const id = setInterval(() => this.ticks.update(n => n + 1), 1000);
+ *       return () => clearInterval(id);   // cleanup automático al desmontar
+ *     }
+ *
+ *     render() {
+ *       return html`<span>${() => this.ticks.value}s</span>`;
+ *     }
+ *   }
+ *
+ *   mount(new Timer(), "#app");
+ */
+export declare abstract class NixComponent {
+    /** @internal – marca que identifica instancias NixComponent en el engine. */
+    readonly __isNixComponent: true;
+    /**
+     * Debe implementarse: retorna el template del componente.
+     * Se llama UNA sola vez al montar — las actualizaciones ocurren por signals.
+     */
+    abstract render(): NixTemplate;
+    /**
+     * Llamado ANTES de `render()` — sin DOM todavía.
+     * Útil para inicializar estado complejo derivado de props u otras
+     * operaciones síncronas que render() necesita.
+     *
+     * Los errores aquí son capturados por `onError` si está implementado.
+     *
+     * @example
+     *   onInit() {
+     *     this.derived = computed(() => this.base.value * 2);
+     *   }
+     */
+    onInit?(): void;
+    /**
+     * Llamado DESPUÉS de que el componente se inserta en el DOM.
+     * Si retorna una función, se usa como cleanup automático al desmontar.
+     *
+     * @example
+     *   onMount() {
+     *     const id = setInterval(() => this.count.update(n => n + 1), 1000);
+     *     return () => clearInterval(id);
+     *   }
+     */
+    onMount?(): (() => void) | void;
+    /**
+     * Llamado ANTES de remover el componente del DOM.
+     * Se ejecuta siempre al desmontar, incluso si no se definió onMount.
+     */
+    onUnmount?(): void;
+    /**
+     * Captura errores lanzados dentro de `onMount`.
+     * Si se implementa, el error queda absorbido y el componente permanece montado.
+     * Si no se implementa, el error se re-lanza.
+     */
+    onError?(err: unknown): void;
+}
+/**
+ * @internal – Verifica si un valor es una instancia de NixComponent.
+ */
+export declare function isNixComponent(v: unknown): v is NixComponent;

package/dist/lib/nix/reactivity.d.ts

@@ -0,0 +1,116 @@
+export declare class Signal<T> {
+    private _value;
+    private _subs;
+    constructor(initialValue: T);
+    /**
+     * Leer el valor.
+     * Si hay un effect activo, se suscribe automáticamente.
+     */
+    get value(): T;
+    /**
+     * Escribir un nuevo valor.
+     * Si es diferente al actual, notifica a todos los effects suscritos.
+     */
+    set value(newValue: T);
+    /**
+     * Modificar el valor con una función.
+     *   count.update(n => n + 1)
+     */
+    update(fn: (current: T) => T): void;
+    /**
+     * Leer SIN suscribirse.
+     * Útil cuando necesitas el valor pero no quieres
+     * que el effect se re-ejecute si cambia.
+     */
+    peek(): T;
+    /** @internal */
+    _removeSub(sub: () => void): void;
+    private _notify;
+    dispose(): void;
+}
+export declare function signal<T>(initialValue: T): Signal<T>;
+/**
+ * Ejecuta una función y la RE-EJECUTA cada vez que
+ * algún signal leído dentro de ella cambie.
+ *
+ * Retorna una función dispose() para destruir el effect.
+ *
+ *   const dispose = effect(() => {
+ *     console.log(count.value);
+ *     return () => console.log("cleanup");
+ *   });
+ *
+ *   dispose();
+ */
+export declare function effect(fn: () => void | (() => void)): () => void;
+/**
+ * Valor derivado que se recalcula automáticamente.
+ *
+ *   const doubled = computed(() => count.value * 2);
+ */
+export declare function computed<T>(fn: () => T): Signal<T>;
+/**
+ * Agrupa múltiples cambios para que los effects
+ * se ejecuten UNA sola vez al final.
+ *
+ *   batch(() => {
+ *     x.value = 1;
+ *     y.value = 2;
+ *   });
+ */
+export declare function batch(fn: () => void): void;
+/**
+ * Ejecuta `fn` sin suscribirse a ninguna signal que lea dentro de ella.
+ * Útil para leer valores reactivos sin que esas lecturas re-disparen el
+ * efecto actual (p.ej. en callbacks de `watch`).
+ *
+ *   const total = untrack(() => price.value * qty.value); // no se suscribe
+ */
+export declare function untrack<T>(fn: () => T): T;
+export interface WatchOptions {
+    /**
+     * Si es `true`, el callback se ejecuta inmediatamente con el valor
+     * actual antes de que haya ningún cambio.  Por defecto: `false`.
+     */
+    immediate?: boolean;
+    /**
+     * Si es `true`, el watcher se elimina automáticamente después de la
+     * primera vez que el callback se dispara.  Por defecto: `false`.
+     */
+    once?: boolean;
+}
+/**
+ * Observa una fuente reactiva y ejecuta `callback(newValue, oldValue)` cada
+ * vez que cambia.
+ *
+ * La fuente puede ser:
+ *  - Un getter: `() => count.value + other.value`
+ *  - Una Signal directamente: `count`
+ *
+ * Retorna una función `dispose()` para detener la observación.
+ *
+ * @example
+ * const stop = watch(
+ *   () => user.value.name,
+ *   (newName, oldName) => console.log(newName, oldName),
+ *   { immediate: true }
+ * );
+ * stop(); // deja de observar
+ */
+export declare function watch<T>(source: Signal<T> | (() => T), callback: (newValue: T, oldValue: T | undefined) => void, options?: WatchOptions): () => void;
+/**
+ * Espera a que todos los efectos síncronos pendientes hayan corrido y el
+ * DOM esté actualizado, devolviendo una promesa que resuelve en el próximo
+ * microtask.
+ *
+ * Úsala cuando necesitas leer el DOM *después* de un cambio reactivo:
+ *
+ *   count.value++;
+ *   await nextTick();
+ *   console.log(el.textContent); // ya refleja el nuevo valor
+ *
+ * También acepta un callback opcional:
+ *
+ *   nextTick(() => el.focus());
+ */
+export declare function nextTick(fn?: () => void): Promise<void>;

package/dist/lib/nix/router.d.ts

@@ -0,0 +1,115 @@
+import type { Signal } from "./reactivity";
+import { NixComponent } from "./lifecycle";
+import type { NixTemplate } from "./template";
+export interface RouteRecord {
+    /**
+     * Segmento de ruta. Soporta:
+     *  - Literal:   "/about", "/users"
+     *  - Parámetro: "/users/:id", "/posts/:slug/comments/:cid"
+     *  - Wildcard:  "*"  (fallback global o de prefijo con children)
+     *
+     * Los paths de children se concatenan con el del padre.
+     *
+     * @example
+     * { path: "/users/:id", component: UserDetail }
+     * // Navegar a "/users/42" → params.value = { id: "42" }
+     *
+     * @example
+     * { path: "/dash", component: DashLayout, children: [
+     *   { path: "/users",   component: UsersPage },
+     * ]}
+     * // Genera las rutas planas: /dash, /dash/users
+     */
+    path: string;
+    /** Factory que devuelve la vista a renderizar en este nivel */
+    component: () => NixTemplate | NixComponent;
+    /**
+     * Rutas hijas. Sus paths se unen con el del padre.
+     * El componente padre debe incluir `new RouterView(1)` para renderizarlas.
+     */
+    children?: RouteRecord[];
+}
+export interface Router {
+    /** Señal con la ruta activa actual (pathname, p.ej. "/users/42") */
+    readonly current: Signal<string>;
+    /**
+     * Señal con los parámetros dinámicos de la ruta activa (:id, :slug…).
+     * Se actualiza síncronamente con cada `navigate()`.
+     *
+     * @example
+     * // Ruta: "/users/:id"  →  navigate("/users/42")
+     * router.params.value  // { id: "42" }
+     */
+    readonly params: Signal<Record<string, string>>;
+    /**
+     * Señal con los query params de la URL (?clave=valor…).
+     * Se actualiza síncronamente con cada `navigate()`.
+     *
+     * @example
+     * router.navigate("/users?page=2&sort=name")
+     * router.query.value  // { page: "2", sort: "name" }
+     *
+     * @example
+     * router.navigate("/users", { page: 2, sort: "name" })
+     * router.query.value  // { page: "2", sort: "name" }
+     */
+    readonly query: Signal<Record<string, string>>;
+    /**
+     * Navegar a una ruta nueva (pushState + actualiza señales síncronamente).
+     *
+     * @param path     Ruta destino. Puede incluir query string: "/users?page=2"
+     * @param query    Query params como objeto. Se mezclan con los del path.
+     *                 Un valor `null`/`undefined` elimina el parámetro.
+     */
+    navigate(path: string, query?: Record<string, string | number | boolean | null | undefined>): void;
+    /** Árbol de rutas original (tal como se pasó a createRouter) */
+    readonly routes: RouteRecord[];
+}
+/**
+ * Crea el router History API y lo establece como singleton activo del módulo.
+ * Usa `history.pushState` — URLs limpias sin `#`.
+ * `RouterView` y `Link` lo consumen automáticamente — no necesitan que se los pases.
+ *
+ * @note En producción el servidor debe responder con `index.html` para cualquier
+ * ruta no-archivo. Vite dev y `vite preview` lo hacen automáticamente.
+ */
+export declare function createRouter(routes: RouteRecord[]): Router;
+/**
+ * Devuelve el router activo (singleton).
+ * Útil dentro de componentes para acceder a `params` y `current` sin prop-drilling.
+ *
+ * @example
+ * class UserDetail extends NixComponent {
+ *   render() {
+ *     return html`<div>User: ${() => useRouter().params.value.id}</div>`;
+ *   }
+ * }
+ */
+export declare function useRouter(): Router;
+/**
+ * Renderiza el componente de la ruta activa en el nivel `depth`.
+ *
+ * - `new RouterView()`  → nivel raíz (depth 0).
+ * - `new RouterView(1)` → primer nivel de rutas anidadas. Úsalo dentro del
+ *   componente padre para que renderice el hijo correspondiente.
+ *
+ * Consume el router singleton — no requiere que se le pase el router.
+ */
+export declare class RouterView extends NixComponent {
+    private _depth;
+    constructor(depth?: number);
+    render(): NixTemplate;
+}
+/**
+ * Enlace de navegación reactivo que se estiliza como activo/inactivo según la
+ * ruta actual. Consume el router singleton — no requiere que se le pase.
+ *
+ * @example
+ * new Link("/about", "About")
+ */
+export declare class Link extends NixComponent {
+    private _to;
+    private _label;
+    constructor(to: string, label: string);
+    render(): NixTemplate;
+}

package/dist/lib/nix/store.d.ts

@@ -0,0 +1,40 @@
+import { Signal } from "./reactivity";
+/** Transforma cada propiedad del estado inicial en su Signal correspondiente. */
+export type StoreSignals<T extends Record<string, unknown>> = {
+    readonly [K in keyof T]: Signal<T[K]>;
+};
+/** Tipo del store tal como lo ve el usuario. */
+export type Store<T extends Record<string, unknown>, A extends Record<string, unknown> = Record<never, never>> = StoreSignals<T> & A & {
+    /**
+     * Restaura todos los signals a sus valores iniciales.
+     * Equivalente a hacer `signal.value = initialValue` en cada propiedad.
+     */
+    $reset(): void;
+};
+/**
+ * Crea un store reactivo global.
+ *
+ * @param initialState  Objeto plano con los valores iniciales.
+ * @param actionsFactory  Función que recibe los signals y retorna acciones.
+ *
+ * @example
+ *   // Sin acciones
+ *   const theme = createStore({ dark: false, fontSize: 16 });
+ *   theme.dark.value = true;
+ *
+ * @example
+ *   // Con acciones
+ *   const cart = createStore(
+ *     { items: [] as string[], total: 0 },
+ *     (s) => ({
+ *       add:    (item: string) => s.items.update(arr => [...arr, item]),
+ *       clear:  ()             => cart.$reset(),
+ *     })
+ *   );
+ *
+ *   cart.add("Manzana");
+ *   cart.items.value;      // ["Manzana"]
+ *   cart.clear();
+ *   cart.items.value;      // []
+ */
+export declare function createStore<T extends Record<string, unknown>, A extends Record<string, unknown> = Record<never, never>>(initialState: T, actionsFactory?: (signals: StoreSignals<T>) => A): Store<T, A>;

package/dist/lib/nix/template.d.ts

@@ -0,0 +1,62 @@
+import type { NixComponent } from "./lifecycle";
+export interface NixTemplate {
+    readonly __isNixTemplate: true;
+    /** Monta el template en un contenedor (uso externo / raíz). */
+    mount(container: Element | string): NixMountHandle;
+    /**
+     * @internal — Renderiza el template antes del nodo `before` (o al final
+     * de `parent` si `before` es null).  Retorna una función de limpieza.
+     */
+    _render(parent: Node, before: Node | null): () => void;
+}
+export interface NixMountHandle {
+    unmount(): void;
+}
+/**
+ * Contenedor para una referencia directa a un elemento DOM.
+ * Se asigna automáticamente cuando el template se monta y se limpia al
+ * desmontarse.
+ *
+ * @example
+ * const inputRef = ref<HTMLInputElement>();
+ * html`<input ref=${inputRef} />`
+ * // después del mount:
+ * inputRef.el?.focus();
+ */
+export interface NixRef<T extends Element = Element> {
+    el: T | null;
+}
+/**
+ * Crea un objeto `NixRef` vacío.
+ * Pásalo como valor del atributo especial `ref` en un template para que
+ * Nix.js rellene automáticamente `ref.el` con el elemento real del DOM.
+ */
+export declare function ref<T extends Element = Element>(): NixRef<T>;
+/**
+ * Resultado de `repeat()` — lista con keys para diffing eficiente.
+ * El template engine lo reconoce y solo añade/mueve/elimina los nodos
+ * que realmente cambiaron, preservando el DOM de los items estables.
+ */
+export interface KeyedList<T = unknown> {
+    readonly __isKeyedList: true;
+    readonly items: T[];
+    readonly keyFn: (item: T, index: number) => string | number;
+    readonly renderFn: (item: T, index: number) => NixTemplate | NixComponent;
+}
+/**
+ * Crea una lista con keys para diffing eficiente.
+ * Úsalo en lugar de `.map()` cuando la lista cambia frecuentemente.
+ *
+ * @param items    Array reactivo de datos
+ * @param keyFn    Devuelve una clave única por item (p.ej. `item => item.id`)
+ * @param renderFn Devuelve el template/componente para cada item
+ *
+ * @example
+ * ${() => repeat(
+ *   users.value,
+ *   u => u.id,
+ *   u => html`<li>${u.name}</li>`
+ * )}
+ */
+export declare function repeat<T>(items: T[], keyFn: (item: T, index: number) => string | number, renderFn: (item: T, index: number) => NixTemplate | NixComponent): KeyedList<T>;
+export declare function html(strings: TemplateStringsArray, ...values: unknown[]): NixTemplate;

package/dist/lib/nix-js.cjs

@@ -0,0 +1,22 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=null,t=[],n=null,r=[],i=0,a=new Set,o=class{_value;_subs=new Set;constructor(e){this._value=e}get value(){return e&&(this._subs.add(e),n?.add(this)),this._value}set value(e){Object.is(this._value,e)||(this._value=e,this._notify())}update(e){this.value=e(this._value)}peek(){return this._value}_removeSub(e){this._subs.delete(e)}_notify(){let e=[...this._subs];i>0?e.forEach(e=>a.add(e)):e.forEach(e=>e())}dispose(){this._subs.clear()}};function s(e){return new o(e)}function c(i){let a,o=new Set,s=()=>{typeof a==`function`&&a(),o.forEach(e=>e._removeSub(s)),o=new Set,t.push(e),r.push(n),e=s,n=o;try{a=i()}finally{e=t.pop()||null,n=r.pop()||null}};return s(),()=>{typeof a==`function`&&a(),o.forEach(e=>e._removeSub(s)),o.clear()}}function l(e){let t=new o(void 0);return c(()=>{t.value=e()}),t}function u(e){i++;try{e()}finally{if(i--,i===0){let e=[...a];a.clear(),e.forEach(e=>e())}}}function d(t){let r=e,i=n;e=null,n=null;try{return t()}finally{e=r,n=i}}function f(e,t,n={}){let{immediate:r=!1,once:i=!1}=n,a=e instanceof o?()=>e.value:e,s,l=!0,u=!1,f=c(()=>{let e=a();if(l){if(l=!1,r&&!u){let n=e;d(()=>t(n,void 0)),i&&(u=!0,Promise.resolve().then(f))}s=e;return}if(!u){let n=e,r=s;s=e,d(()=>t(n,r)),i&&(u=!0,Promise.resolve().then(f))}});return()=>{u=!0,f()}}function p(e){return e?Promise.resolve().then(e):Promise.resolve()}var m=class{__isNixComponent=!0};function h(e){return typeof e==`object`&&!!e&&e.__isNixComponent===!0}function g(e){return Symbol(e)}var _=[];function v(){return[..._]}function y(){_.push(new Map)}function b(){_.pop()}function x(e,t){let n=_.splice(0);e.forEach(e=>_.push(e)),_.push(new Map);try{return t()}finally{_.splice(0),n.forEach(e=>_.push(e))}}function S(e,t){let n=_[_.length-1];if(!n)throw Error(`[Nix] provide() debe llamarse dentro de onInit() de un NixComponent.`);n.set(e,t)}function C(e){for(let t=_.length-1;t>=0;t--)if(_[t].has(e))return _[t].get(e)}function w(){return{el:null}}function T(e,t,n){return{__isKeyedList:!0,items:e,keyFn:t,renderFn:n}}function E(e){let t=e.lastIndexOf(`>`),n=e.lastIndexOf(`<`);if(n<=t)return{type:`node`};let r=e.slice(n+1),i=r.match(/@([\w:.-]+)=["']?$/);if(i){let e=i[1].split(`.`);return{type:`event`,eventName:e[0],modifiers:e.slice(1),hadOpenQuote:i[0].endsWith(`"`)||i[0].endsWith(`'`)}}let a=r.match(/([\w:.-]+)=["']?$/);return a?{type:`attr`,attrName:a[1],hadOpenQuote:a[0].endsWith(`"`)||a[0].endsWith(`'`)}:{type:`node`}}function D(e,t){let n=Array(e.length).fill(0),r=``;for(let i=0;i<e.length;i++){let a=e[i];if(n[i]===1&&(a[0]===`"`||a[0]===`'`)&&(a=a.slice(1)),i<t.length){let e=t[i];if(e.type===`node`)r+=a+`<!--nix-${i}-->`;else if(e.type===`event`){let t=`@${e.modifiers.length?`${e.eventName}.${e.modifiers.join(`.`)}`:e.eventName}=`.length+(e.hadOpenQuote?1:0);r+=a.slice(0,-t)+` data-nix-e-${i}="${e.eventName}"`,e.hadOpenQuote&&(n[i+1]=1)}else{let t=`${e.attrName}=`.length+(e.hadOpenQuote?1:0);r+=a.slice(0,-t)+` data-nix-a-${i}="${e.attrName}"`,e.hadOpenQuote&&(n[i+1]=1)}}else r+=a}return r}function O(e){return typeof e==`object`&&!!e&&e.__isNixTemplate===!0}function k(e){return typeof e==`object`&&!!e&&e.__isKeyedList===!0}function A(e){let t=new Map,n=document.createTreeWalker(e,NodeFilter.SHOW_COMMENT),r;for(;r=n.nextNode();){let e=r,n=e.nodeValue?.match(/^nix-(\d+)$/);n&&t.set(parseInt(n[1]),e)}return t}function j(e){let t=new Map;return e.querySelectorAll(`*`).forEach(e=>{let n=Array.from(e.attributes);for(let r of n){let n=r.name.match(/^data-nix-e-(\d+)$/);if(n){t.set(parseInt(n[1]),{el:e,type:`event`,name:r.value}),e.removeAttribute(r.name);continue}n=r.name.match(/^data-nix-a-(\d+)$/),n&&(t.set(parseInt(n[1]),{el:e,type:`attr`,name:r.value}),e.removeAttribute(r.name))}}),t}function M(e,t,n){let r=[],i=[],a=A(e),o=j(e);for(let e=0;e<t.length;e++){let s=t[e],l=n[e];if(s.type===`event`){let t=o.get(e);if(!t)continue;let{el:n,name:i}=t,a=l,c=s.modifiers,u={};c.includes(`once`)&&(u.once=!0),c.includes(`capture`)&&(u.capture=!0),c.includes(`passive`)&&(u.passive=!0);let d={enter:`Enter`,escape:`Escape`,space:` `,tab:`Tab`,delete:`Delete`,backspace:`Backspace`,up:`ArrowUp`,down:`ArrowDown`,left:`ArrowLeft`,right:`ArrowRight`},f=e=>{if(c.includes(`prevent`)&&e.preventDefault(),c.includes(`stop`)&&e.stopPropagation(),!(c.includes(`self`)&&e.target!==e.currentTarget)){if(`key`in e){let t=e;for(let e of c){let n=d[e];if(n!==void 0&&t.key!==n||!d[e]&&e.length===1&&t.key.toLowerCase()!==e)return}}a(e)}};n.addEventListener(i,f,u),r.push(()=>n.removeEventListener(i,f,u));continue}if(s.type===`attr`){let t=o.get(e);if(!t)continue;let{el:n,name:i}=t;if(i===`ref`){l.el=n,r.push(()=>{l.el=null});continue}if(typeof l==`function`){let e=c(()=>{let e=l();e==null||e===!1?n.removeAttribute(i):n.setAttribute(i,String(e))});r.push(e)}else l!=null&&l!==!1&&n.setAttribute(i,String(l));continue}let u=a.get(e);if(!u)continue;if(typeof l!=`function`){if(h(l)){let e=l;y();let t;try{try{e.onInit?.()}catch(t){if(e.onError)e.onError(t);else throw t}t=e.render()._render(u.parentNode,u)}finally{b()}let n;i.push(()=>{try{let t=e.onMount?.();typeof t==`function`&&(n=t)}catch(t){if(e.onError)e.onError(t);else throw t}}),r.push(()=>{try{e.onUnmount?.()}catch{}try{n?.()}catch{}t()})}else if(O(l))l._render(u.parentNode,u);else if(Array.isArray(l))for(let e of l)if(h(e)){let t;y();try{try{e.onInit?.()}catch(t){if(e.onError)e.onError(t);else throw t}t=e.render()._render(u.parentNode,u)}finally{b()}let n;i.push(()=>{try{let t=e.onMount?.();typeof t==`function`&&(n=t)}catch(t){if(e.onError)e.onError(t);else throw t}}),r.push(()=>{try{e.onUnmount?.()}catch{}try{n?.()}catch{}t()})}else O(e)?e._render(u.parentNode,u):e!=null&&e!==!1&&u.parentNode.insertBefore(document.createTextNode(String(e)),u);else l!=null&&l!==!1&&u.parentNode.insertBefore(document.createTextNode(String(l)),u);continue}let d=null,f=null,p=null,m=v(),g=c(()=>{let e=l();if(typeof e==`string`||typeof e==`number`){f&&=(f(),null),d?d.nodeValue=String(e):(d=document.createTextNode(String(e)),u.parentNode.insertBefore(d,u));return}if(d&&=(d.parentNode?.removeChild(d),null),f&&=(f(),null),!(e==null||e===!1))if(O(e))f=e._render(u.parentNode,u);else if(h(e)){let t=e,n;x(m,()=>{try{t.onInit?.()}catch(e){if(t.onError)t.onError(e);else throw e}n=t.render()._render(u.parentNode,u)});let r;try{let e=t.onMount?.();typeof e==`function`&&(r=e)}catch(e){if(t.onError)t.onError(e);else throw e}f=()=>{try{t.onUnmount?.()}catch{}try{r?.()}catch{}n()}}else if(k(e)){p||=new Map;let t=u.parentNode,n=e.items.map((t,n)=>e.keyFn(t,n)),r=new Set(n);for(let[e,n]of p)if(!r.has(e)){n.cleanup();let r=n.start;for(;r!==n.end;){let e=r.nextSibling;t.removeChild(r),r=e}t.removeChild(n.end),p.delete(e)}let i=u;for(let r=n.length-1;r>=0;r--){let a=n[r],o=e.items[r];if(p.has(a)){let e=p.get(a);if(e.end.nextSibling!==i){let n=[],r=e.start;for(;n.push(r),r!==e.end;)r=r.nextSibling;for(let e of n)t.insertBefore(e,i)}i=e.start}else{let n=document.createComment(`nix-ke`),s=document.createComment(`nix-ks`);t.insertBefore(n,i),t.insertBefore(s,n);let c,l=e.renderFn(o,r);if(h(l)){let e;x(m,()=>{try{l.onInit?.()}catch(e){if(l.onError)l.onError(e);else throw e}e=l.render()._render(t,n)});let r;try{let e=l.onMount?.();typeof e==`function`&&(r=e)}catch(e){if(l.onError)l.onError(e);else throw e}c=()=>{try{l.onUnmount?.()}catch{}try{r?.()}catch{}e()}}else c=l._render(t,n);p.set(a,{start:s,end:n,cleanup:c}),i=s}}}else if(Array.isArray(e)){let t=[];for(let n of e)if(h(n)){try{n.onInit?.()}catch(e){if(n.onError)n.onError(e);else throw e}let e=n.render()._render(u.parentNode,u),r;try{let e=n.onMount?.();typeof e==`function`&&(r=e)}catch(e){if(n.onError)n.onError(e);else throw e}t.push(()=>{try{n.onUnmount?.()}catch{}try{r?.()}catch{}e()})}else if(O(n))t.push(n._render(u.parentNode,u));else if(n!=null&&n!==!1){let e=document.createTextNode(String(n));u.parentNode.insertBefore(e,u),t.push(()=>e.parentNode?.removeChild(e))}f=()=>t.forEach(e=>e())}else d=document.createTextNode(String(e)),u.parentNode.insertBefore(d,u)});r.push(()=>{if(g(),f&&=(f(),null),d&&=(d.parentNode?.removeChild(d),null),p){for(let e of p.values())e.cleanup();p=null}})}return{disposes:r,postMountHooks:i}}function N(e,...t){let n=[],r=``;for(let t=0;t<e.length-1;t++){r+=e[t];let i=E(r);n.push(i),r+=`__nix__`}let i=D(e,n);function a(e,r){let a=document.createElement(`template`);a.innerHTML=i;let o=a.content,{disposes:s,postMountHooks:c}=M(o,n,t),l=document.createComment(`nix-scope`);e.insertBefore(l,r);let u=o.firstChild;for(;u;){let t=u.nextSibling;e.insertBefore(u,r),u=t}return c.forEach(e=>e()),()=>{s.forEach(e=>e());let e=l.nextSibling;for(;e&&e!==r;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}l.parentNode?.removeChild(l)}}return{__isNixTemplate:!0,_render:a,mount(e){let t=typeof e==`string`?document.querySelector(e):e;if(!t)throw Error(`[Nix] mount: contenedor no encontrado: ${e}`);let n=a(t,null);return{unmount(){n()}}}}}function P(e,t){if(h(e)){let n=typeof t==`string`?document.querySelector(t):t;if(!n)throw Error(`[Nix] mount: contenedor no encontrado: ${t}`);y();let r;try{try{e.onInit?.()}catch(t){if(e.onError)e.onError(t);else throw t}r=e.render()._render(n,null)}finally{b()}let i;try{let t=e.onMount?.();typeof t==`function`&&(i=t)}catch(t){if(e.onError)e.onError(t);else throw t}return{unmount(){try{e.onUnmount?.()}catch{}try{i?.()}catch{}r()}}}return e.mount(t)}function F(e,t){let n={};for(let t of Object.keys(e))n[t]=s(e[t]);let r=n;function i(){for(let t of Object.keys(e))n[t].value=e[t]}let a=Object.assign(Object.create(null),r,{$reset:i});if(t){let e=t(r);Object.assign(a,e)}return a}var I=null;function L(){if(!I)throw Error(`[Nix] No hay router activo. Llama a createRouter() antes.`);return I}function R(e){let t={};return new URLSearchParams(e).forEach((e,n)=>{t[n]=e}),t}function z(e){let t=new URLSearchParams;for(let[n,r]of Object.entries(e))r!=null&&r!==!1&&t.set(n,String(r));let n=t.toString();return n?`?`+n:``}function B(e){return e===`*`?[{kind:`wildcard`}]:e.split(`/`).filter(Boolean).map(e=>e===`*`?{kind:`wildcard`}:e.startsWith(`:`)?{kind:`param`,name:e.slice(1)}:{kind:`literal`,value:e})}function V(e,t){return t===`*`?e===``?`*`:e+`/*`:(e+(t.startsWith(`/`)?t:`/`+t)).replace(/\/+/g,`/`)||`/`}function H(e,t=``,n=[]){let r=[];for(let i of e){let e=V(t,i.path),a=[...n,i.component],o=B(e);r.push({fullPath:e,segments:o,chain:a}),i.children?.length&&r.push(...H(i.children,e,a))}return r}function U(e,t){let n=e.split(`/`).filter(Boolean),r=t.segments;if(r.length===1&&r[0].kind===`wildcard`)return{};let i=r.length>0&&r[r.length-1].kind===`wildcard`,a=i?r.slice(0,-1):r;if(i){if(n.length<a.length)return null}else if(n.length!==a.length)return null;let o={};for(let e=0;e<a.length;e++){let t=a[e];if(t.kind===`literal`){if(n[e]!==t.value)return null}else t.kind===`param`&&(o[t.name]=decodeURIComponent(n[e]??``))}return o}function W(e){return e.segments.reduce((e,t)=>t.kind===`literal`?e+2:t.kind===`param`?e+1:e,0)}function G(e,t){let n,r={},i=-1;for(let a of t){let t=U(e,a);if(t===null)continue;let o=W(a);o>i&&(n=a,r=t,i=o)}return n?{route:n,params:r}:void 0}function K(e){function t(){return window.location.pathname||`/`}let n=t(),r=H(e),i=G(n,r),a=s(n),o=s(i?.params??{}),c=s(R(window.location.search));window.addEventListener(`popstate`,()=>{let e=t();o.value=G(e,r)?.params??{},c.value=R(window.location.search),a.value=e});function l(e,t){let n=e.indexOf(`?`),i=n===-1?e:e.slice(0,n),s=n===-1?{}:R(e.slice(n)),l=t?{...s,...t}:s,u={};for(let[e,t]of Object.entries(l))t!=null&&t!==!1&&(u[e]=String(t));o.value=G(i,r)?.params??{},c.value=u,a.value=i;let d=i+z(u);history.pushState(null,``,d)}let u={current:a,params:o,query:c,navigate:l,routes:e,_flat:r};return I=u,u}function q(){return L()}var J=class extends m{_depth;constructor(e=0){super(),this._depth=e}render(){let e=this._depth;return N`<div class="router-view">${()=>{let t=L(),n=G(t.current.value,t._flat);return n?e>=n.route.chain.length?N`<span></span>`:n.route.chain[e]():N`<div style="color:#f87171;padding:16px 0">
+          404 — Ruta no encontrada: <strong>${t.current.value}</strong>
+        </div>`}}</div>`}},Y=class extends m{_to;_label;constructor(e,t){super(),this._to=e,this._label=t}render(){let e=this._to;return N`<a
+      href=${e}
+      style=${()=>L().current.value===e?`color:#38bdf8;font-weight:700;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px;background:#0c2a3a`:`color:#a3a3a3;text-decoration:none;cursor:pointer;padding:4px 10px;border-radius:4px`}
+      @click=${t=>{t.preventDefault(),L().navigate(e)}}
+    >${this._label}</a>`}};function X(e,t,n={}){let{fallback:r,errorFallback:i,resetOnRefresh:a=!1}=n,o=r??N`
+        <span style="color:#52525b;font-size:13px;display:inline-flex;align-items:center;gap:6px">
+            <span class="nix-spinner" style="
+                display:inline-block;width:14px;height:14px;border-radius:50%;
+                border:2px solid #38bdf840;border-top-color:#38bdf8;
+                animation:nix-spin .7s linear infinite
+            "></span>
+            Cargando…
+        </span>
+        <style>@keyframes nix-spin{to{transform:rotate(360deg)}}</style>
+    `,c=i??(e=>N`
+        <span style="color:#f87171;font-size:13px">
+            ⚠ ${e instanceof Error?e.message:String(e)}
+        </span>
+    `);class l extends m{_state=s({status:`pending`});onMount(){this._run()}_run(){(a||this._state.value.status===`pending`)&&(this._state.value={status:`pending`}),e().then(e=>{this._state.value={status:`resolved`,data:e}},e=>{this._state.value={status:`error`,error:e}})}render(){return N`<div class="nix-suspense" style="display:contents">${()=>{let e=this._state.value;return e.status===`pending`?o:e.status===`error`?c(e.error):t(e.data)}}</div>`}}return new l}function Z(e,t){let n=null;return()=>n?new n:X(async()=>(n=(await e()).default,n),e=>new e,{fallback:t})}exports.Link=Y,exports.NixComponent=m,exports.RouterView=J,exports.Signal=o,exports.batch=u,exports.computed=l,exports.createInjectionKey=g,exports.createRouter=K,exports.createStore=F,exports.effect=c,exports.html=N,exports.inject=C,exports.lazy=Z,exports.mount=P,exports.nextTick=p,exports.provide=S,exports.ref=w,exports.repeat=T,exports.signal=s,exports.suspend=X,exports.untrack=d,exports.useRouter=q,exports.watch=f;
+//# sourceMappingURL=nix-js.cjs.map