@nera-static/plugin-search 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.3] - 2025-07-25
+
+### Change
+- Enhance search.js to show parts of the results text
+
+## [1.0.2] - 2025-07-25
+
+### Fix
+- publish serach.js with publish-template command
+
 ## [1.0.1] - 2025-07-25
 
 ### Added

package/bin/publish-template.js

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 
 import path from 'path'
+import fs from 'fs/promises'
 import { fileURLToPath } from 'url'
 import { publishAllTemplates } from '@nera-static/plugin-utils'
 
@@ -8,10 +9,29 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url))
 const pluginName = 'plugin-search'
 const sourceDir = path.resolve(__dirname, '../views/')
 
+// Publish all pug templates to views/vendor/plugin-search/
 const result = publishAllTemplates({
     pluginName,
     sourceDir,
     expectedPackageName: 'dummy', // for test-only override
 })
 
-process.exit(result ? 0 : 1)
+// Also publish search.js into assets/js/
+const publishSearchJS = async () => {
+    try {
+        const jsSource = path.join(sourceDir, 'search.js')
+        const jsTarget = path.resolve(process.cwd(), 'assets/js/search.js')
+
+        await fs.mkdir(path.dirname(jsTarget), { recursive: true })
+        await fs.copyFile(jsSource, jsTarget)
+
+        console.log('✓ search.js copied to assets/js/search.js')
+    } catch (err) {
+        console.error('✗ Failed to copy search.js to assets/js/', err)
+        process.exit(1)
+    }
+}
+
+publishSearchJS().then(() => {
+    process.exit(result ? 0 : 1)
+})

package/index.js

@@ -1,7 +1,6 @@
 import path from 'path'
 import fs from 'fs/promises'
 import { getConfig } from '@nera-static/plugin-utils'
-import { fileURLToPath } from 'url'
 
 const CONFIG_PATH = path.resolve(process.cwd(), 'config/search.yaml')
 
@@ -31,13 +30,8 @@ export async function getAppData({ app, pagesData }) {
         return item
     })
 
-    fs.writeFile(outputPath, JSON.stringify(index, null, 2), 'utf-8')
-
-    const __dirname = path.dirname(fileURLToPath(import.meta.url))
-    const sourceJS = path.join(__dirname, 'views', 'search.js')
-    const targetJS = path.join(app.folders.assets, 'js', 'search.js')
-    await fs.mkdir(path.dirname(targetJS), { recursive: true })
-    await fs.copyFile(sourceJS, targetJS)
+    await fs.mkdir(path.dirname(outputPath), { recursive: true })
+    await fs.writeFile(outputPath, JSON.stringify(index, null, 2), 'utf-8')
 
     return {
         ...app,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nera-static/plugin-search",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A plugin for the Nera static site generator that builds a JSON search index and provides a client-side search script.",
   "main": "index.js",
   "scripts": {

package/views/search.js

@@ -12,21 +12,46 @@ document.addEventListener('DOMContentLoaded', () => {
                 input.addEventListener('input', () => {
                     const query = input.value.toLowerCase()
 
+                    if (!query) {
+                        resultList.innerHTML = ''
+                        return
+                    }
+
                     const results = data.filter((item) => {
-                        return Object.values(item).some(val =>
-                            typeof val === 'string' && val.toLowerCase().includes(query)
-                        )
+                        return Object.values(item).some(val => {
+                            if (typeof val === 'string') {
+                                const lowerVal = val.toLowerCase()
+                                const matchIndex = lowerVal.indexOf(query)
+                                if (matchIndex !== -1) {
+                                    const words = val.split(/\s+/)
+                                    const matchWordIndex = words.findIndex(word => word.toLowerCase().includes(query))
+
+                                    const snippetStart = Math.max(0, matchWordIndex - 5)
+                                    const snippetEnd = Math.min(words.length, matchWordIndex + 6)
+                                    const snippet = words.slice(snippetStart, snippetEnd).join(' ')
+
+                                    const highlighted = snippet.replace(
+                                        new RegExp(`(${query})`, 'ig'),
+                                        '<span class="bg-yellow-100">$1</span>'
+                                    )
+                                    item.resultText = `...${highlighted}...`
+                                    return true
+                                }
+                            }
+
+                            return false
+                        })
                     })
 
                     resultList.innerHTML = results.map((item) => {
                         const title = item.title || item.href || 'Untitled'
-                        const desc = item.excerpt || item.description || ''
+                        const desc = item.excerpt || item.description || item.resultText
                         return `
-                <li class="search__item">
-                    <a class="search__link" href="${item.href}">${title}</a>
-                    ${desc ? `<p class="search__description">${desc}</p>` : ''}
-                </li>
-            `
+                            <li class="list-none">
+                                <a class="" href="${item.href}">${title}</a>
+                                ${desc ? `<p class="">${desc}</p>` : ''}
+                            </li>
+                    `
                     }).join('')
                 })
             })