build: update algolia to 5.23.2 (#427)

Author: DDonochVA

libs/blog/articles/ui-article-card/src/lib/components/article-horizontal-card/article-horizontal-card.component.html

@@ -1,6 +1,6 @@
 <a [routerLink]="['/', article().slug] | alLocalize">
   <article
-    class="group relative flex h-full w-full flex-row rounded-lg shadow-none"
+    class="group relative flex h-full w-full flex-row rounded-lg shadow-none max-h-52"
     [attr.aria-labelledby]="article().slug"
   >
     <img

libs/blog/search/data-access/src/lib/models/search.ts

@@ -1,6 +1,6 @@
 export interface SearchResponse {
   results: SearchResult[];
-  total: number;
+  total: number | undefined;
   query: string;
 }
 

libs/blog/search/data-access/src/lib/utils/hit-to-search-result.util.ts

@@ -1,17 +1,17 @@
+import type { Hit } from '@algolia/client-search';
+
 import { AlgoliaSearchResult, SearchResult } from '../models';
 
 export const mapHitToSearchResult = (
-  dto: AlgoliaSearchResult,
+  dto: Hit<AlgoliaSearchResult>,
 ): SearchResult => {
   return {
     author: {
       avatarUrl: dto.post_author.user_avatar_url,
       name: dto.post_author.display_name,
     },
     excerpt: dto._highlightResult.content.value.slice(0, 150),
-    featuredImageUrl:
-      dto.featured_image ||
-      'https://testing.angular.love/wp-content/uploads/2022/12/Templatki-do-artykulów-12.png', // TODO: Replace with statically served placeholder image
+    featuredImageUrl: dto.featured_image || 'assets/article-placeholder.webp',
     publishDate: new Date(dto.post_date * 1000),
     readingTime: `${dto.reading_time || 5}`,
     difficulty: 'intermediate', // TODO reindex algolia

libs/shared/utils-algolia/src/lib/algolia.service.ts

@@ -1,24 +1,27 @@
-import type { SearchOptions, SearchResponse } from '@algolia/client-search';
+import {
+  searchClient,
+  type SearchParams,
+  type SearchResponse,
+} from '@algolia/client-search';
 import { inject, Injectable } from '@angular/core';
-import algoliasearch from 'algoliasearch/lite';
 
 import { ALGOLIA_CLIENT_CONFIG } from './algolia.config';
 
 @Injectable()
 export class AlgoliaClientService {
   private readonly _config = inject(ALGOLIA_CLIENT_CONFIG);
-  private readonly _algoliaClient = algoliasearch(
+  private readonly _algoliaClient = searchClient(
     this._config.applicationId,
     this._config.apKey,
   );
-  private readonly _index = this._algoliaClient.initIndex(
-    this._config.indexName,
-  );
 
-  search<T>(
-    query: string,
-    options?: SearchOptions,
-  ): Promise<SearchResponse<T>> {
-    return this._index.search(query, options);
+  search<T>(query: string, options?: SearchParams): Promise<SearchResponse<T>> {
+    return this._algoliaClient.searchSingleIndex({
+      indexName: this._config.indexName,
+      searchParams: {
+        query,
+        ...options,
+      },
+    });
   }
 }

package.json

@@ -22,6 +22,7 @@
   },
   "private": true,
   "dependencies": {
+    "@algolia/client-search": "^5.23.2",
     "@angular/animations": "19.2.5",
     "@angular/cdk": "19.2.8",
     "@angular/common": "19.2.5",
@@ -46,7 +47,6 @@
     "@push-based/ngx-fast-svg": "^18.1.0",
     "@shikijs/langs-precompiled": "^2.4.2",
     "@tailwindcss/container-queries": "^0.1.1",
-    "algoliasearch": "^4.23.3",
     "cheerio": "1.0.0-rc.12",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
@@ -71,7 +71,6 @@
     "zone.js": "0.14.4"
   },
   "devDependencies": {
-    "@algolia/client-search": "^4.23.3",
     "@angular-devkit/build-angular": "19.2.6",
     "@angular-devkit/core": "19.2.6",
     "@angular-devkit/schematics": "19.2.6",