build: refine source code structure to reach full typescript

Author: ulivz

.gitignore

@@ -2,6 +2,7 @@
 lib
 .temp
 types
+src/**/*.js
 
 ### Code ###
 # Visual Studio Code - https://code.visualstudio.com/

examples/blog/.vuepress/config.js

@@ -1,7 +1,7 @@
 module.exports = {
   title: `ULIVZ`,
   plugins: [
-    [require('../../../lib'), {
+    [require('../../../lib/node'), {
       directories: [
         {
           // Unique ID of current classification

examples/blog/.vuepress/theme/layouts/Layout.vue

@@ -9,19 +9,19 @@
       <router-link v-if="$pagination.hasPrev" :to="$pagination.prevLink">Prev</router-link>
       <router-link v-if="$pagination.hasNext" :to="$pagination.nextLink">Next</router-link>
     </div>
-  
-    <Pagination />
+    
+    <Pagination/>
   </div>
 </template>
 
 <script>
-  import Pagination from '../../../../../src/components/Pagination'
+  import { Pagination } from '../../../../../lib/client/components.js'
   
   export default {
     components: { Pagination },
     created() {
       console.log(this.$route.meta.pid)
       console.log(this.$currentTag)
-    }
+    },
   }
 </script>

examples/directory-classifier/.vuepress/config.js

@@ -1,7 +1,7 @@
 module.exports = {
   title: `ULIVZ`,
   plugins: [
-    [require('../../../lib'), {
+    [require('../../../lib/node'), {
       directories: [
         {
           // Unique ID of current classification

examples/frontmatter-classifier/.vuepress/config.js

@@ -1,7 +1,7 @@
 module.exports = {
   title: `ULIVZ`,
   plugins: [
-    [require('../../../lib'), {
+    [require('../../../lib/node'), {
       frontmatters: [
         {
           // Unique ID of current classification

package.json

@@ -4,16 +4,20 @@
   "description": "Offical blog plugin for VuePress",
   "scripts": {
     "lint": "xo",
-    "dev": "npm run cpc && tsc -skipLibCheck --watch",
-    "cpc": "cp -r src/client lib",
-    "build": "tsc -skipLibCheck && npm run cpc",
+    "dev": "concurrently \"yarn dev:client\" \"yarn dev:node\" \"yarn build:components\"",
+    "build": "concurrently \"yarn build:client\" \"yarn build:node\" \"yarn build:components\"",
+    "dev:client": "tsc -p tsconfig.client.json --watch",
+    "dev:node": "tsc -p tsconfig.node.json --watch",
+    "build:client": "tsc -p tsconfig.client.json",
+    "build:node": "tsc -p tsconfig.node.json",
+    "build:components": "mkdir -p lib/client/components && cp -r src/client/components lib/client",
     "dev:docs": "vuepress dev docs --temp docs/.temp",
     "build:docs": "vuepress build docs --temp docs/.temp",
     "example": "node examples/launch.js",
     "prepare": "npm run build",
     "prepublishOnly": "npm run build && conventional-changelog -p angular -r 2 -i CHANGELOG.md -s"
   },
-  "main": "lib/index.js",
+  "main": "lib/node/index.js",
   "files": [
     "lib",
     "docs",
@@ -25,24 +29,17 @@
   },
   "author": "ULIVZ <[email protected]>",
   "license": "MIT",
+  "dependencies": {
+    "vuejs-paginate": "^2.1.0"
+  },
   "devDependencies": {
+    "concurrently": "^4.1.0",
     "conventional-changelog-cli": "^2.0.1",
-    "eslint-config-prettier": "^3.3.0",
-    "eslint-config-rem": "^4.0.0",
-    "eslint-config-xo-typescript": "^0.3.0",
-    "eslint-plugin-prettier": "^3.0.0",
-    "eslint-plugin-typescript": "^0.14.0",
-    "husky": "^1.2.0",
     "inquirer": "^6.3.1",
-    "lint-staged": "^8.1.0",
     "nodemon": "^1.18.7",
-    "prettier": "^1.15.2",
     "ts-node": "^7.0.1",
-    "typescript": "^3.1.4",
-    "typescript-eslint-parser": "^21.0.2",
-    "vuejs-paginate": "^2.1.0",
-    "vuepress": "^1.0.0",
-    "xo": "^0.23.0"
+    "typescript": "3.1.4",
+    "vuepress": "^1.0.0"
   },
   "xo": {
     "extends": [
@@ -63,24 +60,9 @@
       "typescript/no-var-requires": "off",
       "no-implicit-globals": "off",
       "import/no-unresolved": "off",
-      "import/no-extraneous-dependencies": "off"
-    }
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "linters": {
-      "*.{ts,js}": [
-        "xo --fix",
-        "git add"
-      ],
-      "*.{json,md}": [
-        "prettier --write",
-        "git add"
-      ]
+      "import/no-extraneous-dependencies": "off",
+      "typescript/no-use-before-define": "off",
+      "typescript/no-type-alias": "off"
     }
   },
   "publishConfig": {

src/client/classification.js renamed to src/client/classification.ts

@@ -1,7 +1,12 @@
+// @ts-ignore
 import { findPageByKey } from '@app/util'
-import frontmatterClassifiedPageMap from '@dynamic/vuepress_blog/frontmatterClassified'
+// @ts-ignore
+import frontmatterClassifiedMap from '@dynamic/vuepress_blog/frontmatterClassified'
+import { VuePressPage } from '../types/VuePress'
 
 class Classifiable {
+  private _metaMap: any
+
   constructor(metaMap, pages) {
     this._metaMap = Object.assign({}, metaMap)
     Object.keys(this._metaMap).forEach(name => {
@@ -27,7 +32,12 @@ class Classifiable {
   }
 
   toArray() {
-    const tags = []
+    const tags: Array<{
+      name: string
+      pages: VuePressPage[]
+      path: string
+    }> = []
+
     Object.keys(this._metaMap).forEach(name => {
       const { pages, path } = this._metaMap[name]
       tags.push({ name, pages, path })
@@ -41,18 +51,22 @@ class Classifiable {
 }
 
 export default ({ Vue }) => {
-  const computed = Object.keys(frontmatterClassifiedPageMap)
+  const computed = Object.keys(frontmatterClassifiedMap)
     .map(classifiedType => {
-      const map = frontmatterClassifiedPageMap[classifiedType]
+      const map = frontmatterClassifiedMap[classifiedType]
       const helperName = `$${classifiedType}`
       return {
         [helperName]() {
+          // @ts-ignore
           const { pages } = this.$site
           const classified = new Classifiable(map, pages)
           return classified
         },
-        [`$current${classifiedType.charAt(0).toUpperCase() + classifiedType.slice(1)}`]() {
+        [`$current${classifiedType.charAt(0).toUpperCase() +
+          classifiedType.slice(1)}`]() {
+          // @ts-ignore
           const tagName = this.$route.meta.id
+          // @ts-ignore
           return this[helperName].getItemByName(tagName)
         },
       }

src/client/components.ts

@@ -0,0 +1,6 @@
+// @ts-ignore
+import Pagination from './components/Pagination.vue'
+// @ts-ignore
+import SimplePagination from './components/SimplePagination.vue'
+
+export { Pagination, SimplePagination }

src/components/Pagination.vue renamed to src/client/components/Pagination.vue

@@ -12,18 +12,20 @@
 
 <script>
   import Paginate from 'vuejs-paginate'
-  
+
   export default {
     data() {
       return {
         page: 0,
       }
     },
     components: { Paginate },
+    created() {
+      this.page = this.$pagination.paginationIndex + 1
+    },
     methods: {
       clickCallback(pageNum) {
         const link = this.$pagination.getSpecificPageLink(pageNum - 1)
-        console.log(link)
         this.$router.push(link)
       },
     },