lumpiajs 1.0.6 → 1.0.8

package/README.md

@@ -1,195 +1,72 @@
 # 🥟 LumpiaJS
 
-**Bahasa Pemrograman Web dengan Kearifan Lokal Semarangan.**  
-_Framework ini dibuat untuk seru-seruan (have fun) dan biar bikin web jadi lebih cepat dan menyenangkan!_ (Rencananya sih gitu... wkwkwk)
-
-## 🚀 Cara Pakai (Quick Start)
-
-Kamu bisa pilih cara yang paling enak buat mulai bikin (masak) web:
-
-### 1. Langsung Gas (Tanpa Install)
-
-Kalau malas install-install, pastikan komputer kamu sudah ada Node.js, lalu langsung aja pakai `npx`:
-
-**Langkah 1: Buat Project**
-
-```bash
-npx lumpiajs create-project warung-ku
-```
-
-_(Atau pakai istilah lokal: `npx lumpiajs buka-cabang warung-ku`)_
-
-**Langkah 2: Masuk & Install Bumbu (Dependencies)**
-Penting! Kamu harus install dependencies biar `import` framework-nya jalan.
-
-```bash
-cd warung-ku
-npm install
-```
-
-**Langkah 3: Nyalakan Kompor (Server)**
-
-```bash
-npm start
-```
-
-_(Atau manual: `npx lumpia dodolan`)_
-Websitemu bakal jalan di `http://localhost:3000`.
+**Bahasa Pemrograman Web dengan Kearifan Lokal Semarangan.**
 
 ---
 
-### 2. Install Global (Biar Bisa Dipakai Terus)
-
-Kalau kamu pengen perintah `lumpia` bisa dipanggil dari mana saja di terminal:
-
-```bash
-# 1. Install dulu secara global
-npm install -g lumpiajs
-
-# 2. Bikin project baru
-lumpia create-project toko-lumpia
+## 🦄 Fitur Unik: Laravel Syntax di JavaScript! (`->`)
 
-# 3. Masuk folder & install npm
-cd toko-lumpia
-npm install
-
-# 4. Jalanin server
-lumpia dodolan
-```
-
-**Cara Update ke Versi Terbaru:**
-
-```bash
-npm install -g lumpiajs@latest
+```javascript
+// Valid di LumpiaJS (.lmp)
+const users = await DB.table('users')->where('active', 1)->get();
+Jalan->get('/', 'HomeController@index');
 ```
 
 ---
 
-## 🏗️ Struktur Project (Standar MVC)
+## 🏗️ Cara Deploy ke Production (Server Asli)
 
-LumpiaJS sekarang menggunakan arsitektur **MVC (Model-View-Controller)** yang mengikuti standar internasional, jadi developer Laravel atau Express pasti langsung paham.
+Ini yang sering ditanyain: **"Mas, file mana yang harus saya upload ke hosting?"**
 
-```
-warung-ku/
-├── app/
-│   ├── controllers/ # Otak Logika (Controller)
-│   └── models/      # Pengolah Data (Model)
-├── routes/
-│   └── web.js       # Rute URL
-├── views/           # Tampilan (.lmp)
-├── package.json
-└── ...
-```
+Tenang, LumpiaJS punya fitur **Goreng** (Build) biar kamu nggak bingung.
 
-### 1. Routes (`routes/web.js`)
+### 1. Goreng Project (Build)
 
-Tempat mengatur alamat URL web kamu.
+Jalankan perintah ini di komputermu:
 
-```javascript
-import { Jalan } from "lumpiajs";
-
-// Jalan.gawe(url, 'NamaController@method')
-Jalan.gawe("/", "HomeController@index");
-Jalan.gawe("/api/products", "ProductController@index");
+```bash
+lumpia goreng
 ```
 
-### 2. Controllers (`app/controllers`)
-
-Otak dari aplikasimu. Class harus meng-extend `Controller`.
+_(Atau: `lumpia build`)_
 
-```javascript
-import { Controller } from "lumpiajs";
-
-export default class HomeController extends Controller {
-  index() {
-    // Tampilkan file di folder views/home.lmp
-    // Kirim data 'pesan' ke view
-    return this.tampil("home", {
-      pesan: "Halo Dunia!",
-      tanggal: new Date().toLocaleDateString(),
-    });
-  }
-}
-```
+Sistem akan memasak projectmu:
 
-### 3. Views (`views`)
+- Mentranspile sintaks `->` menjadi JS standard.
+- Mengkompilasi CSS (minify Tailwind/Bootstrap).
+- Menyiapkan folder `dist` yang siap saji.
 
-File `.lmp` adalah tempat kamu menulis HTML, CSS, dan JS Semarangan dalam satu file.
-Gunakan `{{ nama_variabel }}` untuk menampilkan data dari Controller.
+### 2. Upload ke Server
 
-```html
-<lump>
-  <klambi> /* CSS di sini */ h1 { color: #d35400; } </klambi>
+Setelah digoreng, akan muncul folder **`dist`**.
 
-  <kulit>
-    <!-- HTML di sini -->
-    <h1>{{ pesan }}</h1>
-    <p>Tanggal server: {{ tanggal }}</p>
-  </kulit>
+👉 **HANYA ISI FOLDER `dist`** inilah yang perlu kamu upload ke server.
+(Isinya: `server.js`, `package.json`, `.env`, folder `app`, `routes`, `views`, `public`)
 
-  <isi>
-    // JavaScript Client-side (Bahasa Semarangan) gawe sapa() { alert("Halo,
-    Lur!"); }
-  </isi>
-</lump>
-```
+### 3. Install & Start di Server
 
-### 4. Models (`app/models`)
+Di panel hosting (Terminal/SSH) atau VPS:
 
-Tempat mengolah data (Database/API). Mendukung gaya penulisan ala Eloquent.
+```bash
+# Masuk ke folder yang barusan diupload
+cd /path/to/your/app
 
-```javascript
-import { Model } from "lumpiajs";
+# Install dependencies (LumpiaJS core, mysql driver, dll)
+npm install --production
 
-// Contoh penggunaan di Controller:
-// Model.use(dataProduk).dimana('harga', '<', 5000).kabeh();
+# Jalankan Aplikasi
+npm start
 ```
 
 ---
 
-## 🧐 Kamus Bahasa (Transpiler)
-
-Khusus di dalam tag **`<isi>`** (pada file `.lmp`), kamu bisa menggunakan sintaks unik ini:
-
-- `ono` ➔ `let`
-- `paten` ➔ `const`
-- `gawe` ➔ `function`
-- `yen` ➔ `if`
-- `liyane` ➔ `else`
-- `mandek` ➔ `return`
-- `ora` ➔ `!`
-- `panjang()` ➔ `.length`
-
----
-
-## 🤝 Cara Lapor Masalah atau Kasih Saran
-
-Baru nemu bug? Atau punya ide jenius biar LumpiaJS makin jos? Sampaikan saja!
-
-Caranya gampang:
-
-1. Buka link ini: [https://github.com/fastroware/lumpiajs/issues](https://github.com/fastroware/lumpiajs/issues)
-2. Klik tombol warna hijau bertuliskan **"New Issue"**.
-3. Isi Judul dengan jelas.
-4. Jelaskan masalah atau saranmu di kolom deskripsi.
-5. Klik **"Submit new issue"**.
-
-Selesai! Masukanmu akan saya baca pas lagi senggang.
-
----
-
-## ⚠️ DISCLAIMER (PENTING BANGET, WAJIB DIBACA!) ⚠️
-
-**LumpiaJS ini 100% project _Have Fun_ & Eksperimen.**
-
-Kami **TIDAK BERTANGGUNG JAWAB** atas segala bentuk kerugian yang mungkin terjadi akibat penggunaan software ini, termasuk tapi tidak terbatas pada:
+## 🗄️ Database
 
-- Kebocoran data.
-- Hilangnya file penting.
-- Komputer meledak (lebay, tapi tetap saja hati-hati).
-- Kerugian materiil maupun immateriil lainnya.
+Database (MySQL) itu **SERVICE**, bukan file. Jadi:
 
-Gunakan framework ini dengan resiko ditanggung sendiri (_Use at your own risk_). Kalau ada error di production karena nekat pakai ini, jangan nyalahin kami ya! 🙏
+1.  Export database dari localhost (phpMyAdmin -> Export .sql).
+2.  Import file .sql itu ke database di server production kamu.
+3.  Edit file `.env` yang sudah diupload, sesuaikan `DB_HOST`, `DB_USER`, `DB_PASSWORD` dengan credential server.
 
 ---
 

package/bin/lumpia.js

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 import { createProject } from '../lib/commands/create.js';
 import { serveProject } from '../lib/commands/serve.js';
+import { buildProject } from '../lib/commands/build.js'; // Import build
 
 async function main() {
     const args = process.argv.slice(2);
@@ -10,18 +11,18 @@ async function main() {
     if (perintah === 'create-project' || perintah === 'buka-cabang') {
         createProject(parameter);
     } 
-    else if (perintah === 'dodolan' || perintah === 'serve') {
+    else if (perintah === 'dodolan' || perintah === 'serve' || perintah === 'kukus') {
         serveProject();
     }
-    else if (perintah === 'goreng') {
-        console.log("🚧 Fitur 'goreng' saiki wis otomatis digabung karo 'dodolan' via JIT Compiler MVC.");
-        console.log("   Silakan gunake: lumpia dodolan");
+    else if (perintah === 'goreng' || perintah === 'build') {
+        buildProject(); // Activate functionality
     }
     else {
-        console.log('Perintah ora dikenal.');
+        console.log('Perintah ora dikenal / Command not recognized.');
         console.log('------------------------------------------------');
-        console.log('1. lumpia create-project <nama> (Bikin project)');
-        console.log('2. lumpia dodolan               (Jalanin server)');
+        console.log('1. lumpia create-project <nama>  (Alias: buka-cabang)');
+        console.log('2. lumpia serve                  (Alias: kukus, dodolan)');
+        console.log('3. lumpia build                  (Alias: goreng)');
         console.log('------------------------------------------------');
     }
 }

package/index.js

@@ -1,4 +1,7 @@
 
 export { Jalan, routes } from './lib/core/Router.js';
-export { LumpiaModel as Model } from './lib/core/Model.js';
+export { LumpiaModel as Model } from './lib/core/Model.js'; // Model (Array / Static)
+export { DB } from './lib/core/DB.js'; // DB (MySQL)
 export { Controller } from './lib/core/Controller.js'; 
+export { loadEnv } from './lib/core/Env.js';
+export { loadConfig } from './lib/core/Config.js';

package/lib/commands/build.js

@@ -0,0 +1,246 @@
+import fs from 'fs';
+import path from 'path';
+import { spawnSync } from 'child_process';
+import { loadConfig } from '../core/Config.js';
+
+// Transpiler Logic (Sama kayak serve.js tapi ini permanen ke disk)
+function transpileContent(content) {
+    let code = content;
+    // 1. Import: .lmp -> .js
+    code = code.replace(/from\s+['"](.+?)\.lmp['"]/g, "from '$1.js'");
+    // 2. Syntax: "->" -> "."
+    code = code.split('\n').map(line => {
+        if (line.trim().startsWith('//')) return line;
+        return line.replace(/->/g, '.');
+    }).join('\n');
+    return code;
+}
+
+function processDirectory(source, dest) {
+    if (!fs.existsSync(dest)) fs.mkdirSync(dest, { recursive: true });
+    
+    const items = fs.readdirSync(source);
+    items.forEach(item => {
+        const srcPath = path.join(source, item);
+        const destPath = path.join(dest, item);
+        const stat = fs.statSync(srcPath);
+
+        if (stat.isDirectory()) {
+            processDirectory(srcPath, destPath);
+        } else {
+            if (item.endsWith('.lmp')) {
+                // Transpile .lmp to .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') || item.endsWith('.json') || item.endsWith('.css') || item.endsWith('.html')) {
+                // Copy as is (but maybe transpile .js too for "->" support if mixed?)
+                // For safety, let's also transpile .js files just in case user used "->" there
+                if (item.endsWith('.js')) {
+                     const content = fs.readFileSync(srcPath, 'utf8');
+                     const jsContent = transpileContent(content);
+                     fs.writeFileSync(destPath, jsContent);
+                } else {
+                     fs.copyFileSync(srcPath, destPath);
+                }
+            } else {
+                fs.copyFileSync(srcPath, destPath);
+            }
+        }
+    });
+}
+
+const serverScript = `
+import http from 'http';
+import fs from 'fs';
+import path from 'path';
+import { routes, Jalan } from 'lumpiajs/lib/core/Router.js';
+import { loadEnv } from 'lumpiajs/lib/core/Env.js';
+import { loadConfig } from 'lumpiajs/lib/core/Config.js';
+
+const root = process.cwd();
+const env = loadEnv(root);
+const config = loadConfig(root);
+
+// ROUTE MATCHER (Copied from Core)
+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]);
+        return { params };
+    }
+    return null;
+}
+
+async function start() {
+    // 1. Load Routes (Compiled JS)
+    const routesUrl = path.join(root, 'routes', 'web.js');
+    if (fs.existsSync(routesUrl)) {
+        await import('file://' + routesUrl);
+    } else {
+         console.error("❌ Error: routes/web.js not found in build!");
+    }
+
+    // 2. Start Server
+    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;
+
+        // Static Files
+        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);
+                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');
+                    res.writeHead(200, {'Content-Type': mime});
+                    res.end(fs.readFileSync(filePath));
+                    return;
+                }
+            }
+        }
+
+        // Routing
+        let match = null;
+        let params = {};
+        for (const route of routes) {
+            const result = matchRoute(route, method, pathname);
+            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 + '.js');
+                if (!fs.existsSync(controllerPath)) throw new Error('Controller ' + controllerName + ' not found');
+                
+                const module = await import('file://' + controllerPath);
+                const ControllerClass = module.default;
+                const instance = new ControllerClass();
+                instance.env = env;
+                instance.params = params;
+                instance.config = config;
+                
+                const result = await instance[methodName](...Object.values(params));
+                 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'});
+                    res.end(result.content);
+                } else {
+                    res.writeHead(200, {'Content-Type': 'text/plain'});
+                    res.end(String(result));
+                }
+            } catch (e) {
+                console.error(e);
+                res.writeHead(500, {'Content-Type': 'text/html'});
+                res.end('<h1>500 Server Error</h1>');
+            }
+        } else {
+            res.writeHead(404);
+            res.end('404 Not Found');
+        }
+    });
+
+    const port = env.PORT || 3000;
+    server.listen(port, () => {
+        console.log('🚀 Production Server running on port ' + port);
+    });
+}
+
+start();
+`;
+
+export function buildProject() {
+    const root = process.cwd();
+    const dist = path.join(root, 'dist');
+    const config = loadConfig(root);
+
+    console.log('🍳 Mulai Menggoreng (Building Project)...');
+
+    // 1. Cleanup Old Dist
+    if (fs.existsSync(dist)) {
+        fs.rmSync(dist, { recursive: true, force: true });
+    }
+    fs.mkdirSync(dist);
+
+    // 2. Build Assets (Tailwind)
+    if (config.klambi === 'tailwindcss') {
+        console.log('🎨 Compiling Tailwind CSS (Minified)...');
+        const cmd = process.platform === 'win32' ? 'npx.cmd' : 'npx';
+        spawnSync(cmd, ['tailwindcss', '-i', './aset/css/style.css', '-o', './public/css/style.css', '--minify'], { 
+            cwd: root, stdio: 'inherit', shell: true 
+        });
+    }
+
+    // 3. Copy & Transpile Code
+    console.log('📂 Copying & Transpiling (.lmp -> .js)...');
+    processDirectory(path.join(root, 'app'), path.join(dist, 'app'));
+    processDirectory(path.join(root, 'routes'), path.join(dist, 'routes'));
+    processDirectory(path.join(root, 'views'), path.join(dist, 'views')); // Views .lmp usually not imported, but kept as is? OR Transpiled?
+    // Wait, View.js reads raw .lmp file content. So views should strictly be copied AS IS, or renamed to .lmp but content untouched generally?
+    // Actually View.js `renderLumpia` expects file path.
+    // Let's COPY views folder AS IS (recursive copy), no renaming extensions usually needed for View Engine unless we change View.js to look for .html?
+    // Lumpia View Engine expects `<lump>` tags. 
+    // Let's just copy views folder using simple copy to ensure .lmp extension stays for view engine to find it.
+    
+    // RE-DO views copy: FORCE copy only
+    // Overwrite the 'processDirectory' for views to be simple copy
+    fs.cpSync(path.join(root, 'views'), path.join(dist, 'views'), { recursive: true });
+
+    // 4. Copy Static Assets
+    if (fs.existsSync(path.join(root, 'public'))) {
+        fs.cpSync(path.join(root, 'public'), path.join(dist, 'public'), { recursive: true });
+    }
+    
+    // 5. Configs & Env
+    fs.copyFileSync(path.join(root, 'package.json'), path.join(dist, 'package.json'));
+    fs.copyFileSync(path.join(root, 'config.lmp'), path.join(dist, 'config.lmp'));
+    if (fs.existsSync(path.join(root, '.env'))) {
+        fs.copyFileSync(path.join(root, '.env'), path.join(dist, '.env'));
+    }
+
+    // 6. Generate Standalone Server Entry
+    fs.writeFileSync(path.join(dist, 'server.js'), serverScript);
+
+    // 7. Update package.json in dist
+    const pkg = JSON.parse(fs.readFileSync(path.join(dist, 'package.json'), 'utf8'));
+    pkg.scripts = {
+        "start": "node server.js"
+    };
+    // Ensure lumpiajs dependency is preserved
+    fs.writeFileSync(path.join(dist, 'package.json'), JSON.stringify(pkg, null, 2));
+
+    console.log('✅ Mateng! (Build Finished)');
+    console.log('----------------------------------------------------');
+    console.log('🎁 Yang harus dikirim ke Server (Production):');
+    console.log('   📂 Folder: dist/');
+    console.log('');
+    console.log('👉 Cara Deploy:');
+    console.log('   1. Upload isi folder "dist" ke server.');
+    console.log('   2. Jalankan "npm install --production" di server.');
+    console.log('   3. Jalankan "npm start".');
+    console.log('----------------------------------------------------');
+}