Add vite basic ssl plugin

- This autogenerates self-signed certs in dev mode when HTTPS env is set
- Made to match the CRA behaviour

packages/desktop-client/package.json

@@ -28,6 +28,7 @@
     "@types/uuid": "^9.0.2",
     "@types/webpack-bundle-analyzer": "^4.6.0",
     "@use-gesture/react": "^10.3.0",
+    "@vitejs/plugin-basic-ssl": "^1.0.2",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "chokidar": "^3.5.3",
     "cross-env": "^7.0.3",

packages/desktop-client/src/components/transactions/TransactionsTable.jsx

@@ -367,7 +367,7 @@ const TransactionHeader = memo(
         />
         {showBalance && <Cell value="Balance" width={88} textAlign="right" />}
         {showCleared && <Field width={23} truncate={false} />}
-        <Cell value="" width={scrollWidth ? 5 + scrollWidth : 0} />
+        <Cell value="" width={5 + (scrollWidth ?? 0)} />
       </Row>
     );
   },

packages/desktop-client/vite.config.mts

@@ -1,6 +1,7 @@
 import * as path from 'path';
 
 import inject from '@rollup/plugin-inject';
+import basicSsl from '@vitejs/plugin-basic-ssl';
 import react from '@vitejs/plugin-react-swc';
 import { visualizer } from 'rollup-plugin-visualizer';
 /// <reference types="vitest" />
@@ -165,6 +166,7 @@ export default defineConfig(async ({ mode }) => {
       }),
       viteTsconfigPaths({ root: '../..' }),
       visualizer({ template: 'raw-data' }),
+      !!env.HTTPS && basicSsl(),
     ],
     test: {
       include: ['src/**/*.{test,spec}.?(c|m)[jt]s?(x)'],

yarn.lock

@@ -79,6 +79,7 @@ __metadata:
     "@types/uuid": "npm:^9.0.2"
     "@types/webpack-bundle-analyzer": "npm:^4.6.0"
     "@use-gesture/react": "npm:^10.3.0"
+    "@vitejs/plugin-basic-ssl": "npm:^1.0.2"
     "@vitejs/plugin-react-swc": "npm:^3.5.0"
     chokidar: "npm:^3.5.3"
     cross-env: "npm:^7.0.3"
@@ -4527,6 +4528,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vitejs/plugin-basic-ssl@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "@vitejs/plugin-basic-ssl@npm:1.0.2"
+  peerDependencies:
+    vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+  checksum: ee9be91254d848278dba3dbf5c73726bb181dcfba6972dfb657db0e1b0f3d25567aac3ed179924d5ae503848e74824f3284547d792e0f6d7ca02dbec32fb6510
+  languageName: node
+  linkType: hard
+
 "@vitejs/plugin-react-swc@npm:^3.5.0":
   version: 3.5.0
   resolution: "@vitejs/plugin-react-swc@npm:3.5.0"