server.ts

import {dirname, join, resolve} from 'node:path'
import {fileURLToPath} from 'node:url'

import {APP_BASE_HREF} from '@angular/common'
import {CommonEngine} from '@angular/ssr'

import express from 'express'

import bootstrap from './src/main.server'

// The Express app is exported so that it can be used by serverless Functions.
export function app(): express.Express {
	const server = express()
	const serverDistFolder = dirname(fileURLToPath(import.meta.url))
	const browserDistFolder = resolve(serverDistFolder, '../browser')
	const indexHtml = join(serverDistFolder, 'index.server.html')

	const commonEngine = new CommonEngine()

	server.set('view engine', 'html')
	server.set('views', browserDistFolder)

	// Example Express Rest API endpoints
	// server.get('/api/**', (req, res) => { });
	// Serve static files from /browser
	server.get(
		'*.*',
		express.static(browserDistFolder, {
			maxAge: '1y'
		})
	)

	// All regular routes use the Angular engine
	server.get('*', (req, res, next) => {
		const {baseUrl, headers, originalUrl, protocol} = req

		commonEngine
			.render({
				bootstrap,
				documentFilePath: indexHtml,
				url: `${protocol}://${headers.host}${originalUrl}`,
				// eslint-disable-next-line sort-keys-fix/sort-keys-fix
				publicPath: browserDistFolder,
				// eslint-disable-next-line sort-keys-fix/sort-keys-fix
				providers: [{provide: APP_BASE_HREF, useValue: baseUrl}]
			})
			.then((html) => res.send(html))
			.catch((error) => next(error))
	})

	return server
}

// eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error
// @ts-ignore
function run(): void {
	const port = process.env['PORT'] || 4000

	// Start up the Node server
	const server = app()
	server.listen(port, () => {
		// eslint-disable-next-line no-console
		console.log(`Node Express server listening on http://localhost:${port}`)
	})
}