wad-lab 1.0.2 → 1.0.4

package/bin/index.js

@@ -4,6 +4,29 @@ const fs = require('fs');
 const path = require('path');
 const readline = require('readline');
 
+function copyDirRecursive(src, dest) {
+  if (typeof fs.cpSync === 'function') {
+    fs.cpSync(src, dest, { recursive: true });
+    return;
+  }
+
+  if (!fs.existsSync(dest)) {
+    fs.mkdirSync(dest, { recursive: true });
+  }
+
+  const entries = fs.readdirSync(src, { withFileTypes: true });
+  for (const entry of entries) {
+    const srcPath = path.join(src, entry.name);
+    const destPath = path.join(dest, entry.name);
+
+    if (entry.isDirectory()) {
+      copyDirRecursive(srcPath, destPath);
+    } else {
+      fs.copyFileSync(srcPath, destPath);
+    }
+  }
+}
+
 const templates = [
   { name: 'all (Unpack All 17 Templates)', value: 'all' },
   { name: 'html-css-js (Form Validation & DOM)', value: 'html-css-js' },
@@ -28,52 +51,64 @@ const templates = [
 ];
 
 let selectedIndex = 0;
+const selectedValues = new Set();
 const templatesRoot = path.join(__dirname, '..', 'templates');
+let isPrompting = false;
 
 function renderMenu() {
   console.clear();
   console.log('=== WAD LAB STARTER TEMPLATES ===');
-  console.log('Use [UP / DOWN] arrow keys to navigate, press [ENTER] to select:\n');
+  console.log('Use [UP / DOWN] arrow keys to move');
+  console.log('Press [SPACE] to select / deselect (multi-select supported)');
+  console.log('Press [ENTER] to confirm and proceed\n');
 
   templates.forEach((t, i) => {
-    if (i === selectedIndex) {
-      console.log('> [*] ' + t.name);
-    } else {
-      console.log('  [ ] ' + t.name);
-    }
+    const isCursor = i === selectedIndex;
+    const isChecked = selectedValues.has(t.value);
+    const box = isChecked ? '[x]' : '[ ]';
+    const prefix = isCursor ? '> ' : '  ';
+    console.log(prefix + box + ' ' + t.name);
   });
 
   console.log('\nPress Ctrl+C to cancel.');
 }
 
-function promptFolderName(choice) {
+function promptFolderName(choices) {
+  isPrompting = true;
+  process.stdin.removeAllListeners('keypress');
   if (process.stdin.isTTY) {
     process.stdin.setRawMode(false);
   }
 
-  const defaultFolder = choice === 'all' ? 'wad-all-templates' : choice;
+  const isAll = choices.includes('all');
+  const defaultFolder = isAll || choices.length > 1 ? 'wad-templates' : choices[0];
+
   const rl = readline.createInterface({
     input: process.stdin,
     output: process.stdout
   });
 
-  console.log('\nSelected: ' + choice);
+  console.log('\nSelected to unpack: ' + choices.join(', '));
   rl.question(`Enter destination folder name (default: "${defaultFolder}"): `, (answer) => {
     rl.close();
     const folder = answer.trim() || defaultFolder;
-    const dest = path.resolve(process.cwd(), folder);
+    const destDir = path.resolve(process.cwd(), folder);
 
-    if (!fs.existsSync(dest)) {
-      fs.mkdirSync(dest, { recursive: true });
+    if (!fs.existsSync(destDir)) {
+      fs.mkdirSync(destDir, { recursive: true });
     }
 
-    if (choice === 'all') {
-      fs.cpSync(templatesRoot, dest, { recursive: true });
-      console.log('\nSuccessfully unpacked ALL templates into: ' + dest);
+    if (isAll) {
+      copyDirRecursive(templatesRoot, destDir);
+      console.log('\nSuccessfully unpacked ALL templates into: ' + destDir);
     } else {
-      const src = path.join(templatesRoot, choice);
-      fs.cpSync(src, dest, { recursive: true });
-      console.log('\nSuccessfully unpacked [' + choice + '] into: ' + dest);
+      choices.forEach(c => {
+        const src = path.join(templatesRoot, c);
+        const dest = path.join(destDir, c);
+        copyDirRecursive(src, dest);
+        console.log('Unpacked [' + c + '] into: ' + dest);
+      });
+      console.log('\nSuccessfully unpacked all chosen templates into: ' + destDir);
     }
     process.exit(0);
   });
@@ -83,7 +118,7 @@ if (process.argv[2]) {
   const arg = process.argv[2];
   const found = templates.find(t => t.value === arg);
   if (found) {
-    promptFolderName(found.value);
+    promptFolderName([found.value]);
   } else {
     console.error('Unknown template: ' + arg);
     process.exit(1);
@@ -97,6 +132,8 @@ if (process.argv[2]) {
   renderMenu();
 
   process.stdin.on('keypress', (str, key) => {
+    if (isPrompting) return;
+
     if (key.ctrl && key.name === 'c') {
       process.exit(0);
     }
@@ -107,8 +144,29 @@ if (process.argv[2]) {
     } else if (key.name === 'down') {
       selectedIndex = (selectedIndex + 1) % templates.length;
       renderMenu();
+    } else if (key.name === 'space') {
+      const currentVal = templates[selectedIndex].value;
+      if (currentVal === 'all') {
+        if (selectedValues.has('all')) {
+          selectedValues.clear();
+        } else {
+          selectedValues.clear();
+          selectedValues.add('all');
+        }
+      } else {
+        selectedValues.delete('all');
+        if (selectedValues.has(currentVal)) {
+          selectedValues.delete(currentVal);
+        } else {
+          selectedValues.add(currentVal);
+        }
+      }
+      renderMenu();
     } else if (key.name === 'return' || key.name === 'enter') {
-      const chosen = templates[selectedIndex].value;
+      let chosen = Array.from(selectedValues);
+      if (chosen.length === 0) {
+        chosen = [templates[selectedIndex].value];
+      }
       promptFolderName(chosen);
     }
   });

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "wad-lab",
-  "version": "1.0.2",
-  "description": "Interactive CLI for WAD Lab starter templates (Spring Boot, MongoDB, Vue 3, Servlets)",
+  "version": "1.0.4",
+  "description": "Interactive CLI for WAD Lab starter templates compatible with Node 12+",
   "bin": {
     "wad-lab": "./bin/index.js"
   },
+  "engines": {
+    "node": ">=12.0.0"
+  },
   "keywords": [
     "wad",
     "spring-boot",

package/templates/html-css-js/index.html

@@ -2,26 +2,7 @@
 <html>
 <head>
     <title>Form Validation Demo</title>
-    <style>
-        body {
-            font-family: sans-serif;
-            margin: 20px;
-        }
-        input:focus {
-            outline: 2px solid black;
-        }
-        input:invalid {
-            border: 1px solid gray;
-        }
-        p::before {
-            content: "• ";
-        }
-        table, th, td {
-            border: 1px solid black;
-            border-collapse: collapse;
-            padding: 4px 8px;
-        }
-    </style>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <h2>Item Entry Form</h2>
@@ -56,45 +37,6 @@
         <tbody id="tableBody"></tbody>
     </table>
 
-    <script>
-        function validateAndSubmit(e) {
-            e.preventDefault();
-
-            const name = document.getElementById("name").value.trim();
-            const description = document.getElementById("description").value.trim();
-            const price = document.getElementById("price").value.trim();
-            const errorMsg = document.getElementById("errorMsg");
-
-            errorMsg.innerText = "";
-
-            if (name.length < 2) {
-                errorMsg.innerText = "Name must be at least 2 characters.";
-                return false;
-            }
-
-            const priceNum = parseFloat(price);
-            if (isNaN(priceNum) || priceNum <= 0) {
-                errorMsg.innerText = "Price must be a positive number.";
-                return false;
-            }
-
-            const tbody = document.getElementById("tableBody");
-            const row = document.createElement("tr");
-
-            row.innerHTML = "<td>" + name + "</td>" +
-                            "<td>" + description + "</td>" +
-                            "<td>" + priceNum.toFixed(2) + "</td>" +
-                            "<td><button onclick='deleteRow(this)'>Delete</button></td>";
-
-            tbody.appendChild(row);
-
-            document.getElementById("itemForm").reset();
-            return true;
-        }
-
-        function deleteRow(btn) {
-            btn.parentElement.parentElement.remove();
-        }
-    </script>
+    <script src="script.js"></script>
 </body>
 </html>

package/templates/html-css-js/script.js

@@ -0,0 +1,38 @@
+function validateAndSubmit(e) {
+    e.preventDefault();
+
+    const name = document.getElementById("name").value.trim();
+    const description = document.getElementById("description").value.trim();
+    const price = document.getElementById("price").value.trim();
+    const errorMsg = document.getElementById("errorMsg");
+
+    errorMsg.innerText = "";
+
+    if (name.length < 2) {
+        errorMsg.innerText = "Name must be at least 2 characters.";
+        return false;
+    }
+
+    const priceNum = parseFloat(price);
+    if (isNaN(priceNum) || priceNum <= 0) {
+        errorMsg.innerText = "Price must be a positive number.";
+        return false;
+    }
+
+    const tbody = document.getElementById("tableBody");
+    const row = document.createElement("tr");
+
+    row.innerHTML = "<td>" + name + "</td>" +
+                    "<td>" + description + "</td>" +
+                    "<td>" + priceNum.toFixed(2) + "</td>" +
+                    "<td><button onclick='deleteRow(this)'>Delete</button></td>";
+
+    tbody.appendChild(row);
+
+    document.getElementById("itemForm").reset();
+    return true;
+}
+
+function deleteRow(btn) {
+    btn.parentElement.parentElement.remove();
+}

package/templates/html-css-js/style.css

@@ -0,0 +1,22 @@
+body {
+    font-family: sans-serif;
+    margin: 20px;
+}
+
+input:focus {
+    outline: 2px solid black;
+}
+
+input:invalid {
+    border: 1px solid gray;
+}
+
+p::before {
+    content: "• ";
+}
+
+table, th, td {
+    border: 1px solid black;
+    border-collapse: collapse;
+    padding: 4px 8px;
+}