Timo Tijhof

Oh my,
a web component?
on jquery dot com?

minibar is a 2kB standalone search widget. Accessible and progressively-enhancing (works without JavaScript!). An alternative to the popular 100kB DocSearch.js widget.

It goes well with Typesense, an awesome FLOSS open-source alternative to Algolia. And it's (if you want, and yes we do) self-hostable!

https://github.com/jquery/typesense-minibar

Demo: https://jquery.com/
or https://qunitjs.com/

#webperf #typesense #ProgressiveEnhancement #algolia #jquery #qunit

GitHub - jquery/typesense-minibar: Fast 2kB autocomplete search bar. Alternative to Algolia DocSearch, InstantSearch, and autocomplete-js.

Fast 2kB autocomplete search bar. Alternative to Algolia DocSearch, InstantSearch, and autocomplete-js. - jquery/typesense-minibar

GitHub
Aug 2, 2024 at 12:05amWeb
Show threadTimo TijhofAug 2, 2024

It only took ~50 individual bytes extra (0.05kB transfer size) to make <typesense-minibar> a web component!

Previous post:
https://fosstodon.org/@krinkle/110368768561084873

Commit:
https://github.com/jquery/typesense-minibar/commit/15c4048b18aa471e24076c9752acafc686b53baf#diff-994b477f15f1491273a61605326fbd37aa31abc56a0d00e03dafd3182a509b11

#WebComponents #typesense #nobuild

Timo Tijhof (@[email protected])

One of the things that keeps https://qunitjs.com lean is our approach to search. Rather than the popular JS-only Algolia DocSearch widget at ~100KB, we use a fast 2KB alternative based on HTML5, with progressive enhancement. I recently published this as re-usable package: https://github.com/Krinkle/typesense-minibar #webperf #TypeSense #ProgressiveEnhancement #algolia #DocSearch

Fosstodon