feat: implement client-side SQLite with WASM, add demo database, and finalize deployment config

Author: swandrax

package-lock.json

@@ -25,8 +25,6 @@
     "ip-rate-limit": "^1.1.0",
     "jspdf": "^4.0.0",
     "lucide-react": "^0.562.0",
-    "mongoose": "^9.1.4",
-    "mysql2": "^3.16.1",
     "next": "16.1.4",
     "next-intl": "^4.8.0",
     "next-sitemap": "^4.2.3",
@@ -36,6 +34,7 @@
     "react-google-recaptcha": "^3.1.0",
     "react-icons": "^5.5.0",
     "sanitize-html": "^2.17.0",
+    "sql.js": "^1.8.0",
     "tailwind-merge": "^3.4.0",
     "uuid": "^13.0.0",
     "xss": "^1.0.15"
@@ -62,4 +61,4 @@
     "@types/react": "19.2.9",
     "@types/react-dom": "19.2.3"
   }
-}
+}

package.json

@@ -0,0 +1,80 @@
+
+const fs = require('fs');
+const initSqlJs = require('sql.js');
+const path = require('path');
+
+async function main() {
+    const SQL = await initSqlJs();
+    const db = new SQL.Database();
+
+    console.log("Creating tables...");
+    db.run(`
+        CREATE TABLE IF NOT EXISTS warga (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            nama TEXT NOT NULL,
+            alamat TEXT,
+            status TEXT,
+            telepon TEXT
+        );
+
+        CREATE TABLE IF NOT EXISTS security_reports (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            jenis_kejadian TEXT,
+            lokasi TEXT,
+            tanggal_kejadian TEXT,
+            status TEXT,
+            priority TEXT,
+            nama_pelapor TEXT,
+            telepon_pelapor TEXT,
+            kronologi TEXT
+        );
+
+        CREATE TABLE IF NOT EXISTS users (
+            id INTEGER PRIMARY KEY AUTOINCREMENT,
+            email TEXT UNIQUE,
+            password TEXT,
+            nama TEXT,
+            role TEXT,
+            no_telepon TEXT
+        );
+    `);
+
+    console.log("Seeding demo users...");
+    // Demo data based on previous context
+    const users = [
+        { email: 'admin@rt0409.local', password: 'password123', nama: 'Admin RT', role: 'admin', phone: '081234567890' },
+        { email: 'warga@rt0409.local', password: 'password123', nama: 'Budi Warga', role: 'warga', phone: '081234567891' },
+        { email: 'pengurus@rt0409.local', password: 'password123', nama: 'Siti Pengurus', role: 'pengurus', phone: '081234567892' }
+    ];
+
+    const stmt = db.prepare("INSERT INTO users (email, password, nama, role, no_telepon) VALUES (?, ?, ?, ?, ?)");
+    users.forEach(u => stmt.run([u.email, u.password, u.nama, u.role, u.phone]));
+    stmt.free();
+
+    console.log("Seeding 50 random warga...");
+    db.run("BEGIN TRANSACTION");
+    const stmtWarga = db.prepare("INSERT INTO warga (nama, alamat, status, telepon) VALUES (?, ?, ?, ?)");
+
+    const names = ["Andi", "Budi", "Citra", "Dedi", "Eka", "Fani", "Gita", "Hadi", "Indah", "Joko"];
+    const lastNames = ["Santoso", "Wijaya", "Putri", "Kusuma", "Lestari", "Pratama", "Saputra", "Hidayat", "Sari", "Utami"];
+    const streets = ["Mawar", "Melati", "Anggrek", "Kenanga", "Flamboyan", "Dahlia", "Tulip"];
+
+    for (let i = 0; i < 50; i++) {
+        const name = `${names[Math.floor(Math.random() * names.length)]} ${lastNames[Math.floor(Math.random() * lastNames.length)]}`;
+        const address = `Jl. ${streets[Math.floor(Math.random() * streets.length)]} No. ${Math.floor(Math.random() * 100)}`;
+        const status = Math.random() > 0.3 ? "Tetap" : "Kontrak";
+        const phone = `0812${Math.floor(Math.random() * 100000000)}`;
+
+        stmtWarga.run([name, address, status, phone]);
+    }
+    stmtWarga.free();
+    db.run("COMMIT");
+
+    console.log("Saving to prisma_demo.db...");
+    const data = db.export();
+    const buffer = Buffer.from(data);
+    fs.writeFileSync(path.join(__dirname, '../prisma_demo.db'), buffer);
+    console.log("Done!");
+}
+
+main().catch(console.error);