make library items filterable

When you have lots of library items, especially when you import 3rd party libraries, it’d be useful to be able to filter them. Coupled with item previews sometimes not being descriptive (too small preview), finding the right item can be a pain.

I propose we track keywords: string[] in library items for that purpose.

For a start, I’d not add any UI for adding those keywords from the app itself, but make it a requirement for authors to manually add them to the JSON when they make a PR to add them to https://libraries.excalidraw.com/. The sooner we start, the better, as adding the labels retroactively will be hard(er).

[dwelle]

If we’re gonna start adding metadata to each library item , we’ll need to change the schema.

Right now it’s:

{ library: ExcalidrawElement[][], version: 1 }

We’ll need to change it to:

{
  library: {
    elements: ExcalidrawElement[],
    title: string,
    keywords: string[]
  }[],
  version: 2
}

So we’ll need to bump version and keep backwards-compat implem for older libraries.

[qodesmith]

In addition to keywords, it would be helpful for authors to add a title attribute which Excalidraw can surface when hovering over an item. Originally posted here.