mirror of
https://github.com/siteboon/claudecodeui.git
synced 2026-03-17 20:07:23 +00:00
d6133ba2ad
* fix: remove --host from npm run server command Running `vite --host` exposes the dev server on all interfaces. However, we should expose it on all interfaces only when `HOST` is set to `0.0.0.0`. Otherwise, we should assume the user wants to bind to a host of their choice and not expose the server on the network. * fix: use src hostname for redirecting to Vite in development Previously, the server redirected to Vite using `localhost` as the hostname. Even if the user was using HOST="0.0.0.0", if they connected to server from another device on the same network using `http://<host_ip>:3001`, the server would redirect them to `http://localhost:5173`, which would not work since `localhost` would resolve to the client's machine instead of the server. * fix: use shared network hosts configuration for better proxy setup - Normalize all localhost variants to 'localhost' for consistent proxy configuration in Vite and server setup. - use one source of truth for network hosts functions by moving them to a shared - log production and development urls * refactor: rename PORT to SERVER_PORT for clarity * chore: add comments explaining host normalization * fix: add legacy PORT env fallback for server port configuration * fix: add fallback for SERVER_PORT using PORT environment variable --------- Co-authored-by: Haileyesus <something@gmail.com> Co-authored-by: Simos Mikelatos <simosmik@gmail.com>
61 lines
2.0 KiB
JavaScript
Executable File
61 lines
2.0 KiB
JavaScript
Executable File
import { defineConfig, loadEnv } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import { getConnectableHost, normalizeLoopbackHost } from './shared/networkHosts.js'
|
|
|
|
export default defineConfig(({ mode }) => {
|
|
// Load env file based on `mode` in the current working directory.
|
|
const env = loadEnv(mode, process.cwd(), '')
|
|
|
|
const configuredHost = env.HOST || '0.0.0.0'
|
|
// if the host is not a loopback address, it should be used directly.
|
|
// This allows the vite server to EXPOSE all interfaces when the host
|
|
// is set to '0.0.0.0' or '::', while still using 'localhost' for browser
|
|
// URLs and proxy targets.
|
|
const host = normalizeLoopbackHost(configuredHost)
|
|
|
|
const proxyHost = getConnectableHost(configuredHost)
|
|
// TODO: Remove support for legacy PORT variables in all locations in a future major release, leaving only SERVER_PORT.
|
|
const serverPort = env.SERVER_PORT || env.PORT || 3001
|
|
|
|
return {
|
|
plugins: [react()],
|
|
server: {
|
|
host,
|
|
port: parseInt(env.VITE_PORT) || 5173,
|
|
proxy: {
|
|
'/api': `http://${proxyHost}:${serverPort}`,
|
|
'/ws': {
|
|
target: `ws://${proxyHost}:${serverPort}`,
|
|
ws: true
|
|
},
|
|
'/shell': {
|
|
target: `ws://${proxyHost}:${serverPort}`,
|
|
ws: true
|
|
}
|
|
}
|
|
},
|
|
build: {
|
|
outDir: 'dist',
|
|
chunkSizeWarningLimit: 1000,
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks: {
|
|
'vendor-react': ['react', 'react-dom', 'react-router-dom'],
|
|
'vendor-codemirror': [
|
|
'@uiw/react-codemirror',
|
|
'@codemirror/lang-css',
|
|
'@codemirror/lang-html',
|
|
'@codemirror/lang-javascript',
|
|
'@codemirror/lang-json',
|
|
'@codemirror/lang-markdown',
|
|
'@codemirror/lang-python',
|
|
'@codemirror/theme-one-dark'
|
|
],
|
|
'vendor-xterm': ['@xterm/xterm', '@xterm/addon-fit', '@xterm/addon-clipboard', '@xterm/addon-webgl']
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})
|