From 95638d8ce88ea5b6ed698d219954b757fc3cd0ac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Magnus=20Le=C3=9Fmann=20=28=40MarkL4YG=29?= Date: Mon, 30 Dec 2024 15:25:19 +0100 Subject: [PATCH] feat: Enable HTTPS for vite devserver --- frontend/package.json | 5 +++-- frontend/pnpm-lock.yaml | 13 +++++++++++++ frontend/vite.config.mts | 6 +++++- 3 files changed, 21 insertions(+), 3 deletions(-) diff --git a/frontend/package.json b/frontend/package.json index 713e3d0..269266e 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -22,8 +22,10 @@ "@eslint/js": "^9.14.0", "@tsconfig/node22": "^22.0.0", "@types/node": "^22.9.0", + "@vitejs/plugin-basic-ssl": "^1.2.0", "@vitejs/plugin-vue": "^5.1.4", "@vue/eslint-config-typescript": "^14.1.3", + "@vue/language-server": "^2.2.0", "@vue/tsconfig": "^0.5.1", "eslint": "^9.14.0", "eslint-plugin-vue": "^9.30.0", @@ -38,8 +40,7 @@ "vite": "^5.4.10", "vite-plugin-vuetify": "^2.0.3", "vue-router": "^4.4.0", - "vue-tsc": "^2.2.0", - "@vue/language-server": "^2.2.0" + "vue-tsc": "^2.2.0" }, "engines": { "node": "^20.16", diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml index d7eb0bf..2c73c76 100644 --- a/frontend/pnpm-lock.yaml +++ b/frontend/pnpm-lock.yaml @@ -33,6 +33,9 @@ importers: '@types/node': specifier: ^22.9.0 version: 22.9.0 + '@vitejs/plugin-basic-ssl': + specifier: ^1.2.0 + version: 1.2.0(vite@5.4.11(@types/node@22.9.0)(sass-embedded@1.81.0)(sass@1.77.8)) '@vitejs/plugin-vue': specifier: ^5.1.4 version: 5.2.0(vite@5.4.11(@types/node@22.9.0)(sass-embedded@1.81.0)(sass@1.77.8))(vue@3.5.13(typescript@5.6.3)) @@ -566,6 +569,12 @@ packages: resolution: {integrity: sha512-vG0XZo8AdTH9OE6VFRwAZldNc7qtJ/6NLGWak+BtENuEUXGZgFpihILPiBvKXvJ2nFu27XNGC6rKiwuaoMbYzQ==} engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0} + '@vitejs/plugin-basic-ssl@1.2.0': + resolution: {integrity: sha512-mkQnxTkcldAzIsomk1UuLfAu9n+kpQ3JbHcpCp7d2Oo6ITtji8pHS3QToOWjhPFvNQSnhlkAjmGbhv2QvwO/7Q==} + engines: {node: '>=14.21.3'} + peerDependencies: + vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 + '@vitejs/plugin-vue@5.2.0': resolution: {integrity: sha512-7n7KdUEtx/7Yl7I/WVAMZ1bEb0eVvXF3ummWTeLcs/9gvo9pJhuLdouSXGjdZ/MKD1acf1I272+X0RMua4/R3g==} engines: {node: ^18.0.0 || >=20.0.0} @@ -2275,6 +2284,10 @@ snapshots: '@typescript-eslint/types': 8.14.0 eslint-visitor-keys: 3.4.3 + '@vitejs/plugin-basic-ssl@1.2.0(vite@5.4.11(@types/node@22.9.0)(sass-embedded@1.81.0)(sass@1.77.8))': + dependencies: + vite: 5.4.11(@types/node@22.9.0)(sass-embedded@1.81.0)(sass@1.77.8) + '@vitejs/plugin-vue@5.2.0(vite@5.4.11(@types/node@22.9.0)(sass-embedded@1.81.0)(sass@1.77.8))(vue@3.5.13(typescript@5.6.3))': dependencies: vite: 5.4.11(@types/node@22.9.0)(sass-embedded@1.81.0)(sass@1.77.8) diff --git a/frontend/vite.config.mts b/frontend/vite.config.mts index 98b98db..b4bfa86 100644 --- a/frontend/vite.config.mts +++ b/frontend/vite.config.mts @@ -1,14 +1,18 @@ import Components from 'unplugin-vue-components/vite' import Vue from '@vitejs/plugin-vue' import Vuetify, { transformAssetUrls } from 'vite-plugin-vuetify' +import basicSSL from "@vitejs/plugin-basic-ssl"; import ViteFonts from 'unplugin-fonts/vite' -import VueRouter from 'unplugin-vue-router/vite' +import VueRouter from 'unplugin-vue-router/vite' import { defineConfig } from 'vite' import { fileURLToPath, URL } from 'node:url' export default defineConfig({ plugins: [ + basicSSL({ + name: 'dev-cert' + }), VueRouter(), Vue({ template: { transformAssetUrls },