removed unnecessary dependencies

Author: krokicki

.github/workflows/deploy.yml

@@ -47,9 +47,6 @@ jobs:
       - name: Build Astro site
         run: npm run build
 
-      - name: Generate Pagefind search index
-        run: npx pagefind --site dist
-
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:

README.md

@@ -2,6 +2,8 @@
 
 A static site catalog that aggregates Nextflow modules and subworkflows from multiple repositories. Built with [Astro](https://astro.build) and deployed to GitHub Pages.
 
+**Live site: [bioimagetools.github.io/nf-module-aggregator](https://bioimagetools.github.io/nf-module-aggregator/)**
+
 ## Features
 
 - Aggregates modules from multiple nf-core-style repositories
@@ -189,9 +191,6 @@ npm run fetch-modules
 # Build the site
 npm run build
 
-# Generate search index
-npx pagefind --site dist
-
 # Deploy the ./dist directory to your hosting provider
 ```
 
@@ -220,10 +219,6 @@ Configure which repositories to fetch modules from:
 }
 ```
 
-## Search
-
-The site uses [Pagefind](https://pagefind.app/) for client-side search. The search index is generated during the build process and enables fast, full-text search across all module content.
-
 ## License
 
 MIT

src/components/ModuleCard.astro

@@ -18,15 +18,14 @@ const displayName = org ? `${org}/${name}` : name;
 
 <article
   class="module-card bg-white rounded-lg border border-gray-200 p-6 hover:border-blue-300"
-  data-pagefind-body
-  data-org={org}
+    data-org={org}
   data-type={type}
   data-searchtext={searchText}
 >
   <div class="flex items-start justify-between gap-4">
     <div class="flex-1 min-w-0">
       <div class="flex items-center gap-2">
-        <h3 class="text-lg font-semibold text-gray-900 truncate" data-pagefind-meta="title">
+        <h3 class="text-lg font-semibold text-gray-900 truncate">
           <a href={`${base}modules/${slug}/`} class="hover:text-blue-600 transition-colors">
             {displayName}
           </a>
@@ -38,7 +37,7 @@ const displayName = org ? `${org}/${name}` : name;
         )}
       </div>
 
-      <p class="mt-2 text-gray-600 text-sm line-clamp-2" data-pagefind-meta="description">
+      <p class="mt-2 text-gray-600 text-sm line-clamp-2">
         {description}
       </p>
 
@@ -47,8 +46,7 @@ const displayName = org ? `${org}/${name}` : name;
           {tags.slice(0, 4).map((tag) => (
             <span
               class="inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-gray-100 text-gray-600"
-              data-pagefind-filter="tag"
-            >
+                          >
               {tag}
             </span>
           ))}

src/components/ModuleListItem.astro

@@ -17,8 +17,7 @@ const displayName = org ? `${org}/${name}` : name;
 
 <div
   class="module-list-item px-4 py-3 hover:bg-gray-50 transition-colors"
-  data-pagefind-body
-  data-org={org}
+    data-org={org}
   data-type={type}
   data-searchtext={searchText}
 >
@@ -27,16 +26,15 @@ const displayName = org ? `${org}/${name}` : name;
       <a
         href={`${base}modules/${slug}/`}
         class="font-medium text-gray-900 hover:text-blue-600 transition-colors truncate"
-        data-pagefind-meta="title"
-      >
+             >
         {displayName}
       </a>
       {type && (
         <span class={`shrink-0 inline-flex items-center px-2 py-0.5 rounded text-xs font-medium ${type === 'subworkflow' ? 'bg-purple-100 text-purple-700' : 'bg-blue-100 text-blue-700'}`}>
           {type}
         </span>
       )}
-      <span class="hidden sm:block text-gray-400 text-sm truncate" data-pagefind-meta="description">
+      <span class="hidden sm:block text-gray-400 text-sm truncate">
         {description}
       </span>
     </div>
@@ -47,8 +45,7 @@ const displayName = org ? `${org}/${name}` : name;
           {keywords.slice(0, 2).map((keyword) => (
             <span
               class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-600"
-              data-pagefind-filter="tag"
-            >
+                          >
               {keyword}
             </span>
           ))}

src/components/SearchBar.astro

@@ -16,31 +16,8 @@ const base = import.meta.env.BASE_URL;
     <meta name="description" content={description} />
     <link rel="icon" type="image/svg+xml" href={`${base}favicon.svg`} />
     <title>{title}</title>
-
-    <!-- Pagefind UI -->
-    <link href={`${base}pagefind/pagefind-ui.css`} rel="stylesheet" />
-    <script is:inline define:vars={{ base }}>
-      window.pagefindBasePath = base;
-    </script>
   </head>
   <body class="min-h-screen bg-gray-50 text-gray-900">
     <slot />
-
-    <!-- Pagefind UI Script -->
-    <script is:inline>
-      window.addEventListener('DOMContentLoaded', () => {
-        const script = document.createElement('script');
-        script.src = window.pagefindBasePath + 'pagefind/pagefind-ui.js';
-        script.onload = () => {
-          new PagefindUI({
-            element: '#search',
-            showSubResults: true,
-            showImages: false,
-            baseUrl: window.pagefindBasePath,
-          });
-        };
-        document.head.appendChild(script);
-      });
-    </script>
   </body>
 </html>

src/layouts/BaseLayout.astro

@@ -98,7 +98,7 @@ const displayName = org ? `${org}/${module.name}` : module.name;
 <BaseLayout title={`${displayName} - Nextflow Module Catalog`} description={module.description}>
   <Header />
 
-  <main class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12" data-pagefind-body>
+  <main class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
     <!-- Breadcrumb -->
     <nav class="mb-8">
       <a href={base} class="text-blue-600 hover:text-blue-800 transition-colors">
@@ -111,14 +111,14 @@ const displayName = org ? `${org}/${module.name}` : module.name;
       <div class="flex items-start justify-between gap-4 flex-wrap">
         <div class="flex-1">
           <div class="flex items-center gap-3 flex-wrap">
-            <h1 class="text-3xl font-bold text-gray-900" data-pagefind-meta="title">
+            <h1 class="text-3xl font-bold text-gray-900">
               {displayName}
             </h1>
             <span class={`inline-flex items-center px-2.5 py-1 rounded text-sm font-medium ${module.type === 'subworkflow' ? 'bg-purple-100 text-purple-700' : 'bg-blue-100 text-blue-700'}`}>
               {module.type}
             </span>
           </div>
-          <p class="mt-3 text-lg text-gray-600" data-pagefind-meta="description">
+          <p class="mt-3 text-lg text-gray-600">
             {module.description}
           </p>
         </div>
@@ -135,9 +135,7 @@ const displayName = org ? `${org}/${module.name}` : module.name;
         <div class="mt-4 flex flex-wrap gap-2">
           {module.keywords.map((keyword) => (
             <span
-              class="inline-flex items-center px-2.5 py-1 rounded-md text-sm font-medium bg-gray-100 text-gray-600"
-              data-pagefind-filter="tag"
-            >
+              class="inline-flex items-center px-2.5 py-1 rounded-md text-sm font-medium bg-gray-100 text-gray-600"            >
               {keyword}
             </span>
           ))}

src/pages/modules/[slug].astro

@@ -1,18 +1,5 @@
 @import 'tailwindcss';
 
-/* Pagefind UI customizations */
-:root {
-  --pagefind-ui-scale: 1;
-  --pagefind-ui-primary: #2563eb;
-  --pagefind-ui-text: #1f2937;
-  --pagefind-ui-background: #ffffff;
-  --pagefind-ui-border: #e5e7eb;
-  --pagefind-ui-tag: #f3f4f6;
-  --pagefind-ui-border-width: 1px;
-  --pagefind-ui-border-radius: 8px;
-  --pagefind-ui-font: system-ui, -apple-system, sans-serif;
-}
-
 /* Module card hover effects */
 .module-card {
   transition: transform 0.2s ease, box-shadow 0.2s ease;