Senko-san
bcfb36d53e
The PROD image baked PUBLIC_API_BASE_URL at build time (rsbuild inlines
PUBLIC_* vars), so a prebuilt image could only ever target a same-origin
'/api/v1' and needed a reverse proxy in front. Move the operator default to
runtime so one image can point at any backend origin without rebuilding.
- public/config.js: committed stub setting window.__APP_CONFIG__ = {}, used
as the dev/build-time default and overwritten in prod at container start.
- rsbuild.config.ts: inject a classic (non-deferred) <script src="/config.js">
into <head> so it runs before the deferred app bundle.
- src/config/env.ts: DEFAULT_API_BASE_URL now resolves
window.__APP_CONFIG__.apiBaseUrl > import.meta.env.PUBLIC_API_BASE_URL >
'/api/v1'. The user-chosen instance still wins over all of these.
- dockerfiles/30-runtime-config.sh: nginx /docker-entrypoint.d hook that
regenerates /config.js from $PUBLIC_API_BASE_URL on every start.
- Dockerfile.prod: install the hook (build-time ARG is now just a fallback).
- nginx.conf: serve /config.js with Cache-Control: no-store.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
58 lines
2.1 KiB
TypeScript
58 lines
2.1 KiB
TypeScript
import { defineConfig } from '@rsbuild/core';
|
|
import { pluginBabel } from '@rsbuild/plugin-babel';
|
|
import { pluginReact } from '@rsbuild/plugin-react';
|
|
|
|
// In docker dev the container binds 0.0.0.0:3000 and the browser reaches it
|
|
// through nginx on :80 — so HMR must be told the client-facing port. All three
|
|
// vars are unset for a plain `npm run dev`, where the defaults apply.
|
|
const { RSBUILD_HOST, RSBUILD_PORT, RSBUILD_HMR_CLIENT_PORT } = process.env;
|
|
|
|
export default defineConfig({
|
|
server: {
|
|
host: RSBUILD_HOST ?? 'localhost',
|
|
port: RSBUILD_PORT ? Number(RSBUILD_PORT) : 3000,
|
|
},
|
|
dev: {
|
|
client: RSBUILD_HMR_CLIENT_PORT
|
|
? { port: Number(RSBUILD_HMR_CLIENT_PORT) }
|
|
: undefined,
|
|
},
|
|
plugins: [
|
|
pluginReact(),
|
|
pluginBabel({
|
|
include: /\.[jt]sx?$/,
|
|
exclude: [/[\\/]node_modules[\\/]/],
|
|
babelLoaderOptions(opts) {
|
|
opts.plugins?.unshift('babel-plugin-react-compiler');
|
|
},
|
|
}),
|
|
],
|
|
// PUBLIC_-prefixed env vars (e.g. PUBLIC_API_BASE_URL) are exposed natively
|
|
// by rsbuild on both import.meta.env and process.env from .env files —
|
|
// no manual source.define needed. See src/config/env.ts.
|
|
html: {
|
|
title: 'MCMA',
|
|
// PWA: link the manifest + declare theme/icon so the browser offers
|
|
// "Install app". The service worker (audio offline cache) is registered
|
|
// from src/index.tsx, not here.
|
|
tags: [
|
|
// Runtime operator config. A classic (non-deferred) head script, so it
|
|
// runs before the deferred app bundle and window.__APP_CONFIG__ is set by
|
|
// the time src/config/env.ts reads it. Served from public/ in dev and
|
|
// overwritten from $PUBLIC_API_BASE_URL at container start in prod.
|
|
{
|
|
tag: 'script',
|
|
attrs: { src: '/config.js' },
|
|
head: true,
|
|
append: false,
|
|
},
|
|
{
|
|
tag: 'link',
|
|
attrs: { rel: 'manifest', href: '/manifest.webmanifest' },
|
|
},
|
|
{ tag: 'meta', attrs: { name: 'theme-color', content: '#0b0b0b' } },
|
|
{ tag: 'link', attrs: { rel: 'apple-touch-icon', href: '/favicon.png' } },
|
|
],
|
|
},
|
|
});
|