Use Solid-js

[aminya]

• Converts ListElement to a solid-js component
• Removes vanila-jsx
• Uses Parcel to build the project

Fixes #27

[aminya]

Edit: this is solved now!

This mostly works. The remaining is to make the select method working using the keyboard. The issue with the select method is that inside handleSelection the reference of the active element is needed. But I don't know how to store an array of references to the rendered elements.

For one reference, I did it using ref={} property. It already works with the mouse (onClick)

intentions/lib/elements/list.tsx

Line 70 in 86f1380

<li ref={liRef} class={isSelected(index) ? "selected" : ""}>

[aminya]

At this point, everything works except for handleMove. The arrows don't do anything

[aminya]

The movement handle now works 🎉

The only remaining is to fix the failing test.