feat(cli): support bundle diff cli (#519)

Co-authored-by: Soon <[email protected]>

.gitignore

@@ -19,3 +19,7 @@ tsconfig.tsbuildinfo
 .history/
 .env.local
 .env.*.local
+
+log/
+
+e2e/**/*/manifest.json

e2e/cases/doctor-rspack/bundle-diff.test.ts

@@ -0,0 +1,84 @@
+import test, { expect } from '@playwright/test';
+import { Client } from '@rsdoctor/types';
+import { getRsdoctorManifestPath, openBrowserByDiffCLI } from '../../test-kit';
+import fs from 'node:fs';
+import path from 'node:path';
+
+const statisticCardTitle = '.statistic-card-title';
+const tableCell = '.ant-table-cell';
+// @ts-ignore
+process.stderr.clearLine = () => {};
+// @ts-ignore
+process.stderr.cursorTo = () => {};
+// @ts-ignore
+process.stderr.moveCursor = () => {};
+
+// Function to replace paths in manifest.json
+function replacePaths(
+  manifestPath: fs.PathOrFileDescriptor,
+  oldPath: string,
+  newPath: string,
+) {
+  const manifest = JSON.parse(fs.readFileSync(manifestPath, 'utf-8'));
+
+  const replaceInObject = (obj: { [x: string]: any }) => {
+    for (const key in obj) {
+      if (typeof obj[key] === 'string') {
+        obj[key] = obj[key].replace(oldPath, newPath);
+      } else if (Array.isArray(obj[key])) {
+        obj[key] = obj[key].map((item) =>
+          typeof item === 'string' ? item.replace(oldPath, newPath) : item,
+        );
+      } else if (typeof obj[key] === 'object') {
+        replaceInObject(obj[key]);
+      }
+    }
+  };
+
+  replaceInObject(manifest);
+
+  fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2), 'utf-8');
+}
+
+test('use Webpack stats.json', async () => {
+  // Usage
+  const manifestPath = path.resolve(
+    __dirname,
+    '../../fixtures/.rsdoctor/manifest.json',
+  );
+  const oldPath = '<root>/rsdoctor';
+  const newPath = path.resolve(__dirname, '../../../');
+
+  replacePaths(manifestPath, oldPath, newPath);
+
+  const { dispose, page } = await openBrowserByDiffCLI(
+    getRsdoctorManifestPath(),
+  );
+
+  await page.evaluate(
+    `window.location.hash = ${JSON.stringify(Client.RsdoctorClientRoutes.BundleDiff)}`,
+  );
+
+  const statisticCardTitleDom = await page.$(statisticCardTitle);
+  expect(statisticCardTitleDom).toBeTruthy();
+
+  const tableCellDom = await page.$(tableCell);
+  expect(tableCellDom).toBeTruthy();
+
+  // card for bundle diff.
+  await page.waitForSelector('.statistic-card', { timeout: 20000 });
+  const tabs = await page.$$(`#root .ant-tabs-tab`);
+
+  expect(tabs.length).toBeGreaterThan(0);
+
+  const tabTexts = await Promise.all(
+    tabs.map((tab) => page.evaluate((node) => node.textContent, tab)),
+  );
+
+  expect(tabTexts).toContain('Overview');
+  expect(tabTexts).toContain('Assets');
+  expect(tabTexts).toContain('Modules');
+  expect(tabTexts).toContain('Packages');
+
+  await dispose();
+});

e2e/fixtures/.rsdoctor/chunkGraph/0

@@ -0,0 +1 @@
+eJytWG1z2jgQ/isa3Qegp7GDAffiNL0TNM0xSSbTpplcp+aDYiugYmSPLUgIw3+/sWz8Fiu8JJ1Mx6xWq30erXZXWkESRVRE0Pq1ggERE2jBGeNsRjztdwQRjNgzhVbX6CDoTOZ8GmvCIzhC0PG5oFxAC+of5D8dNJstcPoZrICug0d6HxBn2vd9EYmQBDbP1Gxhw3lEQSRC5ggbntjc5roO2CzwQwFWYMgjQbhDwRo8hP4MNJwJ8aaNk7LWhI0nHhtPRKam6XPBvKiqOKbiXzHzftCnoupEzLyq5pQuzao1o6xkQ02PxNKjmhNF0nddB47PIwGCkHEBTgGnjxmEZivRkGPN2H4siPV9j2qeP242Prls8fkHjQSIPfykxz8bpWkZ0r+1ZiNZi9w74BS0jc5Jo9VKCNzQu241WzaX8/8AkT8PHXpFgoDx8e33y9N8d7UZCeAaZfsehU6CWGfcpU+aq4lEZxMFhtkuREEpBFY2XNAwYj63odVBNnxgHrWhZcPclg2RDRN/vvu+kKMFWWRD65cNNU1P/qruxAZGyIaczBLd+McsARZJYxhjjK4xvkZnGJ+hK4yvCl+sjzHrowHGgxOMz54H6LGP8biPbjG+lWJ0gfFFYYaUEYxJIvuJ8c/q6DeMv6FzjM+rsgG+E+c2XNcSXENt5wBqc1v7UJt7sQ+jNxjfJBinfYynJR5zyqWW/EqHB2Ef0XhYTh1iPNzQkwy31cMV8tJ8ojk+f2DjGgbb3f0ZrDG6M5WVubuQOSiGZx5YErykLqVl+CSjCBdoSad0v/yXMf81po4mwzWEZfts1JB1ZB4Ybsbh8WbsFXDyLEr88r/skMbI+QA5GDslzgZP/URY1Bw8p0JVVNXlvIyl9vGRiqWsYlwyLmiY1Yx/wsj1HeGHulgGVFYi+iRVXep4JKTgYc4dwXwOhH9DFzRkYtlkPJgLK7WlbcTDWIqASx/I3BOXdEG9FzqtFxJV3q/kdGVaytGbx1vQ5wU4BX9P7qmnZ+IC+lK1fklKUtOmdNkGp8CGbaMjK6tKyyhp1cKt5NkK3Lj2vzwV7e7H/U9FZmrfMyEn7nIiLvCmUt1hfJfUmDwnpKfDWWw5/7ugTPn+AEgE5FSz3AqZhR398LLnqh/p1g7l3Zdq84za3avJ2AVkyiKandeBnDcPiTyDm2ObWo0dKgebSwSxypOKcSlPplRSQVGVrbqN6tSEZOevAxN15/BE3dkpLM9wTem+ezXJmu8J0DwcoLlrJaoAzOpNDUCZ7+vwdfbHl9vaF14yc586KytjoadT7V23Bptx6N51D9+77q7oys2AClbvPWH1DofVe19YqntG2zi08XvbFS4x8XsHiNcY/fkFO3XIFNfS9tEBZfuwa2nuxfbd2mFrMgjHylYrLTVZ1+iElAg6nJExPfPojHLRFEx41AKELxGIQkd+tSyw8Jn7xu4o90+ZxFTdbeHNpen4LrXkaw8ftzYfKtfKrZm6imS+fTR29C1rH03ZPsYfW/pHc5d6nTui7D5UjnS2kVFtC5Q1J3dCeWXZrD7z3blH67v1WicqlU1dHDInzG1bUmkRe693gt3XF++9bXHz9cV7ysVrboydnmrtne5ko8LsFWQutOARRDLHxO+yhHGIIONMMOJBS4Rzmi1sGAgGJIyoeyMFRwhSLsLlRi175i0+744QTKIhHmiPEHRpQLlLucNoiiBpnKkb/4r9k0YDn/H0zbjsW+WJWLVo9qi8Hq3/B2KFTAk=

e2e/fixtures/.rsdoctor/configs/0

@@ -0,0 +1 @@
+eJztPYly27iSv5JCzdabqZFIy87prbdxIjvHlrPJ5phsla1VQWRLgkICHACU5LH871uNg5fkI47s7Lzi1CQRcTQajUaju9Fkn5wTTlMg+2QBo4xG30iHzEEqJjjZJ4+CZ3vBDumQSPAxm5D9cxLRaAr4Q59l2G3MElBnSkNKOoQmiVj0RZJApBmfvINUyDOyP6aJgg5J6dKWvAYOkmomuCL7PE8SU/diAmT/Ue/pwx3zX4dkUiD0ov8oZ0l8CBnwGHjEQCEaiDOdwH8qRPiEhF8USBVGgk/+mkJ4KKI8Ba5VuBDym8poBKFUsYi0kCEsaZoloMJUxCB5N2WcpTQJHchghjAHHaKVn/524Ht4xQBjSVNAAP2tjmMfAzeYVjhUDGOaJ/qrW+zvHImLGIapiHMcLch4loaObQ4sqwxBmVU62Al6T4Les3oP1zZM2Cgkg4uOZaZDJgGhn5H9rUy7jqQZIiyZ2zwfi8iw392PiP92MyniPDIDdsiUqumLZCIk09OU7JM0fmg2WJpJUHbfOX5ncQKfWQoi12T/sd0TlbJXQr7lTDOafNJC4t5ptngx1iCPqZxAf0r5BDdMz7Qpt3wdN2UBkTVBQDpEAo0FTyrb2ezlPs72C6fjMUQaYld7YUSGhqXeDokJcu5cC5GQfTJlcQy8q0QuI+imNCMdAlwjA52TlDKO/7I0E1Ijg8dU031EJZzROVWRZJnuLBiPxSIYDqlSoD9IGLPlcPjgnw/+8Y9/x8E29bEgH5ySSEjoztQpwabbZyBXOVMhTiZkPIZlMFNLMri46BBYZiCZGQLnSdUZj77C6IVSkI5webTMoUPGuc4lHNrtrkoZSqNvfZFmVPuGa/1dS5HrLNfvDFJFYULPQJbQoo2L3yFaZMcwh+TFgjI3kMFcg+Q0UR8kKLDoL2DkEUEiFBD4YlYOA3ieyMrO8AXvzGI3Cj9ISASN18o/4rkhQZYsWiD02Z5lcypJh2BnbHVONG4dbTeK4bE5k4Ij6bF2kogRTT5PWYW6bPKW62OmQdKkpJLgShdPVEqxeJVzu+eKUlyGtdKxkO/HxVMMSss80rlkfFKuU4ZdaNKfUsarFUhPy9ivhOwLCXYtlae3hjRLqIYmuvEZpymL3roNtKn0Lf8q5LeClB2S1tkkdpvALf2FaWAES1Xa+E54iEtlSV5uN3zK+TcuFrxvRclH+DMHpCQJSGetbnK0zAoEmpVRLhWbg596vbovmWYRUsDWwjKTG4esVdTGq9U0BqvUNUdaSJplEDdgnl+s1zRg1qtLsA4dpSWLNLKma/Ge24VTVYzx2WxFHuHagJQC+d+KuXegqR+ttvbv7Eom9K8z0qhCbgMdTTczTXNf1ipfYb8PkuGxWMqgSALVgIvAJJT71shs5A8U019k0hc8Znbj4AGw/MT+ArL/dOfZ4wvkvYlVN4W0pHUq0Ee7F07OScpScNoszbKEWd3ACGXS8XpuyZghzbUgF51zoi1rhKenRpX7JWSV9qjbYaNLoJv69dYVkOlM1SGWGIBKzYmsRDI3G2h0VujF5hTEBvvnZJwnydmnDCI2Ziie7W68WMPdjhODBc8EP6S4+oWS73bqxd3jEl0+accv65S/DvtIpKngM7UZ/yrYcq3OCbLLCWnoAGjjVBexrBjcA3EWVKU16ixgRN25HZoTBAcr+Pom61lBbTMOgyt4GPG5f2TiCgFJLlE3FBzwnDw5JyqagtFtw/9F4fBLWOJnpEbIeMI4WCaqluPYqE8SOwgWSl3B0u3QtQ27YHp6XbNBlRDVHf58pkJy5bytyGtuEqWqE2uKpg5RLIYjo5QVp32uwAzvtZsftftQde1GSnVhqSWNdDdL8gnjB7vBs2BnWLcK6/0v6RnGTOnQoheYzbo9ZA+kNUt/R839oBfsBL3uCDQNGgaqbxdiuxBtMpZAHCKyDhWvb6nSxjg2NWhbeZXGKua4FF61pSnER8uaQmUP4NdGiWwey2ifJnh2z4E7OzWiKSR9qsBoqBFN3sbA9X9ZQ+7ElAy6J2hc7o+ogscP9x8PkBEtV7+jWZWX/p/QNRNKX0ZbV/e+UmLYBDeRcRld/dc5GUmxUGZdTsh/PNgJdnr/RlAp1g9ioLH7KbIhsuMDmiToHamMP05gORJLsk+46O7u7DxD9OYgJYvhpQOdMKVvDv6i4yf1wcwERU+uRWZUdJBGTHhHk9d01ldvUBMX2BnkR0ioLrTDprT49fn+TK1marlKZ2oVzdRK4//LVarVKtLqt6tlCeNRksdWeFAeb8k5RTrnSCFE8eT09PQ0HFQZxhWFRhj7STisZ03MPQDPZO4RWc39RMlSgOyQGm+enoYSUApJkWuQ19V3Y5FuanMgIWXLrsw5dihB3Z1zAPkVln5tLJEUyDnIFfb47fQ0ONGzgVo+/yXEtts+AEZ0BInbugfPgl6wNzwwZVYYPAl2HwW7Vx4EVQjGJ+g9HXVJYJrJqGpOj9nkVdUzjBKFRoVLI/P+hZMfdm+6KVmIXeBzO7FNc22IPFMflh0bMzwvz4pC9BeLqSXlaixk2sVtKcZddZaOhBFRo3yC4qI41xGBmaFT6a3bC/aeEOM/z4Qyp4vzwFiHxneJxFzBy5wl+i0uhnOzVYUC8RM1Mq1bYh4lVCl0L2YgNTrrBxeDzpbXA6ljpRWuwcPgyXcuS9l/bXWY+vzpfzyRaZIcLTVwZXmyKBQLPIAN1vXiQ4gSKuEVgyQuapCnU/YX9NEfdMTz1C/M1uliJNbtSGK6rlEjRm+eyKxPx/tYqpxRKJmfMnQUF41kzjUzOgoeJynVaGkNBp3Kab61uVsO9FzfjSESxuxX30uJSwGt0aXccwlMaHRmDvG7mY7VDLvOe9EdS5H+4Lw2QGyK4buZSkYlXlt0K7bkD05lA8TGVO6KyzKWAVqUXZRzyCQ/OpMmvDWe803RdHbK1DYlSFOOux18u2mtgbliBxloeNmcKzj6VHNWb2NXFYrT71bvsPLuYDd49DTYGd7YkikvZ6pgrPFqJ30s8IoFT+U/7Ny2w39uOEtXa3ke9ILeXvBok1ZVa7dG9ISNJJVnzno8oDIS3RgUm3BzX2nOALQzbbPqBS0oc014lhSuaGOY7h5SNcV7JcELq9TbMJeA3wLL3jdJQhYZp+0GulgbwdXfkiQW/Da2csnrOWddw9ggPas3ruiHZjXjbuRRVQePg17Q2x1WtKtHwaPg4aU7oTJIadzXiJ6ImKppleDbEFm1ISqixtprkIo5GMFq9byDneBhsPvwCta4FsQa19gW/qps+6LKC18vpQwWv1vsYpEe9J4GO8HTWjmW7QV7w1qj3WBnWNTuNg2xylJ6MW3kWTRTYZSwUClZJ5RS0tltXRZvW7at86PZ03uXMuoVK7rWZW0FlSpvMbNcFmItZipLqJMH7sIU2QOZ+3P95rS8UXXX3u6+i+qpMbU2kNfihSbRYM3Ffqurh9a6b6371rpvrfvWum+t+9a6b6371rpvrfvWum+t+9a6b6371rr/qdb998d3/fp8P+OT1SzDPzBZZf7v1YSNV6M0W6HhvWKRWFFsSOdsvNL2z3g1G7PxbzZMsIyL2xzrZlHDn/+dg30B59fh0IbI/dOgtspl8htGMlSDaM1LX+4dEqVR6w9ZSicQnmDhIDgx735wbaKRng5OYKkH5GIt5M6F4m1AwtaEa1F6aPYWoeJXBv/iey47zeDfW+I9WF+eNHuIa5CuxGSySsV8lWZ7qwWdr8YJjVaURqv0IV2JLFf3vhIpxIz+DVfiJnhvWImFGI9X+NfuCoReaT1eCT1eaR3dO+XHguu/IeFvgHaT7jYQ2QRdr8XiXkbla7BAkKGJXxwEVtibUUhTNmqRJmbobXs8bxfLaE7SQrOwoaAYxN4IFI1RibT9KnpIryDtZcF3lYmf0ed3PXN3rJ7RNLEEuLnh5IlSAVEqi/jkgzzXeEn9+nyfrqLfXExzG7r8M0KX99rQ5TZ0+a5Dl+9i9bwlQJWqLeKtJRdCKpfZae7dXBZXWZuvsWbCUOXEv8L5wEt7DwEbdMd8QP5FKINPV5OkMk13d5Ix+7oPmksOkHvhMAGc423eyd9AAoMapCOIY4gPesGTJ8HTertaCye9q5bjbcLsE2hPsJ94gu22J1h7gv2NTzAUH9uR0wipXGZ8ulpOY4vKSpdGyBGno8S/fIlmp/N4bfulFrM6TWJv/1i4T4r/2FGi5hNzktyf60LNJ5e4ABCZH3VcrNu1a73sFckdGLdtIFMbyNQGMrWBTG0gUxvI1AYytYFMbSBTG8jUBjK1gUxtIFMbyNQGMn1PINNdXlLMJ/Kmrpjr9nvz1mI+kTXv9trlvJpPCl8x/u4X37oulf/iK9nO/HDKqA3GoKmB4x2U5sHuuD8YLF6iH9P5Dy+M0T9my7ex9XpZ3dZ9ftQDvS4ogCmVgyw++nKjz/uYz43Fy/ZTMK2PpfWxtD6W1sfS+lhaH0vrY2l9LK2PpfWxtD6W1sfS+lhaH0vrY/mX97GYYEDytyZ0IVavDUpOWIrpd3o71aRPN434Gdz9m0c3xKHyvtelHzi+g7diStFLs6yLuaeUF75XCtQtnKLFgKXw9YeqmlKJQWY27jW0BLEa8nEZvjswH84u03wRn17Jpy3ym3E4rCxLKkzar+EwZrJadFE4LGix1mhumMW2cJw0609z/s2mWVFZwrR5NrwYuV/oFDG5lMZCRoD88nkqQU1FEtsMZjsurdRrKfLMsfGoS7mOTZoFwwznZpP7ZDElbxctMcIMbYclU5iI0KHlXF+mlYzEDeFhy2vhWa3mZhBdW4/Jkgl1Q1RMU9cvE8nZmCXJzboWrU2aDeMgPa/Wez1/IyTsYz5p3uxkCy/v5UW4eQXuDUOPEbmClh1kK88yu1Vg3d0KuD+Ax0KqGtS5K7sK+CYsuz0jqBxkw464SfGsrn16zWWMQo1euSh6F0GPntEpiwHP+Ld8LCoOMBd1rjbMrmeerLjctVyPKTAxbYrLOYVvZdlSl+WvXl740FAtOQQj6o3Y6+IS++0pjUisHAkVGlBJkwSSCnK+S62HPY1NIj1/IJ+TFOQEjgWfTE1KAHv0DlzGmo3DOWr1RepS1/mg4pthkVI+sbnCFB1TyXo7xfZDLZ1qmwsvYmxokxT6DDqohEPK9Ht+hPmtSh+71R5ezClLMMy5cDLUqo/STJ/5NXMY4tQPc+tcgnrdOKGTt9YfHjd6GfCokuA9jwaJE1XoAu1Y0bi5asO7JJkUcxav8dYGdmOcg3wtaTYtsDBUbDSLBMeZcKqbGeKiKUTfvlKVuj1RBYLFzZxi+IS0/Ihe0rhKS5r07fn+xkjJMuHfEZ/X08Jd+MyDdkEVuBSEr8pjyr4lbN5NPvkTA4jxpSqTcahO82iK6oouH3P+7dWaEoLHLfa9TBMxSpXt6xgNU/jRs26Wq6mvwqPX5N4zGX+yRvFrd+T6HLsGzaEPjR9aHWRoj/9hmfGyAFEkAe05UREptXEil0whUsoKrv7tSFD0fwM0xuxN/Wq2Us9FaUYlvISxkHCUspLsUij1XjLjDnNUKhIampSexcUJeluKFwYsVbpreUDbLIy3zMKIpDMvdPQrrFmedo5vrU+saw8+m2TE9jq2ni7foaxASdCEZtMAYmrj72BTs9Pser4fzQB1FKIgGbukuYdsYi2BKSxrRcfAJ5iEa3fHlpYLSJZLLHiMGXanQn/JYi+yq+KExYPgBD/MYr8+MBW6m5uWFqOiY3Mbv/EV12/lAgZmLK2O7fTmyxEwXkTGxoWmbRfIz9E5KV2222ryxlpNkGI6xw6xy2pt4c1Mg2/5bCktMtouxEJkRjEqfCujhEUf3EDVF2KrlEHOGQQpzUoZb9Na2g1kTvM3lMdJdbfVWiwjMLtyrVXO2Z85eP/utRJnUTI4Jjw3rN2pprtbO6Gu+aZFhyzMxv1QJURR2q8fKI0N6Vt93YBURatjmFewZ7KogzQakknyeU6mjFdObKNzKtBOEX1UaKJHeLufCcZrVRfrSdmlPevf8izXdib1ivfmMG/UXJoO0ZAHrUXvVzBnA0qUgsMdv3ZIEAQoYWjCqPK36yf+zUOsSc1ea1Y0IaBc/BmDWgvey/f7Hn3hTo57Hbez+e23TpmhcyM+0uV/vRNC0DT+CaOWOabveWBvx/6MkWMYMw4/g9z4ZaLL3720/qa6pWYg1l5S3X4yN2LfOW4QwikXNmirTJa9Nm2Ho/H82lxwZVTSCQnMURFohaqS1WNMCvkOwbzC9sncMDbIOygyQ5eEdQXYWAqht/UO8PoK4hOWWgFUwcAVkFqwkP/ChDGb8XgcQfG5DdIpk7eXRbclkWEbzJL9jupoat5RPjebeGJ/4Dv/X5DFTJZwOlIiyTW8LEq3QawLv1TIyAdew5ypIeM2if2WlLa6J7zMNtipDaowCHMr4yGkDjnYLjTrJN8WTAvMxTpU/fpb+FTJ2lXBo2Av6PU2xc9uvnToMmWveXtX3Oqu332ae4W1Yry4szthw0VlsfPuks/CwA3nQtKUH9ajBZoWGHmZuL8J3fI4qHdy3u9NXbwTvN7BWKnLS7r4ykanjY03krWba5YoQ45ftnppVYN/o4ur6yIBHKrFlRQ2r948bqTohCktz0Ij2u+Wc3AIN6C9BbsSo/tG5qLMb35cKn9VxWNdFSg+zVIqR+YW75pDun6oFkD86do4BWfqMp0CL/E4zdRUaHvdbrDHQN+4sNqYvYpH0ipN0+JbT9PCz4vn4/d3qdiIVzf07ovr2rE0zY1z2sdimElzOoH4w20+bFJbeBMdzxvgDP00xWPi/KLUR07cfSyoR9htgSpFYRqbp/JjLBdVfYd8tMEA6ER0H7HpkHeMs75SR/Z2pSh+o9Pkq1Uka2UvqWJRUXJoFPLi8YMUE/TqXlb/Sshvn1UfLwVANqF/NHeBxeNLobVIfXRM2cqRr94bv5L8fz+VU9M=

e2e/fixtures/.rsdoctor/envinfo/0

@@ -0,0 +1 @@
+eJxVy70KwjAUBtBXuXyTQrgmoaZpNjvoFEf3YjMI5ofUQov47uKkrgfOE9cyw2Gj9JYW09ChlHsgr8kPCwRiiLmucDC6ZduS72lHpmEp6dRDIOUxXEKdbjnBQVlWHUsIrENNXz/nBx3znMbPKPEnSLasIVD+2LLac4fXG5saLO4=

e2e/fixtures/.rsdoctor/errors/0

@@ -0,0 +1 @@
+eJyLjgUAARUAuQ==

e2e/fixtures/.rsdoctor/loader/0

@@ -0,0 +1 @@
+eJyLjgUAARUAuQ==

e2e/fixtures/.rsdoctor/manifest.json

@@ -0,0 +1,29 @@
+{
+  "client": {
+    "enableRoutes": [
+      "Overall",
+      "Compile.WebpackLoaders",
+      "Compile.ModuleResolve",
+      "Compile.WebpackPlugins",
+      "Bundle.ModuleGraph",
+      "Bundle.BundleSize"
+    ]
+  },
+  "data": {
+    "hash": "2f92ad3f7425c572ea80ab34001e41fe",
+    "root": "<root>/rsdoctor/examples/modern-minimal",
+    "envinfo": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/envinfo/0"],
+    "pid": 61791,
+    "errors": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/errors/0"],
+    "configs": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/configs/0"],
+    "summary": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/summary/0"],
+    "resolver": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/resolver/0"],
+    "loader": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/loader/0"],
+    "moduleGraph": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/moduleGraph/0"],
+    "chunkGraph": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/chunkGraph/0"],
+    "moduleCodeMap": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/moduleCodeMap/0"],
+    "plugin": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/plugin/0"],
+    "packageGraph": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/packageGraph/0"],
+    "otherReports": ["<root>/rsdoctor/e2e/fixtures/.rsdoctor/otherReports/0"]
+  }
+}

e2e/fixtures/.rsdoctor/moduleCodeMap/0

@@ -0,0 +1 @@
+eJyLjgUAARUAuQ==

e2e/fixtures/.rsdoctor/moduleGraph/0

@@ -0,0 +1 @@
+eJyLjgUAARUAuQ==

e2e/fixtures/.rsdoctor/otherReports/0

@@ -0,0 +1 @@
+eJyLjgUAARUAuQ==

e2e/fixtures/.rsdoctor/packageGraph/0

@@ -0,0 +1 @@
+eJyLjgUAARUAuQ==

e2e/fixtures/.rsdoctor/plugin/0

@@ -0,0 +1 @@
+eJyLjgUAARUAuQ==

e2e/fixtures/.rsdoctor/resolver/0

@@ -0,0 +1 @@
+eJyLjgUAARUAuQ==

e2e/fixtures/.rsdoctor/summary/0

@@ -0,0 +1 @@
+eJx90E0KwjAQBeC7ZKXQQtK/NFkUxGOIi7ROMWibkBkRrb27CNVWELdveB+PGVjjkJDp3cB60wHTrHaOkILxcVVD6wJsXeftGVjEkEygDTEtZFKIlPMiL7MsehtCFEqM0Swt63FlWoLwB5MyT4sPlohSJQts2Y6rg+t/GkplSTkbnKcLorO9bW+rK9TeNKdMO0+2s3fYHi/9aYMIhI/pmGsfXAOIUxzwlX6H658DBJfzR6SSfNyPTzUAdNU=

e2e/fixtures/manifests/empty-manifest.json

@@ -0,0 +1,28 @@
+{
+  "client": {
+    "enableRoutes": [
+      "Overall",
+      "Compile.WebpackLoaders",
+      "Compile.ModuleResolve",
+      "Compile.WebpackPlugins",
+      "Bundle.TreeShaking",
+      "Bundle.ModuleGraph",
+      "Bundle.BundleSize"
+    ]
+  },
+  "data": {
+    "hash": "9b2728ff006f21d827e28e763dec2efc",
+    "root": "/Users/bytedance/Projects/webinfra/devtools/packages/client",
+    "envinfo": [],
+    "pid": 11413,
+    "errors": [],
+    "configs": [],
+    "summary": [],
+    "resolver": [],
+    "loader": [],
+    "moduleGraph": [],
+    "chunkGraph": [],
+    "plugin": [],
+    "packageGraph": []
+  }
+}

e2e/package.json

@@ -23,6 +23,7 @@
     "@rsdoctor/types": "workspace:*",
     "@rsdoctor/utils": "workspace:*",
     "@rsdoctor/webpack-plugin": "workspace:*",
+    "@rsdoctor/cli": "workspace:*",
     "@rspack/core": "0.7.5",
     "@types/lodash": "^4.17.7",
     "@types/node": "^16",

e2e/test-kit/index.ts

@@ -0,0 +1,91 @@
+import { SDK } from '@rsdoctor/types';
+import { execute } from '@rsdoctor/cli';
+import { resolve } from 'path';
+import { launchPlaywright } from './launch';
+import { Page } from '@playwright/test';
+
+export * from './path';
+
+const callbacks: Array<() => unknown> = [];
+
+export async function waitReload(page: Page) {
+  // await page.waitForNetworkIdle();
+  await page.waitForSelector('#root', { timeout: 10000 });
+}
+
+export async function openBrowserByCLI(
+  manifestFile: string,
+  ...args: Parameters<SDK.RsdoctorServerInstance['getClientUrl']>
+) {
+  const sdk = await execute('analyze', {
+    profile: resolve(process.cwd(), manifestFile),
+    open: false,
+  });
+
+  console.log('launch puppeteer');
+
+  const { browser, page } = await launchPlaywright();
+
+  await page.goto(sdk.server.getClientUrl(...args));
+
+  console.log('waitForNetworkIdle');
+  await waitReload(page);
+
+  console.log('page loaded');
+
+  async function dispose() {
+    const i = callbacks.findIndex((e) => e === dispose);
+    i > -1 && callbacks.splice(i, 1);
+    await Promise.all([sdk?.dispose(), browser?.close()]);
+  }
+
+  callbacks.push(dispose);
+
+  return {
+    sdk,
+    browser,
+    page,
+    dispose,
+  };
+}
+
+export async function openBrowserByDiffCLI(
+  manifestFile: string,
+  ..._args: Parameters<SDK.RsdoctorServerInstance['getClientUrl']>
+) {
+  // @ts-ignore
+  const sdk = await execute('bundle-diff', {
+    baseline: resolve(process.cwd(), manifestFile),
+    current: resolve(process.cwd(), manifestFile),
+    open: false,
+  });
+
+  console.log('launch puppeteer');
+
+  const { browser, page } = await launchPlaywright();
+  const { origin } = sdk.server;
+
+  await page.goto(
+    `${origin}/index.html?__bundle_files__=${origin}%2Fapi%2Fbundle_diff%2Fmanifest.json%2C${origin}%2Fapi%2Fbundle_diff%2Fmanifest.json#/resources/bundle/diff`,
+  );
+
+  console.log('waitForNetworkIdle');
+  await waitReload(page);
+
+  console.log('page loaded');
+
+  async function dispose() {
+    const i = callbacks.findIndex((e) => e === dispose);
+    i > -1 && callbacks.splice(i, 1);
+    await Promise.all([sdk?.dispose(), browser?.close()]);
+  }
+
+  callbacks.push(dispose);
+
+  return {
+    sdk,
+    browser,
+    page,
+    dispose,
+  };
+}

e2e/test-kit/launch.ts

@@ -0,0 +1,12 @@
+import { webkit } from '@playwright/test';
+
+export async function launchPlaywright() {
+  const browser = await webkit.launch();
+
+  const page = await browser.newPage();
+
+  return {
+    browser,
+    page,
+  };
+}

e2e/test-kit/path.ts

@@ -0,0 +1,10 @@
+import { resolve } from 'path';
+
+export function getFixtures(name: string) {
+  return resolve(__dirname, '../fixtures', name);
+}
+
+export function getRsdoctorManifestPath() {
+  const testManifestUrl = getFixtures('.rsdoctor/manifest.json');
+  return testManifestUrl;
+}

examples/rspack-banner-minimal/rspack.config.js

@@ -84,6 +84,9 @@ const config = {
     new RsdoctorRspackPlugin({
       disableClientServer: process.env.ENABLE_CLIENT_SERVER === 'false',
       features: ['bundle', 'plugins', 'loader'],
+      supports: {
+        banner: false,
+      },
     }),
     new rspack.BannerPlugin({
       test: /\.js/,