73 lines
2.1 KiB
TypeScript
73 lines
2.1 KiB
TypeScript
import { defineConfig } from 'vite';
|
|
import react from '@vitejs/plugin-react';
|
|
import path from 'node:path';
|
|
import { fileURLToPath } from 'node:url';
|
|
|
|
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
|
|
|
export default defineConfig(({ mode }) => ({
|
|
root: path.resolve(__dirname, 'webview'),
|
|
base: './', // Use relative paths for VS Code webview
|
|
plugins: [
|
|
react({
|
|
babel: {
|
|
plugins: ['babel-plugin-react-compiler'],
|
|
},
|
|
}),
|
|
],
|
|
resolve: {
|
|
alias: [
|
|
{ find: '@opencode-ai/sdk/v2', replacement: path.resolve(__dirname, '../../node_modules/@opencode-ai/sdk/dist/v2/client.js') },
|
|
{ find: '@openchamber/ui', replacement: path.resolve(__dirname, '../ui/src') },
|
|
{ find: '@vscode', replacement: path.resolve(__dirname, './webview') },
|
|
{ find: '@', replacement: path.resolve(__dirname, '../ui/src') },
|
|
],
|
|
},
|
|
worker: {
|
|
format: 'es',
|
|
// VS Code webviews cannot load module imports from inside a web worker.
|
|
// Keep the Shiki worker self-contained instead of emitting grammar chunks.
|
|
rollupOptions: {
|
|
output: {
|
|
inlineDynamicImports: true,
|
|
},
|
|
},
|
|
},
|
|
define: {
|
|
'process.env.NODE_ENV': JSON.stringify(mode === 'production' ? 'production' : 'development'),
|
|
'global': 'globalThis',
|
|
'__OPENCHAMBER_WEBVIEW_BUILD_TIME__': JSON.stringify(new Date().toISOString()),
|
|
},
|
|
envPrefix: ['VITE_'],
|
|
server: {
|
|
host: 'localhost',
|
|
port: 5173,
|
|
strictPort: true,
|
|
cors: true,
|
|
headers: {
|
|
'Access-Control-Allow-Origin': '*',
|
|
},
|
|
hmr: {
|
|
host: 'localhost',
|
|
protocol: 'ws',
|
|
port: 5173,
|
|
},
|
|
},
|
|
optimizeDeps: {
|
|
include: ['@opencode-ai/sdk/v2'],
|
|
},
|
|
build: {
|
|
outDir: path.resolve(__dirname, 'dist/webview'),
|
|
emptyOutDir: true,
|
|
rollupOptions: {
|
|
input: path.resolve(__dirname, 'webview/index.html'),
|
|
external: ['node:child_process', 'node:fs', 'node:path', 'node:url'],
|
|
output: {
|
|
entryFileNames: 'assets/[name].js',
|
|
chunkFileNames: 'assets/[name].js',
|
|
assetFileNames: 'assets/[name].[ext]',
|
|
},
|
|
},
|
|
},
|
|
}));
|