fir prerender

server.ts

@@ -11,26 +11,37 @@ import bootstrap from './src/main.server';
 export function app(): express.Express {
   const server = express();
   const distFolder = join(process.cwd(), 'dist/citations/browser');
-  const indexHtml = existsSync(join(distFolder, 'index.original.html')) ? 'index.original.html' : 'index';
+  const indexHtml = existsSync(join(distFolder, 'index.original.html'))
+    ? 'index.original.html'
+    : 'index';
 
   // Our Universal express-engine (found @ https://github.com/angular/universal/tree/main/modules/express-engine)
-  server.engine('html', ngExpressEngine({
-    bootstrap
-  }));
+  server.engine(
+    'html',
+    ngExpressEngine({
+      bootstrap,
+    })
+  );
 
   server.set('view engine', 'html');
   server.set('views', distFolder);
 
   // Example Express Rest API endpoints
   // server.get('/api/**', (req, res) => { });
   // Serve static files from /browser
-  server.get('*.*', express.static(distFolder, {
-    maxAge: '1y'
-  }));
+  server.get(
+    '*.*',
+    express.static(distFolder, {
+      maxAge: '1y',
+    })
+  );
 
   // All regular routes use the Universal engine
   server.get('*', (req, res) => {
-    res.render(indexHtml, { req, providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }] });
+    res.render(indexHtml, {
+      req,
+      providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }],
+    });
   });
 
   return server;
@@ -51,9 +62,9 @@ function run(): void {
 // The below code is to ensure that the server is run only when not requiring the bundle.
 declare const __non_webpack_require__: NodeRequire;
 const mainModule = __non_webpack_require__.main;
-const moduleFilename = mainModule && mainModule.filename || '';
+const moduleFilename = (mainModule && mainModule.filename) || '';
 if (moduleFilename === __filename || moduleFilename.includes('iisnode')) {
   run();
 }
 
-export default bootstrap;
+export default bootstrap;

src/app/components/list-cites/list-cites.component.ts

@@ -116,7 +116,8 @@ export class ListCitesComponent
   }
 
   protected findCitesBySearch() {
-    if (this.q.trim() === '') {
+    // prerender crash without the first check
+    if (this.q && this.q.trim() === '') {
       this.citeService.reset().subscribe();
 
       return;

src/app/tools/Device.ts

@@ -3,7 +3,10 @@ import { Injectable } from '@angular/core';
 @Injectable()
 export class Device {
   isMobile(): boolean {
-    return navigator.userAgent.includes('Mobile');
+    // This check is for prerender prevent errors
+    return Object.keys(navigator).length
+      ? navigator.userAgent.includes('Mobile')
+      : false;
   }
 
   isDesktop(): boolean {