xote 1.0.3 → 1.2.0

package/LICENSE

@@ -1,21 +1,14 @@
-MIT License
+Copyright (c) 2025 Bernardo Gurgel, Author of Xote
 
-Copyright (c) 2025 Bernardo Gurgel
+This library is free software: you can redistribute it and/or modify it
+under the terms of the GNU Lesser General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
 
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
+This library is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU Lesser General Public License for more details.
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+You should have received a copy of the GNU Lesser General Public License
+along with this library. If not, see https://www.gnu.org/licenses/.

package/README.md

@@ -1,16 +1,18 @@
-# xote (pronounced [ˈʃɔtʃi])
+# xote 
 [![npm version](https://img.shields.io/npm/v/xote.svg)](https://www.npmjs.com/package/xote)
+[![bundle size](https://badgen.net/bundlephobia/min/xote)](https://bundlephobia.com/package/xote)
 
-A lightweight, zero-dependency UI library for ReScript with fine-grained reactivity based on the [TC39 Signals proposal](https://github.com/tc39/proposal-signals). Build reactive web applications with automatic dependency tracking and efficient updates.
+Xote is a lightweight, zero-dependency library for ReScript with fine-grained reactivity based on the [TC39 Signals proposal](https://github.com/tc39/proposal-signals). With Xote, you can build reactive web applications with automatic dependency tracking and efficient updates.
 
 ## Features
 
 - Zero dependencies: pure ReScript implementation
-- Lightweight and efficient runtime
-- Declarative components for building reactive UIs (JSX support comming up soon)
+- Lightweight and efficient runtime (~12kb minified)
+- Declarative components for building reactive UIs with JSX support
 - Reactive primitives: signals, computed values, and effects
 - Automatic dependency tracking: no manual subscription management
 - Fine-grained updates: direct DOM updates without a virtual DOM
+- Signal-based router: SPA navigation with pattern matching and dynamic parameters
 
 ## Getting Started
 
@@ -32,59 +34,113 @@ Then, add it to your ReScript project’s dependencies in `rescript.json`:
 }
 ```
 
+## Philosophy
+
+Xote focuses on clarity, control, and performance. It brings reactive programming to ReScript with minimal abstractions and no runtime dependencies. The goal is to offer precise, fine-grained updates and predictable behavior without a virtual DOM.
+
 ### Quick Example
 
+#### Using JSX
+
 ```rescript
 open Xote
 
-// Create reactive state
-let count = Signal.make(0)
-
-// Derived value
-let doubled = Computed.make(() => Signal.get(count) * 2)
-
-// Event handler
-let increment = (_evt: Dom.event) => Signal.update(count, n => n + 1)
-
-// Build the UI
-let app = Component.div(
-  ~children=[
-    Component.h1(~children=[Component.text("Counter")], ()),
-    Component.p(~children=[
-      Component.textSignal(
-        Computed.make(() => "Count: " ++ Int.toString(Signal.get(count)))
-      )
-    ], ()),
-    Component.button(
-      ~events=[("click", increment)],
-      ~children=[Component.text("Increment")],
-      ()
-    )
-  ],
-  ()
-)
+module App = {
+  let make = () => {
+    // Create reactive state
+    let count = Signal.make(0)
+
+    // Event handler
+    let increment = (_evt: Dom.event) => Signal.update(count, n => n + 1)
+
+    // Build the UI with JSX
+    <div>
+      <h1> {Component.text("Counter")} </h1>
+      <p>
+        {Component.textSignal(() => `Count: ${Signal.get(count)->Int.toString}`)}
+      </p>
+      <button onClick={increment}>
+        {Component.text("Increment")}
+      </button>
+    </div>
+  }
+}
 
 // Mount to the DOM
-Component.mountById(app, "app")
+Component.mountById(<App />, "app")
 ```
 
-Classic counter: when you click the button, the counter updates reactively.
+## Core Concepts
 
-## Philosophy
+- **Signal**: Reactive state container
+- **Computed**: Derived reactive value that updates automatically
+- **Effect**: Side-effect functions that re-runs when dependencies change. Dependencies are automatically tracked, unlike React.
+- **Component**: Declarative UI builder using ReScript functions
+- **Router**: Signal-based navigation for single-page applications
 
-Xote focuses on clarity, control, and performance. It brings reactive programming to ReScript with minimal abstractions and no runtime dependencies. The goal is to offer precise, fine-grained updates and predictable behavior without a virtual DOM.
+### Component Features
 
-## Core Concepts
+- **JSX syntax**: Use HTML tags like `<div>`, `<button>`, `<input>`
+- **Props**: Standard HTML attributes like `class`, `id`, `style`, `value`, `placeholder`
+- **Event handlers**: `onClick`, `onInput`, `onChange`, `onSubmit`, etc.
+- **Reactive content**: Wrap reactive text with `Component.textSignal(() => ...)`
+- **Component functions**: Define reusable components as functions that return JSX
+
+### Xote.Router Features
+
+- **Initialization**: Call `Router.init()` once at app start
+- **Imperative navigation**: Use `Router.push()` and `Router.replace()` to navigate programmatically
+- **Declarative routing**: Define routes with `Router.routes()` and render components based on URL patterns
+- **Dynamic parameters**: Extract URL parameters using `:param` syntax (e.g., `/users/:id`)
+- **Navigation links**: Use `Router.link()` for SPA navigation without page reload
+- **Reactive location**: Access current route via `Router.location` signal
+
+## Examples
 
-- **Signal**: Reactive state container  
-- **Computed**: Derived reactive value that updates automatically  
-- **Effect**: Function that re-runs when dependencies change  
-- **Component**: Declarative UI builder using ReScript functions  
+Check some examples of applications built with Xote at https://brnrdog.github.io/xote/demos/.
 
-For a more complete example, see a full [todo list app example](https://github.com/brnrdog/xote/blob/main/src/demo/TodoApp.res).
+### Running Examples Locally
+
+To run the example demos locally:
+
+1. Clone the repository:
+```bash
+git clone https://github.com/brnrdog/xote.git
+cd xote
+```
 
+2. Install dependencies:
+```bash
+npm install
+```
+
+3. Compile ReScript and start the dev server:
+```bash
+npm run res:dev  # In one terminal (watches ReScript files)
+npm run dev      # In another terminal (starts Vite dev server)
+```
+
+4. Open your browser and navigate to `http://localhost:5173`
+
+The demo app includes a navigation menu to explore all examples interactively.
+
+## Documentation
+
+Comprehensive documentation with live embedded demos is available at:
+
+**https://brnrdog.github.io/xote/**
+
+
+### Building Documentation Locally
+
+To build and preview the documentation site:
+
+```bash
+npm run docs:start
+```
 
+This will build the demos and start the documentation server at `http://localhost:3000`.
 
 ## License
 
-MIT © 2025
+LGPL v3 

package/dist/xote.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var V=(function(n,e){for(var r in n)e(r)});function j(n,e){if(n===e)return!0;var r=typeof n;if(r==="string"||r==="number"||r==="bigint"||r==="boolean"||r==="undefined"||n===null)return!1;var t=typeof e;if(r==="function"||t==="function")throw{RE_EXN_ID:"Invalid_argument",_1:"equal: functional value",Error:new Error};if(t==="number"||t==="bigint"||t==="undefined"||e===null)return!1;var u=n.TAG,i=e.TAG;if(u===248)return n[1]===e[1];if(u===251)throw{RE_EXN_ID:"Invalid_argument",_1:"equal: abstract value",Error:new Error};if(u!==i)return!1;var o=n.length|0,a=e.length|0;if(o===a)if(Array.isArray(n))for(var f=0;;){var c=f;if(c===o)return!0;if(!j(n[c],e[c]))return!1;f=c+1|0}else{if(n instanceof Date&&e instanceof Date)return!(n>e||n<e);var g={contents:!0},nn=function(b){if(!Object.prototype.hasOwnProperty.call(e,b)){g.contents=!1;return}},en=function(b){if(!Object.prototype.hasOwnProperty.call(n,b)||!j(e[b],n[b])){g.contents=!1;return}};return V(n,nn),g.contents&&V(e,en),g.contents}else return!1}function X(n,e,r){for(var t=new Array(r),u=0,i=e;u<r;)t[u]=n[i],u=u+1|0,i=i+1|0;return t}function L(n,e){for(;;){var r=e,t=n,u=t.length,i=u===0?1:u,o=r.length,a=i-o|0;if(a===0)return t.apply(null,r);if(a>=0)return(function(f,c){return function(g){return L(f,c.concat([g]))}})(t,r);e=X(r,i,-a|0),n=t.apply(null,X(r,0,i))}}function rn(n,e){var r=n.length;if(r===1)return n(e);switch(r){case 1:return n(e);case 2:return function(t){return n(e,t)};case 3:return function(t,u){return n(e,t,u)};case 4:return function(t,u,i){return n(e,t,u,i)};case 5:return function(t,u,i,o){return n(e,t,u,i,o)};case 6:return function(t,u,i,o,a){return n(e,t,u,i,o,a)};case 7:return function(t,u,i,o,a,f){return n(e,t,u,i,o,a,f)};default:return L(n,[e])}}function tn(n){var e=n.length;return e===1?n:function(r){return rn(n,r)}}function un(n){return n===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:n!==null&&n.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:n.BS_PRIVATE_NESTED_SOME_NONE+1|0}:n}function G(n){if(!(n!==null&&n.BS_PRIVATE_NESTED_SOME_NONE!==void 0))return n;var e=n.BS_PRIVATE_NESTED_SOME_NONE;if(e!==0)return{BS_PRIVATE_NESTED_SOME_NONE:e-1|0}}function S(n){return n!==void 0?n.h:0}function l(n,e,r,t){var u=S(n),i=S(t);return{k:e,v:r,h:u>=i?u+1|0:i+1|0,l:n,r:t}}function an(n,e){return{k:n,v:e,h:1,l:void 0,r:void 0}}function on(n,e){return n.v===e?n:{k:n.k,v:e,h:n.h,l:n.l,r:n.r}}function O(n,e,r,t){var u=n!==void 0?n.h:0,i=t!==void 0?t.h:0;if(u>(i+2|0)){var o=n.l,a=n.r;return S(o)>=S(a)?l(o,n.k,n.v,l(a,e,r,t)):l(l(o,n.k,n.v,a.l),a.k,a.v,l(a.r,e,r,t))}if(i<=(u+2|0))return{k:e,v:r,h:u>=i?u+1|0:i+1|0,l:n,r:t};var f=t.l,c=t.r;return S(c)>=S(f)?l(l(n,e,r,f),t.k,t.v,c):l(l(n,e,r,f.l),f.k,f.v,l(f.r,t.k,t.v,c))}function H(n,e,r){var t=n.l;return t!==void 0?O(H(t,e,r),n.k,n.v,n.r):(e.contents=n.k,r.contents=n.v,n.r)}function fn(n,e){for(;;){var r=n;if(r===void 0)return;var t=r.k;if(e===t)return un(r.v);n=e<t?r.l:r.r}}function E(n,e,r){if(n===void 0)return an(e,r);var t=n.k;if(e===t)return on(n,r);var u=n.v;return e<t?O(E(n.l,e,r),t,u,n.r):O(n.l,t,u,E(n.r,e,r))}function R(n,e){var r=n.k,t=n.l,u=n.r;if(e===r){if(t===void 0)return u;if(u===void 0)return t;var i={contents:u.k},o={contents:u.v},a=H(u,i,o);return O(t,i.contents,o.contents,a)}if(e<r){if(t===void 0)return n;var f=R(t,e);return f===t?n:O(f,r,n.v,u)}if(u===void 0)return n;var c=R(u,e);return O(t,r,n.v,c)}function cn(n,e){if(n!==void 0)return R(n,e)}var m=fn;function z(n){if(n!==void 0)return G(n);throw{RE_EXN_ID:"Not_found",Error:new Error}}function p(n,e,r){var t=n!==void 0?n.h:0,u=r!==void 0?r.h:0;return{v:e,h:(t>=u?t:u)+1|0,l:n,r}}function vn(n){return{v:n,h:1,l:void 0,r:void 0}}function q(n,e){return e!==void 0?n!==void 0?n.h>=e.h:!1:!0}function T(n,e,r){var t=n!==void 0?n.h:0,u=r!==void 0?r.h:0;if(t>(u+2|0)){var i=n.l,o=n.r;return q(i,o)?p(i,n.v,p(o,e,r)):p(p(i,n.v,o.l),o.v,p(o.r,e,r))}if(u<=(t+2|0))return{v:e,h:(t>=u?t:u)+1|0,l:n,r};var a=r.l,f=r.r;return q(f,a)?p(p(n,e,a),r.v,f):p(p(n,e,a.l),a.v,p(a.r,r.v,f))}function W(n,e){var r=n.l;return r!==void 0?T(W(r,e),n.v,n.r):(e.contents=n.v,n.r)}function U(n,e){for(;;){var r=n;if(r===void 0)return;U(r.l,e),e(r.v),n=r.r}}function dn(n,e){U(n,tn(e))}function sn(n,e){for(;;){var r=n;if(r===void 0)return!1;var t=r.v;if(e===t)return!0;n=e<t?r.l:r.r}}function N(n,e){if(n===void 0)return vn(e);var r=n.v;if(e===r)return n;var t=n.l,u=n.r;if(e<r){var i=N(t,e);return i===t?n:T(i,r,u)}var o=N(u,e);return o===u?n:T(t,r,o)}function D(n,e){if(n===void 0)return n;var r=n.v,t=n.l,u=n.r;if(e===r){if(t===void 0)return u;if(u===void 0)return t;var i={contents:u.v},o=W(u,i);return T(t,i.contents,o)}if(e<r){var a=D(t,e);return a===t?n:T(a,r,u)}var f=D(u,e);return f===u?n:T(t,r,f)}var ln=sn,k=dn,_={contents:void 0},d={contents:void 0},pn={contents:void 0},v={contents:void 0},h={contents:void 0},I={contents:!1};function M(n){var e=m(d.contents,n);if(e===void 0){d.contents=E(d.contents,n,void 0);return}}function J(n,e){M(e);var r=z(m(_.contents,n));if(j(v.contents,n)&&ln(r.deps,e)===!1){r.deps=N(r.deps,e);var t=z(m(d.contents,e));d.contents=E(d.contents,e,N(t,n))}}function y(n){k(n.deps,(function(e){var r=m(d.contents,e);if(r!==void 0){d.contents=E(d.contents,e,D(G(r),n.id));return}})),n.deps=void 0}function w(n){if(h.contents=N(h.contents,n),I.contents===!1){var e=h.contents;h.contents=void 0,k(e,(function(r){var t=m(_.contents,r);if(t!==void 0){y(t),v.contents=r,t.run(),v.contents=void 0;return}}))}}function Q(n){M(n);var e=m(d.contents,n);if(e!==void 0)return k(G(e),w)}function _n(n){var e=v.contents;v.contents=void 0;var r=n();return v.contents=e,r}function hn(n){var e=I.contents;I.contents=!0;var r=n();if(I.contents=e,h.contents!==void 0){var t=h.contents;h.contents=void 0,k(t,(function(u){w(u)}))}return r}var En,mn,gn,Sn;const On=Object.freeze(Object.defineProperty({__proto__:null,Id:Sn,IntMap:mn,IntSet:En,Observer:gn,addDep:J,batch:hn,batching:I,clearDeps:y,currentObserverId:v,ensureSignalBucket:M,notify:Q,observers:_,pending:h,schedule:w,signalObservers:d,signalPeeks:pn,untrack:_n},Symbol.toStringTag,{value:"Module"}));var P={contents:0};function F(){return P.contents=P.contents+1|0,P.contents}function B(n){var e=F(),r={id:e,kind:"Effect",run:(function(){n()}),deps:void 0};_.contents=E(_.contents,e,r),y(r),v.contents=e,r.run(),v.contents=void 0;var t=function(){var u=m(_.contents,e);if(u!==void 0){y(u),_.contents=cn(_.contents,e);return}};return{dispose:t}}var Tn,bn,In,$n,Nn,yn;const An=Object.freeze(Object.defineProperty({__proto__:null,Core:yn,Id:In,IntMap:bn,IntSet:Tn,Observer:$n,Signal:Nn,run:B},Symbol.toStringTag,{value:"Module"}));function Y(n){var e=F();return M(e),{id:e,value:{contents:n},version:{contents:0}}}function A(n){var e=v.contents;return e!==void 0&&J(e,n.id),n.value.contents}function Z(n){return n.value.contents}function C(n,e){n.value.contents=e,n.version.contents=n.version.contents+1|0,Q(n.id)}function Cn(n,e){C(n,e(n.value.contents))}var kn,Mn,Pn,jn,Rn;const Dn=Object.freeze(Object.defineProperty({__proto__:null,Core:Rn,Id:jn,IntMap:Mn,IntSet:kn,Observer:Pn,get:A,make:Y,peek:Z,set:C,update:Cn},Symbol.toStringTag,{value:"Module"}));function K(n){var e=Y(),r={contents:!1},t=F(),u=function(){var o=n();return r.contents===!1&&(r.contents=!0),C(e,o)},i={id:t,kind:{NAME:"Computed",VAL:e.id},run:u,deps:void 0};return _.contents=E(_.contents,t,i),y(i),v.contents=t,i.run(),v.contents=void 0,e}var Bn,Gn,wn,Fn,Vn,Xn;const zn=Object.freeze(Object.defineProperty({__proto__:null,Core:Fn,Id:Xn,IntMap:Gn,IntSet:Bn,Observer:Vn,Signal:wn,make:K},Symbol.toStringTag,{value:"Module"}));function qn(n){return{TAG:"Text",_0:n}}function Ln(n){return{TAG:"SignalText",_0:n}}function Hn(n){return{TAG:"Fragment",_0:n}}function Wn(n){return{TAG:"SignalFragment",_0:n}}function Un(n,e){var r=K(function(){return A(n).map(e)});return{TAG:"SignalFragment",_0:r}}function s(n,e,r,t,u){var i=e!==void 0?e:[].map(function(f){return f}),o=r!==void 0?r:[].map(function(f){return f}),a=t!==void 0?t:[].map(function(f){return f});return{TAG:"Element",tag:n,attrs:i,events:o,children:a}}function Jn(n,e,r,t){return s("div",n,e,r)}function Qn(n,e,r,t){return s("span",n,e,r)}function Yn(n,e,r,t){return s("button",n,e,r)}function Zn(n,e,r){return s("input",n,e,void 0)}function Kn(n,e,r,t){return s("h1",n,e,r)}function xn(n,e,r,t){return s("h2",n,e,r)}function ne(n,e,r,t){return s("h3",n,e,r)}function ee(n,e,r,t){return s("p",n,e,r)}function re(n,e,r,t){return s("ul",n,e,r)}function te(n,e,r,t){return s("li",n,e,r)}function $(n){switch(n.TAG){case"Element":var e=document.createElement(n.tag);return n.attrs.forEach(function(a){e.setAttribute(a[0],a[1])}),n.events.forEach(function(a){e.addEventListener(a[0],a[1])}),n.children.forEach(function(a){var f=$(a);e.appendChild(f)}),e;case"Text":return document.createTextNode(n._0);case"SignalText":var r=n._0,t=document.createTextNode(Z(r));return B(function(){var a=A(r);t.textContent=a}),t;case"Fragment":var u=document.createDocumentFragment();return n._0.forEach(function(a){var f=$(a);u.appendChild(f)}),u;case"SignalFragment":var i=n._0,o=document.createElement("div");return o.setAttribute("data-signal-fragment","true"),o.setAttribute("style","display: contents"),B(function(){var a=A(i);o.innerHTML="",a.forEach(function(f){var c=$(f);o.appendChild(c)})}),o}}function x(n,e){var r=$(n);e.appendChild(r)}function ue(n,e){var r=document.getElementById(e);if(r==null){console.error("Container element not found: "+e);return}else return x(n,r)}var ie,ae,oe,fe;const ce=Object.freeze(Object.defineProperty({__proto__:null,Computed:fe,Core:oe,Effect:ae,Signal:ie,button:Yn,div:Jn,element:s,fragment:Hn,h1:Kn,h2:xn,h3:ne,input:Zn,li:te,list:Un,mount:x,mountById:ue,p:ee,render:$,signalFragment:Wn,span:Qn,text:qn,textSignal:Ln,ul:re},Symbol.toStringTag,{value:"Module"}));var ve=ce,de=zn,se=On,le=An,pe=Dn;exports.Component=ve;exports.Computed=de;exports.Core=se;exports.Effect=le;exports.Signal=pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var V={contents:0};function q(){return V.contents=V.contents+1|0,V.contents}var Y=(function(e,n){for(var r in e)n(r)});function z(e,n){if(e===n)return!0;var r=typeof e;if(r==="string"||r==="number"||r==="bigint"||r==="boolean"||r==="undefined"||e===null)return!1;var t=typeof n;if(r==="function"||t==="function")throw{RE_EXN_ID:"Invalid_argument",_1:"equal: functional value",Error:new Error};if(t==="number"||t==="bigint"||t==="undefined"||n===null)return!1;var u=e.TAG,a=n.TAG;if(u===248)return e[1]===n[1];if(u===251)throw{RE_EXN_ID:"Invalid_argument",_1:"equal: abstract value",Error:new Error};if(u!==a)return!1;var o=e.length|0,i=n.length|0;if(o===i)if(Array.isArray(e))for(var f=0;;){var c=f;if(c===o)return!0;if(!z(e[c],n[c]))return!1;f=c+1|0}else{if(e instanceof Date&&n instanceof Date)return!(e>n||e<n);var v={contents:!0},g=function(E){if(!Object.prototype.hasOwnProperty.call(n,E)){v.contents=!1;return}},G=function(E){if(!Object.prototype.hasOwnProperty.call(e,E)||!z(n[E],e[E])){v.contents=!1;return}};return Y(e,g),v.contents&&Y(n,G),v.contents}else return!1}function Z(e,n,r){for(var t=new Array(r),u=0,a=n;u<r;)t[u]=e[a],u=u+1|0,a=a+1|0;return t}function re(e,n){for(;;){var r=n,t=e,u=t.length,a=u===0?1:u,o=r.length,i=a-o|0;if(i===0)return t.apply(null,r);if(i>=0)return(function(f,c){return function(v){return re(f,c.concat([v]))}})(t,r);n=Z(r,a,-i|0),e=t.apply(null,Z(r,0,a))}}function _e(e,n){var r=e.length;if(r===1)return e(n);switch(r){case 1:return e(n);case 2:return function(t){return e(n,t)};case 3:return function(t,u){return e(n,t,u)};case 4:return function(t,u,a){return e(n,t,u,a)};case 5:return function(t,u,a,o){return e(n,t,u,a,o)};case 6:return function(t,u,a,o,i){return e(n,t,u,a,o,i)};case 7:return function(t,u,a,o,i,f){return e(n,t,u,a,o,i,f)};default:return re(e,[n])}}function ge(e){var n=e.length;return n===1?e:function(r){return _e(e,r)}}function Ee(e){return e===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:e.BS_PRIVATE_NESTED_SOME_NONE+1|0}:e}function X(e){if(!(e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0))return e;var n=e.BS_PRIVATE_NESTED_SOME_NONE;if(n!==0)return{BS_PRIVATE_NESTED_SOME_NONE:n-1|0}}function C(e){return e!==void 0?e.h:0}function p(e,n,r,t){var u=C(e),a=C(t);return{k:n,v:r,h:u>=a?u+1|0:a+1|0,l:e,r:t}}function Se(e,n){return{k:e,v:n,h:1,l:void 0,r:void 0}}function $e(e,n){return e.v===n?e:{k:e.k,v:n,h:e.h,l:e.l,r:e.r}}function k(e,n,r,t){var u=e!==void 0?e.h:0,a=t!==void 0?t.h:0;if(u>(a+2|0)){var o=e.l,i=e.r;return C(o)>=C(i)?p(o,e.k,e.v,p(i,n,r,t)):p(p(o,e.k,e.v,i.l),i.k,i.v,p(i.r,n,r,t))}if(a<=(u+2|0))return{k:n,v:r,h:u>=a?u+1|0:a+1|0,l:e,r:t};var f=t.l,c=t.r;return C(c)>=C(f)?p(p(e,n,r,f),t.k,t.v,c):p(p(e,n,r,f.l),f.k,f.v,p(f.r,t.k,t.v,c))}function te(e,n,r){var t=e.l;return t!==void 0?k(te(t,n,r),e.k,e.v,e.r):(n.contents=e.k,r.contents=e.v,e.r)}function ye(e,n){for(;;){var r=e;if(r===void 0)return;var t=r.k;if(n===t)return Ee(r.v);e=n<t?r.l:r.r}}function b(e,n,r){if(e===void 0)return Se(n,r);var t=e.k;if(n===t)return $e(e,r);var u=e.v;return n<t?k(b(e.l,n,r),t,u,e.r):k(e.l,t,u,b(e.r,n,r))}function L(e,n){var r=e.k,t=e.l,u=e.r;if(n===r){if(t===void 0)return u;if(u===void 0)return t;var a={contents:u.k},o={contents:u.v},i=te(u,a,o);return k(t,a.contents,o.contents,i)}if(n<r){if(t===void 0)return e;var f=L(t,n);return f===t?e:k(f,r,e.v,u)}if(u===void 0)return e;var c=L(u,n);return k(t,r,e.v,c)}function be(e,n){if(e!==void 0)return L(e,n)}var T=ye;function ee(e){if(e!==void 0)return X(e);throw{RE_EXN_ID:"Not_found",Error:new Error}}function m(e,n,r){var t=e!==void 0?e.h:0,u=r!==void 0?r.h:0;return{v:n,h:(t>=u?t:u)+1|0,l:e,r}}function Te(e){return{v:e,h:1,l:void 0,r:void 0}}function ne(e,n){return n!==void 0?e!==void 0?e.h>=n.h:!1:!0}function j(e,n,r){var t=e!==void 0?e.h:0,u=r!==void 0?r.h:0;if(t>(u+2|0)){var a=e.l,o=e.r;return ne(a,o)?m(a,e.v,m(o,n,r)):m(m(a,e.v,o.l),o.v,m(o.r,n,r))}if(u<=(t+2|0))return{v:n,h:(t>=u?t:u)+1|0,l:e,r};var i=r.l,f=r.r;return ne(f,i)?m(m(e,n,i),r.v,f):m(m(e,n,i.l),i.v,m(i.r,r.v,f))}function ue(e,n){var r=e.l;return r!==void 0?j(ue(r,n),e.v,e.r):(n.contents=e.v,e.r)}function ae(e,n){for(;;){var r=e;if(r===void 0)return;ae(r.l,n),n(r.v),e=r.r}}function Ae(e,n){ae(e,ge(n))}function Ce(e,n){for(;;){var r=e;if(r===void 0)return!1;var t=r.v;if(n===t)return!0;e=n<t?r.l:r.r}}function w(e,n){if(e===void 0)return Te(n);var r=e.v;if(n===r)return e;var t=e.l,u=e.r;if(n<r){var a=w(t,n);return a===t?e:j(a,r,u)}var o=w(u,n);return o===u?e:j(t,r,o)}function x(e,n){if(e===void 0)return e;var r=e.v,t=e.l,u=e.r;if(n===r){if(t===void 0)return u;if(u===void 0)return t;var a={contents:u.v},o=ue(u,a);return j(t,a.contents,o)}if(n<r){var i=x(t,n);return i===t?e:j(i,r,u)}var f=x(u,n);return f===u?e:j(t,r,f)}var ke=Ce,B=Ae,_={contents:void 0},h={contents:void 0},je={contents:void 0},s={contents:void 0},S={contents:void 0},M={contents:!1};function F(e){var n=T(h.contents,e);if(n===void 0){h.contents=b(h.contents,e,void 0);return}}function ie(e,n){F(n);var r=ee(T(_.contents,e));if(z(s.contents,e)&&ke(r.deps,n)===!1){r.deps=w(r.deps,n);var t=ee(T(h.contents,n));h.contents=b(h.contents,n,w(t,e))}}function P(e){B(e.deps,(function(n){var r=T(h.contents,n);if(r!==void 0){h.contents=b(h.contents,n,x(X(r),e.id));return}})),e.deps=void 0}function J(e){if(S.contents=w(S.contents,e),M.contents===!1){var n=S.contents;S.contents=void 0,B(n,(function(r){var t=T(_.contents,r);if(t!==void 0){P(t),s.contents=r,t.run(),s.contents=void 0;return}}))}}function oe(e){F(e);var n=T(h.contents,e);if(n!==void 0)return B(X(n),J)}function Oe(e){var n=s.contents;s.contents=void 0;var r=e();return s.contents=n,r}function Ie(e){var n=M.contents;M.contents=!0;var r=e();if(M.contents=n,S.contents!==void 0){var t=S.contents;S.contents=void 0,B(t,(function(u){J(u)}))}return r}var Me,Ne,we,Pe;const Re=Object.freeze(Object.defineProperty({__proto__:null,Id:Pe,IntMap:Ne,IntSet:Me,Observer:we,addDep:ie,batch:Ie,batching:M,clearDeps:P,currentObserverId:s,ensureSignalBucket:F,notify:oe,observers:_,pending:S,schedule:J,signalObservers:h,signalPeeks:je,untrack:Oe},Symbol.toStringTag,{value:"Module"}));function I(e){var n=q(),r={id:n,kind:"Effect",run:(function(){e()}),deps:void 0};_.contents=b(_.contents,n,r),P(r),s.contents=n,r.run(),s.contents=void 0;var t=function(){var u=T(_.contents,n);if(u!==void 0){P(u),_.contents=be(_.contents,n);return}};return{dispose:t}}var Ge,De,Xe,Be,Fe,Ve;const ze=Object.freeze(Object.defineProperty({__proto__:null,Core:Ve,Id:Xe,IntMap:De,IntSet:Ge,Observer:Be,Signal:Fe,run:I},Symbol.toStringTag,{value:"Module"}));function W(e){var n=q();return F(n),{id:n,value:{contents:e},version:{contents:0}}}function $(e){var n=s.contents;return n!==void 0&&ie(n,e.id),e.value.contents}function D(e){return e.value.contents}function y(e,n){e.value.contents=n,e.version.contents=e.version.contents+1|0,oe(e.id)}function Le(e,n){y(e,n(e.value.contents))}var xe,Ke,qe,Je,We;const He=Object.freeze(Object.defineProperty({__proto__:null,Core:We,Id:Je,IntMap:Ke,IntSet:xe,Observer:qe,get:$,make:W,peek:D,set:y,update:Le},Symbol.toStringTag,{value:"Module"}));function O(e){var n=W(),r={contents:!1},t=q(),u=function(){var o=e();return r.contents===!1&&(r.contents=!0),y(n,o)},a={id:t,kind:{NAME:"Computed",VAL:n.id},run:u,deps:void 0};return _.contents=b(_.contents,t,a),P(a),s.contents=t,a.run(),s.contents=void 0,n}var Ue,Qe,Ye,Ze,en,nn;const rn=Object.freeze(Object.defineProperty({__proto__:null,Core:Ze,Id:nn,IntMap:Qe,IntSet:Ue,Observer:en,Signal:Ye,make:O},Symbol.toStringTag,{value:"Module"}));function d(e,n){return[e,{TAG:"Static",_0:n}]}function tn(e,n){return[e,{TAG:"SignalValue",_0:n}]}function un(e,n){return[e,{TAG:"Compute",_0:n}]}function fe(e){return{TAG:"Text",_0:e}}function an(e){var n=O(e);return{TAG:"SignalText",_0:n}}function H(e){return{TAG:"Fragment",_0:e}}function U(e){return{TAG:"SignalFragment",_0:e}}function on(e,n){var r=O(function(){return $(e).map(n)});return{TAG:"SignalFragment",_0:r}}function l(e,n,r,t,u){var a=n!==void 0?n:[].map(function(f){return f}),o=r!==void 0?r:[].map(function(f){return f}),i=t!==void 0?t:[].map(function(f){return f});return{TAG:"Element",tag:e,attrs:a,events:o,children:i}}function fn(e,n,r,t){return l("div",e,n,r)}function cn(e,n,r,t){return l("span",e,n,r)}function vn(e,n,r,t){return l("button",e,n,r)}function dn(e,n,r){return l("input",e,n,void 0)}function sn(e,n,r,t){return l("h1",e,n,r)}function ln(e,n,r,t){return l("h2",e,n,r)}function hn(e,n,r,t){return l("h3",e,n,r)}function pn(e,n,r,t){return l("p",e,n,r)}function mn(e,n,r,t){return l("ul",e,n,r)}function _n(e,n,r,t){return l("li",e,n,r)}function ce(e,n,r,t){return l("a",e,n,r)}function N(e){switch(e.TAG){case"Element":var n=document.createElement(e.tag);return e.attrs.forEach(function(i){var f=i[1],c=i[0];switch(f.TAG){case"Static":n.setAttribute(c,f._0);return;case"SignalValue":var v=f._0;n.setAttribute(c,D(v)),I(function(){var E=$(v);n.setAttribute(c,E)});return;case"Compute":var g=f._0,G=O(function(){return g()});n.setAttribute(c,D(G)),I(function(){var E=$(G);n.setAttribute(c,E)});return}}),e.events.forEach(function(i){n.addEventListener(i[0],i[1])}),e.children.forEach(function(i){var f=N(i);n.appendChild(f)}),n;case"Text":return document.createTextNode(e._0);case"SignalText":var r=e._0,t=document.createTextNode(D(r));return I(function(){var i=$(r);t.textContent=i}),t;case"Fragment":var u=document.createDocumentFragment();return e._0.forEach(function(i){var f=N(i);u.appendChild(f)}),u;case"SignalFragment":var a=e._0,o=document.createElement("div");return o.setAttribute("data-signal-fragment","true"),o.setAttribute("style","display: contents"),I(function(){var i=$(a);o.innerHTML="",i.forEach(function(f){var c=N(f);o.appendChild(c)})}),o}}function ve(e,n){var r=N(e);n.appendChild(r)}function gn(e,n){var r=document.getElementById(n);if(r==null){console.error("Container element not found: "+n);return}else return ve(e,r)}var En,Sn,$n,yn;const bn=Object.freeze(Object.defineProperty({__proto__:null,Computed:yn,Core:$n,Effect:Sn,Signal:En,a:ce,attr:d,button:vn,computedAttr:un,div:fn,element:l,fragment:H,h1:sn,h2:ln,h3:hn,input:dn,li:_n,list:on,mount:ve,mountById:gn,p:pn,render:N,signalAttr:tn,signalFragment:U,span:cn,text:fe,textSignal:an,ul:mn},Symbol.toStringTag,{value:"Module"}));function Tn(e,n){return e(n)}function An(e,n){return e(n)}function Cn(e,n,r,t){return e(n)}function kn(e,n,r,t){return e(n)}function jn(e){var n=e.children;return n!==void 0?n:H([])}function On(e){return H(e)}function In(){return fe("")}function de(e){var n=[],r=e.id;r!==void 0&&n.push(d("id",r));var t=e.class;t!==void 0&&n.push(d("class",t));var u=e.style;u!==void 0&&n.push(d("style",u));var a=e.type;a!==void 0&&n.push(d("type",a));var o=e.value;o!==void 0&&n.push(d("value",o));var i=e.placeholder;i!==void 0&&n.push(d("placeholder",i));var f=e.disabled;f!==void 0&&f&&n.push(d("disabled","true"));var c=e.checked;c!==void 0&&c&&n.push(d("checked","true"));var v=e.href;v!==void 0&&n.push(d("href",v));var g=e.target;return g!==void 0&&n.push(d("target",g)),n}function se(e){var n=[],r=e.onClick;r!==void 0&&n.push(["click",r]);var t=e.onInput;t!==void 0&&n.push(["input",t]);var u=e.onChange;u!==void 0&&n.push(["change",u]);var a=e.onSubmit;a!==void 0&&n.push(["submit",a]);var o=e.onFocus;o!==void 0&&n.push(["focus",o]);var i=e.onBlur;i!==void 0&&n.push(["blur",i]);var f=e.onKeyDown;f!==void 0&&n.push(["keydown",f]);var c=e.onKeyUp;c!==void 0&&n.push(["keyup",c]);var v=e.onMouseEnter;v!==void 0&&n.push(["mouseenter",v]);var g=e.onMouseLeave;return g!==void 0&&n.push(["mouseleave",g]),n}function le(e){var n=e.children;return n!==void 0?n.TAG==="Fragment"?n._0:[n]:[]}function R(e,n){return{TAG:"Element",tag:e,attrs:de(n),events:se(n),children:le(n)}}function Mn(e,n){return R(e,n)}function Nn(e,n){return R(e,n)}function wn(e,n,r,t){return R(e,n)}function Pn(e,n,r,t){return R(e,n)}var Rn={propsToAttrs:de,propsToEvents:se,getChildren:le,createElement:R,jsx:Mn,jsxs:Nn,jsxKeyed:wn,jsxsKeyed:Pn},Gn;const Dn=Object.freeze(Object.defineProperty({__proto__:null,$$null:In,Component:Gn,Elements:Rn,array:On,jsx:Tn,jsxFragment:jn,jsxKeyed:Cn,jsxs:An,jsxsKeyed:kn},Symbol.toStringTag,{value:"Module"}));function Xn(e,n){for(var r=e.length,t=new Array(r),u=0,a=0;a<r;++a){var o=e[a],i=n(o);i!==void 0&&(t[u]=X(i),u=u+1|0)}return t.length=u,t}function Bn(e,n){for(var r=0;;){var t=r;if(t===e.length)return;var u=n(e[t]);if(u!==void 0)return u;r=t+1|0}}function he(e){return Xn(e.split("/"),(function(n){if(n!=="")return n.startsWith(":")?{TAG:"Param",_0:n.slice(1)}:{TAG:"Static",_0:n}}))}function pe(e,n){var r=n.split("/").filter(function(a){return a!==""});if(e.length!==r.length)return"NoMatch";var t={},u=e.every(function(a,o){var i=r[o];return a.TAG==="Static"?i===a._0:(t[a._0]=i,!0)});return u?{TAG:"Match",_0:t}:"NoMatch"}function Q(e,n){return pe(he(e),n)}const Fn=Object.freeze(Object.defineProperty({__proto__:null,match:Q,matchPath:pe,parsePattern:he},Symbol.toStringTag,{value:"Module"}));var A=W({pathname:"/",search:"",hash:""});function K(){return{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash}}function Vn(){y(A,K());var e=function(n){y(A,K())};window.addEventListener("popstate",e)}function me(e,n,r,t){var u=n!==void 0?n:"",a=r!==void 0?r:"",o={pathname:e,search:u,hash:a},i=e+u+a,f={};window.history.pushState(f,"",i),y(A,o)}function zn(e,n,r,t){var u=n!==void 0?n:"",a=r!==void 0?r:"",o={pathname:e,search:u,hash:a},i=e+u+a,f={};window.history.replaceState(f,"",i),y(A,o)}function Ln(e,n){return U(O(function(){var r=$(A),t=Q(e,r.pathname);return typeof t!="object"?[]:[n(t._0)]}))}function xn(e){return U(O(function(){var n=$(A),r=Bn(e,(function(t){var u=Q(t.pattern,n.pathname);if(typeof u=="object")return t.render(u._0)}));return r!==void 0?[r]:[]}))}function Kn(e,n,r,t){var u=n!==void 0?n:[],a=r!==void 0?r:[],o=function(i){i.preventDefault(),me(e,void 0,void 0)};return ce(u.concat([d("href",e)]),[["click",o]],a)}var qn,Jn,Wn,Hn,Un;const Qn=Object.freeze(Object.defineProperty({__proto__:null,$$location:A,Component:Wn,Computed:Jn,Core:Un,Route:Hn,Signal:qn,getCurrentLocation:K,init:Vn,link:Kn,push:me,replace:zn,route:Ln,routes:xn},Symbol.toStringTag,{value:"Module"}));var Yn=bn,Zn=rn,er=Re,nr=ze,rr=Dn,tr=Fn,ur=Qn,ar=He;exports.Component=Yn;exports.Computed=Zn;exports.Core=er;exports.Effect=nr;exports.JSX=rr;exports.Route=tr;exports.Router=ur;exports.Signal=ar;