@modern-js/main-doc 2.37.2 → 2.39.0

package/docs/en/guides/advanced-features/using-storybook.mdx

@@ -2,7 +2,11 @@
 sidebar_position: 12
 ---
 
-# Using Storybook
+# Using StorybookV6
+
+:::warning
+This document is for users of the old version Storybook V6 and will be deprecated in the future. If you want to upgrade from an older version or if you are a new user who wants to try new storybook, please refer to the [new documentation here](https://modernjs.dev/builder/guide/advanced/storybook.html).
+:::
 
 [Storybook](https://storybook.js.org/) is a tool dedicated to component debugging, providing around component development.
 

package/docs/en/tutorials/first-app/c01-start.mdx

@@ -38,7 +38,7 @@ We delete the original sample code and replace it with a simple point of contact
 const getAvatar = (users: Array<{ name: string; email: string }>) =>
   users.map(user => ({
     ...user,
-    avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
+    avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
   }));
 
 const mockData = getAvatar([

package/docs/en/tutorials/first-app/c03-css.mdx

@@ -178,7 +178,7 @@ import Item from '../components/Item';
 const getAvatar = (users: Array<{ name: string, email: string }>) =>
   users.map(user => ({
     ...user,
-    avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
+    avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
   }));
 
 const mockData = getAvatar([

package/docs/en/tutorials/first-app/c04-routes.mdx

@@ -42,7 +42,7 @@ import Item from '../../components/Item';
 const getAvatar = (users: Array<{ name: string; email: string }>) =>
   users.map(user => ({
     ...user,
-    avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
+    avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
   }));
 
 const getMockArchivedData = () =>

package/docs/en/tutorials/first-app/c05-loader.mdx

@@ -37,7 +37,7 @@ export const loader = async (): Promise<LoaderData> => {
     const firstName = name.firstName();
     return {
       name: firstName,
-      avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
+      avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
       email: internet.email(),
     };
   });

package/docs/en/tutorials/first-app/c06-model.mdx

@@ -212,7 +212,7 @@ export const loader = async (): Promise<LoaderData> => {
     const firstName = name.firstName();
     return {
       name: firstName,
-      avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
+      avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
       email: internet.email(),
       archived: false,
     };

package/docs/en/tutorials/first-app/c07-container.mdx

@@ -30,7 +30,7 @@ export const loader = async (): Promise<LoaderData> => {
     const firstName = name.firstName();
     return {
       name: firstName,
-      avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
+      avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
       email: internet.email(),
     };
   });

package/docs/zh/guides/advanced-features/using-storybook.mdx

@@ -2,7 +2,12 @@
 sidebar_position: 12
 ---
 
-# 使用 Storybook
+# 使用 StorybookV6
+
+:::warning
+该教程是用于老版本 StorybookV6 用户，并且会在以后弃用，想要从旧版本插件升级或新用户想要尝试请查看[新文档](https://modernjs.dev/builder/guide/advanced/storybook.html)
+:::
+
 
 [Storybook](https://storybook.js.org/) 是一个专门用于组件调试的工具，它围绕着组件开发提供了：
 

package/docs/zh/tutorials/first-app/c01-start.mdx

@@ -38,7 +38,7 @@ import DebugApp from "@site-docs/components/debug-app"
 const getAvatar = (users: Array<{ name: string; email: string }>) =>
   users.map(user => ({
     ...user,
-    avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
+    avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
   }));
 
 const mockData = getAvatar([

package/docs/zh/tutorials/first-app/c03-css.mdx

@@ -177,7 +177,7 @@ import Item from '../components/Item';
 const getAvatar = (users: Array<{ name: string, email: string }>) =>
   users.map(user => ({
     ...user,
-    avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
+    avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
   }));
 
 const mockData = getAvatar([

package/docs/zh/tutorials/first-app/c04-routes.mdx

@@ -42,7 +42,7 @@ import Item from '../../components/Item';
 const getAvatar = (users: Array<{ name: string; email: string }>) =>
   users.map(user => ({
     ...user,
-    avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
+    avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
   }));
 
 const getMockArchivedData = () =>

package/docs/zh/tutorials/first-app/c05-loader.mdx

@@ -37,7 +37,7 @@ export const loader = async (): Promise<LoaderData> => {
     const firstName = name.firstName();
     return {
       name: firstName,
-      avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
+      avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
       email: internet.email(),
     };
   });

package/docs/zh/tutorials/first-app/c06-model.mdx

@@ -209,7 +209,7 @@ export const loader async (): Promise<LoaderData> => {
     const firstName = name.firstName();
     return {
       name: firstName,
-      avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
+      avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
       email: internet.email(),
       archived: false,
     };

package/docs/zh/tutorials/first-app/c07-container.mdx

@@ -30,7 +30,7 @@ export const loader = async (): Promise<LoaderData> => {
     const firstName = name.firstName();
     return {
       name: firstName,
-      avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
+      avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
       email: internet.email(),
     };
   });

package/package.json

@@ -15,17 +15,17 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.37.2",
+  "version": "2.39.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public",
     "provenance": true
   },
   "dependencies": {
-    "@modern-js/sandpack-react": "2.37.2"
+    "@modern-js/sandpack-react": "2.39.0"
   },
   "peerDependencies": {
-    "@modern-js/builder-doc": "^2.37.2"
+    "@modern-js/builder-doc": "^2.39.0"
   },
   "devDependencies": {
     "classnames": "^2",
@@ -35,12 +35,12 @@
     "ts-node": "^10.9.1",
     "typescript": "^5",
     "fs-extra": "^10",
-    "rspress": "1.0.2",
-    "@rspress/shared": "1.0.2",
+    "rspress": "1.2.1",
+    "@rspress/shared": "1.2.1",
     "@types/node": "^16",
     "@types/fs-extra": "^9",
-    "@modern-js/builder-doc": "2.37.2",
-    "@modern-js/doc-plugin-auto-sidebar": "2.37.2"
+    "@modern-js/doc-plugin-auto-sidebar": "2.39.0",
+    "@modern-js/builder-doc": "2.39.0"
   },
   "scripts": {
     "dev": "rspress dev",