lumpiajs 1.0.10 → 1.0.12

package/lib/commands/build.js

@@ -1,10 +1,9 @@
 
-// KAMUS SEMARANGAN (Regex Replacement Rules)
-// Urutan penting! Keyword panjang dulu baru pendek.
+// ... (KAMUS & Imports same as before) ...
 const KAMUS = [
     { from: /paten\s/g, to: 'const ' },
     { from: /ono\s/g, to: 'let ' },
-    { from: /fungsi\s/g, to: 'function ' }, // Changed from 'gawe'
+    { from: /fungsi\s/g, to: 'function ' }, 
     { from: /nteni\s/g, to: 'await ' },
     { from: /mengko\s/g, to: 'async ' }, 
     { from: /balek\s/g, to: 'return ' },
@@ -13,56 +12,55 @@ const KAMUS = [
     { 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: /aku->/g, to: 'this.' },
+    { from: /aku\./g, to: 'this.' },
     { from: /->/g, to: '.' } 
 ];
 
+import fs from 'fs';
+import path from 'path';
+import { spawnSync } from 'child_process';
+import { loadConfig } from '../core/Config.js';
+
 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'"); 
+    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 => {
         let l = line;
         if (l.trim().startsWith('//')) return l;
-        
-        KAMUS.forEach(rule => {
-            l = l.replace(rule.from, rule.to);
-        });
+        KAMUS.forEach(rule => { l = l.replace(rule.from, rule.to); });
         return l;
     }).join('\n');
-
     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) {
+function processDirectory(source, dest, rootDepth = 0) {
     if (!fs.existsSync(dest)) fs.mkdirSync(dest, { recursive: true });
     fs.readdirSync(source).forEach(item => {
         const srcPath = path.join(source, item);
         const destPath = path.join(dest, item);
         if (fs.statSync(srcPath).isDirectory()) {
-            processDirectory(srcPath, destPath);
+            processDirectory(srcPath, destPath, rootDepth + 1);
         } else {
             if (item.endsWith('.lmp') || item.endsWith('.js')) {
-                const content = fs.readFileSync(srcPath, 'utf8');
-                const jsContent = transpileSemarangan(content); 
+                let content = fs.readFileSync(srcPath, 'utf8');
+                let backSteps = rootDepth > 0 ? '../'.repeat(rootDepth) : './';
+                if(rootDepth === 0) backSteps = './'; // core is in dist/core/.
+
+                // Fix path calculation to Core
+                // dist/routes/web.js (depth 1) -> ../core/lumpia.js
+                // dist/app/controllers/Home.js (depth 2) -> ../../core/lumpia.js
+                
+                // Let's rely on simple replace logic based on file type location usually known
+                // But dynamic is better.
+                
+                content = content.replace(/from\s+['"]lumpiajs['"]/g, `from '${backSteps}../core/lumpia.js'`);
+
+                content = transpileSemarangan(content); 
                 const finalDest = destPath.replace('.lmp', '.js');
-                fs.writeFileSync(finalDest, jsContent);
+                fs.writeFileSync(finalDest, content);
             } else {
                 fs.copyFileSync(srcPath, destPath);
             }
@@ -75,8 +73,8 @@ export class Controller {
     constructor() { this.params={}; }
     async tampil(viewName, data={}) {
         try {
-            const res = await fetch('/views/'+viewName+'.lmp');
-            if(!res.ok) throw new Error('View 404');
+            const res = await fetch('views/'+viewName+'.lmp'); 
+            if(!res.ok) throw new Error('View 404: ' + viewName);
             let html = await res.text();
             
             const matchKulit = html.match(/<kulit>([\\s\\S]*?)<\\/kulit>/);
@@ -97,7 +95,6 @@ export class Controller {
             }
             
             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 '},
@@ -105,7 +102,7 @@ export class Controller {
                     {f:/aku->/g,t:'this.'}, {f:/aku\\./g,t:'this.'}
                 ];
                 kamus.forEach(r => script = script.replace(r.f, r.t));
-                new Function(script)();
+                try { new Function(script)(); } catch(e){ console.error(e); }
             }
         } catch(e) { document.getElementById('app').innerHTML = e.message; }
     }
@@ -115,42 +112,89 @@ export const Jalan = { routes:[], get:(p,a)=>Jalan.routes.push({p,a}) };
 
 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'; }
-}
-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>`;
+<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() {
+            // FIX: Gunakan new RegExp string biar aman dari escaping hell
+            const cleanPath = (p) => p.replace(new RegExp('/index\\\\.html$'), '').replace(new RegExp('/$'), '');
+            
+            const basePath = cleanPath(window.location.pathname);
+            // Tapi tunggu, basePath itu harusnya folder ROOT project.
+            // Misal: /2025/lumpiajs/
+            // URL saat ini: /2025/lumpiajs/index.html -> Base: /2025/lumpiajs
+            // Kalau kita navigate ke sub-route (via history pushState): /2025/lumpiajs/produk
+            // Maka window.location.pathname adalah /2025/lumpiajs/produk.
+            // Kita HARUS tau base path awalnya apa. Kita bisa tebak dari script tag src location?
+            // Atau kita asumsikan saat pertama load (yang biasanya index.html), itu lah base path.
+            
+            // Trik: Simpan base path di window variable saat pertama load (index.html)
+            if (!window.LUMPIA_BASE) {
+                window.LUMPIA_BASE = window.location.pathname.replace(new RegExp('/index\\\\.html$'), '').replace(new RegExp('/$'), '');
+            }
+
+            let currentPath = window.location.pathname;
+            // Remove Base Path from Current Path to get "Route Path"
+            if (currentPath.startsWith(window.LUMPIA_BASE)) {
+                currentPath = currentPath.substring(window.LUMPIA_BASE.length);
+            }
+            if (!currentPath || currentPath === '/index.html') currentPath = '/';
+
+            let m = null, args = {};
+            for(let r of Jalan.routes) {
+                // Regex: Replace {slug} -> ([^/]+)
+                let regexStr = '^' + r.p.replace(/{([a-zA-Z0-9_]+)}/g, '([^/]+)') + '$';
+                let reg = new RegExp(regexStr);
+                let res = currentPath.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='<h1>Error Loading Controller</h1><pre>'+e.message+'</pre>'; 
+                }
+            } else { 
+                document.getElementById('app').innerHTML='<h1>404 Not Found</h1><p>Route: '+currentPath+'</p>'; 
+            }
+        }
+
+        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();
+            }
+        });
+        
+        // Init Base Path immediately
+        window.LUMPIA_BASE = window.location.pathname.replace(new RegExp('/index\\\\.html$'), '').replace(new RegExp('/$'), '');
+        navigate();
+    </script>
+</body>
+</html>`;
 
 export function buildProject() {
     const root = process.cwd();
     const dist = path.join(root, 'dist');
     const config = loadConfig(root);
     
-    console.log('🍳 Goreng Project (Mode Bahasa Semarangan)...');
+    console.log('🍳 Goreng Project (Mode Aman)...');
     if (fs.existsSync(dist)) fs.rmSync(dist, { recursive: true, force: true });
     fs.mkdirSync(dist);
 
@@ -159,15 +203,17 @@ export function buildProject() {
         spawnSync(cmd, ['tailwindcss', '-i', './aset/css/style.css', '-o', './public/css/style.css', '--minify'], { cwd: root, stdio: 'ignore', shell: true });
     }
 
-    processDirectory(path.join(root, 'app'), path.join(dist, 'app'));
-    processDirectory(path.join(root, 'routes'), path.join(dist, 'routes'));
+    processDirectory(path.join(root, 'app'), path.join(dist, 'app'), 2); 
+    processDirectory(path.join(root, 'routes'), path.join(dist, 'routes'), 1); 
+    
     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 });
 
     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>`);
+    
+    fs.writeFileSync(path.join(dist, '.htaccess'), `<IfModule mod_rewrite.c>\nRewriteEngine On\nRewriteRule ^index\\.html$ - [L]\nRewriteCond %{REQUEST_FILENAME} !-f\nRewriteCond %{REQUEST_FILENAME} !-d\nRewriteRule . index.html [L]\n</IfModule>`);
 
-    console.log('✅ Mateng! (Support Bahasa Semarangan)');
+    console.log('✅ Mateng! Siap upload ke Laragon/Hosting.');
 }

package/lib/commands/create.js

@@ -119,5 +119,10 @@ export async function createProject(parameter) {
         fs.writeFileSync(path.join(root, 'aset', 'css', 'style.css'), '/* CSS */');
     }
 
-    console.log(`✅ Project "${projectName}" Ready!`);
+    console.log(`✅ Project "${projectName}" Siap!`);
+    console.log('-------------------------------------------');
+    console.log(`👉 cd ${projectName}`);
+    console.log(`👉 npm install  <-- OJO LALI IKI! (Wajib)`);
+    console.log(`👉 lumpia kukus`);
+    console.log('-------------------------------------------');
 }

package/lib/commands/serve.js

@@ -1,5 +1,4 @@
-
-// KAMUS SEMARANGAN (Regex Replacement Rules)
+// ... (Same KAMUS & Imports) ...
 const KAMUS = [
     { from: /paten\s/g, to: 'const ' },
     { from: /ono\s/g, to: 'let ' },
@@ -24,8 +23,6 @@ import { spawn } from 'child_process';
 import { loadEnv } from '../core/Env.js';
 import { loadConfig } from '../core/Config.js'; 
 
-// ... Same helper functions (matchRoute, backgroundProcess, startTailwindWatcher) ...
-
 function matchRoute(definedRoute, method, pathname) {
     if (definedRoute.method !== method) return null;
     if (definedRoute.path === pathname) return { params: {} };
@@ -63,7 +60,6 @@ async function loadLumpiaModule(filePath) {
 
     let transcoded = originalContent;
     transcoded = transcoded.replace(/from\s+['"](.+?)\.lmp['"]/g, "from '$1.js'");
-
     transcoded = transcoded.split('\n').map(line => {
         let l = line;
         if (l.trim().startsWith('//')) return l;
@@ -72,14 +68,33 @@ async function loadLumpiaModule(filePath) {
     }).join('\n');
 
     fs.writeFileSync(destPath, transcoded);
-    const module = await import('file://' + destPath + '?t=' + Date.now());
-    return module;
+    
+    // Safety check for user forgetting npm install
+    try {
+        const module = await import('file://' + destPath + '?t=' + Date.now());
+        return module;
+    } catch (e) {
+        if (e.code === 'ERR_MODULE_NOT_FOUND' && e.message.includes('lumpiajs')) {
+            console.error('\n❌ ERROR: Gagal load "lumpiajs".');
+            console.error('💡 Sampeyan wis njalanke "npm install" durung?');
+            console.error('   Ketik: npm install\n');
+            process.exit(1);
+        }
+        throw e;
+    }
 }
 
 export async function serveProject() {
     const root = process.cwd();
     const routesFile = path.join(root, 'routes', 'web.lmp');
-    if (!fs.existsSync(routesFile)) return console.log("❌ Missing routes/web.lmp");
+    if (!fs.existsSync(routesFile)) return console.log("❌ Not a LumpiaJS Project (Missing routes/web.lmp)");
+
+    // Pre-check node_modules
+    if (!fs.existsSync(path.join(root, 'node_modules'))) {
+        console.log("⚠️  Waduh, folder 'node_modules' ra ono!");
+        console.log("   Tolong jalanne 'npm install' sek ya, Lur.");
+        return;
+    }
 
     const env = loadEnv(root);
     const config = loadConfig(root);
@@ -134,7 +149,8 @@ export async function serveProject() {
                         res.writeHead(200, {'Content-Type': result.type==='json'?'application/json':'text/html'});
                         res.end(result.content);
                     } else {
-                        res.end(String(result));
+                        if(result === undefined) res.end(''); 
+                        else res.end(String(result));
                     }
                 } catch (e) {
                     res.writeHead(500); res.end(`<pre>${e.stack}</pre>`);
@@ -143,6 +159,9 @@ export async function serveProject() {
                 res.writeHead(404); res.end('404 Not Found');
             }
         });
-        server.listen(3000, () => console.log('🚀 Server: http://localhost:3000'));
-    } catch (e) { console.error(e); }
+        const port = 3000;
+        server.listen(port, () => console.log(`🚀 Server: http://localhost:3000`));
+    } catch (e) { 
+        if(e.code !== 'ERR_MODULE_NOT_FOUND') console.error(e); 
+    }
 }

package/package.json

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