import { APP_ID } from '@angular/core';
import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser';
import { provideServerRendering, withRoutes } from '@angular/ssr';

import { appConfig } from './app/app.config';
import { App } from './app/app';
import { serverRoutes } from './app/app.server.routes';

const serverAppConfig = {
  ...appConfig,
  providers: [
    ...appConfig.providers,
    { provide: APP_ID, useValue: 'server' },
    provideServerRendering(withRoutes(serverRoutes)),
  ],
};

/**
 * Bootstrap function for server-side rendering.
 * Exports a function that accepts BootstrapContext and returns ApplicationRef,
 * as required by @angular/ssr's CommonEngine bootstrap signature.
 */
export default (ctx: BootstrapContext) =>
  bootstrapApplication(App, serverAppConfig, ctx);