Files
replypier/frontend/scripts/build-webclient-dev.ts
T

76 lines
2.7 KiB
TypeScript

import { build } from 'esbuild'
import { resolve, dirname } from 'path'
import { fileURLToPath } from 'url'
import * as dotenv from 'dotenv'
import * as fs from 'fs'
// Load development environment variables
dotenv.config({ path: '.env.dev' })
const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)
async function buildWebClientDev() {
try {
console.log('Building webclient with development configuration...')
// For development, we use the existing config.js which is already set for development
// No need to copy files like in production build
console.log('Using existing config.js for development build')
// Set NODE_ENV to development for the build
process.env.NODE_ENV = 'development'
// Baked DEFAULT base URL only; getBaseUrl() still resolves
// window.replypierBaseUrl / window.APP_CONFIG at runtime, so no rebuild is
// needed when a deployment's env changes.
const apiUrl = process.env.VITE_API_URL || 'http://localhost:8000/api/v1'
console.log('Using API URL:', apiUrl)
const sourceFile = resolve(dirname(__dirname), 'src/webclient/replypier.js')
await build({
entryPoints: [sourceFile],
bundle: true,
minify: false, // Don't minify for development
outfile: resolve(dirname(__dirname), 'public/webclient/replypier.min.js'),
format: 'iife',
target: ['es2015'],
loader: {
'.svg': 'text',
},
define: {
'process.env.NODE_ENV': '"development"',
'__REPLYPIER_API_URL__': JSON.stringify(apiUrl),
},
sourcemap: true, // Add sourcemap for development
})
// Copy output to dist/webclient directory
const publicWebclientPath = resolve(dirname(__dirname), 'public/webclient/replypier.min.js')
const publicSourcemapPath = resolve(dirname(__dirname), 'public/webclient/replypier.min.js.map')
const distWebclientDir = resolve(dirname(__dirname), 'dist/webclient')
const distWebclientPath = resolve(distWebclientDir, 'replypier.min.js')
const distSourcemapPath = resolve(distWebclientDir, 'replypier.min.js.map')
// Ensure dist/webclient directory exists
if (!fs.existsSync(distWebclientDir)) {
fs.mkdirSync(distWebclientDir, { recursive: true })
}
// Copy the built file and sourcemap to dist/webclient
fs.copyFileSync(publicWebclientPath, distWebclientPath)
if (fs.existsSync(publicSourcemapPath)) {
fs.copyFileSync(publicSourcemapPath, distSourcemapPath)
}
console.log('Development web client copied to dist/webclient/')
console.log('Development web client built successfully!')
} catch (error) {
console.error('Development build failed:', error)
process.exit(1)
}
}
buildWebClientDev()