@modern-js/main-doc 0.0.0-next-1682310807925 → 0.0.0-next-1682359574366

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # @modern-js/main-doc
 
-## 0.0.0-next-1682310807925
+## 0.0.0-next-1682359574366
 
 ### Patch Changes
 
@@ -13,7 +13,7 @@
   fix(builder): 修复 browserslist 配置会对 node 产物生效的问题
 
 - Updated dependencies [fe92de6a5]
-  - @modern-js/builder-doc@0.0.0-next-1682310807925
+  - @modern-js/builder-doc@0.0.0-next-1682359574366
 
 ## 2.15.0
 

package/docs/en/about/releases.mdx

@@ -0,0 +1,31 @@
+---
+sidebar_position: 2
+---
+
+# Releases
+
+## Changelog
+
+Please visit [GitHub - Releases](https://github.com/web-infra-dev/modern.js/releases) to see what has changed with each release of Modern.js.
+
+## Version Specification
+
+Modern.js follows the [Semantic Versioning](https://semver.org) specification.
+
+- Major version: Contains incompatible API changes.
+- Minor version: Contains backward compatible functional changes.
+- Patch version: Contains backwards compatible bug fixes
+
+## Release Cycle
+
+- Modern.js generally releases an official release every Thursday.
+- If critical bugs appear, we will release a revised version on the same day.
+- We expect to keep Modern.js v2 stable and compatible, there are currently no plans to release the next major version.
+
+## Version Upgrade
+
+When you need to upgrade the Modern.js version in your project, you can use the `modern upgrade` command, refer to [Upgrade](/guides/get-started/upgrade).
+
+```bash
+npx modern upgrade
+```

package/docs/en/about/team.mdx

@@ -0,0 +1,13 @@
+---
+sidebar_position: 1
+---
+
+# 团队
+
+Modern.js 的开发由 ByteDance 的 Modern.js 团队和社区贡献者驱动。
+
+## 核心团队成员
+
+import { RandomMemberList } from '@site/src/components/RandomMemberList';
+
+<RandomMemberList />

package/docs/zh/about/releases.mdx

@@ -0,0 +1,31 @@
+---
+sidebar_position: 2
+---
+
+# 版本发布
+
+## 更新日志
+
+请访问 [GitHub - Release](https://github.com/web-infra-dev/modern.js/releases) 来了解 Modern.js 每个版本的变更内容。
+
+## 版本规范
+
+Modern.js 遵循 [Semantic Versioning](https://semver.org/lang/zh-CN/) 语义化版本规范。
+
+- 主版本号：包含不兼容的 API 变更。
+- 次版本号：包含向下兼容的功能性变更。
+- 修订号：包含向下兼容的问题修正。
+
+## 发版周期
+
+- Modern.js 通常在每周四发布一个正式版本。
+- 当出现较为严重的问题时，我们会在当天发布修订版本。
+- 我们期望保持 Modern.js v2 的稳定和兼容，目前没有发布下一个 Major 版本的计划。
+
+## 版本升级
+
+当你需要升级项目中的 Modern.js 版本时，可以使用 `modern upgrade` 命令，参考 [升级](/guides/get-started/upgrade)。
+
+```bash
+npx modern upgrade
+```

package/docs/zh/about/team.mdx

@@ -0,0 +1,13 @@
+---
+sidebar_position: 1
+---
+
+# Meet the Team
+
+The development of Modern.js is driven by ByteDance's Modern.js team and community contributors.
+
+## Core Team Members
+
+import { RandomMemberList } from '@site/src/components/RandomMemberList';
+
+<RandomMemberList />

package/modern.config.ts

@@ -8,6 +8,7 @@ const rootCategories = [
   'apis/app',
   'configure/app',
   'blog',
+  'about',
 ];
 
 const { version } = require('./package.json');
@@ -45,6 +46,11 @@ const getNavbar = (lang: string): NavItem[] => {
       link: getLink('/blog/index'),
       activeMatch: '/blog/',
     },
+    {
+      text: getText('关于', 'About'),
+      link: getLink('/about/team'),
+      activeMatch: '/about/',
+    },
     {
       text: `v${version}`,
       items: [

package/package.json

@@ -11,13 +11,13 @@
     "modern",
     "modern.js"
   ],
-  "version": "0.0.0-next-1682310807925",
+  "version": "0.0.0-next-1682359574366",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
   "peerDependencies": {
-    "@modern-js/builder-doc": "0.0.0-next-1682310807925"
+    "@modern-js/builder-doc": "0.0.0-next-1682359574366"
   },
   "devDependencies": {
     "classnames": "^2",
@@ -29,9 +29,9 @@
     "fs-extra": "^10",
     "@types/node": "^16",
     "@types/fs-extra": "^9",
-    "@modern-js/builder-doc": "0.0.0-next-1682310807925",
-    "@modern-js/doc-tools": "0.0.0-next-1682310807925",
-    "@modern-js/doc-plugin-auto-sidebar": "0.0.0-next-1682310807925"
+    "@modern-js/builder-doc": "0.0.0-next-1682359574366",
+    "@modern-js/doc-tools": "0.0.0-next-1682359574366",
+    "@modern-js/doc-plugin-auto-sidebar": "0.0.0-next-1682359574366"
   },
   "scripts": {
     "dev": "modern dev",

package/src/components/RandomMemberList/index.module.scss

@@ -0,0 +1,35 @@
+.wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+
+.link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  width: 20%;
+  max-width: 20%;
+  margin: 24px 0;
+
+  &:hover {
+    .avatar {
+      transform: scale(1.15);
+    }
+  }
+}
+
+.avatar {
+  width: 48px;
+  height: 48px;
+  border-radius: 999px;
+  transition: all 0.2s ease-in-out;
+  background-color: #f8f8f8;
+}
+
+.name {
+  margin-top: 12px;
+  font-size: 13px;
+  color: rgb(0, 53, 67);
+}

package/src/components/RandomMemberList/index.tsx

@@ -0,0 +1,122 @@
+import { NoSSR } from '@modern-js/doc-tools/runtime';
+import style from './index.module.scss';
+
+interface Member {
+  id: string;
+  avatar: string;
+  // The display name, if not set, use id instead
+  name?: string;
+}
+
+const MEMBERS: Member[] = [
+  {
+    id: '10Derozan',
+    avatar: 'https://avatars.githubusercontent.com/u/50694858?s=120&v=4',
+  },
+  {
+    id: '2heal1',
+    avatar: 'https://avatars.githubusercontent.com/u/41466093?s=120&v=4',
+  },
+  {
+    id: '9aoy',
+    avatar: 'https://avatars.githubusercontent.com/u/22373761?s=120&v=4',
+  },
+  {
+    id: 'Asuka109',
+    avatar: 'https://avatars.githubusercontent.com/u/18379948?s=120&v=4',
+  },
+  {
+    id: 'caohuilin',
+    avatar: 'https://avatars.githubusercontent.com/u/12605189?s=120&v=4',
+  },
+  {
+    id: 'chenjiahan',
+    avatar: 'https://avatars.githubusercontent.com/u/7237365?s=120&v=4',
+  },
+  {
+    id: 'clChenLiang',
+    avatar: 'https://avatars.githubusercontent.com/u/13596193?s=120&v=4',
+  },
+  {
+    id: 'danpeen',
+    avatar: 'https://avatars.githubusercontent.com/u/18045417?s=120&v=4',
+  },
+  {
+    id: 'GiveMe-A-Name',
+    avatar: 'https://avatars.githubusercontent.com/u/58852732?s=120&v=4',
+  },
+  {
+    id: 'jkzing',
+    avatar: 'https://avatars.githubusercontent.com/u/2851517?s=120&v=4',
+  },
+  {
+    id: 'JSerFeng',
+    avatar: 'https://avatars.githubusercontent.com/u/57202839?s=120&v=4',
+  },
+  {
+    id: 'KyrieLii',
+    avatar: 'https://avatars.githubusercontent.com/u/16858738?s=120&v=4',
+  },
+  {
+    id: 'nyqykk',
+    avatar: 'https://avatars.githubusercontent.com/u/65393845?s=120&v=4',
+  },
+  {
+    id: 'sanyuan0704',
+    avatar: 'https://avatars.githubusercontent.com/u/39261479?s=120&v=4',
+  },
+  {
+    id: 'targeral',
+    avatar: 'https://avatars.githubusercontent.com/u/9037723?s=120&v=4',
+  },
+  {
+    id: 'xuchaobei',
+    avatar: 'https://avatars.githubusercontent.com/u/5110783?s=120&v=4',
+  },
+  {
+    id: 'xyoscer',
+    avatar: 'https://avatars.githubusercontent.com/u/16360717?s=120&v=4',
+  },
+  {
+    id: 'yimingjfe',
+    avatar: 'https://avatars.githubusercontent.com/u/10381581?s=120&v=4',
+  },
+  {
+    id: 'zhoushaw',
+    avatar: 'https://avatars.githubusercontent.com/u/27547179?s=120&v=4',
+  },
+  {
+    id: 'zllkjc',
+    avatar: 'https://avatars.githubusercontent.com/u/68810266?s=120&v=4',
+  },
+  {
+    id: 'zoolsher',
+    avatar: 'https://avatars.githubusercontent.com/u/9161085?s=120&v=4',
+  },
+];
+
+export const RandomMemberList = () => {
+  const randomList = MEMBERS.sort(() => Math.random() - 0.5);
+
+  return (
+    <NoSSR>
+      <div className={style.wrapper}>
+        {randomList.map(item => (
+          <a
+            className={style.link}
+            href={`https://github.com/${item.id}`}
+            target="_blank"
+            rel="nofollow"
+            key={item.id}
+            style={{
+              border: 'none',
+            }}
+          >
+            <img className={style.avatar} src={item.avatar} />
+            <span className={style.name}>{item.name || item.id}</span>
+          </a>
+        ))}
+      </div>
+    </NoSSR>
+  );
+};

package/docs/zh/community/index.mdx

@@ -1,3 +0,0 @@
-# 社区
-
-Modern.js 社区正在建设中，敬请关注！