Chore/122 search api Creator-filter

package.json

@@ -17,6 +17,7 @@
   },
   "private": true,
   "dependencies": {
+    "@angular/animations": "^19.2.0",
     "@angular/cdk": "^19.2.1",
     "@angular/cli": "^19.2.0",
     "@angular/common": "^19.2.0",

src/app/app.module.ts

@@ -4,10 +4,17 @@ import { AuthState } from '@core/store/auth';
 import { HomeState } from 'src/app/features/home/store';
 import { TokensState } from '@core/store/settings';
 import { AddonsState } from '@core/store/settings/addons';
+import { SearchState } from '@osf/features/search/store';
 
 @NgModule({
   imports: [
-    NgxsModule.forRoot([AuthState, TokensState, AddonsState, HomeState]),
+    NgxsModule.forRoot([
+      AuthState,
+      TokensState,
+      AddonsState,
+      HomeState,
+      SearchState,
+    ]),
   ],
 })
 export class AppModule {}

src/app/app.routes.ts

@@ -1,6 +1,7 @@
 import { Routes } from '@angular/router';
 import { provideStates } from '@ngxs/store';
 import { ResourceFiltersState } from '@shared/components/resources/resource-filters/store/resource-filters.state';
+import { ResourceFiltersOptionsState } from '@shared/components/resources/resource-filters/filters/store/resource-filters-options.state';
 
 export const routes: Routes = [
   {
@@ -140,7 +141,9 @@ export const routes: Routes = [
           import('./features/search/search.component').then(
             (mod) => mod.SearchComponent,
           ),
-        providers: [provideStates([ResourceFiltersState])],
+        providers: [
+          provideStates([ResourceFiltersState, ResourceFiltersOptionsState]),
+        ],
       },
     ],
   },

src/app/core/components/header/header.component.html

@@ -1,2 +1,2 @@
-<osf-breadcrumb />
+<!--<osf-breadcrumb />-->
 <a [routerLink]="authButtonLink()" class="p-button">{{ authButtonText() }}</a>

src/app/core/helpers/ngxs-states.constant.ts

@@ -3,11 +3,13 @@ import { TokensState } from '@core/store/settings';
 import { AddonsState } from '@core/store/settings/addons';
 import { UserState } from '@core/store/user';
 import { HomeState } from 'src/app/features/home/store';
+import { SearchState } from '@osf/features/search/store';
 
 export const STATES = [
   AuthState,
   TokensState,
   AddonsState,
   UserState,
   HomeState,
+  SearchState,
 ];

src/app/core/services/json-api/json-api.entity.ts

@@ -3,8 +3,10 @@ export interface JsonApiResponse<Data, Included> {
   included?: Included;
 }
 
-export interface ApiData<Attributes, Embeds> {
+export interface ApiData<Attributes, Embeds, Relationships> {
   id: string;
   attributes: Attributes;
   embeds: Embeds;
+  type: string;
+  relationships: Relationships;
 }

src/app/features/home/dashboard.service.ts

@@ -31,7 +31,7 @@ export class DashboardService {
   getNoteworthy(): Observable<Project[]> {
     const projectId = 'pf5z9';
     const params = {
-      embed: 'bibliographic_contributors',
+      'embed[]': 'bibliographic_contributors',
       'page[size]': 5,
     };
 
@@ -45,7 +45,7 @@ export class DashboardService {
   getMostPopular(): Observable<Project[]> {
     const projectId = 'kvw3y';
     const params = {
-      embed: 'bibliographic_contributors',
+      'embed[]': 'bibliographic_contributors',
       'page[size]': 5,
     };
 

src/app/features/home/logged-out/home-logged-out.component.spec.ts

@@ -1,17 +1,17 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { LoggedOutComponent } from './home-logged-out.component';
+import { HomeLoggedOutComponent } from './home-logged-out.component';
 
 describe('LoggedOutComponent', () => {
-  let component: LoggedOutComponent;
-  let fixture: ComponentFixture<LoggedOutComponent>;
+  let component: HomeLoggedOutComponent;
+  let fixture: ComponentFixture<HomeLoggedOutComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [LoggedOutComponent],
+      imports: [HomeLoggedOutComponent],
     }).compileComponents();
 
-    fixture = TestBed.createComponent(LoggedOutComponent);
+    fixture = TestBed.createComponent(HomeLoggedOutComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

src/app/features/home/models/raw-models/ProjectItem.entity.ts

@@ -13,10 +13,12 @@ export type ProjectItem = ApiData<
       ApiData<
         BibliographicContributorUS,
         {
-          users: JsonApiResponse<ApiData<UserUS, null>, null>;
-        }
+          users: JsonApiResponse<ApiData<UserUS, null, null>, null>;
+        },
+        null
       >[],
       null
     >;
-  }
+  },
+  null
 >;