wad-lab 1.1.2 → 1.1.4

package/bin/index.js

@@ -27,8 +27,35 @@ function copyDirRecursive(src, dest) {
   }
 }
 
+const frontendOptions = [
+  { name: 'all (Include all 10 Vue variants inside frontend/)', value: 'all' },
+  { name: 'vue-axios-basic (Vue 3 + Axios Direct CRUD)', value: 'vue-axios-basic' },
+  { name: 'vue-axios-props-emits (Vue 3 + Axios + Props & Emits)', value: 'vue-axios-props-emits' },
+  { name: 'vue-axios-router (Vue 3 + Axios + Router Views)', value: 'vue-axios-router' },
+  { name: 'vue-axios-pinia (Vue 3 + Axios + Pinia Centralized Store)', value: 'vue-axios-pinia' },
+  { name: 'vue-axios-router-props (Vue 3 + Axios + Router + Props/Emits)', value: 'vue-axios-router-props' },
+  { name: 'vue-axios-pinia-props (Vue 3 + Axios + Pinia + Props/Emits)', value: 'vue-axios-pinia-props' },
+  { name: 'vue-axios-router-pinia (Vue 3 + Axios + Router + Pinia)', value: 'vue-axios-router-pinia' },
+  { name: 'vue-axios-router-pinia-props (The Kitchen Sink — Router + Pinia + Props + Emits)', value: 'vue-axios-router-pinia-props' },
+  { name: 'vue-axios-router-children (Vue 3 + Axios + Router Nested Children)', value: 'vue-axios-router-children' },
+  { name: 'vue-axios-interceptor (Vue 3 + Axios Interceptors + Toast Alerts)', value: 'vue-axios-interceptor' }
+];
+
 const templates = [
-  { name: 'all (Unpack All 42 Templates)', value: 'all' },
+  { name: 'all (Unpack All 54 Templates)', value: 'all' },
+  { name: 'servlet-voter-eligibility (Name & Age Voting Eligibility Check)', value: 'servlet-voter-eligibility' },
+  { name: 'fullstack-springboot-vue (Spring Boot Backend + Selectable Vue Frontend)', value: 'fullstack-springboot-vue' },
+  { name: 'springboot-2model-1controller-api (Spring Boot 1 Service, 1 Controller, 2 Models, 2 Repos)', value: 'springboot-2model-1controller-api' },
+  { name: 'vue-axios-basic (Vue 3 + Axios Direct CRUD)', value: 'vue-axios-basic' },
+  { name: 'vue-axios-props-emits (Vue 3 + Axios + Props & Emits)', value: 'vue-axios-props-emits' },
+  { name: 'vue-axios-router (Vue 3 + Axios + Router Views)', value: 'vue-axios-router' },
+  { name: 'vue-axios-pinia (Vue 3 + Axios + Pinia Centralized Store)', value: 'vue-axios-pinia' },
+  { name: 'vue-axios-router-props (Vue 3 + Axios + Router + Props/Emits)', value: 'vue-axios-router-props' },
+  { name: 'vue-axios-pinia-props (Vue 3 + Axios + Pinia + Props/Emits)', value: 'vue-axios-pinia-props' },
+  { name: 'vue-axios-router-pinia (Vue 3 + Axios + Router + Pinia)', value: 'vue-axios-router-pinia' },
+  { name: 'vue-axios-router-pinia-props (The Kitchen Sink — Router + Pinia + Props + Emits)', value: 'vue-axios-router-pinia-props' },
+  { name: 'vue-axios-router-children (Vue 3 + Axios + Router Nested Children)', value: 'vue-axios-router-children' },
+  { name: 'vue-axios-interceptor (Vue 3 + Axios Interceptors + Toast Alerts)', value: 'vue-axios-interceptor' },
   { name: 'vue-basics (ref, reactive, computed, v-model)', value: 'vue-basics' },
   { name: 'vue-props-emits (Parent/Child Component Communication)', value: 'vue-props-emits' },
   { name: 'vue-router (Parent Layout & Nested Children)', value: 'vue-router' },
@@ -45,7 +72,6 @@ const templates = [
   { name: 'servlet-jdbc (Tomcat + MySQL JDBC)', value: 'servlet-jdbc' },
   { name: 'servlet-flow (HelloServlet with GET/POST)', value: 'servlet-flow' },
   { name: 'servlet-session-tracking (HttpSession, Cookies, Redirect, URL Rewriting)', value: 'servlet-session-tracking' },
-  { name: 'servlet-voter-eligibility (Name & Age Voting Eligibility Check)', value: 'servlet-voter-eligibility' },
   { name: 'springboot-mongo-crud (4-Layer REST API)', value: 'springboot-mongo-crud' },
   { name: 'springboot-mongo-aggregation ($group, $sum, $avg, $sort)', value: 'springboot-mongo-aggregation' },
   { name: 'springboot-mockmvc (Controller Tests)', value: 'springboot-mockmvc' },
@@ -103,37 +129,90 @@ function promptFolderName(choices) {
     process.stdin.setRawMode(false);
   }
 
-  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 to unpack: ' + choices.join(', '));
-  rl.question(`Enter destination folder name (default: "${defaultFolder}"): `, (answer) => {
-    rl.close();
-    const folder = answer.trim() || defaultFolder;
-    const destDir = path.resolve(process.cwd(), folder);
-
-    if (!fs.existsSync(destDir)) {
-      fs.mkdirSync(destDir, { recursive: true });
+  function askFrontendIfRequired(done) {
+    if (choices.includes('fullstack-springboot-vue')) {
+      console.log('\n=== SELECT FRONTEND FOR FULLSTACK TEMPLATE ===');
+      frontendOptions.forEach((opt, idx) => {
+        console.log(`  [${idx + 1}] ${opt.name}`);
+      });
+      rl.question('\nChoose frontend (1-11, default: 1 [all]): ', (ans) => {
+        const val = ans.trim();
+        let selectedFrontend = 'all';
+        const num = parseInt(val, 10);
+        if (!isNaN(num) && num >= 1 && num <= frontendOptions.length) {
+          selectedFrontend = frontendOptions[num - 1].value;
+        } else {
+          const directMatch = frontendOptions.find(f => f.value === val);
+          if (directMatch) {
+            selectedFrontend = directMatch.value;
+          }
+        }
+        done(selectedFrontend);
+      });
+    } else {
+      done(null);
     }
+  }
 
-    if (isAll) {
-      copyDirRecursive(templatesRoot, destDir);
-      console.log('\nSuccessfully unpacked ALL templates into: ' + destDir);
-    } else {
-      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);
+  askFrontendIfRequired((selectedFrontend) => {
+    const isAll = choices.includes('all');
+    const defaultFolder = isAll || choices.length > 1 ? 'wad-templates' : choices[0];
+
+    console.log('\nSelected to unpack: ' + choices.join(', '));
+    if (selectedFrontend) {
+      console.log('Selected frontend variant: ' + selectedFrontend);
     }
-    process.exit(0);
+
+    rl.question(`Enter destination folder name (default: "${defaultFolder}"): `, (answer) => {
+      rl.close();
+      const folder = answer.trim() || defaultFolder;
+      const destDir = path.resolve(process.cwd(), folder);
+
+      if (!fs.existsSync(destDir)) {
+        fs.mkdirSync(destDir, { recursive: true });
+      }
+
+      if (isAll) {
+        copyDirRecursive(templatesRoot, destDir);
+        console.log('\nSuccessfully unpacked ALL templates into: ' + destDir);
+      } else {
+        choices.forEach(c => {
+          if (c === 'fullstack-springboot-vue') {
+            const targetFullstack = choices.length === 1 ? destDir : path.join(destDir, c);
+            if (!fs.existsSync(targetFullstack)) {
+              fs.mkdirSync(targetFullstack, { recursive: true });
+            }
+            const backendSrc = path.join(templatesRoot, 'springboot-2model-1controller-api');
+            const backendDest = path.join(targetFullstack, 'backend');
+            copyDirRecursive(backendSrc, backendDest);
+            console.log('Unpacked [backend] (Spring Boot 2-Model API) into: ' + backendDest);
+
+            const frontendDest = path.join(targetFullstack, 'frontend');
+            if (selectedFrontend === 'all') {
+              const fullstackTemplateFrontendSrc = path.join(templatesRoot, 'fullstack-springboot-vue', 'frontend');
+              copyDirRecursive(fullstackTemplateFrontendSrc, frontendDest);
+              console.log('Unpacked [frontend] (All 10 Vue variants) into: ' + frontendDest);
+            } else {
+              const singleFrontendSrc = path.join(templatesRoot, selectedFrontend);
+              copyDirRecursive(singleFrontendSrc, frontendDest);
+              console.log('Unpacked [frontend] (' + selectedFrontend + ') into: ' + frontendDest);
+            }
+          } else {
+            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);
+    });
   });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wad-lab",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Interactive CLI for WAD Lab starter templates compatible with Node 12+",
   "bin": {
     "wad-lab": "./bin/index.js"

package/templates/fullstack-springboot-vue/backend/pom.xml

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
+	<modelVersion>4.0.0</modelVersion>
+	<parent>
+		<groupId>org.springframework.boot</groupId>
+		<artifactId>spring-boot-starter-parent</artifactId>
+		<version>3.3.4</version>
+		<relativePath/>
+	</parent>
+	<groupId>com.example</groupId>
+	<artifactId>springboot-2model-1controller-api</artifactId>
+	<version>0.0.1-SNAPSHOT</version>
+	<name>springboot-2model-1controller-api</name>
+	<description>Demo project for Spring Boot with 2 models, 2 repositories, 1 service, 1 controller</description>
+	<properties>
+		<java.version>17</java.version>
+	</properties>
+	<dependencies>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-data-mongodb</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-web</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>org.springframework.boot</groupId>
+			<artifactId>spring-boot-starter-test</artifactId>
+			<scope>test</scope>
+		</dependency>
+	</dependencies>
+	<build>
+		<plugins>
+			<plugin>
+				<groupId>org.springframework.boot</groupId>
+				<artifactId>spring-boot-maven-plugin</artifactId>
+			</plugin>
+		</plugins>
+	</build>
+</project>

package/templates/fullstack-springboot-vue/backend/src/main/java/com/example/company/CompanyApplication.java

@@ -0,0 +1,11 @@
+package com.example.company;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+
+@SpringBootApplication
+public class CompanyApplication {
+    public static void main(String[] args) {
+        SpringApplication.run(CompanyApplication.class, args);
+    }
+}

package/templates/fullstack-springboot-vue/backend/src/main/java/com/example/company/controller/CompanyController.java

@@ -0,0 +1,74 @@
+package com.example.company.controller;
+
+import com.example.company.model.Department;
+import com.example.company.model.Employee;
+import com.example.company.service.CompanyService;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.List;
+
+@RestController
+@RequestMapping("/api")
+@CrossOrigin(origins = "*")
+public class CompanyController {
+
+    private final CompanyService companyService;
+
+    @Autowired
+    public CompanyController(CompanyService companyService) {
+        this.companyService = companyService;
+    }
+
+    @GetMapping("/departments")
+    public List<Department> getAllDepartments() {
+        return companyService.getAllDepartments();
+    }
+
+    @GetMapping("/departments/{id}")
+    public ResponseEntity<Department> getDepartmentById(@PathVariable String id) {
+        return companyService.getDepartmentById(id)
+                .map(ResponseEntity::ok)
+                .orElse(ResponseEntity.notFound().build());
+    }
+
+    @PostMapping("/departments")
+    public Department createDepartment(@RequestBody Department department) {
+        return companyService.createDepartment(department);
+    }
+
+    @DeleteMapping("/departments/{id}")
+    public ResponseEntity<Void> deleteDepartment(@PathVariable String id) {
+        companyService.deleteDepartment(id);
+        return ResponseEntity.noContent().build();
+    }
+
+    @GetMapping("/employees")
+    public List<Employee> getAllEmployees() {
+        return companyService.getAllEmployees();
+    }
+
+    @GetMapping("/employees/{id}")
+    public ResponseEntity<Employee> getEmployeeById(@PathVariable String id) {
+        return companyService.getEmployeeById(id)
+                .map(ResponseEntity::ok)
+                .orElse(ResponseEntity.notFound().build());
+    }
+
+    @GetMapping("/employees/dept/{deptId}")
+    public List<Employee> getEmployeesByDepartment(@PathVariable String deptId) {
+        return companyService.getEmployeesByDepartment(deptId);
+    }
+
+    @PostMapping("/employees")
+    public Employee createEmployee(@RequestBody Employee employee) {
+        return companyService.createEmployee(employee);
+    }
+
+    @DeleteMapping("/employees/{id}")
+    public ResponseEntity<Void> deleteEmployee(@PathVariable String id) {
+        companyService.deleteEmployee(id);
+        return ResponseEntity.noContent().build();
+    }
+}

package/templates/fullstack-springboot-vue/backend/src/main/java/com/example/company/model/Department.java

@@ -0,0 +1,51 @@
+package com.example.company.model;
+
+import org.springframework.data.annotation.Id;
+import org.springframework.data.mongodb.core.mapping.Document;
+
+@Document(collection = "departments")
+public class Department {
+
+    @Id
+    private String id;
+    private String name;
+    private String code;
+
+    public Department() {
+    }
+
+    public Department(String name, String code) {
+        this.name = name;
+        this.code = code;
+    }
+
+    public Department(String id, String name, String code) {
+        this.id = id;
+        this.name = name;
+        this.code = code;
+    }
+
+    public String getId() {
+        return id;
+    }
+
+    public void setId(String id) {
+        this.id = id;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getCode() {
+        return code;
+    }
+
+    public void setCode(String code) {
+        this.code = code;
+    }
+}

package/templates/fullstack-springboot-vue/backend/src/main/java/com/example/company/model/Employee.java

@@ -0,0 +1,73 @@
+package com.example.company.model;
+
+import org.springframework.data.annotation.Id;
+import org.springframework.data.mongodb.core.mapping.Document;
+
+@Document(collection = "employees")
+public class Employee {
+
+    @Id
+    private String id;
+    private String name;
+    private String email;
+    private String departmentId;
+    private double salary;
+
+    public Employee() {
+    }
+
+    public Employee(String name, String email, String departmentId, double salary) {
+        this.name = name;
+        this.email = email;
+        this.departmentId = departmentId;
+        this.salary = salary;
+    }
+
+    public Employee(String id, String name, String email, String departmentId, double salary) {
+        this.id = id;
+        this.name = name;
+        this.email = email;
+        this.departmentId = departmentId;
+        this.salary = salary;
+    }
+
+    public String getId() {
+        return id;
+    }
+
+    public void setId(String id) {
+        this.id = id;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getEmail() {
+        return email;
+    }
+
+    public void setEmail(String email) {
+        this.email = email;
+    }
+
+    public String getDepartmentId() {
+        return departmentId;
+    }
+
+    public void setDepartmentId(String departmentId) {
+        this.departmentId = departmentId;
+    }
+
+    public double getSalary() {
+        return salary;
+    }
+
+    public void setSalary(double salary) {
+        this.salary = salary;
+    }
+}

package/templates/fullstack-springboot-vue/backend/src/main/java/com/example/company/repository/DepartmentRepository.java

@@ -0,0 +1,12 @@
+package com.example.company.repository;
+
+import com.example.company.model.Department;
+import org.springframework.data.mongodb.repository.MongoRepository;
+import org.springframework.stereotype.Repository;
+
+import java.util.Optional;
+
+@Repository
+public interface DepartmentRepository extends MongoRepository<Department, String> {
+    Optional<Department> findByCode(String code);
+}

package/templates/fullstack-springboot-vue/backend/src/main/java/com/example/company/repository/EmployeeRepository.java

@@ -0,0 +1,12 @@
+package com.example.company.repository;
+
+import com.example.company.model.Employee;
+import org.springframework.data.mongodb.repository.MongoRepository;
+import org.springframework.stereotype.Repository;
+
+import java.util.List;
+
+@Repository
+public interface EmployeeRepository extends MongoRepository<Employee, String> {
+    List<Employee> findByDepartmentId(String departmentId);
+}

package/templates/fullstack-springboot-vue/backend/src/main/java/com/example/company/service/CompanyService.java

@@ -0,0 +1,60 @@
+package com.example.company.service;
+
+import com.example.company.model.Department;
+import com.example.company.model.Employee;
+import com.example.company.repository.DepartmentRepository;
+import com.example.company.repository.EmployeeRepository;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Optional;
+
+@Service
+public class CompanyService {
+
+    private final DepartmentRepository departmentRepository;
+    private final EmployeeRepository employeeRepository;
+
+    @Autowired
+    public CompanyService(DepartmentRepository departmentRepository, EmployeeRepository employeeRepository) {
+        this.departmentRepository = departmentRepository;
+        this.employeeRepository = employeeRepository;
+    }
+
+    public List<Department> getAllDepartments() {
+        return departmentRepository.findAll();
+    }
+
+    public Optional<Department> getDepartmentById(String id) {
+        return departmentRepository.findById(id);
+    }
+
+    public Department createDepartment(Department department) {
+        return departmentRepository.save(department);
+    }
+
+    public void deleteDepartment(String id) {
+        departmentRepository.deleteById(id);
+    }
+
+    public List<Employee> getAllEmployees() {
+        return employeeRepository.findAll();
+    }
+
+    public Optional<Employee> getEmployeeById(String id) {
+        return employeeRepository.findById(id);
+    }
+
+    public List<Employee> getEmployeesByDepartment(String departmentId) {
+        return employeeRepository.findByDepartmentId(departmentId);
+    }
+
+    public Employee createEmployee(Employee employee) {
+        return employeeRepository.save(employee);
+    }
+
+    public void deleteEmployee(String id) {
+        employeeRepository.deleteById(id);
+    }
+}

package/templates/fullstack-springboot-vue/backend/src/main/resources/application.properties

@@ -0,0 +1,4 @@
+spring.application.name=springboot-2model-1controller-api
+spring.data.mongodb.uri=mongodb://localhost:27017/company_db
+spring.data.mongodb.database=company_db
+server.port=8080

package/templates/fullstack-springboot-vue/frontend/vue-axios-basic/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vue Axios Basic CRUD</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>

package/templates/{frontend → fullstack-springboot-vue/frontend/vue-axios-basic}/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "crud-frontend",
-  "version": "0.0.0",
+  "name": "vue-axios-basic",
   "private": true,
+  "version": "0.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -9,14 +9,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "vue": "^3.5.42"
+    "axios": "^1.7.7",
+    "vue": "^3.5.44"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^6.0.8",
-    "vite": "^8.2.2",
-    "vite-plugin-vue-devtools": "^8.2.1"
-  },
-  "engines": {
-    "node": "^22.18.0 || >=24.12.0"
+    "@vitejs/plugin-vue": "^6.0.10",
+    "vite": "^8.3.4"
   }
 }