Command palettes in LiveView application – previous implementations?

Phoenix Forum Questions / Help
#1

Hi folks :wave:

I’ve been looking for examples of people implementing so-called command palettes in their live applications. Has anybody seen this implemented and (hopefully) open sourced?

Hoping that any examples of this would be of interest for the community at large (I for one love them when done right).

Take care all!

command-palette
command-palette1200×471 25.5 KB

#2

I built one for https://petal.build (hit cmd-k while on the site). It’s not LiveView though - ended up using Alpine JS & fuzzy - npm. I put it in root.html.heex so it’s available everywhere. Happy to paste the code here if of interest.

2 Likes
#3

these might help:

by @andreaseriksson

2 Likes
#4

Didn’t know – thanks for answering!

Also thanks for pasting code but outside of LiveView I feel I can manage implementing it on my own accord.

Really great job @mplatts per👌🏻

#5

Those are great tips :ok_hand:t2: Thank you @outlog!

1 Like
#6

I had planned to make a set of libraries called palettable where it would support static or dynamic command evaluation in the browser or on backend, and ideally would be a set of protocols so frontends and backend could be interchangeable, and not just limited to live view.

Alas, life got in the way.

I still really wanna do that though

1 Like