feat: separazione display e controller su porte distinte (5173/3001)

- Creati entry point separati per il Display (porta 5173) e il Controller (porta 3001).
- Aggiunti controller.html e src/controller-main.js per l'app di controllo remoto.
- Semplificato src/main.js per montare direttamente DisplayPage, rimuovendo vue-router.
- Implementato un server di sviluppo proxy per il controller in vite-plugin-websocket.js.
- Aggiornato server.js per gestire due istanze Express (display e controller) in produzione.
- Aggiornata la configurazione di Vite per il supporto alla build multi-pagina
This commit is contained in:
2026-02-10 23:45:58 +01:00
parent 9598d587c6
commit f84f3805cd
10 changed files with 211 additions and 53 deletions

View File

@@ -1,12 +1,26 @@
import { defineConfig } from 'vite'
import { resolve, dirname } from 'path'
import { fileURLToPath } from 'url'
import vue from '@vitejs/plugin-vue'
import { VitePWA } from 'vite-plugin-pwa'
import websocketPlugin from './vite-plugin-websocket.js'
const __dirname = dirname(fileURLToPath(import.meta.url))
// Configurazione principale di Vite
export default defineConfig({
base: '/',
build: {
rollupOptions: {
input: {
main: resolve(__dirname, 'index.html'),
controller: resolve(__dirname, 'controller.html'),
},
},
},
plugins: [
vue(),
websocketPlugin(),
VitePWA({
registerType: 'autoUpdate',
manifest: {
@@ -35,12 +49,5 @@ export default defineConfig({
server: {
host: '0.0.0.0',
port: 5173,
proxy: {
'/': {
target: 'http://127.0.0.1:5174',
ws: true,
changeOrigin: true,
},
},
},
})