@modern-js/main-doc 0.0.0-nightly-20231023172245 → 0.0.0-nightly-20231025081734

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -38,7 +38,7 @@ We delete the original sample code and replace it with a simple point of contact
38
38
  const getAvatar = (users: Array<{ name: string; email: string }>) =>
39
39
  users.map(user => ({
40
40
  ...user,
41
- avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
41
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
42
42
  }));
43
43
 
44
44
  const mockData = getAvatar([
@@ -178,7 +178,7 @@ import Item from '../components/Item';
178
178
  const getAvatar = (users: Array<{ name: string, email: string }>) =>
179
179
  users.map(user => ({
180
180
  ...user,
181
- avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
181
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
182
182
  }));
183
183
 
184
184
  const mockData = getAvatar([
@@ -42,7 +42,7 @@ import Item from '../../components/Item';
42
42
  const getAvatar = (users: Array<{ name: string; email: string }>) =>
43
43
  users.map(user => ({
44
44
  ...user,
45
- avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
45
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
46
46
  }));
47
47
 
48
48
  const getMockArchivedData = () =>
@@ -37,7 +37,7 @@ export const loader = async (): Promise<LoaderData> => {
37
37
  const firstName = name.firstName();
38
38
  return {
39
39
  name: firstName,
40
- avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
40
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
41
41
  email: internet.email(),
42
42
  };
43
43
  });
@@ -212,7 +212,7 @@ export const loader = async (): Promise<LoaderData> => {
212
212
  const firstName = name.firstName();
213
213
  return {
214
214
  name: firstName,
215
- avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
215
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
216
216
  email: internet.email(),
217
217
  archived: false,
218
218
  };
@@ -30,7 +30,7 @@ export const loader = async (): Promise<LoaderData> => {
30
30
  const firstName = name.firstName();
31
31
  return {
32
32
  name: firstName,
33
- avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
33
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
34
34
  email: internet.email(),
35
35
  };
36
36
  });
@@ -2,7 +2,12 @@
2
2
  sidebar_position: 12
3
3
  ---
4
4
 
5
- # 使用 Storybook
5
+ # 使用 StorybookV6
6
+
7
+ :::warning
8
+ 该教程是用于老版本 StorybookV6 用户,并且会在以后弃用,想要从旧版本插件升级或新用户想要尝试请查看[新文档](https://modernjs.dev/builder/guide/storybook.html)
9
+ :::
10
+
6
11
 
7
12
  [Storybook](https://storybook.js.org/) 是一个专门用于组件调试的工具,它围绕着组件开发提供了:
8
13
 
@@ -38,7 +38,7 @@ import DebugApp from "@site-docs/components/debug-app"
38
38
  const getAvatar = (users: Array<{ name: string; email: string }>) =>
39
39
  users.map(user => ({
40
40
  ...user,
41
- avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
41
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
42
42
  }));
43
43
 
44
44
  const mockData = getAvatar([
@@ -177,7 +177,7 @@ import Item from '../components/Item';
177
177
  const getAvatar = (users: Array<{ name: string, email: string }>) =>
178
178
  users.map(user => ({
179
179
  ...user,
180
- avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
180
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
181
181
  }));
182
182
 
183
183
  const mockData = getAvatar([
@@ -42,7 +42,7 @@ import Item from '../../components/Item';
42
42
  const getAvatar = (users: Array<{ name: string; email: string }>) =>
43
43
  users.map(user => ({
44
44
  ...user,
45
- avatar: `https://avatars.dicebear.com/v2/identicon/${user.name}.svg`,
45
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${user.name}`,
46
46
  }));
47
47
 
48
48
  const getMockArchivedData = () =>
@@ -37,7 +37,7 @@ export const loader = async (): Promise<LoaderData> => {
37
37
  const firstName = name.firstName();
38
38
  return {
39
39
  name: firstName,
40
- avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
40
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
41
41
  email: internet.email(),
42
42
  };
43
43
  });
@@ -209,7 +209,7 @@ export const loader async (): Promise<LoaderData> => {
209
209
  const firstName = name.firstName();
210
210
  return {
211
211
  name: firstName,
212
- avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
212
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
213
213
  email: internet.email(),
214
214
  archived: false,
215
215
  };
@@ -30,7 +30,7 @@ export const loader = async (): Promise<LoaderData> => {
30
30
  const firstName = name.firstName();
31
31
  return {
32
32
  name: firstName,
33
- avatar: `https://avatars.dicebear.com/api/identicon/${firstName}.svg`,
33
+ avatar: `https://api.dicebear.com/7.x/pixel-art/svg?seed=${firstName}`,
34
34
  email: internet.email(),
35
35
  };
36
36
  });
package/package.json CHANGED
@@ -15,17 +15,17 @@
15
15
  "modern",
16
16
  "modern.js"
17
17
  ],
18
- "version": "0.0.0-nightly-20231023172245",
18
+ "version": "0.0.0-nightly-20231025081734",
19
19
  "publishConfig": {
20
20
  "registry": "https://registry.npmjs.org/",
21
21
  "access": "public",
22
22
  "provenance": true
23
23
  },
24
24
  "dependencies": {
25
- "@modern-js/sandpack-react": "0.0.0-nightly-20231023172245"
25
+ "@modern-js/sandpack-react": "0.0.0-nightly-20231025081734"
26
26
  },
27
27
  "peerDependencies": {
28
- "@modern-js/builder-doc": "0.0.0-nightly-20231023172245"
28
+ "@modern-js/builder-doc": "0.0.0-nightly-20231025081734"
29
29
  },
30
30
  "devDependencies": {
31
31
  "classnames": "^2",
@@ -35,12 +35,12 @@
35
35
  "ts-node": "^10.9.1",
36
36
  "typescript": "^5",
37
37
  "fs-extra": "^10",
38
- "rspress": "1.1.3",
39
- "@rspress/shared": "1.1.3",
38
+ "rspress": "1.2.0",
39
+ "@rspress/shared": "1.2.0",
40
40
  "@types/node": "^16",
41
41
  "@types/fs-extra": "^9",
42
- "@modern-js/builder-doc": "0.0.0-nightly-20231023172245",
43
- "@modern-js/doc-plugin-auto-sidebar": "0.0.0-nightly-20231023172245"
42
+ "@modern-js/builder-doc": "0.0.0-nightly-20231025081734",
43
+ "@modern-js/doc-plugin-auto-sidebar": "0.0.0-nightly-20231025081734"
44
44
  },
45
45
  "scripts": {
46
46
  "dev": "rspress dev",