vite.config.js

import { vitePlugin as remix } from '@remix-run/dev';
import { installGlobals } from '@remix-run/node';
import { defineConfig } from 'vite';
import tsconfigPaths from 'vite-tsconfig-paths';

installGlobals({ nativeFetch: true });

// Related: https://github.com/remix-run/remix/issues/2835#issuecomment-1144102176
// Replace the HOST env var with SHOPIFY_APP_URL so that it doesn't break the remix server. The CLI will eventually
// stop passing in HOST, so we can remove this workaround after the next major release.
if (process.env.HOST && (!process.env.SHOPIFY_APP_URL || process.env.SHOPIFY_APP_URL === process.env.HOST)) {
	process.env.SHOPIFY_APP_URL = process.env.HOST;
	delete process.env.HOST;
}

const host = new URL(process.env.SHOPIFY_APP_URL || 'http://localhost').hostname;
let hmrConfig;

if (host === 'localhost') {
	hmrConfig = {
		protocol: 'ws',
		host: 'localhost',
		port: 64999,
		clientPort: 64999,
	};
} else {
	hmrConfig = {
		protocol: 'wss',
		host: host,
		port: parseInt(process.env.FRONTEND_PORT) || 8002,
		clientPort: 443,
	};
}

export default defineConfig({
	server: {
		port: Number(process.env.PORT || 3000),
		hmr: hmrConfig,
		fs: {
			// See https://vitejs.dev/config/server-options.html#server-fs-allow for more information
			allow: ['app', 'node_modules'],
		},
	},
	plugins: [
		remix({
			ignoredRouteFiles: ['**/.*'],
			future: {
				v3_fetcherPersist: true,
				v3_relativeSplatPath: true,
				v3_throwAbortReason: true,
				v3_lazyRouteDiscovery: true,
				v3_singleFetch: false,
				v3_routeConfig: true,
			},
		}),
		tsconfigPaths(),
	],
	resolve: {
		alias: {
			'@webdatarocks/webdatarocks': 'node_modules/@webdatarocks/webdatarocks',
		},
	},
	optimizeDeps: {
		include: ['@webdatarocks/webdatarocks'],
	},
	build: {
		rollupOptions: {
			external: ['@webdatarocks/react-webdatarocks', '@webdatarocks/webdatarocks/webdatarocks.js'],
		},
		assetsInlineLimit: 0,
	},
});