juxscript 1.0.88 → 1.0.90

package/machinery/verifier.js

@@ -1,135 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import http from 'http';
-import * as acorn from 'acorn';
-
-/**
- * Checks the static `distDir` for critical files and valid import map references.
- * Returns true if healthy, false if broken.
- */
-export function verifyStaticBuild(distDir) {
-    const errors = [];
-
-    if (!fs.existsSync(distDir)) {
-        console.error('❌ Dist dir does not exist');
-        return false;
-    }
-
-    // 1. Critical Files Existence
-    const critical = ['index.html', 'main.js'];
-    for (const f of critical) {
-        if (!fs.existsSync(path.join(distDir, f))) {
-            errors.push(`Missing critical artifact: ${f}`);
-        }
-    }
-
-    // 2. Import Map Integrity Check
-    let importMap = {};
-    try {
-        const indexPath = path.join(distDir, 'index.html');
-        if (fs.existsSync(indexPath)) {
-            const html = fs.readFileSync(indexPath, 'utf8');
-            const match = html.match(/<script type="importmap">([\s\S]*?)<\/script>/);
-
-            if (match && match[1]) {
-                importMap = JSON.parse(match[1]).imports || {};
-                Object.entries(importMap).forEach(([key, url]) => {
-                    // Skip folders (trailing slash) and CDN links
-                    if (typeof url === 'string' && !url.endsWith('/') && !url.startsWith('http')) {
-                        const fsPath = url.replace(/^\//, '').split('?')[0];
-                        const fullPath = path.join(distDir, fsPath);
-
-                        if (!fs.existsSync(fullPath)) {
-                            errors.push(`Broken Import Map: "${key}" -> ${url} (File not found)`);
-                        }
-                    }
-                });
-            }
-        }
-    } catch (e) {
-        errors.push(`Import Map Verification Error: ${e.message}`);
-    }
-
-    // 3. Bundle Import Verification (Detect Ghost Dependencies)
-    const mainJsPath = path.join(distDir, 'main.js');
-    if (fs.existsSync(mainJsPath)) {
-        try {
-            const code = fs.readFileSync(mainJsPath, 'utf8');
-            const ast = acorn.parse(code, { ecmaVersion: 'latest', sourceType: 'module' });
-
-            ast.body.forEach(node => {
-                if (node.type === 'ImportDeclaration') {
-                    const source = node.source.value;
-
-                    if (source.startsWith('/') || source.startsWith('.')) {
-                        return;
-                    }
-
-                    // ✅ FIX: Check if the file exists locally in dist (e.g. copied assets)
-                    // If it exists on disk, it's not a ghost dependency from node_modules
-                    // This handles cases where a file was copied but imported as a bare specifier (though compiler should fix that too)
-                    if (fs.existsSync(path.join(distDir, source))) {
-                        return;
-                    }
-
-                    if (!importMap[source] && !importMap[source + '/']) {
-                        errors.push(`Ghost Dependency: '${source}' is imported in main.js but missing from Import Map.`);
-                    }
-                }
-            });
-        } catch (e) {
-            errors.push(`Failed to parse main.js for verification: ${e.message}`);
-        }
-    }
-
-    if (errors.length > 0) {
-        console.error(`\n❌ BUILD VERIFICATION FAILED (${errors.length} errors):`);
-        errors.forEach(e => console.error(`   - ${e}`));
-        console.log('');
-        return false;
-    }
-
-    return true;
-}
-
-export function verifyRuntime(port) {
-    return new Promise((resolve) => {
-        const errors = [];
-
-        // Helper to check a single URL
-        const check = (urlPath, expectedMime) => new Promise(r => {
-            const req = http.get(`http://localhost:${port}${urlPath}`, res => {
-                if (res.statusCode !== 200 && res.statusCode !== 304) {
-                    errors.push(`GET ${urlPath} : Status ${res.statusCode} (Expected 200)`);
-                } else {
-                    const ct = res.headers['content-type'] || '';
-                    if (expectedMime && !ct.includes(expectedMime)) {
-                        errors.push(`GET ${urlPath} : Bad MIME type. Got "${ct}", expected "${expectedMime}".`);
-                    }
-                }
-                res.resume();
-                r();
-            });
-
-            req.on('error', e => {
-                errors.push(`GET ${urlPath} : Connection failed - ${e.message}`);
-                r();
-            });
-        });
-
-        // Run checks in parallel
-        Promise.all([
-            check('/', 'text/html'),
-            check('/main.js', 'application/javascript'),
-        ]).then(() => {
-            if (errors.length > 0) {
-                console.error(`\n💥 RUNTIME VERIFICATION FAILED (${errors.length} errors):`);
-                errors.forEach(e => console.error(`   - ${e}`));
-                console.log('');
-                resolve(false);
-            } else {
-                resolve(true);
-            }
-        });
-    });
-}

package/tests/dropdown-test.js

@@ -1,25 +0,0 @@
-import { dropdown } from '../lib/components/dropdown.js';
-
-
-const dd = dropdown('test-dropdown', {
-    items: [
-        { value: 'option1', label: 'Option 1' },
-        { value: 'option2', label: 'Option 2' },
-        { value: 'option3', label: 'Option 3' }
-    ],
-    placeholder: 'Select an option',
-    searchable: true,
-    multiSelect: false
-});
-//dd.open();
-
-console.log('Current Props', dd.props)
-
-
-
-dd.select('option3');
-dd.open();
-
-console.log('Dropdown opened:', dd.props);
-//dd.selectItem('option2');
-//console.log('Selected item:', dd.getSelectedItems());

package/tests/juxerrors/bad_syntax.jux

@@ -1,8 +0,0 @@
-import { jux } from 'juxscript';
-
-// This is valid
-jux.hero('syntax-test', { title: 'Syntax Test' }).render('#app');
-
-// This is INVALID syntax and should fail the compiler
-
-const brokenVariable = ; 

package/tests/juxerrors/ghost_dep.jux

@@ -1,10 +0,0 @@
-import { jux } from 'juxscript';
-
-// ❌ This dependency does not exist in node_modules
-// The compiler will warn, but might proceed. 
-// The Verifier should CATCH this because 'phantom-lib' won't be in the import map.
-import { magic } from 'phantom-lib';
-
-jux.hero('dep-test', { title: 'Ghost Dependency' }).render('#app');
-
-console.log(magic);

package/tests/server_plugin_test.ts

@@ -1,191 +0,0 @@
-import { ListEngine, ListItem } from '../lib/componentsv2/list/engine.js';
-import { ServerSQLitePlugin } from '../lib/componentsv2/plugins/ServerSQLitePlugin.js';
-import Database from 'better-sqlite3';
-import fs from 'fs';
-import path from 'path';
-
-const DB_PATH = path.resolve('temp/jux_test.db');
-const PRESERVE_DB = process.argv.includes('--preserve-db');
-
-// --- Integrity System ---
-const SNAPSHOTS: Record<string, any[]> = {};
-const EXPECTATIONS: Record<string, any[]> = {};
-
-function capture(phase: string, items: ListItem[]) {
-    // Deep copy and simplify to core data shape
-    SNAPSHOTS[phase] = items.map(i => ({
-        id: i.id,
-        text: i.text,
-        classes: i.classes,
-        details: i.details
-    }));
-}
-
-function expectShape(phase: string, shape: any[]) {
-    EXPECTATIONS[phase] = shape;
-}
-
-/**
- * Generate a precision checksum for data integrity.
- */
-function getChecksum(data: any): string {
-    const str = JSON.stringify(data);
-    let hash = 5381;
-    for (let i = 0; i < str.length; i++) {
-        hash = ((hash << 5) + hash) + str.charCodeAt(i);
-    }
-    return (hash >>> 0).toString(16).toUpperCase().padStart(8, '0');
-}
-
-async function runTest() {
-    console.log('--- STARTING RIGOROUS SERVER-SIDE PLUGIN TEST ---');
-    if (PRESERVE_DB) console.log('ℹ️  MODE: Preserving Database File');
-
-    // Ensure temp directory exists
-    const tempDir = path.dirname(DB_PATH);
-    if (!fs.existsSync(tempDir)) {
-        fs.mkdirSync(tempDir, { recursive: true });
-    }
-
-    // Cleanup previous runs
-    if (fs.existsSync(DB_PATH)) fs.unlinkSync(DB_PATH);
-
-    // 1. Initialize DB
-    const db = new Database(DB_PATH);
-
-    // 🔍 PROOF OF LIFE
-    const sqliteVersion = db.prepare('select sqlite_version()').pluck().get();
-    const TEST_TIMESTAMP = new Date().toISOString();
-    const EPHEMERAL_TAG = ` [v${sqliteVersion}::${TEST_TIMESTAMP}]`;
-    console.log(`🔌 CONNECTION ACTIVE: SQLite ${sqliteVersion} | Run ID: ${TEST_TIMESTAMP}`);
-
-    const engine = new ListEngine('server-list-01');
-
-    // --- DATA CONTRACTS ---
-    const SHAPE_1_EMPTY: any[] = [];
-
-    const SHAPE_2_HYDRATED = [
-        { id: '1', text: `Alice${EPHEMERAL_TAG}`, classes: ['admin'], details: { active: true } },
-        { id: '2', text: `Bob${EPHEMERAL_TAG}`, classes: ['user'], details: { active: true } },
-        { id: '3', text: `Charlie${EPHEMERAL_TAG}`, classes: ['guest'], details: { active: false } }
-    ];
-
-    const SHAPE_3_MODIFIED = [
-        { id: '1', text: `Alice${EPHEMERAL_TAG}`, classes: ['superadmin'], details: { active: true } },
-        { id: '2', text: `Bob${EPHEMERAL_TAG}`, classes: ['user'], details: { active: true } },
-        { id: '4', text: `Dave${EPHEMERAL_TAG}`, classes: ['user'], details: {} }
-    ];
-
-    // Register Contracts
-    expectShape('PHASE 1: Empty', SHAPE_1_EMPTY);
-    expectShape('PHASE 2: Hydrated', SHAPE_2_HYDRATED);
-    expectShape('PHASE 3: Modified', SHAPE_3_MODIFIED);
-
-    // === EXECUTION ===
-
-    // Phase 1
-    console.log('\n▶ PHASE 1: Initialization');
-    capture('PHASE 1: Empty', engine.state.items);
-
-    // Phase 2
-    console.log('\n▶ PHASE 2: Schema & Hydration');
-    db.exec(`CREATE TABLE users (id INTEGER PRIMARY KEY AUTOINCREMENT, username TEXT NOT NULL, role TEXT DEFAULT 'user', meta TEXT);`);
-    const insert = db.prepare('INSERT INTO users (username, role, meta) VALUES (?, ?, ?)');
-    insert.run('Alice', 'admin', JSON.stringify({ active: true }));
-    insert.run('Bob', 'user', JSON.stringify({ active: true }));
-    insert.run('Charlie', 'guest', JSON.stringify({ active: false }));
-
-    // Inject Decoupled Plugin
-    const plugin = ServerSQLitePlugin({
-        database: db,
-        query: `SELECT id, username || '${EPHEMERAL_TAG}' as username, role, meta FROM users`,
-        bindTo: 'items', // ✅ Bind to ListEngine's 'items' property
-        mapRow: (row: any) => ({
-            id: String(row.id),
-            text: row.username,
-            classes: row.role ? [row.role] : [],
-            details: row.meta ? JSON.parse(row.meta) : {}
-        }),
-        autoLoad: true
-    });
-    engine.addPlugin(plugin);
-
-    capture('PHASE 2: Hydrated', engine.state.items);
-
-    // Phase 3
-    console.log('\n▶ PHASE 3: External Access');
-    db.prepare("UPDATE users SET role = 'superadmin' WHERE username = 'Alice'").run();
-    db.prepare("DELETE FROM users WHERE username = 'Charlie'").run();
-    db.prepare("INSERT INTO users (username, role, meta) VALUES (?, ?, ?)").run('Dave', 'user', '{}');
-
-    // @ts-ignore
-    engine['emit']('db:reload', {});
-
-    capture('PHASE 3: Modified', engine.state.items);
-
-    // === VERIFICATION REPORT ===
-    console.log('\n=============================================================');
-    console.log('       🛡️  INTEGRITY CHECKSUM REPORT                         ');
-    console.log('=============================================================');
-    console.log(` CONNECTION ACTIVE: SQLite ${sqliteVersion} | Run ID: ${TEST_TIMESTAMP}`);
-    console.log('-------------------------------------------------------------');
-    console.log(' PHASES                  | CHECKSUM | EXPECTED | STATUS      ');
-    console.log('-------------------------|----------|----------|-------------');
-
-    let allPassed = true;
-    Object.keys(EXPECTATIONS).forEach(phase => {
-        const actual = SNAPSHOTS[phase] || [];
-        const expected = EXPECTATIONS[phase];
-
-        const actHash = getChecksum(actual);
-        const expHash = getChecksum(expected);
-        const match = actHash === expHash;
-
-        if (!match) allPassed = false;
-
-        const status = match ? '✅ PASS' : '❌ FAIL';
-        console.log(` ${phase.padEnd(23)} | ${actHash} | ${expHash} | ${status}`);
-    });
-
-    console.log('-------------------------------------------------------------');
-
-    // === HISTORY DUMP ===
-    console.log('\n==================================================');
-    console.log('       📜 STATE LEDGER                           ');
-    console.log('==================================================');
-    engine.stateHistory.forEach((snap, i) => {
-        const s = JSON.parse(snap);
-        console.log(`${i.toString().padStart(2, '0')} | Items: ${s.items.length} | Loading: ${String(s.loading).padEnd(5)} | Msg: ${s.noItemsMessage || 'None'}`);
-    });
-
-    console.log('\n==================================================');
-    console.log('       📡 EVENT TOPOLOGY                         ');
-    console.log('==================================================');
-    engine.emitHistory.forEach((entryStr, i) => {
-        try {
-            const entry = JSON.parse(entryStr);
-            const time = entry.timestamp.split('T')[1].slice(0, 8);
-            const dataSummary = JSON.stringify(entry.data).substring(0, 60);
-            console.log(`#${i.toString().padStart(2, '0')} [${time}] ${entry.event.padEnd(15)} -> ${dataSummary}`);
-        } catch (e) { }
-    });
-
-    engine.dispose();
-    db.close();
-
-    // Cleanup
-    if (PRESERVE_DB) {
-        console.log(`\n💾 DATABASE PRESERVED: ${DB_PATH}`);
-    } else {
-        if (fs.existsSync(DB_PATH)) fs.unlinkSync(DB_PATH);
-    }
-
-    if (allPassed) {
-        console.log('\n🌟🌟🌟 RESOUNDING ALL TESTS PASSED 🌟🌟🌟\n');
-    } else {
-        console.error('\n💥 VERIFICATION FAILED: Checksum Mismatch detected.\n');
-        process.exit(1);
-    }
-}
-
-runTest();