npm - wad-lab - Versions diffs - 1.0.9 → 1.1.1 - Mend

wad-lab 1.0.9 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/templates/springboot-library-api/src/main/java/com/example/library/model/CategoryAnalytics.java ADDED Viewed

@@ -0,0 +1,41 @@
+package com.example.library.model;
+public class CategoryAnalytics {
+    private String category;
+    private int totalCopies;
+    private double averagePrice;
+    public CategoryAnalytics() {
+    }
+    public CategoryAnalytics(String category, int totalCopies, double averagePrice) {
+        this.category = category;
+        this.totalCopies = totalCopies;
+        this.averagePrice = averagePrice;
+    }
+    public String getCategory() {
+        return category;
+    }
+    public void setCategory(String category) {
+        this.category = category;
+    }
+    public int getTotalCopies() {
+        return totalCopies;
+    }
+    public void setTotalCopies(int totalCopies) {
+        this.totalCopies = totalCopies;
+    }
+    public double getAveragePrice() {
+        return averagePrice;
+    }
+    public void setAveragePrice(double averagePrice) {
+        this.averagePrice = averagePrice;
+    }
+}

package/templates/springboot-library-api/src/main/java/com/example/library/repository/BookRepository.java ADDED Viewed

@@ -0,0 +1,13 @@
+package com.example.library.repository;
+import com.example.library.model.Book;
+import org.springframework.data.mongodb.repository.MongoRepository;
+import org.springframework.stereotype.Repository;
+import java.util.List;
+@Repository
+public interface BookRepository extends MongoRepository<Book, String> {
+    List<Book> findByCategory(String category);
+    List<Book> findByAuthor(String author);
+}

package/templates/springboot-library-api/src/main/java/com/example/library/service/LibraryService.java ADDED Viewed

@@ -0,0 +1,60 @@
+package com.example.library.service;
+import com.example.library.model.Book;
+import com.example.library.model.CategoryAnalytics;
+import com.example.library.repository.BookRepository;
+import org.springframework.data.mongodb.core.MongoTemplate;
+import org.springframework.data.mongodb.core.aggregation.Aggregation;
+import org.springframework.data.mongodb.core.aggregation.AggregationResults;
+import org.springframework.stereotype.Service;
+import java.util.List;
+import java.util.Optional;
+import static org.springframework.data.mongodb.core.aggregation.Aggregation.*;
+@Service
+public class LibraryService {
+    private final BookRepository bookRepository;
+    private final MongoTemplate mongoTemplate;
+    public LibraryService(BookRepository bookRepository, MongoTemplate mongoTemplate) {
+        this.bookRepository = bookRepository;
+        this.mongoTemplate = mongoTemplate;
+    }
+    public List<Book> getAllBooks() {
+        return bookRepository.findAll();
+    }
+    public Optional<Book> getBookById(String id) {
+        return bookRepository.findById(id);
+    }
+    public Book addBook(Book book) {
+        return bookRepository.save(book);
+    }
+    public void deleteBook(String id) {
+        bookRepository.deleteById(id);
+    }
+    public List<CategoryAnalytics> getCategoryAnalytics() {
+        Aggregation aggregation = newAggregation(
+                group("category")
+                        .sum("totalCopies").as("totalCopies")
+                        .avg("price").as("averagePrice"),
+                project("totalCopies", "averagePrice")
+                        .and("_id").as("category")
+        );
+        AggregationResults<CategoryAnalytics> results = mongoTemplate.aggregate(
+                aggregation,
+                "books",
+                CategoryAnalytics.class
+        );
+        return results.getMappedResults();
+    }
+}

package/templates/springboot-library-api/src/main/resources/application.properties ADDED Viewed

@@ -0,0 +1,3 @@
+spring.data.mongodb.uri=mongodb://localhost:27017/library_db
+spring.data.mongodb.database=library_db
+server.port=8080

package/templates/vue-game-rps/index.html ADDED Viewed

@@ -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 Rock Paper Scissors</title>
+</head>
+<body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+</body>
+</html>

package/templates/vue-game-rps/package.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "name": "vue-game-rps",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "pinia": "^4.1.0",
+    "vue": "^3.5.44"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.10",
+    "vite": "^8.3.4"
+  }
+}

package/templates/vue-game-rps/src/App.vue ADDED Viewed

@@ -0,0 +1,125 @@
+<template>
+  <div class="container">
+    <h1>Vue Rock Paper Scissors</h1>
+    <div class="scoreboard">
+      <div class="score-card">
+        <span class="label">Player:</span>
+        <span class="value">{{ store.playerScore }}</span>
+      </div>
+      <div class="score-card">
+        <span class="label">Computer:</span>
+        <span class="value">{{ store.computerScore }}</span>
+      </div>
+      <div class="score-card">
+        <span class="label">Ties:</span>
+        <span class="value">{{ store.ties }}</span>
+      </div>
+    </div>
+    <div class="choices">
+      <button @click="store.playRound('Rock')">✊ Rock</button>
+      <button @click="store.playRound('Paper')">✋ Paper</button>
+      <button @click="store.playRound('Scissors')">✌ Scissors</button>
+    </div>
+    <div class="results">
+      <div v-if="store.playerChoice && store.computerChoice" class="matchup">
+        <p>Player: <strong>{{ store.playerChoice }}</strong></p>
+        <p>Computer: <strong>{{ store.computerChoice }}</strong></p>
+      </div>
+      <p class="message">{{ store.resultMessage }}</p>
+    </div>
+    <button class="reset-btn" @click="store.resetGame">Reset Game</button>
+  </div>
+</template>
+<script setup>
+import { useRpsStore } from './stores/rpsStore'
+const store = useRpsStore()
+</script>
+<style scoped>
+.container {
+  max-width: 500px;
+  margin: 40px auto;
+  padding: 20px;
+  text-align: center;
+  font-family: Arial, sans-serif;
+}
+.scoreboard {
+  display: flex;
+  justify-content: space-around;
+  margin: 20px 0;
+  padding: 12px;
+  background: #f0f0f0;
+  border-radius: 6px;
+}
+.score-card {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.label {
+  font-weight: bold;
+}
+.value {
+  font-size: 1.4rem;
+}
+.choices {
+  display: flex;
+  justify-content: center;
+  gap: 12px;
+  margin: 20px 0;
+}
+button {
+  padding: 10px 16px;
+  font-size: 1rem;
+  cursor: pointer;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  background: #fff;
+}
+button:hover {
+  background: #e9e9e9;
+}
+.results {
+  margin: 20px 0;
+  padding: 15px;
+  border: 1px solid #ddd;
+  border-radius: 6px;
+  background: #fafafa;
+}
+.matchup {
+  display: flex;
+  justify-content: space-around;
+  margin-bottom: 10px;
+}
+.message {
+  font-size: 1.2rem;
+  font-weight: bold;
+  margin: 5px 0 0;
+}
+.reset-btn {
+  background: #e74c3c;
+  color: #fff;
+  border: none;
+}
+.reset-btn:hover {
+  background: #c0392b;
+}
+</style>

package/templates/vue-game-rps/src/main.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import App from './App.vue'
+createApp(App).use(createPinia()).mount('#app')

package/templates/vue-game-rps/src/stores/rpsStore.js ADDED Viewed

@@ -0,0 +1,43 @@
+import { defineStore } from 'pinia'
+export const useRpsStore = defineStore('rps', {
+  state: () => ({
+    choices: ['Rock', 'Paper', 'Scissors'],
+    playerScore: 0,
+    computerScore: 0,
+    ties: 0,
+    playerChoice: null,
+    computerChoice: null,
+    resultMessage: 'Make your choice to play!'
+  }),
+  actions: {
+    playRound(choice) {
+      this.playerChoice = choice
+      const randomIndex = Math.floor(Math.random() * this.choices.length)
+      this.computerChoice = this.choices[randomIndex]
+      if (this.playerChoice === this.computerChoice) {
+        this.ties++
+        this.resultMessage = "It's a tie!"
+      } else if (
+        (this.playerChoice === 'Rock' && this.computerChoice === 'Scissors') ||
+        (this.playerChoice === 'Paper' && this.computerChoice === 'Rock') ||
+        (this.playerChoice === 'Scissors' && this.computerChoice === 'Paper')
+      ) {
+        this.playerScore++
+        this.resultMessage = 'You win!'
+      } else {
+        this.computerScore++
+        this.resultMessage = 'Computer wins!'
+      }
+    },
+    resetGame() {
+      this.playerScore = 0
+      this.computerScore = 0
+      this.ties = 0
+      this.playerChoice = null
+      this.computerChoice = null
+      this.resultMessage = 'Make your choice to play!'
+    }
+  }
+})

package/templates/vue-game-rps/vite.config.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+export default defineConfig({
+  plugins: [vue()]
+})

package/templates/vue-game-tictactoe/index.html ADDED Viewed

@@ -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 Tic Tac Toe</title>
+</head>
+<body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+</body>
+</html>

package/templates/vue-game-tictactoe/package.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "name": "vue-game-tictactoe",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "pinia": "^4.1.0",
+    "vue": "^3.5.44"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.10",
+    "vite": "^8.3.4"
+  }
+}

package/templates/vue-game-tictactoe/src/App.vue ADDED Viewed

@@ -0,0 +1,105 @@
+<script setup>
+import { useTicTacToeStore } from './stores/tictactoeStore'
+const store = useTicTacToeStore()
+</script>
+<template>
+  <div class="game-container">
+    <h1>Vue Tic Tac Toe</h1>
+    <div class="status">
+      <span v-if="store.winner">Player {{ store.winner }} Wins! 🎉</span>
+      <span v-else-if="store.isDraw">Game Draw! 🤝</span>
+      <span v-else>Player {{ store.currentPlayer }}'s Turn</span>
+    </div>
+    <div class="board">
+      <button
+        v-for="(cell, index) in store.board"
+        :key="index"
+        type="button"
+        class="cell"
+        :disabled="cell !== '' || !!store.winner || store.isDraw"
+        @click="store.makeMove(index)"
+      >
+        {{ cell }}
+      </button>
+    </div>
+    <button type="button" class="btn-reset" @click="store.resetBoard">Reset Game</button>
+  </div>
+</template>
+<style>
+body {
+  font-family: Arial, sans-serif;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  margin: 0;
+  background-color: #f5f5f5;
+}
+.game-container {
+  text-align: center;
+  background: #ffffff;
+  padding: 30px;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+}
+h1 {
+  margin-top: 0;
+}
+.status {
+  margin: 15px 0;
+  font-size: 20px;
+  font-weight: bold;
+}
+.board {
+  display: grid;
+  grid-template-columns: repeat(3, 80px);
+  gap: 8px;
+  margin: 20px auto;
+  width: 256px;
+}
+.cell {
+  width: 80px;
+  height: 80px;
+  background-color: #f9f9f9;
+  border: 2px solid #555;
+  font-size: 36px;
+  font-weight: bold;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.cell:hover:not(:disabled) {
+  background-color: #eee;
+}
+.cell:disabled {
+  cursor: not-allowed;
+}
+.btn-reset {
+  padding: 10px 20px;
+  font-size: 16px;
+  background-color: #333;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.btn-reset:hover {
+  background-color: #555;
+}
+</style>

package/templates/vue-game-tictactoe/src/main.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import App from './App.vue'
+createApp(App).use(createPinia()).mount('#app')

package/templates/vue-game-tictactoe/src/stores/tictactoeStore.js ADDED Viewed

@@ -0,0 +1,61 @@
+import { defineStore } from 'pinia'
+export const useTicTacToeStore = defineStore('tictactoe', {
+  state: () => ({
+    board: Array(9).fill(''),
+    currentPlayer: 'X',
+    winner: null,
+    isDraw: false,
+    winningConditions: [
+      [0, 1, 2],
+      [3, 4, 5],
+      [6, 7, 8],
+      [0, 3, 6],
+      [1, 4, 7],
+      [2, 5, 8],
+      [0, 4, 8],
+      [2, 4, 6]
+    ]
+  }),
+  actions: {
+    checkWin() {
+      for (const [a, b, c] of this.winningConditions) {
+        if (this.board[a] && this.board[a] === this.board[b] && this.board[b] === this.board[c]) {
+          this.winner = this.currentPlayer
+          return true
+        }
+      }
+      return false
+    },
+    checkDraw() {
+      if (!this.board.includes('')) {
+        this.isDraw = true
+        return true
+      }
+      return false
+    },
+    makeMove(index) {
+      if (this.board[index] !== '' || this.winner || this.isDraw) {
+        return
+      }
+      this.board[index] = this.currentPlayer
+      if (this.checkWin()) {
+        return
+      }
+      if (this.checkDraw()) {
+        return
+      }
+      this.currentPlayer = this.currentPlayer === 'X' ? 'O' : 'X'
+    },
+    resetBoard() {
+      this.board = Array(9).fill('')
+      this.currentPlayer = 'X'
+      this.winner = null
+      this.isDraw = false
+    }
+  }
+})

package/templates/vue-game-tictactoe/vite.config.js ADDED Viewed

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+export default defineConfig({
+  plugins: [vue()]
+})

package/templates/vue-game-whackamole/index.html ADDED Viewed

@@ -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 Whack A Mole</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>

package/templates/vue-game-whackamole/package.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "name": "vue-game-whackamole",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "pinia": "^4.1.0",
+    "vue": "^3.5.44"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "vite": "^6.0.0"
+  }
+}

package/templates/vue-game-whackamole/src/App.vue ADDED Viewed

@@ -0,0 +1,104 @@
+<template>
+  <div class="game-container">
+    <h1>Vue Whack A Mole</h1>
+    <div class="status-bar">
+      <span>Score: {{ store.score }}</span>
+      <span>Time Left: {{ store.timeLeft }}s</span>
+    </div>
+    <button class="start-btn" :disabled="store.isPlaying" @click="store.startGame()">
+      Start Game
+    </button>
+    <div class="grid">
+      <div
+        v-for="i in 9"
+        :key="i - 1"
+        class="hole"
+        @click="store.whackMole(i - 1)"
+      >
+        <span v-if="store.activeHoleIndex === i - 1" class="mole">🐹</span>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup>
+import { useMoleStore } from './stores/moleStore'
+const store = useMoleStore()
+</script>
+<style>
+body {
+  margin: 0;
+  font-family: sans-serif;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background-color: #f0f2f5;
+}
+.game-container {
+  text-align: center;
+  background: #ffffff;
+  padding: 24px;
+  border-radius: 12px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  width: 320px;
+}
+h1 {
+  margin-top: 0;
+  margin-bottom: 16px;
+  font-size: 24px;
+}
+.status-bar {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 16px;
+  font-size: 16px;
+  font-weight: bold;
+}
+.start-btn {
+  padding: 10px 20px;
+  font-size: 16px;
+  background-color: #42b883;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  margin-bottom: 20px;
+}
+.start-btn:disabled {
+  background-color: #a8d5c2;
+  cursor: not-allowed;
+}
+.grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 12px;
+}
+.hole {
+  width: 80px;
+  height: 80px;
+  background-color: #795548;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+}
+.mole {
+  font-size: 40px;
+}
+</style>