refactor: move to monorepo

Author: yyx990803

.github/CONTRIBUTING.md

@@ -4,13 +4,13 @@ node_modules
 explorations
 TODOs.md
 RELEASE_NOTE*.md
-packages/vue-server-renderer/basic.js
-packages/vue-server-renderer/build.dev.js
-packages/vue-server-renderer/build.prod.js
-packages/vue-server-renderer/server-plugin.js
-packages/vue-server-renderer/client-plugin.js
-packages/vue-template-compiler/build.js
-packages/vue-template-compiler/browser.js
+packages/server-renderer/basic.js
+packages/server-renderer/build.dev.js
+packages/server-renderer/build.prod.js
+packages/server-renderer/server-plugin.js
+packages/server-renderer/client-plugin.js
+packages/compiler-sfc/build.js
+packages/compiler-sfc/browser.js
 .vscode
 dist
 temp

.gitignore

@@ -0,0 +1 @@
+export * from '@vue/compiler-sfc'

compiler-sfc/index.d.ts

@@ -0,0 +1 @@
+module.exports = require('@vue/compiler-sfc')

compiler-sfc/index.js

@@ -0,0 +1,4 @@
+{
+  "main": "index.js",
+  "types": "index.d.ts"
+}

compiler-sfc/package.json

@@ -11,22 +11,24 @@
   "files": [
     "src",
     "dist/*.js",
-    "types/*.d.ts"
+    "types/*.d.ts",
+    "compiler-sfc",
+    "packages/compiler-sfc"
   ],
   "sideEffects": false,
   "scripts": {
-    "dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-dev",
-    "dev:cjs": "rollup -w -c scripts/config.js --environment TARGET:web-runtime-cjs-dev",
-    "dev:esm": "rollup -w -c scripts/config.js --environment TARGET:web-runtime-esm",
-    "dev:ssr": "rollup -w -c scripts/config.js --environment TARGET:web-server-renderer",
-    "dev:compiler": "rollup -w -c scripts/config.js --environment TARGET:web-compiler ",
+    "dev": "rollup -w -c scripts/config.js --environment TARGET:full-dev",
+    "dev:cjs": "rollup -w -c scripts/config.js --environment TARGET:runtime-cjs-dev",
+    "dev:esm": "rollup -w -c scripts/config.js --environment TARGET:runtime-esm",
+    "dev:ssr": "rollup -w -c scripts/config.js --environment TARGET:server-renderer",
+    "dev:compiler": "rollup -w -c scripts/config.js --environment TARGET:compiler ",
     "build": "node scripts/build.js",
-    "build:ssr": "npm run build -- web-runtime-cjs,web-server-renderer",
+    "build:ssr": "npm run build -- runtime-cjs,server-renderer",
     "build:types": "rimraf temp && tsc --declaration --emitDeclarationOnly --outDir temp && api-extractor run",
     "test": "npm run ts-check && npm run test:types && npm run test:unit && npm run test:e2e && npm run test:ssr",
     "test:unit": "vitest run test/unit",
-    "test:ssr": "npm run build:ssr && vitest run test/ssr",
-    "test:e2e": "npm run build -- web-full-prod,web-server-renderer-basic && vitest run test/e2e",
+    "test:ssr": "npm run build:ssr && vitest run server-renderer",
+    "test:e2e": "npm run build -- full-prod,server-renderer-basic && vitest run test/e2e",
     "test:transition": "karma start test/transition/karma.conf.js",
     "test:types": "npm run build:types && tsc -p ./types/tsconfig.json",
     "format": "prettier --write --parser typescript \"(src|test|packages|types)/**/*.ts\"",
@@ -62,6 +64,9 @@
     "url": "https://github.com/vuejs/vue/issues"
   },
   "homepage": "https://github.com/vuejs/vue#readme",
+  "dependencies": {
+    "@vue/compiler-sfc": "2.6.14"
+  },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.24.2",
     "@rollup/plugin-alias": "^3.1.9",
@@ -70,19 +75,14 @@
     "@rollup/plugin-replace": "^4.0.0",
     "@types/he": "^1.1.2",
     "@types/node": "^17.0.30",
-    "acorn": "^8.7.1",
-    "acorn-walk": "^8.2.0",
     "chalk": "^4.0.0",
     "commitizen": "^4.2.4",
     "conventional-changelog": "^3.1.25",
     "cross-spawn": "^7.0.3",
     "cz-conventional-changelog": "^3.3.0",
-    "de-indent": "^1.0.2",
     "esbuild": "^0.14.39",
-    "escodegen": "^2.0.0",
-    "file-loader": "^3.0.1",
-    "hash-sum": "^2.0.0",
     "he": "^1.2.0",
+    "de-indent": "^1.0.2",
     "jasmine-core": "^4.1.1",
     "jsdom": "^19.0.0",
     "karma": "^6.3.20",
@@ -92,27 +92,19 @@
     "karma-jasmine": "^5.0.1",
     "lint-staged": "^12.4.1",
     "lodash": "^4.17.21",
-    "lodash.template": "^4.4.0",
-    "lodash.uniq": "^4.5.0",
-    "lru-cache": "^7.8.1",
     "marked": "^4.0.6",
-    "memory-fs": "^0.5.0",
     "prettier": "^2.6.2",
     "puppeteer": "^14.1.1",
-    "resolve": "^1.22.0",
     "rimraf": "^3.0.2",
     "rollup": "^2.70.2",
     "rollup-plugin-typescript2": "^0.31.2",
-    "serialize-javascript": "^6.0.0",
     "shelljs": "^0.8.5",
-    "source-map": "0.5.6",
     "terser": "^5.13.1",
     "todomvc-app-css": "^2.4.2",
     "ts-node": "^10.7.0",
     "tslib": "^2.4.0",
     "typescript": "^4.6.4",
     "vitest": "^0.12.6",
-    "webpack": "^4.46.0",
     "yorkie": "^2.0.0"
   },
   "config": {

package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@vue/compiler-sfc",
+  "version": "2.6.14",
+  "description": "compiler-sfc for Vue 2",
+  "main": "dist/compiler-sfc.js",
+  "types": "dist/compiler-sfc.d.ts",
+  "files": ["dist"],
+  "dependencies": {
+    "@babel/parser": "^7.16.4",
+    "source-map": "^0.6.1",
+    "postcss": "^8.1.10"
+  },
+  "devDependencies": {
+    "@types/estree": "^0.0.48",
+    "@babel/types": "^7.16.0",
+    "@types/lru-cache": "^5.1.0",
+    "estree-walker": "^2.0.2",
+    "magic-string": "^0.25.7",
+    "pug": "^3.0.1",
+    "sass": "^1.26.9",
+    "@vue/consolidate": "^0.17.3",
+    "hash-sum": "^2.0.0",
+    "lru-cache": "^5.1.1",
+    "merge-source-map": "^1.1.0",
+    "postcss-modules": "^4.0.0",
+    "postcss-selector-parser": "^6.0.4"
+  }
+}

packages/compiler-sfc/package.json

@@ -7,9 +7,15 @@ var packageVersion = require('./package.json').version
 if (vueVersion && vueVersion !== packageVersion) {
   throw new Error(
     '\n\nVue packages version mismatch:\n\n' +
-    '- vue@' + vueVersion + '\n' +
-    '- ' + packageName + '@' + packageVersion + '\n\n' +
-    'This may cause things to work incorrectly. Make sure to use the same version for both.\n'
+      '- vue@' +
+      vueVersion +
+      '\n' +
+      '- ' +
+      packageName +
+      '@' +
+      packageVersion +
+      '\n\n' +
+      'This may cause things to work incorrectly. Make sure to use the same version for both.\n'
   )
 }
 

packages/vue-server-renderer/README.md packages/server-renderer/README.md

@@ -13,6 +13,11 @@
     "server",
     "ssr"
   ],
+  "files": [
+    "types",
+    "*.js",
+    "*.d.ts"
+  ],
   "author": "Evan You",
   "license": "MIT",
   "bugs": {
@@ -29,7 +34,10 @@
     "source-map": "0.5.6"
   },
   "devDependencies": {
-    "vue": "file:../.."
+    "memory-fs": "^0.5.0",
+    "vue": "file:../..",
+    "webpack": "^4.46.0",
+    "file-loader": "^3.0.1"
   },
   "homepage": "https://github.com/vuejs/vue/tree/dev/packages/vue-server-renderer#readme"
 }

packages/vue-server-renderer/client-plugin.d.ts packages/server-renderer/client-plugin.d.ts

@@ -1,7 +1,7 @@
 import path from 'path'
 import webpack from 'webpack'
 import MemoryFS from 'memory-fs'
-import { RenderOptions } from '../../src/server/create-renderer'
+import { RenderOptions } from 'server/create-renderer'
 import { createBundleRenderer } from 'web/entry-server-renderer'
 import VueSSRServerPlugin from 'server/webpack-plugin/server'
 
@@ -20,7 +20,7 @@ export function compileWithWebpack(
         },
         {
           test: /\.(png|woff2|css)$/,
-          loader: 'file-loader',
+          loader: require.resolve('file-loader'),
           options: {
             name: '[name].[ext]'
           }
@@ -62,7 +62,7 @@ export async function createWebpackBundleRenderer(
       filename: 'bundle.js',
       libraryTarget: 'commonjs2'
     },
-    externals: [require.resolve('../../dist/vue.runtime.common.js')],
+    externals: [require.resolve('../../../dist/vue.runtime.common.js')],
     plugins: asBundle ? [new VueSSRServerPlugin()] : []
   })
 

packages/vue-server-renderer/index.js packages/server-renderer/index.js

@@ -0,0 +1,14 @@
+import Vue from '../../../../dist/vue.runtime.common.js'
+
+export default context => {
+  return new Promise(resolve => {
+    context.msg = 'hello'
+    resolve(
+      new Vue({
+        render(h) {
+          return h('div', context.url)
+        }
+      })
+    )
+  })
+}

packages/vue-server-renderer/package.json packages/server-renderer/package.json

@@ -1,8 +1,8 @@
 module.exports = {
-  beforeCreate () {
+  beforeCreate() {
     this.$vnode.ssrContext._registeredComponents.add('__MODULE_ID__')
   },
-  render (h) {
+  render(h) {
     return h('div', 'async bar')
   }
 }

packages/vue-server-renderer/server-plugin.d.ts packages/server-renderer/server-plugin.d.ts

@@ -4,10 +4,10 @@ import font from './test.woff2'
 import image from './test.png'
 
 export default {
-  beforeCreate () {
+  beforeCreate() {
     this.$vnode.ssrContext._registeredComponents.add('__MODULE_ID__')
   },
-  render (h) {
+  render(h) {
     return h('div', `async ${font} ${image}`)
   }
 }

src/server/bundle-renderer/create-bundle-renderer.ts packages/server-renderer/src/bundle-renderer/create-bundle-renderer.ts

@@ -0,0 +1,18 @@
+import Vue from '../../../../dist/vue.runtime.common.js'
+
+const app = {
+  name: 'app',
+  props: ['id'],
+  serverCacheKey: props => (props.id === 1 ? false : props.id),
+  render(h) {
+    return h('div', '/test')
+  }
+}
+
+export default () => {
+  return Promise.resolve(
+    new Vue({
+      render: h => h(app, { props: { id: 1 } })
+    })
+  )
+}

src/server/bundle-renderer/create-bundle-runner.ts packages/server-renderer/src/bundle-renderer/create-bundle-runner.ts

@@ -0,0 +1,18 @@
+import Vue from '../../../../dist/vue.runtime.common.js'
+
+const app = {
+  name: 'app',
+  props: ['id'],
+  serverCacheKey: props => props.id,
+  render(h) {
+    return h('div', '/test')
+  }
+}
+
+export default () => {
+  return Promise.resolve(
+    new Vue({
+      render: h => h(app, { props: { id: 1 } })
+    })
+  )
+}