Merge branch 'develop' into feature/orcid-integration

Author: futa-ikeda

CHANGELOG

@@ -2,6 +2,16 @@
 
 We follow the CalVer (https://calver.org/) versioning scheme: YY.MINOR.MICRO.
 
+26.5.1 (2026-03-18)
+===================
+
+* Hotfix for Angular SSR
+
+26.5.0 (2026-02-26)
+===================
+
+* Config updates to enable Angular SSR
+
 26.4.0 (2026-02-26)
 ===================
 

Dockerfile

@@ -1,59 +1,37 @@
-# Build
-FROM node:22-alpine AS build
-
+# Dependencies stage
+FROM node:22-alpine AS deps
 WORKDIR /app
-
 COPY package*.json ./
-RUN npm install
+RUN npm ci --no-audit --no-fund
 
+# Build stage (SSR build output)
+FROM deps AS build
 COPY . .
+RUN NG_BUILD_OPTIMIZE_CHUNKS=1 npx ng build --configuration=ssr --verbose
 
-RUN npm link @angular/cli
-RUN NG_BUILD_OPTIMIZE_CHUNKS=1 ng build --verbose
+# SSR runtime stage
+FROM build AS ssr
+WORKDIR /app
+RUN npm prune --omit=dev --no-audit --no-fund
+EXPOSE 4000
+ENV PORT=4000
+CMD ["node", "--enable-source-maps", "dist/osf/server/server.mjs"]
 
-# Dist
+# Static dist artifact stage
 FROM node:22-alpine AS dist
-
 WORKDIR /code
-
 COPY --from=build /app/dist /code/dist
 
-# SSR
-FROM node:22-alpine AS ssr
-
-WORKDIR /app
-
-COPY package*.json ./
-RUN npm install
-
+# Dev server stage
+FROM deps AS dev
 COPY . .
-
-RUN npm link @angular/cli
-RUN NG_BUILD_OPTIMIZE_CHUNKS=1 ng build --configuration=ssr --verbose
-
-RUN npm ci --omit=dev --ignore-scripts --no-audit --no-fund
-
-EXPOSE 4000
-
-ENV PORT=4000
-
-CMD ["node", "dist/osf/server/server.mjs"]
-
-# Dev - run only
-FROM build AS dev
-
 EXPOSE 4200
+CMD ["npx", "ng", "serve", "--host", "0.0.0.0"]
 
-CMD ["ng", "serve"]
-
-# Local Development - coding
+# Local development stage
 FROM node:22-alpine AS local-dev
 WORKDIR /app
-
-# Install deps in the image (kept in container)
 COPY package*.json ./
-# COPY package-lock.docker.json ./package-lock.json
 RUN npm ci --no-audit --no-fund
-
-# Expose Angular dev server
 EXPOSE 4200
+CMD ["npx", "ng", "serve", "--host", "0.0.0.0"]

angular.json

@@ -96,6 +96,7 @@
               "ssr": {
                 "entry": "src/server.ts"
               },
+              "sourceMap": true,
               "budgets": [
                 {
                   "type": "initial",
@@ -117,6 +118,20 @@
               "namedChunks": true
             },
             "development": {
+              "outputMode": "static",
+              "server": false,
+              "ssr": false,
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ]
+            },
+            "dev-ssr": {
               "optimization": false,
               "extractLicenses": false,
               "sourceMap": true,
@@ -164,6 +179,9 @@
             "development": {
               "buildTarget": "osf:build:development"
             },
+            "dev-ssr": {
+              "buildTarget": "osf:build:dev-ssr"
+            },
             "docker": {
               "buildTarget": "osf:build:docker"
             },

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "osf",
-  "version": "26.4.0",
+  "version": "26.5.1",
   "scripts": {
     "ng": "ng",
     "analyze-bundle": "ng build --configuration=analyze-bundle && source-map-explorer dist/**/*.js --no-border-checks",
@@ -20,6 +20,7 @@
     "ngxs:store": "ng generate @ngxs/store:store --name --path",
     "prepare": "husky",
     "start": "ng serve",
+    "start:ssr": "ng serve --configuration dev-ssr",
     "start:docker": "npm run check:config && ng serve --host 0.0.0.0 --port 4200 --poll 2000 --configuration development",
     "start:docker:local": "npm run check:config && ng serve --host 0.0.0.0 --port 4200 --poll 2000 --configuration docker",
     "test": "jest",
@@ -28,7 +29,7 @@
     "test:check-coverage-thresholds": "node .github/scripts/check-coverage-thresholds.js",
     "test:display": "node .github/counter/counter.test.display.js",
     "watch": "ng build --watch --configuration development",
-    "serve:ssr:osf": "node dist/osf/server/server.mjs"
+    "serve:ssr:osf": "node --enable-source-maps dist/osf/server/server.mjs"
   },
   "private": true,
   "dependencies": {

package.json

@@ -0,0 +1 @@
+declare module 'ace-builds/src-noconflict/ext-language_tools';

src/@types/ace-builds.d.ts

@@ -2,11 +2,42 @@ import { ApplicationConfig, mergeApplicationConfig } from '@angular/core';
 import { provideServerRendering } from '@angular/platform-server';
 import { provideServerRouting } from '@angular/ssr';
 
+import { SSR_CONFIG } from '@core/constants/ssr-config.token';
+import { ConfigModel } from '@core/models/config.model';
+
 import { appConfig } from './app.config';
 import { serverRoutes } from './app.routes.server';
 
+import { existsSync, readFileSync } from 'node:fs';
+import { dirname, resolve } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+function loadSsrConfig(): ConfigModel {
+  const serverDistFolder = dirname(fileURLToPath(import.meta.url));
+  const configPath = resolve(serverDistFolder, '../browser/assets/config/config.json');
+
+  let config = {} as ConfigModel;
+
+  if (existsSync(configPath)) {
+    try {
+      config = JSON.parse(readFileSync(configPath, 'utf-8'));
+    } catch {
+      config = {} as ConfigModel;
+    }
+  }
+
+  return {
+    ...config,
+    throttleToken: process.env['THROTTLE_TOKEN'] || '',
+  } as ConfigModel;
+}
+
 const serverConfig: ApplicationConfig = {
-  providers: [provideServerRendering(), provideServerRouting(serverRoutes)],
+  providers: [
+    provideServerRendering(),
+    provideServerRouting(serverRoutes),
+    { provide: SSR_CONFIG, useFactory: loadSsrConfig },
+  ],
 };
 
 export const config = mergeApplicationConfig(appConfig, serverConfig);

src/app/app.config.server.ts

@@ -141,6 +141,10 @@ export const serverRoutes: ServerRoute[] = [
     path: ':id/metadata/:recordId',
     renderMode: RenderMode.Server,
   },
+  {
+    path: ':id/wiki',
+    renderMode: RenderMode.Server,
+  },
   {
     path: ':id/files/**',
     renderMode: RenderMode.Server,

src/app/app.routes.server.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+
+import { ConfigModel } from '@core/models/config.model';
+
+export const SSR_CONFIG = new InjectionToken<ConfigModel>('SSR_CONFIG');

src/app/core/constants/ssr-config.token.ts

@@ -1,10 +1,20 @@
 import { TranslateLoader, TranslateModuleConfig } from '@ngx-translate/core';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 
+import { isPlatformServer } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
+import { inject, PLATFORM_ID } from '@angular/core';
+
+import { ENVIRONMENT } from '@core/provider/environment.provider';
 
 function httpLoaderFactory(http: HttpClient): TranslateHttpLoader {
-  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
+  const platformId = inject(PLATFORM_ID);
+  const environment = inject(ENVIRONMENT);
+  const basePrefix = '/assets/i18n/';
+  const webUrl = environment.webUrl?.replace(/\/+$/, '') ?? '';
+  const prefix = isPlatformServer(platformId) && webUrl ? `${webUrl}${basePrefix}` : basePrefix;
+
+  return new TranslateHttpLoader(http, prefix, '.json');
 }
 
 export const provideTranslation = (): TranslateModuleConfig => ({