fix for prerender

Author: Lukecsharpwalker

angular.json

@@ -46,7 +46,9 @@
               "discoverRoutes": false,
               "routesFile": "routes.txt"
             },
-            "ssr": true
+            "ssr": {
+              "entry": "server.ts"
+            }
           },
           "configurations": {
             "production": {
@@ -68,8 +70,6 @@
               "optimization": false,
               "extractLicenses": false,
               "sourceMap": true,
-              "ssr": false,
-              "prerender": false,
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",

src/app/app.component.html

@@ -1,3 +1,3 @@
 <div>
-  <!--  <router-outlet/>-->
+  <router-outlet/>
 </div>

src/app/reader/_components/main-page/posts-list/posts-list.component.ts

@@ -9,6 +9,7 @@ import {
   ElementRef,
   signal,
   WritableSignal,
+  OnInit,
 } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { AboutMeComponent } from '../../../../shared/about-me/about-me.component';
@@ -32,7 +33,7 @@ import { TagsStore } from '../../../../shared/stores/tags.store';
   changeDetection: ChangeDetectionStrategy.OnPush,
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
-export class PostsListComponent {
+export class PostsListComponent implements OnInit {
   scroll = viewChild<ElementRef<HTMLElement>>('scrollContainer');
   scrollProgress: WritableSignal<number> = signal(0);
   postStore = inject(PostsStore);
@@ -46,13 +47,16 @@ export class PostsListComponent {
   constructor() {
     this.scrollProgress.set(this.initialScroll);
     afterNextRender(() => {
-      console.log('Scroll:', this.scroll());
       this.scroll()?.nativeElement.addEventListener(
         'scroll',
         this.onScroll.bind(this),
       );
     });
-    console.log('init');
+  }
+
+  //TODO: FIX HACK FOR PRERENDERING
+  ngOnInit() {
+    setTimeout(() => {}, 0);
   }
 
   onScroll(event: Event) {

src/app/services/supabase.service.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { inject, Injectable, NgZone } from '@angular/core';
 import {
   AuthChangeEvent,
   AuthSession,
@@ -15,11 +15,11 @@ import { environment } from '../../environments/environment';
 export class SupabaseService {
   private readonly supabase: SupabaseClient;
   public session: AuthSession | null = null;
+  private readonly ngZone = inject(NgZone);
 
   constructor() {
-    this.supabase = createClient(
-      environment.supabaseUrl,
-      environment.supabaseKey,
+    this.supabase = this.ngZone.runOutsideAngular(() =>
+      createClient(environment.supabaseUrl, environment.supabaseKey),
     );
   }