novac 2.0.1 → 2.2.0

package/kits/kitnovacweb/nvml/index.js

@@ -12,7 +12,7 @@
 
 const { Lexer }    = require('./lexer');
 const { Parser }   = require('./parser');
-const { Executor, NvmlDocument } = require('./executor');
+const { Executor, NvmlDocument, makeBfObject } = require('./executor');
 const { Renderer } = require('./renderer');
 
 /**
@@ -64,4 +64,4 @@ function run(source, opts = {}) {
   return { doc, html, ast };
 }
 
-module.exports = { parse, executeAst, renderDoc, compile, run, NvmlDocument };
+module.exports = { parse, executeAst, renderDoc, compile, run, NvmlDocument, makeBfObject };

package/kits/kitnovacweb/nvml/lexer.js

@@ -1,21 +1,21 @@
 'use strict';
 
-// ══════════════════════════════════════════════════════════
-//  NVML Lexer
-//  Tokens:
-//    AT_IDENT      @config  @visual  @ss
-//    ELEMENT       {h1}  {div}  {element.button}  {script}
-//    LBRACKET [    RBRACKET ]
-//    LPAREN   (    RPAREN   )
-//    COLONCOLON :: 
-//    EQ       =
-//    COMMA    ,
-//    PIPE     |
-//    STRING   'text'  "text"  (multiline...)
-//    IDENT    bare word
-//    NUMBER   numeric literal
-//    EOF
-// ══════════════════════════════════════════════════════════
+// ══════════════════════════════════════════════════════════════════════
+//  NVML Lexer v2
+//  New tokens:
+//    HASH         #signal-name  (reactive signal ref)
+//    BANG_IDENT   !event        (event emit shorthand)
+//    AT_IDENT     @config @visual @ss @component @state @computed @effect @route @slot @use
+//    ELEMENT      {tag}  {element.tag}  {component.Name}
+//    LBRACKET [   RBRACKET ]
+//    LPAREN (     (multiline string / expression)
+//    COLONCOLON ::
+//    ARROW        ->   (one-way binding)
+//    DARROW       <->  (two-way binding)
+//    QUESTION     ?    (conditional render)
+//    TILDE        ~    (transition/animation hint)
+//    EQ =   COMMA ,   PIPE |   STRING   IDENT   NUMBER   DOT   DOTDOT   EOF
+// ══════════════════════════════════════════════════════════════════════
 
 const TT = {
   AT_IDENT:    'AT_IDENT',
@@ -25,6 +25,12 @@ const TT = {
   LPAREN:      'LPAREN',
   RPAREN:      'RPAREN',
   COLONCOLON:  'COLONCOLON',
+  ARROW:       'ARROW',      // ->
+  DARROW:      'DARROW',     // <->
+  QUESTION:    'QUESTION',   // ?
+  TILDE:       'TILDE',      // ~
+  HASH:        'HASH',       // #signalName
+  BANG_IDENT:  'BANG_IDENT', // !eventName
   EQ:          'EQ',
   COMMA:       'COMMA',
   PIPE:        'PIPE',
@@ -32,7 +38,7 @@ const TT = {
   IDENT:       'IDENT',
   NUMBER:      'NUMBER',
   DOT:         'DOT',
-  DOTDOT:      'DOTDOT',   // [..] parent ref
+  DOTDOT:      'DOTDOT',
   EOF:         'EOF',
 };
 
@@ -55,15 +61,13 @@ class LexError extends Error {
 
 class Lexer {
   constructor(source) {
-    this.src  = source;
-    this.pos  = 0;
-    this.line = 1;
-    this.col  = 1;
+    this.src    = source;
+    this.pos    = 0;
+    this.line   = 1;
+    this.col    = 1;
     this.tokens = [];
   }
 
-  // ── helpers ──────────────────────────────────────────────
-
   peek(offset = 0) { return this.src[this.pos + offset] ?? '\0'; }
   isAtEnd()        { return this.pos >= this.src.length; }
 
@@ -82,16 +86,13 @@ class Lexer {
   skipWhitespaceAndComments() {
     while (!this.isAtEnd()) {
       const ch = this.peek();
-      // whitespace
-      if (ch === ' ' || ch === '\t' || ch === '\r' || ch === '\n') {
-        this.advance(); continue;
-      }
-      // line comment  // ...
+      if (ch === ' ' || ch === '\t' || ch === '\r' || ch === '\n') { this.advance(); continue; }
+      // line comment
       if (ch === '/' && this.peek(1) === '/') {
         while (!this.isAtEnd() && this.peek() !== '\n') this.advance();
         continue;
       }
-      // block comment /* ... */
+      // block comment
       if (ch === '/' && this.peek(1) === '*') {
         this.advance(); this.advance();
         while (!this.isAtEnd()) {
@@ -104,21 +105,16 @@ class Lexer {
     }
   }
 
-  // ── string readers ───────────────────────────────────────
-
   readQuotedString(quote) {
-    // already consumed opening quote
     let val = '';
     while (!this.isAtEnd()) {
       const ch = this.advance();
       if (ch === '\\') {
         const esc = this.advance();
         switch (esc) {
-          case 'n':  val += '\n'; break;
-          case 't':  val += '\t'; break;
-          case 'r':  val += '\r'; break;
-          case '\\': val += '\\'; break;
-          default:   val += esc;
+          case 'n': val += '\n'; break; case 't': val += '\t'; break;
+          case 'r': val += '\r'; break; case '\\': val += '\\'; break;
+          default:  val += esc;
         }
         continue;
       }
@@ -129,11 +125,7 @@ class Lexer {
   }
 
   readParenString() {
-    // already consumed '('
-    // multiline string, terminated by matching ')'
-    // we track depth so nested parens inside code are fine
-    let val = '';
-    let depth = 1;
+    let val = '', depth = 1;
     while (!this.isAtEnd()) {
       const ch = this.advance();
       if (ch === '(') { depth++; val += ch; continue; }
@@ -143,39 +135,26 @@ class Lexer {
     return val;
   }
 
-  // ── element token  {name}  {element.name}  {..} ──────────
-
   readElement() {
-    // already consumed '{'
     let name = '';
     while (!this.isAtEnd() && this.peek() !== '}') name += this.advance();
     if (this.isAtEnd()) this.error("Unterminated element name, expected '}'");
-    this.advance(); // consume '}'
-    name = name.trim();
-    return name;
+    this.advance();
+    return name.trim();
   }
 
-  // ── identifier ───────────────────────────────────────────
-
   readIdent(firstChar) {
     let val = firstChar;
-    while (!this.isAtEnd()) {
-      const ch = this.peek();
-      if (/[a-zA-Z0-9_\-]/.test(ch)) { val += this.advance(); } else break;
-    }
+    while (!this.isAtEnd() && /[a-zA-Z0-9_\-]/.test(this.peek())) val += this.advance();
     return val;
   }
 
-  // ── number ───────────────────────────────────────────────
-
   readNumber(firstChar) {
     let val = firstChar;
     while (!this.isAtEnd() && /[0-9\.]/.test(this.peek())) val += this.advance();
     return parseFloat(val);
   }
 
-  // ── main tokenize ─────────────────────────────────────────
-
   tokenize() {
     while (true) {
       this.skipWhitespaceAndComments();
@@ -186,15 +165,12 @@ class Lexer {
 
       switch (ch) {
         case '[': {
-          // check for [..] parent ref
           if (this.peek() === '.' && this.peek(1) === '.') {
-            this.advance(); this.advance(); // consume ..
+            this.advance(); this.advance();
             if (this.peek() === ']') {
-              this.advance(); // consume ]
+              this.advance();
               this.tokens.push(new Token(TT.DOTDOT, '..', line, col));
-            } else {
-              this.error("Expected ']' after '..'");
-            }
+            } else { this.error("Expected ']' after '..'"); }
           } else {
             this.tokens.push(new Token(TT.LBRACKET, '[', line, col));
           }
@@ -202,7 +178,6 @@ class Lexer {
         }
         case ']': this.tokens.push(new Token(TT.RBRACKET, ']', line, col)); break;
         case '(': {
-          // multiline string
           const val = this.readParenString();
           this.tokens.push(new Token(TT.STRING, val, line, col));
           break;
@@ -211,9 +186,23 @@ class Lexer {
         case ',': this.tokens.push(new Token(TT.COMMA, ',', line, col)); break;
         case '|': this.tokens.push(new Token(TT.PIPE, '|', line, col)); break;
         case '=': this.tokens.push(new Token(TT.EQ, '=', line, col)); break;
+        case '?': this.tokens.push(new Token(TT.QUESTION, '?', line, col)); break;
+        case '~': this.tokens.push(new Token(TT.TILDE, '~', line, col)); break;
+        case '-': {
+          if (this.peek() === '>') { this.advance(); this.tokens.push(new Token(TT.ARROW, '->', line, col)); }
+          else this.error("Unexpected '-', did you mean '->'?");
+          break;
+        }
+        case '<': {
+          if (this.peek() === '-' && this.peek(1) === '>') {
+            this.advance(); this.advance();
+            this.tokens.push(new Token(TT.DARROW, '<->', line, col));
+          } else { this.error("Unexpected '<', did you mean '<->'?"); }
+          break;
+        }
         case ':': {
           if (this.peek() === ':') { this.advance(); this.tokens.push(new Token(TT.COLONCOLON, '::', line, col)); }
-          else this.error("Unexpected ':' — did you mean '::'?");
+          else this.error("Unexpected ':', did you mean '::'?");
           break;
         }
         case '.': {
@@ -221,13 +210,27 @@ class Lexer {
           else this.tokens.push(new Token(TT.DOT, '.', line, col));
           break;
         }
+        case '#': {
+          // #signalName — reactive signal reference
+          if (/[a-zA-Z_]/.test(this.peek())) {
+            const name = this.readIdent(this.advance());
+            this.tokens.push(new Token(TT.HASH, name, line, col));
+          } else { this.error("Expected signal name after '#'"); }
+          break;
+        }
+        case '!': {
+          // !eventName — event emit shorthand
+          if (/[a-zA-Z_]/.test(this.peek())) {
+            const name = this.readIdent(this.advance());
+            this.tokens.push(new Token(TT.BANG_IDENT, name, line, col));
+          } else { this.error("Expected event name after '!'"); }
+          break;
+        }
         case '@': {
           if (/[a-zA-Z_]/.test(this.peek())) {
             const name = this.readIdent(this.advance());
             this.tokens.push(new Token(TT.AT_IDENT, name, line, col));
-          } else {
-            this.error("Expected identifier after '@'");
-          }
+          } else { this.error("Expected identifier after '@'"); }
           break;
         }
         case '{': {