~/talk

Build Advanced Search Experiences with a Custom Query Language

Talkat JSConf EU 2018 · on Sunday, 2018-06-03· [frontend-architecture]
github:nioufe
slides:none on file

Claims a custom query language lets users find needles in millions of log events with a few keystrokes, implemented by writing a PEG grammar, generating a parser that turns strings into simple objects, and a print function to round‑trip queries. The demo builds a PEG grammar, parser generator, autocomplete and error reporting, and a playground that syncs inputs to the search bar so users learn by example. It reports working tradeoffs: precision and efficiency improve, onboarding cost rises.

AI-written summary · about

  1. 0:00Intro
  2. 1:07Log Management
  3. 2:06Keyword search
  4. 2:53Advanced search
  5. 8:05I need a grammar
  6. 8:51English grammar
  7. 9:40Query grammar - Furniture store
  8. 11:26Parsing
  9. 13:34First Rule of Grammar Club
  10. 14:12Not a RegEx
  11. 18:12Release the parser!
  12. 18:58Requirements
  13. 20:08Two lessons
  14. 22:52Parse tree print
  15. 23:31Onboarding add-ons
  16. 23:53The benefits of having a CQL
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.