fix: ship font and image assets with the package builds

docker/Dockerfile

@@ -1,42 +1,43 @@
-# Use the official Node.js image as the base image
-FROM node:20
-
-# Set the working directory
-WORKDIR /app
-
-# Copy package.json and package-lock.json
-COPY package*.json ./
-
-# Copy workspace package.json files for proper monorepo setup
-COPY packages/utils/package.json ./packages/utils/
-COPY packages/yasgui/package.json ./packages/yasgui/
-COPY packages/yasqe/package.json ./packages/yasqe/
-COPY packages/yasr/package.json ./packages/yasr/
-
-# Install dependencies (skip puppeteer download to avoid network errors)
-ENV PUPPETEER_SKIP_DOWNLOAD=1
-RUN npm ci
-
-# Copy the rest of the application code
-COPY . .
-
-# Build the app
-RUN npm run build
-
-# Use the official Nginx image to serve the React app
-FROM nginxinc/nginx-unprivileged:alpine
-
-# Copy only JS/CSS from the build output
-COPY --from=0 /app/build/yasgui.min.js /usr/share/nginx/html/
-COPY --from=0 /app/build/yasgui.min.css /usr/share/nginx/html/
-
-# Copy other static assets
-COPY docker/src/ /usr/share/nginx/html/
-
-USER root
-
-COPY docker/change-default-endpoint.sh /docker-entrypoint.d/
-RUN chmod +x /docker-entrypoint.d/change-default-endpoint.sh
-RUN chown 1001:0 -R /usr/share/nginx/html/
-
+# Use the official Node.js image as the base image
+FROM node:20
+
+# Set the working directory
+WORKDIR /app
+
+# Copy package.json and package-lock.json
+COPY package*.json ./
+
+# Copy workspace package.json files for proper monorepo setup
+COPY packages/utils/package.json ./packages/utils/
+COPY packages/yasgui/package.json ./packages/yasgui/
+COPY packages/yasqe/package.json ./packages/yasqe/
+COPY packages/yasr/package.json ./packages/yasr/
+
+# Install dependencies (skip puppeteer download to avoid network errors)
+ENV PUPPETEER_SKIP_DOWNLOAD=1
+RUN npm ci
+
+# Copy the rest of the application code
+COPY . .
+
+# Build the app
+RUN npm run build
+
+# Use the official Nginx image to serve the React app
+FROM nginxinc/nginx-unprivileged:alpine
+
+# Copy only JS/CSS from the build output, plus the fonts and images the CSS references
+COPY --from=0 /app/build/yasgui.min.js /usr/share/nginx/html/
+COPY --from=0 /app/build/yasgui.min.css /usr/share/nginx/html/
+COPY --from=0 /app/build/yasgui-*.woff2 /app/build/yasgui-*.png /usr/share/nginx/html/
+
+# Copy other static assets
+COPY docker/src/ /usr/share/nginx/html/
+
+USER root
+
+COPY docker/change-default-endpoint.sh /docker-entrypoint.d/
+RUN chmod +x /docker-entrypoint.d/change-default-endpoint.sh
+RUN chown 1001:0 -R /usr/share/nginx/html/
+
 USER 1001

esbuild.config.js

@@ -126,9 +126,14 @@ function removeExtraCss(result) {
 }
 
 async function buildPackage(name, entryPoint, globalName) {
+  // Prefix emitted assets (fonts, images) with the package name so that
+  // distributeBuildFiles.js, which copies `build/<name>*` into each package,
+  // also ships the files the CSS references.
+  const assetConfig = { ...commonConfig, assetNames: `${name}-[name]-[hash]` };
+
   // IIFE build: exposes a browser global (e.g. `window.Yasgui`) for <script> usage.
   const iifeResult = await esbuild.build({
-    ...commonConfig,
+    ...assetConfig,
     entryPoints: [entryPoint],
     outfile: `build/${name}.min.js`,
     format: "iife",
@@ -145,7 +150,7 @@ async function buildPackage(name, entryPoint, globalName) {
   // ESM build: consumed by bundlers (vite/webpack/esbuild) and Node via `import`.
   // Uses the `.mjs` extension so it is always treated as an ES module.
   const esmResult = await esbuild.build({
-    ...commonConfig,
+    ...assetConfig,
     entryPoints: [entryPoint],
     outfile: `build/${name}.mjs`,
     format: "esm",
@@ -157,7 +162,7 @@ async function buildPackage(name, entryPoint, globalName) {
   // CJS build: consumed by Node's `require`. Uses the `.cjs` extension so it is
   // always treated as CommonJS regardless of the nearest package.json `type`.
   const cjsResult = await esbuild.build({
-    ...commonConfig,
+    ...assetConfig,
     entryPoints: [entryPoint],
     outfile: `build/${name}.cjs`,
     format: "cjs",