[optimize] simplify MDX loader with latest WebCell & Cell Router

[fix] WebCell logo URL

Author: TechQuery

create-index.ts

@@ -30,7 +30,7 @@ console.time(title);
         sourceCode.push(`{
     path: '${path.replace(MDXPattern, '')}',
     ${meta},
-    component: lazy(loadMDX(() => import('./${path}')))
+    component: loadMDX(() => import('./${path}'))
 }`);
     }
 
@@ -39,8 +39,6 @@ console.time(title);
         `// This file is created by "${title}" script,
 // please don't edit it manually!
 
-import { lazy } from 'web-cell';
-
 import { loadMDX } from '../utility';
 
 export default [

document/source/components/Form/HTMLEditor.mdx

@@ -39,7 +39,7 @@ render(
             new Promise(resolve =>
                 setTimeout(
                     () =>
-                        resolve('https://web-cell.dev/WebCell-1.fb612fdb.png'),
+                        resolve('https://web-cell.dev/WebCell-0.a6336415.png'),
                     1000
                 )
             )
@@ -60,7 +60,7 @@ render(
             new Promise(resolve =>
                 setTimeout(
                     () =>
-                        resolve('https://web-cell.dev/WebCell-1.fb612fdb.png'),
+                        resolve('https://web-cell.dev/WebCell-0.a6336415.png'),
                     1000
                 )
             )

document/source/components/Form/MarkdownEditor.mdx

@@ -30,7 +30,7 @@ You can **paste** or **drop** images into the editor, and **upload** them on `<f
         <FileUploader
             transport={() => ({
                 path: Promise.resolve(
-                    'https://web-cell.dev/WebCell-1.fb612fdb.png'
+                    'https://web-cell.dev/WebCell-0.a6336415.png'
                 )
             })}
         >
@@ -58,7 +58,7 @@ render(
         <FileUploader
             transport={() => ({
                 path: Promise.resolve(
-                    'https://web-cell.dev/WebCell-1.fb612fdb.png'
+                    'https://web-cell.dev/WebCell-0.a6336415.png'
                 )
             })}
         >

document/source/components/Media/Image.mdx

@@ -41,7 +41,7 @@ In addition to our [border-radius utilities][1], you can use `thumbnail` propert
 <Example>
     <Image
         thumbnail
-        src="https://web-cell.dev/WebCell-0.f1ffd28b.png"
+        src="https://web-cell.dev/WebCell-0.a6336415.png"
         alt="Thumbnail image"
     />
 </Example>
@@ -53,7 +53,7 @@ import { Image } from 'boot-cell/source/Media/Image';
 render(
     <Image
         thumbnail
-        src="https://web-cell.dev/WebCell-0.f1ffd28b.png"
+        src="https://web-cell.dev/WebCell-0.a6336415.png"
         alt="Thumbnail image"
     />
 );

document/source/components/Navigator/NavBar.mdx

@@ -22,10 +22,10 @@ import { Example } from '../../../../source/component/Example';
 
 Here’s what you need to know before getting started with the navbar:
 
--   Navbars and their contents are fluid by default.
--   Use our [spacing][1] and [flex][2] utility classes for controlling spacing and alignment within navbars.
--   Navbars are responsive by default, but you can easily modify them to change that.
--   Navbars are hidden by default when printing. Force them to be printed by adding `.d-print` to the `<NavBar />`. See the [display][3] utility class.
+- Navbars and their contents are fluid by default.
+- Use our [spacing][1] and [flex][2] utility classes for controlling spacing and alignment within navbars.
+- Navbars are responsive by default, but you can easily modify them to change that.
+- Navbars are hidden by default when printing. Force them to be printed by adding `.d-print` to the `<NavBar />`. See the [display][3] utility class.
 
 In addition, `<NavBar />` uses [`ResizeObserver`][4] to detect **Viewport resizing**, so a polyfill may be required:
 
@@ -42,8 +42,8 @@ Read on for an example and list of supported sub-components.
 
 Navbars come with built-in support for a handful of sub-components. Choose from the following as needed:
 
--   `<Form inline />` for any form controls and actions.
--   `.navbar-text` for adding vertically centered strings of text.
+- `<Form inline />` for any form controls and actions.
+- `.navbar-text` for adding vertically centered strings of text.
 
 Here’s an example of all the sub-components included in a responsive light-themed navbar
 that automatically collapses at the `lg` (large) breakpoint.
@@ -160,7 +160,7 @@ Here are some examples to demonstrate.
         brand={
             <Image
                 style={{ width: '30px', height: '30px' }}
-                src="https://web-cell.dev/WebCell-0.f1ffd28b.png"
+                src="https://web-cell.dev/WebCell-0.a6336415.png"
             />
         }
     />
@@ -171,7 +171,7 @@ Here are some examples to demonstrate.
                 <Image
                     className="d-inline-block align-top"
                     style={{ width: '30px', height: '30px' }}
-                    src="https://web-cell.dev/WebCell-0.f1ffd28b.png"
+                    src="https://web-cell.dev/WebCell-0.a6336415.png"
                 />
                 BootCell
             </>
@@ -189,15 +189,15 @@ render(
         <NavBar brand={
             <Image
                 style={{ width: '30px', height: '30px' }}
-                src="https://web-cell.dev/WebCell-0.f1ffd28b.png"
+                src="https://web-cell.dev/WebCell-0.a6336415.png"
             />
         } />
         <NavBar brand={
             <>
                 <Image
                     className="d-inline-block align-top"
                     style={{ width: '30px', height: '30px' }}
-                    src="https://web-cell.dev/WebCell-0.f1ffd28b.png"
+                    src="https://web-cell.dev/WebCell-0.a6336415.png"
                 />
                 BootCell
             </>

package.json

@@ -7,14 +7,14 @@
     },
     "dependencies": {
         "boot-cell": "^2.0.0-rc.19",
-        "cell-router": "^4.0.3",
+        "cell-router": "^4.0.4",
         "classnames": "^2.5.1",
         "dom-renderer": "^2.6.2",
         "github-web-widget": "^4.0.0",
         "iterable-observer": "^1.1.0",
         "mobx": "^6.15.0",
         "mobx-github": "^0.5.1",
-        "web-cell": "^3.2.1",
+        "web-cell": "^3.2.2",
         "web-utility": "^4.6.1"
     },
     "devDependencies": {