npm - wad-lab - Versions diffs - 1.0.8 → 1.1.0 - Mend

wad-lab 1.0.8 → 1.1.0

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 (62) hide show

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>

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

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

package/templates/vue-game-whackamole/src/stores/moleStore.js ADDED Viewed

@@ -0,0 +1,71 @@
+import { defineStore } from 'pinia'
+export const useMoleStore = defineStore('mole', {
+  state: () => ({
+    score: 0,
+    timeLeft: 30,
+    isPlaying: false,
+    activeHoleIndex: -1,
+    timerInterval: null,
+    moleTimeout: null
+  }),
+  actions: {
+    startGame() {
+      if (this.isPlaying) return
+      this.stopGame()
+      this.score = 0
+      this.timeLeft = 30
+      this.isPlaying = true
+      this.peepMole()
+      this.timerInterval = setInterval(() => {
+        this.timeLeft--
+        if (this.timeLeft <= 0) {
+          this.stopGame()
+        }
+      }, 1000)
+    },
+    peepMole() {
+      if (!this.isPlaying) return
+      let nextHole
+      do {
+        nextHole = Math.floor(Math.random() * 9)
+      } while (nextHole === this.activeHoleIndex)
+      this.activeHoleIndex = nextHole
+      const stayTime = Math.floor(Math.random() * 400) + 700
+      clearTimeout(this.moleTimeout)
+      this.moleTimeout = setTimeout(() => {
+        if (!this.isPlaying) return
+        this.activeHoleIndex = -1
+        this.peepMole()
+      }, stayTime)
+    },
+    whackMole(index) {
+      if (this.isPlaying && index === this.activeHoleIndex) {
+        this.score++
+        this.activeHoleIndex = -1
+        clearTimeout(this.moleTimeout)
+        this.moleTimeout = setTimeout(() => {
+          if (this.isPlaying) {
+            this.peepMole()
+          }
+        }, 200)
+      }
+    },
+    stopGame() {
+      if (this.timerInterval) {
+        clearInterval(this.timerInterval)
+        this.timerInterval = null
+      }
+      if (this.moleTimeout) {
+        clearTimeout(this.moleTimeout)
+        this.moleTimeout = null
+      }
+      this.isPlaying = false
+      this.activeHoleIndex = -1
+    }
+  }
+})

package/templates/vue-game-whackamole/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-hospital-portal/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>Hospital Care Portal</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>

package/templates/vue-hospital-portal/package.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "name": "vue-hospital-portal",
+  "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",
+    "vue-router": "^5.4.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.10",
+    "vite": "^8.3.4"
+  }
+}

package/templates/vue-hospital-portal/src/App.vue ADDED Viewed

@@ -0,0 +1,107 @@
+<script setup>
+</script>
+<template>
+  <div class="app-layout">
+    <header class="app-header">
+      <div class="brand">
+        <span class="cross-icon">+</span>
+        <h1 class="portal-title">Hospital Care Portal</h1>
+      </div>
+      <nav class="nav-links">
+        <router-link to="/">Book OPD / Admit</router-link>
+        <router-link to="/patients">Patients List</router-link>
+        <router-link to="/billing">Billing / Stats</router-link>
+      </nav>
+    </header>
+    <main class="content-container">
+      <router-view />
+    </main>
+  </div>
+</template>
+<style>
+* {
+  box-sizing: border-box;
+}
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  color: #2d3748;
+  background-color: #f7fafc;
+}
+</style>
+<style scoped>
+.app-layout {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+.app-header {
+  background-color: #1a365d;
+  color: #ffffff;
+  padding: 14px 28px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
+}
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.cross-icon {
+  background-color: #e53e3e;
+  color: #ffffff;
+  font-weight: bold;
+  font-size: 16px;
+  width: 24px;
+  height: 24px;
+  border-radius: 4px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.portal-title {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+}
+.nav-links {
+  display: flex;
+  gap: 12px;
+}
+.nav-links a {
+  color: #e2e8f0;
+  text-decoration: none;
+  font-size: 14px;
+  font-weight: 500;
+  padding: 6px 14px;
+  border-radius: 4px;
+  transition: background-color 0.2s, color 0.2s;
+}
+.nav-links a:hover,
+.nav-links a.router-link-active {
+  background-color: #2b6cb0;
+  color: #ffffff;
+}
+.content-container {
+  max-width: 960px;
+  width: 100%;
+  margin: 28px auto;
+  padding: 0 20px;
+}
+</style>

package/templates/vue-hospital-portal/src/main.js ADDED Viewed

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

package/templates/vue-hospital-portal/src/router/index.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import OPDRegistrationView from '../views/OPDRegistrationView.vue'
+import PatientListView from '../views/PatientListView.vue'
+import HospitalBillingView from '../views/HospitalBillingView.vue'
+const routes = [
+  { path: '/', name: 'OPDRegistration', component: OPDRegistrationView },
+  { path: '/patients', name: 'PatientList', component: PatientListView },
+  { path: '/billing', name: 'HospitalBilling', component: HospitalBillingView }
+]
+const router = createRouter({
+  history: createWebHistory(),
+  routes
+})
+export default router

package/templates/vue-hospital-portal/src/stores/hospitalStore.js ADDED Viewed

@@ -0,0 +1,91 @@
+import { defineStore } from 'pinia'
+export const useHospitalStore = defineStore('hospital', {
+  state: () => ({
+    doctors: [
+      { id: 1, name: 'Dr. Sarah Connor', specialty: 'Cardiology', fee: 150, availableSlots: 5 },
+      { id: 2, name: 'Dr. Gregory House', specialty: 'Diagnostics & ICU', fee: 250, availableSlots: 3 },
+      { id: 3, name: 'Dr. John Watson', specialty: 'General Medicine', fee: 90, availableSlots: 6 }
+    ],
+    patients: [
+      {
+        id: 1,
+        name: 'Robert Paulson',
+        age: 45,
+        vitals: { bp: '130/85', hr: 78, temp: 98.6 },
+        doctor: 'Dr. Sarah Connor',
+        bedType: 'General Ward',
+        bill: 350,
+        risk: 'Moderate',
+        paymentStatus: 'Pending'
+      }
+    ]
+  }),
+  getters: {
+    totalPatients: (state) => state.patients.length,
+    criticalCount: (state) => state.patients.filter((p) => p.risk === 'High' || p.bedType === 'ICU').length,
+    totalRevenue: (state) => state.patients.reduce((sum, p) => sum + (Number(p.bill) || 0), 0)
+  },
+  actions: {
+    calculateRisk(vitals) {
+      if (!vitals) return 'Normal'
+      const bpStr = vitals.bp || vitals.bloodPressure || '120/80'
+      const hrVal = Number(vitals.hr || vitals.heartRate || 75)
+      const tempVal = Number(vitals.temp || vitals.temperature || 98.6)
+      let systolic = 120
+      let diastolic = 80
+      if (typeof bpStr === 'string' && bpStr.includes('/')) {
+        const parts = bpStr.split('/').map((s) => parseInt(s.trim(), 10))
+        if (!isNaN(parts[0])) systolic = parts[0]
+        if (!isNaN(parts[1])) diastolic = parts[1]
+      }
+      if (systolic >= 140 || systolic < 90 || diastolic >= 90 || hrVal > 100 || hrVal < 50 || tempVal >= 102) {
+        return 'High'
+      }
+      if (systolic >= 125 || diastolic >= 83 || hrVal > 85 || hrVal < 60 || tempVal >= 100.4) {
+        return 'Moderate'
+      }
+      return 'Normal'
+    },
+    admitPatient(patientData) {
+      const risk = this.calculateRisk(patientData.vitals)
+      const autoBill = patientData.bedType === 'ICU' ? 1200 : 350
+      const newPatient = {
+        id: Date.now(),
+        name: patientData.name,
+        age: Number(patientData.age),
+        doctor: patientData.doctor || 'Dr. Sarah Connor',
+        bedType: patientData.bedType || 'General Ward',
+        bill: Number(patientData.bill) || autoBill,
+        vitals: {
+          bp: (patientData.vitals && (patientData.vitals.bp || patientData.vitals.bloodPressure)) || '120/80',
+          hr: Number(patientData.vitals && (patientData.vitals.hr || patientData.vitals.heartRate)) || 72,
+          temp: Number(patientData.vitals && (patientData.vitals.temp || patientData.vitals.temperature)) || 98.6
+        },
+        risk: risk,
+        paymentStatus: patientData.paymentStatus || 'Pending'
+      }
+      this.patients.unshift(newPatient)
+      return newPatient
+    },
+    dischargePatient(id) {
+      this.patients = this.patients.filter((p) => p.id !== id)
+    },
+    bookAppointment(doctorId) {
+      const doc = this.doctors.find((d) => d.id === doctorId)
+      if (doc && doc.availableSlots > 0) {
+        doc.availableSlots -= 1
+        return { success: true, message: `Appointment confirmed with ${doc.name}` }
+      }
+      return { success: false, message: 'No appointment slots available for this doctor' }
+    },
+    settlePayment(id) {
+      const p = this.patients.find((item) => item.id === id)
+      if (p) {
+        p.paymentStatus = 'Paid'
+      }
+    }
+  }
+})