flexsearch
shiki
flexsearch | shiki | |
---|---|---|
12 | 26 | |
11,862 | 8,626 | |
2.7% | 4.3% | |
7.1 | 9.8 | |
4 months ago | 15 days ago | |
JavaScript | TypeScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
flexsearch
-
Nextra 2 – Next.js Static Site Generator
Full-text search is powered by FlexSearch and Nextra will index all of your pages at build time ⚡.
-
How to link search results back to original HTML when clicked?
I have a web page that reads in various .md files and displays them as HTML. The app uses the marked library to convert the markdown into HTML for display. I create a flexsearch search index out of the raw text values from the documents (raw text is gathered using DOMParser over all HTML elements) so that user can search for keywords in the docs and get back a table of results. The order of operations and search index code looks like:
-
How can I set up this Typescript project to use a Javascript library?
I am trying to get flexsearch (a lib written in js) up and running in a TS project and found a working example here. I downloaded the project and ran 'yarn add flexsearch' and also 'yarn add @/types/flexsearch' since I know that you need a special index.d.ts file to convert the JS to TS properly.... however the code errors out during the Index object creation with the message.
-
Best way to implement a search feature over raw HTML using Typescript/React?
Try using a proper browser search like Lunr or Flexsearch
-
Lyra: Fast, in-memory, typo-tolerant, full-text search engine in TypeScript
Current version of FlexSearch (0.7.2) is not typo tolerant, see https://github.com/nextapps-de/flexsearch/issues/118
-
Writing a Fuzzy Search Component With Preact and Fuse for Astro
Very nice! Seems to perform very well. I'm curious, have you compared Fuse with other search engines? Like flex search or elasticlunr? Why did you choose fuse ?
-
Comparing English and Spanish Words in JavaScript
I actually looked into this term before localeCompare(): Full Text Search. It's pretty heavy duty. In JavaScript, this can come in the form of a library dependency like FlexSearch. Far too bulky for the humble sorting task I have at hand.
- Quick live-search on 1M strings in React native
-
In memory full text search in Rust?
Javascript seems to have a comprehensive in memory solution https://github.com/nextapps-de/flexsearch
-
DynamoDB full text search
Another option that was often suggested to me was building the search index with a library such as https://github.com/nextapps-de/flexsearch and distribute the index than to the client and handle it one the client. But yeah sounds like a lot of overhead and I haven't tried it.
shiki
- Shiki: A beautiful yet powerful syntax highlighter
-
VueJS turns 10 years old
Shiki (https://shiki.style) might be good enough for your usecase, use the latest beta versions as it's the new fresh esm rewrite.
-
GIGO and VS-code: the Battle With Microsoft
Finally the vanguard had arrived. A markdown renderer named Shiki.
-
Scraping Google Maps
Can I introduce you to our lord and savior Shiki? https://github.com/shikijs/shiki
-
Shiki Syntax Highlighter
Coincidentally, I recently looked into the slow startup time for shiki and it was mostly from parsing JSONC, not WASM: https://github.com/shikijs/shiki/issues/439.
-
Dark mode with Shiki and Code Hike
Warning: This article refers to versions of Code Hike before 0.8.0. Since version 0.8.0, Code Hike uses lighter instead of Shiki. The approach presented in this article uses shiki's color replacement method, which no longer works with lighter.
- What do you use to display code example on your personal blog, or in an article?
-
Nextra 2 – Next.js Static Site Generator
Prismjs was replaced by Shiki and rehype-pretty-code.
-
Want to create attractive, interactive docs? Use these amazing documentation tools and examples
The outcome I was (mostly) hoping for has been done by Shiki library! I take no credit for the idea btw, I am just glad that someone else (Pine) took it on!
What are some alternatives?
minisearch - Tiny and powerful JavaScript full-text search engine for browser and Node
PrismJS - Lightweight, robust, elegant syntax highlighting.
Fuse - Lightweight fuzzy-search, in JavaScript
Highlight.js - JavaScript syntax highlighter with language auto-detection and zero dependencies.
elasticsearch-js - Official Elasticsearch client library for Node.js
next-mdx-remote - Load mdx content from anywhere through getStaticProps in next.js
itemsjs - Extremely fast faceted search engine in JavaScript - lightweight, flexible, and simple to use
codehike - Marvellous code walkthroughs
TNTSearch - A fully featured full text search engine written in PHP
mdx - Markdown for the component era
lunr.js - A bit like Solr, but much smaller and not as bright
dev - Development repository for the CodeMirror editor project