From 84eb3399f1ee8840784faf6bbbfcf53fd6f04455 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Thu, 30 Jan 2020 19:21:53 +0800
Subject: [PATCH 01/35] chore($package.json): update version to 1.1.0-beta

feature/performance-enhancement-jan-30-2020
---
 .env         | 2 +-
 package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env b/.env
index 03faa44..5a250c4 100644
--- a/.env
+++ b/.env
@@ -2,4 +2,4 @@
 VUE_APP_PACKAGE_JSON=''
 
 # TAG must be corresponding with the version tag in package.json, need to modify it when new version releases
-TAG=1.0.2
+TAG=1.1.0-beta
diff --git a/package.json b/package.json
index 2edae30..223ab1a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "exrx-net-crawler",
-  "version": "1.0.2",
+  "version": "1.1.0-beta",
   "license": "Apache-2.0",
   "description": "The Crawler for ExRx.net",
   "author": {

From 34e69270cc985843c21472f0b83819d4f9912483 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Wed, 5 Feb 2020 17:35:35 +0800
Subject: [PATCH 02/35] feat($MultiWindow): support multi window communication

support multi window communication

BREAKING CHANGE: support multi window communication
---
 src/components/HelloWorld.vue   | 17 +++++-
 src/main.ts                     |  2 +
 src/mixin/multi-window.ts       | 93 +++++++++++++++++++++++++++++++++
 src/router/index.ts             |  5 ++
 src/types.d.ts                  | 25 +++++++++
 src/views/hello-world/index.vue | 17 ------
 src/views/second-page/index.vue | 23 ++++++++
 7 files changed, 164 insertions(+), 18 deletions(-)
 create mode 100644 src/mixin/multi-window.ts
 create mode 100644 src/types.d.ts
 delete mode 100644 src/views/hello-world/index.vue
 create mode 100644 src/views/second-page/index.vue

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 1573e87..8d7452c 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -18,8 +18,10 @@
     <v-divider style="margin-bottom: 24px"/>
     <v-row>
       <v-btn v-debounced-click="handelClickTest" block color="primary">Test Back-end Service</v-btn>
+      <v-btn @click="handleClickOpenNewPage" block>Open New Page</v-btn>
     </v-row>
-    <v-row>{{ response }}</v-row>
+    <v-row>Response: {{ response }}</v-row>
+    <v-row>Value from sub window: {{ JSON.stringify(valueFromSubWindow) }}</v-row>
   </v-container>
 </template>
 
@@ -36,6 +38,7 @@ export default class HelloWorld extends Vue {
   private version = ''
   private environment = ''
   private response = null as any
+  private valueFromSubWindow = null as any
 
   async mounted () {
     this.version = AppUtil.getVersionInfo()
@@ -53,5 +56,17 @@ export default class HelloWorld extends Vue {
       this.$toast.error(error.message)
     }
   }
+
+  handleClickOpenNewPage () {
+    this.openWindow(this, '/second-page', {
+      callback: 'logCallback',
+      version: 'this.version'
+    })
+  }
+
+  logCallback (value: any) {
+    console.info('logCallback', value)
+    this.valueFromSubWindow = value
+  }
 }
 </script>
diff --git a/src/main.ts b/src/main.ts
index 80b9082..b27d9a8 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,8 +9,10 @@ import '@/directives/throttled-click'
 import '@/directives/debounced-click'
 import { listenToColorScheme } from '@/plugins/adaptive-color-scheme'
 // import '@/plugins/axios-mock-adapter'
+import { MultiWindow } from '@/mixin/multi-window'
 
 Vue.config.productionTip = false
+Vue.mixin(MultiWindow)
 
 const vueInstance = new Vue({
   router,
diff --git a/src/mixin/multi-window.ts b/src/mixin/multi-window.ts
new file mode 100644
index 0000000..b1503c2
--- /dev/null
+++ b/src/mixin/multi-window.ts
@@ -0,0 +1,93 @@
+import { Component, Vue } from 'vue-property-decorator'
+
+/**
+ * Multi Window Options
+ */
+export interface MultiWindowOptions {
+  /**
+   * Whether delay closing opened window for 300 ms. Default: true
+   */
+  delayClosingWindow?: boolean
+
+  /**
+   * Vue instance of opener callback function name
+   */
+  callback?: string
+
+  /**
+   * Other data
+   */
+  [key: string]: any
+}
+
+/**
+ * Multi window mixin
+ *
+ * Can i use mixins global in vue? i am use typescript with vue
+ * @see <a href='https://github.com/kaorun343/vue-property-decorator/issues/226#issuecomment-515568960'>GitHub</a>
+ */
+@Component
+export class MultiWindow extends Vue {
+  private $multiWindowOptions: MultiWindowOptions = {
+    delayClosingWindow: true,
+    callback: ''
+  }
+
+  mounted () {
+    this.$data.$multiWindowOptions.delayClosingWindow = this.$route.query.delayClosingWindow === 'true'
+    this.$data.$multiWindowOptions.callback = this.$route.query.callback
+  }
+
+  openWindow (context: Vue, url: string, multiWindowOptions?: MultiWindowOptions): void {
+    // Set default delayClosingWindow as true
+    if (multiWindowOptions?.delayClosingWindow === undefined) {
+      // @ts-ignore
+      multiWindowOptions.delayClosingWindow = true
+    }
+    const path = /\/$/.test(url) ? url : `${url}/`
+    // the value of process.env.BASE_URL is equal to the `publicPath` configured in vue.config.js
+    const baseUrl = process.env.BASE_URL
+    const target = /^(http|https):\/\//.test(path) ? url : `${baseUrl}#${url}`
+    // Passing information to opened window by query string
+    let queryString = ''
+    for (const key in multiWindowOptions) {
+      // Determines whether an object has a property with the specified name.
+      // eslint-disable-next-line no-prototype-builtins
+      if (!multiWindowOptions.hasOwnProperty(key)) {
+        break
+      }
+      const val = ((multiWindowOptions[key] === null) || (multiWindowOptions[key] === undefined) ? '' : multiWindowOptions[key])
+      queryString += queryString === '' ? `?${key}=${val}` : `&${key}=${val}`
+    }
+    const newWindow = window.open(`${target}${queryString}`)
+    if (!newWindow) {
+      window.alert('Please give us permission to open new page!')
+    } else {
+      newWindow.opener.$vue = context
+    }
+  }
+
+  windowBack (argument?: any): void {
+    const context = window.opener.$vue
+    const callback = this.$data.$multiWindowOptions.callback
+    const delayClosingWindow = this.$data.$multiWindowOptions.delayClosingWindow
+    if (!context) {
+      window.alert('Cannot find context!')
+      return
+    }
+    // Check whether opener's callback is valid
+    if (callback && typeof context[callback] === 'function') {
+      context[callback](argument)
+    } else {
+      window.alert('Cannot find callback!')
+      return
+    }
+    if (delayClosingWindow) {
+      setTimeout(() => {
+        window.close()
+      }, 300)
+    } else {
+      window.close()
+    }
+  }
+}
diff --git a/src/router/index.ts b/src/router/index.ts
index d4f7d53..1cf3f23 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -27,6 +27,11 @@ const routes = [
         component: () => import(/* webpackChunkName: "exrx-net" */ '@/views/exrx-net/index.vue')
       }
     ]
+  },
+  {
+    name: 'second-page',
+    path: '/second-page',
+    component: () => import(/* webpackChunkName: "second-page" */ '@/views/second-page/index.vue')
   }
 ]
 
diff --git a/src/types.d.ts b/src/types.d.ts
new file mode 100644
index 0000000..890565a
--- /dev/null
+++ b/src/types.d.ts
@@ -0,0 +1,25 @@
+/* eslint-disable no-unused-vars */
+import { MultiWindowOptions } from '@/mixin/multi-window'
+
+declare module 'vue/types/vue' {
+  /**
+   * Can i use mixins global in vue? i am use typescript with vue
+   * https://github.com/kaorun343/vue-property-decorator/issues/226#issuecomment-515568960
+   */
+  interface Vue {
+    /**
+     * Open a new window
+     * @param context opener's Vue instance
+     * @param url the page URL to be opened
+     * @param multiWindowOptions the parameters to be passed to the opened window
+     */
+    openWindow (context: Vue, url: string, multiWindowOptions?: MultiWindowOptions): void
+
+    /**
+     * Back to last window (close opened window).
+     *
+     * You may pass an object back to last window by setting an object argument to MultiWindow.windowBack()
+     */
+    windowBack (argument?: any): void
+  }
+}
diff --git a/src/views/hello-world/index.vue b/src/views/hello-world/index.vue
deleted file mode 100644
index b44e1e9..0000000
--- a/src/views/hello-world/index.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-<template>
-  <div class="home">
-    <hello-world msg="Welcome to Your Vue.js App"/>
-  </div>
-</template>
-
-<script lang="ts">
-import Vue from 'vue'
-import HelloWorld from '@/components/HelloWorld.vue'
-
-export default Vue.extend({
-  name: 'hello-world',
-  components: {
-    HelloWorld
-  }
-})
-</script>
diff --git a/src/views/second-page/index.vue b/src/views/second-page/index.vue
new file mode 100644
index 0000000..ecbeb46
--- /dev/null
+++ b/src/views/second-page/index.vue
@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <h1>Hello, second page!</h1>
+    <button @click="handleClickGoBack">GO BACK</button>
+  </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend({
+  name: 'hello-world',
+  methods: {
+    handleClickGoBack () {
+      this.windowBack({ id: Math.random() })
+    }
+  }
+})
+</script>
+
+<style scoped>
+
+</style>

From 3aa0c9a62bcd4e476cb2c6c98cfad64323f7bb32 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Wed, 5 Feb 2020 17:52:53 +0800
Subject: [PATCH 03/35] feat($MultiWindow): support opening a unique window

---
 src/components/HelloWorld.vue |  3 ++-
 src/mixin/multi-window.ts     | 14 ++++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 8d7452c..680a1e8 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -60,7 +60,8 @@ export default class HelloWorld extends Vue {
   handleClickOpenNewPage () {
     this.openWindow(this, '/second-page', {
       callback: 'logCallback',
-      version: 'this.version'
+      windowTarget: 'secondPage',
+      version: this.version
     })
   }
 
diff --git a/src/mixin/multi-window.ts b/src/mixin/multi-window.ts
index b1503c2..f88b604 100644
--- a/src/mixin/multi-window.ts
+++ b/src/mixin/multi-window.ts
@@ -4,6 +4,12 @@ import { Component, Vue } from 'vue-property-decorator'
  * Multi Window Options
  */
 export interface MultiWindowOptions {
+  /**
+   * A DOMString specifying the name of the browsing context (window, <iframe> or tab) into which to load the specified resource;
+   * if the name doesn't indicate an existing context, a new window is created and is given the name specified by windowName.
+   */
+  windowTarget?: string
+
   /**
    * Whether delay closing opened window for 300 ms. Default: true
    */
@@ -59,9 +65,9 @@ export class MultiWindow extends Vue {
       const val = ((multiWindowOptions[key] === null) || (multiWindowOptions[key] === undefined) ? '' : multiWindowOptions[key])
       queryString += queryString === '' ? `?${key}=${val}` : `&${key}=${val}`
     }
-    const newWindow = window.open(`${target}${queryString}`)
+    const newWindow = window.open(`${target}${queryString}`, multiWindowOptions?.windowTarget)
     if (!newWindow) {
-      window.alert('Please give us permission to open new page!')
+      window.alert('Please give us permission to open a new page!')
     } else {
       newWindow.opener.$vue = context
     }
@@ -72,14 +78,14 @@ export class MultiWindow extends Vue {
     const callback = this.$data.$multiWindowOptions.callback
     const delayClosingWindow = this.$data.$multiWindowOptions.delayClosingWindow
     if (!context) {
-      window.alert('Cannot find context!')
+      window.alert('ERROR: Cannot find context!')
       return
     }
     // Check whether opener's callback is valid
     if (callback && typeof context[callback] === 'function') {
       context[callback](argument)
     } else {
-      window.alert('Cannot find callback!')
+      window.alert('ERROR: Cannot find callback!')
       return
     }
     if (delayClosingWindow) {

From fb54364051787e3a4a49843bfd6fb4c50ac03d4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Wed, 5 Feb 2020 18:01:49 +0800
Subject: [PATCH 04/35] perf($MultiWindow): use optional chain to avoid error

---
 src/mixin/multi-window.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/mixin/multi-window.ts b/src/mixin/multi-window.ts
index f88b604..5c62630 100644
--- a/src/mixin/multi-window.ts
+++ b/src/mixin/multi-window.ts
@@ -74,7 +74,7 @@ export class MultiWindow extends Vue {
   }
 
   windowBack (argument?: any): void {
-    const context = window.opener.$vue
+    const context = window?.opener?.$vue
     const callback = this.$data.$multiWindowOptions.callback
     const delayClosingWindow = this.$data.$multiWindowOptions.delayClosingWindow
     if (!context) {

From 13fae239ebd823d515c378ca25a7c3ec41652b0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Wed, 5 Feb 2020 18:13:39 +0800
Subject: [PATCH 05/35] feat($MultiWindow): beautify UI

---
 src/views/second-page/index.vue | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/views/second-page/index.vue b/src/views/second-page/index.vue
index ecbeb46..50e26db 100644
--- a/src/views/second-page/index.vue
+++ b/src/views/second-page/index.vue
@@ -1,15 +1,21 @@
 <template>
-  <div>
-    <h1>Hello, second page!</h1>
-    <button @click="handleClickGoBack">GO BACK</button>
-  </div>
+  <v-app class="second-page-container">
+    <v-card class="second-page-card" outlined>
+      <v-card-title>
+        <v-icon large left>mdi-file-document</v-icon>
+        <span class="title font-weight-light">Hello, second page!</span>
+      </v-card-title>
+      <p>Data from parent page: {{ $route.query.version }}</p>
+      <v-btn @click="handleClickGoBack" color="primary">GO BACK</v-btn>
+    </v-card>
+  </v-app>
 </template>
 
 <script lang="ts">
 import Vue from 'vue'
 
 export default Vue.extend({
-  name: 'hello-world',
+  name: 'second-page',
   methods: {
     handleClickGoBack () {
       this.windowBack({ id: Math.random() })
@@ -18,6 +24,12 @@ export default Vue.extend({
 })
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+.second-page-container {
+  margin: 20px;
 
+  .second-page-card {
+    padding: 20px;
+  }
+}
 </style>

From 66ab76c4fbd57fa01c06a3177bbb0566574cc563 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Wed, 5 Feb 2020 18:28:06 +0800
Subject: [PATCH 06/35] perf($MultiWindow): abstract code

---
 .../index.ts}                                 | 28 ++-----------------
 .../multi-window/multi-window-options.ts      | 25 +++++++++++++++++
 src/types.d.ts                                |  2 +-
 3 files changed, 28 insertions(+), 27 deletions(-)
 rename src/mixin/{multi-window.ts => multi-window/index.ts} (81%)
 create mode 100644 src/mixin/multi-window/multi-window-options.ts

diff --git a/src/mixin/multi-window.ts b/src/mixin/multi-window/index.ts
similarity index 81%
rename from src/mixin/multi-window.ts
rename to src/mixin/multi-window/index.ts
index 5c62630..171d030 100644
--- a/src/mixin/multi-window.ts
+++ b/src/mixin/multi-window/index.ts
@@ -1,30 +1,6 @@
 import { Component, Vue } from 'vue-property-decorator'
-
-/**
- * Multi Window Options
- */
-export interface MultiWindowOptions {
-  /**
-   * A DOMString specifying the name of the browsing context (window, <iframe> or tab) into which to load the specified resource;
-   * if the name doesn't indicate an existing context, a new window is created and is given the name specified by windowName.
-   */
-  windowTarget?: string
-
-  /**
-   * Whether delay closing opened window for 300 ms. Default: true
-   */
-  delayClosingWindow?: boolean
-
-  /**
-   * Vue instance of opener callback function name
-   */
-  callback?: string
-
-  /**
-   * Other data
-   */
-  [key: string]: any
-}
+// eslint-disable-next-line no-unused-vars
+import { MultiWindowOptions } from '@/mixin/multi-window/multi-window-options'
 
 /**
  * Multi window mixin
diff --git a/src/mixin/multi-window/multi-window-options.ts b/src/mixin/multi-window/multi-window-options.ts
new file mode 100644
index 0000000..7f3bc3f
--- /dev/null
+++ b/src/mixin/multi-window/multi-window-options.ts
@@ -0,0 +1,25 @@
+/**
+ * Multi Window Options
+ */
+export interface MultiWindowOptions {
+  /**
+   * A DOMString specifying the name of the browsing context (window, <iframe> or tab) into which to load the specified resource;
+   * if the name doesn't indicate an existing context, a new window is created and is given the name specified by windowName.
+   */
+  windowTarget?: string
+
+  /**
+   * Whether delay closing opened window for 300 ms. Default: true
+   */
+  delayClosingWindow?: boolean
+
+  /**
+   * Vue instance of opener callback function name
+   */
+  callback?: string
+
+  /**
+   * Other data
+   */
+  [key: string]: any
+}
diff --git a/src/types.d.ts b/src/types.d.ts
index 890565a..2c0dd2e 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-unused-vars */
-import { MultiWindowOptions } from '@/mixin/multi-window'
+import { MultiWindowOptions } from '@/mixin/multi-window/multi-window-options'
 
 declare module 'vue/types/vue' {
   /**

From a82f028dce16aca2d3872593b1aa6a882b812b57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Wed, 5 Feb 2020 21:03:09 +0800
Subject: [PATCH 07/35] perf($MultiWindow): use optional chain to avoid query
 error

---
 src/main.ts                                                | 2 +-
 src/{mixin => mixins}/multi-window/index.ts                | 6 +++---
 src/{mixin => mixins}/multi-window/multi-window-options.ts | 0
 src/types.d.ts                                             | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)
 rename src/{mixin => mixins}/multi-window/index.ts (92%)
 rename src/{mixin => mixins}/multi-window/multi-window-options.ts (100%)

diff --git a/src/main.ts b/src/main.ts
index b27d9a8..b628bee 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -9,7 +9,7 @@ import '@/directives/throttled-click'
 import '@/directives/debounced-click'
 import { listenToColorScheme } from '@/plugins/adaptive-color-scheme'
 // import '@/plugins/axios-mock-adapter'
-import { MultiWindow } from '@/mixin/multi-window'
+import { MultiWindow } from '@/mixins/multi-window'
 
 Vue.config.productionTip = false
 Vue.mixin(MultiWindow)
diff --git a/src/mixin/multi-window/index.ts b/src/mixins/multi-window/index.ts
similarity index 92%
rename from src/mixin/multi-window/index.ts
rename to src/mixins/multi-window/index.ts
index 171d030..c376c18 100644
--- a/src/mixin/multi-window/index.ts
+++ b/src/mixins/multi-window/index.ts
@@ -1,6 +1,6 @@
 import { Component, Vue } from 'vue-property-decorator'
 // eslint-disable-next-line no-unused-vars
-import { MultiWindowOptions } from '@/mixin/multi-window/multi-window-options'
+import { MultiWindowOptions } from '@/mixins/multi-window/multi-window-options'
 
 /**
  * Multi window mixin
@@ -16,8 +16,8 @@ export class MultiWindow extends Vue {
   }
 
   mounted () {
-    this.$data.$multiWindowOptions.delayClosingWindow = this.$route.query.delayClosingWindow === 'true'
-    this.$data.$multiWindowOptions.callback = this.$route.query.callback
+    this.$data.$multiWindowOptions.delayClosingWindow = this.$route?.query?.delayClosingWindow === 'true'
+    this.$data.$multiWindowOptions.callback = this.$route?.query?.callback
   }
 
   openWindow (context: Vue, url: string, multiWindowOptions?: MultiWindowOptions): void {
diff --git a/src/mixin/multi-window/multi-window-options.ts b/src/mixins/multi-window/multi-window-options.ts
similarity index 100%
rename from src/mixin/multi-window/multi-window-options.ts
rename to src/mixins/multi-window/multi-window-options.ts
diff --git a/src/types.d.ts b/src/types.d.ts
index 2c0dd2e..161ecf5 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-unused-vars */
-import { MultiWindowOptions } from '@/mixin/multi-window/multi-window-options'
+import { MultiWindowOptions } from '@/mixins/multi-window/multi-window-options'
 
 declare module 'vue/types/vue' {
   /**

From 8dc320e292838527b0ea20eb3752e8c872fb4a6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Wed, 5 Feb 2020 21:12:45 +0800
Subject: [PATCH 08/35] perf($MultiWindow): throw an error when failing to
 going back to last page

---
 src/mixins/multi-window/index.ts | 4 ++--
 src/types.d.ts                   | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/mixins/multi-window/index.ts b/src/mixins/multi-window/index.ts
index c376c18..edf68dd 100644
--- a/src/mixins/multi-window/index.ts
+++ b/src/mixins/multi-window/index.ts
@@ -55,14 +55,14 @@ export class MultiWindow extends Vue {
     const delayClosingWindow = this.$data.$multiWindowOptions.delayClosingWindow
     if (!context) {
       window.alert('ERROR: Cannot find context!')
-      return
+      throw new Error('Cannot find context!')
     }
     // Check whether opener's callback is valid
     if (callback && typeof context[callback] === 'function') {
       context[callback](argument)
     } else {
       window.alert('ERROR: Cannot find callback!')
-      return
+      throw new Error('Cannot find callback!')
     }
     if (delayClosingWindow) {
       setTimeout(() => {
diff --git a/src/types.d.ts b/src/types.d.ts
index 161ecf5..423623e 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -18,7 +18,8 @@ declare module 'vue/types/vue' {
     /**
      * Back to last window (close opened window).
      *
-     * You may pass an object back to last window by setting an object argument to MultiWindow.windowBack()
+     * You may pass an object back to last window by setting an object argument to MultiWindow.windowBack().
+     * @throws Error when failing to going back to last page.
      */
     windowBack (argument?: any): void
   }

From 8f7576eb4d184a08b250ee53b502156a706a7aac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Wed, 5 Feb 2020 21:18:44 +0800
Subject: [PATCH 09/35] perf($MultiWindow): use toast to display error info
 instead of window.alert()

---
 src/mixins/multi-window/index.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/mixins/multi-window/index.ts b/src/mixins/multi-window/index.ts
index edf68dd..0561264 100644
--- a/src/mixins/multi-window/index.ts
+++ b/src/mixins/multi-window/index.ts
@@ -54,14 +54,16 @@ export class MultiWindow extends Vue {
     const callback = this.$data.$multiWindowOptions.callback
     const delayClosingWindow = this.$data.$multiWindowOptions.delayClosingWindow
     if (!context) {
-      window.alert('ERROR: Cannot find context!')
+      this.$toast.error('ERROR: Cannot find context!')
+      // window.alert('ERROR: Cannot find context!')
       throw new Error('Cannot find context!')
     }
     // Check whether opener's callback is valid
     if (callback && typeof context[callback] === 'function') {
       context[callback](argument)
     } else {
-      window.alert('ERROR: Cannot find callback!')
+      this.$toast.error('ERROR: Cannot find callback!')
+      // window.alert('ERROR: Cannot find callback!')
       throw new Error('Cannot find callback!')
     }
     if (delayClosingWindow) {

From 62bb630221c07464a65e774fa97696a89239bf27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Wed, 5 Feb 2020 21:34:41 +0800
Subject: [PATCH 10/35] feat($HelloWorld): retrieve backend app info

---
 proxy.config.js               | 7 +++++++
 src/components/HelloWorld.vue | 7 ++-----
 src/requests/common-api.ts    | 6 ++++++
 3 files changed, 15 insertions(+), 5 deletions(-)
 create mode 100644 src/requests/common-api.ts

diff --git a/proxy.config.js b/proxy.config.js
index 2ecaa3c..6575c2b 100644
--- a/proxy.config.js
+++ b/proxy.config.js
@@ -1,4 +1,11 @@
 module.exports = {
+  '/common': {
+    target: `${process.env.VUE_APP_BASE_URL}`,
+    changeOrigin: true,
+    pathRewrite: {
+      '^/common': `/${process.env.VUE_APP_BASE_API}/common`
+    }
+  },
   '/test-table': {
     target: `${process.env.VUE_APP_BASE_URL}`,
     changeOrigin: true,
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 680a1e8..9a4acd6 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -29,8 +29,7 @@
 <script lang="ts">
 import { Component, Prop, Vue } from 'vue-property-decorator'
 import { AppUtil } from '@/utils/app-util'
-import { GetByIdPayload } from '@/domain/test-table/get-by-id-payload'
-import { testTableApi } from '@/requests/test-table-api'
+import { commonApi } from '@/requests/common-api'
 
 @Component
 export default class HelloWorld extends Vue {
@@ -46,10 +45,8 @@ export default class HelloWorld extends Vue {
   }
 
   async handelClickTest (): Promise<void> {
-    const getByIdPayload = new GetByIdPayload()
-    getByIdPayload.id = 1
     try {
-      this.response = await testTableApi.getById(getByIdPayload)
+      this.response = await commonApi.appInfo()
       this.$toast.success('Succeed to interact with back-end server `exrx-net-crawler-server`')
     } catch (error) {
       console.error('Error occurred when sending request `getById`!', error)
diff --git a/src/requests/common-api.ts b/src/requests/common-api.ts
new file mode 100644
index 0000000..a876ffd
--- /dev/null
+++ b/src/requests/common-api.ts
@@ -0,0 +1,6 @@
+/* eslint-disable no-unused-vars */
+import * as IntraAxios from '@/plugins/axios/axios-for-intra-communication'
+
+export const commonApi = {
+  appInfo: () => IntraAxios.get('/common/app-info')
+}

From 4318b3a37ce75501be3f3aff39362e2e3de07431 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Wed, 5 Feb 2020 21:38:29 +0800
Subject: [PATCH 11/35] feat($MultiWindow): delay 0.6s to open new window

---
 src/mixins/multi-window/index.ts | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/mixins/multi-window/index.ts b/src/mixins/multi-window/index.ts
index 0561264..9e5cfcc 100644
--- a/src/mixins/multi-window/index.ts
+++ b/src/mixins/multi-window/index.ts
@@ -41,12 +41,14 @@ export class MultiWindow extends Vue {
       const val = ((multiWindowOptions[key] === null) || (multiWindowOptions[key] === undefined) ? '' : multiWindowOptions[key])
       queryString += queryString === '' ? `?${key}=${val}` : `&${key}=${val}`
     }
-    const newWindow = window.open(`${target}${queryString}`, multiWindowOptions?.windowTarget)
-    if (!newWindow) {
-      window.alert('Please give us permission to open a new page!')
-    } else {
-      newWindow.opener.$vue = context
-    }
+    setTimeout(() => {
+      const newWindow = window.open(`${target}${queryString}`, multiWindowOptions?.windowTarget)
+      if (!newWindow) {
+        window.alert('Please give us permission to open a new page!')
+      } else {
+        newWindow.opener.$vue = context
+      }
+    }, 600)
   }
 
   windowBack (argument?: any): void {

From f84aa0546ca869bd66fa03ec9e6a1a64389c489c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Fri, 7 Feb 2020 09:43:48 +0800
Subject: [PATCH 12/35] refactor($MultiWindow): throw an error if failing to
 open a window

---
 src/mixins/multi-window/index.ts | 1 +
 src/types.d.ts                   | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/mixins/multi-window/index.ts b/src/mixins/multi-window/index.ts
index 9e5cfcc..b88503c 100644
--- a/src/mixins/multi-window/index.ts
+++ b/src/mixins/multi-window/index.ts
@@ -45,6 +45,7 @@ export class MultiWindow extends Vue {
       const newWindow = window.open(`${target}${queryString}`, multiWindowOptions?.windowTarget)
       if (!newWindow) {
         window.alert('Please give us permission to open a new page!')
+        throw new Error('Failed to gain permission to open a new page!')
       } else {
         newWindow.opener.$vue = context
       }
diff --git a/src/types.d.ts b/src/types.d.ts
index 423623e..556b5cc 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -12,6 +12,7 @@ declare module 'vue/types/vue' {
      * @param context opener's Vue instance
      * @param url the page URL to be opened
      * @param multiWindowOptions the parameters to be passed to the opened window
+     * @throws Error when failing to gain permission to open a new page.
      */
     openWindow (context: Vue, url: string, multiWindowOptions?: MultiWindowOptions): void
 

From d6ad4e3c34c74de80f3a83b282cc42aea5785be3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Fri, 7 Feb 2020 09:50:44 +0800
Subject: [PATCH 13/35] feat($Exercise): add loading animation

---
 src/views/exrx-net/components/exercise.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index a2bd7d2..6f83efe 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -240,8 +240,8 @@ export default class Exercise extends Vue {
     }
   }
 
-  // noinspection JSUnusedGlobalSymbols
-  mounted () {
+  private mounted () {
+    this.loadingContent = true
   }
 }
 </script>

From d9cae3e4d3feb1bf3630c81d9b88aefb651a2192 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Fri, 7 Feb 2020 12:27:49 +0800
Subject: [PATCH 14/35] perf($Muscle): support sending concurrent requests

support sending concurrent requests

BREAKING CHANGE: support sending concurrent requests
---
 src/views/exrx-net/components/muscle-link.vue | 25 ++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/views/exrx-net/components/muscle-link.vue b/src/views/exrx-net/components/muscle-link.vue
index 0df2740..4528d6a 100644
--- a/src/views/exrx-net/components/muscle-link.vue
+++ b/src/views/exrx-net/components/muscle-link.vue
@@ -4,6 +4,7 @@
     <v-card-subtitle>
       <span>Length: {{ muscleLinkList.length }} {{ updateMuscleDetailsProgress }}</span>
     </v-card-subtitle>
+    <v-text-field class="concurrency" v-model="concurrency" type="number" label="Concurrency" required/>
     <v-card-actions>
       <v-btn v-debounced-click="handleClickUpdateMuscleDetails" :loading="loadingUpdateMuscleDetails"
              :disabled="loadingUpdateMuscleDetails" color="primary" text>
@@ -40,6 +41,7 @@ import { muscleApi } from '@/requests/muscle-api'
 export default class MuscleLinkView extends Vue {
   @Prop() private muscleLinkList!: Array<MuscleLink>
 
+  private concurrency = 5
   private loadingContent = false
   // muscleLinkList: [] as Array<MuscleLink>,
   private loadingUpdateMuscleDetails = false
@@ -122,11 +124,21 @@ export default class MuscleLinkView extends Vue {
     }
     this.loadingUpdateMuscleDetails = true
     try {
+      let concurrentMuscleLinkList = []
       for (const item of this.muscleLinkList) {
         const index = this.muscleLinkList.indexOf(item)
-        this.updateMuscleDetailsProgress = `Updating muscle. Progress: ${index + 1} of ${this.muscleLinkList.length}`
-        console.info(`muscleLink ${index}`, item)
-        await this.timeoutHandler(item)
+        if (index === 0 || index % this.concurrency !== 0) {
+          concurrentMuscleLinkList.push(item)
+        } else {
+          concurrentMuscleLinkList.push(item)
+          console.info(`concurrentMuscleLinkList ${index}`, concurrentMuscleLinkList)
+          const tasks = [] as Promise<unknown>[]
+          concurrentMuscleLinkList.forEach(value => {
+            tasks.push(this.timeoutHandler(value))
+          })
+          await Promise.all(tasks)
+          concurrentMuscleLinkList = []
+        }
       }
     } catch (error) {
       console.error('Error occurred when updating muscle details!', error)
@@ -141,3 +153,10 @@ export default class MuscleLinkView extends Vue {
   }
 }
 </script>
+
+<style scoped>
+.concurrency {
+  margin-left: 16px;
+  margin-right: 16px;
+}
+</style>

From 5a38ab276449975d866ca764dc70863a0f251634 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Fri, 7 Feb 2020 14:49:55 +0800
Subject: [PATCH 15/35] perf($Exercise): add constraint for concurrency

---
 src/views/exrx-net/components/exercise.vue    | 42 ++++++++++++++++++-
 src/views/exrx-net/components/muscle-link.vue | 20 ++++++++-
 2 files changed, 59 insertions(+), 3 deletions(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index 6f83efe..5985452 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -7,6 +7,10 @@
       <span>{{ saveSpecificExerciseProgress }}</span>
       <span>{{ saveExerciseProgress }}</span>
     </v-card-subtitle>
+    <v-form v-model="formValidation">
+      <v-text-field class="concurrency" v-model="concurrency" :rules="rules" type="number" label="Concurrency"
+                    required/>
+    </v-form>
     <v-card-actions>
       <v-btn v-debounced-click="handleClickSaveExercise" :loading="loadingSaveExercise" :disabled="loadingSaveExercise"
              color="primary" text>
@@ -51,6 +55,18 @@ export default class Exercise extends Vue {
   @Prop() private exerciseLinkSortedByBodyPartList!: ExerciseLinkSortedByBodyPart[]
 
   private loadingContent = false
+  private formValidation = false
+  private concurrency = 10
+  private rules = [
+    (value: number) => !!value || 'Concurrency is required.',
+    (value: number) => {
+      if (value <= 0) {
+        return 'Concurrency must be larger than 0.'
+      }
+      return true
+    }
+  ]
+
   private loadingSaveExercise = false
   // noinspection JSUnusedLocalSymbols
   private showExercise = false
@@ -69,6 +85,10 @@ export default class Exercise extends Vue {
   }
 
   async handleClickSaveExercise (): Promise<void> {
+    if (!this.formValidation) {
+      this.$toast.warning('Invalid concurrency!')
+      return
+    }
     if (!this.exerciseLinkSortedByBodyPartList || this.exerciseLinkSortedByBodyPartList.length === 0) {
       this.$toast.warning('Invalid data!')
       return
@@ -95,11 +115,22 @@ export default class Exercise extends Vue {
       })
       this.saveSpecificExerciseProgress = `, exercise amount: ${exerciseAmount}`
       for (const item of exercise) {
+        let concurrentExerciseLinkList = []
         // parse and save every specific exercise by exercise link
         for (const link of item.exerciseLinkList) {
           const index = item.exerciseLinkList.indexOf(link)
-          this.saveExerciseProgress = `; ${index + 1}. ${link.exerciseName}`
-          await this.parseSpecificExercise(link)
+          if (index === 0 || index % this.concurrency !== 0) {
+            concurrentExerciseLinkList.push(link)
+          } else {
+            concurrentExerciseLinkList.push(link)
+            console.info(`concurrentExerciseLinkList ${index}`, concurrentExerciseLinkList)
+            const tasks = [] as Promise<unknown>[]
+            concurrentExerciseLinkList.forEach(value => {
+              tasks.push(this.parseSpecificExercise(value))
+            })
+            await Promise.all(tasks)
+            concurrentExerciseLinkList = []
+          }
         }
       }
     }
@@ -245,3 +276,10 @@ export default class Exercise extends Vue {
   }
 }
 </script>
+
+<style scoped>
+.concurrency {
+  margin-left: 16px;
+  margin-right: 16px;
+}
+</style>
diff --git a/src/views/exrx-net/components/muscle-link.vue b/src/views/exrx-net/components/muscle-link.vue
index 4528d6a..9068221 100644
--- a/src/views/exrx-net/components/muscle-link.vue
+++ b/src/views/exrx-net/components/muscle-link.vue
@@ -4,7 +4,10 @@
     <v-card-subtitle>
       <span>Length: {{ muscleLinkList.length }} {{ updateMuscleDetailsProgress }}</span>
     </v-card-subtitle>
-    <v-text-field class="concurrency" v-model="concurrency" type="number" label="Concurrency" required/>
+    <v-form v-model="formValidation">
+      <v-text-field class="concurrency" v-model="concurrency" :rules="rules" type="number" label="Concurrency"
+                    required/>
+    </v-form>
     <v-card-actions>
       <v-btn v-debounced-click="handleClickUpdateMuscleDetails" :loading="loadingUpdateMuscleDetails"
              :disabled="loadingUpdateMuscleDetails" color="primary" text>
@@ -41,7 +44,18 @@ import { muscleApi } from '@/requests/muscle-api'
 export default class MuscleLinkView extends Vue {
   @Prop() private muscleLinkList!: Array<MuscleLink>
 
+  private formValidation = false
   private concurrency = 5
+  private rules = [
+    (value: number) => !!value || 'Concurrency is required.',
+    (value: number) => {
+      if (value <= 0) {
+        return 'Concurrency must be larger than 0.'
+      }
+      return true
+    }
+  ]
+
   private loadingContent = false
   // muscleLinkList: [] as Array<MuscleLink>,
   private loadingUpdateMuscleDetails = false
@@ -118,6 +132,10 @@ export default class MuscleLinkView extends Vue {
   }
 
   async handleClickUpdateMuscleDetails (): Promise<void> {
+    if (!this.formValidation) {
+      this.$toast.warning('Invalid concurrency!')
+      return
+    }
     if (!this?.muscleLinkList.length) {
       this.$toast.warning('Invalid data!')
       return

From 4d8c3a031bb44b030576003d3e4992276c84c3e2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Fri, 7 Feb 2020 20:37:30 +0800
Subject: [PATCH 16/35] perf($Axios): refine generating request token

---
 .../axios/axios-for-inter-communication.ts     |  3 ++-
 .../axios/axios-for-intra-communication.ts     |  3 ++-
 src/plugins/axios/cancellation.ts              |  3 ++-
 src/utils/axios-util.ts                        | 18 ++++++++++++++++++
 4 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 src/utils/axios-util.ts

diff --git a/src/plugins/axios/axios-for-inter-communication.ts b/src/plugins/axios/axios-for-inter-communication.ts
index 63d2e7a..e90a84c 100644
--- a/src/plugins/axios/axios-for-inter-communication.ts
+++ b/src/plugins/axios/axios-for-inter-communication.ts
@@ -6,6 +6,7 @@
 import Axios, { AxiosRequestConfig, AxiosResponse, Canceler, ResponseType } from 'axios'
 import * as Cancellation from '@/plugins/axios/cancellation'
 import { HttpStatus } from '@/constants/http-status'
+import { AxiosUtil } from '@/utils/axios-util'
 
 /**
  CORS Anywhere is a NodeJS reverse proxy which adds CORS headers to the proxied request.
@@ -68,7 +69,7 @@ service.interceptors.request.use(
     Cancellation.cancelAndRemoveSamePendingRequest(axiosRequestConfig)
     // Configure cancelToken for request
     axiosRequestConfig.cancelToken = new Cancellation.CancelToken((cancel: Canceler) => {
-      const requestToken = `${axiosRequestConfig?.url?.split('?')[0]}::${axiosRequestConfig.method}::${JSON.stringify(axiosRequestConfig.params)}`
+      const requestToken = AxiosUtil.getRequestToken(axiosRequestConfig)
       const pendingRequest = new Cancellation.PendingRequest(requestToken, cancel)
       Cancellation.pendingRequestList.push(pendingRequest)
     })
diff --git a/src/plugins/axios/axios-for-intra-communication.ts b/src/plugins/axios/axios-for-intra-communication.ts
index e755787..83d9b98 100644
--- a/src/plugins/axios/axios-for-intra-communication.ts
+++ b/src/plugins/axios/axios-for-intra-communication.ts
@@ -9,6 +9,7 @@ import { ClassValidationUtil } from '@/utils/class-validation-util'
 import * as Cancellation from '@/plugins/axios/cancellation'
 import { HttpStatus } from '@/constants/http-status'
 import { ResponseBody } from '@/plugins/axios/response-body'
+import { AxiosUtil } from '@/utils/axios-util'
 
 // 1. Create an axios instance.
 export const service = Axios.create({
@@ -44,7 +45,7 @@ service.interceptors.request.use(
     Cancellation.cancelAndRemoveSamePendingRequest(axiosRequestConfig)
     // Configure cancelToken for request
     axiosRequestConfig.cancelToken = new Cancellation.CancelToken((cancel: Canceler) => {
-      const requestToken = `${axiosRequestConfig?.url?.split('?')[0]}::${axiosRequestConfig.method}::${JSON.stringify(axiosRequestConfig.params)}`
+      const requestToken = AxiosUtil.getRequestToken(axiosRequestConfig)
       const pendingRequest = new Cancellation.PendingRequest(requestToken, cancel)
       Cancellation.pendingRequestList.push(pendingRequest)
     })
diff --git a/src/plugins/axios/cancellation.ts b/src/plugins/axios/cancellation.ts
index d507eab..56488c4 100644
--- a/src/plugins/axios/cancellation.ts
+++ b/src/plugins/axios/cancellation.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line no-unused-vars
 import Axios, { AxiosRequestConfig, Canceler } from 'axios'
+import { AxiosUtil } from '@/utils/axios-util'
 
 export const CancelToken = Axios.CancelToken
 export const pendingRequestList: PendingRequest[] = []
@@ -32,7 +33,7 @@ export class PendingRequest {
 
 export const cancelAndRemoveSamePendingRequest = (axiosRequestConfig: AxiosRequestConfig): void => {
   pendingRequestList.forEach((pendingRequest, index) => {
-    const requestToken = `${axiosRequestConfig?.url?.split('?')[0]}::${axiosRequestConfig.method}::${JSON.stringify(axiosRequestConfig.params)}`
+    const requestToken = AxiosUtil.getRequestToken(axiosRequestConfig)
     if (pendingRequest.requestToken === requestToken) {
       // Execute cancellation of this pending request.
       pendingRequest.cancelExecutor(`Cancelled Axios request. Request token: ${requestToken}`)
diff --git a/src/utils/axios-util.ts b/src/utils/axios-util.ts
new file mode 100644
index 0000000..9d08df3
--- /dev/null
+++ b/src/utils/axios-util.ts
@@ -0,0 +1,18 @@
+import { AxiosRequestConfig } from 'axios'
+
+export class AxiosUtil {
+  /**
+   * Get request token.
+   * @return {String} Request token.
+   */
+  static getRequestToken = (axiosRequestConfig: AxiosRequestConfig): string => {
+    let params
+    if (!axiosRequestConfig.params) {
+      params = JSON.stringify(axiosRequestConfig.params)
+    }
+    if (!axiosRequestConfig.data) {
+      params = JSON.stringify(axiosRequestConfig.data)
+    }
+    return `${axiosRequestConfig?.url?.split('?')[0]}::${axiosRequestConfig.method}::${params}`
+  }
+}

From 1666824c4ae5301e72e0ecf67d765caac7a7b0ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Fri, 7 Feb 2020 20:39:34 +0800
Subject: [PATCH 17/35] refactor($Axios): avoid ESLint warning

---
 src/utils/axios-util.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/utils/axios-util.ts b/src/utils/axios-util.ts
index 9d08df3..9714360 100644
--- a/src/utils/axios-util.ts
+++ b/src/utils/axios-util.ts
@@ -1,3 +1,4 @@
+// eslint-disable-next-line no-unused-vars
 import { AxiosRequestConfig } from 'axios'
 
 export class AxiosUtil {

From f9920258964973c8466dd9cdb3a489418f1bee42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Sat, 8 Feb 2020 18:02:52 +0800
Subject: [PATCH 18/35] perf($Axios): disable request cancellation

---
 .../axios/axios-for-inter-communication.ts     | 18 +++++++++---------
 .../axios/axios-for-intra-communication.ts     | 18 +++++++++---------
 src/utils/axios-util.ts                        | 10 +++++-----
 3 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/plugins/axios/axios-for-inter-communication.ts b/src/plugins/axios/axios-for-inter-communication.ts
index e90a84c..87982a7 100644
--- a/src/plugins/axios/axios-for-inter-communication.ts
+++ b/src/plugins/axios/axios-for-inter-communication.ts
@@ -3,10 +3,10 @@
  * @date 1/2/20 9:15 AM
  */
 // eslint-disable-next-line no-unused-vars
-import Axios, { AxiosRequestConfig, AxiosResponse, Canceler, ResponseType } from 'axios'
-import * as Cancellation from '@/plugins/axios/cancellation'
+import Axios, { AxiosRequestConfig, AxiosResponse, ResponseType } from 'axios'
+// import * as Cancellation from '@/plugins/axios/cancellation'
 import { HttpStatus } from '@/constants/http-status'
-import { AxiosUtil } from '@/utils/axios-util'
+// import { AxiosUtil } from '@/utils/axios-util'
 
 /**
  CORS Anywhere is a NodeJS reverse proxy which adds CORS headers to the proxied request.
@@ -66,13 +66,13 @@ export const service = Axios.create({
 service.interceptors.request.use(
   async (axiosRequestConfig: AxiosRequestConfig) => {
     // Cancel and remove same request before sending upcoming request.
-    Cancellation.cancelAndRemoveSamePendingRequest(axiosRequestConfig)
+    // Cancellation.cancelAndRemoveSamePendingRequest(axiosRequestConfig)
     // Configure cancelToken for request
-    axiosRequestConfig.cancelToken = new Cancellation.CancelToken((cancel: Canceler) => {
-      const requestToken = AxiosUtil.getRequestToken(axiosRequestConfig)
-      const pendingRequest = new Cancellation.PendingRequest(requestToken, cancel)
-      Cancellation.pendingRequestList.push(pendingRequest)
-    })
+    // axiosRequestConfig.cancelToken = new Cancellation.CancelToken((cancel: Canceler) => {
+    //   const requestToken = AxiosUtil.getRequestToken(axiosRequestConfig)
+    //   const pendingRequest = new Cancellation.PendingRequest(requestToken, cancel)
+    //   Cancellation.pendingRequestList.push(pendingRequest)
+    // })
     return axiosRequestConfig
   },
   (error: any) => {
diff --git a/src/plugins/axios/axios-for-intra-communication.ts b/src/plugins/axios/axios-for-intra-communication.ts
index 83d9b98..ecf2a48 100644
--- a/src/plugins/axios/axios-for-intra-communication.ts
+++ b/src/plugins/axios/axios-for-intra-communication.ts
@@ -3,13 +3,13 @@
  * @date 1/2/20 9:15 AM
  */
 // eslint-disable-next-line no-unused-vars
-import Axios, { AxiosRequestConfig, AxiosResponse, Canceler, ResponseType } from 'axios'
+import Axios, { AxiosRequestConfig, AxiosResponse, ResponseType } from 'axios'
 import { validate } from 'class-validator'
 import { ClassValidationUtil } from '@/utils/class-validation-util'
-import * as Cancellation from '@/plugins/axios/cancellation'
+// import * as Cancellation from '@/plugins/axios/cancellation'
 import { HttpStatus } from '@/constants/http-status'
 import { ResponseBody } from '@/plugins/axios/response-body'
-import { AxiosUtil } from '@/utils/axios-util'
+// import { AxiosUtil } from '@/utils/axios-util'
 
 // 1. Create an axios instance.
 export const service = Axios.create({
@@ -42,13 +42,13 @@ service.interceptors.request.use(
       }
     }
     // Cancel and remove same request before sending upcoming request.
-    Cancellation.cancelAndRemoveSamePendingRequest(axiosRequestConfig)
+    // Cancellation.cancelAndRemoveSamePendingRequest(axiosRequestConfig)
     // Configure cancelToken for request
-    axiosRequestConfig.cancelToken = new Cancellation.CancelToken((cancel: Canceler) => {
-      const requestToken = AxiosUtil.getRequestToken(axiosRequestConfig)
-      const pendingRequest = new Cancellation.PendingRequest(requestToken, cancel)
-      Cancellation.pendingRequestList.push(pendingRequest)
-    })
+    // axiosRequestConfig.cancelToken = new Cancellation.CancelToken((cancel: Canceler) => {
+    //   const requestToken = AxiosUtil.getRequestToken(axiosRequestConfig)
+    //   const pendingRequest = new Cancellation.PendingRequest(requestToken, cancel)
+    //   Cancellation.pendingRequestList.push(pendingRequest)
+    // })
     return axiosRequestConfig
   },
   (error: any) => {
diff --git a/src/utils/axios-util.ts b/src/utils/axios-util.ts
index 9714360..5861299 100644
--- a/src/utils/axios-util.ts
+++ b/src/utils/axios-util.ts
@@ -7,12 +7,12 @@ export class AxiosUtil {
    * @return {String} Request token.
    */
   static getRequestToken = (axiosRequestConfig: AxiosRequestConfig): string => {
-    let params
-    if (!axiosRequestConfig.params) {
-      params = JSON.stringify(axiosRequestConfig.params)
+    let params = ''
+    if (axiosRequestConfig.params) {
+      params += JSON.stringify(axiosRequestConfig.params)
     }
-    if (!axiosRequestConfig.data) {
-      params = JSON.stringify(axiosRequestConfig.data)
+    if (axiosRequestConfig.data) {
+      params += JSON.stringify(axiosRequestConfig.data)
     }
     return `${axiosRequestConfig?.url?.split('?')[0]}::${axiosRequestConfig.method}::${params}`
   }

From 9469af778d56f15571dae5d511e65cd88c52830a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Sat, 8 Feb 2020 18:05:07 +0800
Subject: [PATCH 19/35] perf($Axios): refine param validation

---
 .../axios/axios-for-intra-communication.ts     | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/plugins/axios/axios-for-intra-communication.ts b/src/plugins/axios/axios-for-intra-communication.ts
index ecf2a48..0fc5047 100644
--- a/src/plugins/axios/axios-for-intra-communication.ts
+++ b/src/plugins/axios/axios-for-intra-communication.ts
@@ -33,13 +33,17 @@ export const service = Axios.create({
 // 2. Request interceptor's configuration.
 service.interceptors.request.use(
   async (axiosRequestConfig: AxiosRequestConfig) => {
-    if (axiosRequestConfig?.params) {
-      const validation = await validate(axiosRequestConfig.params)
-      if (validation.length > 0) {
-        console.error('Validation failed! Validation:', validation)
-        console.error('Validation failed! Error message:', ClassValidationUtil.getAllValidationError(validation))
-        throw new Error(`Validation failed! The 1st error: ${ClassValidationUtil.getFirstValidationError(validation)}`)
-      }
+    let validation = await validate(axiosRequestConfig?.params)
+    if (validation.length > 0) {
+      console.error('Validation failed! Validation:', validation)
+      console.error('Validation failed! Error message:', ClassValidationUtil.getAllValidationError(validation))
+      throw new Error(`Validation failed! The 1st error: ${ClassValidationUtil.getFirstValidationError(validation)}`)
+    }
+    validation = await validate(axiosRequestConfig?.data)
+    if (validation.length > 0) {
+      console.error('Validation failed! Validation:', validation)
+      console.error('Validation failed! Error message:', ClassValidationUtil.getAllValidationError(validation))
+      throw new Error(`Validation failed! The 1st error: ${ClassValidationUtil.getFirstValidationError(validation)}`)
     }
     // Cancel and remove same request before sending upcoming request.
     // Cancellation.cancelAndRemoveSamePendingRequest(axiosRequestConfig)

From beea982179106ada5833eb0cff6682434ec80078 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Sat, 8 Feb 2020 20:41:04 +0800
Subject: [PATCH 20/35] perf($package.json): upgrade dependencies

---
 package.json | 60 +++++++++++++++++++++++++---------------------------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/package.json b/package.json
index 223ab1a..9f4d4b3 100644
--- a/package.json
+++ b/package.json
@@ -35,55 +35,53 @@
     "go:travis": "npm run lint && npm run test:unit && npm run build:prod"
   },
   "dependencies": {
-    "@mdi/font": "4.7.95",
-    "@mdi/js": "4.7.95",
-    "@types/cheerio": "0.22.15",
+    "@mdi/font": "4.9.95",
+    "@mdi/js": "4.9.95",
+    "@types/cheerio": "0.22.16",
     "@types/lodash": "4.14.149",
-    "axios": "0.19.0",
+    "axios": "0.19.2",
     "axios-mock-adapter": "1.17.0",
     "cheerio": "1.0.0-rc.3",
     "class-validator": "0.11.0",
-    "core-js": "3.6.1",
+    "core-js": "3.6.4",
     "lodash": "4.17.15",
-    "mysql": "2.17.1",
-    "reflect-metadata": "0.1.13",
     "roboto-fontface": "*",
     "vue": "2.6.11",
-    "vue-class-component": "7.1.0",
-    "vue-property-decorator": "8.3.0",
-    "vue-router": "3.1.3",
-    "vuetify": "2.2.1",
+    "vue-class-component": "7.2.2",
+    "vue-property-decorator": "8.4.0",
+    "vue-router": "3.1.5",
+    "vuetify": "2.2.11",
     "vuex": "3.1.2"
   },
   "devDependencies": {
-    "@babel/plugin-proposal-optional-chaining": "7.7.5",
-    "@types/jest": "^24.0.19",
-    "@typescript-eslint/eslint-plugin": "2.14.0",
-    "@typescript-eslint/parser": "2.14.0",
-    "@vue/cli-plugin-babel": "4.1.2",
-    "@vue/cli-plugin-eslint": "4.1.2",
-    "@vue/cli-plugin-router": "4.1.2",
-    "@vue/cli-plugin-typescript": "4.1.2",
-    "@vue/cli-plugin-unit-jest": "4.1.2",
-    "@vue/cli-plugin-vuex": "4.1.2",
-    "@vue/cli-service": "4.1.2",
-    "@vue/eslint-config-standard": "5.0.1",
+    "@babel/plugin-proposal-optional-chaining": "7.8.3",
+    "@types/jest": "24.9.1",
+    "@typescript-eslint/eslint-plugin": "2.19.0",
+    "@typescript-eslint/parser": "2.19.0",
+    "@vue/cli-plugin-babel": "4.2.2",
+    "@vue/cli-plugin-eslint": "4.2.2",
+    "@vue/cli-plugin-router": "4.2.2",
+    "@vue/cli-plugin-typescript": "4.2.2",
+    "@vue/cli-plugin-unit-jest": "4.2.2",
+    "@vue/cli-plugin-vuex": "4.2.2",
+    "@vue/cli-service": "4.2.2",
+    "@vue/eslint-config-standard": "5.1.1",
     "@vue/eslint-config-typescript": "5.0.1",
-    "@vue/test-utils": "1.0.0-beta.29",
+    "@vue/test-utils": "1.0.0-beta.31",
     "babel-eslint": "10.0.3",
     "eslint": "6.8.0",
-    "eslint-plugin-import": "2.19.1",
+    "eslint-plugin-import": "2.20.1",
     "eslint-plugin-node": "11.0.0",
     "eslint-plugin-promise": "4.2.1",
     "eslint-plugin-standard": "4.0.1",
     "eslint-plugin-vue": "6.1.2",
     "eslint-plugin-vue-libs": "4.0.0",
-    "lint-staged": "9.5.0",
-    "node-sass": "4.13.0",
-    "sass": "1.24.0",
-    "sass-loader": "8.0.0",
-    "typescript": "3.7.4",
-    "vue-cli-plugin-vuetify": "2.0.3",
+    "lint-staged": "10.0.7",
+    "node-sass": "4.13.1",
+    "sass": "1.25.0",
+    "sass-loader": "8.0.2",
+    "typescript": "3.7.5",
+    "vue-cli-plugin-vuetify": "2.0.4",
     "vue-template-compiler": "2.6.11",
     "vuetify-loader": "1.4.3"
   },

From ac6a2a6dfd26c1f906b26cbd9a58c85126c27dd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 09:38:18 +0800
Subject: [PATCH 21/35] fix($Axios): check nullity before validation

---
 .../axios/axios-for-intra-communication.ts    | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/plugins/axios/axios-for-intra-communication.ts b/src/plugins/axios/axios-for-intra-communication.ts
index 0fc5047..18e07ed 100644
--- a/src/plugins/axios/axios-for-intra-communication.ts
+++ b/src/plugins/axios/axios-for-intra-communication.ts
@@ -33,17 +33,21 @@ export const service = Axios.create({
 // 2. Request interceptor's configuration.
 service.interceptors.request.use(
   async (axiosRequestConfig: AxiosRequestConfig) => {
-    let validation = await validate(axiosRequestConfig?.params)
-    if (validation.length > 0) {
-      console.error('Validation failed! Validation:', validation)
-      console.error('Validation failed! Error message:', ClassValidationUtil.getAllValidationError(validation))
-      throw new Error(`Validation failed! The 1st error: ${ClassValidationUtil.getFirstValidationError(validation)}`)
+    if (axiosRequestConfig?.params) {
+      const validation = await validate(axiosRequestConfig.params)
+      if (validation.length > 0) {
+        console.error('Params validation failed! Validation:', validation)
+        console.error('Params validation failed! Error message:', ClassValidationUtil.getAllValidationError(validation))
+        throw new Error(`Params validation failed! The 1st error: ${ClassValidationUtil.getFirstValidationError(validation)}`)
+      }
     }
-    validation = await validate(axiosRequestConfig?.data)
-    if (validation.length > 0) {
-      console.error('Validation failed! Validation:', validation)
-      console.error('Validation failed! Error message:', ClassValidationUtil.getAllValidationError(validation))
-      throw new Error(`Validation failed! The 1st error: ${ClassValidationUtil.getFirstValidationError(validation)}`)
+    if (axiosRequestConfig?.data) {
+      const validation = await validate(axiosRequestConfig.data)
+      if (validation.length > 0) {
+        console.error('Data validation failed! Validation:', validation)
+        console.error('Data validation failed! Error message:', ClassValidationUtil.getAllValidationError(validation))
+        throw new Error(`Data validation failed! The 1st error: ${ClassValidationUtil.getFirstValidationError(validation)}`)
+      }
     }
     // Cancel and remove same request before sending upcoming request.
     // Cancellation.cancelAndRemoveSamePendingRequest(axiosRequestConfig)

From 73b91e909c0f532781052fcdeb7df43c07a033d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 09:39:29 +0800
Subject: [PATCH 22/35] refactor($Exercise): add UI for single exercise parsing

---
 src/views/exrx-net/components/exercise.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index 5985452..8595ee0 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -27,6 +27,26 @@
         <v-card-text>
           <h3>Exercise Link Sorted By Body Part List</h3>
           <p>{{ exerciseLinkSortedByBodyPartList }}</p>
+          <v-simple-table>
+            <template v-slot:default>
+              <thead>
+                <tr>
+                  <th class="text-left">Body Part Name</th>
+                  <th class="text-left">Link</th>
+                  <th class="text-left">Operation</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="item in exerciseLinkSortedByBodyPartList" :key="item.bodyPartName">
+                  <td>{{ item.bodyPartName }}</td>
+                  <td>{{ item.link }}</td>
+                  <td>
+                    <v-btn>Parse and Save</v-btn>
+                  </td>
+                </tr>
+              </tbody>
+            </template>
+          </v-simple-table>
         </v-card-text>
       </div>
     </v-expand-transition>
@@ -68,7 +88,6 @@ export default class Exercise extends Vue {
   ]
 
   private loadingSaveExercise = false
-  // noinspection JSUnusedLocalSymbols
   private showExercise = false
   private saveExerciseProgressOfBodyPart = ''
   private saveSpecificExerciseProgress = ''

From 0457d2e4e833b387f156e895cf5a4c17b5a02d34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 11:25:21 +0800
Subject: [PATCH 23/35] perf($Exercise): refine parsing other exercise

---
 src/views/exrx-net/components/exercise.vue | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index 8595ee0..5895e7a 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -41,7 +41,7 @@
                   <td>{{ item.bodyPartName }}</td>
                   <td>{{ item.link }}</td>
                   <td>
-                    <v-btn>Parse and Save</v-btn>
+                    <v-btn @click="parseAndSaveExerciseByBodyPart(item)">Parse and Save</v-btn>
                   </td>
                 </tr>
               </tbody>
@@ -103,6 +103,10 @@ export default class Exercise extends Vue {
     }
   }
 
+  private mounted () {
+    this.loadingContent = true
+  }
+
   async handleClickSaveExercise (): Promise<void> {
     if (!this.formValidation) {
       this.$toast.warning('Invalid concurrency!')
@@ -171,9 +175,14 @@ export default class Exercise extends Vue {
       const exerciseListItem = exerciseContainerDom.find('li > a')
       exerciseListItem.each((index, element) => {
         const exerciseLinkSortedByMuscle = new ExerciseLinkSortedByMuscle()
-        exerciseLinkSortedByMuscle.link = HyperlinkUtil.restorePathToUrl(element.attribs.href)
-        exerciseLinkSortedByMuscle.exerciseName = cheerio.load(element)('a').text().trim()
-        specificMuscleExerciseLink.exerciseLinkList.push(exerciseLinkSortedByMuscle)
+        try {
+          exerciseLinkSortedByMuscle.link = HyperlinkUtil.restorePathToUrl(element.attribs.href)
+          exerciseLinkSortedByMuscle.exerciseName = cheerio.load(element)('a').text().trim()
+          specificMuscleExerciseLink.exerciseLinkList.push(exerciseLinkSortedByMuscle)
+        } catch (error) {
+          console.error('Error occurred when iterating exercise!', error)
+          console.error('Error element:', element)
+        }
       })
       result.push(specificMuscleExerciseLink)
       console.info('getAndParseExerciseCategory result', result)
@@ -290,8 +299,9 @@ export default class Exercise extends Vue {
     }
   }
 
-  private mounted () {
-    this.loadingContent = true
+  async parseAndSaveExerciseByBodyPart (exerciseLinkSortedByBodyPart: ExerciseLinkSortedByBodyPart) {
+    const exercise = await this.getAndParseExerciseCategory(exerciseLinkSortedByBodyPart)
+    this.$toast.info(`exercise.length: ${exercise.length}`)
   }
 }
 </script>

From cebe53853fddc0e18b95272bbb322d87a70a172d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 13:23:52 +0800
Subject: [PATCH 24/35] refactor($Exercise): remove variable display

---
 src/views/exrx-net/components/exercise.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index 5895e7a..c518a4f 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -26,7 +26,6 @@
         <v-divider/>
         <v-card-text>
           <h3>Exercise Link Sorted By Body Part List</h3>
-          <p>{{ exerciseLinkSortedByBodyPartList }}</p>
           <v-simple-table>
             <template v-slot:default>
               <thead>
@@ -301,7 +300,7 @@ export default class Exercise extends Vue {
 
   async parseAndSaveExerciseByBodyPart (exerciseLinkSortedByBodyPart: ExerciseLinkSortedByBodyPart) {
     const exercise = await this.getAndParseExerciseCategory(exerciseLinkSortedByBodyPart)
-    this.$toast.info(`exercise.length: ${exercise.length}`)
+    console.info('parseAndSaveExerciseByBodyPart', exercise)
   }
 }
 </script>

From a87d35780ac3e2dbca214c5c7f90801061a5e473 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 16:06:06 +0800
Subject: [PATCH 25/35] feat($Exercise): add UI components for parsing and
 saving specific exercise

---
 src/views/exrx-net/components/exercise.vue | 43 +++++++++++++++++++---
 1 file changed, 37 insertions(+), 6 deletions(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index c518a4f..047aa79 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -7,15 +7,23 @@
       <span>{{ saveSpecificExerciseProgress }}</span>
       <span>{{ saveExerciseProgress }}</span>
     </v-card-subtitle>
-    <v-form v-model="formValidation">
-      <v-text-field class="concurrency" v-model="concurrency" :rules="rules" type="number" label="Concurrency"
+    <v-form ref="concurrencyForm" v-model="concurrencyFormValidation">
+      <v-text-field class="input" label="Concurrency" v-model="concurrency" :rules="concurrencyRule" type="number"
                     required/>
     </v-form>
+    <v-form ref="specificExerciseLinkForm" v-model="specificExerciseLinkFormValidation">
+      <v-text-field class="input" label="Specific Exercise Link" v-model="specificExerciseLink"
+                    :rules="specificExerciseLinkRule" required/>
+    </v-form>
     <v-card-actions>
       <v-btn v-debounced-click="handleClickSaveExercise" :loading="loadingSaveExercise" :disabled="loadingSaveExercise"
              color="primary" text>
         Save Exercise
       </v-btn>
+      <v-btn v-debounced-click="handleClickParseAndSaveSpecificExercise" :loading="loadingSaveExercise"
+             :disabled="loadingSaveExercise" color="primary" text>
+        Parse and Save Specific Exercise
+      </v-btn>
       <v-spacer/>
       <v-btn icon @click="showExercise = !showExercise">
         <v-icon>{{ showExercise ? 'mdi-chevron-up' : 'mdi-chevron-down' }}</v-icon>
@@ -67,6 +75,9 @@ import { SaveExercisePayload } from '@/domain/exercise/save-exercise-payload'
 import { ExerciseRelatedClassificationType } from '@/constants/exercise-related-classification-type'
 import { SaveExerciseGifPayload } from '@/domain/exercise/save-exercise-gif-payload'
 import { ExerciseRelatedMuscleType } from '@/constants/exercise-related-muslce-type'
+import validator from 'validator'
+// eslint-disable-next-line no-unused-vars
+import { VForm } from '@/shims-tsx'
 
 @Component
 export default class Exercise extends Vue {
@@ -74,9 +85,11 @@ export default class Exercise extends Vue {
   @Prop() private exerciseLinkSortedByBodyPartList!: ExerciseLinkSortedByBodyPart[]
 
   private loadingContent = false
-  private formValidation = false
+  private concurrencyFormValidation = false
+  private specificExerciseLinkFormValidation = false
   private concurrency = 10
-  private rules = [
+  private specificExerciseLink = ''
+  private concurrencyRule = [
     (value: number) => !!value || 'Concurrency is required.',
     (value: number) => {
       if (value <= 0) {
@@ -86,6 +99,16 @@ export default class Exercise extends Vue {
     }
   ]
 
+  private specificExerciseLinkRule = [
+    (value: string) => !!value || 'Specific exercise link is required.',
+    (value: string) => {
+      if (!validator.isURL(value)) {
+        return 'Invalid URL format.'
+      }
+      return true
+    }
+  ]
+
   private loadingSaveExercise = false
   private showExercise = false
   private saveExerciseProgressOfBodyPart = ''
@@ -107,7 +130,7 @@ export default class Exercise extends Vue {
   }
 
   async handleClickSaveExercise (): Promise<void> {
-    if (!this.formValidation) {
+    if (!this.concurrencyFormValidation) {
       this.$toast.warning('Invalid concurrency!')
       return
     }
@@ -302,11 +325,19 @@ export default class Exercise extends Vue {
     const exercise = await this.getAndParseExerciseCategory(exerciseLinkSortedByBodyPart)
     console.info('parseAndSaveExerciseByBodyPart', exercise)
   }
+
+  async handleClickParseAndSaveSpecificExercise () {
+    if (!(this.$refs.specificExerciseLinkForm as VForm).validate()) {
+      this.$toast.warning('Invalid params!')
+      return
+    }
+    console.info('this.specificExerciseLinkFormValidation', this.specificExerciseLinkFormValidation)
+  }
 }
 </script>
 
 <style scoped>
-.concurrency {
+.input {
   margin-left: 16px;
   margin-right: 16px;
 }

From 50c0d150f7a17e2cf80252a50cb033bf7426dffb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 16:59:07 +0800
Subject: [PATCH 26/35] feat($Exercise): support parsing exercise by body part

support parsing exercise by body part

BREAKING CHANGE: support parsing exercise by body part
---
 src/views/exrx-net/components/exercise.vue | 33 +++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index 047aa79..e85d3f3 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -158,12 +158,13 @@ export default class Exercise extends Vue {
       exerciseAmountList.forEach(item => {
         exerciseAmount += item
       })
-      this.saveSpecificExerciseProgress = `, exercise amount: ${exerciseAmount}`
+      this.saveSpecificExerciseProgress = `, exercise parsing progress: 0 / ${exerciseAmount}`
       for (const item of exercise) {
         let concurrentExerciseLinkList = []
         // parse and save every specific exercise by exercise link
         for (const link of item.exerciseLinkList) {
           const index = item.exerciseLinkList.indexOf(link)
+          this.saveSpecificExerciseProgress = `, exercise parsing progress: ${index + 1} / ${exerciseAmount}`
           if (index === 0 || index % this.concurrency !== 0) {
             concurrentExerciseLinkList.push(link)
           } else {
@@ -322,7 +323,37 @@ export default class Exercise extends Vue {
   }
 
   async parseAndSaveExerciseByBodyPart (exerciseLinkSortedByBodyPart: ExerciseLinkSortedByBodyPart) {
+    this.currentBodyPart = exerciseLinkSortedByBodyPart.bodyPartName ? exerciseLinkSortedByBodyPart.bodyPartName : 'NONE'
     const exercise = await this.getAndParseExerciseCategory(exerciseLinkSortedByBodyPart)
+    this.saveExerciseProgressOfBodyPart = `; parse and save exercise: ${this.currentBodyPart}`
+    const exerciseAmountList = exercise.flatMap(item => {
+      return item.exerciseLinkList.length
+    })
+    let exerciseAmount = 0
+    exerciseAmountList.forEach(item => {
+      exerciseAmount += item
+    })
+    this.saveSpecificExerciseProgress = `, exercise amount: 0 / ${exerciseAmount}`
+    for (const item of exercise) {
+      let concurrentExerciseLinkList = []
+      // parse and save every specific exercise by exercise link
+      for (const link of item.exerciseLinkList) {
+        const index = item.exerciseLinkList.indexOf(link)
+        this.saveSpecificExerciseProgress = `, exercise parsing progress: ${index + 1} / ${exerciseAmount}`
+        if (index === 0 || index % this.concurrency !== 0) {
+          concurrentExerciseLinkList.push(link)
+        } else {
+          concurrentExerciseLinkList.push(link)
+          console.info(`concurrentExerciseLinkList ${index}`, concurrentExerciseLinkList)
+          const tasks = [] as Promise<unknown>[]
+          concurrentExerciseLinkList.forEach(value => {
+            tasks.push(this.parseSpecificExercise(value))
+          })
+          await Promise.all(tasks)
+          concurrentExerciseLinkList = []
+        }
+      }
+    }
     console.info('parseAndSaveExerciseByBodyPart', exercise)
   }
 

From f6ea91f6d21685c319a40b9209d9f33e3148ea79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 17:02:37 +0800
Subject: [PATCH 27/35] refactor($Exercise): add loading animation

---
 src/views/exrx-net/components/exercise.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index e85d3f3..942c952 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -323,6 +323,8 @@ export default class Exercise extends Vue {
   }
 
   async parseAndSaveExerciseByBodyPart (exerciseLinkSortedByBodyPart: ExerciseLinkSortedByBodyPart) {
+    this.loadingContent = true
+    this.loadingSaveExercise = true
     this.currentBodyPart = exerciseLinkSortedByBodyPart.bodyPartName ? exerciseLinkSortedByBodyPart.bodyPartName : 'NONE'
     const exercise = await this.getAndParseExerciseCategory(exerciseLinkSortedByBodyPart)
     this.saveExerciseProgressOfBodyPart = `; parse and save exercise: ${this.currentBodyPart}`
@@ -354,7 +356,8 @@ export default class Exercise extends Vue {
         }
       }
     }
-    console.info('parseAndSaveExerciseByBodyPart', exercise)
+    this.loadingContent = false
+    this.loadingSaveExercise = false
   }
 
   async handleClickParseAndSaveSpecificExercise () {

From 91415437862351581aa26f0c18a692ba9c2c587e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 17:19:48 +0800
Subject: [PATCH 28/35] feat($Exercise): parse and save one single specific
 exercise

parse and save one single specific exercise

BREAKING CHANGE: parse and save one single specific exercise
---
 src/views/exrx-net/components/exercise.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index 942c952..cfd533b 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -7,13 +7,18 @@
       <span>{{ saveSpecificExerciseProgress }}</span>
       <span>{{ saveExerciseProgress }}</span>
     </v-card-subtitle>
+    <v-card-title>Concurrency Configuration</v-card-title>
     <v-form ref="concurrencyForm" v-model="concurrencyFormValidation">
       <v-text-field class="input" label="Concurrency" v-model="concurrency" :rules="concurrencyRule" type="number"
                     required/>
     </v-form>
+    <v-card-title>Specific Exercise Link Form</v-card-title>
     <v-form ref="specificExerciseLinkForm" v-model="specificExerciseLinkFormValidation">
+      <v-text-field class="input" label="Exercise Name" v-model="exerciseName"
+                    :rules="exerciseNameRule" required/>
       <v-text-field class="input" label="Specific Exercise Link" v-model="specificExerciseLink"
                     :rules="specificExerciseLinkRule" required/>
+      <v-text-field class="input" label="Equipment Name" v-model="equipmentName" :rules="equipmentRule" required/>
     </v-form>
     <v-card-actions>
       <v-btn v-debounced-click="handleClickSaveExercise" :loading="loadingSaveExercise" :disabled="loadingSaveExercise"
@@ -88,7 +93,9 @@ export default class Exercise extends Vue {
   private concurrencyFormValidation = false
   private specificExerciseLinkFormValidation = false
   private concurrency = 10
+  private exerciseName = ''
   private specificExerciseLink = ''
+  private equipmentName = ''
   private concurrencyRule = [
     (value: number) => !!value || 'Concurrency is required.',
     (value: number) => {
@@ -99,6 +106,10 @@ export default class Exercise extends Vue {
     }
   ]
 
+  private exerciseNameRule = [
+    (value: string) => !!value || 'Exercise name is required.'
+  ]
+
   private specificExerciseLinkRule = [
     (value: string) => !!value || 'Specific exercise link is required.',
     (value: string) => {
@@ -109,6 +120,10 @@ export default class Exercise extends Vue {
     }
   ]
 
+  private equipmentRule = [
+    (value: string) => !!value || 'Equipment is required.'
+  ]
+
   private loadingSaveExercise = false
   private showExercise = false
   private saveExerciseProgressOfBodyPart = ''
@@ -365,7 +380,11 @@ export default class Exercise extends Vue {
       this.$toast.warning('Invalid params!')
       return
     }
-    console.info('this.specificExerciseLinkFormValidation', this.specificExerciseLinkFormValidation)
+    const exerciseLinkSortedByMuscle = new ExerciseLinkSortedByMuscle()
+    exerciseLinkSortedByMuscle.exerciseName = this.exerciseName
+    exerciseLinkSortedByMuscle.link = this.specificExerciseLink
+    exerciseLinkSortedByMuscle.equipmentName = this.equipmentName
+    await this.parseSpecificExercise(exerciseLinkSortedByMuscle)
   }
 }
 </script>

From 7ce47591ce9e86def4f13f6f75129ed578e91100 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 18:13:20 +0800
Subject: [PATCH 29/35] refactor($Exercise): use other variable to store count

---
 src/views/exrx-net/components/exercise.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index cfd533b..beda052 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -351,16 +351,18 @@ export default class Exercise extends Vue {
       exerciseAmount += item
     })
     this.saveSpecificExerciseProgress = `, exercise amount: 0 / ${exerciseAmount}`
+    let count = 1
     for (const item of exercise) {
       let concurrentExerciseLinkList = []
       // parse and save every specific exercise by exercise link
       for (const link of item.exerciseLinkList) {
         const index = item.exerciseLinkList.indexOf(link)
-        this.saveSpecificExerciseProgress = `, exercise parsing progress: ${index + 1} / ${exerciseAmount}`
         if (index === 0 || index % this.concurrency !== 0) {
           concurrentExerciseLinkList.push(link)
         } else {
           concurrentExerciseLinkList.push(link)
+          count += this.concurrency
+          this.saveSpecificExerciseProgress = `, exercise parsing progress: ${count} / ${exerciseAmount}`
           console.info(`concurrentExerciseLinkList ${index}`, concurrentExerciseLinkList)
           const tasks = [] as Promise<unknown>[]
           concurrentExerciseLinkList.forEach(value => {

From 60051287ddfc02f42a7f89ee8ffb4823029b49ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 21:43:51 +0800
Subject: [PATCH 30/35] perf($Exercise): refine parsing stretching exercise

refine parsing stretching exercise

BREAKING CHANGE: refine parsing stretching exercise
---
 src/views/exrx-net/components/exercise.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index beda052..41ffb86 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -313,8 +313,9 @@ export default class Exercise extends Vue {
     saveExercisePayload.comments = article.find('h2:contains(\'Comments\')').next().text().trim()
     // parse exercise related muscles
     ExerciseRelatedMuscleType.getArray().forEach(item => {
-      const relatedMuscles = article.find(`p > a:contains('${item.description}')`).parent().next()
+      let relatedMuscles = article.find(`p > a:contains('${item.description}')`).parent().next()
       if (relatedMuscles.length) {
+        // this is for normal exercise, like https://exrx.net/WeightExercises/Sternocleidomastoid/CBNeckFlx
         const relatedMuscleList = DomUtil.getFirstLevelTextArray(relatedMuscles)
         relatedMuscleList.forEach(muscle => {
           saveExercisePayload.exerciseRelatedMusclePayloadList.push({
@@ -322,6 +323,18 @@ export default class Exercise extends Vue {
             relatedMuscleType: item.value
           })
         })
+      } else {
+        // this is for stretching exercise, like https://exrx.net/Stretches/Sternocleidomastoid/NeckRetraction
+        relatedMuscles = article.find(`p:contains('${item.description}')`).next()
+        if (relatedMuscles.length) {
+          const relatedMuscleList = DomUtil.getFirstLevelTextArray(relatedMuscles)
+          relatedMuscleList.forEach(muscle => {
+            saveExercisePayload.exerciseRelatedMusclePayloadList.push({
+              muscleName: muscle,
+              relatedMuscleType: item.value
+            })
+          })
+        }
       }
     })
     const saveExerciseGifPayload = new SaveExerciseGifPayload()

From 452873420ca844ed7e2f468be76cb99325612341 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Mon, 10 Feb 2020 22:05:29 +0800
Subject: [PATCH 31/35] fix($Exercise): correct parsing the last part of
 exercises

---
 src/views/exrx-net/components/exercise.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index 41ffb86..05af3ff 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -192,6 +192,15 @@ export default class Exercise extends Vue {
             await Promise.all(tasks)
             concurrentExerciseLinkList = []
           }
+          if (index === item.exerciseLinkList.length - 1) {
+            console.info(`concurrentExerciseLinkList ${index}`, concurrentExerciseLinkList)
+            const tasks = [] as Promise<unknown>[]
+            concurrentExerciseLinkList.forEach(value => {
+              tasks.push(this.parseSpecificExercise(value))
+            })
+            await Promise.all(tasks)
+            concurrentExerciseLinkList = []
+          }
         }
       }
     }
@@ -384,6 +393,15 @@ export default class Exercise extends Vue {
           await Promise.all(tasks)
           concurrentExerciseLinkList = []
         }
+        if (index === item.exerciseLinkList.length - 1) {
+          console.info(`concurrentExerciseLinkList ${index}`, concurrentExerciseLinkList)
+          const tasks = [] as Promise<unknown>[]
+          concurrentExerciseLinkList.forEach(value => {
+            tasks.push(this.parseSpecificExercise(value))
+          })
+          await Promise.all(tasks)
+          concurrentExerciseLinkList = []
+        }
       }
     }
     this.loadingContent = false

From 354c6dddd570506358132d4a9a8be19764e2fd27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Tue, 11 Feb 2020 10:41:57 +0800
Subject: [PATCH 32/35] perf($Exercise): capture error when restoring path to
 URL

---
 src/views/exrx-net/components/exercise.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/views/exrx-net/components/exercise.vue b/src/views/exrx-net/components/exercise.vue
index 05af3ff..fb57837 100644
--- a/src/views/exrx-net/components/exercise.vue
+++ b/src/views/exrx-net/components/exercise.vue
@@ -265,11 +265,15 @@ export default class Exercise extends Vue {
           const exerciseLinkDom = cheerio.load(element1)('a')
           console.info('exerciseLinkDom', exerciseLinkDom)
           exerciseLinkDom.each((index2, element2) => {
-            const exerciseLinkSortedByMuscle = new ExerciseLinkSortedByMuscle()
-            exerciseLinkSortedByMuscle.link = HyperlinkUtil.restorePathToUrl(element2.attribs.href)
-            exerciseLinkSortedByMuscle.exerciseName = cheerio.load(element2)('a').text().trim()
-            exerciseLinkSortedByMuscle.equipmentName = equipmentName
-            specificMuscleExerciseLink.exerciseLinkList.push(exerciseLinkSortedByMuscle)
+            try {
+              const exerciseLinkSortedByMuscle = new ExerciseLinkSortedByMuscle()
+              exerciseLinkSortedByMuscle.link = HyperlinkUtil.restorePathToUrl(element2.attribs.href)
+              exerciseLinkSortedByMuscle.exerciseName = cheerio.load(element2)('a').text().trim()
+              exerciseLinkSortedByMuscle.equipmentName = equipmentName
+              specificMuscleExerciseLink.exerciseLinkList.push(exerciseLinkSortedByMuscle)
+            } catch (error) {
+              console.error('Error occurred when restoring path to exercise link!', error)
+            }
           })
           console.info('specificMuscleExerciseLink', specificMuscleExerciseLink)
         })

From 6104d5ba76071f6c9cf03315de4491dcc4241752 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Tue, 11 Feb 2020 11:25:13 +0800
Subject: [PATCH 33/35] build($Env): update production configuration

---
 .env.production | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env.production b/.env.production
index 2deb37f..5dba9db 100644
--- a/.env.production
+++ b/.env.production
@@ -10,6 +10,6 @@ VUE_APP_RUN_ON_DOCKER = 'true'
 # Left blank if the environment is not development.
 VUE_APP_BASE_URL = ''
 # Base api
-VUE_APP_BASE_API = 'http://106.13.32.85:8081/jm-spring-boot-template-prod'
+VUE_APP_BASE_API = 'http://172.11.239.12:8080/exrx-net-crawler-server-prod'
 # Resource base api for picture, video ect.
-VUE_APP_RESOURCE_BASE_API = 'http://106.13.32.85:8081/jm-spring-boot-template-prod'
+VUE_APP_RESOURCE_BASE_API = 'http://172.11.239.12:8080/exrx-net-crawler-server-prod'

From b9564300eaeff17658ba03bf36c4df22e99136fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Tue, 11 Feb 2020 11:32:18 +0800
Subject: [PATCH 34/35] build($package.json): update version to 1.1.0 and
 append CHANGELOG.md

release/v1.1.0
---
 .env         |  2 +-
 CHANGELOG.md | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++
 package.json |  2 +-
 3 files changed, 52 insertions(+), 2 deletions(-)

diff --git a/.env b/.env
index 5a250c4..33eb4e5 100644
--- a/.env
+++ b/.env
@@ -2,4 +2,4 @@
 VUE_APP_PACKAGE_JSON=''
 
 # TAG must be corresponding with the version tag in package.json, need to modify it when new version releases
-TAG=1.1.0-beta
+TAG=1.1.0
diff --git a/CHANGELOG.md b/CHANGELOG.md
index b113905..000ca69 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,53 @@
+# [1.1.0](https://github.com/johnnymillergh/exrx-net-crawler/compare/v1.0.2...v1.1.0) (2020-02-11)
+
+
+### Bug Fixes
+
+* **$Axios:** check nullity before validation ([ac6a2a6](https://github.com/johnnymillergh/exrx-net-crawler/commit/ac6a2a6dfd26c1f906b26cbd9a58c85126c27dd9))
+* **$Exercise:** correct parsing the last part of exercises ([4528734](https://github.com/johnnymillergh/exrx-net-crawler/commit/452873420ca844ed7e2f468be76cb99325612341))
+
+
+### Features
+
+* **$Exercise:** add loading animation ([d6ad4e3](https://github.com/johnnymillergh/exrx-net-crawler/commit/d6ad4e3c34c74de80f3a83b282cc42aea5785be3))
+* **$Exercise:** add UI components for parsing and saving specific exercise ([a87d357](https://github.com/johnnymillergh/exrx-net-crawler/commit/a87d35780ac3e2dbca214c5c7f90801061a5e473))
+* **$Exercise:** parse and save one single specific exercise ([9141543](https://github.com/johnnymillergh/exrx-net-crawler/commit/91415437862351581aa26f0c18a692ba9c2c587e))
+* **$Exercise:** support parsing exercise by body part ([50c0d15](https://github.com/johnnymillergh/exrx-net-crawler/commit/50c0d150f7a17e2cf80252a50cb033bf7426dffb))
+* **$HelloWorld:** retrieve backend app info ([62bb630](https://github.com/johnnymillergh/exrx-net-crawler/commit/62bb630221c07464a65e774fa97696a89239bf27))
+* **$MultiWindow:** beautify UI ([13fae23](https://github.com/johnnymillergh/exrx-net-crawler/commit/13fae239ebd823d515c378ca25a7c3ec41652b0d))
+* **$MultiWindow:** delay 0.6s to open new window ([4318b3a](https://github.com/johnnymillergh/exrx-net-crawler/commit/4318b3a37ce75501be3f3aff39362e2e3de07431))
+* **$MultiWindow:** support multi window communication ([34e6927](https://github.com/johnnymillergh/exrx-net-crawler/commit/34e69270cc985843c21472f0b83819d4f9912483))
+* **$MultiWindow:** support opening a unique window ([3aa0c9a](https://github.com/johnnymillergh/exrx-net-crawler/commit/3aa0c9a62bcd4e476cb2c6c98cfad64323f7bb32))
+
+
+### Performance Improvements
+
+* **$Axios:** disable request cancellation ([f992025](https://github.com/johnnymillergh/exrx-net-crawler/commit/f9920258964973c8466dd9cdb3a489418f1bee42))
+* **$Axios:** refine generating request token ([4d8c3a0](https://github.com/johnnymillergh/exrx-net-crawler/commit/4d8c3a031bb44b030576003d3e4992276c84c3e2))
+* **$Axios:** refine param validation ([9469af7](https://github.com/johnnymillergh/exrx-net-crawler/commit/9469af778d56f15571dae5d511e65cd88c52830a))
+* **$Exercise:** add constraint for concurrency ([5a38ab2](https://github.com/johnnymillergh/exrx-net-crawler/commit/5a38ab276449975d866ca764dc70863a0f251634))
+* **$Exercise:** capture error when restoring path to URL ([354c6dd](https://github.com/johnnymillergh/exrx-net-crawler/commit/354c6dddd570506358132d4a9a8be19764e2fd27))
+* **$Exercise:** refine parsing other exercise ([0457d2e](https://github.com/johnnymillergh/exrx-net-crawler/commit/0457d2e4e833b387f156e895cf5a4c17b5a02d34))
+* **$Exercise:** refine parsing stretching exercise ([6005128](https://github.com/johnnymillergh/exrx-net-crawler/commit/60051287ddfc02f42a7f89ee8ffb4823029b49ac))
+* **$MultiWindow:** abstract code ([66ab76c](https://github.com/johnnymillergh/exrx-net-crawler/commit/66ab76c4fbd57fa01c06a3177bbb0566574cc563))
+* **$MultiWindow:** throw an error when failing to going back to last page ([8dc320e](https://github.com/johnnymillergh/exrx-net-crawler/commit/8dc320e292838527b0ea20eb3752e8c872fb4a6e))
+* **$MultiWindow:** use optional chain to avoid error ([fb54364](https://github.com/johnnymillergh/exrx-net-crawler/commit/fb54364051787e3a4a49843bfd6fb4c50ac03d4e))
+* **$MultiWindow:** use optional chain to avoid query error ([a82f028](https://github.com/johnnymillergh/exrx-net-crawler/commit/a82f028dce16aca2d3872593b1aa6a882b812b57))
+* **$MultiWindow:** use toast to display error info instead of window.alert() ([8f7576e](https://github.com/johnnymillergh/exrx-net-crawler/commit/8f7576eb4d184a08b250ee53b502156a706a7aac))
+* **$Muscle:** support sending concurrent requests ([d9cae3e](https://github.com/johnnymillergh/exrx-net-crawler/commit/d9cae3e4d3feb1bf3630c81d9b88aefb651a2192))
+* **$package.json:** upgrade dependencies ([beea982](https://github.com/johnnymillergh/exrx-net-crawler/commit/beea982179106ada5833eb0cff6682434ec80078))
+
+
+### BREAKING CHANGES
+
+* **$Exercise:** refine parsing stretching exercise
+* **$Exercise:** parse and save one single specific exercise
+* **$Exercise:** support parsing exercise by body part
+* **$Muscle:** support sending concurrent requests
+* **$MultiWindow:** support multi window communication
+
+
+
 ## [1.0.2](https://github.com/johnnymillergh/exrx-net-crawler/compare/v1.0.1...v1.0.2) (2020-01-30)
 
 
diff --git a/package.json b/package.json
index 9f4d4b3..464574e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "exrx-net-crawler",
-  "version": "1.1.0-beta",
+  "version": "1.1.0",
   "license": "Apache-2.0",
   "description": "The Crawler for ExRx.net",
   "author": {

From caca69e62cec49c48636cea09a9c995f8b21e7fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Miller=20=28=E9=94=BA=E4=BF=8A=29?=
 <johnnysviva@outlook.com>
Date: Tue, 11 Feb 2020 11:33:35 +0800
Subject: [PATCH 35/35] docs($README): update README.md

---
 README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 2cc13a7..168cfaa 100644
--- a/README.md
+++ b/README.md
@@ -32,9 +32,9 @@ Here is the highlights of **ExRx.net Crawler**:
 
 ## Roadmap
 
-- [ ] Correct parsing stretch exercises. Such as: [Neck Retraction Stretch](https://exrx.net/Stretches/Sternocleidomastoid/NeckRetraction), [Neck Rotation Stretch](https://exrx.net/Stretches/Sternocleidomastoid/NeckRotation), etc.
-- [ ] Support inputting or specifying exercise section to parse.
-- [ ] Concurrency requesting and parsing DOMs.
+- [x] Correct parsing stretch exercises. Such as: [Neck Retraction Stretch](https://exrx.net/Stretches/Sternocleidomastoid/NeckRetraction), [Neck Rotation Stretch](https://exrx.net/Stretches/Sternocleidomastoid/NeckRotation), etc.
+- [x] Support inputting or specifying exercise section to parse.
+- [x] Concurrency requesting and parsing DOMs.
 
 ## Usage