juxscript 1.0.16 → 1.0.18

package/README.md

@@ -12,6 +12,13 @@
   - [ ] Distributable Bundle (Static Sites)
   - [ ] Tree Shake/Efficiencies.
 
+- [ ] Data
+  - [ ] Drivers: File, S3, Database.
+  - [ ] const d = jux.data('id',{});
+  - [ ] d.driver(file|s3|database)
+  - [ ] d.items([] | juxitem)
+  - [ ] d.store(callback)
+
 - [X] Layouts (100% done.)
   - [ ] *Authoring Layout Pages* - `docs`
   - [ ] *Authoring Application Pages* - `docs`
@@ -22,7 +29,7 @@
 - [X] Reactivity (90% done.)
 - [ ] Client Components (99% of what would be needed.)
   - [X] Charts
-  - [ ] Poor Intellisense support? Could be this issue.
+  - [X] Poor Intellisense support? Could be this issue. - fixed.
   - [ ] Api Wrapper
   - [X] Params/Active State for Menu/Nav matching - built in.
   - [ ] CDN Bundle (import CDN/'state', 'jux' from cdn.)

package/lib/components/docs-data.json

@@ -3471,6 +3471,12 @@
       "description": "Write - Simple content writer with no component tracking",
       "constructor": "jux.write(content: string, options: WriteOptions = {})",
       "fluentMethods": [
+        {
+          "name": "html",
+          "params": "(enabled)",
+          "returns": "this",
+          "description": "Set html"
+        },
         {
           "name": "render",
           "params": "(targetSelector?)",
@@ -3512,5 +3518,5 @@
     }
   ],
   "version": "1.0.0",
-  "lastUpdated": "2026-01-21T20:25:28.145Z"
+  "lastUpdated": "2026-01-22T14:21:19.068Z"
 }

package/lib/components/req.ts

@@ -211,8 +211,10 @@ export class Req {
         }
 
         // Starts with match (for parent routes)
+        // Must be followed by a path separator or end of string
         // e.g., "/examples/sample" matches "/examples/sample/dashboards"
-        if (href !== '/' && this.path.startsWith(href)) {
+        // but "/examples/sam" does NOT match "/examples/sample/dashboards"
+        if (href !== '/' && (this.path === href || this.path.startsWith(href + '/'))) {
             return true;
         }
 

package/lib/components/token-calculator.ts

@@ -184,9 +184,7 @@ export class TokenCalculator {
         const content = wrapper.querySelector('.jux-token-calculator-content');
         if (content) {
             content.innerHTML = this._buildContent();
-            if (this.state.animated) {
-                this._animateNumbers();
-            }
+
         }
     }
 
@@ -195,26 +193,7 @@ export class TokenCalculator {
         const { estimates } = summary;
 
         return `
-      <div class="jux-token-summary">
-        <div class="jux-token-stat">
-          <div class="jux-token-stat-value" data-value="${summary.juxTokens}">0</div>
-          <div class="jux-token-stat-label">JUX Tokens</div>
-        </div>
-        <div class="jux-token-stat jux-token-stat-highlight">
-          <div class="jux-token-stat-value" data-value="${summary.averageTokenSavings}">0</div>
-          <div class="jux-token-stat-label">Avg. Tokens Saved</div>
-        </div>
-        <div class="jux-token-stat">
-          <div class="jux-token-stat-value" data-value="${summary.averageReduction}">0</div>
-          <div class="jux-token-stat-label">% Reduction</div>
-        </div>
-      </div>
-
       ${this.state.showComparison ? `
-        <div class="jux-token-comparison">
-          ${estimates.map(est => this._buildComparisonBar(est)).join('')}
-        </div>
-
         <div class="jux-token-details">
           <table class="jux-token-table">
             <thead>
@@ -267,47 +246,7 @@ export class TokenCalculator {
     `;
     }
 
-    private _animateNumbers(): void {
-        if (!this.container) return;
 
-        const values = this.container.querySelectorAll('.jux-token-stat-value[data-value]');
-        const bars = this.container.querySelectorAll('.jux-token-bar[data-width]');
-
-        // Animate stat numbers
-        values.forEach((el) => {
-            const target = parseInt((el as HTMLElement).dataset.value || '0');
-            this._animateValue(el as HTMLElement, 0, target, 1000);
-        });
-
-        // Animate bars
-        setTimeout(() => {
-            bars.forEach((bar) => {
-                const width = (bar as HTMLElement).dataset.width;
-                (bar as HTMLElement).style.width = `${width}%`;
-            });
-        }, 100);
-    }
-
-    private _animateValue(element: HTMLElement, start: number, end: number, duration: number): void {
-        const startTime = performance.now();
-
-        const animate = (currentTime: number) => {
-            const elapsed = currentTime - startTime;
-            const progress = Math.min(elapsed / duration, 1);
-
-            // Ease out cubic
-            const easeProgress = 1 - Math.pow(1 - progress, 3);
-            const current = Math.round(start + (end - start) * easeProgress);
-
-            element.textContent = current.toLocaleString();
-
-            if (progress < 1) {
-                this.animationFrame = requestAnimationFrame(animate);
-            }
-        };
-
-        this.animationFrame = requestAnimationFrame(animate);
-    }
 
     /* -------------------------
      * Render
@@ -346,12 +285,6 @@ export class TokenCalculator {
     `;
 
         container.appendChild(wrapper);
-
-        // Trigger animations
-        if (this.state.animated) {
-            requestAnimationFrame(() => this._animateNumbers());
-        }
-
         return this;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "juxscript",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "type": "module",
   "description": "A JavaScript UX authorship platform",
   "main": "lib/jux.js",