timeout extended to 10ms to check SSG

Author: Lukecsharpwalker

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

@@ -85,6 +85,11 @@
       @for (post of posts(); track post.id) {
         <app-post-card [post]="post"></app-post-card>
       }
+      @if (posts2) {
+        @for (post of posts2; track post.id) {
+          <app-post-card [post]="post"></app-post-card>
+        }
+      }
     </div>
   </div>
 </div>

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

@@ -10,12 +10,15 @@ import {
   signal,
   WritableSignal,
   OnInit,
+  ChangeDetectorRef,
 } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { AboutMeComponent } from '../../../../shared/about-me/about-me.component';
 import { PostCardComponent } from './post-card/post-card.component';
 import { PostsStore } from './posts.store';
 import { TagsStore } from '../../../../shared/stores/tags.store';
+import { Post } from '../../../../types/supabase';
+import { ReaderApiService } from '../../../_services/reader-api.service';
 
 @Component({
   selector: 'app-posts-list',
@@ -30,19 +33,22 @@ import { TagsStore } from '../../../../shared/stores/tags.store';
   providers: [DatePipe],
   templateUrl: './posts-list.component.html',
   styleUrl: './posts-list.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
+  changeDetection: ChangeDetectionStrategy.Default,
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class PostsListComponent implements OnInit {
   scroll = viewChild<ElementRef<HTMLElement>>('scrollContainer');
 
   postStore = inject(PostsStore);
   tagsStore = inject(TagsStore);
+  cdr = inject(ChangeDetectorRef);
 
   scrollProgress: WritableSignal<number> = signal(0);
   posts = this.postStore.posts;
   tags = this.tagsStore.tags;
   initialTagScrollProgressBarForMobile = 2;
+  posts2: Post[] | null = null;
+  postService = inject(ReaderApiService);
 
   constructor() {
     this.initializeScrollingForMobileView();
@@ -65,7 +71,13 @@ export class PostsListComponent implements OnInit {
   }
 
   private applyPrerenderingHack(): void {
-    setTimeout(() => {}, 10);
+    setTimeout(() => {
+      this.postService.getPosts().then((posts) => {
+        this.posts2 = posts;
+        this.cdr.detectChanges();
+      });
+      console.log(this.posts());
+    }, 1000);
   }
 
   private initializeScrollingForMobileView(): void {