From cbc76c2a9e86eef5a8d6521f706964e96ed63a05 Mon Sep 17 00:00:00 2001
From: Romain Lenzotti <rom.lenzotti@gmail.com>
Date: Sat, 15 Jan 2022 09:16:58 +0100
Subject: [PATCH] feat: Add apiRedirectUrl options

---
 .../molecules/api-symbol/ApiSymbol.vue        | 10 +--
 .../molecules/api-symbol/ApiSymbolQuery.vue   | 34 +++++-----
 .../molecules/releases/Releases.vue           |  4 +-
 .../src/components/organisms/api/Api.vue      | 54 +++-------------
 .../organisms/release-note/ReleaseNote.vue    |  4 +-
 .../organisms/warehouse/Warehouse.vue         |  4 +-
 packages/vuepress-common/src/index.js         |  1 +
 .../vuepress-common/src/mixins/ApiMixin.js    | 62 +++++++++++++++++++
 .../docs/.vuepress/config.js                  |  1 +
 packages/vuepress-theme-tsed/src/install.js   | 13 +---
 10 files changed, 104 insertions(+), 83 deletions(-)
 create mode 100644 packages/vuepress-common/src/mixins/ApiMixin.js

diff --git a/packages/vuepress-common/src/components/molecules/api-symbol/ApiSymbol.vue b/packages/vuepress-common/src/components/molecules/api-symbol/ApiSymbol.vue
index 087bed05..8cbedef5 100644
--- a/packages/vuepress-common/src/components/molecules/api-symbol/ApiSymbol.vue
+++ b/packages/vuepress-common/src/components/molecules/api-symbol/ApiSymbol.vue
@@ -26,16 +26,16 @@ export default {
   },
 
   computed: {
-    name () {
+    name() {
       return this.item.symbolName
     },
-    type () {
+    type() {
       return this.item.symbolType
     },
-    link () {
-      return `${this.item.path.replace(/\/\//gi, '/')}.html`
+    link() {
+      return this.getApiLink(this.item)
     },
-    deprecated () {
+    deprecated() {
       return this.item.status.find(status => status.key === 'deprecated' || status === 'deprecated')
     }
   }
diff --git a/packages/vuepress-common/src/components/molecules/api-symbol/ApiSymbolQuery.vue b/packages/vuepress-common/src/components/molecules/api-symbol/ApiSymbolQuery.vue
index f8bd7733..3449d81d 100644
--- a/packages/vuepress-common/src/components/molecules/api-symbol/ApiSymbolQuery.vue
+++ b/packages/vuepress-common/src/components/molecules/api-symbol/ApiSymbolQuery.vue
@@ -1,25 +1,25 @@
 <template>
   <ApiSymbol v-if="item.length" :item="item[0]"/>
-  <span v-else-if="query">Unable to find something: <code>{{this.query}}</code></span>
+  <span v-else-if="query">Unable to find something: <code>{{ this.query }}</code></span>
 </template>
 <script>
-  import ApiSymbol from './ApiSymbol'
+import ApiSymbol from './ApiSymbol'
 
-  export default {
-    name: 'ApiSymbolQuery',
-    components: {
-      ApiSymbol
-    },
-    props: {
-      query: {
-        type: String,
-        default: ''
-      }
-    },
-    computed: {
-      item () {
-        return this.$filterSymbols(this.query)
-      }
+export default {
+  name: 'ApiSymbolQuery',
+  components: {
+    ApiSymbol
+  },
+  props: {
+    query: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    item() {
+      return this.filterSymbols(this.query)
     }
   }
+}
 </script>
diff --git a/packages/vuepress-common/src/components/molecules/releases/Releases.vue b/packages/vuepress-common/src/components/molecules/releases/Releases.vue
index e6970297..d1ec6d73 100644
--- a/packages/vuepress-common/src/components/molecules/releases/Releases.vue
+++ b/packages/vuepress-common/src/components/molecules/releases/Releases.vue
@@ -1,5 +1,5 @@
 <template>
-   <div class="max-w-xl mx-auto p-8">
+   <div class="max-w-xl mx-auto py-5">
       <div class="flow-root">
         <ul class="-mb-8 reset-list">
           <li v-for="item of items" :key="item.id">
@@ -133,4 +133,4 @@ export default {
   margin: 0;
   padding: 0;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/packages/vuepress-common/src/components/organisms/api/Api.vue b/packages/vuepress-common/src/components/organisms/api/Api.vue
index 0a15effc..89bfa033 100644
--- a/packages/vuepress-common/src/components/organisms/api/Api.vue
+++ b/packages/vuepress-common/src/components/organisms/api/Api.vue
@@ -40,6 +40,7 @@
   </div>
 </template>
 <script>
+import LazyHydrate from 'vue-lazy-hydration'
 import BxIcon from '../../atoms/icons/BxIcon'
 import ApiList from '../../molecules/api-list/ApiList'
 import InputText from '../../molecules/input-text/InputText'
@@ -54,56 +55,19 @@ export default {
     Select
   },
 
-  data () {
+  data() {
     return {
       currentStatus: '',
       currentType: '',
-      keyword: ''
+      keyword: '',
+      modules: []
     }
   },
-
-  computed: {
-    api () {
-      return this.$site.themeConfig.api
-    },
-    modules () {
-      const { modules } = this.$site.themeConfig.api
-
-      if (!modules) {
-        return {}
-      }
-
-      return Object.keys(modules)
-          .sort((a, b) => a < b ? -1 : 1)
-          .reduce((acc, key) => {
-
-        const symbols = modules[key]
-            .symbols
-            .filter((symbol) => {
-              if (!!(this.currentType && symbol.symbolType !== this.currentType)) {
-                return false
-              }
-
-              if (!!(this.currentStatus && symbol.status.indexOf(this.currentStatus))) {
-                return false
-              }
-
-              if (!!this.keyword) {
-                return symbol.symbolName.toLowerCase().indexOf(this.keyword.toLocaleLowerCase()) > -1
-              }
-
-              return true
-            })
-
-        acc[key] = { ...modules[key], symbols }
-
-        return acc
-      }, {})
-    }
+  mounted() {
+    // this.modules = this.getApiModules()
   },
-
   methods: {
-    onTypeChange (item) {
+    onTypeChange(item) {
       this.currentType = item.value
 
       if (this.$ga) {
@@ -116,7 +80,7 @@ export default {
       }
     },
 
-    onStatusChange (item) {
+    onStatusChange(item) {
       this.currentStatus = item.value
 
       if (this.$ga) {
@@ -129,7 +93,7 @@ export default {
       }
     },
 
-    onKeywordsChange (evt) {
+    onKeywordsChange(evt) {
       if (this.$ga) {
         this.$ga.event({
           eventCategory: 'api',
diff --git a/packages/vuepress-common/src/components/organisms/release-note/ReleaseNote.vue b/packages/vuepress-common/src/components/organisms/release-note/ReleaseNote.vue
index 2916f1de..80657c4f 100644
--- a/packages/vuepress-common/src/components/organisms/release-note/ReleaseNote.vue
+++ b/packages/vuepress-common/src/components/organisms/release-note/ReleaseNote.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div :style="styles" class="overflow-auto">
+    <div :style="styles">
       <Releases :items="items"/>
     </div>
 
@@ -68,4 +68,4 @@ export default {
     }
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/packages/vuepress-common/src/components/organisms/warehouse/Warehouse.vue b/packages/vuepress-common/src/components/organisms/warehouse/Warehouse.vue
index fee7c34d..0436253c 100644
--- a/packages/vuepress-common/src/components/organisms/warehouse/Warehouse.vue
+++ b/packages/vuepress-common/src/components/organisms/warehouse/Warehouse.vue
@@ -159,8 +159,8 @@ export default {
   components: {
     BxIcon,
     WarehouseStats,
-    LazyHydrate,
     CardPlugin,
+    LazyHydrate,
     Observer
   },
   directives: {
@@ -394,4 +394,4 @@ export default {
     }
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/packages/vuepress-common/src/index.js b/packages/vuepress-common/src/index.js
index da16dc23..bb579c7c 100644
--- a/packages/vuepress-common/src/index.js
+++ b/packages/vuepress-common/src/index.js
@@ -1,6 +1,7 @@
 import './styles/index.css'
 
 export * from './components'
+export * from './mixins/ApiMixin'
 export * from './utils'
 export * from './clients/GithubClient'
 export * from './clients/OpenCollectiveClient'
diff --git a/packages/vuepress-common/src/mixins/ApiMixin.js b/packages/vuepress-common/src/mixins/ApiMixin.js
new file mode 100644
index 00000000..e73fae82
--- /dev/null
+++ b/packages/vuepress-common/src/mixins/ApiMixin.js
@@ -0,0 +1,62 @@
+import {filterSymbols} from '../utils'
+
+export const ApiMixin = {
+  created() {
+
+  },
+  methods: {
+    getApi() {
+      return this.$themeConfig.api || {}
+    },
+    getApiModules() {
+      const modules = this.getApi()
+
+      if (!modules) {
+        return {}
+      }
+
+      return Object.keys(modules)
+        .sort((a, b) => a < b ? -1 : 1)
+        .reduce((acc, key) => {
+
+          const symbols = modules[key]
+            .symbols
+            .filter((symbol) => {
+              if (!!(this.currentType && symbol.symbolType !== this.currentType)) {
+                return false
+              }
+
+              if (!!(this.currentStatus && symbol.status.indexOf(this.currentStatus))) {
+                return false
+              }
+
+              if (!!this.keyword) {
+                return symbol.symbolName.toLowerCase().indexOf(this.keyword.toLocaleLowerCase()) > -1
+              }
+
+              return true
+            })
+
+          acc[key] = {...modules[key], symbols}
+
+          return acc
+        }, {})
+    },
+    getApiRedirectUrl() {
+      return this.$themeConfig.apiRedirectUrl || ''
+    },
+    filterSymbols(query) {
+      const items = filterSymbols(this.getApi())(query)
+
+      return items.map((item) => {
+        return {
+          ...item,
+          link: this.getApiLink(item)
+        }
+      })
+    },
+    getApiLink(item) {
+      return `${this.getApiRedirectUrl()}${item.path.replace(/\/\//gi, '/')}.html`
+    }
+  }
+}
diff --git a/packages/vuepress-theme-tsed/docs/.vuepress/config.js b/packages/vuepress-theme-tsed/docs/.vuepress/config.js
index b8faf9a0..6cd8269d 100644
--- a/packages/vuepress-theme-tsed/docs/.vuepress/config.js
+++ b/packages/vuepress-theme-tsed/docs/.vuepress/config.js
@@ -54,6 +54,7 @@ module.exports = {
     sidebar: 'auto',
     docsBranch: 'production',
     api: require('./public/api.json'),
+    apiRedirectUrl: 'https://api-doc.tsed.io',
     smoothScroll: true,
     lastUpdated: 'Last updated',
     // algolia: {
diff --git a/packages/vuepress-theme-tsed/src/install.js b/packages/vuepress-theme-tsed/src/install.js
index 455a1a2b..51b1b8ba 100644
--- a/packages/vuepress-theme-tsed/src/install.js
+++ b/packages/vuepress-theme-tsed/src/install.js
@@ -1,18 +1,11 @@
 import * as common from '@tsed/vuepress-common'
-import { filterSymbols } from '@tsed/vuepress-common'
 
-function isVueComponent (component) {
+function isVueComponent(component) {
   return component.name && typeof component !== 'function'
 }
 
-export default function install (Vue) {
-  Vue.mixin({
-    created () {
-      if (this.$themeConfig.api) {
-        this.$filterSymbols = filterSymbols(this.$themeConfig.api)
-      }
-    }
-  })
+export default function install(Vue) {
+  Vue.mixin(common.ApiMixin)
 
   try {
     Object.keys(common).forEach((key) => {