feat: Cognitive Search infrastructure with env-based switching, mock LiQE/Lunr engine, Storybook fixes, and CI hardening

.gitignore

@@ -1,20 +1,52 @@
-/node_modules
+# Dependencies
+node_modules/
+**/node_modules/
+
+# Build outputs
+dist/
+**/dist/
+build/
+**/build/
+
+# TypeScript build info
+*.tsbuildinfo
+**/*.tsbuildinfo
+**/tsconfig.tsbuildinfo
+
+# OS files
 .DS_Store
+
+# Test coverage
 **/coverage
-# .gitignore template - https://github.com/github/gitignore/blob/main/Node.gitignore
 lcov-report
+**/coverage/**/*.json
+
+# Test results
+**/test-results/**/*.json
+vitest-results.json
+junit.json
+test-report.json
+
+# Temporary test files
+test-*.js
+
+# Misc generated files
 __*
 
 # Turborepo
 .turbo
 
-# SonarScanner
-.scannerwork
-
 # Generated GraphQL files
 **/generated.ts
 **/generated.tsx
 **/graphql.schema.json
 apps/ui-sharethrift/tsconfig.tsbuildinfo
 **/node_modules
 **/dist
+
+# SonarScanner
+.scannerwork
+
+# Source maps and compiled JS in TypeScript packages
+**/*.map
+packages/**/src/*.js

apps/api/package.json

@@ -24,19 +24,21 @@
 		"@cellix/api-services-spec": "workspace:*",
 		"@cellix/messaging-service": "workspace:*",
 		"@cellix/mongoose-seedwork": "workspace:*",
+		"@cellix/payment-service": "workspace:*",
+		"@cellix/search-service": "workspace:*",
 		"@opentelemetry/api": "^1.9.0",
 		"@sthrift/application-services": "workspace:*",
 		"@sthrift/context-spec": "workspace:*",
 		"@sthrift/event-handler": "workspace:*",
 		"@sthrift/graphql": "workspace:*",
 		"@sthrift/messaging-service-mock": "workspace:*",
 		"@sthrift/messaging-service-twilio": "workspace:*",
+		"@sthrift/payment-service-cybersource": "workspace:*",
+		"@sthrift/payment-service-mock": "workspace:*",
 		"@sthrift/persistence": "workspace:*",
 		"@sthrift/rest": "workspace:*",
+		"@sthrift/search-service-index": "workspace:*",
 		"@sthrift/service-blob-storage": "workspace:*",
-		"@cellix/payment-service": "workspace:*",
-		"@sthrift/payment-service-mock": "workspace:*",
-		"@sthrift/payment-service-cybersource": "workspace:*",
 		"@sthrift/service-mongoose": "workspace:*",
 		"@sthrift/service-otel": "workspace:*",
 		"@sthrift/service-token-validation": "workspace:*"

apps/api/src/index.ts

@@ -24,53 +24,60 @@ import { ServiceMessagingMock } from '@sthrift/messaging-service-mock';
 import { graphHandlerCreator } from '@sthrift/graphql';
 import { restHandlerCreator } from '@sthrift/rest';
 
-import type {PaymentService} from '@cellix/payment-service';
+import type { PaymentService } from '@cellix/payment-service';
 import { PaymentServiceMock } from '@sthrift/payment-service-mock';
 import { PaymentServiceCybersource } from '@sthrift/payment-service-cybersource';
 
+import type { SearchService } from '@cellix/search-service';
+import { ServiceSearchIndex } from '@sthrift/search-service-index';
 
 const { NODE_ENV } = process.env;
 const isDevelopment = NODE_ENV === 'development';
 
 Cellix.initializeInfrastructureServices<ApiContextSpec, ApplicationServices>(
 	(serviceRegistry) => {
-
 		serviceRegistry
 			.registerInfrastructureService(
-				new ServiceMongoose(
-					MongooseConfig.mongooseConnectionString,
-					MongooseConfig.mongooseConnectOptions,
-				),
-			)
+new ServiceMongoose(
+MongooseConfig.mongooseConnectionString,
+MongooseConfig.mongooseConnectOptions,
+),
+)
 			.registerInfrastructureService(new ServiceBlobStorage())
 			.registerInfrastructureService(
-				new ServiceTokenValidation(TokenValidationConfig.portalTokens),
-			)
+new ServiceTokenValidation(TokenValidationConfig.portalTokens),
+)
 			.registerInfrastructureService(
-				isDevelopment ? new ServiceMessagingMock() : new ServiceMessagingTwilio(),
+isDevelopment
+? new ServiceMessagingMock()
+					: new ServiceMessagingTwilio(),
 			)
 			.registerInfrastructureService(
-        isDevelopment ? new PaymentServiceMock() : new PaymentServiceCybersource()
-      );
+				isDevelopment ? new PaymentServiceMock() : new PaymentServiceCybersource(),
+			)
+			.registerInfrastructureService(new ServiceSearchIndex());
 	},
 )
 	.setContext((serviceRegistry) => {
 		const dataSourcesFactory = MongooseConfig.mongooseContextBuilder(
-			serviceRegistry.getInfrastructureService<ServiceMongoose>(
+serviceRegistry.getInfrastructureService<ServiceMongoose>(
 				ServiceMongoose,
 			),
 		);
 
 		const messagingService = isDevelopment
 			? serviceRegistry.getInfrastructureService<MessagingService>(ServiceMessagingMock)
 			: serviceRegistry.getInfrastructureService<MessagingService>(ServiceMessagingTwilio);
-
-    const paymentService = isDevelopment
-      ? serviceRegistry.getInfrastructureService<PaymentService>(PaymentServiceMock)
-      : serviceRegistry.getInfrastructureService<PaymentService>(PaymentServiceCybersource);
 
-		const { domainDataSource } = dataSourcesFactory.withSystemPassport();
-		RegisterEventHandlers(domainDataSource);
+	const paymentService = isDevelopment
+		? serviceRegistry.getInfrastructureService<PaymentService>(PaymentServiceMock)
+		: serviceRegistry.getInfrastructureService<PaymentService>(PaymentServiceCybersource);
+
+	const searchService =
+		serviceRegistry.getInfrastructureService<SearchService>(ServiceSearchIndex);
+
+	const { domainDataSource } = dataSourcesFactory.withSystemPassport();
+		RegisterEventHandlers(domainDataSource, searchService);
 
 		return {
 			dataSourcesFactory,
@@ -79,23 +86,24 @@ Cellix.initializeInfrastructureServices<ApiContextSpec, ApplicationServices>(
 					ServiceTokenValidation,
 				),
 			paymentService,
-      messagingService,
+			searchService,
+			messagingService,
 		};
 	})
 	.initializeApplicationServices((context) =>
 		buildApplicationServicesFactory(context),
 	)
 	.registerAzureFunctionHttpHandler(
-		'graphql',
-		{
-			route: 'graphql/{*segments}',
-			methods: ['GET', 'POST', 'PATCH', 'PUT', 'DELETE', 'OPTIONS', 'HEAD'],
-		},
-		graphHandlerCreator,
-	)
+'graphql',
+{
+route: 'graphql/{*segments}',
+methods: ['GET', 'POST', 'PATCH', 'PUT', 'DELETE', 'OPTIONS', 'HEAD'],
+},
+graphHandlerCreator,
+)
 	.registerAzureFunctionHttpHandler(
-		'rest',
-		{ route: '{communityId}/{role}/{memberId}/{*rest}' },
-		restHandlerCreator,
-	)
+'rest',
+{ route: '{communityId}/{role}/{memberId}/{*rest}' },
+restHandlerCreator,
+)
 	.startUp();

apps/ui-sharethrift/src/components/layouts/home/components/hero-section.container.tsx

@@ -3,7 +3,7 @@ import { HeroSection } from './hero-section.tsx';
 interface HeroSectionContainerProps {
 	searchValue?: string;
 	onSearchChange?: (value: string) => void;
-	onSearch?: (query: string) => void;
+	onSearch?: () => void;
 }
 
 export const HeroSectionContainer: React.FC<HeroSectionContainerProps> = ({

apps/ui-sharethrift/src/components/layouts/home/components/hero-section.tsx

@@ -4,19 +4,16 @@ import heroImg from '@sthrift/ui-components/src/assets/hero/hero.png';
 import heroImgSmall from '@sthrift/ui-components/src/assets/hero/hero-small.png';
 
 interface HeroSectionProps {
-	onSearch?: (query: string) => void;
+	onSearch?: () => void;
 	searchValue?: string;
 	onSearchChange?: (value: string) => void;
 }
 
 export const HeroSection: React.FC<HeroSectionProps> = ({
 	onSearch,
 	searchValue = '',
+	onSearchChange,
 }) => {
-	const handleSearch = (value: string) => {
-		onSearch?.(value);
-	};
-
 	return (
 		<div className={styles['heroContainer']}>
 			<picture className={styles['heroImage']}>
@@ -34,8 +31,8 @@ export const HeroSection: React.FC<HeroSectionProps> = ({
 				<div className={styles['searchContainer']}>
 					<SearchBar
 						searchValue={searchValue}
-						onSearchChange={handleSearch}
-						onSearch={handleSearch}
+						onSearchChange={onSearchChange}
+						onSearch={onSearch}
 					/>
 				</div>
 			</div>

apps/ui-sharethrift/src/components/layouts/home/components/listings-page-search.graphql

@@ -0,0 +1,34 @@
+query ListingsPageSearchListings($input: ListingSearchInput!) {
+	searchListings(input: $input) {
+		items {
+			id
+			title
+			description
+			category
+			location
+			state
+			sharerName
+			sharerId
+			sharingPeriodStart
+			sharingPeriodEnd
+			createdAt
+			updatedAt
+			images
+		}
+		count
+		facets {
+			category {
+				value
+				count
+			}
+			state {
+				value
+				count
+			}
+			sharerId {
+				value
+				count
+			}
+		}
+	}
+}

apps/ui-sharethrift/src/components/layouts/home/components/listings-page.container.stories.tsx

@@ -5,7 +5,10 @@ import {
 	withMockApolloClient,
 	withMockRouter,
 } from '../../../../test-utils/storybook-decorators.tsx';
-import { ListingsPageContainerGetListingsDocument } from '../../../../generated.tsx';
+import { 
+	ListingsPageContainerGetListingsDocument,
+	ListingsPageSearchListingsDocument,
+} from '../../../../generated.tsx';
 
 const mockListings = [
 	{
@@ -55,6 +58,49 @@ const meta: Meta<typeof ListingsPageContainer> = {
 						},
 					},
 				},
+				{
+					request: {
+						query: ListingsPageSearchListingsDocument,
+						variables: {
+							input: {
+								searchString: undefined,
+								options: {
+									filter: {
+										category: undefined,
+									},
+									skip: 0,
+									top: 20,
+								},
+							},
+						},
+					},
+					result: {
+						data: {
+							searchListings: {
+								__typename: 'ListingSearchResult',
+								count: mockListings.length,
+								items: mockListings.map(listing => ({
+									...listing,
+									sharerName: 'Test User',
+									sharerId: 'user-1',
+								})),
+								facets: {
+									__typename: 'SearchFacets',
+									category: [
+										{ __typename: 'SearchFacet', value: 'Tools & Equipment', count: 1 },
+										{ __typename: 'SearchFacet', value: 'Musical Instruments', count: 1 },
+									],
+									state: [
+										{ __typename: 'SearchFacet', value: 'Active', count: 2 },
+									],
+									sharerId: [
+										{ __typename: 'SearchFacet', value: 'user-1', count: 2 },
+									],
+								},
+							},
+						},
+					},
+				},
 			],
 		},
 	},
@@ -115,6 +161,33 @@ export const EmptyListings: Story = {
 						},
 					},
 				},
+				{
+					request: {
+						query: ListingsPageSearchListingsDocument,
+						variables: {
+							input: {
+								searchString: undefined,
+								options: {
+									filter: {
+										category: undefined,
+									},
+									skip: 0,
+									top: 20,
+								},
+							},
+						},
+					},
+					result: {
+						data: {
+							searchListings: {
+								__typename: 'ListingSearchResult',
+								count: 0,
+								items: [],
+								facets: null,
+							},
+						},
+					},
+				},
 			],
 		},
 	},
@@ -146,7 +219,7 @@ export const Loading: Story = {
 			],
 		},
 	},
-	play: async ({ canvasElement }) => {
+	play: ({ canvasElement }) => {
 		const canvas = within(canvasElement);
 		const loadingSpinner =
 			canvas.queryByRole('progressbar') ?? canvas.queryByText(/loading/i);