Port ValueFlows kanban WebComponent to Svelte
Svelte is looking like a good choice so far! (but we won't know for sure until we've proven all claims made in #1)
A good start would be porting an existing native WebComponent that was built for ValueFlows into the new frameworks to see what the comparison looks like. I recommend we do this with @ivanminutillo's kanban webcomponent because that's a real need for the Holo-REA team as well as both InvestorEngine and CoMakery.
So basically the goal is- stub something out (see the resources linked in #1 as a guide), we probably just need the basics for this task. Each of these should be thought of as a separate feature and pushed to master
after completion. (Feel free to break up into separate tasks if desired.)
-
get a Svelte storybook set up to develop within -
port Ivan's kanban component into the new framework - keep PostCSS. The existing CSS looks pretty standard.
- if it uses GraphQL already, note that some of the queries will probably need to be changed as the VF spec has evolved since this work was undertaken.
-
setup PostCSS to use W3C CSS advanced features syntax, with the compiler just doing the browser compatibility stuff -
get JavaScript sourcemaps working -
get CSS sourcemaps working -
attempt getting TypeScript or FlowType working with components -
pull common component styles into theme variables (start with fonts, colours, line heights, padding) - pay attention to the use of a "manifest file" for each component to declare its dependencies on shared style globals.