thyscript 1.0.0

package/examples/login.thy.js

@@ -0,0 +1,710 @@
+'use strict';
+// Auto-generated by ThyScript CodeGenerator – do not edit manually
+// ═══════════════════════════════════════════════════════════════
+//  ThyScript Standard Library  –  __thy_stdlib
+//  Auto-generated by ThyScript CodeGenerator
+// ═══════════════════════════════════════════════════════════════
+const __thy_stdlib = (() => {
+  'use strict';
+  const _fs   = require('fs');
+  const _path = require('path');
+  const _os   = require('os');
+  const _crypto = require('crypto');
+
+  // ── math ──────────────────────────────────────────────────────
+  const math = {
+    pi:      Math.PI,
+    e:       Math.E,
+    inf:     Infinity,
+    nan:     NaN,
+    epsilon: Number.EPSILON,
+    abs:     (x) => Math.abs(x),
+    sqrt:    (x) => Math.sqrt(x),
+    pow:     (x, y) => Math.pow(x, y),
+    floor:   (x) => Math.floor(x),
+    ceil:    (x) => Math.ceil(x),
+    round:   (x) => Math.round(x),
+    sin:     (x) => Math.sin(x),
+    cos:     (x) => Math.cos(x),
+    tan:     (x) => Math.tan(x),
+    asin:    (x) => Math.asin(x),
+    acos:    (x) => Math.acos(x),
+    atan:    (x) => Math.atan(x),
+    atan2:   (y, x) => Math.atan2(y, x),
+    log:     (x) => Math.log(x),
+    log2:    (x) => Math.log2(x),
+    log10:   (x) => Math.log10(x),
+    exp:     (x) => Math.exp(x),
+    random:  () => Math.random(),
+    min:     (...args) => Math.min(...args),
+    max:     (...args) => Math.max(...args),
+    clamp:   (v, lo, hi) => Math.max(lo, Math.min(hi, v)),
+    lerp:    (a, b, t) => a + (b - a) * t,
+    hypot:   (...args) => Math.hypot(...args),
+    sign:    (x) => Math.sign(x),
+    trunc:   (x) => Math.trunc(x),
+    cbrt:    (x) => Math.cbrt(x),
+    // Fast integer math via typed arrays
+    imul:    (a, b) => Math.imul(a, b),
+    fround:  (x) => Math.fround(x),
+    clz32:   (x) => Math.clz32(x),
+  };
+
+  // Fast-math helpers using Float64Array for type stability
+  const _buf64 = new Float64Array(1);
+  const _buf32 = new Float32Array(1);
+  const fastFloor = (x) => { _buf64[0] = x; return x | 0; };
+  const fastAbs   = (x) => x < 0 ? -x : x;
+  const fastMod   = (a, b) => a - b * ((a / b) | 0);
+
+  // ── vectors ───────────────────────────────────────────────────
+  const vec = {
+    add:       (a, b) => a.map((v, i) => v + b[i]),
+    sub:       (a, b) => a.map((v, i) => v - b[i]),
+    scale:     (a, s) => a.map(v => v * s),
+    dot:       (a, b) => a.reduce((acc, v, i) => acc + v * b[i], 0),
+    cross3:    (a, b) => [
+      a[1]*b[2] - a[2]*b[1],
+      a[2]*b[0] - a[0]*b[2],
+      a[0]*b[1] - a[1]*b[0],
+    ],
+    length:    (a) => Math.hypot(...a),
+    normalize: (a) => { const len = Math.hypot(...a) || 1; return a.map(v => v / len); },
+    distance:  (a, b) => Math.hypot(...a.map((v, i) => v - b[i])),
+  };
+
+  // ── string helpers ────────────────────────────────────────────
+  const str = {
+    upper:   (s) => String(s).toUpperCase(),
+    lower:   (s) => String(s).toLowerCase(),
+    trim:    (s) => String(s).trim(),
+    split:   (s, sep) => String(s).split(sep),
+    replace: (s, pat, rep) => String(s).replace(pat, rep),
+    includes:(s, sub) => String(s).includes(sub),
+    startsWith:(s, pre) => String(s).startsWith(pre),
+    endsWith: (s, suf) => String(s).endsWith(suf),
+    repeat:  (s, n) => String(s).repeat(n),
+    pad:     (s, n, ch = ' ') => String(s).padStart(n, ch),
+    padEnd:  (s, n, ch = ' ') => String(s).padEnd(n, ch),
+    indexOf: (s, sub) => String(s).indexOf(sub),
+    slice:   (s, start, end) => String(s).slice(start, end),
+    charCode:(s, i = 0) => String(s).charCodeAt(i),
+    fromCode:(n) => String.fromCharCode(n),
+    reverse: (s) => String(s).split('').reverse().join(''),
+    count:   (s, sub) => { let c = 0, i = 0; while ((i = s.indexOf(sub, i)) !== -1) { c++; i++; } return c; },
+    format:  (tpl, ...args) => tpl.replace(/{(\d+)}/g, (_, i) => args[i] ?? ''),
+    escape:  (s) => String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;'),
+  };
+
+  // ── array helpers ─────────────────────────────────────────────
+  const arr = {
+    map:     (a, fn) => Array.from(a).map(fn),
+    filter:  (a, fn) => Array.from(a).filter(fn),
+    reduce:  (a, fn, init) => Array.from(a).reduce(fn, init),
+    find:    (a, fn) => Array.from(a).find(fn),
+    findIdx: (a, fn) => Array.from(a).findIndex(fn),
+    sort:    (a, fn) => [...a].sort(fn),
+    flat:    (a, d = 1) => Array.from(a).flat(d),
+    flatMap: (a, fn) => Array.from(a).flatMap(fn),
+    unique:  (a) => [...new Set(a)],
+    zip:     (...arrs) => arrs[0].map((_, i) => arrs.map(a => a[i])),
+    chunk:   (a, n) => { const res = []; for (let i = 0; i < a.length; i += n) res.push(a.slice(i, i+n)); return res; },
+    shuffle: (a) => { const r = [...a]; for (let i = r.length-1; i > 0; i--) { const j = Math.floor(Math.random()*(i+1)); [r[i],r[j]]=[r[j],r[i]]; } return r; },
+    range:   (start, end, step = 1) => { const r = []; for (let i = start; i < end; i += step) r.push(i); return r; },
+    sum:     (a) => a.reduce((acc, v) => acc + v, 0),
+    avg:     (a) => a.reduce((acc, v) => acc + v, 0) / a.length,
+    min:     (a) => Math.min(...a),
+    max:     (a) => Math.max(...a),
+    includes:(a, v) => Array.from(a).includes(v),
+    count:   (a, v) => Array.from(a).filter(x => x === v).length,
+    first:   (a) => a[0],
+    last:    (a) => a[a.length - 1],
+    take:    (a, n) => a.slice(0, n),
+    drop:    (a, n) => a.slice(n),
+    reverse: (a) => [...a].reverse(),
+  };
+
+  // ── object helpers ────────────────────────────────────────────
+  const obj = {
+    keys:    (o) => Object.keys(o),
+    values:  (o) => Object.values(o),
+    entries: (o) => Object.entries(o),
+    merge:   (...os) => Object.assign({}, ...os),
+    clone:   (o) => JSON.parse(JSON.stringify(o)),
+    pick:    (o, keys) => keys.reduce((acc, k) => { if (k in o) acc[k] = o[k]; return acc; }, {}),
+    omit:    (o, keys) => { const r = {...o}; keys.forEach(k => delete r[k]); return r; },
+    has:     (o, k) => Object.prototype.hasOwnProperty.call(o, k),
+    freeze:  (o) => Object.freeze(o),
+    seal:    (o) => Object.seal(o),
+    fromEntries: (e) => Object.fromEntries(e),
+    assign:  (target, ...sources) => Object.assign(target, ...sources),
+    flatten: (o, prefix = '') => {
+      return Object.keys(o).reduce((acc, k) => {
+        const key = prefix ? prefix + '.' + k : k;
+        if (typeof o[k] === 'object' && o[k] !== null && !Array.isArray(o[k]))
+          Object.assign(acc, obj.flatten(o[k], key));
+        else acc[key] = o[k];
+        return acc;
+      }, {});
+    },
+  };
+
+  // ── I/O helpers ───────────────────────────────────────────────
+  const io = {
+    print:   (...args) => { process.stdout.write(args.map(a => __thy_stringify(a)).join(' ') + '\n'); },
+    printErr:(...args) => { process.stderr.write(args.map(a => __thy_stringify(a)).join(' ') + '\n'); },
+    write:   (s) => { process.stdout.write(String(s)); },
+    read:    (fp) => _fs.readFileSync(fp, 'utf8'),
+    readLines:(fp) => _fs.readFileSync(fp, 'utf8').split('\n'),
+    write_:  (fp, data) => _fs.writeFileSync(fp, data, 'utf8'),
+    append:  (fp, data) => _fs.appendFileSync(fp, data, 'utf8'),
+    exists:  (fp) => _fs.existsSync(fp),
+    mkdir:   (fp) => _fs.mkdirSync(fp, { recursive: true }),
+    readdir: (fp) => _fs.readdirSync(fp),
+    rm:      (fp) => _fs.rmSync(fp, { recursive: true, force: true }),
+    stat:    (fp) => _fs.statSync(fp),
+    isFile:  (fp) => _fs.existsSync(fp) && _fs.statSync(fp).isFile(),
+    isDir:   (fp) => _fs.existsSync(fp) && _fs.statSync(fp).isDirectory(),
+    cwd:     () => process.cwd(),
+    home:    () => _os.homedir(),
+    tempDir: () => _os.tmpdir(),
+    sep:     _path.sep,
+    join:    (...parts) => _path.join(...parts),
+    resolve: (...parts) => _path.resolve(...parts),
+    dirname: (p) => _path.dirname(p),
+    basename:(p, ext) => _path.basename(p, ext),
+    ext:     (p) => _path.extname(p),
+  };
+
+  // ── crypto helpers ────────────────────────────────────────────
+  const security = {
+    hash:    (data, alg = 'sha256') => _crypto.createHash(alg).update(String(data)).digest('hex'),
+    hmac:    (key, data, alg = 'sha256') => _crypto.createHmac(alg, key).update(String(data)).digest('hex'),
+    random:  (n = 16) => _crypto.randomBytes(n).toString('hex'),
+    uuid:    () => _crypto.randomUUID ? _crypto.randomUUID() : _crypto.randomBytes(16).toString('hex').replace(/(........)(....)(....)(....)(............)/, '$1-$2-$3-$4-$5'),
+    encrypt: (text, key) => {
+      const iv = _crypto.randomBytes(16);
+      const k  = _crypto.createHash('sha256').update(key).digest();
+      const c  = _crypto.createCipheriv('aes-256-cbc', k, iv);
+      return iv.toString('hex') + ':' + Buffer.concat([c.update(text), c.final()]).toString('hex');
+    },
+    decrypt: (enc, key) => {
+      const [ivHex, data] = enc.split(':');
+      const iv = Buffer.from(ivHex, 'hex');
+      const k  = _crypto.createHash('sha256').update(key).digest();
+      const d  = _crypto.createDecipheriv('aes-256-cbc', k, iv);
+      return Buffer.concat([d.update(Buffer.from(data, 'hex')), d.final()]).toString();
+    },
+    base64encode: (s) => Buffer.from(String(s)).toString('base64'),
+    base64decode: (s) => Buffer.from(String(s), 'base64').toString(),
+  };
+
+  // ── type helpers ──────────────────────────────────────────────
+  const types = {
+    isNum:   (v) => typeof v === 'number' && !isNaN(v),
+    isStr:   (v) => typeof v === 'string',
+    isBool:  (v) => typeof v === 'boolean',
+    isNull:  (v) => v === null,
+    isUndef: (v) => v === undefined,
+    isArr:   (v) => Array.isArray(v),
+    isObj:   (v) => v !== null && typeof v === 'object' && !Array.isArray(v),
+    isFn:    (v) => typeof v === 'function',
+    type:    (v) => v === null ? 'null' : Array.isArray(v) ? 'array' : typeof v,
+    toNum:   (v) => Number(v),
+    toStr:   (v) => String(v),
+    toBool:  (v) => Boolean(v),
+    toInt:   (v) => parseInt(v, 10),
+    toFloat: (v) => parseFloat(v),
+    toArr:   (v) => Array.isArray(v) ? v : [v],
+    toJson:  (v) => JSON.stringify(v, null, 2),
+    fromJson:(v) => JSON.parse(v),
+  };
+
+  // ── time helpers ──────────────────────────────────────────────
+  const time = {
+    now:     () => Date.now(),
+    date:    () => new Date(),
+    sleep:   (ms) => new Promise(r => setTimeout(r, ms)),
+    perf:    () => typeof performance !== 'undefined' ? performance.now() : Number(process.hrtime.bigint()) / 1e6,
+    format:  (d = new Date()) => d.toISOString(),
+    unix:    () => Math.floor(Date.now() / 1000),
+  };
+
+  // ── async/process helpers ─────────────────────────────────────
+  const proc = {
+    env:     (k, def = '') => process.env[k] || def,
+    args:    () => process.argv.slice(2),
+    exit:    (code = 0) => process.exit(code),
+    pid:     () => process.pid,
+    memUsage:() => process.memoryUsage(),
+    cpuUsage:() => process.cpuUsage(),
+    platform:() => process.platform,
+    arch:    () => process.arch,
+    version: () => process.version,
+    hrtime:  () => process.hrtime.bigint(),
+    nextTick:(fn) => process.nextTick(fn),
+  };
+
+  // ── http helpers ──────────────────────────────────────────────
+  const http = {
+    fetch: async (url, opts = {}) => {
+      const https = url.startsWith('https') ? require('https') : require('http');
+      return new Promise((resolve, reject) => {
+        const req = https.request(url, { method: opts.method || 'GET', headers: opts.headers || {} }, (res) => {
+          let data = '';
+          res.on('data', chunk => data += chunk);
+          res.on('end', () => resolve({ status: res.statusCode, headers: res.headers, body: data,
+            json: () => JSON.parse(data), text: () => data }));
+        });
+        req.on('error', reject);
+        if (opts.body) req.write(typeof opts.body === 'string' ? opts.body : JSON.stringify(opts.body));
+        req.end();
+      });
+    },
+    get:  async (url, headers = {}) => http.fetch(url, { method: 'GET', headers }),
+    post: async (url, body, headers = {}) => http.fetch(url, { method: 'POST', body, headers: { 'Content-Type': 'application/json', ...headers } }),
+  };
+
+  // ── persist helpers ───────────────────────────────────────────
+  const persist = {
+    save: (name, data) => {
+      const fp = _path.join(process.cwd(), name + '.thysave');
+      _fs.writeFileSync(fp, JSON.stringify(data, null, 2), 'utf8');
+    },
+    load: (name) => {
+      const fp = _path.join(process.cwd(), name + '.thysave');
+      if (!_fs.existsSync(fp)) return null;
+      return JSON.parse(_fs.readFileSync(fp, 'utf8'));
+    },
+    del: (name) => {
+      const fp = _path.join(process.cwd(), name + '.thysave');
+      if (_fs.existsSync(fp)) _fs.unlinkSync(fp);
+    },
+  };
+
+  // ── optimised calculate ───────────────────────────────────────
+  const __thy_calculate = (expr) => {
+    // expr is already a JS expression string – evaluate safely
+    // This is called at runtime for dynamic calculate() statements
+    try {
+      // Use Function constructor for safe, optimisable evaluation
+      return (new Function('Math', `return (${expr});`))(Math);
+    } catch(e) {
+      throw new TypeError('[ThyScript] calculate error: ' + e.message);
+    }
+  };
+
+  return Object.freeze({
+    math, vec, str, arr, obj, io, security, types, time, proc, http, persist,
+    fastFloor, fastAbs, fastMod,
+    __thy_calculate,
+    // convenience top-level aliases
+    print: io.print,
+    len:   (v) => (Array.isArray(v) || typeof v === 'string') ? v.length : Object.keys(v).length,
+    range: arr.range,
+    type:  types.type,
+    hash:  security.hash,
+    sleep: time.sleep,
+    now:   time.now,
+    env:   proc.env,
+    fetch: http.fetch,
+    save:  persist.save,
+    load:  persist.load,
+  });
+})();
+
+// Convenience globals injected from stdlib
+const __thy_print  = __thy_stdlib.print;
+const __thy_len    = __thy_stdlib.len;
+const __thy_range  = __thy_stdlib.range;
+const __thy_sleep  = __thy_stdlib.time.sleep;
+
+function __thy_stringify(v) {
+  if (v === null) return 'null';
+  if (v === undefined) return 'undefined';
+  if (typeof v === 'object') { try { return JSON.stringify(v); } catch(_) { return String(v); } }
+  return String(v);
+}
+
+// Shared typed buffers for hot numeric paths
+const __thy_f64 = new Float64Array(256);
+const __thy_i32 = new Int32Array(256);
+const __thy_sab = typeof SharedArrayBuffer !== 'undefined' ? new SharedArrayBuffer(4096) : null;
+
+const __thy_express = (() => { try { return require('express'); } catch(_) { return null; } })();
+const __thy_app = __thy_express ? __thy_express() : null;
+
+// ── program body ──────────────────────────────────────────────
+(async () => {
+  let port = 3001;
+  let secretKey = 'thyscript_super_secret_auth_key_2024';
+  let users = [];
+  let sessions = {  };
+  // [public] class
+  class User {
+    constructor() {
+      this.id = '';
+      this.username = '';
+      this.email = '';
+      this.passwordHash = '';
+      this.role = 'user';
+      this.createdAt = '';
+    }
+  }
+  // [ThyScript] Server declaration
+  if (!__thy_express) throw new Error('[ThyScript] express is not installed. Run: npm install express');
+  __thy_app.use(require('express').json());
+  __thy_app.use(require('express').urlencoded({ extended: true }));
+  __thy_print('🔐 Starting ThyScript Auth Server on port 3001...');
+  const __thy_server = __thy_app.listen(3001, '0.0.0.0', () => {
+    __thy_print(`[ThyScript] Server running on http://${'0.0.0.0'}:${3001}`);
+  });
+  if (__thy_app) {
+    __thy_app.get('/', async (request, response) => {
+      const req = request; const res = response;
+      // HtmlClass: login_page
+      const __html_login_page = `<!DOCTYPE html>
+<html lang="id">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ThyScript Secure Auth</title>
+    <style>
+        * { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
+        body {
+            background: linear-gradient(135deg, #090919 0%, #151528 50%, #0d1b2a 100%);
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            color: #fff;
+            padding: 20px;
+        }
+        .container {
+            width: 100%;
+            max-width: 420px;
+        }
+        .brand {
+            text-align: center;
+            margin-bottom: 24px;
+        }
+        .brand .logo {
+            font-size: 42px;
+            display: inline-block;
+            background: -webkit-linear-gradient(#6366f1, #a855f7);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            font-weight: 900;
+        }
+        .brand p {
+            color: rgba(255, 255, 255, 0.5);
+            font-size: 14px;
+            margin-top: 4px;
+        }
+        .card {
+            background: rgba(255, 255, 255, 0.04);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 24px;
+            padding: 32px;
+            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
+        }
+        .tabs {
+            display: flex;
+            background: rgba(0, 0, 0, 0.3);
+            padding: 4px;
+            border-radius: 14px;
+            margin-bottom: 24px;
+        }
+        .tab {
+            flex: 1;
+            padding: 10px;
+            border: none;
+            background: transparent;
+            color: rgba(255, 255, 255, 0.6);
+            font-size: 14px;
+            font-weight: 600;
+            border-radius: 10px;
+            cursor: pointer;
+            transition: all 0.2s ease;
+        }
+        .tab.active {
+            background: linear-gradient(135deg, #6366f1, #a855f7);
+            color: #fff;
+            box-shadow: 0 4px 15px rgba(99, 102, 241, 0.35);
+        }
+        .form-group {
+            margin-bottom: 18px;
+        }
+        label {
+            display: block;
+            font-size: 13px;
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: rgba(255, 255, 255, 0.8);
+        }
+        input {
+            width: 100%;
+            background: rgba(255, 255, 255, 0.06);
+            border: 1px solid rgba(255, 255, 255, 0.12);
+            border-radius: 12px;
+            padding: 14px 16px;
+            font-size: 15px;
+            color: #fff;
+            outline: none;
+            transition: all 0.2s;
+        }
+        input:focus {
+            border-color: #818cf8;
+            background: rgba(255, 255, 255, 0.09);
+            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
+        }
+        .btn-submit {
+            width: 100%;
+            padding: 14px;
+            border: none;
+            border-radius: 12px;
+            background: linear-gradient(135deg, #6366f1, #a855f7);
+            color: white;
+            font-size: 16px;
+            font-weight: 600;
+            cursor: pointer;
+            margin-top: 10px;
+            transition: all 0.2s ease;
+        }
+        .btn-submit:hover { transform: translateY(-2px); filter: brightness(1.1); }
+        .btn-submit:active { transform: translateY(0); }
+        .alert {
+            padding: 12px 16px;
+            border-radius: 12px;
+            margin-top: 16px;
+            font-size: 14px;
+            display: none;
+        }
+        .alert-success { background: rgba(16, 185, 129, 0.2); border: 1px solid rgba(16, 185, 129, 0.4); color: #34d399; }
+        .alert-error { background: rgba(239, 68, 68, 0.2); border: 1px solid rgba(239, 68, 68, 0.4); color: #f87171; }
+        
+        /* Dashboard view */
+        .dashboard {
+            display: none;
+            text-align: center;
+        }
+        .user-icon {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            background: linear-gradient(135deg, #6366f1, #a855f7);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 32px;
+            margin: 0 auto 16px;
+            color: white;
+        }
+        .token-box {
+            background: rgba(0, 0, 0, 0.4);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 12px;
+            padding: 14px;
+            font-size: 12px;
+            font-family: monospace;
+            word-break: break-all;
+            color: #a78bfa;
+            margin: 16px 0;
+            text-align: left;
+        }
+        .btn-logout {
+            padding: 10px 24px;
+            border-radius: 12px;
+            border: 1px solid rgba(239, 68, 68, 0.4);
+            background: rgba(239, 68, 68, 0.15);
+            color: #fca5a5;
+            cursor: pointer;
+            font-weight: 600;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="brand">
+            <div class="logo">⚡ ThyScript Auth</div>
+            <p>High-Security Authentication System</p>
+        </div>
+
+        <div class="card" id="authBox">
+            <div class="tabs">
+                <button class="tab active" onclick="switchTab('login')">Masuk</button>
+                <button class="tab" onclick="switchTab('register')">Daftar</button>
+            </div>
+
+            <div id="loginForm">
+                <div class="form-group">
+                    <label>Username</label>
+                    <input type="text" id="logUser" placeholder="Masukkan username">
+                </div>
+                <div class="form-group">
+                    <label>Password</label>
+                    <input type="password" id="logPass" placeholder="Masukkan password">
+                </div>
+                <button class="btn-submit" onclick="doLogin()">🔑 Masuk Sekarang</button>
+            </div>
+
+            <div id="registerForm" style="display:none">
+                <div class="form-group">
+                    <label>Username</label>
+                    <input type="text" id="regUser" placeholder="Pilih username unik">
+                </div>
+                <div class="form-group">
+                    <label>Email</label>
+                    <input type="email" id="regEmail" placeholder="nama@domain.com">
+                </div>
+                <div class="form-group">
+                    <label>Password</label>
+                    <input type="password" id="regPass" placeholder="Minimal 6 karakter">
+                </div>
+                <button class="btn-submit" onclick="doRegister()">✨ Buat Akun Baru</button>
+            </div>
+
+            <div id="alertBox" class="alert"></div>
+        </div>
+
+        <div class="card dashboard" id="dashBox">
+            <div class="user-icon" id="userInitial">U</div>
+            <h2 id="userNameText">Selamat Datang!</h2>
+            <p id="userEmailText" style="color: rgba(255,255,255,0.6); margin-top: 4px;"></p>
+            <div class="token-box">
+                <div style="color: rgba(255,255,255,0.4); margin-bottom: 4px;">ACTIVE AUTH TOKEN (JWT):</div>
+                <span id="tokenText"></span>
+            </div>
+            <button class="btn-logout" onclick="doLogout()">🚪 Keluar</button>
+        </div>
+    </div>
+
+    <script>
+        function switchTab(t) {
+            document.querySelectorAll('.tab').forEach((el, idx) => {
+                el.classList.toggle('active', (t === 'login' && idx === 0) || (t === 'register' && idx === 1));
+            });
+            document.getElementById('loginForm').style.display = t === 'login' ? 'block' : 'none';
+            document.getElementById('registerForm').style.display = t === 'register' ? 'block' : 'none';
+            hideAlert();
+        }
+
+        function showAlert(msg, isError) {
+            const b = document.getElementById('alertBox');
+            b.className = 'alert ' + (isError ? 'alert-error' : 'alert-success');
+            b.innerText = msg;
+            b.style.display = 'block';
+        }
+
+        function hideAlert() {
+            document.getElementById('alertBox').style.display = 'none';
+        }
+
+        async function doRegister() {
+            const username = document.getElementById('regUser').value.trim();
+            const email = document.getElementById('regEmail').value.trim();
+            const password = document.getElementById('regPass').value;
+
+            if (!username || !email || !password) return showAlert('Semua bidang harus diisi!', true);
+
+            const res = await fetch('/api/register', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ username, email, password })
+            });
+            const data = await res.json();
+            if (data.success) {
+                showAlert('Pendaftaran sukses! Silakan masuk.', false);
+                switchTab('login');
+            } else {
+                showAlert(data.message || 'Registrasi gagal', true);
+            }
+        }
+
+        async function doLogin() {
+            const username = document.getElementById('logUser').value.trim();
+            const password = document.getElementById('logPass').value;
+
+            if (!username || !password) return showAlert('Masukkan username dan password!', true);
+
+            const res = await fetch('/api/login', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ username, password })
+            });
+            const data = await res.json();
+            if (data.success) {
+                document.getElementById('authBox').style.display = 'none';
+                document.getElementById('dashBox').style.display = 'block';
+                document.getElementById('userNameText').innerText = 'Halo, ' + data.user.username + '!';
+                document.getElementById('userEmailText').innerText = data.user.email;
+                document.getElementById('userInitial').innerText = data.user.username[0].toUpperCase();
+                document.getElementById('tokenText').innerText = data.token;
+            } else {
+                showAlert(data.message || 'Username atau password salah', true);
+            }
+        }
+
+        function doLogout() {
+            document.getElementById('dashBox').style.display = 'none';
+            document.getElementById('authBox').style.display = 'block';
+            document.getElementById('logPass').value = '';
+            hideAlert();
+        }
+    </script>
+</body>
+</html>`;
+      if (typeof response !== 'undefined' && response && typeof response.send === 'function') {
+        response.setHeader('Content-Type', 'text/html; charset=utf-8');
+        response.send(__html_login_page);
+      } else if (typeof __thy_app !== 'undefined' && __thy_app) {
+        __thy_app.get('/login_page', (req, res) => {
+          res.setHeader('Content-Type', 'text/html; charset=utf-8');
+          res.send(__html_login_page);
+        });
+      }
+    });
+  }
+  if (__thy_app) {
+    __thy_app.post('/api/register', async (request, response) => {
+      const req = request; const res = response;
+      let username = request.body.username;
+      let email = request.body.email;
+      let password = request.body.password;
+      if (((!username || !email) || !password)) {
+        response.json({ 'success': false, 'message': 'Field tidak boleh kosong' });
+      }
+      if (found) {
+        response.json({ 'success': false, 'message': 'Username sudah terdaftar' });
+      } else {
+        let hash = (security.hashPassword ? awaitsecurity.hashPassword(password) : security.hash(password));
+        let newUser = { 'id': String(Date.now()), 'username': username, 'email': email, 'passwordHash': hash, 'role': 'user', 'createdAt': new Date().toISOString() };
+        users += newUser;
+        __thy_print(('👤 New user registered: ' + username));
+        response.json({ 'success': true, 'message': 'User registered successfully' });
+      }
+    });
+  }
+  if (__thy_app) {
+    __thy_app.post('/api/login', async (request, response) => {
+      const req = request; const res = response;
+      let username = request.body.username;
+      let password = request.body.password;
+      if (!user) {
+        response.json({ 'success': false, 'message': 'User tidak ditemukan' });
+      } else {
+        let isValid = (security.verifyPassword ? awaitsecurity.verifyPassword(password, user.passwordHash) : (security.hash(password) === user.passwordHash));
+        if (!isValid) {
+          response.json({ 'success': false, 'message': 'Password salah' });
+        } else {
+          let token = (security.generateToken ? security.generateToken({ 'username': user.username, 'email': user.email }, secretKey) : security.hash((user.username + secretKey)));
+          __thy_print(('🔑 User logged in: ' + username));
+          response.json({ 'success': true, 'token': token, 'user': { 'username': user.username, 'email': user.email, 'role': user.role } });
+        }
+      }
+    });
+  }
+  __thy_print(('🚀 ThyScript Login Server ready on port ' + port));
+})().catch(e => { console.error("[ThyScript Runtime Error]", e); process.exit(1); });