[optimize] upgrade Upstream packages

Author: TechQuery

.lintstagedrc

@@ -1,5 +1,3 @@
 {
-  "*.{html,md,css,less,json,yml,js,ts,tsx}": [
-    "prettier --write"
-  ]
+  "*.{html,md,css,less,json,yml,js,ts,tsx}": "prettier --write"
 }

package.json

@@ -16,27 +16,27 @@
     "test": "lint-staged"
   },
   "dependencies": {
-    "boot-cell": "^1.1.1",
-    "bootstrap-icons": "^1.0.0",
+    "boot-cell": "^1.4.0",
+    "bootstrap-icons": "^1.1.0",
     "browser-unhandled-rejection": "^1.0.2",
     "cell-router": "^2.0.1",
     "classnames": "^2.2.6",
-    "koajax": "^0.6.2",
+    "koajax": "^0.6.4",
     "mobx": "^5.15.7",
     "mobx-web-cell": "^0.3.2",
     "web-cell": "^2.2.0",
-    "web-utility": "^1.8.0"
+    "web-utility": "^2.0.0"
   },
   "devDependencies": {
-    "@types/classnames": "^2.2.10",
+    "@types/classnames": "^2.2.11",
     "autoprefixer": "^9.8.6",
     "husky": "^4.3.0",
     "less": "^3.12.2",
-    "lint-staged": "^10.4.0",
+    "lint-staged": "^10.5.2",
     "parcel": "^1.12.4",
     "postcss-modules": "^3.2.2",
-    "prettier": "^2.1.2",
-    "typescript": "^4.0.3",
+    "prettier": "^2.2.1",
+    "typescript": "^4.1.2",
     "workbox-cli": "^4.3.1"
   }
 }

source/index.html

@@ -14,14 +14,14 @@
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/pwacompat.min.js"></script>
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/[email protected].2/dist/css/bootstrap.min.css"
+      href="https://cdn.jsdelivr.net/npm/[email protected].3/dist/css/bootstrap.min.css"
     />
     <script
       crossorigin
-      src="https://polyfill.app/api/polyfill?features=es.string.match-all,es.array.flat,es.object.from-entries"
+      src="https://polyfill.app/api/polyfill?features=es.string.match-all,es.array.flat,es.object.from-entries,regenerator-runtime"
     ></script>
-    <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.4.4/custom-elements-es5-adapter.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.4.4/webcomponents-bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.5.0/custom-elements-es5-adapter.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.5.0/webcomponents-bundle.min.js"></script>
 
     <script src="index.tsx" async></script>
   </head>

source/page/Main.tsx

@@ -4,7 +4,7 @@ import { Jumbotron } from 'boot-cell/source/Content/Jumbotron';
 import { Button } from 'boot-cell/source/Form/Button';
 import { Image } from 'boot-cell/source/Media/Image';
 import { SpinnerBox } from 'boot-cell/source/Prompt/Spinner';
-import { Card } from 'boot-cell/source/Content/Card';
+import { Card, CardHeader } from 'boot-cell/source/Content/Card';
 import { Badge } from 'boot-cell/source/Reminder/Badge';
 
 import companies from '../data/members-china.json';
@@ -15,7 +15,7 @@ const thisYear = new Date().getFullYear();
 @observer
 @component({
   tagName: 'main-page',
-  renderTarget: 'children'
+  renderTarget: 'children',
 })
 export class MainPage extends mixin() {
   connectedCallback() {
@@ -32,7 +32,7 @@ export class MainPage extends mixin() {
     name,
     company,
     location,
-    bio
+    bio,
   }: Member) => {
     return (
       <div className="col-12 col-sm-6 col-md-3 my-3">
@@ -68,7 +68,7 @@ export class MainPage extends mixin() {
     tags,
     edition,
     authors,
-    champions
+    champions,
   }: Proposal) => {
     const standard = tags[0].split('-')[1];
 
@@ -85,29 +85,27 @@ export class MainPage extends mixin() {
               name
             )
           }
-          header={
-            <div className="d-flex justify-content-around">
+        >
+          <CardHeader className="d-flex justify-content-around">
+            <Badge
+              color="primary"
+              target="_blank"
+              href={`https://tc39.es/ecma${standard}/`}
+            >
+              ECMA-{standard}
+            </Badge>
+            {standard === '262' && edition <= thisYear ? (
               <Badge
-                color="primary"
+                color="success"
                 target="_blank"
-                href={`https://tc39.es/ecma${standard}/`}
+                href={`https://www.ecma-international.org/ecma-262/${
+                  edition - 2009
+                }.0/`}
               >
-                ECMA-{standard}
+                ES {edition}
               </Badge>
-              {standard === '262' && edition <= thisYear ? (
-                <Badge
-                  color="success"
-                  target="_blank"
-                  href={`https://www.ecma-international.org/ecma-262/${
-                    edition - 2009
-                  }.0/`}
-                >
-                  ES {edition}
-                </Badge>
-              ) : null}
-            </div>
-          }
-        >
+            ) : null}
+          </CardHeader>
           {(authors || champions) && (
             <dl>
               {authors && (