[optimize] update Project Data

[optimize] upgrade Upstream packages

Author: TechQuery

package.json

@@ -20,29 +20,30 @@
         "url": "https://github.com/EasyWebApp/EasyWebApp.github.io/issues"
     },
     "dependencies": {
-        "boot-cell": "^1.0.0-rc.36",
+        "boot-cell": "^1.0.1",
+        "bootstrap-icons": "^1.0.0-alpha5",
         "cell-router": "^2.0.0-rc.8",
         "classnames": "^2.2.6",
         "github-web-widget": "^3.0.0-beta.5",
         "koajax": "^0.6.2",
         "marked": "^1.1.1",
-        "mobx": "^5.15.5",
+        "mobx": "^5.15.6",
         "mobx-web-cell": "^0.3.1",
         "prismjs": "^1.21.0",
-        "web-cell": "^2.1.3",
-        "web-utility": "^1.7.0"
+        "web-cell": "^2.2.0",
+        "web-utility": "^1.8.0"
     },
     "devDependencies": {
-        "@babel/core": "^7.11.1",
+        "@babel/core": "^7.11.4",
         "@types/classnames": "^2.2.10",
         "autoprefixer": "^9.8.6",
         "husky": "^4.2.5",
         "less": "^3.12.2",
-        "lint-staged": "^10.2.11",
+        "lint-staged": "^10.2.13",
         "parcel-bundler": "^1.12.4",
-        "postcss-modules": "^3.2.0",
-        "prettier": "^2.0.5",
-        "typescript": "^3.9.7",
+        "postcss-modules": "^3.2.2",
+        "prettier": "^2.1.1",
+        "typescript": "^4.0.2",
         "workbox-cli": "^4.3.1"
     },
     "prettier": {

source/page/Case.tsx

@@ -47,7 +47,7 @@ function Case({
 
 export function CasePage() {
     return (
-        <Fragment>
+        <>
             <h2 className="display-4 text-center pt-5">用户案例</h2>
             <p className="lead text-center">User cases</p>
 
@@ -65,6 +65,6 @@ export function CasePage() {
                     </div>
                 );
             })}
-        </Fragment>
+        </>
     );
 }

source/page/Main.tsx

@@ -2,7 +2,7 @@ import { createCell, Fragment } from 'web-cell';
 import classNames from 'classnames';
 import { Button } from 'boot-cell/source/Form/Button';
 import { TooltipBox } from 'boot-cell/source/Prompt/Tooltip';
-import { DropMenu, DropMenuProps } from 'boot-cell/source/Navigator/DropMenu';
+import { DropMenu, DropMenuItem } from 'boot-cell/source/Navigator/DropMenu';
 import { Embed } from 'boot-cell/source/Media/Embed';
 import { Image } from 'boot-cell/source/Media/Image';
 
@@ -12,7 +12,7 @@ import { WebCell_1 } from '../image';
 
 export function MainPage() {
     return (
-        <Fragment>
+        <>
             <section className="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
                 <div className="col-md-5 p-lg-5 mx-auto my-5">
                     <p>
@@ -28,11 +28,13 @@ export function MainPage() {
                             在线体验
                         </Button>
                         <TooltipBox text="需先登录 GitHub">
-                            <DropMenu
-                                buttonKind="success"
-                                title="新建项目"
-                                list={scaffold as DropMenuProps['list']}
-                            />
+                            <DropMenu buttonColor="success" caption="新建项目">
+                                {scaffold.map(({ title, ...rest }) => (
+                                    <DropMenuItem {...rest}>
+                                        {title}
+                                    </DropMenuItem>
+                                ))}
+                            </DropMenu>
                         </TooltipBox>
                     </div>
                 </div>
@@ -58,7 +60,7 @@ export function MainPage() {
                 <h2 className="text-center display-4 mb-5">核心特性</h2>
 
                 {feature.map(({ title, summary, link, logo }, index) => (
-                    <Fragment>
+                    <>
                         <section
                             className={classNames(
                                 'row',
@@ -89,9 +91,9 @@ export function MainPage() {
                                 )}
                             />
                         ) : null}
-                    </Fragment>
+                    </>
                 ))}
             </div>
-        </Fragment>
+        </>
     );
 }

source/page/Router.tsx

@@ -2,6 +2,7 @@ import { component, createCell, Fragment } from 'web-cell';
 import { observer } from 'mobx-web-cell';
 import { HTMLRouter } from 'cell-router/source';
 import { NavBar } from 'boot-cell/source/Navigator/NavBar';
+import { NavLink } from 'boot-cell/source/Navigator/Nav';
 import { isXDomain } from 'web-utility';
 
 import { history } from '../model';
@@ -28,7 +29,7 @@ export class PageRouter extends HTMLRouter {
 
     renderCopyright() {
         return (
-            <Fragment>
+            <>
                 <img
                     className="d-block mb-2"
                     style={{ maxWidth: '1.5rem' }}
@@ -91,7 +92,7 @@ export class PageRouter extends HTMLRouter {
                     </a>
                     上的作品创作。
                 </small>
-            </Fragment>
+            </>
         );
     }
 
@@ -116,19 +117,23 @@ export class PageRouter extends HTMLRouter {
 
     render() {
         return (
-            <Fragment>
+            <>
                 <NavBar
                     narrow
                     menuAlign="around"
-                    menu={header}
                     brand={
                         <img
                             alt="WebCell"
                             src={WebCell_0}
                             style={{ width: '2rem' }}
                         />
                     }
-                />
+                >
+                    {header.map(({ title, ...rest }) => (
+                        <NavLink {...rest}>{title}</NavLink>
+                    ))}
+                </NavBar>
+
                 <main>{super.render()}</main>
 
                 <hr className={style['featurette-divider']} />
@@ -148,7 +153,7 @@ export class PageRouter extends HTMLRouter {
                         {footer.map(this.renderFooterList)}
                     </div>
                 </footer>
-            </Fragment>
+            </>
         );
     }
 }

source/page/data.ts

@@ -1,3 +1,4 @@
+import { DropMenuItemProps } from 'boot-cell/source/Navigator/DropMenu';
 import { WebCell_0 } from '../image';
 
 export const footer = [
@@ -58,7 +59,7 @@ export const footer = [
                 href: 'http://es6-features.org/'
             },
             {
-                title: 'TypeScript 3+',
+                title: 'TypeScript 4+',
                 href: 'https://www.typescriptlang.org/'
             }
         ]
@@ -84,7 +85,7 @@ export const footer = [
 
 export const header = [...footer[0].menu, ...footer[2].menu];
 
-export const scaffold = Object.entries({
+export const scaffold: DropMenuItemProps[] = Object.entries({
     scaffold: '前台项目',
     DashBoard: '后台项目',
     'mark-wiki': '静态网站'
@@ -103,7 +104,7 @@ export const feature = [
         link: 'https://www.webcomponents.org/'
     },
     {
-        title: '语法遵循 TypeScript 3、Decorator 提案 和 JSX',
+        title: '语法遵循 TypeScript 4、Decorator 提案 和 JSX',
         summary: '声明式组件代码，简洁、优雅，一键享受 ECMAScript 成熟提案语法',
         logo:
             'https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/typescript/typescript.png',
@@ -195,6 +196,11 @@ export const upstream = [
         repo: 'babel-upgrade',
         pull: 92
     },
+    {
+        org: 'TypeStrong',
+        repo: 'ts-node',
+        issue: 990
+    },
     {
         org: 'jsdom',
         repo: 'jsdom',
@@ -209,6 +215,36 @@ export const upstream = [
         org: 'jsdom',
         repo: 'w3c-xmlserializer',
         pull: 3
+    },
+    {
+        org: 'capricorn86',
+        repo: 'happy-dom',
+        issue: 33
+    },
+    {
+        org: 'snabbdom',
+        repo: 'snabbdom',
+        issue: 797
+    },
+    {
+        org: 'jvanbruegge',
+        repo: 'snabbdom-looks-like',
+        pull: 2
+    },
+    {
+        org: 'parcel-bundler',
+        repo: 'parcel',
+        issue: 4205
+    },
+    {
+        org: 'developit',
+        repo: 'microbundle',
+        issue: 711
+    },
+    {
+        org: 'BuilderIO',
+        repo: 'builder',
+        issue: 95
     }
 ];
 

tsconfig.json

@@ -8,6 +8,7 @@
         "experimentalDecorators": true,
         "jsx": "react",
         "jsxFactory": "createCell",
+        "jsxFragmentFactory": "Fragment",
         "lib": ["ES2019", "DOM"]
     },
     "include": ["source/**/*"]