From b6a3cdd3a49a8287648ea0f35759f236e731e0b0 Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Wed, 3 Dec 2025 00:06:32 +0000
Subject: [PATCH] Fix examples folder serving broken a couple of commits ago.

---
 frontend/package.json   |  1 +
 frontend/vite.config.js | 18 ++++++++++++++----
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 5724a63..e57d5c6 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -12,6 +12,7 @@
     "@simplewebauthn/browser": "^13.1.2",
     "pinia": "^3.0.3",
     "qrcode": "^1.5.4",
+    "sirv": "^3.0.2",
     "vue": "^3.5.17"
   },
   "devDependencies": {
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 40f7190..1fa0b96 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -3,12 +3,25 @@ import { defineConfig } from 'vite'
 import { resolve } from 'node:path'
 import vue from '@vitejs/plugin-vue'
 import { existsSync, renameSync, mkdirSync } from 'node:fs'
+import sirv from 'sirv'
 
 export default defineConfig(({ command }) => ({
   appType: 'mpa',
   publicDir: 'public',
   plugins: [
     vue(),
+    {
+      name: 'serve-examples',
+      configureServer(server) {
+        const examplesDir = resolve(__dirname, '../examples')
+        const serve = sirv(examplesDir, { dev: true })
+        server.middlewares.use((req, _res, next) => {
+          if (req.url === '/' || req.url === '/index.html') req.url = '/examples/'
+          next()
+        })
+        server.middlewares.use('/examples', serve)
+      }
+    },
     {
       name: 'move-html-files',
       closeBundle() {
@@ -55,9 +68,6 @@ export default defineConfig(({ command }) => ({
       }
     }
   },
-  preview: {
-    port: 4403
-  },
   build: {
     outDir: '../passkey/frontend-build',
     emptyOutDir: true,
@@ -68,7 +78,7 @@ export default defineConfig(({ command }) => ({
         restricted: resolve(__dirname, 'auth/restricted/index.html'),
         host: resolve(__dirname, 'int/host/index.html'),
         reset: resolve(__dirname, 'int/reset/index.html'),
-        forward: resolve(__dirname, 'int/forward/index.html')
+        forward: resolve(__dirname, 'int/forward/index.html'),
       },
       output: {
         entryFileNames: (chunkInfo) => {