feat: multichain token detection

[salimtb]

Description

TokenDetectionController is responsible for detecting and keeping an updated list of all tokens across supported chains. This dataset is stored in the detectedTokens state variable within Metamask’s state. After completing this task, token detection will be enhanced by implementing periodic polling across all networks linked to the wallet, resulting in a more comprehensive dataset available to users.

For each network added to the wallet, the polling loop will receive the network as a parameter and execute token autodetection for it. Once results are available, they will be stored in detectedTokensAllChains, organized by chainId. This approach enables us to retrieve a comprehensive list of detected tokens across all networks.

This should now be working to test locally. Here's some steps to run this locally with core PR:

1. Ensure you build this corresponding core PR using yarn build
2. Link resolution of assets-controllers in package.json: "@metamask/assets-controllers": "../core/packages/assets-controllers",

Related issues

Fixes: #3431

Manual testing steps

1. Attach the mentioned core PR to this one on the package json ( follow the instruction here )
2. install dependencies using yarn
3. start the project using PORTFOLIO_VIEW=1 yarn start
4. add other networks where you have tokens
5. the autodetection should be multichain

Screenshots/Recordings

Before

After

Screen.Recording.2024-11-08.at.14.27.23.mov

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[metamaskbot]

Builds ready [fde2ca2]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7
  • common: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (2038 ± 79 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	440	2326	1955	384	184
		domContentLoaded	1685	2313	2001	169	81
		load	1739	2328	2038	165	79
		domInteractive	24	109	51	21	10
		backgroundConnect	7	97	35	28	13
		firstReactRender	60	304	127	53	26
		getState	4	57	24	21	10
		initialActions	0	1	0	0	0
		loadScripts	1202	1711	1469	137	66
		setupStore	6	84	12	17	8
		uiStartup	1896	2938	2314	248	119

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 126 Bytes (0.00%)
• ui: 2.28 KiB (0.03%)
• common: 620 Bytes (0.01%)

[metamaskbot]

Builds ready [e899713]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7
  • common: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1965 ± 125 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1711	2809	1969	255	122
		domContentLoaded	1652	2737	1932	241	116
		load	1661	2811	1965	259	125
		domInteractive	21	106	47	22	11
		backgroundConnect	7	127	34	36	17
		firstReactRender	51	263	119	43	20
		getState	4	55	16	16	8
		initialActions	0	1	0	0	0
		loadScripts	1139	2208	1411	232	111
		setupStore	5	58	20	20	10
		uiStartup	1849	3017	2208	273	131

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 126 Bytes (0.00%)
• ui: 2.28 KiB (0.03%)
• common: 620 Bytes (0.01%)

[salimtb]

closing this PR because the changes has been moved to #28444