fix: parsing manifest file

Author: shelegdmitriy

src/components/ModuleCard.tsx

@@ -1,16 +1,21 @@
-import { parse } from 'yaml';
 import { Star, Calendar } from '@phosphor-icons/react';
 
-import type { Repository, Manifest } from '../types';
+import type { Repository } from '../types';
 
-import { getLanguageColor, getProviderInfo, formatDate, formatNumber } from '../lib/utils';
+import {
+  getLanguageColor,
+  getProviderInfo,
+  formatDate,
+  formatNumber,
+  parseManifest
+} from '../lib/utils';
 
 interface ModuleCardProps {
   module: Repository;
 }
 
 export default function ModuleCard({ module }: ModuleCardProps) {
-  const manifest = parse(module.manifest.text) as Manifest | undefined;
+  const manifest = parseManifest(module.manifest.text);
 
   const moduleName = manifest?.title || module.name;
   const moduleDescription = manifest?.summary || module.description || 'No description available';

src/components/SourcesTableViewSkeleton.tsx

@@ -1,5 +1,4 @@
 export default function SourcesTableViewSkeleton() {
-  // Generate 5 skeleton items
   const skeletonItems = Array.from({ length: 12 }, (_, i) => i);
 
   return (

src/lib/utils.ts

@@ -1,3 +1,5 @@
+import { parse } from 'yaml';
+
 import type { ComponentType } from 'react';
 import {
   House,
@@ -18,6 +20,7 @@ import {
 import { Crates, Github, Npm, PyPi, RubyGems } from '../components/icons';
 
 import { ZUPLO_API_BASE } from './config';
+import type { Repository, Manifest } from '../types';
 
 export const DOMAIN_ICONS: Record<string, ComponentType<any>> = {
   'airbnb.com': House,
@@ -160,6 +163,19 @@ export const formatNumber = (num: number) => {
   return num.toString();
 };
 
+export const parseManifest = (
+  manifestText: Repository['manifest']['text'] | undefined
+): Manifest | undefined => {
+  if (!manifestText) return undefined;
+
+  try {
+    return parse(manifestText) as Manifest;
+  } catch (error) {
+    console.warn('Failed to parse manifest:', error);
+    return undefined;
+  }
+};
+
 export const fetchWithFallback = async <T>(endpoint: string, fallbackData: T): Promise<T> => {
   try {
     const apiUrl = `${ZUPLO_API_BASE}/${endpoint}`;