lumpiajs 1.0.9 → 1.0.10

package/README.md

@@ -1,46 +1,64 @@
 # 🥟 LumpiaJS
 
-**Bahasa Pemrograman Web dengan Kearifan Lokal Semarangan.**
+**"Bahasa Pemrograman Web dengan Kearifan Lokal Semarangan."**
+
+Framework Static SPA 100% Client-Side. Coding pakai bahasa sehari-hari.
 
 ---
 
-## 🦄 Deployment Ajaib (Universal)
+## 🗣️ Kamus Bahasa
 
-Ini fitur andalan LumpiaJS. Satu folder build (`dist`) bisa jalan di mana saja tanpa ubah kodingan.
+| Semarangan    | JS Asli       | Arti                  |
+| :------------ | :------------ | :-------------------- |
+| **`aku`**     | `this`        | Diri Sendiri (Object) |
+| **`fungsi`**  | `function`    | Fungsi                |
+| **`paten`**   | `const`       | Konstan               |
+| **`ono`**     | `let`         | Ada / Variabel        |
+| **`mengko`**  | `async`       | Nanti (Async)         |
+| **`nteni`**   | `await`       | Tunggu (Await)        |
+| **`balek`**   | `return`      | Kembali               |
+| **`kandani`** | `console.log` | Bilangi               |
 
-User (Browser) akan menembak alamat `/api`.
+_Plus fitur **Laravel Syntax**: `aku->tampil()`._
 
-- Jika di **Hosting PHP**, server otomatis mengarahkan ke `api.php`.
-- Jika di **Vercel/Node**, server otomatis mengarahkan ke `api.js`.
+**Contoh Coding (`HomeController.lmp`):**
 
-### 1. Build Project
+```javascript
+export default class HomeController extends Controller {
+    mengko index() {
+        paten pesan = 'Halo Lur!';
 
-```bash
-lumpia goreng
+        // Panggil fungsi view
+        balek aku->tampil('home', { msg: pesan });
+    }
+}
 ```
 
-### 2. Panduan Deploy
+---
 
-**A. Hosting PHP / XAMPP (Apache)**
+## 🚀 Cara Pakai
 
-1.  Copy `dist` ke server.
-2.  Edit **`api.php`** (Isi config database).
-3.  Selesai.
-    _Server otomatis pakai `.htaccess` untuk routing._
+**1. Install**
 
-**B. Vercel (Gratis)**
+```bash
+npm install -g lumpiajs
+```
 
-1.  Drag `dist` ke Vercel (atau push git).
-2.  Set Environment Variables di Vercel (`DB_HOST`, `DB_USER`, dll).
-3.  Selesai.
-    _Vercel otomatis baca `vercel.json` dan pakai `api.js` sebagai serverless function._
+**2. Buat Project & Develop**
 
-**C. VPS (Node.js)**
+```bash
+lumpia create-project warung-ku
+cd warung-ku && npm install
+lumpia kukus
+```
+
+**3. Build Static (Goreng)**
+
+```bash
+lumpia goreng
+```
 
-1.  Upload `dist`.
-2.  `npm install`
-3.  `npm start`
-    _Node akan menjalankan `server.js`._
+Upload folder `dist` kemana saja (Hosting Biasa/GitHub Pages).
 
 ---
 

package/lib/commands/build.js

@@ -1,45 +1,68 @@
 
-import fs from 'fs';
-import path from 'path';
-import { spawnSync } from 'child_process';
-import { loadConfig } from '../core/Config.js';
-
-// --- HELPERS ---
-function transpileContent(content) {
+// KAMUS SEMARANGAN (Regex Replacement Rules)
+// Urutan penting! Keyword panjang dulu baru pendek.
+const KAMUS = [
+    { from: /paten\s/g, to: 'const ' },
+    { from: /ono\s/g, to: 'let ' },
+    { from: /fungsi\s/g, to: 'function ' }, // Changed from 'gawe'
+    { from: /nteni\s/g, to: 'await ' },
+    { from: /mengko\s/g, to: 'async ' }, 
+    { from: /balek\s/g, to: 'return ' },
+    { from: /yen\s*\(/g, to: 'if(' },     
+    { from: /liyane\s/g, to: 'else ' },
+    { from: /jajal\s*\{/g, to: 'try {' },
+    { from: /gagal\s*\(/g, to: 'catch(' },
+    { from: /kandani\(/g, to: 'console.log(' },
+    { from: /aku->/g, to: 'this.' }, // NEW: this -> aku
+    { from: /aku\./g, to: 'this.' }, // Support dot notation too
+    { from: /->/g, to: '.' } 
+];
+
+function transpileSemarangan(content) {
     let code = content;
+    
+    // Import .lmp -> .js
     code = code.replace(/from\s+['"](.+?)\.lmp['"]/g, "from '$1.js'");
+    code = code.replace(/from\s+['"]lumpiajs['"]/g, "from '/core/lumpia.js'"); 
+
+    // Safe Replace Logic
+    // We must handle this carefully to not break valid JS code if mixed.
+    // 'aku' is common word, but as keyword usually followed by -> or .
+    
     code = code.split('\n').map(line => {
-        if (line.trim().startsWith('//')) return line;
-        return line.replace(/->/g, '.');
+        let l = line;
+        if (l.trim().startsWith('//')) return l;
+        
+        KAMUS.forEach(rule => {
+            l = l.replace(rule.from, rule.to);
+        });
+        return l;
     }).join('\n');
-    
-    // Rewrite imports for Browser
-    code = code.replace(/from\s+['"]lumpiajs['"]/g, "from '/core/index.js'"); 
-    code = code.replace(/from\s+['"]lumpiajs\/lib\/(.+?)['"]/g, "from '/core/$1'");
+
     return code;
 }
 
+// ... Rest of build.js code (processDirectory, browserCore, indexHtml, buildProject) ...
+// ... I will copy the previous logic but update browserCore as well.
+
+import fs from 'fs';
+import path from 'path';
+import { spawnSync } from 'child_process';
+import { loadConfig } from '../core/Config.js';
+
 function processDirectory(source, dest) {
     if (!fs.existsSync(dest)) fs.mkdirSync(dest, { recursive: true });
-    
-    const items = fs.readdirSync(source);
-    items.forEach(item => {
+    fs.readdirSync(source).forEach(item => {
         const srcPath = path.join(source, item);
         const destPath = path.join(dest, item);
-        const stat = fs.statSync(srcPath);
-
-        if (stat.isDirectory()) {
+        if (fs.statSync(srcPath).isDirectory()) {
             processDirectory(srcPath, destPath);
         } else {
-            if (item.endsWith('.lmp')) {
+            if (item.endsWith('.lmp') || item.endsWith('.js')) {
                 const content = fs.readFileSync(srcPath, 'utf8');
-                const jsContent = transpileContent(content);
-                const jsDest = destPath.replace('.lmp', '.js');
-                fs.writeFileSync(jsDest, jsContent);
-            } else if (item.endsWith('.js')) {
-                 const content = fs.readFileSync(srcPath, 'utf8');
-                 const jsContent = transpileContent(content); 
-                 fs.writeFileSync(destPath, jsContent);
+                const jsContent = transpileSemarangan(content); 
+                const finalDest = destPath.replace('.lmp', '.js');
+                fs.writeFileSync(finalDest, jsContent);
             } else {
                 fs.copyFileSync(srcPath, destPath);
             }
@@ -47,263 +70,87 @@ function processDirectory(source, dest) {
     });
 }
 
-// --- 1. PHP BACKEND ADAPTER ---
-const phpBridgeContent = `<?php
-header("Access-Control-Allow-Origin: *");
-header("Access-Control-Allow-Headers: Content-Type");
-header("Content-Type: application/json");
-
-// ⚠️ EDIT CONFIG INI
-$host = "localhost";
-$user = "root";
-$pass = "";
-$db   = "lumpia_db";
-
-$conn = new mysqli($host, $user, $pass, $db);
-if ($conn->connect_error) die(json_encode(["error" => $conn->connect_error]));
-
-$input = json_decode(file_get_contents('php://input'), true);
-if (!$input) exit;
-
-try {
-    $stmt = $conn->prepare($input['sql']);
-    if($input['params']) {
-        $types = str_repeat("s", count($input['params'])); 
-        $stmt->bind_param($types, ...$input['params']);
-    }
-    $stmt->execute();
-    $res = $stmt->get_result();
-    $data = $res ? $res->fetch_all(MYSQLI_ASSOC) : ["affected" => $stmt->affected_rows];
-    echo json_encode($data);
-} catch (Exception $e) {
-    http_response_code(500);
-    echo json_encode(["error" => $e->getMessage()]);
-}
-$conn->close();
-?>`;
-
-// --- 2. NODE.JS / VERCEL BACKEND ADAPTER ---
-// Ini file 'api.js' yang akan dijalankan oleh Vercel atau Server.js local
-const nodeBridgeContent = `
-import { createPool } from 'mysql2/promise';
-
-// ⚠️ CONFIG DARI ENV (Vercel/Node style)
-const pool = createPool({
-    host: process.env.DB_HOST || 'localhost',
-    user: process.env.DB_USER || 'root',
-    password: process.env.DB_PASSWORD || '',
-    database: process.env.DB_NAME || 'lumpia_db',
-    waitForConnections: true,
-    connectionLimit: 10
-});
-
-export default async function handler(req, res) {
-    // Vercel / Express handler signature
-    if (req.method !== 'POST') {
-        res.statusCode = 405;
-        return res.end('Method Not Allowed');
-    }
-
-    try {
-        // Parsing body helper
-        let body = req.body;
-        if (typeof body === 'string') body = JSON.parse(body); // if raw string
-
-        const { sql, params } = body;
-        const [rows] = await pool.execute(sql, params);
-        
-        res.statusCode = 200;
-        res.setHeader('Content-Type', 'application/json');
-        res.end(JSON.stringify(rows));
-    } catch (error) {
-        console.error(error);
-        res.statusCode = 500;
-        res.setHeader('Content-Type', 'application/json');
-        res.end(JSON.stringify({ error: error.message }));
-    }
-}
-`;
-
-// --- 3. SERVER.JS (Standalone Node Server) ---
-// Server statis + API Handler
-const serverJsContent = `
-import http from 'http';
-import fs from 'fs';
-import path from 'path';
-import apiHandler from './api.js';
-
-const root = process.cwd();
-
-const server = http.createServer(async (req, res) => {
-    const url = new URL(req.url, 'http://' + req.headers.host);
-    
-    // API ROUTE
-    if (url.pathname === '/api') {
-        let body = '';
-        req.on('data', chunk => body += chunk);
-        req.on('end', () => {
-            req.body = body ? JSON.parse(body) : {};
-            apiHandler(req, res);
-        });
-        return;
-    }
-
-    // STATIC FILES
-    let filePath = path.join(root, url.pathname === '/' ? 'index.html' : url.pathname);
-    
-    // SPA Fallback: If not file, serve index.html
-    if (!fs.existsSync(filePath) || !fs.statSync(filePath).isFile()) {
-        filePath = path.join(root, 'index.html');
-    }
-
-    const ext = path.extname(filePath);
-    const mime = { '.html': 'text/html', '.js': 'text/javascript', '.css': 'text/css' };
-    res.writeHead(200, { 'Content-Type': mime[ext] || 'application/octet-stream' });
-    fs.createReadStream(filePath).pipe(res);
-});
-
-const port = process.env.PORT || 3000;
-server.listen(port, () => console.log('🚀 Server running on port ' + port));
-`;
-
-// --- 4. BROWSER CORE (Polymorphic Client) ---
-const browserCoreIndex = `
+const browserCore = `
 export class Controller {
-    constructor() { this.env = {}; this.params = {}; }
-    
-    async tampil(viewName, data = {}) {
-        const response = await fetch('/views/' + viewName + '.lmp');
-        let html = await response.text();
-        
-        const matchKulit = html.match(/<kulit>([\\s\\S]*?)<\\/kulit>/);
-        const matchIsi = html.match(/<isi>([\\s\\S]*?)<\\/isi>/); 
-        const matchKlambi = html.match(/<klambi>([\\s\\S]*?)<\\/klambi>/);
-
-        let body = matchKulit ? matchKulit[1] : '';
-        let script = matchIsi ? matchIsi[1] : '';
-        let css = matchKlambi ? matchKlambi[1] : '';
-        
-        for (const [key, value] of Object.entries(data)) {
-            const regex = new RegExp('{{\\\\s*' + key + '\\\\s*}}', 'g');
-            body = body.replace(regex, value);
-        }
-        
-        document.getElementById('app').innerHTML = body;
-        
-        if(css) {
-            const style = document.createElement('style');
-            style.textContent = css;
-            document.head.appendChild(style);
-        }
-        
-        const dict = [
-            { asal: /ono\\s/g, jadi: 'let ' }, { asal: /paten\\s/g, jadi: 'const ' },
-            { asal: /gawe\\s/g, jadi: 'function ' }, { asal: /yen\\s/g, jadi: 'if ' },
-            { asal: /liyane/g, jadi: 'else' }, { asal: /mandek;/g, jadi: 'return;' },
-            { asal: /ora\\s/g, jadi: '!' },
-        ];
-        dict.forEach(k => script = script.replace(k.asal, k.jadi));
-        
-        try { new Function(script)(); } catch(e) { console.error("Error script <isi>:", e); }
+    constructor() { this.params={}; }
+    async tampil(viewName, data={}) {
+        try {
+            const res = await fetch('/views/'+viewName+'.lmp');
+            if(!res.ok) throw new Error('View 404');
+            let html = await res.text();
+            
+            const matchKulit = html.match(/<kulit>([\\s\\S]*?)<\\/kulit>/);
+            const matchIsi = html.match(/<isi>([\\s\\S]*?)<\\/isi>/); 
+            const matchKlambi = html.match(/<klambi>([\\s\\S]*?)<\\/klambi>/);
+            
+            let body = matchKulit?matchKulit[1]:'', script=matchIsi?matchIsi[1]:'', css=matchKlambi?matchKlambi[1]:'';
+
+            for(const [k,v] of Object.entries(data)) {
+                let s = typeof v === 'object' ? JSON.stringify(v) : v;
+                body = body.replace(new RegExp('{{\\\\s*'+k+'\\\\s*}}','g'), s);
+            }
+            
+            document.getElementById('app').innerHTML = body;
+            if(css && !document.getElementById('css-'+viewName)) {
+                const s = document.createElement('style'); s.id='css-'+viewName; s.textContent=css;
+                document.head.appendChild(s);
+            }
+            
+            if(script) {
+                // Client-side transpile
+                const kamus = [
+                    {f:/paten\\s/g,t:'const '}, {f:/ono\\s/g,t:'let '}, {f:/fungsi\\s/g,t:'function '},
+                    {f:/nteni\\s/g,t:'await '}, {f:/mengko\\s/g,t:'async '}, {f:/balek\\s/g,t:'return '},
+                    {f:/yen\\s*\\(/g,t:'if('}, {f:/liyane\\s/g,t:'else '}, {f:/kandani\\(/g,t:'console.log('},
+                    {f:/aku->/g,t:'this.'}, {f:/aku\\./g,t:'this.'}
+                ];
+                kamus.forEach(r => script = script.replace(r.f, r.t));
+                new Function(script)();
+            }
+        } catch(e) { document.getElementById('app').innerHTML = e.message; }
     }
-    
-    json(data) { document.getElementById('app').innerText = JSON.stringify(data, null, 2); }
 }
+export const Jalan = { routes:[], get:(p,a)=>Jalan.routes.push({p,a}) };
+`;
 
-// POLYMORPHIC DB CLIENT
-export class DB {
-    static table(name) { return new QueryBuilder(name); }
-    static async query(sql, params) {
-        // Tembak ke endpoint /api
-        // Server (Apache/Vercel/Node) yang akan nentuin diteruske ke api.php atau api.js
-        const res = await fetch('/api', {
-            method: 'POST', 
-            headers: {'Content-Type': 'application/json'},
-            body: JSON.stringify({sql, params})
-        });
-        return await res.json();
+const indexHtml = `<!DOCTYPE html>
+<html lang="en">
+<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>LumpiaJS</title><link rel="stylesheet" href="/public/css/style.css"></head>
+<body><div id="app">Loading...</div>
+<script type="module">
+import { Jalan } from '/routes/web.js';
+async function navigate() {
+    const p = window.location.pathname;
+    let m = null, args = {};
+    for(let r of Jalan.routes) {
+        let reg = new RegExp('^'+r.p.replace(/{([a-zA-Z0-9_]+)}/g, '([^/]+)')+'$');
+        let res = p.match(reg);
+        if(res){ m=r; args=res.slice(1); break; }
     }
+    if(m) {
+        const [cName, fName] = m.a.split('@');
+        try {
+            const mod = await import('/app/controllers/'+cName+'.js?'+Date.now());
+            const C = mod.default; const i = new C(); i.params=args;
+            await i[fName](...args);
+        } catch(e) { console.error(e); document.getElementById('app').innerHTML='Error'; }
+    } else { document.getElementById('app').innerHTML='404'; }
 }
-
-class QueryBuilder {
-    constructor(table) { this.table = table; this.conds = []; this.binds = []; }
-    where(c, o, v) { if(v===undefined){v=o;o='=';} this.conds.push(c+' '+o+' ?'); this.binds.push(v); return this; }
-    orderBy(c, d='ASC') { this.order = c+' '+d; return this; }
-    async get() {
-        let sql = 'SELECT * FROM ' + this.table;
-        if(this.conds.length) sql += ' WHERE ' + this.conds.join(' AND ');
-        if(this.order) sql += ' ORDER BY ' + this.order;
-        return await DB.query(sql, this.binds);
+window.addEventListener('popstate', navigate);
+document.body.addEventListener('click', e => {
+    if(e.target.tagName==='A' && e.target.href.startsWith(window.location.origin)) {
+        e.preventDefault(); history.pushState(null,'',e.target.href); navigate();
     }
-}
-
-export const Jalan = {
-    routes: [],
-    get: (p, a) => Jalan.routes.push({p, a, m:'GET'}),
-    post: (p, a) => Jalan.routes.push({p, a, m:'POST'})
-};
-`;
-
-const indexHtmlContent = `<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>LumpiaJS App</title>
-    <link rel="stylesheet" href="/public/css/style.css">
-</head>
-<body>
-    <div id="app">Loading...</div>
-
-    <script type="module">
-        import { Jalan } from '/routes/web.js';
-        
-        async function navigate() {
-            const path = window.location.pathname;
-            let match = null, params = {};
-            for(let r of Jalan.routes) {
-                const regexStr = '^' + r.p.replace(/{([a-zA-Z0-9_]+)}/g, '([^/]+)') + '$';
-                const regex = new RegExp(regexStr);
-                const m = path.match(regex);
-                if(m) { match = r; params = m.slice(1); break; }
-            }
-
-            if(match) {
-                const [cName, mName] = match.a.split('@');
-                try {
-                    const module = await import('/app/controllers/' + cName + '.js?' + Date.now());
-                    const Controller = module.default;
-                    const ctrl = new Controller();
-                    await ctrl[mName](...params);
-                } catch(e) {
-                    document.getElementById('app').innerHTML = '<h1>Error</h1><p>' + e.message + '</p>';
-                }
-            } else {
-                 document.getElementById('app').innerHTML = '<h1>404</h1>';
-            }
-        }
-
-        window.addEventListener('popstate', navigate);
-        document.body.addEventListener('click', e => {
-            if(e.target.tagName === 'A' && e.target.href.startsWith(window.location.origin)) {
-                e.preventDefault();
-                history.pushState(null, '', e.target.href);
-                navigate();
-            }
-        });
-        navigate();
-    </script>
-</body>
-</html>`;
-
+});
+navigate();
+</script></body></html>`;
 
 export function buildProject() {
     const root = process.cwd();
     const dist = path.join(root, 'dist');
     const config = loadConfig(root);
-
-    console.log('🍳 Mulai Menggoreng (Universal Hybrid Build)...');
-
+    
+    console.log('🍳 Goreng Project (Mode Bahasa Semarangan)...');
     if (fs.existsSync(dist)) fs.rmSync(dist, { recursive: true, force: true });
     fs.mkdirSync(dist);
 
@@ -312,69 +159,15 @@ export function buildProject() {
         spawnSync(cmd, ['tailwindcss', '-i', './aset/css/style.css', '-o', './public/css/style.css', '--minify'], { cwd: root, stdio: 'ignore', shell: true });
     }
 
-    console.log('📂 Converting Code...');
     processDirectory(path.join(root, 'app'), path.join(dist, 'app'));
     processDirectory(path.join(root, 'routes'), path.join(dist, 'routes'));
-    
-    fs.mkdirSync(path.join(dist, 'core'), { recursive: true });
-    fs.writeFileSync(path.join(dist, 'core', 'index.js'), browserCoreIndex);
-
     fs.cpSync(path.join(root, 'views'), path.join(dist, 'views'), { recursive: true });
-    
-    if (fs.existsSync(path.join(root, 'public'))) {
-        fs.cpSync(path.join(root, 'public'), path.join(dist, 'public'), { recursive: true });
-    }
+    if (fs.existsSync(path.join(root, 'public'))) fs.cpSync(path.join(root, 'public'), path.join(dist, 'public'), { recursive: true });
 
-    fs.writeFileSync(path.join(dist, 'index.html'), indexHtmlContent);
-    
-    // --- GENERATE ALL ADAPTERS ---
-    
-    // 1. PHP Adapter
-    fs.writeFileSync(path.join(dist, 'api.php'), phpBridgeContent);
-    
-    // 2. Node/Vercel Adapter
-    fs.writeFileSync(path.join(dist, 'api.js'), nodeBridgeContent);
-    fs.writeFileSync(path.join(dist, 'server.js'), serverJsContent);
-    fs.writeFileSync(path.join(dist, 'package.json'), JSON.stringify({
-        "type": "module",
-        "scripts": { "start": "node server.js" },
-        "dependencies": { "mysql2": "^3.0.0" }
-    }, null, 2));
-
-    // 3. Routing Rules
-    
-    // .htaccess (Apache) -> Redirect /api ke api.php
-    fs.writeFileSync(path.join(dist, '.htaccess'), `
-<IfModule mod_rewrite.c>
-  RewriteEngine On
-  RewriteBase /
-  
-  # API Routing: /api -> api.php
-  RewriteRule ^api$ api.php [L]
-  
-  # SPA Routing: Everything else -> index.html
-  RewriteCond %{REQUEST_FILENAME} !-f
-  RewriteCond %{REQUEST_FILENAME} !-d
-  RewriteRule . /index.html [L]
-</IfModule>
-`);
-
-    // vercel.json (Vercel) -> Redirect /api ke api.js
-    fs.writeFileSync(path.join(dist, 'vercel.json'), JSON.stringify({
-        "rewrites": [
-            { "source": "/api", "destination": "/api.js" },
-            { "source": "/(.*)", "destination": "/index.html" }
-        ],
-        "functions": {
-            "api.js": { "includeFiles": "package.json" }
-        }
-    }, null, 2));
+    fs.mkdirSync(path.join(dist, 'core'), { recursive: true });
+    fs.writeFileSync(path.join(dist, 'core', 'lumpia.js'), browserCore);
+    fs.writeFileSync(path.join(dist, 'index.html'), indexHtml);
+    fs.writeFileSync(path.join(dist, '.htaccess'), `<IfModule mod_rewrite.c>\nRewriteEngine On\nRewriteBase /\nRewriteRule ^index\\.html$ - [L]\nRewriteCond %{REQUEST_FILENAME} !-f\nRewriteCond %{REQUEST_FILENAME} !-d\nRewriteRule . /index.html [L]\n</IfModule>`);
 
-    console.log('✅ Mateng! (Universal Build)');
-    console.log('----------------------------------------------------');
-    console.log('📂 Folder "dist" ini UNIVERSAL:');
-    console.log('   - Hosting PHP (XAMPP/cPanel): Otomatis pake api.php (via .htaccess)');
-    console.log('   - Vercel: Otomatis pake api.js (via vercel.json)');
-    console.log('   - Node VPS: Otomatis pake api.js (via server.js)');
-    console.log('----------------------------------------------------');
+    console.log('✅ Mateng! (Support Bahasa Semarangan)');
 }

package/lib/commands/create.js

@@ -4,155 +4,84 @@ import prompts from 'prompts';
 
 const routesTemplate = `import { Jalan } from 'lumpiajs';
 
-// Pakai gaya Laravel (->) enak to?
 Jalan->get('/', 'HomeController@index');
-Jalan->get('/db-test', 'HomeController@testDb');
-Jalan->get('/profile', 'HomeController@profile');
-Jalan->get('/api/products', 'ProductController@index');
+Jalan->get('/toko', 'ProductController@tampilBarang');
 `;
 
-const controllerTemplate = `import { Controller, DB } from 'lumpiajs';
+const controllerTemplate = `import { Controller } from 'lumpiajs';
 
 export default class HomeController extends Controller {
-    index() {
-        // "this.tampil" juga bisa ditulis "this->tampil"
-        // Transpiler LumpiaJS sing ngatur, Bos!
-        return this->tampil('home', { 
-            message: 'Welcome to LumpiaJS MVC!',
-            author: 'Pakdhe Koding',
-            env: this.env.APP_ENV
+    mengko index() {
+        // Pake Bahasa Semarangan, Lur!
+        paten pesen = 'Sugeng Rawuh di Website Statis!';
+        
+        // 'aku' menggantikan 'this'
+        balek aku->tampil('home', { 
+            message: pesen,
+            info: 'Dibuat dengan LumpiaJS'
         });
     }
-
-    async testDb() {
-        try {
-            // CONTOH QUERY ALA LARAVEL
-            // Pake tanda panah -> biar mantap
-            const result = await DB.table('users')
-                                   ->limit(1)
-                                   ->get();
-            
-            // Raw Query
-            const raw = await DB->query('SELECT 1 + 1 AS solution');
-            
-            return this->json({
-                status: 'Connected!',
-                sample_user: result,
-                math_check: raw[0].solution
-            });
-        } catch (e) {
-            return this->json({ error: e.message });
-        }
-    }
-
-    profile() {
-        return this->tampil('profile', { name: 'Loyal User' });
-    }
 }
 `;
 
-const modelTemplate = `// Example dummy data (Static)
-const productData = [
-    { id: 1, name: 'Lumpia Basah', price: 5000 },
-    { id: 2, name: 'Lumpia Goreng', price: 6000 }
-];
-export default productData;
-`;
-
-const productControllerTemplate = `import { Controller, Model } from 'lumpiajs';
-import ProductData from '../../app/models/Product.lmp'; 
+const productControllerTemplate = `import { Controller } from 'lumpiajs';
 
 export default class ProductController extends Controller {
-    index() {
-        // Model Static juga bisa pakai ->
-        const result = Model->use(ProductData)
-                        ->dimana('price', '>', 5500)
-                        ->jupuk();
+    mengko tampilBarang() {
+        // Contoh API
+        ono data = [];
+        
+        jajal {
+            paten respon = nteni fetch('https://fakestoreapi.com/products?limit=3');
+            data = nteni respon.json();
+            kandani('Data sukses!');
+        } gagal (e) {
+            kandani(e);
+        }
 
-        return this->json({ status: 'success', data: result });
+        balek aku->tampil('product', { 
+            daftar: data.map(i => '<li>' + i.title + '</li>').join('')
+        });
     }
 }
 `;
 
-const viewProfileTemplate = `<lump>
+const homeViewTemplate = `<lump>
+  <klambi>
+      h1 { color: #d35400; text-align: center; }
+  </klambi>
   <kulit>
-    <div class="container mt-5">
-        <h1>User Profile</h1>
-        <p>Hello, <strong>{{ name }}</strong>!</p>
-        <a href="/" class="btn btn-secondary">Back Home</a>
+    <div style="text-align: center; font-family: sans-serif; margin-top: 50px;">
+      <h1>{{ message }}</h1>
+      <p>{{ info }}</p>
+      <a href="/toko">Cek Toko Sebelah</a>
     </div>
   </kulit>
 </lump>`;
 
-const envTemplate = `
-BASE_URL="http://localhost:3000"
-APP_ENV="local"        
-APP_DEBUG="true"
-
-# Database Config
-DB_HOST="localhost"
-DB_USER="root"
-DB_PASSWORD=""
-DB_NAME="lumpia_db"
-`;
-
-// Helper for CSS/View generation (Collapsed for brevity but functional as before)
-const tailwindConfigTemplate = `/** @type {import('tailwindcss').Config} */
-module.exports = { content: ["./views/**/*.{html,js,lmp}"], theme: { extend: {}, }, plugins: [], }`;
-const mainCssTemplate = `@tailwind base;\n@tailwind components;\n@tailwind utilities;\n`;
-
-const generateHomeView = (style) => {
-    let css = '', html = '';
-    if (style === 'bootstrap') {
-        html = `
-    <div class="container mt-5">
-        <div class="card shadow">
-            <div class="card-body text-center">
-                <h1 class="text-primary">{{ message }}</h1>
-                <span class="badge bg-secondary mb-3">Env: {{ env }}</span>
-                <p>Created by: <strong>{{ author }}</strong></p>
-                <div class="mt-4">
-                    <a href="/db-test" class="btn btn-warning">Test DB (Laravel Style)</a>
-                    <a href="/profile" class="btn btn-link">Go to Profile</a>
-                </div>
-            </div>
-        </div>
-    </div>`;
-    } else if (style === 'tailwindcss') {
-        html = `
-    <div class="container mx-auto mt-10 p-5">
-        <div class="bg-white shadow-lg rounded-lg p-8 text-center border border-gray-200">
-            <h1 class="text-4xl font-bold text-orange-600 mb-4">{{ message }}</h1>
-            <span class="inline-block bg-gray-200 rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mb-4">Env: {{ env }}</span>
-            <div class="mt-6 space-x-4">
-                <a href="/db-test" class="bg-yellow-500 hover:bg-yellow-600 text-white font-bold py-2 px-4 rounded">Test DB</a>
-                <a href="/profile" class="text-blue-500 hover:text-blue-800">Go to Profile</a>
-            </div>
-        </div>
-    </div>`;
-    } else {
-        css = `h1{text-align:center} .box{text-align:center;margin-top:20px}`;
-        html = `<div class="box"><h1>{{ message }}</h1><p>Env: {{ env }}</p><a href="/db-test">Test DB</a> | <a href="/profile">Profile</a><br>(Check Controller for Laravel Syntax Demo)</div>`;
-    }
-    return `<lump><klambi>${css}</klambi><kulit>${html}</kulit><isi></isi></lump>`;
-};
+const productViewTemplate = `<lump>
+  <kulit>
+    <div style="padding: 20px; font-family: sans-serif;">
+      <h1>Daftar Barang</h1>
+      <ul>{{ daftar }}</ul>
+      <a href="/">Balik Omah</a>
+    </div>
+  </kulit>
+</lump>`;
 
 const generatePackageJson = (name, style) => {
-    const scripts = { "start": "lumpia kukus", "serve": "lumpia kukus" };
-    const dependencies = { "lumpiajs": "latest" };
-    const devDependencies = {};
-    if (style === 'tailwindcss') {
-        devDependencies["tailwindcss"] = "^3.4.0";
-        devDependencies["postcss"] = "^8.4.0";
-        devDependencies["autoprefixer"] = "^10.4.0";
-    } else if (style === 'bootstrap') dependencies["bootstrap"] = "^5.3.0";
-    return JSON.stringify({ name, version: "1.0.0", main: "routes/web.lmp", type: "module", scripts, dependencies, devDependencies }, null, 2);
+    return JSON.stringify({ 
+        name, version: "1.0.0", type: "module", 
+        scripts: { "start": "lumpia kukus", "build": "lumpia goreng" },
+        dependencies: { "lumpiajs": "latest" },
+        devDependencies: style==='tailwindcss'?{"tailwindcss":"^3.4.0"}:{}
+    }, null, 2);
 };
 
 export async function createProject(parameter) {
     let projectName = parameter;
     if (!projectName) {
-        const res = await prompts({ type: 'text', name: 'val', message: 'Jeneng project?', initial: 'my-app' });
+        const res = await prompts({ type: 'text', name: 'val', message: 'Jeneng project?', initial: 'my-lumpia-app' });
         projectName = res.val;
     }
     if (!projectName) return;
@@ -162,42 +91,33 @@ export async function createProject(parameter) {
 
     const styleRes = await prompts({
         type: 'select', name: 'val', message: 'Styling?',
-        choices: [{title:'Vanilla',value:'none'},{title:'Tailwind',value:'tailwindcss'},{title:'Bootstrap',value:'bootstrap'}],
+        choices: [{title:'Vanilla',value:'none'},{title:'Tailwind',value:'tailwindcss'}],
         initial: 0
     });
-    const style = styleRes.val;
-    if (!style) return;
 
-    // Structure
     fs.mkdirSync(root);
     fs.mkdirSync(path.join(root, 'app', 'controllers'), { recursive: true });
-    fs.mkdirSync(path.join(root, 'app', 'models'), { recursive: true });
     fs.mkdirSync(path.join(root, 'routes'));
     fs.mkdirSync(path.join(root, 'views'));
     fs.mkdirSync(path.join(root, 'aset', 'css'), { recursive: true });
     fs.mkdirSync(path.join(root, 'public', 'css'), { recursive: true });
 
-    // Files
-    fs.writeFileSync(path.join(root, 'package.json'), generatePackageJson(projectName, style));
+    fs.writeFileSync(path.join(root, 'package.json'), generatePackageJson(projectName, styleRes.val));
     fs.writeFileSync(path.join(root, '.gitignore'), `.lumpia\nnode_modules\n.env\n`);
-    fs.writeFileSync(path.join(root, '.env'), envTemplate);
-    fs.writeFileSync(path.join(root, 'config.lmp'), JSON.stringify({ klambi: style }, null, 2));
+    fs.writeFileSync(path.join(root, 'config.lmp'), JSON.stringify({ klambi: styleRes.val }, null, 2));
 
     fs.writeFileSync(path.join(root, 'routes', 'web.lmp'), routesTemplate);
     fs.writeFileSync(path.join(root, 'app', 'controllers', 'HomeController.lmp'), controllerTemplate);
     fs.writeFileSync(path.join(root, 'app', 'controllers', 'ProductController.lmp'), productControllerTemplate);
-    fs.writeFileSync(path.join(root, 'app', 'models', 'Product.lmp'), modelTemplate);
-    fs.writeFileSync(path.join(root, 'views', 'home.lmp'), generateHomeView(style));
-    fs.writeFileSync(path.join(root, 'views', 'profile.lmp'), viewProfileTemplate);
+    fs.writeFileSync(path.join(root, 'views', 'home.lmp'), homeViewTemplate);
+    fs.writeFileSync(path.join(root, 'views', 'product.lmp'), productViewTemplate);
     
-    // Style Assets
-    if (style === 'tailwindcss') {
-        fs.writeFileSync(path.join(root, 'tailwind.config.js'), tailwindConfigTemplate);
-        fs.writeFileSync(path.join(root, 'aset', 'css', 'style.css'), mainCssTemplate);
+    if (styleRes.val === 'tailwindcss') {
+        fs.writeFileSync(path.join(root, 'tailwind.config.js'), `module.exports={content:["./views/**/*.lmp"],theme:{extend:{}},plugins:[]}`);
+        fs.writeFileSync(path.join(root, 'aset', 'css', 'style.css'), '@tailwind base; @tailwind components; @tailwind utilities;');
     } else {
-        fs.writeFileSync(path.join(root, 'aset', 'css', 'style.css'), style === 'bootstrap' ? '/* Bootstrap Imported in HTML */' : '/* CSS */');
+        fs.writeFileSync(path.join(root, 'aset', 'css', 'style.css'), '/* CSS */');
     }
 
     console.log(`✅ Project "${projectName}" Ready!`);
-    console.log(`cd ${projectName} && npm install && lumpia kukus`);
 }

package/lib/commands/serve.js

@@ -1,59 +1,57 @@
+
+// KAMUS SEMARANGAN (Regex Replacement Rules)
+const KAMUS = [
+    { from: /paten\s/g, to: 'const ' },
+    { from: /ono\s/g, to: 'let ' },
+    { from: /fungsi\s/g, to: 'function ' }, 
+    { from: /nteni\s/g, to: 'await ' },
+    { from: /mengko\s/g, to: 'async ' }, 
+    { from: /balek\s/g, to: 'return ' },
+    { from: /yen\s*\(/g, to: 'if(' },     
+    { from: /liyane\s/g, to: 'else ' },
+    { from: /jajal\s*\{/g, to: 'try {' },
+    { from: /gagal\s*\(/g, to: 'catch(' },
+    { from: /kandani\(/g, to: 'console.log(' },
+    { from: /aku->/g, to: 'this.' },
+    { from: /aku\./g, to: 'this.' },
+    { from: /->/g, to: '.' } 
+];
+
 import fs from 'fs';
 import path from 'path';
 import http from 'http';
 import { spawn } from 'child_process';
-import { routes } from '../core/Router.js';
-import { renderLumpia } from '../core/View.js';
 import { loadEnv } from '../core/Env.js';
 import { loadConfig } from '../core/Config.js'; 
 
-const cliPackageJson = JSON.parse(fs.readFileSync(new URL('../../package.json', import.meta.url)));
+// ... Same helper functions (matchRoute, backgroundProcess, startTailwindWatcher) ...
 
-// Helper to Match Routes
 function matchRoute(definedRoute, method, pathname) {
     if (definedRoute.method !== method) return null;
     if (definedRoute.path === pathname) return { params: {} };
-
     const paramNames = [];
     const regexPath = definedRoute.path.replace(/\{([a-zA-Z0-9_]+)\}/g, (match, name) => {
         paramNames.push(name);
         return '([^/]+)';
     });
-
     if (regexPath === definedRoute.path) return null;
     const regex = new RegExp(`^${regexPath}$`);
     const match = pathname.match(regex);
     if (match) {
         const params = {};
-        paramNames.forEach((name, index) => {
-            params[name] = match[index + 1]; 
-        });
+        paramNames.forEach((name, index) => { params[name] = match[index + 1]; });
         return { params };
     }
     return null;
 }
 
 const backgroundProcess = [];
-
 function startTailwindWatcher(root) {
-    console.log('🎨 TailwindCSS detected! Starting watcher...');
     const cmd = process.platform === 'win32' ? 'npx.cmd' : 'npx';
-    const tailwind = spawn(cmd, [
-        'tailwindcss', '-i', './aset/css/style.css', '-o', './public/css/style.css', '--watch'
-    ], { cwd: root, stdio: 'inherit', shell: true });
+    const tailwind = spawn(cmd, ['tailwindcss', '-i', './aset/css/style.css', '-o', './public/css/style.css', '--watch'], { cwd: root, stdio: 'ignore', shell: true });
     backgroundProcess.push(tailwind);
 }
 
-function handleBootstrap(root) {
-    const bootDestDist = path.join(root, 'public', 'vendor', 'bootstrap');
-    const bootSrc = path.join(root, 'node_modules', 'bootstrap', 'dist');
-    if (fs.existsSync(bootSrc) && !fs.existsSync(bootDestDist)) {
-        console.log('📦 Menyalin library Bootstrap ke public...');
-        try { fs.cpSync(bootSrc, bootDestDist, { recursive: true }); } catch(e) {}
-    }
-}
-
-// LOADER UTAMA UNTUK .lmp (Controller/Model/Routes)
 async function loadLumpiaModule(filePath) {
     const originalContent = fs.readFileSync(filePath, 'utf-8');
     const cacheDir = path.join(process.cwd(), '.lumpia', 'cache');
@@ -63,72 +61,45 @@ async function loadLumpiaModule(filePath) {
     const flatName = relativePath.replace(/[\/\\]/g, '_').replace('.lmp', '.js');
     const destPath = path.join(cacheDir, flatName);
 
-    // --- TRANSPILE LOGIC ---
     let transcoded = originalContent;
-
-    // 1. Replace Imports: .lmp -> .js
     transcoded = transcoded.replace(/from\s+['"](.+?)\.lmp['"]/g, "from '$1.js'");
 
-    // 2. SYNTAX LARAVEL -> JS (Fitur Request User: "->")
-    // Mengubah tanda panah "->" menjadi titik "." 
-    // Hati-hati: Kita coba sebisa mungkin tidak mengubah "->" yang ada di dalam string.
-    // Regex ini mencari "->" yang TIDAK diapit kutip (Simpel, mungkin tidak 100% sempurna tapi cukup untuk have fun)
-    // Atau kita brute force saja asalkan user tahu resikonya.
-    // Kita gunakan pendekatan brute replace tapi hindari arrow function "=>" (aman karena beda karakter)
-    
-    // Replace "->" dengan "."
     transcoded = transcoded.split('\n').map(line => {
-        // Cek komentar //
-        if (line.trim().startsWith('//')) return line;
-        
-        // Simple replace "->" to "."
-        // Note: Ini akan mengubah string "go -> to" menjadi "go . to". 
-        // Untuk framework "Have Fun", ini fitur, bukan bug. XD
-        return line.replace(/->/g, '.');
+        let l = line;
+        if (l.trim().startsWith('//')) return l;
+        KAMUS.forEach(rule => l = l.replace(rule.from, rule.to));
+        return l;
     }).join('\n');
 
     fs.writeFileSync(destPath, transcoded);
-    
-    // 4. Import file .js
     const module = await import('file://' + destPath + '?t=' + Date.now());
     return module;
 }
 
-
 export async function serveProject() {
     const root = process.cwd();
-    
     const routesFile = path.join(root, 'routes', 'web.lmp');
-    if (!fs.existsSync(routesFile)) return console.log("❌ Not a LumpiaJS Project. (Missing routes/web.lmp)");
+    if (!fs.existsSync(routesFile)) return console.log("❌ Missing routes/web.lmp");
 
     const env = loadEnv(root);
     const config = loadConfig(root);
-
     if (config.klambi === 'tailwindcss') startTailwindWatcher(root);
-    else if (config.klambi === 'bootstrap') handleBootstrap(root);
 
     try {
         await loadLumpiaModule(routesFile);
-        console.log(`🛣️  Routes registered: ${routes.length}`);
-        
-        // Info Syntax
-        console.log(`✨ Syntax Mode: PHP/Laravel Style (->) is enabled in .lmp files!`);
+        const activeRoutes = global.LumpiaRouter || []; 
+        console.log(`🛣️  Routes registered: ${activeRoutes.length}`);
+        console.log(`✨ Mode: Semarangan (paten, ono, fungsi, aku)`);
 
         const server = http.createServer(async (req, res) => {
             const method = req.method;
             const url = new URL(req.url, `http://${req.headers.host}`);
             const pathname = url.pathname;
 
-            if (env.APP_DEBUG === 'true') console.log(`📥 ${method} ${pathname}`);
-
-            const publicMap = {
-                '/css/': path.join(root, 'public', 'css'),
-                '/vendor/': path.join(root, 'public', 'vendor')
-            };
+            const publicMap = { '/css/': path.join(root, 'public', 'css'), '/vendor/': path.join(root, 'public', 'vendor') };
             for (const [prefix, localPath] of Object.entries(publicMap)) {
                 if (pathname.startsWith(prefix)) {
-                    const relativePath = pathname.slice(prefix.length);
-                    const filePath = path.join(localPath, relativePath);
+                    const filePath = path.join(localPath, pathname.slice(prefix.length));
                     if (fs.existsSync(filePath) && fs.lstatSync(filePath).isFile()) {
                         const ext = path.extname(filePath);
                         const mime = ext === '.css' ? 'text/css' : (ext === '.js' ? 'text/javascript' : 'application/octet-stream');
@@ -139,71 +110,39 @@ export async function serveProject() {
                 }
             }
 
-            let match = null;
-            let params = {};
-            for (const route of routes) {
+            let match = null, params = {};
+            const currentRoutes = global.LumpiaRouter || [];
+            for (const route of currentRoutes) {
                 const result = matchRoute(route, method, pathname);
-                if (result) {
-                    match = route;
-                    params = result.params;
-                    break;
-                }
+                if (result) { match = route; params = result.params; break; }
             }
             
             if (match) {
                 try {
-                    const [controllerName, methodName] = match.action.split('@');
-                    const controllerPath = path.join(root, 'app', 'controllers', controllerName + '.lmp');
-                    
-                    if (!fs.existsSync(controllerPath)) throw new Error(`Controller ${controllerName} not found!`);
+                    const [cName, mName] = match.action.split('@');
+                    const cPath = path.join(root, 'app', 'controllers', cName + '.lmp');
+                    if (!fs.existsSync(cPath)) throw new Error('Controller Not Found');
                     
-                    const module = await loadLumpiaModule(controllerPath);
-                    const ControllerClass = module.default;
-                    const instance = new ControllerClass();
+                    const module = await loadLumpiaModule(cPath);
+                    const Ctrl = module.default;
+                    const instance = new Ctrl();
+                    instance.env = env; instance.params = params; instance.config = config;
                     
-                    instance.env = env;
-                    instance.params = params;
-                    instance.config = config;
-
-                    if (typeof instance[methodName] !== 'function') throw new Error(`Method ${methodName} missing`);
-
-                    const args = Object.values(params);
-                    const result = await instance[methodName](...args); 
-
-                    if (result.type === 'html') {
-                        res.writeHead(200, {'Content-Type': 'text/html'});
-                        res.end(result.content);
-                    } else if (result.type === 'json') {
-                        res.writeHead(200, {'Content-Type': 'application/json'});
+                    const result = await instance[mName](...Object.values(params)); 
+                   
+                    if (result && result.type) {
+                        res.writeHead(200, {'Content-Type': result.type==='json'?'application/json':'text/html'});
                         res.end(result.content);
                     } else {
-                        res.writeHead(200, {'Content-Type': 'text/plain'});
                         res.end(String(result));
                     }
                 } catch (e) {
-                    console.error(e);
-                    const errorMsg = env.APP_DEBUG === 'true' ? `<pre>${e.stack}</pre>` : `<h1>Server Error</h1>`;
-                    res.writeHead(500, {'Content-Type': 'text/html'});
-                    res.end(errorMsg);
+                    res.writeHead(500); res.end(`<pre>${e.stack}</pre>`);
                 }
             } else {
-                res.writeHead(404, {'Content-Type': 'text/html'});
-                res.end('<h1>404 Not Found</h1>');
+                res.writeHead(404); res.end('404 Not Found');
             }
         });
-
-        const port = 3000;
-        server.listen(port, () => {
-            console.log(`🚀 Server running at ${env.BASE_URL || 'http://localhost:3000'}`);
-        });
-
-        process.on('SIGINT', () => {
-            backgroundProcess.forEach(p => p.kill());
-            try { fs.rmSync(path.join(root, '.lumpia'), { recursive: true, force: true }); } catch(e){}
-            process.exit();
-        });
-
-    } catch (err) {
-        console.error('Fatal Error:', err);
-    }
+        server.listen(3000, () => console.log('🚀 Server: http://localhost:3000'));
+    } catch (e) { console.error(e); }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lumpiajs",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "Bahasa Pemrograman Semarangan",
   "type": "module",
   "main": "index.js",