Enable WSS (Secure Websocket) usage

[passchn]

Development under Safari is currently not possible, a [Warning] [blocked] The page at https://my-domain.local was not allowed to run insecure content from http://localhost:3000/webroot_src/main.ts. etc. warning will be logged.

When switching the vite config to wss like so:

    server: {
        hmr: {
            protocol: 'wss',
            host: 'localhost',
            port: 3000,
        },
    },

... and changing http://localhost: to https://localhost: in the ViteScriptsHelper, it still won't work due to SSL errors/certificate mismatches.

[bor-attila]

I don't use safari, but @vitejs/plugin-basic-ssl not helping ?

Here is my vite.config.js what I use. I use SSL even in development.

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import legacy from '@vitejs/plugin-legacy';
import basicSsl from '@vitejs/plugin-basic-ssl'

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        basicSsl(),
        vue(),
        legacy({
            targets: ['defaults', 'not IE 11']
        })
    ],
    resolve: {
        alias: {
            vue: 'vue/dist/vue.esm-bundler.js',
        },
    },
    server: {
        https: true,
        host: '0.0.0.0',
        port: 3000,
        strictPort: true,
        hmr: {
            protocol: 'wss',
        },
        watch: {
            ignored: [/bin/, /config/, /plugins/, /resources/, /tests/, /vendor/, /logs/, /tmp/],
            depth: 5,
        }
    },
    build: {
        emptyOutDir: true,
        outDir: './webroot/build',
        assetsDir: 'css',
        manifest: true,
        rollupOptions: {
            input: [
                './webroot_src/js/main.js',
            ],
            output: {
                entryFileNames: '[name].[hash].min.js',
            }
        }
    },
});