Premium DOM Component
Site Search
Full text search with look-ahead autofill
by Read Write Tools
| Abstract |
|---|
| The rwt-search DOM component is the standard user interface for the Site Search feature of the RWSERVE HTTP/2 server. This search dialog box has look-ahead word autofill to guide users in their search for locally hosted documents. |
Motivation
The SEMWORDS and SITEWORDS tools (see Site Search) produce an index of all the words used in a given website. That index is used by this DOM component to provide full text searching on a local basis, without relying on AJAX or direct server interaction.
This DOM component handles the initial fetch of the site index, caching it to the user's local-storage for ready use across all of the website's documents.
Internally, the DOM component uses a ternary search trie to provide partial word lookups as the user types, guiding the user towards better results.
In the wild
To see an example of this component in use, visit the READ WRITE STACK website and press F7 "Search". To understand what's going on under the hood, use the browser's inspector to view the HTML source code and network activity.
Reference
 | Documentation | READ WRITE HUB |
 | Source code | github |
 | Component catalog | DOM COMPONENTS |
 | Package installation | npm |
 | Publication venue | READ WRITE STACK |
