lumpiajs 1.0.2 → 1.0.4

package/README.md

@@ -0,0 +1,130 @@
+# 🥟 LumpiaJS
+
+**Framework Web MVC dengan Kearifan Lokal Semarangan.**  
+_Framework ini dibuat untuk seru-seruan (have fun), tapi diam-diam powerful seperti PHP Framework modern!_
+
+## 🚀 Cara Mulai (Quick Start)
+
+### 1. Buat Project Baru
+
+Langsung gas pakai perintah ini:
+
+```bash
+npx lumpiajs create-project warung-ku
+```
+
+_(Atau pakai istilah lokal: `npx lumpiajs buka-cabang warung-ku`)_
+
+### 2. Masuk & Install Bumbu
+
+Masuk ke foldernya dan install dependencies (wajib, biar kodingannya gurih):
+
+```bash
+cd warung-ku
+npm install
+```
+
+### 3. Dodolan (Jalankan Server)
+
+Nyalakan server development:
+
+```bash
+npm start
+```
+
+Atau pakai perintah manual: `npx lumpia dodolan`.  
+Websitemu bakal jalan di `http://localhost:3000`.
+
+---
+
+## 🏗️ Struktur Project (MVL - Model View Logika)
+
+LumpiaJS nggunake istilah sing luwih "Njawani" tapi tetep MVC:
+
+```
+warung-ku/
+├── app/
+│   ├── logika/      # Logika Program (Controller)
+│   └── belakang/    # Data & Dapur (Model)
+├── jalur/
+│   └── web.js       # Rute URL (Routes)
+├── depan/           # Tampilan (View)
+├── package.json
+└── ...
+```
+
+### 1. Jalur (Routes)
+
+Atur URL di `jalur/web.js`:
+
+```javascript
+import { Jalan } from "lumpiajs";
+
+// Nulis rute: Jalan.gawe(url, 'NamaLogika@method')
+Jalan.gawe("/", "BerandaLogika@index");
+Jalan.gawe("/api/produk", "ProdukLogika@index");
+```
+
+### 2. Logika (Controller)
+
+Bikin logika di `app/logika/BerandaLogika.js`.
+Class harus extend `Logika`.
+
+```javascript
+import { Logika } from "lumpiajs";
+
+export default class BerandaLogika extends Logika {
+  index() {
+    // Tampilke file ning folder 'depan/beranda.lmp'
+    return this.tampil("beranda", {
+      pesan: "Sugeng Rawuh, Lur!",
+      tanggal: new Date().toLocaleDateString(),
+    });
+  }
+}
+```
+
+### 3. Depan (View)
+
+Bikin tampilan di `depan/beranda.lmp`.  
+Gunakan `{{ variabel }}` buat nampilin data.
+
+```html
+<lump>
+  <klambi> h1 { color: red; } </klambi>
+
+  <kulit>
+    <h1>{{ pesan }}</h1>
+    <p>Saiki tanggal: {{ tanggal }}</p>
+  </kulit>
+</lump>
+```
+
+### 4. Belakang (Model)
+
+Simpen data utawa logika database ning `app/belakang/Produk.js`.
+Bisa nggunake `Model` ala Eloquent.
+
+```javascript
+import { Model } from "lumpiajs";
+// ... logika model ...
+```
+
+---
+
+## 🤝 Cara Lapor Masalah
+
+Nembe nemu bug? Atau punya ide jenius?
+
+1. Buka link ini: [https://github.com/fastroware/lumpiajs/issues](https://github.com/fastroware/lumpiajs/issues)
+2. Klik **"New Issue"**.
+3. Ceritakan keluh kesahmu.
+
+---
+
+## ⚠️ DISCLAIMER
+
+**LumpiaJS ini 100% project _Have Fun_.**
+Gunakan dengan bijak. Kalau ada error di production, jangan nyalahin kami ya! 🙏
+
+_Dibuat dengan ❤️ dan 🥟 dari Semarang._

package/bin/lumpia.js

@@ -0,0 +1,29 @@
+#!/usr/bin/env node
+import { createProject } from '../lib/commands/create.js';
+import { serveProject } from '../lib/commands/serve.js';
+
+async function main() {
+    const args = process.argv.slice(2);
+    const perintah = args[0];
+    const parameter = args[1];
+
+    if (perintah === 'create-project' || perintah === 'buka-cabang') {
+        createProject(parameter);
+    } 
+    else if (perintah === 'dodolan' || perintah === 'serve') {
+        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 {
+        console.log('Perintah ora dikenal.');
+        console.log('------------------------------------------------');
+        console.log('1. lumpia create-project <nama> (Bikin project)');
+        console.log('2. lumpia dodolan               (Jalanin server)');
+        console.log('------------------------------------------------');
+    }
+}
+
+main();

package/index.js

@@ -1,142 +1,4 @@
-#!/usr/bin/env node
-import fs from 'fs';
-import path from 'path';
 
-// --- KAMUS BAHASA SEMARANG ---
-const dictionary = [
-    { asal: /<lump>/g, jadi: '' },
-    { asal: /<\/lump>/g, jadi: '' },
-    { 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: '!' },
-    { asal: /panjang\(/g, jadi: 'len(' },
-];
-
-const runtimeScript = `
-<script>
-    function ambil(sel) { return document.querySelector(sel).value; }
-    function tampil(txt) { 
-        let el = document.getElementById('output-lumpia');
-        if(el) el.innerText = txt;
-        else alert(txt);
-    }
-    function len(x) { return x.length; }
-</script>
-`;
-
-// --- TEMPLATE PROJECT BARU ---
-const boilerplateCode = `<lump>
-  <klambi>
-    h1 { color: #d35400; font-family: sans-serif; }
-    button { padding: 10px 20px; background: #2ecc71; border: none; color: white; cursor: pointer; }
-    button:hover { background: #27ae60; }
-  </klambi>
-
-  <kulit>
-    <h1>Sugeng Rawuh di LumpiaJS</h1>
-    <p>Project anyar siap dimasak!</p>
-    <button onclick="sapa()">Pencet Aku</button>
-  </kulit>
-
-  <isi>
-    gawe sapa() {
-       tampil("Halo! Iki project pertamamu, Bro!");
-    }
-  </isi>
-</lump>`;
-
-async function main() {
-    const args = process.argv.slice(2);
-    const perintah = args[0];       // misal: 'create-project' atau 'goreng'
-    const parameter = args[1];      // misal: 'tokoku'
-
-    // --- FITUR 1: Bikin Project Baru ---
-    if (perintah === 'create-project' || perintah === 'buka-cabang') {
-        const namaProject = parameter;
-
-        if (!namaProject) {
-            console.log('❌ Eh, jeneng project-e opo?');
-            console.log('Contoh: lumpia create-project warung-baru');
-            return;
-        }
-
-        const projectPath = path.join(process.cwd(), namaProject);
-        const srcPath = path.join(projectPath, 'src');
-
-        if (fs.existsSync(projectPath)) {
-            console.log(`⚠️ Waduh, folder "${namaProject}" wis ono, Bro. Ganti jeneng liyo.`);
-            return;
-        }
-
-        console.log(`🔨 Lagi nyiapke lahan kanggo "${namaProject}"...`);
-        
-        // 1. Bikin Folder Utama
-        fs.mkdirSync(projectPath);
-        
-        // 2. Bikin Folder src
-        fs.mkdirSync(srcPath);
-
-        // 3. Tulis file contoh (Boilerplate)
-        fs.writeFileSync(path.join(srcPath, 'app.lmp'), boilerplateCode);
-
-        console.log('✅ Siap, Juragan! Project wis dadi.');
-        console.log('-------------------------------------------');
-        console.log(`cd ${namaProject}`);
-        console.log('lumpia goreng');
-        console.log('-------------------------------------------');
-    } 
-    
-    // --- FITUR 2: Compile (Goreng) ---
-    else if (perintah === 'goreng') {
-        console.log('🍳 Sik, lagi nggoreng kodingan...');
-        const srcDir = './src';
-        const distDir = './dist';
-
-        if (!fs.existsSync(srcDir)) return console.log('❌ Folder src ora ono! (Coba: lumpia create-project namaproject)');
-        if (!fs.existsSync(distDir)) fs.mkdirSync(distDir);
-
-        const files = fs.readdirSync(srcDir).filter(file => file.endsWith('.lmp'));
-
-        files.forEach(file => {
-            let content = fs.readFileSync(path.join(srcDir, file), 'utf-8');
-
-            const matchKulit = content.match(/<kulit>([\s\S]*?)<\/kulit>/);
-            const matchIsi = content.match(/<isi>([\s\S]*?)<\/isi>/);
-            const matchKlambi = content.match(/<klambi>([\s\S]*?)<\/klambi>/);
-
-            let htmlnya = matchKulit ? matchKulit[1] : '';
-            let logicnya = matchIsi ? matchIsi[1] : '';
-            let cssnya = matchKlambi ? matchKlambi[1] : '';
-
-            dictionary.forEach(kata => logicnya = logicnya.replace(kata.asal, kata.jadi));
-
-            const hasil = `<!DOCTYPE html>
-<html>
-<head>
-    <title>Lumpia App</title>
-    <style>body{font-family:sans-serif;padding:20px;} ${cssnya}</style>
-</head>
-<body>
-    ${htmlnya}
-    <div id="output-lumpia" style="margin-top:20px; font-weight:bold;"></div>
-    ${runtimeScript}
-    <script>${logicnya}</script>
-</body>
-</html>`;
-
-            const namaFileBaru = file.replace('.lmp', '.html');
-            fs.writeFileSync(path.join(distDir, namaFileBaru), hasil);
-            console.log(`✅ Mateng: dist/${namaFileBaru}`);
-        });
-    } else {
-        console.log('Perintah ora dikenal.');
-        console.log('1. lumpia create-project <nama>');
-        console.log('2. lumpia goreng');
-    }
-}
-
-main();
+export { Jalan, routes } from './lib/core/Router.js';
+export { LumpiaModel as Model } from './lib/core/Model.js';
+export { Logika } from './lib/core/Controller.js'; // Export Logika instead of Kontroler

package/lib/commands/create.js

@@ -0,0 +1,148 @@
+import fs from 'fs';
+import path from 'path';
+
+// --- TEMPLATES ---
+const routesTemplate = `import { Jalan } from 'lumpiajs';
+
+// Definisi Jalur (Routes)
+Jalan.gawe('/', 'BerandaLogika@index');
+Jalan.gawe('/profil', 'BerandaLogika@profil');
+Jalan.gawe('/api/produk', 'ProdukLogika@index');
+`;
+
+const controllerTemplate = `import { Logika, Model } from 'lumpiajs';
+
+export default class BerandaLogika extends Logika {
+    index() {
+        // Kirim data ke tampilan (view) ning folder 'depan'
+        return this.tampil('beranda', { 
+            pesan: 'Sugeng Rawuh di LumpiaJS!',
+            penulis: 'Pakdhe Koding'
+        });
+    }
+
+    profil() {
+        return this.tampil('profil', { nama: 'User Setia' });
+    }
+}
+`;
+
+const modelTemplate = `// Contoh dummy data 
+const dataProduk = [
+    { id: 1, jeneng: 'Lumpia Basah', rego: 5000 },
+    { id: 2, jeneng: 'Lumpia Goreng', rego: 6000 },
+    { id: 3, jeneng: 'Tahu Gimbal', rego: 12000 }
+];
+
+export default dataProduk;
+`;
+
+const produkControllerTemplate = `import { Logika, Model } from 'lumpiajs';
+import DataProduk from '../../belakang/Produk.js';
+
+export default class ProdukLogika extends Logika {
+    index() {
+        // Eloquent-style: Model.use(data).dimana(...).jupuk()
+        const asil = Model.use(DataProduk)
+                        .dimana('rego', '>', 5500)
+                        .jupuk();
+
+        return this.json({
+            status: 'sukses',
+            data: asil
+        });
+    }
+}
+`;
+
+const viewBerandaTemplate = `<lump>
+  <klambi>
+    h1 { color: #d35400; text-align: center; }
+    .box { border: 1px solid #ddd; padding: 20px; text-align: center; margin-top: 20px; }
+  </klambi>
+
+  <kulit>
+    <h1>{{ pesan }}</h1>
+    <div class="box">
+        <p>Digawe karo tresno dening: <strong>{{ penulis }}</strong></p>
+        <button onclick="cekrego()">Cek Harga API</button>
+        <br><br>
+        <a href="/profil">Menyang Profil</a>
+    </div>
+  </kulit>
+
+  <isi>
+    gawe cekrego() {
+       fetch('/api/produk')
+         .then(res => res.json())
+         .then(data => {
+            alert('Data seko API: ' + JSON.stringify(data));
+         });
+    }
+  </isi>
+</lump>`;
+
+const viewProfilTemplate = `<lump>
+  <kulit>
+    <h1>Profil Pengguna</h1>
+    <p>Halo, <strong>{{ nama }}</strong>!</p>
+    <a href="/">Bali Mulih</a>
+  </kulit>
+</lump>`;
+
+const packageJsonTemplate = (name) => `{
+  "name": "${name}",
+  "version": "1.0.0",
+  "main": "jalur/web.js",
+  "type": "module",
+  "scripts": {
+    "start": "lumpia dodolan",
+    "serve": "lumpia dodolan",
+    "goreng": "lumpia goreng"
+  },
+  "dependencies": {
+    "lumpiajs": "latest"
+  }
+}
+`;
+
+export function createProject(parameter) {
+    const namaProject = parameter;
+    if (!namaProject) {
+        console.log('❌ Eh, jeneng project-e opo?');
+        console.log('Contoh: lumpia create-project warung-baru');
+        return;
+    }
+
+    const root = path.join(process.cwd(), namaProject);
+    if (fs.existsSync(root)) return console.log(`❌ Folder ${namaProject} wis ono. Ganti jeneng liyo.`);
+
+    console.log(`🔨 Mbangun pondasi warung MVC (Model-View-Logika) ing ${namaProject}...`);
+    
+    fs.mkdirSync(root);
+    // STRUCTURE UPDATE:
+    // app/logika (Controller)
+    // app/belakang (Model)
+    // depan (View)
+    
+    fs.mkdirSync(path.join(root, 'app', 'logika'), { recursive: true });
+    fs.mkdirSync(path.join(root, 'app', 'belakang'), { recursive: true });
+    fs.mkdirSync(path.join(root, 'jalur'));
+    fs.mkdirSync(path.join(root, 'depan')); 
+
+    // Write files
+    fs.writeFileSync(path.join(root, 'package.json'), packageJsonTemplate(namaProject));
+    fs.writeFileSync(path.join(root, 'jalur', 'web.js'), routesTemplate);
+    fs.writeFileSync(path.join(root, 'app', 'logika', 'BerandaLogika.js'), controllerTemplate);
+    fs.writeFileSync(path.join(root, 'app', 'logika', 'ProdukLogika.js'), produkControllerTemplate);
+    fs.writeFileSync(path.join(root, 'app', 'belakang', 'Produk.js'), modelTemplate);
+    fs.writeFileSync(path.join(root, 'depan', 'beranda.lmp'), viewBerandaTemplate);
+    fs.writeFileSync(path.join(root, 'depan', 'profil.lmp'), viewProfilTemplate);
+
+    console.log('✅ Warung siap! Struktur M-V-L wis ketata rapi.');
+    console.log('----------------------------------------------------');
+    console.log(`cd ${namaProject}`);
+    console.log('npm install     <-- (Wajib ben lumpiajs ke-install)');
+    console.log('npm run serve   <-- (Kanggo dodolan/start server)');
+    console.log('----------------------------------------------------');
+}

package/lib/commands/serve.js

@@ -0,0 +1,82 @@
+import fs from 'fs';
+import path from 'path';
+import http from 'http';
+import { routes } from '../core/Router.js';
+import { renderLumpia } from '../core/View.js';
+
+export async function serveProject() {
+    const root = process.cwd();
+    const routesFile = path.join(root, 'jalur', 'web.js');
+
+    if (!fs.existsSync(routesFile)) return console.log("❌ Iki dudu warung LumpiaJS MVC! (Ora nemu jalur/web.js)");
+
+    console.log('🔄 Loading core framework...');
+    
+    try {
+        // Load User Routes
+        const userRouteUrl =  path.join(root, 'jalur', 'web.js');
+        await import('file://' + userRouteUrl);
+
+        console.log(`🛣️  Total jalur ditemu: ${routes.length}`);
+
+        // 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;
+
+            console.log(`📥 ${method} ${pathname}`);
+
+            const match = routes.find(r => r.path === pathname && r.method === method);
+            
+            if (match) {
+                try {
+                    // Action format: 'NamaLogika@method'
+                    const [controllerName, methodName] = match.action.split('@');
+                    
+                    // Path ke folder 'app/logika'
+                    const controllerPath = path.join(root, 'app', 'logika', controllerName + '.js');
+                    
+                    if (!fs.existsSync(controllerPath)) throw new Error(`Logika (Controller) ${controllerName} ora ketemu ning app/logika!`);
+                    
+                    const module = await import('file://' + controllerPath + '?update=' + Date.now()); 
+                    const ControllerClass = module.default;
+                    const instance = new ControllerClass();
+                    
+                    if (typeof instance[methodName] !== 'function') {
+                        throw new Error(`Method ${methodName} ora ono nang ${controllerName}`);
+                    }
+
+                    const result = await instance[methodName](); 
+
+                    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: Kompor Meleduk</h1><pre>${e.message}\n${e.stack}</pre>`);
+                }
+            } else {
+                res.writeHead(404, {'Content-Type': 'text/html'});
+                res.end('<h1>404: Dalane buntu, Mas.</h1>');
+            }
+        });
+
+        const port = 3000;
+        server.listen(port, () => {
+            console.log(`🚀 Warung buka ning http://localhost:${port}`);
+            console.log(`(Tekan Ctrl+C kanggo tutup warung)`);
+        });
+
+    } catch (err) {
+        console.error('Fatal Error saat loading routes:', err);
+    }
+}

package/lib/core/Controller.js

@@ -0,0 +1,20 @@
+import fs from 'fs';
+import path from 'path';
+import { renderLumpia } from './View.js';
+
+// 3. BASE LOGIKA (Controller)
+export class Logika {
+    tampil(viewName, data = {}) {
+        // Cek lokasi view relative dari CWD user (folder 'depan')
+        const viewPath = path.join(process.cwd(), 'depan', `${viewName}.lmp`);
+        if (fs.existsSync(viewPath)) {
+            return { type: 'html', content: renderLumpia(viewPath, data) };
+        } else {
+            return { type: 'html', content: `<h1>404: Tampilan '${viewName}' ora ketemu ning folder 'depan', Lur.</h1>` };
+        }
+    }
+
+    json(data) {
+        return { type: 'json', content: JSON.stringify(data) };
+    }
+}

package/lib/core/Model.js

@@ -0,0 +1,41 @@
+// 1. MODEL (Eloquent-like)
+export class LumpiaModel {
+    constructor(data = []) {
+        this.data = data;
+    }
+
+    static use(jsonData) {
+        return new LumpiaModel(jsonData);
+    }
+
+    // Ambil kabeh data
+    kabeh() {
+        return this.data;
+    }
+
+    // Filter cari (where)
+    dimana(key, operator, value) {
+        if (value === undefined) { value = operator; operator = '=='; }
+        
+        const filtered = this.data.filter(item => {
+            if (operator === '==') return item[key] == value;
+            if (operator === '>') return item[key] > value;
+            if (operator === '<') return item[key] < value;
+            if (operator === '>=') return item[key] >= value;
+            if (operator === '<=') return item[key] <= value;
+            if (operator === '!=') return item[key] != value;
+            return false;
+        });
+        return new LumpiaModel(filtered);
+    }
+
+    // Ambil satu (first)
+    siji() {
+        return this.data[0] || null;
+    }
+
+    // Return raw array
+    jupuk() {
+        return this.data;
+    }
+}

package/lib/core/Router.js

@@ -0,0 +1,14 @@
+
+// 2. ROUTER : Simpan Jalur
+export const routes = [];
+
+export const Jalan = {
+    gawe: (path, action) => routes.push({ path, action, method: 'GET' }), // GET
+    jupuk: (path, action) => routes.push({ path, action, method: 'GET' }), // Alias GET
+    kirim: (path, action) => routes.push({ path, action, method: 'POST' }),
+    anyar: (path, action) => routes.push({ path, action, method: 'PUT' }),
+    bucak: (path, action) => routes.push({ path, action, method: 'DELETE' }),
+};
+
+// Global Router Container (for easy access in runtime)
+global.LumpiaRouter = routes;

package/lib/core/View.js

@@ -0,0 +1,58 @@
+import fs from 'fs';
+
+// --- KAMUS BAHASA SEMARANG (Blade-like Template Engine) ---
+// Mengubah sintaks .lmp ke HTML siap render dengan interpolasi data
+export function renderLumpia(viewPath, data = {}) {
+    let content = fs.readFileSync(viewPath, 'utf-8');
+
+    // 1. Ekstrak bagian <klambi>, <kulit>, <isi>
+    const matchKulit = content.match(/<kulit>([\s\S]*?)<\/kulit>/);
+    const matchIsi = content.match(/<isi>([\s\S]*?)<\/isi>/); // Client-side JS
+    const matchKlambi = content.match(/<klambi>([\s\S]*?)<\/klambi>/);
+
+    let htmlBody = matchKulit ? matchKulit[1] : '';
+    let clientScript = matchIsi ? matchIsi[1] : '';
+    let cssStyle = matchKlambi ? matchKlambi[1] : '';
+
+    // 2. Transpile Client-side JS (Semarangan -> JS Standard)
+    const dictionary = [
+        { 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: '!' },
+        { asal: /panjang\(/g, jadi: 'len(' },
+    ];
+    dictionary.forEach(kata => clientScript = clientScript.replace(kata.asal, kata.jadi));
+
+    // 3. Templating Engine (Mirip Blade {{ variable }})
+    // Mengganti {{ variable }} dengan value dari `data`
+    for (const [key, value] of Object.entries(data)) {
+        const regex = new RegExp(`{{\\s*${key}\\s*}}`, 'g');
+        // Simple XSS protection could be added here
+        htmlBody = htmlBody.replace(regex, value);
+    }
+    
+    // 4. Rakit Akhir
+    return `<!DOCTYPE html>
+<html>
+<head>
+    <title>Lumpia App</title>
+    <style>body{font-family:sans-serif;padding:20px;} ${cssStyle}</style>
+</head>
+<body>
+    ${htmlBody}
+    <div id="output-lumpia"></div>
+    <script>
+        // Runtime Helper
+        function tampil(txt) { 
+            let el = document.getElementById('output-lumpia');
+            if(el) el.innerText = txt; 
+        }
+        ${clientScript}
+    </script>
+</body>
+</html>`;
+}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "lumpiajs",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Bahasa Pemrograman Semarangan",
   "type": "module",
+  "main": "index.js",
   "bin": {
-    "lumpia": "./index.js"
+    "lumpia": "./bin/lumpia.js"
   },
   "dependencies": {
     "fs-extra": "^11.1.1"