Component Viewer / Core Peripherals: Replace TreeView with a custom webview (#926)

* Replaced TreeView with new WebView implementation (includes AI generated parts)
* Updated/added dependencies and TPIP documentation
  * Production Dependencies
    * @vscode/codicons  0.0.45
    * react  18.3.1
    * react-dom  18.3.1
  * Dev Dependencies
    * @types/react  18.3.23
    * @types/react-dom  18.3.7
    * css-loader  7.1.4
    * mini-css-extract-plugin  2.10.2

---------

Co-authored-by: Jen-Tse Huang <jen-tse.huang@arm.com>

Author: thorstendb-ARM

.vscodeignore

@@ -6,7 +6,8 @@ __mocks__/**/*
 coverage
 dist/**/*.js.map
 images/*.pptx
-node_modules
+node_modules/**
+!node_modules/@vscode/codicons/**
 scripts
 src
 test-data
@@ -20,4 +21,4 @@ tools/**/target.txt
 tools/**/sha256.txt
 docs/component-viewer
 *.config.{mjs,js,mts,ts}
-*.setup.{mjs,js,mts,ts}
+*.setup.{mjs,js,mts,ts}

TPIP.md

@@ -8,4 +8,9 @@ Generated for release: 1.6.1
 | pyocd | 0.43.0 | https://github.com/pyocd/pyOCD | [Apache-2.0](https://github.com/pyocd/pyOCD/blob/v0.43.0/LICENSE) |
 | vscode-uri | 3.1.0 | https://github.com/microsoft/vscode-uri | [MIT](https://github.com/microsoft/vscode-uri/blob/main/LICENSE.md) |
 | xml2js | 0.6.2 | https://github.com/Leonidas-from-XIV/node-xml2js | [MIT](https://github.com/Leonidas-from-XIV/node-xml2js/blob/master/LICENSE) |
-| yaml | 2.8.2 | https://github.com/eemeli/yaml | [ISC](https://github.com/eemeli/yaml/blob/main/LICENSE) |
+| yaml | 2.8.3 | https://github.com/eemeli/yaml | [ISC](https://github.com/eemeli/yaml/blob/main/LICENSE) |
+| react | 18.3.1 | https://github.com/facebook/react | [MIT](https://github.com/facebook/react/blob/main/LICENSE) |
+| react-dom | 18.3.1 | https://github.com/facebook/react | [MIT](https://github.com/facebook/react/blob/main/LICENSE) |
+| css-loader | 7.1.4 | https://github.com/webpack-contrib/css-loader | [MIT](https://github.com/webpack-contrib/css-loader/blob/master/LICENSE) |
+| mini-css-extract-plugin | 2.10.2 | https://github.com/webpack-contrib/mini-css-extract-plugin | [MIT](https://github.com/webpack-contrib/mini-css-extract-plugin/blob/master/LICENSE) |
+| @vscode/codicons | 0.0.45 | https://github.com/microsoft/vscode-codicons | [CC-BY-4.0](https://github.com/microsoft/vscode-codicons/blob/main/LICENSE) |

__mocks__/vscode.js

@@ -91,6 +91,7 @@ module.exports = {
             reveal: jest.fn().mockResolvedValue(undefined),
         })),
         registerTreeDataProvider: jest.fn(() => ({ dispose: jest.fn() })),
+        registerWebviewViewProvider: jest.fn(() => ({ dispose: jest.fn() })),
         showErrorMessage: jest.fn(),
         showInformationMessage: jest.fn(() => Promise.resolve(undefined)),
         showWarningMessage: jest.fn(),

docs/third-party-licenses.json

@@ -29,9 +29,44 @@
     },
     {
         "name": "yaml",
-        "version": "2.8.2",
+        "version": "2.8.3",
         "spdx": "ISC",
         "url": "https://github.com/eemeli/yaml",
         "license": "https://github.com/eemeli/yaml/blob/main/LICENSE"
+    },
+    {
+        "name": "react",
+        "version": "18.3.1",
+        "spdx": "MIT",
+        "url": "https://github.com/facebook/react",
+        "license": "https://github.com/facebook/react/blob/main/LICENSE"
+    },
+    {
+        "name": "react-dom",
+        "version": "18.3.1",
+        "spdx": "MIT",
+        "url": "https://github.com/facebook/react",
+        "license": "https://github.com/facebook/react/blob/main/LICENSE"
+    },
+    {
+        "name": "css-loader",
+        "version": "7.1.4",
+        "spdx": "MIT",
+        "url": "https://github.com/webpack-contrib/css-loader",
+        "license": "https://github.com/webpack-contrib/css-loader/blob/master/LICENSE"
+    },
+    {
+        "name": "mini-css-extract-plugin",
+        "version": "2.10.2",
+        "spdx": "MIT",
+        "url": "https://github.com/webpack-contrib/mini-css-extract-plugin",
+        "license": "https://github.com/webpack-contrib/mini-css-extract-plugin/blob/master/LICENSE"
+    },
+    {
+        "name": "@vscode/codicons",
+        "version": "0.0.45",
+        "spdx": "CC-BY-4.0",
+        "url": "https://github.com/microsoft/vscode-codicons",
+        "license": "https://github.com/microsoft/vscode-codicons/blob/main/LICENSE"
     }
-]
+]

jest.config.ts

@@ -32,7 +32,8 @@ const config: Config = {
     "src/**/*.{ts,tsx}",
     "!**/*.d.ts",
     "!**/*.factories.{ts,tsx}",
-    "!**/__test__/**/*"
+    "!**/__test__/**/*",
+    "!src/webviews/**/*"
   ],
   coverageDirectory: "./coverage",
   coverageReporters: ["lcov", "text"],