No "client" directory in docker image (try to modify a .vue to show content snippets in search result )

[RingsGit]

Hi everyone,

Search functionality is crucial for a wiki, but currently, Wiki.js only returns titles and paths in search results, not the actual content. I've deployed Elasticsearch and am attempting to modify the search request and HTML frontend to display content snippets with keyword highlighting.

I'm not a CS major and have limited programming experience. Could someone help me locate the following file in the Docker version of Wiki.js?
https://github.com/requarks/wiki/blob/main/client/components/common/search-results.vue

Additionally, I'd like to confirm if my approach is correct: Will modifying the search request and this .vue file enable Wiki.js to display relevant content snippets (with highlighted keywords) alongside the page titles in search results?

Thank you in advance for your guidance!

[ysallah]

Hi @RingsGit,

I know this discussion is already about a year old, but I’m currently running into the same limitation in Wiki.js 2.5.314.

Did you ever manage to get content snippets and keyword highlighting working in the Wiki.js search results?

I’m trying to make the search results show more than just the page title and path, ideally with a short snippet showing where the searched keyword appears, similar to OpenProject or BookStack.

If you found a working solution or patch, would you be willing to share what you changed?

And if I manage to find a working solution myself, I’ll share it here as well so others can use it too.

Thanks in advance!

[RingsGit]

Hi @ysallah

Haha, last year I used the free GitHub Copilot extension in VS Code. It worked perfectly.

Although optimizing search results might be a breeze for experienced programmers, AI has made it easy for non-experts like me to implement these kinds of customizations. By the way, you might not even need Elasticsearch; I'm only using it because I needed Chinese support

You can check out my website here: analog-ic.com

Regarding the modifications (in compliance with the AGPL), you can find the specific changes I made in my repo here: RingsGit/wiki-commits. Sorry, my commit history is a bit of a mess—I'm still just starting out with this

[ysallah]

Hi @RingsGit

Haha nice, I also used AI to speed up figuring out and implementing certain things. I’m just using PostgreSQL for the search/queries, so no Elasticsearch at the moment.

I’m still running everything locally, so I can’t really show my work properly yet. Once I have everything the way I want it, I’ll share it. i'm also new so if somethisng is unclear, let me know!

Thanks for sharing your website and repo as well, I’ll definitely take a look!