titaned-frontend-library 1.0.1

package/src/providers/SidebarProvider.tsx

@@ -0,0 +1,20 @@
+import React, { useState, ReactNode } from 'react';
+import { SidebarContext } from '../contexts/SidebarContext';
+
+export const SidebarProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
+  const [isCollapsed, setIsCollapsed] = useState(false);
+
+  const toggleSidebar = () => {
+    setIsCollapsed(prev => !prev);
+  };
+
+  const setSidebarCollapsed = (collapsed: boolean) => {
+    setIsCollapsed(collapsed);
+  };
+
+  return (
+    <SidebarContext.Provider value={{ isCollapsed, toggleSidebar, setSidebarCollapsed }}>
+      {children}
+    </SidebarContext.Provider>
+  );
+}; 

package/src/services/meiliSearchService.ts

@@ -0,0 +1,233 @@
+import { MeiliSearchConfig, MeiliSearchResponse, MeiliSearchResult } from '../interfaces/components';
+
+// Interface for MeiliSearch client headers
+export interface MeiliSearchClientHeaders {
+  'Content-Type': string;
+  'Authorization': string;
+  'X-Meilisearch-Client': string;
+}
+
+export interface SearchOptions {
+  limit?: number;
+  offset?: number;
+  filter?: string[];
+  attributesToHighlight?: string[];
+  attributesToCrop?: string[];
+  sort?: string[];
+}
+
+export interface SearchResult {
+  hits: MeiliSearchResult[];
+  totalHits: number;
+  facets?: {
+    block_type?: Record<string, number>;
+    'content.problem_types'?: Record<string, number>;
+  };
+  processingTimeMs: number;
+}
+
+export class MeiliSearchService {
+  private config: MeiliSearchConfig;
+  private headers: MeiliSearchClientHeaders;
+
+  constructor(config: MeiliSearchConfig) {
+    // Validate required configuration
+    if (!config.host) {
+      throw new Error('MeiliSearch host is required');
+    }
+    if (!config.apiKey) {
+      throw new Error('MeiliSearch apiKey is required');
+    }
+    if (!config.indexName) {
+      throw new Error('MeiliSearch indexName is required');
+    }
+
+    this.config = config;
+    this.headers = {
+      'Content-Type': 'application/json',
+      'Authorization': `Bearer ${config.apiKey}`,
+      'X-Meilisearch-Client': 'Meilisearch JavaScript (v0.41.0)'
+    };
+
+  }
+
+  /**
+   * Update headers from MeiliSearch client object
+   * This allows you to use the exact headers from your console logs
+   */
+  updateHeadersFromClient(client: any) {
+    if (client && client.httpRequest && client.httpRequest.headers) {
+      this.headers = {
+        'Content-Type': client.httpRequest.headers['Content-Type'] || 'application/json',
+        'Authorization': client.httpRequest.headers['Authorization'] || `Bearer ${this.config.apiKey}`,
+        'X-Meilisearch-Client': client.httpRequest.headers['X-Meilisearch-Client'] || 'Meilisearch JavaScript (v0.41.0)'
+      };
+    }
+  }
+
+  /**
+   * Performs a search using MeiliSearch multi-search API
+   * This matches the exact payload structure from your console logs
+   */
+  async search(
+    query: string, 
+    options: SearchOptions = {}
+  ): Promise<SearchResult> {
+    const {
+      limit = 20,
+      offset = 0,
+      filter = ['type = "course_block"'],
+      attributesToHighlight = ['display_name', 'description', 'published'],
+      attributesToCrop = ['description', 'published'],
+      sort = []
+    } = options;
+
+    // Validate configuration
+    if (!this.config.indexName) {
+      throw new Error('MeiliSearch indexName is required');
+    }
+
+    // Construct the exact payload structure from your console logs
+    const payload = {
+      queries: [
+        {
+          indexUid: this.config.indexName,
+          q: query,
+          filter: [[], ...filter],
+          attributesToHighlight,
+          highlightPreTag: '__meili-highlight__',
+          highlightPostTag: '__/meili-highlight__',
+          attributesToCrop,
+          sort,
+          offset,
+          limit
+        },
+        {
+          indexUid: this.config.indexName,
+          facets: ['block_type', 'content.problem_types'],
+          filter: filter,
+          limit: 0
+        }
+      ]
+    };
+
+
+    // Use the configured headers
+    const headers = { ...this.headers };
+
+    try {
+      const response = await fetch(`${this.config.host}/multi-search`, {
+        method: 'POST',
+        headers,
+        body: JSON.stringify(payload)
+      });
+
+      if (!response.ok) {
+        throw new Error(`MeiliSearch API error: ${response.status} ${response.statusText}`);
+      }
+
+      const data: MeiliSearchResponse = await response.json();
+      
+      // Extract search results from the first query
+      const searchResult = data.results[0];
+      const facetResult = data.results[1];
+
+      return {
+        hits: searchResult.hits || [],
+        totalHits: searchResult.estimatedTotalHits || 0,
+        facets: facetResult.facetDistribution,
+        processingTimeMs: searchResult.processingTimeMs
+      };
+
+    } catch (error) {
+      console.error('MeiliSearch service error:', error);
+      throw new Error(`Search failed: ${error instanceof Error ? error.message : 'Unknown error'}`);
+    }
+  }
+
+  /**
+   * Performs a simple search without facets (for basic search functionality)
+   */
+  async simpleSearch(
+    query: string, 
+    options: SearchOptions = {}
+  ): Promise<SearchResult> {
+    const {
+      limit = 20,
+      offset = 0,
+      filter = ['type = "course_block"'],
+      attributesToHighlight = ['display_name', 'description', 'published'],
+      attributesToCrop = ['description', 'published'],
+      sort = []
+    } = options;
+
+    const payload = {
+      queries: [
+        {
+          indexUid: this.config.indexName,
+          q: query,
+          filter: [[], ...filter],
+          attributesToHighlight,
+          highlightPreTag: '__meili-highlight__',
+          highlightPostTag: '__/meili-highlight__',
+          attributesToCrop,
+          sort,
+          offset,
+          limit
+        }
+      ]
+    };
+
+    // Use the configured headers
+    const headers = { ...this.headers };
+
+    try {
+      const response = await fetch(`${this.config.host}/multi-search`, {
+        method: 'POST',
+        headers,
+        body: JSON.stringify(payload)
+      });
+
+      if (!response.ok) {
+        throw new Error(`MeiliSearch API error: ${response.status} ${response.statusText}`);
+      }
+
+      const data: MeiliSearchResponse = await response.json();
+      const searchResult = data.results[0];
+
+      return {
+        hits: searchResult.hits || [],
+        totalHits: searchResult.estimatedTotalHits || 0,
+        processingTimeMs: searchResult.processingTimeMs
+      };
+
+    } catch (error) {
+      console.error('MeiliSearch service error:', error);
+      throw new Error(`Search failed: ${error instanceof Error ? error.message : 'Unknown error'}`);
+    }
+  }
+
+  /**
+   * Check if the MeiliSearch service is available
+   */
+  async checkConnection(): Promise<boolean> {
+    try {
+      const response = await fetch(`${this.config.host}/health`, {
+        method: 'GET',
+        headers: {
+          'Authorization': `Bearer ${this.config.apiKey}`,
+          'X-Meilisearch-Client': 'Meilisearch JavaScript (v0.41.0)'
+        }
+      });
+      return response.ok;
+    } catch (error) {
+      console.error('MeiliSearch connection check failed:', error);
+      return false;
+    }
+  }
+}
+
+// Factory function to create a MeiliSearch service instance
+export const createMeiliSearchService = (config: MeiliSearchConfig): MeiliSearchService => {
+  return new MeiliSearchService(config);
+};