Cache storefront images aggressively while keeping CSS revalidatable.

Split static asset mounts by type and centralize paths in storefrontAssetPaths so icon URLs stay aligned with the server.

backend/src/config/storefrontAssetPaths.ts

@@ -0,0 +1,12 @@
+import path from 'node:path';
+
+export const storefrontImgUrlPrefix = '/shop/assets/img';
+
+export const storefrontCssUrlPrefix = '/shop/assets/css';
+
+export const getStorefrontPublicDir = (): string =>
+    path.join(__dirname, '..', 'modules', 'storefrontCore', 'public');
+
+export const getStorefrontImgDir = (): string => path.join(getStorefrontPublicDir(), 'img');
+
+export const getStorefrontCssDir = (): string => path.join(getStorefrontPublicDir(), 'css');

backend/src/consts/paymentMethodIconUrl.ts

@@ -1,6 +1,7 @@
+import { storefrontImgUrlPrefix } from '../config/storefrontAssetPaths';
 import { PaymentMethod } from '../modules/payment/types/PaymentMethod';
 
 export const paymentMethodIconUrl: Record<PaymentMethod, string> = {
-    [PaymentMethod.Xmr]: '/shop/assets/img/xmr.png',
+    [PaymentMethod.Xmr]: `${storefrontImgUrlPrefix}/xmr.png`,
-    [PaymentMethod.Btc]: '/shop/assets/img/btc.png'
+    [PaymentMethod.Btc]: `${storefrontImgUrlPrefix}/btc.png`
 };

backend/src/main.ts

@@ -5,6 +5,12 @@ import { ConfigService } from '@nestjs/config';
 import cookieParser from 'cookie-parser';
 import hbs from 'hbs';
 import path from 'node:path';
+import {
+    getStorefrontCssDir,
+    getStorefrontImgDir,
+    storefrontCssUrlPrefix,
+    storefrontImgUrlPrefix
+} from './config/storefrontAssetPaths';
 import { getPublicUploadsDir, publicUploadsUrlPrefix } from './config/uploadPaths';
 import { AppModule } from './AppModule';
 import { registerStorefrontHelpers } from './modules/storefrontCore/utils/registerStorefrontHelpers';
@@ -26,10 +32,14 @@ async function bootstrap() {
         immutable: true
     });
 
-    const storefrontPublicDir = path.join(__dirname, 'modules', 'storefrontCore', 'public');
+    app.useStaticAssets(getStorefrontImgDir(), {
+        prefix: storefrontImgUrlPrefix,
+        maxAge: '1y',
+        immutable: true
+    });
 
-    app.useStaticAssets(storefrontPublicDir, {
+    app.useStaticAssets(getStorefrontCssDir(), {
-        prefix: '/shop/assets'
+        prefix: storefrontCssUrlPrefix
     });
 
     app.use(cookieParser());