FatboarProject/angular-client/server.ts

import 'zone.js/dist/zone-node';
import { ngExpressEngine } from '@nguniversal/express-engine';
import * as express from 'express';
import { join } from 'path';
import { AppServerModule } from './src/main.server';
import { APP_BASE_HREF } from '@angular/common';
import { existsSync, readFileSync } from 'fs';

// Simulation DOM (nécessaire pour certaines librairies côté serveur)
const domino = require('domino');
const distFolder = join(process.cwd(), 'dist/fatboar/browser');
const indexHtml = existsSync(join(distFolder, 'index.html')) ? 'index.html' : 'index';
const template = readFileSync(join(distFolder, indexHtml)).toString();

// Simuler un DOM global pour les libs (Leaflet, Material, etc.)
const win = domino.createWindow(template);
global['window'] = win;
global['document'] = win.document;
global['navigator'] = win.navigator;
global['CSS'] = null;

export function app() {
  const server = express();

  // Moteur de rendu Angular Universal
  server.engine('html', ngExpressEngine({
    bootstrap: AppServerModule,
  }));

  server.set('view engine', 'html');
  server.set('views', distFolder);

  // Fichiers statiques (CSS, JS, images…)
  server.get('*.*', express.static(distFolder, { maxAge: '1y' }));

  // Routes SEO
  server.get('/sitemap.xml', (req, res) => {
    res.header('Content-Type', 'application/xml');
    res.sendFile(join(distFolder, 'sitemap.xml'));
  });

  server.get('/robots.txt', (req, res) => {
    res.sendFile(join(distFolder, 'robots.txt'));
  });

  // Toutes les autres routes => rendu SSR
  server.get('*', (req, res) => {
    res.render(indexHtml, {
      req,
      providers: [
        { provide: APP_BASE_HREF, useValue: req.baseUrl },
        { provide: 'CANONICAL_URL', useValue: `https://angular-dev.foodgame.fr${req.originalUrl}` }
      ]
    }, (err, html) => {
      if (err) {
        console.error(err);
        return res.status(500).send(err);
      }

      // Injection Preboot pour capturer les interactions avant bootstrap Angular
      const prebootScript = `
        <script src="https://unpkg.com/preboot"></script>
        <script>preboot.init({ appRoot: 'app-root' });</script>
      `;

      // Injection des CSS directement dans le SSR pour éviter le flash
      const styles = `
        <link rel="stylesheet" href="styles.css">
        <link rel="stylesheet" href="assets/theme.css">
      `;

      res.send(
        html
          .replace('</head>', `${styles}</head>`)
          .replace('</body>', `${prebootScript}</body>`)
      );
    });
  });

  return server;
}

function run() {
  const port = process.env.PORT || 4000;
  const server = app();
  server.listen(port, () => {
    console.log(`Node Express server listening on http://localhost:${port}`);
  });
}

// Exécuter le serveur si lancé directement
declare const __non_webpack_require__: NodeRequire;
const mainModule = __non_webpack_require__.main;
const moduleFilename = mainModule && mainModule.filename || '';
if (moduleFilename === __filename || moduleFilename.includes('iisnode')) {
  run();
}

export * from './src/main.server';