build: handle shared files better (#72) (#114)

fix #72

.gitignore

@@ -1,4 +1,6 @@
 /dist
 /node_modules
+/src/client/shared
+/src/node/shared
 *.log
 .DS_Store

package.json

@@ -27,13 +27,14 @@
   },
   "homepage": "https://github.com/vuejs/vitepress/tree/master/#readme",
   "scripts": {
-    "dev": "run-p dev-client dev-client-copy dev-node dev-shared",
+    "dev": "yarn dev-shared && yarn dev-start",
+    "dev-start": "run-p dev-client dev-node dev-watch",
     "dev-client": "tsc -w -p src/client",
-    "dev-client-copy": "node scripts/watchAndCopy",
     "dev-node": "tsc -w -p src/node",
-    "dev-shared": "tsc -w -p src/shared",
+    "dev-shared": "node scripts/copyShared",
+    "dev-watch": "node scripts/watchAndCopy",
     "release": "bash scripts/release.sh",
-    "build": "rimraf -rf dist && tsc -p src/client && tsc -p src/node && tsc -p src/shared && node scripts/copy",
+    "build": "rimraf -rf dist && node scripts/copyShared && tsc -p src/client && tsc -p src/node && node scripts/copyClient",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s"
   },
   "engines": {

scripts/copyShared.js

@@ -0,0 +1,7 @@
+const fs = require('fs-extra')
+const glob = require('globby')
+
+glob.sync('src/shared/**/*.ts').forEach((file) => {
+  fs.copy(file, file.replace(/^src\//, 'src/node/'))
+  fs.copy(file, file.replace(/^src\//, 'src/client/'))
+})

scripts/watchAndCopy.js

@@ -2,12 +2,31 @@
 const fs = require('fs-extra')
 const chokidar = require('chokidar')
 
-function toDest(file) {
+function toClientAndNode(method, file) {
+  if (method === 'copy') {
+    fs.copy(file, file.replace(/^src\//, 'src/node/'))
+    fs.copy(file, file.replace(/^src\//, 'src/client/'))
+  } else if (method === 'remove') {
+    fs.remove(file.replace(/^src\//, 'src/node/'))
+    fs.remove(file.replace(/^src\//, 'src/client/'))
+  }
+}
+
+function toDist(file) {
   return file.replace(/^src\//, 'dist/')
 }
 
+// copy shared files to the client and node directory whenever they change.
+chokidar
+  .watch('src/shared/**/*.ts')
+  .on('change', (file) => toClientAndNode('copy', file))
+  .on('add', (file) => toClientAndNode('copy', file))
+  .on('unlink', (file) => toClientAndNode('remove', file))
+
+// copy non ts files, such as an html or css, to the dist directory whenever
+// they change.
 chokidar
   .watch('src/client/**/!(*.ts|tsconfig.json)')
-  .on('change', (file) => fs.copy(file, toDest(file)))
-  .on('add', (file) => fs.copy(file, toDest(file)))
-  .on('unlink', (file) => fs.remove(toDest(file)))
+  .on('change', (file) => fs.copy(file, toDist(file)))
+  .on('add', (file) => fs.copy(file, toDist(file)))
+  .on('unlink', (file) => fs.remove(toDist(file)))

src/client/tsconfig.json

@@ -2,22 +2,20 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "baseUrl": ".",
-    "outDir": "../../dist",
+    "outDir": "../../dist/client",
     "module": "esnext",
     "lib": ["ESNext", "DOM"],
     "types": ["vite"],
     "paths": {
       "/@app/*": ["app/*"],
       "/@theme/*": ["theme-default/*"],
-      "/@shared/*": ["../shared/*"],
+      "/@shared/*": ["shared/*"],
+      "/@types/*": ["../../types/*"],
       "vitepress": ["app/exports.ts"]
     }
   },
   "include": [
-    ".", 
+    ".",
     "../../types/shared.d.ts",
-  ],
-  "exclude": [
-    "../shared"
   ]
 }

src/node/config.ts

@@ -5,7 +5,7 @@ import globby from 'globby'
 import { createResolver, APP_PATH } from './resolver'
 import { Resolver } from 'vite'
 import { SiteData, HeadConfig, LocaleConfig } from '../../types/shared'
-export { resolveSiteDataByRoute } from '../shared/config'
+export { resolveSiteDataByRoute } from './shared/config'
 
 const debug = require('debug')('vitepress:config')
 

src/node/tsconfig.json

@@ -1,10 +1,17 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "outDir": "../../dist",
+    "baseUrl": ".",
+    "outDir": "../../dist/node",
     "module": "commonjs",
     "lib": ["ESNext", "DOM"],
-    "sourceMap": true
+    "sourceMap": true,
+    "paths": {
+      "/@types/*": ["../../types/*"]
+    }
   },
-  "include": [".", "../shared", "../../types/shared.d.ts"]
+  "include": [
+    ".",
+    "../../types/shared.d.ts"
+  ]
 }

src/shared/config.ts

@@ -1,4 +1,4 @@
-import { SiteData } from '../../types/shared'
+import { SiteData } from '/@types/shared'
 
 const inBrowser = typeof window !== 'undefined'
 

src/shared/tsconfig.json

@@ -2,12 +2,12 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "baseUrl": ".",
-    "outDir": "../../dist/client/shared",
-    "module": "esnext",
-    "lib": ["ESNext", "DOM"],
+    "paths": {
+      "/@types/*": ["../../types/*"]
+    }
   },
   "include": [
-    ".", 
-    "../../types/shared.d.ts",
+    ".",
+    "../../types/shared.d.ts"
   ]
 }