@rsdoctor/docs 1.1.4 → 1.1.5

package/docs/en/config/options/options.mdx

@@ -295,18 +295,11 @@ type ISupport = {
 
 If `supports.banner` is enabled, Rsdoctor will enable compatibility logic for BannerPlugin. For more details, please refer to: [Supports BannerPlugin](../../guide/usage/bundle-size#supports-bannerplugin)
 
-#### generateTileGraph
+#### ~~generateTileGraph [**Deprecated**]~~
 
-- default: true. The default value in rspack is false.
-- type: boolean.
-
-Whether to enable the ability to generate tile graphs, which affects whether the Bundle Size page has a tile graph from `webpack-bundle-analyzer`.
+<Badge text="Deprecated" type="warning" />
 
-<img
-  src="https://assets.rspack.rs/others/assets/rsdoctor/bundle-size-tile-graph.png"
-  width="500px"
-  style={{ margin: 'auto' }}
-/>
+Rsdoctor supports generating Tree Map graphs by default, so this option does not need to be configured.
 
 #### parseBundle
 

package/docs/en/guide/usage/bundle-size.mdx

@@ -128,12 +128,20 @@ The **Modules** tag is shown in the right image, from left to right representing
 - **Module Explorer** tag: Click to open the dependency analysis page between `Modules`.
 - **Code View** tag: Click to expand code segments, including `Source` (source code), `Transformed` (compiled code), and `Bundled` (bundled code).
 
-## Bundle overview tile graph
+## Bundle tile graph
 
-Click the **"Bundle Analyzer Graph"** button on the **"Bundle Size"** page to view the classic tile graph.
+Click the **"Tile Graph"** label on the **"Bundle Size"** page to view the tile graph. The tile graph clearly shows the proportion and relationship between resources and modules, as shown in the following image:
 
 <img
-  src="https://assets.rspack.rs/others/assets/rsdoctor/bundle-size-tile-graph.png"
+  src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/docs/usage/bundle/treemap.png"
+  width="500px"
+  style={{ margin: 'auto' }}
+/>
+
+You can also click the 🔍 button on the card title to search for Module resources, click the Module resource, and zoom in to the Module area, as shown in the following image:
+
+<img
+  src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/docs/usage/bundle/treemap.gif"
   width="500px"
   style={{ margin: 'auto' }}
 />

package/docs/zh/config/options/options.mdx

@@ -294,18 +294,12 @@ type ISupport = {
 
 如果开启 `supports.banner` 则会开启 Rsdoctor 对 BannerPlugin 的兼容逻辑。详细请看：[支持 BannerPlugin](../../guide/usage/bundle-size#%E6%94%AF%E6%8C%81-bannerplugin)
 
-#### generateTileGraph
+#### ~~generateTileGraph [**Deprecated**]~~
 
-- **默认值：** 使用 Rspack 时默认值是 `false`，否则为 `true`
-- **类型：** `boolean`
+<Badge text="Deprecated" type="warning" />
 
-是否开启生成瓦片图的能力，影响是 Bundle Size 页面中是否有 `webpack-bundle-analyzer` 的瓦片图。
+Rsdoctor 默认支持生成 Tree Map 图，所以不需要配置此选项。
 
-<img
-  src="https://assets.rspack.rs/others/assets/rsdoctor/bundle-size-tile-graph.png"
-  width="500px"
-  style={{ margin: 'auto' }}
-/>
 #### parseBundle
 
 - **类型：** `boolean`

package/docs/zh/guide/usage/bundle-size.mdx

@@ -121,10 +121,18 @@
 
 ## 产物总览瓦片图
 
-点击 **「Bundle Size」** 页面的 **「Bundle Analyzer Graph」** 按钮，可以查看经典的瓦片图。
+点击 **「Bundle Size」** 页面的 **「Tile Graph」** 标签，可以查看瓦片图。通过瓦片图可以清晰的看到各个资源和模块之间的占比和关系，如下图所示：
 
 <img
-  src="https://assets.rspack.rs/others/assets/rsdoctor/bundle-size-tile-graph.png"
+  src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/docs/usage/bundle/treemap.png"
+  width="500px"
+  style={{ margin: 'auto' }}
+/>
+
+同时可以点击卡片标题侧的 🔍 按钮，搜索 Module 资源，点击 Module 资源，可以放大到该 Module 区域，如下图所示：
+
+<img
+  src="https://lf3-static.bytednsdoc.com/obj/eden-cn/lognuvj/rsdoctor/docs/usage/bundle/treemap.gif"
   width="500px"
   style={{ margin: 'auto' }}
 />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsdoctor/docs",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/web-infra-dev/rsdoctor",
@@ -20,8 +20,8 @@
   },
   "devDependencies": {
     "@rspress/plugin-rss": "2.0.0-beta.6",
-    "@rspress/plugin-llms": "2.0.0-beta.14",
-    "@rspress/plugin-algolia": "2.0.0-beta.14",
+    "@rspress/plugin-llms": "2.0.0-beta.16",
+    "@rspress/plugin-algolia": "2.0.0-beta.16",
     "@types/node": "^22.8.1",
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
@@ -32,7 +32,7 @@
     "rspress-plugin-font-open-sans": "^1.0.0",
     "rspress-plugin-sitemap": "^1.1.4",
     "typescript": "^5.2.2",
-    "@rsdoctor/types": "1.1.4"
+    "@rsdoctor/types": "1.1.5"
   },
   "dependencies": {
     "@rstack-dev/doc-ui": "1.10.6",