fix: linting

src/app/app.component.ts

@@ -1,4 +1,9 @@
-import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  inject,
+  OnInit,
+} from '@angular/core';
 import { NavigationEnd, NavigationStart, Router } from '@angular/router';
 import { PlatformService } from 'src/app/site-common/platform.service';
 import { environment } from '../environments/environment';
@@ -7,18 +12,20 @@ import { SiteMetaService } from './site-common/site-meta.service';
 import { TrackService } from './site-common/track.service';
 import { filter, pairwise, startWith } from 'rxjs';
 
-declare let gtag: Function;
+declare const gtag: (
+  command: string,
+  action: string,
+  config: { page_path: string }
+) => void;
 
 @Component({
   standalone: true,
   selector: 'app-root',
-  imports: [
-    LayoutComponent,
-  ],
+  imports: [LayoutComponent],
   template: `<app-layout></app-layout>`,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
   private router = inject(Router);
   private platformService = inject(PlatformService);
   private siteMetaService = inject(SiteMetaService);
@@ -42,10 +49,14 @@ export class AppComponent {
         startWith(null),
         pairwise()
       )
-      .subscribe((events: [any, any]) => {
+      .subscribe((events) => {
         if (!this.platformService.isServer && environment.production) {
-          this.trackService.sendTrack(events[0]?.url || '');
-          gtag('event', 'page_view', { page_path: events[1].url });
+          this.trackService.sendTrack(
+            (events[0] as NavigationEnd | null)?.url || ''
+          );
+          gtag('event', 'page_view', {
+            page_path: (events[1] as NavigationEnd | null)?.url || '',
+          });
         }
       });
   }

src/app/blog/blog-archives/blog-archives-posts-resolve.ts

@@ -1,5 +1,4 @@
 import { Injectable, inject } from '@angular/core';
-import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 import { PostMetaWithSlug } from '../../site-common/post-meta.interface';
 import { SitePostService } from '../../site-common/site-post.service';
@@ -10,10 +9,7 @@ import { SitePostService } from '../../site-common/site-post.service';
 export class BlogArchivesPostsResolve {
   private sitePostService = inject(SitePostService);
 
-  resolve(
-    route: ActivatedRouteSnapshot,
-    state: RouterStateSnapshot
-  ): Observable<PostMetaWithSlug[]> {
+  resolve(): Observable<PostMetaWithSlug[]> {
     return this.sitePostService.postsMetaWithSlugAndSortDesc$;
   }
 }

src/app/blog/blog-archives/blog-archives.component.ts

@@ -105,7 +105,7 @@ export class BlogArchivesComponent {
     return pagePosts.reduce((prev, curr) => {
       const year = curr.date.slice(0, 4);
 
-      let yearPosts = prev.find((item) => item.year === year);
+      const yearPosts = prev.find((item) => item.year === year);
       if (!yearPosts) {
         prev.push({
           year,

src/app/blog/blog-categories/blog-categories-posts-resolve.ts

@@ -1,5 +1,5 @@
 import { Injectable, inject } from '@angular/core';
-import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+import { ActivatedRouteSnapshot } from '@angular/router';
 import { descend, prop, sortWith } from 'ramda';
 import { Observable, map } from 'rxjs';
 import { PostMetaWithSlug } from '../../site-common/post-meta.interface';
@@ -12,7 +12,7 @@ import { findPosts } from '../find-posts';
 export class BlogCategoriesPostsResolve  {
   private sitePostService = inject(SitePostService);
 
-  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<PostMetaWithSlug[]> {
+  resolve(route: ActivatedRouteSnapshot): Observable<PostMetaWithSlug[]> {
     const categorySlug = route.paramMap.get('category-slug') as string;
 
     return this.sitePostService.categoriesAndPosts$

src/app/blog/blog-categories/blog-categories-resolve.ts

@@ -1,5 +1,4 @@
 import { Injectable, inject } from '@angular/core';
-import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 import { PostMetaWithSlug } from '../../site-common/post-meta.interface';
 import { SitePostService } from '../../site-common/site-post.service';
@@ -10,7 +9,7 @@ import { SitePostService } from '../../site-common/site-post.service';
 export class BlogCategoriesResolve  {
   private sitePostService = inject(SitePostService);
 
-  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<{ [key:string] :PostMetaWithSlug[]}> {
+  resolve(): Observable<{ [key:string] :PostMetaWithSlug[]}> {
     return this.sitePostService.categoriesAndPosts$;
   }
 }

src/app/blog/blog-posts/blog-post/blog-content-resolve.ts

@@ -1,6 +1,6 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable, TransferState, inject, makeStateKey } from '@angular/core';
-import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+import { ActivatedRouteSnapshot } from '@angular/router';
 import { Observable, catchError, map, of, tap, timeout } from 'rxjs';
 import { MarkdownMeta, parseMarkdownMeta } from 'site-utils';
 import { environment } from '../../../../environments/environment';
@@ -14,7 +14,7 @@ export class BlogContentResolve  {
   private state = inject(TransferState);
   private platformService = inject(PlatformService);
 
-  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<MarkdownMeta> {
+  resolve(route: ActivatedRouteSnapshot): Observable<MarkdownMeta> {
     return this.getMarkdownContent(route.paramMap.get('slug') as string);
   }
 

src/app/blog/blog-posts/blog-post/blog-post-toc.component.ts

@@ -6,7 +6,7 @@ import {
   OnDestroy,
   TransferState,
   inject,
-  makeStateKey
+  makeStateKey,
 } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { Observable, ReplaySubject, map, startWith, switchMap } from 'rxjs';
@@ -85,7 +85,7 @@ const HEADINGS_CACHE_KEY = makeStateKey<Heading[]>('POST_TOC');
     }`,
   standalone: true,
   imports: [],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class BlogPostTocComponent implements OnDestroy {
   private transferState = inject(TransferState);
@@ -170,7 +170,7 @@ export class BlogPostTocComponent implements OnDestroy {
       const containerElement = element.closest(
         '.mat-drawer-content.main-content'
       );
-      let options = {
+      const options = {
         root: containerElement,
         rootMargin: '0px',
         threshold: 1.0,
@@ -213,17 +213,19 @@ export class BlogPostTocComponent implements OnDestroy {
   }
 
   private getTocHeadings(element: HTMLElement) {
-    let result: any[] = [];
+    const result: Array<{
+      text: string | null;
+      level: number;
+      element: Element | null;
+      active: boolean;
+    }> = [];
     element.querySelectorAll('h1,h2,h3,h4,h5,h6').forEach((head) => {
-      result = [
-        ...result,
-        {
-          text: head.textContent,
-          level: +head.tagName.replace(/h(.)/i, '$1'),
-          element: this.platformService.isServer ? null : head,
-          active: false,
-        },
-      ];
+      result.push({
+        text: head.textContent,
+        level: +head.tagName.replace(/h(.)/i, '$1'),
+        element: this.platformService.isServer ? null : head,
+        active: false,
+      });
     });
     return result;
   }

src/app/blog/blog-posts/blog-post/blog-post.component.ts

@@ -13,7 +13,7 @@ import { MatDividerModule } from '@angular/material/divider';
 import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { DomSanitizer } from '@angular/platform-browser';
-import { ActivatedRoute, RouterLink } from '@angular/router';
+import { RouterLink } from '@angular/router';
 import { MarkdownMeta } from 'site-utils';
 import { getRouteData } from 'src/app/site-common/route-utils';
 import { findMainContentContainer, scrollTo } from '../../../../utils';

src/app/blog/blog-tags/blog-tags-posts-resolve.ts

@@ -1,5 +1,5 @@
 import { Injectable, inject } from '@angular/core';
-import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
+import { ActivatedRouteSnapshot } from '@angular/router';
 import { descend, prop, sortWith } from 'ramda';
 import { Observable, map } from 'rxjs';
 import { PostMetaWithSlug } from '../../site-common/post-meta.interface';
@@ -12,10 +12,7 @@ import { findPosts } from '../find-posts';
 export class BlogTagsPostsResolve {
   private sitePostService = inject(SitePostService);
 
-  resolve(
-    route: ActivatedRouteSnapshot,
-    state: RouterStateSnapshot
-  ): Observable<PostMetaWithSlug[]> {
+  resolve(route: ActivatedRouteSnapshot): Observable<PostMetaWithSlug[]> {
     const tagSlug = route.paramMap.get('tag-slug') as string;
 
     return this.sitePostService.tagsAndPosts$.pipe(

src/app/blog/blog-tags/blog-tags-resolve.ts

@@ -1,5 +1,4 @@
 import { Injectable, inject } from '@angular/core';
-import { ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
 import { Observable } from 'rxjs';
 import { PostMetaWithSlug } from '../../site-common/post-meta.interface';
 import { SitePostService } from '../../site-common/site-post.service';
@@ -10,10 +9,7 @@ import { SitePostService } from '../../site-common/site-post.service';
 export class BlogTagsResolve {
   private sitePostService = inject(SitePostService);
 
-  resolve(
-    route: ActivatedRouteSnapshot,
-    state: RouterStateSnapshot
-  ): Observable<{ [key: string]: PostMetaWithSlug[] }> {
+  resolve(): Observable<{ [key: string]: PostMetaWithSlug[] }> {
     return this.sitePostService.tagsAndPosts$;
   }
 }

src/app/layout/layout.component.ts

@@ -166,7 +166,7 @@ export class LayoutComponent implements OnInit {
   ngOnInit() {
     this.router.events
       .pipe(filter((event) => event instanceof NavigationStart))
-      .subscribe((url) => {
+      .subscribe(() => {
         if (this.matDrawerContent) {
           this.matDrawerContent.scrollTo({ top: 0, left: 0 });
           this.cdr.detectChanges();

src/app/site-common/blog-post-subtitle.component.ts

@@ -1,9 +1,9 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { RouterLink } from '@angular/router';
 import { MarkdownMeta } from 'site-utils';
 import { PostMeta } from './post-meta.interface';
 import { SlugifyPipe } from './slugify.pipe';
-import { RouterLink } from '@angular/router';
-import { MatIconModule } from '@angular/material/icon';
 
 @Component({
   selector: 'app-blog-post-subtitle',

src/app/site-common/pagination.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
 import { RouterLink } from '@angular/router';
 import { MatTooltipModule } from '@angular/material/tooltip';

src/app/site-common/platform.service.ts

@@ -1,6 +1,6 @@
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { isPlatformServer } from '@angular/common';
-import { Inject, Injectable, PLATFORM_ID, inject } from '@angular/core';
+import { Injectable, PLATFORM_ID, inject } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { map, shareReplay } from 'rxjs';
 

src/app/site-common/route-utils.ts

@@ -8,6 +8,7 @@ export const getRouteParam = <T>(getFn: (paramMap: ParamMap, index?: number) =>
   const param$ = route.paramMap.pipe(
     map(getFn)
   );
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return toSignal<T>(param$, { initialValue: initialValue as any }) as Signal<T>;
 };
 
@@ -16,5 +17,6 @@ export const getRouteData = <T>(getFn: (data: Data, index?: number) => T, initia
   const data$ = route.data.pipe(
     map(getFn)
   );
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return toSignal<T>(data$, { initialValue: initialValue as any })as Signal<T>;
 }