nextgraph-rs/app/nextgraph/vite.config.ts

import tailwindcss from "@tailwindcss/vite";
import { defineConfig, UserConfig } from "vite";
import { svelte } from "@sveltejs/vite-plugin-svelte";
import { viteSingleFile } from "vite-plugin-singlefile"
import svelteSVG from "@hazycora/vite-plugin-svelte-svg";
import wasm from "vite-plugin-wasm";
import topLevelAwait from "vite-plugin-top-level-await";

const host = process.env.TAURI_DEV_HOST;

// https://vite.dev/config/
export default defineConfig((): UserConfig => {
    const worker_plugins = [];
    const config = {
        worker: {
            format: 'es',
            plugins : [
            ]
        },
        plugins: [
            tailwindcss(), 
            svelte(),
            svelteSVG({
                svgoConfig: {
                    plugins: [
                        {
                            name: 'preset-default',
                            params: {
                            overrides: {
                                // disable plugins
                                removeViewBox: false,
                            },
                            },
                        },
                        {
                        name: 'prefixIds',
                        }
                    ],
                }, // See https://github.com/svg/svgo#configuration
                requireSuffix: true, // Set false to accept '.svg' without the '?component'
            }),
        ],
        // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
        //
        // 1. prevent Vite from obscuring rust errors
        clearScreen: false,
        // 2. tauri expects a fixed port, fail if that port is not available
        server: {
            port: process.env.NG_ENV_WEB ? 1421 : 1420,
            strictPort: true,
            host: host || false,
            hmr: host
                ? {
                    protocol: "ws",
                    host,
                    port: process.env.NG_ENV_WEB ? 5184 : 5183,
                }
                : undefined,
            watch: {
                // 3. tell Vite to ignore watching `src-tauri`
                ignored: ["**/src-tauri/**"]
            }
        },
        publicDir: process.env.NG_PUBLIC_DEV ? "public_dev" : false,
        // Env variables starting with the item of `envPrefix` will be exposed in tauri's source code through `import.meta.env`.
        envPrefix: ["VITE_", "TAURI_ENV_", "NG_ENV_"],
        build: {
            outDir: process.env.NG_ENV_WEB ? "dist-web" : "dist",
            // Tauri uses Chromium on Windows and WebKit on macOS and Linux
            target: process.env.TAURI_ENV_PLATFORM == "windows" ? "chrome105" : "safari13",
            // don't minify for debug builds
            minify: !process.env.TAURI_ENV_DEBUG ? "esbuild" : false,
            // produce sourcemaps for debug builds
            sourcemap: !!process.env.TAURI_ENV_DEBUG
        }
    };
    if (process.env.NG_ENV_WEB) {
        if (process.env.NG_ENV_ONEFILE) {
            config.plugins.push(viteSingleFile());
            worker_plugins.push(viteSingleFile());
            config.plugins.push(
                {
                    name: 'move-script-body',
                    transformIndexHtml: {
                        order: 'post',
                        handler: function transform(html) {
                            let scriptTag = html.match(/<script type[^>]*>(.*?)<\/script[^>]*>/)[0]
                            //console.log("\n SCRIPT TAG", scriptTag, "\n")
                            html = html.replace(scriptTag, "")
                            html = html.replace("<!-- # INSERT SCRIPT HERE -->", scriptTag)
                            return html;
                        }
                    }
                }
            );
        }
        config.plugins.push(topLevelAwait());
        config.plugins.push(wasm());
        worker_plugins.push(topLevelAwait());
        worker_plugins.push(wasm());
        config.plugins.push(
            {
                name: 'inject-web-script',
                transformIndexHtml: {
                    order: 'pre', // Tells Vite to run this before other processes
                    handler: function transform() {
                        return [
                        {
                            tag: "script",
                            children: "check_supported=true;",
                            injectTo: "head"
                        },
                        {
                            tag: "script",
                            attrs: {
                                "type": "module",
                                "src": "/src/main-web.ts",
                                "defer": true
                            },
                            injectTo: "head"
                        }]
                    }
                }
            }
        );
    } else {
        config.plugins.push(
            {
                name: 'inject-native-script',
                transformIndexHtml: {
                    order: 'pre', // Tells Vite to run this before other processes
                    handler: function transform() {
                        return [
                        {
                            tag: "script",
                            children: "check_supported=false;",
                            injectTo: "head"
                        },
                        {
                            tag: "script",
                            attrs: {
                                "type": "module",
                                "src": "/src/main.ts",
                                "defer": true
                            },
                            injectTo: "head"
                        }]
                    }
                }
            }
        );
        config.plugins.push(
            {
                name: 'make-script-defer',
                transformIndexHtml: {
                    order: 'post',
                    handler: function transform(html) {
                        let new_html = html.replace("<script type","<script defer type");
                        return new_html;
                    }
                }
            }
        );
    }
    config.worker.plugins = () => {return worker_plugins;};
    return config;
});