Lit.js migration roadmap

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

## Goal
Implement [Lit.js](https://lit.dev/) to maintain a primarily Vanilla approach while structuring our components more effectively.

> Utility modules (styles, view-models, constants, barrel exports, core helpers) are excluded from this list — they do not need to be migrated.

## Standalone components

- [x] [bundlephobia](https://github.com/NodeSecure/cli/blob/master/public/components/bundlephobia/bundlephobia.js)
- [x] [expandable](https://github.com/NodeSecure/cli/blob/master/public/components/expandable/expandable.js)
- [x] [file-box](https://github.com/NodeSecure/cli/blob/master/public/components/file-box/file-box.js)
- [x] [gauge](https://github.com/NodeSecure/cli/blob/master/public/components/gauge/gauge.js)
- [x] [icon](https://github.com/NodeSecure/cli/blob/master/public/components/icon/icon.js)
- [x] [items-list](https://github.com/NodeSecure/cli/blob/master/public/components/items-list/items-list.js)
- [x] [legend](https://github.com/NodeSecure/cli/blob/master/public/components/legend/legend.js)
- [x] [locked-navigation](https://github.com/NodeSecure/cli/blob/master/public/components/locked-navigation/locked-navigation.js)
- [x] [locker](https://github.com/NodeSecure/cli/blob/master/public/components/locker/locker.js)
- [x] [network-breadcrumb](https://github.com/NodeSecure/cli/blob/master/public/components/network-breadcrumb/network-breadcrumb.js)
- [x] [npm-avatar](https://github.com/NodeSecure/cli/blob/master/public/components/npm-avatar/npm-avatar.js)
- [x] [popup](https://github.com/NodeSecure/cli/blob/master/public/components/popup/popup.js)
- [x] [root-selector](https://github.com/NodeSecure/cli/blob/master/public/components/root-selector/root-selector.js)
- [ ] [navigation](https://github.com/NodeSecure/cli/blob/master/public/components/navigation/navigation.js)
- [ ] [wiki](https://github.com/NodeSecure/cli/blob/master/public/components/wiki/wiki.js)

## Search command

- [x] [search-chip](https://github.com/NodeSecure/cli/blob/master/public/components/search-command/search-chip.js)
- [x] [search-command-panels](https://github.com/NodeSecure/cli/blob/master/public/components/search-command/search-command-panels.js)
- [x] [search-command](https://github.com/NodeSecure/cli/blob/master/public/components/search-command/search-command.js)

## Package panel

- [ ] [package (container)](https://github.com/NodeSecure/cli/blob/master/public/components/package/package.js)
- [ ] [header](https://github.com/NodeSecure/cli/blob/master/public/components/package/header/header.js)
- [x] [pannels/files](https://github.com/NodeSecure/cli/blob/master/public/components/package/pannels/files/files.js)
- [x] [pannels/licenses](https://github.com/NodeSecure/cli/blob/master/public/components/package/pannels/licenses/licenses.js)
- [x] [pannels/scripts](https://github.com/NodeSecure/cli/blob/master/public/components/package/pannels/scripts/scripts.js)
- [x] [pannels/vulnerabilities](https://github.com/NodeSecure/cli/blob/master/public/components/package/pannels/vulnerabilities/vulnerabilities.js)
- [ ] [pannels/overview](https://github.com/NodeSecure/cli/blob/master/public/components/package/pannels/overview/overview.js)
- [ ] [pannels/scorecard](https://github.com/NodeSecure/cli/blob/master/public/components/package/pannels/scorecard/scorecard.js)
- [ ] [pannels/warnings](https://github.com/NodeSecure/cli/blob/master/public/components/package/pannels/warnings/warnings.js)
- [ ] [pannels/warnings/code-fetcher](https://github.com/NodeSecure/cli/blob/master/public/components/package/pannels/warnings/code-fetcher.js)

## Views

- [x] [views/home/maintainers](https://github.com/NodeSecure/cli/blob/master/public/components/views/home/maintainers/maintainers.js)
- [x] [views/home/report](https://github.com/NodeSecure/cli/blob/master/public/components/views/home/report/report.js)
- [x] [views/search](https://github.com/NodeSecure/cli/blob/master/public/components/views/search/search.js)
- [x] [views/settings](https://github.com/NodeSecure/cli/blob/master/public/components/views/settings/settings.js)
- [x] [views/tree/tree-card](https://github.com/NodeSecure/cli/blob/master/public/components/views/tree/tree-card.js)
- [x] [views/tree](https://github.com/NodeSecure/cli/blob/master/public/components/views/tree/tree.js)
- [x] [views/warnings](https://github.com/NodeSecure/cli/blob/master/public/components/views/warnings/warnings.js)
- [ ] [views/home](https://github.com/NodeSecure/cli/blob/master/public/components/views/home/home.js)


Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Lit.js migration roadmap #549

Context

Goal

Standalone components

Search command

Package panel

Views

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Lit.js migration roadmap #549

Description

Context

Goal

Standalone components

Search command

Package panel

Views

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions