Lit.js migration roadmap

[clemgbld]

Today:

Today, the project consists of a set of pseudo-components fully managed in Vanilla JavaScript without any external libraries.

Goal:

Implement Lit.js to maintain a primarily Vanilla approach while structuring our components more effectively.

(Easy) components to migrate (most of the code is html element creation):

• legend component (see refactor(legend): initialize lit migration #546)
• bundlephobia component (see Migrate the bundlephobia component from vanilla js to Lit.js #547)
• expandable component (see refactor(expandable): migrate to lit.js #551)
• file-box component
• gauge component
• report component (easy but is blocked by the migration of the popup component)
• files component (blocked by expandable)
• licenses component (easy but blocked by fill-box)
• vulnerabilities

(Medium) Tougher components to migrate (because of their interaction with other components)

• popup component
• locker component
• scripts component

(Hard) hard component to migrate (because of the inherent complexity of the component itself and its interaction with other components)

• navigation component
• wiki component
• settings component
• search component
• maintainer component
• package (container)
  • header
  • pannels/overview
  • pannels/scorecard
  • pannels/warnings

(Hardest)

• searchbar (probably more rewrite than a migration see Implement a brand new search bar #423)
• home

(Icon migration)

setup a new icon system (see #556)

Note

The estimated migration difficulty for each component is provided as a general indication and may prove to be easier or more complex in practice than stated