Files
Nitro-V3/vite.config.mjs
T
simoleo89 35b8493696 vite: fail fast with a setup hint when the renderer SDK is missing
Today if you clone Nitro-V3 without cloning Nitro_Render_V3 next to it,
yarn start / yarn build fail deep inside Rolldown with:

    Failed to resolve import "@nitrots/nitro-renderer"
    from "/path/to/Nitro-V3/src/App.tsx"

which doesn't tell you what to do. Move the check up to
vite.config.mjs: when neither ../Nitro_Render_V3 nor ../renderer
exists, throw with the explicit clone-and-install steps and a pointer
to CLAUDE.md.

Also update CLAUDE.md "Commands" section:
- Add `yarn preview` (production build server, http://localhost:4173).
- Add a 4-step "Setup walkthrough" covering: clone the renderer
  sibling, yarn install on both, copy public/configuration/*.example
  to *.json, then run.

Net effect: a fresh checkout of this branch shows you exactly which
prerequisite is missing instead of a Rolldown stack trace.
2026-05-12 08:48:11 +00:00

98 lines
3.8 KiB
JavaScript

import react from '@vitejs/plugin-react';
import { existsSync } from 'fs';
import { resolve } from 'path';
import { defineConfig } from 'vite';
const legacyRendererRoot = resolve(__dirname, '..', 'renderer');
const currentRendererRoot = resolve(__dirname, '..', 'Nitro_Render_V3');
const rendererRoot = existsSync(currentRendererRoot) ? currentRendererRoot : legacyRendererRoot;
if(!existsSync(rendererRoot))
{
// Fail fast with a useful message instead of waiting for Rolldown to
// report "Failed to resolve import @nitrots/nitro-renderer" deep
// inside the bundle pass.
throw new Error(
'\n Nitro renderer SDK not found.\n\n' +
' vite.config.mjs expects one of these directories to exist as a sibling of this repo:\n' +
` - ${ currentRendererRoot } (preferred)\n` +
` - ${ legacyRendererRoot } (legacy)\n\n` +
' Clone the Nitro_Render_V3 repo next to Nitro-V3 and rerun:\n' +
' git clone <renderer-repo> ../Nitro_Render_V3\n' +
' cd ../Nitro_Render_V3 && yarn install\n\n' +
' (See CLAUDE.md "Commands" section for the full setup walkthrough.)\n'
);
}
const ReactCompilerConfig = {
target: '19'
};
export default defineConfig({
plugins: [
react({
babel: {
plugins: [
[ 'babel-plugin-react-compiler', ReactCompilerConfig ]
]
}
})
],
server: {
fs: {
allow: [
resolve(__dirname),
rendererRoot,
]
},
proxy: {
'/api': {
target: process.env.AUTH_PROXY_TARGET || 'http://192.168.0.181:2096',
changeOrigin: true,
}
}
},
resolve: {
tsconfigPaths: true,
alias: {
'@': resolve(__dirname, 'src'),
'~': resolve(__dirname, 'node_modules'),
'@nitrots/api': resolve(rendererRoot, 'packages/api/src/index.ts'),
'@nitrots/assets': resolve(rendererRoot, 'packages/assets/src/index.ts'),
'@nitrots/avatar': resolve(rendererRoot, 'packages/avatar/src/index.ts'),
'@nitrots/camera': resolve(rendererRoot, 'packages/camera/src/index.ts'),
'@nitrots/communication': resolve(rendererRoot, 'packages/communication/src/index.ts'),
'@nitrots/configuration': resolve(rendererRoot, 'packages/configuration/src/index.ts'),
'@nitrots/events': resolve(rendererRoot, 'packages/events/src/index.ts'),
'@nitrots/localization': resolve(rendererRoot, 'packages/localization/src/index.ts'),
'@nitrots/room': resolve(rendererRoot, 'packages/room/src/index.ts'),
'@nitrots/session': resolve(rendererRoot, 'packages/session/src/index.ts'),
'@nitrots/sound': resolve(rendererRoot, 'packages/sound/src/index.ts'),
'@nitrots/utils/src': resolve(rendererRoot, 'packages/utils/src'),
'@nitrots/utils': resolve(rendererRoot, 'packages/utils/src/index.ts'),
'pixi.js': resolve(rendererRoot, 'node_modules/pixi.js'),
'pixi-filters': resolve(rendererRoot, 'node_modules/pixi-filters'),
'howler': resolve(rendererRoot, 'node_modules/howler'),
}
},
build: {
assetsInlineLimit: 102400,
chunkSizeWarningLimit: 200000,
manifest: true,
rollupOptions: {
output: {
assetFileNames: 'src/assets/[name]-[hash].[ext]',
manualChunks: id =>
{
if(id.includes('node_modules'))
{
if(id.includes('@nitrots/nitro-renderer') || id.includes('renderer3') || id.includes('Nitro_Render_V3')) return 'nitro-renderer';
return 'vendor';
}
}
}
}
}
});