Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 davide
|
9bbf303be9 | ||
|
davide
|
f38c0eaf72 | ||
|
davide
|
1a43864919 | ||
|
davide
|
15dac9f965 | ||
|
davide
|
0ba49ead5d | ||
|
davide
|
c900153eed | ||
|
davide
|
5f9e37062c | ||
|
davide
|
3188994299 | ||
|
davide
|
eec4ef0526 | ||
|
davide
|
16a3fb912a | ||
|
davide
|
2fe1808fc9 | ||
|
davide
|
b3d114c108 | ||
|
davide
|
b9aed683c6 | ||
|
davide
|
606b2c1ee6 | ||
|
davide
|
27e29a78e7 |
@@ -0,0 +1,11 @@
|
|||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
dev-dist
|
||||||
|
.segnapunti
|
||||||
|
tests
|
||||||
|
playwright-report
|
||||||
|
test-results
|
||||||
|
*.md
|
||||||
|
.git
|
||||||
|
.gitignore
|
||||||
|
.vscode
|
||||||
@@ -13,6 +13,8 @@ currentCommit.txt
|
|||||||
node_modules
|
node_modules
|
||||||
dist
|
dist
|
||||||
dist-ssr
|
dist-ssr
|
||||||
|
dev-dist
|
||||||
|
.segnapunti
|
||||||
*.local
|
*.local
|
||||||
|
|
||||||
# Editor directories and files
|
# Editor directories and files
|
||||||
|
|||||||
@@ -0,0 +1,66 @@
|
|||||||
|
# CLAUDE.md
|
||||||
|
|
||||||
|
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
|
||||||
|
|
||||||
|
## Project Purpose
|
||||||
|
|
||||||
|
**Segnapunti Anto** is a real-time volleyball scoreboard PWA. An Express/WebSocket server hosts the game state; two separate web interfaces — a **display** (public scoreboard) and a **controller** (operator panel) — stay in sync via WebSocket. A terminal CLI (`cli.js`) provides an alternative controller interface.
|
||||||
|
|
||||||
|
## Commands
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run dev # Vite dev server — display: :5173, controller: :5173/controller.html (proxied on :3001)
|
||||||
|
npm run serve # Build + run production — display: :3000, controller: :3001
|
||||||
|
npm run cli # Terminal controller (connects to production :3000)
|
||||||
|
npm run cli:dev # Terminal controller (connects to dev :5173)
|
||||||
|
|
||||||
|
npm run test # Vitest watch mode
|
||||||
|
npm run test:all # All Vitest suites once (unit, integration, component, stress)
|
||||||
|
npm run test:unit # Unit + integration only
|
||||||
|
npm run test:component # Vue component tests
|
||||||
|
npm run test:stress # Load tests (50+ concurrent clients)
|
||||||
|
npm run test:e2e # Playwright E2E (requires servers to be running via npm run serve)
|
||||||
|
npm run test:e2e:ui # Playwright with interactive UI
|
||||||
|
```
|
||||||
|
|
||||||
|
## Architecture
|
||||||
|
|
||||||
|
```
|
||||||
|
Controller (Vue) ──WebSocket──┐
|
||||||
|
Display (Vue) ──WebSocket──┤── websocket-handler.js ── gameState.js
|
||||||
|
CLI (Node) ──WebSocket──┘
|
||||||
|
```
|
||||||
|
|
||||||
|
All game logic lives in `src/gameState.js` as three pure functions:
|
||||||
|
- `createInitialState()` — returns the initial state
|
||||||
|
- `applyAction(state, action)` — immutable reducer (deep-clones via `JSON.parse/stringify`)
|
||||||
|
- `checkVittoria(state)` — volleyball win conditions (25-point sets with 2-point margin, 15-point final set)
|
||||||
|
|
||||||
|
`src/websocket-handler.js` receives actions, validates that the sender is a registered controller (not just a display), calls `applyAction`, then broadcasts the new state to all clients.
|
||||||
|
|
||||||
|
Two production HTTP servers are started by `server.js` (Express): port 3000 serves `dist/index.html` (display), port 3001 serves `dist/controller.html` (controller). Both share a single WebSocket endpoint at `/ws`.
|
||||||
|
|
||||||
|
In development, `vite-plugin-websocket.js` is a custom Vite plugin that embeds the WebSocket server inside the Vite dev server and proxies port 3001 traffic back to Vite.
|
||||||
|
|
||||||
|
## Key Design Constraints
|
||||||
|
|
||||||
|
- **All game rules on the server** — clients are pure UI; the server is the source of truth.
|
||||||
|
- **Role-based WebSocket** — clients register as `display` or `controller`; only controllers may send actions.
|
||||||
|
- **Immutable state** — `applyAction` never mutates; always returns a new state object.
|
||||||
|
- **Single-controller intent** — the design targets one active controller and one display; no conflict resolution exists for simultaneous controllers.
|
||||||
|
|
||||||
|
## Test Layout
|
||||||
|
|
||||||
|
| Suite | Path | Runner |
|
||||||
|
|-------|------|--------|
|
||||||
|
| Unit | `tests/unit/` | Vitest + Node |
|
||||||
|
| Integration | `tests/integration/` | Vitest + Node |
|
||||||
|
| Component | `tests/component/` | Vitest + Happy-DOM |
|
||||||
|
| Stress | `tests/stress/` | Vitest + Node |
|
||||||
|
| E2E | `tests/e2e/` | Playwright (Chromium, Firefox, Mobile Chrome) |
|
||||||
|
|
||||||
|
E2E tests run serially (`workers: 1`) to avoid WebSocket state races. Run `npm run serve` before `npm run test:e2e`.
|
||||||
|
|
||||||
|
## Simplification Goals (Current Work)
|
||||||
|
|
||||||
|
The intended architecture is: **one host acts as both WebSocket server and display; one connected device acts as controller**. Complexity reduction should be evaluated against this constraint — anything that supports multi-controller scenarios, complex client topologies, or unneeded abstractions is a candidate for removal.
|
||||||
+16
-12
@@ -1,18 +1,22 @@
|
|||||||
|
# Stage 1: build frontend
|
||||||
FROM node:20-alpine AS builder
|
FROM node:20-alpine AS builder
|
||||||
|
WORKDIR /app
|
||||||
WORKDIR /usr/src/app
|
COPY package*.json ./
|
||||||
# Copia tutto
|
RUN npm ci
|
||||||
COPY . .
|
COPY . .
|
||||||
|
RUN npm run build
|
||||||
|
|
||||||
# Aggiunge GIT ma serve solo se si vuole evidenziare un hash del commit
|
# Stage 2: runtime
|
||||||
RUN apk add git
|
FROM node:20-alpine
|
||||||
|
WORKDIR /app
|
||||||
|
ENV NODE_ENV=production PORT=3000
|
||||||
|
|
||||||
# aggiunge l'ultima versione di node
|
COPY package*.json ./
|
||||||
RUN npm install -g npm@latest
|
RUN npm ci --omit=dev
|
||||||
# Installa tutte le dipendenze del progetto
|
|
||||||
RUN npm install
|
|
||||||
|
|
||||||
# Qui fa partire il comando...
|
COPY server.js ./
|
||||||
# Per adesso è dev perchè non ho capito bene il tutto... (Attilio)
|
COPY src/gameState.js src/websocket-handler.js src/server-utils.js src/persist.js ./src/
|
||||||
CMD ["npm", "run", "serve"]
|
COPY --from=builder /app/dist ./dist
|
||||||
|
|
||||||
|
EXPOSE 3000
|
||||||
|
CMD ["node", "server.js"]
|
||||||
|
|||||||
@@ -1,98 +1,90 @@
|
|||||||
# Segnapunti Anto
|
# Segnapunti Anto
|
||||||
|
|
||||||
Applicazione web **Progressive Web App (PWA)** per tracciare i punteggi di partite di pallavolo in tempo reale.
|
Applicazione web **fullstack real-time** per il tracciamento dei punteggi di partite di pallavolo, installabile come PWA.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Panoramica
|
## Panoramica
|
||||||
|
|
||||||
**Segnapunti Anto** e un'applicazione digitale per il tracciamento del punteggio durante partite di pallavolo, ottimizzata per tablet e smartphone.
|
**Segnapunti Anto** è un'applicazione fullstack per il tracciamento del punteggio durante partite di pallavolo, ottimizzata per tablet e smartphone in contesto sportivo.
|
||||||
|
|
||||||
L'app e composta da due interfacce:
|
### Architettura
|
||||||
- **Display** (tabellone pubblico)
|
|
||||||
- **Controller** (pannello operatore)
|
|
||||||
|
|
||||||
Le due interfacce condividono lo stato in tempo reale tramite WebSocket.
|
Il sistema è composto da un **backend Node.js/Express** e due interfacce web separate:
|
||||||
|
|
||||||
### Funzionalita Principali
|
| Interfaccia | Porta | Ruolo |
|
||||||
|
|-------------|-------|-------|
|
||||||
|
| **Display** | 3000 | Tabellone pubblico — mostra punteggi, formazioni e storico |
|
||||||
|
| **Controller** | 3001 | Pannello operatore — invia azioni e gestisce la partita |
|
||||||
|
|
||||||
- **Gestione partita in tempo reale**
|
Le due interfacce comunicano tramite **WebSocket** (`/ws`): ogni azione del Controller viene elaborata dal server e trasmessa in broadcast a tutti i client connessi.
|
||||||
- Tracciamento punti home/guest
|
|
||||||
- Gestione set
|
|
||||||
- Indicatore servizio
|
|
||||||
- Storico punti (striscia)
|
|
||||||
- Blocchi logici quando il set e gia vinto
|
|
||||||
|
|
||||||
- **Regole pallavolo integrate**
|
La logica di gioco risiede interamente **lato server** (`gameState.js`), con aggiornamenti di stato immutabili. Il frontend Vue 3 è puramente reattivo: riceve lo stato e lo visualizza senza gestirne la consistenza.
|
||||||
- Set normali: vittoria a 25 con almeno 2 punti di scarto
|
|
||||||
- Set decisivo: vittoria a 15 con almeno 2 punti di scarto
|
|
||||||
- Modalita partita `2/3` o `3/5`
|
|
||||||
|
|
||||||
- **Formazioni e cambi**
|
In produzione, entrambi i server sono gestiti da un unico processo Node.js (`server.js`) e l'intera applicazione è containerizzabile via Docker. Il frontend è installabile come **PWA** (service worker, manifest, modalità fullscreen landscape) per utilizzo kiosk su dispositivi sportivi.
|
||||||
- Gestione formazione a 6 giocatori
|
|
||||||
- Rotazione automatica al cambio palla
|
|
||||||
- Dialog cambi con validazioni (`IN -> OUT`)
|
|
||||||
|
|
||||||
- **Controlli e personalizzazione**
|
---
|
||||||
- Configurazione nomi squadre
|
|
||||||
- Toggle ordine squadre (inverti)
|
## Funzionalità
|
||||||
- Toggle visualizzazione punteggio/formazioni
|
|
||||||
- Toggle striscia storico
|
### Gestione partita in tempo reale
|
||||||
- Sintesi vocale punteggio (Web Speech API)
|
- Tracciamento punti home/guest con indicatore di servizio
|
||||||
|
- Gestione set e storico punti (striscia)
|
||||||
|
- Blocco azioni quando il set è già vinto
|
||||||
|
|
||||||
|
### Regole pallavolo integrate
|
||||||
|
- Set normali: vittoria a 25 con almeno 2 punti di scarto
|
||||||
|
- Set decisivo (5° set): vittoria a 15 con almeno 2 punti di scarto
|
||||||
|
- Modalità partita `2/3` o `3/5`
|
||||||
|
|
||||||
|
### Formazioni e cambi
|
||||||
|
- Gestione formazione a 6 giocatori per squadra
|
||||||
|
- Rotazione automatica al cambio palla
|
||||||
|
- Dialog cambi con validazione `IN → OUT`
|
||||||
|
|
||||||
|
### Controlli e personalizzazione
|
||||||
|
- Configurazione nomi squadre
|
||||||
|
- Inversione ordine di visualizzazione squadre
|
||||||
|
- Toggle punteggio/formazioni e visibilità striscia storico
|
||||||
|
- Sintesi vocale del punteggio (Web Speech API)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Requisiti
|
## Requisiti
|
||||||
|
|
||||||
### Requisiti di Sistema
|
### Ambiente di sviluppo
|
||||||
|
|
||||||
#### Per Sviluppo
|
| Requisito | Versione minima | Consigliata |
|
||||||
- **Sistema Operativo**: Linux, macOS, Windows
|
|-----------|-----------------|-------------|
|
||||||
- **Node.js**: `>= 18.19.0` (consigliato `20 LTS`)
|
| **Node.js** | `>= 18.19.0` | `24 LTS` |
|
||||||
- **npm**: `>= 9`
|
| **npm** | `>= 9` | — |
|
||||||
- **RAM**: minimo 2GB (consigliato 4GB)
|
| **RAM** | 2 GB | 4 GB |
|
||||||
|
| **OS** | Linux, macOS, Windows | — |
|
||||||
|
|
||||||
#### Per Esecuzione Test E2E
|
### Test E2E
|
||||||
- Browser Playwright installati (`chromium`, `firefox`)
|
|
||||||
- Su Linux, eventuali dipendenze sistema per browser headless
|
|
||||||
|
|
||||||
Comandi utili:
|
I test end-to-end richiedono i browser Playwright. Su Linux potrebbero essere necessarie dipendenze di sistema aggiuntive.
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
node -v
|
|
||||||
npm -v
|
|
||||||
npx playwright install chromium firefox
|
npx playwright install chromium firefox
|
||||||
# Linux, se necessario:
|
# Linux (con dipendenze di sistema):
|
||||||
# npx playwright install --with-deps chromium firefox
|
# npx playwright install --with-deps chromium firefox
|
||||||
```
|
```
|
||||||
|
|
||||||
### Requisiti Browser (Utente Finale)
|
### Requisiti browser (utente finale)
|
||||||
|
|
||||||
| Requisito | Dettaglio | Necessita |
|
| API | Utilizzo | Necessità |
|
||||||
|-----------|-----------|-----------|
|
|-----|----------|-----------|
|
||||||
| JavaScript ES6+ | Moduli, async/await | Obbligatorio |
|
| JavaScript ES6+ | Moduli, async/await | Obbligatorio |
|
||||||
| WebSocket | Sincronizzazione stato live | Obbligatorio |
|
| WebSocket | Sincronizzazione stato live | Obbligatorio |
|
||||||
| Service Worker API | Supporto PWA offline | Consigliato |
|
| Service Worker | Supporto PWA offline | Consigliato |
|
||||||
| Web Speech API | Annunci vocali | Opzionale |
|
| Web Speech API | Annunci vocali punteggio | Opzionale |
|
||||||
|
|
||||||
### Browser Testati e Supportati
|
**Browser testati:** Chrome/Chromium, Firefox, Mobile Chrome (Playwright Pixel 5).
|
||||||
|
|
||||||
| Browser | Supporto | Note |
|
|
||||||
|---------|----------|------|
|
|
||||||
| Chrome/Chromium | ✅ | Completo |
|
|
||||||
| Firefox | ✅ | Completo |
|
|
||||||
| Mobile Chrome (Playwright Pixel 5) | ✅ | Copertura E2E mobile |
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Installazione e Setup
|
## Installazione
|
||||||
|
|
||||||
### Prerequisiti
|
|
||||||
|
|
||||||
- Node.js `>= 18.19.0`
|
|
||||||
- npm `>= 9`
|
|
||||||
|
|
||||||
### Installazione
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
git clone https://santantonio.sytes.net/attilio/segnapunti.git
|
git clone https://santantonio.sytes.net/attilio/segnapunti.git
|
||||||
@@ -102,107 +94,120 @@ npm install
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Comandi per Sviluppo
|
## Sviluppo
|
||||||
|
|
||||||
### Dev Server
|
### Dev server
|
||||||
|
|
||||||
Avvia il server di sviluppo Vite:
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm run dev
|
npm run dev
|
||||||
```
|
```
|
||||||
|
|
||||||
Accesso tipico in sviluppo:
|
Avvia il server Vite con hot reload:
|
||||||
- `http://localhost:5173/` -> Display
|
- `http://localhost:5173/` — Display
|
||||||
- `http://localhost:5173/controller.html` -> Controller
|
- `http://localhost:5173/controller.html` — Controller
|
||||||
|
|
||||||
### Modalita Sviluppo
|
### Build di produzione
|
||||||
- Hot reload attivo
|
|
||||||
- Build veloce lato Vite
|
|
||||||
- Buona per sviluppo UI/UX
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Comandi per Build
|
|
||||||
|
|
||||||
### Build Produzione
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm run build
|
npm run build
|
||||||
```
|
```
|
||||||
|
|
||||||
Output:
|
Genera la cartella `dist/` con asset ottimizzati, manifest e service worker PWA.
|
||||||
- cartella `dist/`
|
|
||||||
- asset ottimizzati
|
|
||||||
- file PWA (manifest + service worker)
|
|
||||||
|
|
||||||
### Avvio Server Applicativo Locale (Display + Controller)
|
### Avvio in produzione (locale)
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm run serve
|
npm run serve
|
||||||
```
|
```
|
||||||
|
|
||||||
Espone:
|
Espone i due server:
|
||||||
- `http://localhost:3000` -> Display
|
- `http://localhost:3000` — Display
|
||||||
- `http://localhost:3001` -> Controller
|
- `http://localhost:3001` — Controller
|
||||||
|
|
||||||
### Altri comandi utili
|
---
|
||||||
|
|
||||||
|
## Terminal Controller (CLI)
|
||||||
|
|
||||||
|
Il CLI è un controller da terminale che si connette al server via WebSocket e permette di gestire la partita senza browser.
|
||||||
|
|
||||||
|
### Avvio
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm run preview
|
# Modalità produzione (server su porta 3000)
|
||||||
npm run start
|
npm run cli
|
||||||
|
|
||||||
|
# Modalità sviluppo (server Vite su porta 5173)
|
||||||
|
npm run cli:dev
|
||||||
|
|
||||||
|
# Porta custom
|
||||||
|
node cli.js <porta>
|
||||||
```
|
```
|
||||||
|
|
||||||
---
|
Il CLI richiede che il server sia già in esecuzione in un altro terminale.
|
||||||
|
|
||||||
## Configurazione PWA
|
### Comandi disponibili
|
||||||
|
|
||||||
L'app usa `vite-plugin-pwa` (vedi `vite.config.js`) con:
|
#### Punteggio
|
||||||
- `registerType: 'autoUpdate'`
|
|
||||||
- manifest installabile
|
|
||||||
- orientamento landscape
|
|
||||||
- modalita fullscreen
|
|
||||||
|
|
||||||
Caratteristiche principali:
|
| Comando | Alias | Effetto |
|
||||||
- installabile su dispositivi supportati
|
|---------|-------|---------|
|
||||||
- aggiornamento automatico del service worker
|
| `punto casa` | `+`, `pc` | Assegna un punto alla squadra di casa |
|
||||||
- supporto utilizzo offline (in base alle risorse cache)
|
| `punto ospite` | `-`, `po` | Assegna un punto alla squadra ospite |
|
||||||
|
| `undo` | `u` | Annulla l'ultimo punto assegnato |
|
||||||
|
|
||||||
|
#### Set
|
||||||
|
|
||||||
|
| Comando | Effetto |
|
||||||
|
|---------|---------|
|
||||||
|
| `set casa` | Incrementa il contatore set della squadra di casa |
|
||||||
|
| `set ospite` | Incrementa il contatore set della squadra ospite |
|
||||||
|
|
||||||
|
#### Partita
|
||||||
|
|
||||||
|
| Comando | Effetto |
|
||||||
|
|---------|---------|
|
||||||
|
| `serv` | Cambia il servizio (disponibile solo se il punteggio è 0-0) |
|
||||||
|
| `reset` | Resetta la partita — chiede conferma prima di procedere |
|
||||||
|
| `nomi <casa> <ospite>` | Imposta i nomi delle squadre (es. `nomi Antoniana Teate`) |
|
||||||
|
| `modalita 2/3` | Imposta la modalità best-of-3 |
|
||||||
|
| `modalita 3/5` | Imposta la modalità best-of-5 |
|
||||||
|
|
||||||
|
#### Informazioni
|
||||||
|
|
||||||
|
| Comando | Alias | Effetto |
|
||||||
|
|---------|-------|---------|
|
||||||
|
| `stato` | — | Mostra il punteggio corrente nel terminale |
|
||||||
|
| `help` | — | Mostra la lista dei comandi |
|
||||||
|
| `exit` | `q` | Chiude il CLI |
|
||||||
|
|
||||||
|
### Note
|
||||||
|
|
||||||
|
- **Tab**: completamento automatico dei comandi
|
||||||
|
- **Freccia su/giù**: navigazione nella history dei comandi (ultime 100 voci)
|
||||||
|
- Il Display nel browser si aggiorna in tempo reale ad ogni comando inviato
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Logica Regolamentare Pallavolo
|
## Test
|
||||||
|
|
||||||
### Vittoria Set
|
La suite di test copre tutti i livelli dell'applicazione:
|
||||||
|
|
||||||
- Set normali: vittoria a 25 con almeno 2 punti di scarto
|
| Suite | Comando | Descrizione |
|
||||||
- Set decisivo: vittoria a 15 con almeno 2 punti di scarto
|
|-------|---------|-------------|
|
||||||
- Modalita partita supportate: `2/3` e `3/5`
|
| Tutti | `npm run test:all` | Unit + integration + component + stress |
|
||||||
|
| Unit + integration | `npm run test:unit` | Logica di gioco e WebSocket |
|
||||||
|
| Component | `npm run test:component` | Componenti Vue |
|
||||||
|
| Stress | `npm run test:stress` | Load test WebSocket |
|
||||||
|
| E2E | `npm run test:e2e` | Playwright (chromium, firefox, mobile) |
|
||||||
|
|
||||||
### Rotazione Formazione
|
Per la guida completa ai test, consultare [`tests/README.md`](tests/README.md).
|
||||||
|
|
||||||
La rotazione avviene durante i cambi palla secondo la logica implementata in `src/gameState.js`.
|
|
||||||
|
|
||||||
### Formazione in Campo
|
|
||||||
|
|
||||||
Il sistema gestisce 6 posizioni per squadra e permette cambi validati da Controller.
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Test (stato attuale)
|
## Docker
|
||||||
|
|
||||||
Suite presenti:
|
|
||||||
- Unit
|
|
||||||
- Integration
|
|
||||||
- Component
|
|
||||||
- Stress
|
|
||||||
- E2E (Playwright)
|
|
||||||
|
|
||||||
Comandi principali:
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm run test:all
|
docker-compose up --build
|
||||||
npm run test:e2e
|
|
||||||
```
|
```
|
||||||
|
|
||||||
Guida completa test:
|
Espone le porte `3000` (Display) e `3001` (Controller).
|
||||||
- `tests/README.md`
|
|
||||||
|
|||||||
@@ -0,0 +1,302 @@
|
|||||||
|
import { WebSocket } from 'ws';
|
||||||
|
import readline from 'readline';
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// ANSI helpers
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
const c = {
|
||||||
|
reset: '\x1b[0m',
|
||||||
|
bold: '\x1b[1m',
|
||||||
|
dim: '\x1b[2m',
|
||||||
|
red: '\x1b[31m',
|
||||||
|
green: '\x1b[32m',
|
||||||
|
yellow: '\x1b[33m',
|
||||||
|
cyan: '\x1b[36m',
|
||||||
|
brightWhite: '\x1b[97m',
|
||||||
|
};
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Config
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
const port = process.argv[2] || process.env.PORT || 3000;
|
||||||
|
const url = `ws://localhost:${port}/ws`;
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// State
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
let currentState = null;
|
||||||
|
let connected = false;
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Startup banner
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
console.log(`\n${c.bold}${c.cyan} Segnapunti Anto — Terminal Controller${c.reset}`);
|
||||||
|
console.log(`${c.dim} Connessione a ${url}...${c.reset}\n`);
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// WebSocket
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
const ws = new WebSocket(url);
|
||||||
|
|
||||||
|
ws.on('error', (err) => {
|
||||||
|
console.error(`${c.red}Errore di connessione: ${err.message}${c.reset}`);
|
||||||
|
console.error(`${c.dim}Assicurati che il server sia avviato su ${url}${c.reset}`);
|
||||||
|
process.exit(1);
|
||||||
|
});
|
||||||
|
|
||||||
|
ws.on('open', () => {
|
||||||
|
connected = true;
|
||||||
|
console.log(` ${c.green}Connesso.${c.reset} Digita ${c.bold}help${c.reset} per i comandi disponibili.\n`);
|
||||||
|
ws.send(JSON.stringify({ type: 'register', role: 'controller' }));
|
||||||
|
});
|
||||||
|
|
||||||
|
ws.on('message', (data) => {
|
||||||
|
try {
|
||||||
|
const msg = JSON.parse(data.toString());
|
||||||
|
if (msg.type === 'state') {
|
||||||
|
currentState = msg.state;
|
||||||
|
printState(currentState);
|
||||||
|
} else if (msg.type === 'error') {
|
||||||
|
clearLine();
|
||||||
|
console.error(` ${c.red}Errore server: ${msg.message}${c.reset}`);
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
// ignora messaggi malformati
|
||||||
|
}
|
||||||
|
rl.prompt(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
ws.on('close', () => {
|
||||||
|
console.log(`\n${c.dim} Connessione chiusa.${c.reset}\n`);
|
||||||
|
process.exit(0);
|
||||||
|
});
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Output helpers
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
/** Cancella la riga corrente del terminale (evita di sovrascrivere il prompt). */
|
||||||
|
function clearLine() {
|
||||||
|
process.stdout.write('\r\x1b[K');
|
||||||
|
}
|
||||||
|
|
||||||
|
function printState(s) {
|
||||||
|
if (!s) return;
|
||||||
|
const { nomi, punt, set, servHome } = s.sp;
|
||||||
|
|
||||||
|
const homeServ = servHome ? `${c.yellow}▶${c.reset}` : ' ';
|
||||||
|
const guestServ = !servHome ? `${c.yellow}◀${c.reset}` : ' ';
|
||||||
|
|
||||||
|
const homeName = nomi.home.padEnd(15);
|
||||||
|
const guestName = nomi.guest.padEnd(15);
|
||||||
|
const homeScore = String(punt.home).padStart(3);
|
||||||
|
const guestScore = String(punt.guest).padStart(3);
|
||||||
|
|
||||||
|
clearLine();
|
||||||
|
console.log(
|
||||||
|
` ${homeServ} ${c.bold}${homeName}${c.reset}` +
|
||||||
|
`${c.brightWhite}${homeScore}${c.reset} ${c.dim}(set ${set.home})${c.reset}` +
|
||||||
|
` ${c.dim}│${c.reset} ` +
|
||||||
|
`${c.brightWhite}${guestScore}${c.reset} ${c.dim}(set ${set.guest})${c.reset}` +
|
||||||
|
` ${c.bold}${guestName}${c.reset} ${guestServ}` +
|
||||||
|
` ${c.dim}[${s.modalitaPartita}]${c.reset}`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function printHelp() {
|
||||||
|
console.log(`
|
||||||
|
${c.bold} Punteggio${c.reset}
|
||||||
|
${c.cyan}+${c.reset} / ${c.cyan}pc${c.reset} Punto casa (shortcut)
|
||||||
|
${c.cyan}-${c.reset} / ${c.cyan}po${c.reset} Punto ospite (shortcut)
|
||||||
|
${c.cyan}punto casa${c.reset} Punto casa
|
||||||
|
${c.cyan}punto ospite${c.reset} Punto ospite
|
||||||
|
${c.cyan}undo${c.reset} / ${c.cyan}u${c.reset} Annulla ultimo punto
|
||||||
|
|
||||||
|
${c.bold} Set${c.reset}
|
||||||
|
${c.cyan}set casa${c.reset} Incrementa set casa
|
||||||
|
${c.cyan}set ospite${c.reset} Incrementa set ospite
|
||||||
|
|
||||||
|
${c.bold} Partita${c.reset}
|
||||||
|
${c.cyan}serv${c.reset} Cambia servizio (solo se 0-0)
|
||||||
|
${c.cyan}reset${c.reset} Resetta la partita (chiede conferma)
|
||||||
|
${c.cyan}nomi <casa> <ospite>${c.reset} Imposta nomi squadre
|
||||||
|
${c.cyan}modalita 2/3${c.reset} Imposta modalità best-of-3
|
||||||
|
${c.cyan}modalita 3/5${c.reset} Imposta modalità best-of-5
|
||||||
|
|
||||||
|
${c.bold} Informazioni${c.reset}
|
||||||
|
${c.cyan}stato${c.reset} Mostra punteggio attuale
|
||||||
|
${c.cyan}help${c.reset} Mostra questo aiuto
|
||||||
|
${c.cyan}exit${c.reset} / ${c.cyan}q${c.reset} Esci
|
||||||
|
|
||||||
|
${c.dim}Suggerimento: usa Tab per il completamento automatico dei comandi.${c.reset}
|
||||||
|
`);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Command dispatch
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
function sendAction(action) {
|
||||||
|
if (!connected || ws.readyState !== WebSocket.OPEN) {
|
||||||
|
console.error(` ${c.red}Non connesso al server.${c.reset}`);
|
||||||
|
rl.prompt();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
ws.send(JSON.stringify({ type: 'action', action }));
|
||||||
|
}
|
||||||
|
|
||||||
|
function parseCommand(line) {
|
||||||
|
const parts = line.trim().split(/\s+/);
|
||||||
|
const cmd = parts[0].toLowerCase();
|
||||||
|
|
||||||
|
switch (cmd) {
|
||||||
|
|
||||||
|
case '+':
|
||||||
|
case 'pc':
|
||||||
|
sendAction({ type: 'incPunt', team: 'home' });
|
||||||
|
break;
|
||||||
|
|
||||||
|
case '-':
|
||||||
|
case 'po':
|
||||||
|
sendAction({ type: 'incPunt', team: 'guest' });
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'punto': {
|
||||||
|
const team = parts[1]?.toLowerCase();
|
||||||
|
if (team === 'casa' || team === 'home') {
|
||||||
|
sendAction({ type: 'incPunt', team: 'home' });
|
||||||
|
} else if (team === 'ospite' || team === 'guest') {
|
||||||
|
sendAction({ type: 'incPunt', team: 'guest' });
|
||||||
|
} else {
|
||||||
|
console.error(` ${c.red}Uso: punto casa | punto ospite${c.reset}`);
|
||||||
|
rl.prompt();
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
case 'undo':
|
||||||
|
case 'u':
|
||||||
|
sendAction({ type: 'decPunt' });
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'set': {
|
||||||
|
const team = parts[1]?.toLowerCase();
|
||||||
|
if (team === 'casa' || team === 'home') {
|
||||||
|
sendAction({ type: 'incSet', team: 'home' });
|
||||||
|
} else if (team === 'ospite' || team === 'guest') {
|
||||||
|
sendAction({ type: 'incSet', team: 'guest' });
|
||||||
|
} else {
|
||||||
|
console.error(` ${c.red}Uso: set casa | set ospite${c.reset}`);
|
||||||
|
rl.prompt();
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
case 'serv':
|
||||||
|
sendAction({ type: 'cambiaPalla' });
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'reset':
|
||||||
|
rl.question(` ${c.yellow}Confermi reset partita? (s/N) ${c.reset}`, (answer) => {
|
||||||
|
if (answer.trim().toLowerCase() === 's') {
|
||||||
|
sendAction({ type: 'resetta' });
|
||||||
|
} else {
|
||||||
|
console.log(` ${c.dim}Reset annullato.${c.reset}`);
|
||||||
|
rl.prompt();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
|
||||||
|
case 'nomi': {
|
||||||
|
const home = parts[1];
|
||||||
|
const guest = parts[2];
|
||||||
|
if (!home) {
|
||||||
|
console.error(` ${c.red}Uso: nomi <casa> <ospite>${c.reset}`);
|
||||||
|
rl.prompt();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
const payload = { type: 'setNomi', home };
|
||||||
|
if (guest) payload.guest = guest;
|
||||||
|
sendAction(payload);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
case 'modalita': {
|
||||||
|
const m = parts[1];
|
||||||
|
if (m !== '2/3' && m !== '3/5') {
|
||||||
|
console.error(` ${c.red}Uso: modalita 2/3 | modalita 3/5${c.reset}`);
|
||||||
|
rl.prompt();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
sendAction({ type: 'setModalita', modalita: m });
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
case 'stato':
|
||||||
|
printState(currentState);
|
||||||
|
rl.prompt();
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'help':
|
||||||
|
printHelp();
|
||||||
|
rl.prompt();
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'exit':
|
||||||
|
case 'q':
|
||||||
|
ws.close();
|
||||||
|
break;
|
||||||
|
|
||||||
|
default:
|
||||||
|
console.error(
|
||||||
|
` ${c.red}Comando non riconosciuto: "${cmd}"${c.reset}` +
|
||||||
|
` — digita ${c.bold}help${c.reset} per la lista`
|
||||||
|
);
|
||||||
|
rl.prompt();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// REPL
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
const TAB_COMPLETIONS = [
|
||||||
|
'+', '-', 'pc', 'po',
|
||||||
|
'punto casa', 'punto ospite',
|
||||||
|
'undo', 'u',
|
||||||
|
'set casa', 'set ospite',
|
||||||
|
'serv',
|
||||||
|
'reset',
|
||||||
|
'nomi',
|
||||||
|
'modalita 2/3', 'modalita 3/5',
|
||||||
|
'stato', 'help',
|
||||||
|
'exit', 'q',
|
||||||
|
];
|
||||||
|
|
||||||
|
const rl = readline.createInterface({
|
||||||
|
input: process.stdin,
|
||||||
|
output: process.stdout,
|
||||||
|
prompt: '> ',
|
||||||
|
historySize: 100,
|
||||||
|
completer(line) {
|
||||||
|
const hits = TAB_COMPLETIONS.filter((entry) => entry.startsWith(line));
|
||||||
|
return [hits.length ? hits : TAB_COMPLETIONS, line];
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
rl.on('line', (line) => {
|
||||||
|
if (!line.trim()) {
|
||||||
|
rl.prompt();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
parseCommand(line.trim());
|
||||||
|
});
|
||||||
|
|
||||||
|
rl.on('close', () => {
|
||||||
|
ws.close();
|
||||||
|
});
|
||||||
+1
-1
@@ -2,7 +2,7 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
<link rel="icon" type="image/png" href="/segnap-192x192.png" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Segnapunti - Controller</title>
|
<title>Segnapunti - Controller</title>
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
+8
-4
@@ -1,8 +1,12 @@
|
|||||||
services:
|
services:
|
||||||
segnapunti:
|
segnapunti:
|
||||||
build: .
|
image: santantonio.sytes.net/attilio/segnapunti:1.0.0
|
||||||
|
container_name: segnapunti
|
||||||
ports:
|
ports:
|
||||||
- 3000:3000
|
- "3000:3000"
|
||||||
- 3001:3001
|
volumes:
|
||||||
container_name: segnapunti-container
|
- segnapunti-state:/app/.segnapunti
|
||||||
|
restart: unless-stopped
|
||||||
|
|
||||||
|
volumes:
|
||||||
|
segnapunti-state:
|
||||||
|
|||||||
+1
-1
@@ -2,7 +2,7 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
<link rel="icon" type="image/png" href="/segnap-192x192.png" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Segnapunti - Anto</title>
|
<title>Segnapunti - Anto</title>
|
||||||
</head>
|
</head>
|
||||||
|
|||||||
Generated
+1017
-1868
File diff suppressed because it is too large
Load Diff
+8
-8
@@ -6,9 +6,9 @@
|
|||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
"build": "vite build",
|
"build": "vite build",
|
||||||
"preview": "node server.js",
|
|
||||||
"start": "node server.js",
|
|
||||||
"serve": "vite build && node server.js",
|
"serve": "vite build && node server.js",
|
||||||
|
"cli": "node cli.js",
|
||||||
|
"cli:dev": "node cli.js 5173",
|
||||||
"test": "vitest",
|
"test": "vitest",
|
||||||
"test:unit": "vitest run tests/unit tests/integration",
|
"test:unit": "vitest run tests/unit tests/integration",
|
||||||
"test:component": "vitest run tests/component",
|
"test:component": "vitest run tests/component",
|
||||||
@@ -22,22 +22,22 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"express": "^5.2.1",
|
"express": "^5.2.1",
|
||||||
"vue": "^3.2.47",
|
"vue": "^3.2.47",
|
||||||
"vue-router": "^4.6.4",
|
|
||||||
"wave-ui": "^3.3.0",
|
|
||||||
"ws": "^8.19.0"
|
"ws": "^8.19.0"
|
||||||
},
|
},
|
||||||
|
"overrides": {
|
||||||
|
"serialize-javascript": "^7.0.5"
|
||||||
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@axe-core/playwright": "^4.11.1",
|
"@axe-core/playwright": "^4.11.1",
|
||||||
"@playwright/test": "^1.58.2",
|
"@playwright/test": "^1.58.2",
|
||||||
"@types/node": "^25.2.3",
|
"@types/node": "^25.2.3",
|
||||||
"@vitejs/plugin-vue": "^4.1.0",
|
"@vitejs/plugin-vue": "^6.0.5",
|
||||||
"@vitest/ui": "^4.0.18",
|
"@vitest/ui": "^4.0.18",
|
||||||
"@vue/test-utils": "^2.4.6",
|
"@vue/test-utils": "^2.4.6",
|
||||||
"concurrently": "^9.2.1",
|
|
||||||
"happy-dom": "^20.6.1",
|
"happy-dom": "^20.6.1",
|
||||||
"jsdom": "^28.0.0",
|
"jsdom": "^28.0.0",
|
||||||
"vite": "^4.3.9",
|
"vite": "^7.3.1",
|
||||||
"vite-plugin-pwa": "^0.16.0",
|
"vite-plugin-pwa": "^1.2.0",
|
||||||
"vitest": "^4.0.18"
|
"vitest": "^4.0.18"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,76 +0,0 @@
|
|||||||
import { defineConfig, devices } from '@playwright/test';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Read environment variables from file.
|
|
||||||
* https://github.com/motdotla/dotenv
|
|
||||||
*/
|
|
||||||
// import dotenv from 'dotenv';
|
|
||||||
// import path from 'path';
|
|
||||||
// dotenv.config({ path: path.resolve(__dirname, '.env') });
|
|
||||||
|
|
||||||
/**
|
|
||||||
* See https://playwright.dev/docs/test-configuration.
|
|
||||||
*/
|
|
||||||
export default defineConfig({
|
|
||||||
testDir: './tests/e2e',
|
|
||||||
/* Run tests in files in parallel */
|
|
||||||
fullyParallel: true,
|
|
||||||
/* Fail the build on CI if you accidentally left test.only in the source code. */
|
|
||||||
forbidOnly: !!process.env.CI,
|
|
||||||
/* Retry on CI only */
|
|
||||||
retries: process.env.CI ? 2 : 0,
|
|
||||||
/* Opt out of parallel tests on CI. */
|
|
||||||
workers: process.env.CI ? 1 : undefined,
|
|
||||||
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
|
|
||||||
reporter: 'html',
|
|
||||||
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
|
|
||||||
use: {
|
|
||||||
/* Base URL to use in actions like `await page.goto('')`. */
|
|
||||||
// baseURL: 'http://localhost:3000',
|
|
||||||
|
|
||||||
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
|
|
||||||
trace: 'on-first-retry',
|
|
||||||
},
|
|
||||||
|
|
||||||
/* Configure projects for major browsers */
|
|
||||||
projects: [
|
|
||||||
{
|
|
||||||
name: 'chromium',
|
|
||||||
use: { ...devices['Desktop Chrome'] },
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
name: 'firefox',
|
|
||||||
use: { ...devices['Desktop Firefox'] },
|
|
||||||
},
|
|
||||||
|
|
||||||
// {
|
|
||||||
// name: 'webkit',
|
|
||||||
// use: { ...devices['Desktop Safari'] },
|
|
||||||
// },
|
|
||||||
|
|
||||||
/* Test against mobile viewports. */
|
|
||||||
{
|
|
||||||
name: 'Mobile Chrome',
|
|
||||||
use: { ...devices['Pixel 5'] },
|
|
||||||
},
|
|
||||||
|
|
||||||
/* Test against branded browsers. */
|
|
||||||
// {
|
|
||||||
// name: 'Microsoft Edge',
|
|
||||||
// use: { ...devices['Desktop Edge'], channel: 'msedge' },
|
|
||||||
// },
|
|
||||||
// {
|
|
||||||
// name: 'Google Chrome',
|
|
||||||
// use: { ...devices['Desktop Chrome'], channel: 'chrome' },
|
|
||||||
// },
|
|
||||||
],
|
|
||||||
|
|
||||||
/* Run your local dev server before starting the tests */
|
|
||||||
webServer: {
|
|
||||||
command: 'npm run serve',
|
|
||||||
url: 'http://localhost:3000',
|
|
||||||
reuseExistingServer: !process.env.CI,
|
|
||||||
timeout: 120 * 1000,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.5 KiB |
@@ -5,36 +5,31 @@ import { fileURLToPath } from 'url'
|
|||||||
import { dirname, join } from 'path'
|
import { dirname, join } from 'path'
|
||||||
import { setupWebSocketHandler } from './src/websocket-handler.js'
|
import { setupWebSocketHandler } from './src/websocket-handler.js'
|
||||||
import { printServerInfo } from './src/server-utils.js'
|
import { printServerInfo } from './src/server-utils.js'
|
||||||
|
import { loadState, saveState } from './src/persist.js'
|
||||||
|
|
||||||
const __filename = fileURLToPath(import.meta.url)
|
const __filename = fileURLToPath(import.meta.url)
|
||||||
const __dirname = dirname(__filename)
|
const __dirname = dirname(__filename)
|
||||||
|
|
||||||
// --- Configurazione del server ---
|
const PORT = process.env.PORT || 3000
|
||||||
|
const distDir = join(__dirname, 'dist')
|
||||||
|
|
||||||
const DISPLAY_PORT = process.env.PORT || 3000
|
const app = express()
|
||||||
const CONTROLLER_PORT = process.env.CONTROLLER_PORT || 3001
|
|
||||||
|
|
||||||
// ========================================
|
app.use(express.static(distDir, { index: false }))
|
||||||
// Server Display (porta principale)
|
|
||||||
// ========================================
|
|
||||||
|
|
||||||
const displayApp = express()
|
app.get(['/', '/display', '/display/*splat'], (_req, res) => {
|
||||||
|
res.sendFile(join(distDir, 'index.html'))
|
||||||
// Espone i file generati dalla build di Vite.
|
|
||||||
displayApp.use(express.static(join(__dirname, 'dist')))
|
|
||||||
|
|
||||||
// Fallback per SPA: restituisce `index.html` per tutte le route.
|
|
||||||
displayApp.get(/.*/, (_req, res) => {
|
|
||||||
res.sendFile(join(__dirname, 'dist', 'index.html'))
|
|
||||||
})
|
})
|
||||||
|
|
||||||
const displayServer = createServer(displayApp)
|
app.get(['/controller', '/controller/*splat'], (_req, res) => {
|
||||||
|
res.sendFile(join(distDir, 'controller.html'))
|
||||||
|
})
|
||||||
|
|
||||||
// Inizializza il server WebSocket condiviso.
|
const server = createServer(app)
|
||||||
const wss = new WebSocketServer({ noServer: true })
|
const wss = new WebSocketServer({ noServer: true })
|
||||||
setupWebSocketHandler(wss)
|
setupWebSocketHandler(wss, { initialState: loadState(), onStateChange: saveState })
|
||||||
|
|
||||||
displayServer.on('upgrade', (request, socket, head) => {
|
server.on('upgrade', (request, socket, head) => {
|
||||||
const pathname = new URL(request.url, `http://${request.headers.host}`).pathname
|
const pathname = new URL(request.url, `http://${request.headers.host}`).pathname
|
||||||
if (pathname === '/ws') {
|
if (pathname === '/ws') {
|
||||||
wss.handleUpgrade(request, socket, head, (ws) => {
|
wss.handleUpgrade(request, socket, head, (ws) => {
|
||||||
@@ -45,39 +40,6 @@ displayServer.on('upgrade', (request, socket, head) => {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
displayServer.listen(DISPLAY_PORT, '0.0.0.0', () => {
|
server.listen(PORT, '0.0.0.0', () => {
|
||||||
console.log(`[Display] Server running on port ${DISPLAY_PORT}`)
|
printServerInfo(PORT)
|
||||||
})
|
|
||||||
|
|
||||||
// ========================================
|
|
||||||
// Server Controller (porta separata)
|
|
||||||
// ========================================
|
|
||||||
|
|
||||||
const controllerApp = express()
|
|
||||||
|
|
||||||
// Espone gli stessi file statici della build.
|
|
||||||
// IMPORTANTE: { index: false } impedisce di servire index.html (il display) sulla root.
|
|
||||||
controllerApp.use(express.static(join(__dirname, 'dist'), { index: false }))
|
|
||||||
|
|
||||||
// Fallback: restituisce `controller.html` per tutte le route.
|
|
||||||
controllerApp.get(/.*/, (_req, res) => {
|
|
||||||
res.sendFile(join(__dirname, 'dist', 'controller.html'))
|
|
||||||
})
|
|
||||||
|
|
||||||
const controllerServer = createServer(controllerApp)
|
|
||||||
|
|
||||||
// Gestisce l'upgrade WebSocket anche sulla porta del controller.
|
|
||||||
controllerServer.on('upgrade', (request, socket, head) => {
|
|
||||||
const pathname = new URL(request.url, `http://${request.headers.host}`).pathname
|
|
||||||
if (pathname === '/ws') {
|
|
||||||
wss.handleUpgrade(request, socket, head, (ws) => {
|
|
||||||
wss.emit('connection', ws, request)
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
socket.destroy()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
controllerServer.listen(CONTROLLER_PORT, '0.0.0.0', () => {
|
|
||||||
printServerInfo(DISPLAY_PORT, CONTROLLER_PORT)
|
|
||||||
})
|
})
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
@@ -1 +0,0 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 496 B |
@@ -78,6 +78,19 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Finestra set vinto -->
|
||||||
|
<div class="overlay" v-if="showSetVinto">
|
||||||
|
<div class="dialog">
|
||||||
|
<div class="dialog-title">SET VINTO</div>
|
||||||
|
<div class="dialog-winner">{{ state.sp.nomi[setVintoTeam] }}</div>
|
||||||
|
<div class="dialog-subtitle">Configura le formazioni per il prossimo set</div>
|
||||||
|
<div class="dialog-buttons">
|
||||||
|
<button class="btn btn-cancel" @click="undoUltimoPoint()">INDIETRO</button>
|
||||||
|
<button class="btn btn-confirm" @click="doNuovoSet()">VAI AL SET SUCCESSIVO</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Finestra configurazione -->
|
<!-- Finestra configurazione -->
|
||||||
<div class="overlay" v-if="showConfig" @click.self="showConfig = false">
|
<div class="overlay" v-if="showConfig" @click.self="showConfig = false">
|
||||||
<div class="dialog dialog-config">
|
<div class="dialog dialog-config">
|
||||||
@@ -187,6 +200,8 @@ export default {
|
|||||||
reconnectAttempts: 0,
|
reconnectAttempts: 0,
|
||||||
maxReconnectDelay: 30000,
|
maxReconnectDelay: 30000,
|
||||||
confirmReset: false,
|
confirmReset: false,
|
||||||
|
showSetVinto: false,
|
||||||
|
setVintoTeam: null,
|
||||||
showConfig: false,
|
showConfig: false,
|
||||||
showCambiTeam: false,
|
showCambiTeam: false,
|
||||||
showCambi: false,
|
showCambi: false,
|
||||||
@@ -209,7 +224,7 @@ export default {
|
|||||||
visuStriscia: true,
|
visuStriscia: true,
|
||||||
modalitaPartita: "3/5",
|
modalitaPartita: "3/5",
|
||||||
sp: {
|
sp: {
|
||||||
striscia: { home: [0], guest: [0] },
|
striscia: [{ serv: 'home', r: [] }],
|
||||||
servHome: true,
|
servHome: true,
|
||||||
punt: { home: 0, guest: 0 },
|
punt: { home: 0, guest: 0 },
|
||||||
set: { home: 0, guest: 0 },
|
set: { home: 0, guest: 0 },
|
||||||
@@ -218,7 +233,6 @@ export default {
|
|||||||
home: ["1", "2", "3", "4", "5", "6"],
|
home: ["1", "2", "3", "4", "5", "6"],
|
||||||
guest: ["1", "2", "3", "4", "5", "6"],
|
guest: ["1", "2", "3", "4", "5", "6"],
|
||||||
},
|
},
|
||||||
storicoServizio: [],
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@@ -227,6 +241,15 @@ export default {
|
|||||||
isPunteggioZeroZero() {
|
isPunteggioZeroZero() {
|
||||||
return this.state.sp.punt.home === 0 && this.state.sp.punt.guest === 0
|
return this.state.sp.punt.home === 0 && this.state.sp.punt.guest === 0
|
||||||
},
|
},
|
||||||
|
squadraVincente() {
|
||||||
|
const { home, guest } = this.state.sp.punt
|
||||||
|
const totSet = this.state.sp.set.home + this.state.sp.set.guest
|
||||||
|
const isSetDecisivo = this.state.modalitaPartita === '2/3' ? totSet >= 2 : totSet >= 4
|
||||||
|
const soglia = isSetDecisivo ? 15 : 25
|
||||||
|
if (home >= soglia && home - guest >= 2) return 'home'
|
||||||
|
if (guest >= soglia && guest - home >= 2) return 'guest'
|
||||||
|
return null
|
||||||
|
},
|
||||||
cambiValid() {
|
cambiValid() {
|
||||||
let hasComplete = false
|
let hasComplete = false
|
||||||
let allValid = true
|
let allValid = true
|
||||||
@@ -240,6 +263,14 @@ export default {
|
|||||||
return allValid && hasComplete
|
return allValid && hasComplete
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
watch: {
|
||||||
|
squadraVincente(val) {
|
||||||
|
if (val && !this.showSetVinto) {
|
||||||
|
this.setVintoTeam = val
|
||||||
|
this.showSetVinto = true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.connectWebSocket()
|
this.connectWebSocket()
|
||||||
|
|
||||||
@@ -440,6 +471,22 @@ export default {
|
|||||||
this.confirmReset = false
|
this.confirmReset = false
|
||||||
},
|
},
|
||||||
|
|
||||||
|
undoUltimoPoint() {
|
||||||
|
this.sendAction({ type: 'decPunt' })
|
||||||
|
this.showSetVinto = false
|
||||||
|
},
|
||||||
|
|
||||||
|
doNuovoSet() {
|
||||||
|
this.sendAction({ type: 'nuovoSet', team: this.setVintoTeam })
|
||||||
|
this.showSetVinto = false
|
||||||
|
this.configData.nomeHome = this.state.sp.nomi.home
|
||||||
|
this.configData.nomeGuest = this.state.sp.nomi.guest
|
||||||
|
this.configData.modalita = this.state.modalitaPartita
|
||||||
|
this.configData.formHome = ["1", "2", "3", "4", "5", "6"]
|
||||||
|
this.configData.formGuest = ["1", "2", "3", "4", "5", "6"]
|
||||||
|
this.showConfig = true
|
||||||
|
},
|
||||||
|
|
||||||
openConfig() {
|
openConfig() {
|
||||||
this.configData.nomeHome = this.state.sp.nomi.home
|
this.configData.nomeHome = this.state.sp.nomi.home
|
||||||
this.configData.nomeGuest = this.state.sp.nomi.guest
|
this.configData.nomeGuest = this.state.sp.nomi.guest
|
||||||
@@ -747,6 +794,20 @@ export default {
|
|||||||
border: 1px solid rgba(255,255,255,0.12);
|
border: 1px solid rgba(255,255,255,0.12);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dialog-winner {
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 900;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-subtitle {
|
||||||
|
font-size: 13px;
|
||||||
|
color: #aaa;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
.dialog-config {
|
.dialog-config {
|
||||||
max-height: 85vh;
|
max-height: 85vh;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|||||||
@@ -92,16 +92,16 @@
|
|||||||
<div class="striscia" v-if="state.visuStriscia">
|
<div class="striscia" v-if="state.visuStriscia">
|
||||||
<span class="striscia-nome text-bold">{{ state.sp.nomi.home }}</span>
|
<span class="striscia-nome text-bold">{{ state.sp.nomi.home }}</span>
|
||||||
<div class="striscia-items" ref="homeItems">
|
<div class="striscia-items" ref="homeItems">
|
||||||
<div v-for="(h, i) in state.sp.striscia.home" :key="'sh'+i"
|
<div v-for="(h, i) in stricciaStrip.home" :key="'sh'+i"
|
||||||
class="item" :class="{ 'item-vuoto': String(h).trim() === '' }">
|
class="item" :class="{ 'item-vuoto': h === ' ' }">
|
||||||
{{ String(h) }}
|
{{ h }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span class="striscia-nome text-bold guest-striscia">{{ state.sp.nomi.guest }}</span>
|
<span class="striscia-nome text-bold guest-striscia">{{ state.sp.nomi.guest }}</span>
|
||||||
<div class="striscia-items guest-striscia" ref="guestItems">
|
<div class="striscia-items guest-striscia" ref="guestItems">
|
||||||
<div v-for="(h, i) in state.sp.striscia.guest" :key="'sg'+i"
|
<div v-for="(h, i) in stricciaStrip.guest" :key="'sg'+i"
|
||||||
class="item" :class="{ 'item-vuoto': String(h).trim() === '' }">
|
class="item" :class="{ 'item-vuoto': h === ' ' }">
|
||||||
{{ String(h) }}
|
{{ h }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -132,7 +132,7 @@ export default {
|
|||||||
visuStriscia: true,
|
visuStriscia: true,
|
||||||
modalitaPartita: "3/5",
|
modalitaPartita: "3/5",
|
||||||
sp: {
|
sp: {
|
||||||
striscia: { home: [0], guest: [0] },
|
striscia: [{ serv: 'home', r: [] }],
|
||||||
servHome: true,
|
servHome: true,
|
||||||
punt: { home: 0, guest: 0 },
|
punt: { home: 0, guest: 0 },
|
||||||
set: { home: 0, guest: 0 },
|
set: { home: 0, guest: 0 },
|
||||||
@@ -141,7 +141,6 @@ export default {
|
|||||||
home: ["1", "2", "3", "4", "5", "6"],
|
home: ["1", "2", "3", "4", "5", "6"],
|
||||||
guest: ["1", "2", "3", "4", "5", "6"],
|
guest: ["1", "2", "3", "4", "5", "6"],
|
||||||
},
|
},
|
||||||
storicoServizio: [],
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@@ -192,23 +191,29 @@ export default {
|
|||||||
this.ws = null
|
this.ws = null
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
computed: {
|
||||||
'state.sp.striscia.home': {
|
stricciaStrip() {
|
||||||
deep: true,
|
const currentSet = this.state.sp.striscia.at(-1)
|
||||||
handler() {
|
if (!currentSet) return { home: [], guest: [] }
|
||||||
this.$nextTick(() => {
|
let h = 0, g = 0
|
||||||
if (this.$refs.homeItems) this.$refs.homeItems.scrollLeft = this.$refs.homeItems.scrollWidth
|
const home = [], guest = []
|
||||||
})
|
for (const scorer of currentSet.r) {
|
||||||
|
if (scorer === 'home') { h++; home.push(h); guest.push(' ') }
|
||||||
|
else { g++; guest.push(g); home.push(' ') }
|
||||||
}
|
}
|
||||||
|
return { home, guest }
|
||||||
},
|
},
|
||||||
'state.sp.striscia.guest': {
|
},
|
||||||
|
watch: {
|
||||||
|
'state.sp.striscia': {
|
||||||
deep: true,
|
deep: true,
|
||||||
handler() {
|
handler() {
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
|
if (this.$refs.homeItems) this.$refs.homeItems.scrollLeft = this.$refs.homeItems.scrollWidth
|
||||||
if (this.$refs.guestItems) this.$refs.guestItems.scrollLeft = this.$refs.guestItems.scrollWidth
|
if (this.$refs.guestItems) this.$refs.guestItems.scrollLeft = this.$refs.guestItems.scrollWidth
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
isMobile() {
|
isMobile() {
|
||||||
|
|||||||
@@ -1,9 +1,6 @@
|
|||||||
import { createApp } from 'vue'
|
import { createApp } from 'vue'
|
||||||
import './style.css'
|
import './style.css'
|
||||||
import WaveUI from 'wave-ui'
|
|
||||||
import 'wave-ui/dist/wave-ui.css'
|
|
||||||
import ControllerPage from './components/ControllerPage.vue'
|
import ControllerPage from './components/ControllerPage.vue'
|
||||||
|
|
||||||
const app = createApp(ControllerPage)
|
const app = createApp(ControllerPage)
|
||||||
app.use(WaveUI)
|
|
||||||
app.mount('#app')
|
app.mount('#app')
|
||||||
|
|||||||
+39
-60
@@ -1,8 +1,3 @@
|
|||||||
/**
|
|
||||||
* Logica di gioco condivisa per il segnapunti.
|
|
||||||
* Utilizzata sia dal server WebSocket sia dal client per l'anteprima locale.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export function createInitialState() {
|
export function createInitialState() {
|
||||||
return {
|
return {
|
||||||
order: true,
|
order: true,
|
||||||
@@ -10,7 +5,7 @@ export function createInitialState() {
|
|||||||
visuStriscia: true,
|
visuStriscia: true,
|
||||||
modalitaPartita: "3/5",
|
modalitaPartita: "3/5",
|
||||||
sp: {
|
sp: {
|
||||||
striscia: { home: [0], guest: [" "] },
|
striscia: [{ serv: 'home', r: [] }],
|
||||||
servHome: true,
|
servHome: true,
|
||||||
punt: { home: 0, guest: 0 },
|
punt: { home: 0, guest: 0 },
|
||||||
set: { home: 0, guest: 0 },
|
set: { home: 0, guest: 0 },
|
||||||
@@ -19,7 +14,6 @@ export function createInitialState() {
|
|||||||
home: ["1", "2", "3", "4", "5", "6"],
|
home: ["1", "2", "3", "4", "5", "6"],
|
||||||
guest: ["1", "2", "3", "4", "5", "6"],
|
guest: ["1", "2", "3", "4", "5", "6"],
|
||||||
},
|
},
|
||||||
storicoServizio: [],
|
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -31,50 +25,26 @@ export function checkVittoria(state) {
|
|||||||
const setGuest = state.sp.set.guest
|
const setGuest = state.sp.set.guest
|
||||||
const totSet = setHome + setGuest
|
const totSet = setHome + setGuest
|
||||||
|
|
||||||
let isSetDecisivo = false
|
const isSetDecisivo = state.modalitaPartita === "2/3" ? totSet >= 2 : totSet >= 4
|
||||||
if (state.modalitaPartita === "2/3") {
|
|
||||||
isSetDecisivo = totSet >= 2
|
|
||||||
} else {
|
|
||||||
isSetDecisivo = totSet >= 4
|
|
||||||
}
|
|
||||||
|
|
||||||
const punteggioVittoria = isSetDecisivo ? 15 : 25
|
const punteggioVittoria = isSetDecisivo ? 15 : 25
|
||||||
|
|
||||||
if (puntHome >= punteggioVittoria && puntHome - puntGuest >= 2) {
|
if (puntHome >= punteggioVittoria && puntHome - puntGuest >= 2) return true
|
||||||
return true
|
if (puntGuest >= punteggioVittoria && puntGuest - puntHome >= 2) return true
|
||||||
}
|
|
||||||
if (puntGuest >= punteggioVittoria && puntGuest - puntHome >= 2) {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
|
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
|
|
||||||
export function applyAction(state, action) {
|
export function applyAction(state, action) {
|
||||||
// Esegue un deep clone per evitare mutazioni indesiderate dello stato lato server.
|
const s = structuredClone(state)
|
||||||
// Restituisce sempre un nuovo oggetto di stato.
|
|
||||||
const s = JSON.parse(JSON.stringify(state))
|
|
||||||
|
|
||||||
switch (action.type) {
|
switch (action.type) {
|
||||||
case "incPunt": {
|
case "incPunt": {
|
||||||
const team = action.team
|
const team = action.team
|
||||||
if (checkVittoria(s)) break
|
if (checkVittoria(s)) break
|
||||||
|
|
||||||
s.sp.storicoServizio.push({
|
const cambioPalla = (team === "home") !== s.sp.servHome
|
||||||
servHome: s.sp.servHome,
|
|
||||||
cambioPalla: (team === "home" && !s.sp.servHome) || (team === "guest" && s.sp.servHome),
|
|
||||||
})
|
|
||||||
|
|
||||||
s.sp.punt[team]++
|
s.sp.punt[team]++
|
||||||
if (team === "home") {
|
s.sp.striscia.at(-1).r.push(team)
|
||||||
s.sp.striscia.home.push(s.sp.punt.home)
|
|
||||||
s.sp.striscia.guest.push(" ")
|
|
||||||
} else {
|
|
||||||
s.sp.striscia.guest.push(s.sp.punt.guest)
|
|
||||||
s.sp.striscia.home.push(" ")
|
|
||||||
}
|
|
||||||
|
|
||||||
const cambioPalla = (team === "home" && !s.sp.servHome) || (team === "guest" && s.sp.servHome)
|
|
||||||
if (cambioPalla) {
|
if (cambioPalla) {
|
||||||
s.sp.form[team].push(s.sp.form[team].shift())
|
s.sp.form[team].push(s.sp.form[team].shift())
|
||||||
}
|
}
|
||||||
@@ -84,23 +54,22 @@ export function applyAction(state, action) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
case "decPunt": {
|
case "decPunt": {
|
||||||
if (s.sp.storicoServizio.length > 0) {
|
const currentSet = s.sp.striscia.at(-1)
|
||||||
const tmpHome = s.sp.striscia.home.pop()
|
if (currentSet.r.length === 0) break
|
||||||
s.sp.striscia.guest.pop()
|
|
||||||
const statoServizio = s.sp.storicoServizio.pop()
|
|
||||||
|
|
||||||
if (tmpHome === " ") {
|
const lastScorer = currentSet.r[currentSet.r.length - 1]
|
||||||
s.sp.punt.guest--
|
const prevServer = currentSet.r.length >= 2
|
||||||
if (statoServizio.cambioPalla) {
|
? currentSet.r[currentSet.r.length - 2]
|
||||||
s.sp.form.guest.unshift(s.sp.form.guest.pop())
|
: currentSet.serv
|
||||||
}
|
|
||||||
} else {
|
const wasCambioPalla = lastScorer !== prevServer
|
||||||
s.sp.punt.home--
|
|
||||||
if (statoServizio.cambioPalla) {
|
currentSet.r.pop()
|
||||||
s.sp.form.home.unshift(s.sp.form.home.pop())
|
s.sp.punt[lastScorer]--
|
||||||
}
|
s.sp.servHome = prevServer === 'home'
|
||||||
}
|
|
||||||
s.sp.servHome = statoServizio.servHome
|
if (wasCambioPalla) {
|
||||||
|
s.sp.form[lastScorer].unshift(s.sp.form[lastScorer].pop())
|
||||||
}
|
}
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
@@ -115,12 +84,25 @@ export function applyAction(state, action) {
|
|||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
|
||||||
|
case "nuovoSet": {
|
||||||
|
const team = action.team
|
||||||
|
if (team !== 'home' && team !== 'guest') break
|
||||||
|
s.sp.set[team]++
|
||||||
|
s.sp.punt.home = 0
|
||||||
|
s.sp.punt.guest = 0
|
||||||
|
s.sp.servHome = team === 'home'
|
||||||
|
s.sp.striscia.push({ serv: team, r: [] })
|
||||||
|
s.sp.form = {
|
||||||
|
home: ["1", "2", "3", "4", "5", "6"],
|
||||||
|
guest: ["1", "2", "3", "4", "5", "6"],
|
||||||
|
}
|
||||||
|
break
|
||||||
|
}
|
||||||
|
|
||||||
case "cambiaPalla": {
|
case "cambiaPalla": {
|
||||||
if (s.sp.punt.home === 0 && s.sp.punt.guest === 0) {
|
if (s.sp.punt.home === 0 && s.sp.punt.guest === 0) {
|
||||||
s.sp.servHome = !s.sp.servHome
|
s.sp.servHome = !s.sp.servHome
|
||||||
s.sp.striscia = s.sp.servHome
|
s.sp.striscia.at(-1).serv = s.sp.servHome ? 'home' : 'guest'
|
||||||
? { home: [0], guest: [" "] }
|
|
||||||
: { home: [" "], guest: [0] }
|
|
||||||
}
|
}
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
@@ -135,10 +117,7 @@ export function applyAction(state, action) {
|
|||||||
home: ["1", "2", "3", "4", "5", "6"],
|
home: ["1", "2", "3", "4", "5", "6"],
|
||||||
guest: ["1", "2", "3", "4", "5", "6"],
|
guest: ["1", "2", "3", "4", "5", "6"],
|
||||||
}
|
}
|
||||||
s.sp.striscia = s.sp.servHome
|
s.sp.striscia = [{ serv: s.sp.servHome ? 'home' : 'guest', r: [] }]
|
||||||
? { home: [0], guest: [" "] }
|
|
||||||
: { home: [" "], guest: [0] }
|
|
||||||
s.sp.storicoServizio = []
|
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,12 +1,6 @@
|
|||||||
import { createApp } from 'vue'
|
import { createApp } from 'vue'
|
||||||
import './style.css'
|
import './style.css'
|
||||||
import App from './App.vue'
|
|
||||||
import WaveUI from 'wave-ui'
|
|
||||||
import 'wave-ui/dist/wave-ui.css'
|
|
||||||
import DisplayPage from './components/DisplayPage.vue'
|
import DisplayPage from './components/DisplayPage.vue'
|
||||||
|
|
||||||
// In modalità display-only, non serve il router.
|
|
||||||
// Il display viene montato direttamente.
|
|
||||||
const app = createApp(DisplayPage)
|
const app = createApp(DisplayPage)
|
||||||
app.use(WaveUI)
|
|
||||||
app.mount('#app')
|
app.mount('#app')
|
||||||
|
|||||||
@@ -0,0 +1,26 @@
|
|||||||
|
import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'fs'
|
||||||
|
import { join, dirname } from 'path'
|
||||||
|
import { fileURLToPath } from 'url'
|
||||||
|
import { createInitialState } from './gameState.js'
|
||||||
|
|
||||||
|
const STATE_PATH = join(dirname(fileURLToPath(import.meta.url)), '..', '.segnapunti', 'state.json')
|
||||||
|
|
||||||
|
export function loadState() {
|
||||||
|
try {
|
||||||
|
if (existsSync(STATE_PATH)) {
|
||||||
|
return JSON.parse(readFileSync(STATE_PATH, 'utf8'))
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.warn('[Persist] Stato non leggibile, si riparte da zero:', err.message)
|
||||||
|
}
|
||||||
|
return createInitialState()
|
||||||
|
}
|
||||||
|
|
||||||
|
export function saveState(state) {
|
||||||
|
try {
|
||||||
|
mkdirSync(dirname(STATE_PATH), { recursive: true })
|
||||||
|
writeFileSync(STATE_PATH, JSON.stringify(state), 'utf8')
|
||||||
|
} catch (err) {
|
||||||
|
console.error('[Persist] Salvataggio fallito:', err.message)
|
||||||
|
}
|
||||||
|
}
|
||||||
+4
-14
@@ -1,16 +1,11 @@
|
|||||||
import { networkInterfaces } from 'os'
|
import { networkInterfaces } from 'os'
|
||||||
|
|
||||||
/**
|
|
||||||
* Restituisce gli indirizzi IP di rete del sistema, escludendo loopback e bridge Docker.
|
|
||||||
* @returns {string[]} Elenco degli indirizzi IP disponibili.
|
|
||||||
*/
|
|
||||||
export function getNetworkIPs() {
|
export function getNetworkIPs() {
|
||||||
const nets = networkInterfaces()
|
const nets = networkInterfaces()
|
||||||
const networkIPs = []
|
const networkIPs = []
|
||||||
|
|
||||||
for (const name of Object.keys(nets)) {
|
for (const name of Object.keys(nets)) {
|
||||||
for (const net of nets[name]) {
|
for (const net of nets[name]) {
|
||||||
// Esclude loopback (127.0.0.1), indirizzi non IPv4 e bridge Docker (172.17.x.x, 172.18.x.x).
|
|
||||||
if (net.family === 'IPv4' &&
|
if (net.family === 'IPv4' &&
|
||||||
!net.internal &&
|
!net.internal &&
|
||||||
!net.address.startsWith('172.17.') &&
|
!net.address.startsWith('172.17.') &&
|
||||||
@@ -23,22 +18,17 @@ export function getNetworkIPs() {
|
|||||||
return networkIPs
|
return networkIPs
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
export function printServerInfo(port = 3000) {
|
||||||
* Stampa il riepilogo di avvio del server con gli URL di accesso.
|
|
||||||
* @param {number} displayPort - Porta del display.
|
|
||||||
* @param {number} controllerPort - Porta del controller.
|
|
||||||
*/
|
|
||||||
export function printServerInfo(displayPort = 5173, controllerPort = 3001) {
|
|
||||||
const networkIPs = getNetworkIPs()
|
const networkIPs = getNetworkIPs()
|
||||||
|
|
||||||
console.log(`\nSegnapunti Server`)
|
console.log(`\nSegnapunti Server`)
|
||||||
console.log(` Display: http://127.0.0.1:${displayPort}/`)
|
console.log(` Display: http://127.0.0.1:${port}/display`)
|
||||||
console.log(` Controller: http://127.0.0.1:${controllerPort}/`)
|
console.log(` Controller: http://127.0.0.1:${port}/controller`)
|
||||||
|
|
||||||
if (networkIPs.length > 0) {
|
if (networkIPs.length > 0) {
|
||||||
console.log(`\n Controller da dispositivi remoti:`)
|
console.log(`\n Controller da dispositivi remoti:`)
|
||||||
networkIPs.forEach(ip => {
|
networkIPs.forEach(ip => {
|
||||||
console.log(` http://${ip}:${controllerPort}/`)
|
console.log(` http://${ip}:${port}/controller`)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
+4
-12
@@ -248,9 +248,7 @@ button:focus-visible {
|
|||||||
max-width: 64px;
|
max-width: 64px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cambi-input input,
|
.cambi-input input {
|
||||||
.cambi-input .w-input__input,
|
|
||||||
.cambi-input .w-input__field {
|
|
||||||
border: 2px solid rgba(255, 255, 255, 0.35);
|
border: 2px solid rgba(255, 255, 255, 0.35);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 6px 10px;
|
padding: 6px 10px;
|
||||||
@@ -259,21 +257,15 @@ button:focus-visible {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cambi-in input,
|
.cambi-in input {
|
||||||
.cambi-in .w-input__input,
|
|
||||||
.cambi-in .w-input__field {
|
|
||||||
background: rgba(120, 200, 120, 0.4);
|
background: rgba(120, 200, 120, 0.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cambi-out input,
|
.cambi-out input {
|
||||||
.cambi-out .w-input__input,
|
|
||||||
.cambi-out .w-input__field {
|
|
||||||
background: rgba(200, 120, 120, 0.4);
|
background: rgba(200, 120, 120, 0.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
.cambi-input input:focus,
|
.cambi-input input:focus {
|
||||||
.cambi-input .w-input__input:focus,
|
|
||||||
.cambi-input .w-input__field:focus {
|
|
||||||
border-color: rgba(255, 255, 255, 0.7);
|
border-color: rgba(255, 255, 255, 0.7);
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,9 +5,9 @@ import { createInitialState, applyAction } from './gameState.js'
|
|||||||
* @param {WebSocketServer} wss - Istanza del server WebSocket.
|
* @param {WebSocketServer} wss - Istanza del server WebSocket.
|
||||||
* @returns {Object} Oggetto con metodi di gestione dello stato.
|
* @returns {Object} Oggetto con metodi di gestione dello stato.
|
||||||
*/
|
*/
|
||||||
export function setupWebSocketHandler(wss) {
|
export function setupWebSocketHandler(wss, options = {}) {
|
||||||
// Stato globale della partita.
|
// Stato globale della partita.
|
||||||
let gameState = createInitialState()
|
let gameState = options.initialState ?? createInitialState()
|
||||||
|
|
||||||
// Mappa dei ruoli associati ai client connessi.
|
// Mappa dei ruoli associati ai client connessi.
|
||||||
const clients = new Map() // ws -> { role: 'display' | 'controller' }
|
const clients = new Map() // ws -> { role: 'display' | 'controller' }
|
||||||
@@ -100,6 +100,7 @@ export function setupWebSocketHandler(wss) {
|
|||||||
|
|
||||||
// Propaga il nuovo stato a tutti i client connessi.
|
// Propaga il nuovo stato a tutti i client connessi.
|
||||||
broadcastState()
|
broadcastState()
|
||||||
|
options.onStateChange?.(gameState)
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -0,0 +1,303 @@
|
|||||||
|
import { vi, describe, it, expect, beforeAll, beforeEach } from 'vitest'
|
||||||
|
|
||||||
|
// vi.hoisted garantisce che refs sia disponibile nelle factory dei mock,
|
||||||
|
// che vengono hoistate prima degli import statici.
|
||||||
|
const refs = vi.hoisted(() => ({ ws: null, rl: null }))
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Mock: ws
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
vi.mock('ws', async () => {
|
||||||
|
const { EventEmitter } = await import('events')
|
||||||
|
|
||||||
|
class WebSocket extends EventEmitter {
|
||||||
|
static OPEN = 1
|
||||||
|
constructor() {
|
||||||
|
super()
|
||||||
|
this.readyState = 1
|
||||||
|
this.send = vi.fn()
|
||||||
|
this.close = vi.fn()
|
||||||
|
refs.ws = this
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return { WebSocket }
|
||||||
|
})
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Mock: readline
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
vi.mock('readline', async () => {
|
||||||
|
const { EventEmitter } = await import('events')
|
||||||
|
|
||||||
|
return {
|
||||||
|
default: {
|
||||||
|
createInterface: vi.fn(() => {
|
||||||
|
const rl = new EventEmitter()
|
||||||
|
rl.prompt = vi.fn()
|
||||||
|
rl.question = vi.fn()
|
||||||
|
rl.close = vi.fn()
|
||||||
|
refs.rl = rl
|
||||||
|
return rl
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Silenzia output e blocca process.exit durante i test
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
vi.spyOn(process, 'exit').mockImplementation(() => {})
|
||||||
|
vi.spyOn(process.stdout, 'write').mockReturnValue(true)
|
||||||
|
vi.spyOn(console, 'log').mockImplementation(() => {})
|
||||||
|
vi.spyOn(console, 'error').mockImplementation(() => {})
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Importa cli.js — esegue gli effetti collaterali con le dipendenze mockate
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
beforeAll(async () => {
|
||||||
|
await import('../../cli.js')
|
||||||
|
refs.ws.emit('open')
|
||||||
|
})
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Helper
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
function sendLine(line) {
|
||||||
|
refs.rl.emit('line', line)
|
||||||
|
}
|
||||||
|
|
||||||
|
function lastSent() {
|
||||||
|
const calls = refs.ws.send.mock.calls
|
||||||
|
return calls.length ? JSON.parse(calls[calls.length - 1][0]) : null
|
||||||
|
}
|
||||||
|
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
// Test
|
||||||
|
// ---------------------------------------------------------------------------
|
||||||
|
|
||||||
|
describe('CLI — Registrazione', () => {
|
||||||
|
it('invia register con ruolo controller all\'apertura del WebSocket', () => {
|
||||||
|
const call = refs.ws.send.mock.calls.find((c) => {
|
||||||
|
try { return JSON.parse(c[0]).type === 'register' } catch { return false }
|
||||||
|
})
|
||||||
|
expect(call).toBeDefined()
|
||||||
|
expect(JSON.parse(call[0])).toEqual({ type: 'register', role: 'controller' })
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('CLI — Ricezione messaggi', () => {
|
||||||
|
beforeEach(() => {
|
||||||
|
refs.rl.prompt.mockClear()
|
||||||
|
vi.mocked(console.error).mockClear()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('ripristina il prompt dopo un messaggio "state"', () => {
|
||||||
|
const state = {
|
||||||
|
sp: { nomi: { home: 'A', guest: 'B' }, punt: { home: 0, guest: 0 }, set: { home: 0, guest: 0 }, servHome: true },
|
||||||
|
modalitaPartita: '3/5',
|
||||||
|
}
|
||||||
|
refs.ws.emit('message', JSON.stringify({ type: 'state', state }))
|
||||||
|
expect(refs.rl.prompt).toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('mostra un errore alla ricezione di un messaggio "error"', () => {
|
||||||
|
refs.ws.emit('message', JSON.stringify({ type: 'error', message: 'azione non valida' }))
|
||||||
|
expect(console.error).toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('CLI — Comandi punteggio', () => {
|
||||||
|
beforeEach(() => refs.ws.send.mockClear())
|
||||||
|
|
||||||
|
it('"+" → incPunt home', () => {
|
||||||
|
sendLine('+')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'incPunt', team: 'home' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"pc" → incPunt home (shortcut)', () => {
|
||||||
|
sendLine('pc')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'incPunt', team: 'home' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"-" → incPunt guest', () => {
|
||||||
|
sendLine('-')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'incPunt', team: 'guest' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"po" → incPunt guest (shortcut)', () => {
|
||||||
|
sendLine('po')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'incPunt', team: 'guest' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"punto casa" → incPunt home', () => {
|
||||||
|
sendLine('punto casa')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'incPunt', team: 'home' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"punto ospite" → incPunt guest', () => {
|
||||||
|
sendLine('punto ospite')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'incPunt', team: 'guest' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"punto" senza squadra → errore, nessun invio', () => {
|
||||||
|
sendLine('punto')
|
||||||
|
expect(refs.ws.send).not.toHaveBeenCalled()
|
||||||
|
expect(console.error).toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"undo" → decPunt', () => {
|
||||||
|
sendLine('undo')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'decPunt' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"u" → decPunt (shortcut)', () => {
|
||||||
|
sendLine('u')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'decPunt' } })
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('CLI — Comandi set', () => {
|
||||||
|
beforeEach(() => refs.ws.send.mockClear())
|
||||||
|
|
||||||
|
it('"set casa" → incSet home', () => {
|
||||||
|
sendLine('set casa')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'incSet', team: 'home' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"set ospite" → incSet guest', () => {
|
||||||
|
sendLine('set ospite')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'incSet', team: 'guest' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"set" senza squadra → errore, nessun invio', () => {
|
||||||
|
sendLine('set')
|
||||||
|
expect(refs.ws.send).not.toHaveBeenCalled()
|
||||||
|
expect(console.error).toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('CLI — Comandi partita', () => {
|
||||||
|
beforeEach(() => refs.ws.send.mockClear())
|
||||||
|
|
||||||
|
it('"serv" → cambiaPalla', () => {
|
||||||
|
sendLine('serv')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'cambiaPalla' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"nomi <casa> <ospite>" → setNomi con entrambi i nomi', () => {
|
||||||
|
sendLine('nomi Antoniana Riviera')
|
||||||
|
expect(lastSent()).toMatchObject({
|
||||||
|
type: 'action',
|
||||||
|
action: { type: 'setNomi', home: 'Antoniana', guest: 'Riviera' },
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"nomi <casa>" → setNomi con solo nome casa', () => {
|
||||||
|
sendLine('nomi Antoniana')
|
||||||
|
const sent = lastSent()
|
||||||
|
expect(sent).toMatchObject({ type: 'action', action: { type: 'setNomi', home: 'Antoniana' } })
|
||||||
|
expect(sent.action.guest).toBeUndefined()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"nomi" senza argomenti → errore, nessun invio', () => {
|
||||||
|
sendLine('nomi')
|
||||||
|
expect(refs.ws.send).not.toHaveBeenCalled()
|
||||||
|
expect(console.error).toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"modalita 2/3" → setModalita 2/3', () => {
|
||||||
|
sendLine('modalita 2/3')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'setModalita', modalita: '2/3' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"modalita 3/5" → setModalita 3/5', () => {
|
||||||
|
sendLine('modalita 3/5')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'setModalita', modalita: '3/5' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"modalita" con valore non valido → errore, nessun invio', () => {
|
||||||
|
sendLine('modalita 4/7')
|
||||||
|
expect(refs.ws.send).not.toHaveBeenCalled()
|
||||||
|
expect(console.error).toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('CLI — Comando reset (con conferma)', () => {
|
||||||
|
beforeEach(() => {
|
||||||
|
refs.ws.send.mockClear()
|
||||||
|
refs.rl.question.mockClear()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('conferma "s" → invia resetta', () => {
|
||||||
|
refs.rl.question.mockImplementationOnce((_msg, cb) => cb('s'))
|
||||||
|
sendLine('reset')
|
||||||
|
expect(lastSent()).toMatchObject({ type: 'action', action: { type: 'resetta' } })
|
||||||
|
})
|
||||||
|
|
||||||
|
it('risposta "n" → non invia nulla', () => {
|
||||||
|
refs.rl.question.mockImplementationOnce((_msg, cb) => cb('n'))
|
||||||
|
sendLine('reset')
|
||||||
|
expect(refs.ws.send).not.toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('risposta vuota → non invia nulla', () => {
|
||||||
|
refs.rl.question.mockImplementationOnce((_msg, cb) => cb(''))
|
||||||
|
sendLine('reset')
|
||||||
|
expect(refs.ws.send).not.toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('CLI — Comandi informativi', () => {
|
||||||
|
beforeEach(() => {
|
||||||
|
refs.ws.send.mockClear()
|
||||||
|
vi.mocked(console.log).mockClear()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"help" → stampa aiuto, nessun invio', () => {
|
||||||
|
sendLine('help')
|
||||||
|
expect(console.log).toHaveBeenCalled()
|
||||||
|
expect(refs.ws.send).not.toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"stato" → nessun invio', () => {
|
||||||
|
sendLine('stato')
|
||||||
|
expect(refs.ws.send).not.toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('comando sconosciuto → messaggio di errore, nessun invio', () => {
|
||||||
|
sendLine('xyzzy')
|
||||||
|
expect(refs.ws.send).not.toHaveBeenCalled()
|
||||||
|
expect(console.error).toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('riga vuota → nessun invio', () => {
|
||||||
|
refs.rl.emit('line', ' ')
|
||||||
|
expect(refs.ws.send).not.toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('CLI — Uscita', () => {
|
||||||
|
it('"exit" → chiude il WebSocket', () => {
|
||||||
|
refs.ws.close.mockClear()
|
||||||
|
sendLine('exit')
|
||||||
|
expect(refs.ws.close).toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('"q" → chiude il WebSocket (shortcut)', () => {
|
||||||
|
refs.ws.close.mockClear()
|
||||||
|
sendLine('q')
|
||||||
|
expect(refs.ws.close).toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('chiusura readline → chiude il WebSocket', () => {
|
||||||
|
refs.ws.close.mockClear()
|
||||||
|
refs.rl.emit('close')
|
||||||
|
expect(refs.ws.close).toHaveBeenCalled()
|
||||||
|
})
|
||||||
|
})
|
||||||
@@ -31,13 +31,10 @@ describe('Game Logic (gameState.js)', () => {
|
|||||||
expect(state.sp.form.guest).toEqual(["1", "2", "3", "4", "5", "6"])
|
expect(state.sp.form.guest).toEqual(["1", "2", "3", "4", "5", "6"])
|
||||||
})
|
})
|
||||||
|
|
||||||
it('dovrebbe avere la striscia iniziale a [0]', () => {
|
it('dovrebbe avere la striscia iniziale con un set vuoto', () => {
|
||||||
expect(state.sp.striscia.home).toEqual([0])
|
expect(state.sp.striscia).toHaveLength(1)
|
||||||
expect(state.sp.striscia.guest).toEqual([0])
|
expect(state.sp.striscia[0].serv).toBe('home')
|
||||||
})
|
expect(state.sp.striscia[0].r).toEqual([])
|
||||||
|
|
||||||
it('dovrebbe avere storico servizio vuoto', () => {
|
|
||||||
expect(state.sp.storicoServizio).toEqual([])
|
|
||||||
})
|
})
|
||||||
|
|
||||||
it('dovrebbe avere modalità 3/5 di default', () => {
|
it('dovrebbe avere modalità 3/5 di default', () => {
|
||||||
@@ -116,21 +113,19 @@ describe('Game Logic (gameState.js)', () => {
|
|||||||
|
|
||||||
it('dovrebbe aggiornare la striscia per punto Home', () => {
|
it('dovrebbe aggiornare la striscia per punto Home', () => {
|
||||||
const s = applyAction(state, { type: 'incPunt', team: 'home' })
|
const s = applyAction(state, { type: 'incPunt', team: 'home' })
|
||||||
expect(s.sp.striscia.home).toEqual([0, 1])
|
expect(s.sp.striscia.at(-1).r).toEqual(['home'])
|
||||||
expect(s.sp.striscia.guest).toEqual([0, " "])
|
|
||||||
})
|
})
|
||||||
|
|
||||||
it('dovrebbe aggiornare la striscia per punto Guest', () => {
|
it('dovrebbe aggiornare la striscia per punto Guest', () => {
|
||||||
const s = applyAction(state, { type: 'incPunt', team: 'guest' })
|
const s = applyAction(state, { type: 'incPunt', team: 'guest' })
|
||||||
expect(s.sp.striscia.guest).toEqual([0, 1])
|
expect(s.sp.striscia.at(-1).r).toEqual(['guest'])
|
||||||
expect(s.sp.striscia.home).toEqual([0, " "])
|
|
||||||
})
|
})
|
||||||
|
|
||||||
it('dovrebbe registrare lo storico servizio', () => {
|
it('dovrebbe registrare scorer nella striscia', () => {
|
||||||
const s = applyAction(state, { type: 'incPunt', team: 'home' })
|
let s = applyAction(state, { type: 'incPunt', team: 'home' })
|
||||||
expect(s.sp.storicoServizio).toHaveLength(1)
|
s = applyAction(s, { type: 'incPunt', team: 'guest' })
|
||||||
expect(s.sp.storicoServizio[0]).toHaveProperty('servHome')
|
s = applyAction(s, { type: 'incPunt', team: 'home' })
|
||||||
expect(s.sp.storicoServizio[0]).toHaveProperty('cambioPalla')
|
expect(s.sp.striscia.at(-1).r).toEqual(['home', 'guest', 'home'])
|
||||||
})
|
})
|
||||||
|
|
||||||
it('non dovrebbe incrementare i punti dopo vittoria', () => {
|
it('non dovrebbe incrementare i punti dopo vittoria', () => {
|
||||||
@@ -185,7 +180,7 @@ describe('Game Logic (gameState.js)', () => {
|
|||||||
it('dovrebbe ripristinare la striscia', () => {
|
it('dovrebbe ripristinare la striscia', () => {
|
||||||
const s1 = applyAction(state, { type: 'incPunt', team: 'home' })
|
const s1 = applyAction(state, { type: 'incPunt', team: 'home' })
|
||||||
const s2 = applyAction(s1, { type: 'decPunt' })
|
const s2 = applyAction(s1, { type: 'decPunt' })
|
||||||
expect(s2.sp.striscia.home).toEqual([0])
|
expect(s2.sp.striscia.at(-1).r).toEqual([])
|
||||||
})
|
})
|
||||||
|
|
||||||
it('dovrebbe gestire undo multipli in sequenza', () => {
|
it('dovrebbe gestire undo multipli in sequenza', () => {
|
||||||
@@ -231,6 +226,53 @@ describe('Game Logic (gameState.js)', () => {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
// =============================================
|
||||||
|
// NUOVO SET (nuovoSet)
|
||||||
|
// =============================================
|
||||||
|
describe('nuovoSet', () => {
|
||||||
|
it('dovrebbe incrementare il set della squadra vincente', () => {
|
||||||
|
state.sp.punt.home = 25
|
||||||
|
const s = applyAction(state, { type: 'nuovoSet', team: 'home' })
|
||||||
|
expect(s.sp.set.home).toBe(1)
|
||||||
|
expect(s.sp.set.guest).toBe(0)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('dovrebbe azzerare i punti', () => {
|
||||||
|
state.sp.punt.home = 25
|
||||||
|
state.sp.punt.guest = 10
|
||||||
|
const s = applyAction(state, { type: 'nuovoSet', team: 'home' })
|
||||||
|
expect(s.sp.punt.home).toBe(0)
|
||||||
|
expect(s.sp.punt.guest).toBe(0)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('dovrebbe aggiungere un nuovo set vuoto alla striscia', () => {
|
||||||
|
const s = applyAction(state, { type: 'nuovoSet', team: 'home' })
|
||||||
|
expect(s.sp.striscia).toHaveLength(2)
|
||||||
|
expect(s.sp.striscia.at(-1).r).toEqual([])
|
||||||
|
expect(s.sp.striscia.at(-1).serv).toBe('home')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('dovrebbe conservare il set precedente nella striscia', () => {
|
||||||
|
state.sp.striscia[0].r = ['home', 'guest', 'home']
|
||||||
|
const s = applyAction(state, { type: 'nuovoSet', team: 'home' })
|
||||||
|
expect(s.sp.striscia[0].r).toEqual(['home', 'guest', 'home'])
|
||||||
|
})
|
||||||
|
|
||||||
|
it('dovrebbe resettare le formazioni', () => {
|
||||||
|
state.sp.form.home = ['7', '8', '9', '10', '11', '12']
|
||||||
|
state.sp.form.guest = ['7', '8', '9', '10', '11', '12']
|
||||||
|
const s = applyAction(state, { type: 'nuovoSet', team: 'home' })
|
||||||
|
expect(s.sp.form.home).toEqual(['1', '2', '3', '4', '5', '6'])
|
||||||
|
expect(s.sp.form.guest).toEqual(['1', '2', '3', '4', '5', '6'])
|
||||||
|
})
|
||||||
|
|
||||||
|
it('dovrebbe ignorare team non valido', () => {
|
||||||
|
const s = applyAction(state, { type: 'nuovoSet', team: 'invalid' })
|
||||||
|
expect(s.sp.set.home).toBe(0)
|
||||||
|
expect(s.sp.set.guest).toBe(0)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
// =============================================
|
// =============================================
|
||||||
// CAMBIO PALLA (cambiaPalla)
|
// CAMBIO PALLA (cambiaPalla)
|
||||||
// =============================================
|
// =============================================
|
||||||
@@ -618,17 +660,11 @@ describe('Game Logic (gameState.js)', () => {
|
|||||||
expect(s.sp.form.guest).toEqual(["1", "2", "3", "4", "5", "6"])
|
expect(s.sp.form.guest).toEqual(["1", "2", "3", "4", "5", "6"])
|
||||||
})
|
})
|
||||||
|
|
||||||
it('dovrebbe resettare la striscia', () => {
|
it('dovrebbe resettare la striscia a un set vuoto', () => {
|
||||||
state.sp.striscia = { home: [0, 1, 2, 3], guest: [0, " ", " ", 1] }
|
state.sp.striscia = [{ serv: 'home', r: ['home', 'guest', 'home'] }, { serv: 'home', r: ['guest'] }]
|
||||||
const s = applyAction(state, { type: 'resetta' })
|
const s = applyAction(state, { type: 'resetta' })
|
||||||
expect(s.sp.striscia.home).toEqual([0])
|
expect(s.sp.striscia).toHaveLength(1)
|
||||||
expect(s.sp.striscia.guest).toEqual([0])
|
expect(s.sp.striscia[0].r).toEqual([])
|
||||||
})
|
|
||||||
|
|
||||||
it('dovrebbe resettare lo storico servizio', () => {
|
|
||||||
state.sp.storicoServizio = [{ servHome: true, cambioPalla: false }]
|
|
||||||
const s = applyAction(state, { type: 'resetta' })
|
|
||||||
expect(s.sp.storicoServizio).toEqual([])
|
|
||||||
})
|
})
|
||||||
|
|
||||||
it('dovrebbe impostare visuForm a false', () => {
|
it('dovrebbe impostare visuForm a false', () => {
|
||||||
|
|||||||
@@ -102,23 +102,23 @@ describe('Server Utils', () => {
|
|||||||
// printServerInfo
|
// printServerInfo
|
||||||
// =============================================
|
// =============================================
|
||||||
describe('printServerInfo', () => {
|
describe('printServerInfo', () => {
|
||||||
it('dovrebbe stampare le porte corrette (default)', () => {
|
it('dovrebbe stampare la porta di default (3000)', () => {
|
||||||
os.networkInterfaces.mockReturnValue({})
|
os.networkInterfaces.mockReturnValue({})
|
||||||
const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
|
const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
|
||||||
printServerInfo()
|
printServerInfo()
|
||||||
const allLogs = consoleSpy.mock.calls.map(c => c[0]).join('\n')
|
const allLogs = consoleSpy.mock.calls.map(c => c[0]).join('\n')
|
||||||
expect(allLogs).toContain('5173')
|
expect(allLogs).toContain('3000')
|
||||||
expect(allLogs).toContain('3001')
|
expect(allLogs).toContain('/display')
|
||||||
|
expect(allLogs).toContain('/controller')
|
||||||
consoleSpy.mockRestore()
|
consoleSpy.mockRestore()
|
||||||
})
|
})
|
||||||
|
|
||||||
it('dovrebbe stampare le porte personalizzate', () => {
|
it('dovrebbe stampare la porta personalizzata', () => {
|
||||||
os.networkInterfaces.mockReturnValue({})
|
os.networkInterfaces.mockReturnValue({})
|
||||||
const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
|
const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
|
||||||
printServerInfo(3000, 4000)
|
printServerInfo(8080)
|
||||||
const allLogs = consoleSpy.mock.calls.map(c => c[0]).join('\n')
|
const allLogs = consoleSpy.mock.calls.map(c => c[0]).join('\n')
|
||||||
expect(allLogs).toContain('3000')
|
expect(allLogs).toContain('8080')
|
||||||
expect(allLogs).toContain('4000')
|
|
||||||
consoleSpy.mockRestore()
|
consoleSpy.mockRestore()
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -129,7 +129,7 @@ describe('Server Utils', () => {
|
|||||||
]
|
]
|
||||||
})
|
})
|
||||||
const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
|
const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
|
||||||
printServerInfo(3000, 3001)
|
printServerInfo(3000)
|
||||||
const allLogs = consoleSpy.mock.calls.map(c => c[0]).join('\n')
|
const allLogs = consoleSpy.mock.calls.map(c => c[0]).join('\n')
|
||||||
expect(allLogs).toContain('192.168.1.50')
|
expect(allLogs).toContain('192.168.1.50')
|
||||||
expect(allLogs).toContain('remoti')
|
expect(allLogs).toContain('remoti')
|
||||||
@@ -139,7 +139,7 @@ describe('Server Utils', () => {
|
|||||||
it('non dovrebbe mostrare sezione remoti se nessun IP di rete', () => {
|
it('non dovrebbe mostrare sezione remoti se nessun IP di rete', () => {
|
||||||
os.networkInterfaces.mockReturnValue({})
|
os.networkInterfaces.mockReturnValue({})
|
||||||
const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
|
const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
|
||||||
printServerInfo(3000, 3001)
|
printServerInfo(3000)
|
||||||
const allLogs = consoleSpy.mock.calls.map(c => c[0]).join('\n')
|
const allLogs = consoleSpy.mock.calls.map(c => c[0]).join('\n')
|
||||||
expect(allLogs).not.toContain('remoti')
|
expect(allLogs).not.toContain('remoti')
|
||||||
consoleSpy.mockRestore()
|
consoleSpy.mockRestore()
|
||||||
|
|||||||
+10
-106
@@ -1,30 +1,24 @@
|
|||||||
import { WebSocketServer } from 'ws'
|
import { WebSocketServer } from 'ws'
|
||||||
import { createServer as createHttpServer, request as httpRequest } from 'http'
|
|
||||||
import { setupWebSocketHandler } from './src/websocket-handler.js'
|
import { setupWebSocketHandler } from './src/websocket-handler.js'
|
||||||
import { printServerInfo } from './src/server-utils.js'
|
import { printServerInfo } from './src/server-utils.js'
|
||||||
|
import { loadState, saveState } from './src/persist.js'
|
||||||
|
|
||||||
const CONTROLLER_PORT = 3001
|
|
||||||
const DEV_PROXY_HOST = process.env.DEV_PROXY_HOST || '127.0.0.1'
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Plugin Vite che integra un server WebSocket per la gestione dello stato di gioco
|
|
||||||
* e un server separato sulla porta 3001 per il controller.
|
|
||||||
* @returns {import('vite').Plugin}
|
|
||||||
*/
|
|
||||||
export default function websocketPlugin() {
|
export default function websocketPlugin() {
|
||||||
return {
|
return {
|
||||||
name: 'vite-plugin-websocket',
|
name: 'vite-plugin-websocket',
|
||||||
configureServer(server) {
|
configureServer(server) {
|
||||||
// Inizializza un server WebSocket collegato al server HTTP di Vite.
|
|
||||||
const wss = new WebSocketServer({ noServer: true })
|
const wss = new WebSocketServer({ noServer: true })
|
||||||
|
setupWebSocketHandler(wss, { initialState: loadState(), onStateChange: saveState })
|
||||||
|
|
||||||
// Registra i gestori WebSocket con la logica di gioco.
|
// Rewrite /display → / (index.html) e /controller → /controller.html
|
||||||
setupWebSocketHandler(wss)
|
server.middlewares.use((req, _res, next) => {
|
||||||
|
if (req.url === '/display' || req.url === '/display/') req.url = '/'
|
||||||
|
else if (req.url === '/controller' || req.url === '/controller/') req.url = '/controller.html'
|
||||||
|
next()
|
||||||
|
})
|
||||||
|
|
||||||
// Intercetta le richieste di upgrade WebSocket solo sul path /ws.
|
|
||||||
server.httpServer.on('upgrade', (request, socket, head) => {
|
server.httpServer.on('upgrade', (request, socket, head) => {
|
||||||
const pathname = new URL(request.url, `http://${request.headers.host}`).pathname
|
const pathname = new URL(request.url, `http://${request.headers.host}`).pathname
|
||||||
|
|
||||||
if (pathname === '/ws') {
|
if (pathname === '/ws') {
|
||||||
wss.handleUpgrade(request, socket, head, (ws) => {
|
wss.handleUpgrade(request, socket, head, (ws) => {
|
||||||
wss.emit('connection', ws, request)
|
wss.emit('connection', ws, request)
|
||||||
@@ -32,100 +26,10 @@ export default function websocketPlugin() {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
// Avvia un server separato per il controller sulla porta 3001.
|
|
||||||
server.httpServer.once('listening', () => {
|
server.httpServer.once('listening', () => {
|
||||||
const viteAddr = server.httpServer.address()
|
const { port } = server.httpServer.address()
|
||||||
const vitePort = viteAddr.port
|
setTimeout(() => printServerInfo(port), 100)
|
||||||
|
|
||||||
startControllerDevServer(vitePort, wss)
|
|
||||||
|
|
||||||
setTimeout(() => printServerInfo(vitePort, CONTROLLER_PORT), 100)
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Avvia il server di sviluppo per il controller.
|
|
||||||
* Fa da proxy verso il dev server di Vite per moduli ES, HMR, e asset.
|
|
||||||
*/
|
|
||||||
function startControllerDevServer(vitePort, wss) {
|
|
||||||
const controllerServer = createHttpServer((req, res) => {
|
|
||||||
// Se richiesta alla root, riscrive verso controller.html
|
|
||||||
let targetPath = req.url
|
|
||||||
if (targetPath === '/' || targetPath === '') {
|
|
||||||
targetPath = '/controller.html'
|
|
||||||
}
|
|
||||||
|
|
||||||
// Proxy verso il dev server di Vite
|
|
||||||
const proxyReq = httpRequest(
|
|
||||||
{
|
|
||||||
hostname: DEV_PROXY_HOST,
|
|
||||||
port: vitePort,
|
|
||||||
path: targetPath,
|
|
||||||
method: req.method,
|
|
||||||
headers: {
|
|
||||||
...req.headers,
|
|
||||||
host: `${DEV_PROXY_HOST}:${vitePort}`,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
(proxyRes) => {
|
|
||||||
res.writeHead(proxyRes.statusCode, proxyRes.headers)
|
|
||||||
proxyRes.pipe(res, { end: true })
|
|
||||||
}
|
|
||||||
)
|
|
||||||
|
|
||||||
proxyReq.on('error', (err) => {
|
|
||||||
console.error('[Controller Proxy] Error:', err.message)
|
|
||||||
if (!res.headersSent) {
|
|
||||||
res.writeHead(502)
|
|
||||||
res.end('Proxy error')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
req.pipe(proxyReq, { end: true })
|
|
||||||
})
|
|
||||||
|
|
||||||
// Gestisce l'upgrade WebSocket anche sulla porta del controller
|
|
||||||
controllerServer.on('upgrade', (request, socket, head) => {
|
|
||||||
const pathname = new URL(request.url, `http://${request.headers.host}`).pathname
|
|
||||||
|
|
||||||
if (pathname === '/ws') {
|
|
||||||
wss.handleUpgrade(request, socket, head, (ws) => {
|
|
||||||
wss.emit('connection', ws, request)
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
// Per l'HMR di Vite, proxare l'upgrade WebSocket verso Vite
|
|
||||||
const proxyReq = httpRequest({
|
|
||||||
hostname: DEV_PROXY_HOST,
|
|
||||||
port: vitePort,
|
|
||||||
path: request.url,
|
|
||||||
method: 'GET',
|
|
||||||
headers: request.headers,
|
|
||||||
})
|
|
||||||
|
|
||||||
proxyReq.on('upgrade', (proxyRes, proxySocket, proxyHead) => {
|
|
||||||
socket.write(
|
|
||||||
`HTTP/1.1 101 Switching Protocols\r\n` +
|
|
||||||
Object.entries(proxyRes.headers)
|
|
||||||
.map(([k, v]) => `${k}: ${v}`)
|
|
||||||
.join('\r\n') +
|
|
||||||
'\r\n\r\n'
|
|
||||||
)
|
|
||||||
proxySocket.pipe(socket)
|
|
||||||
socket.pipe(proxySocket)
|
|
||||||
})
|
|
||||||
|
|
||||||
proxyReq.on('error', (err) => {
|
|
||||||
console.error('[Controller Proxy] WS upgrade error:', err.message)
|
|
||||||
socket.destroy()
|
|
||||||
})
|
|
||||||
|
|
||||||
proxyReq.end()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
controllerServer.listen(CONTROLLER_PORT, '0.0.0.0', () => {
|
|
||||||
console.log(`[Controller] Dev server running on port ${CONTROLLER_PORT}`)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user