create-vue 3.0.0-beta.1 → 3.0.0-beta.2

package/package.json

@@ -1,27 +1,19 @@
 {
   "name": "create-vue",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.2",
   "description": "An easy way to start a Vue project",
   "type": "module",
   "main": "index.js",
   "bin": {
-    "create-vue": "index.js"
+    "create-vue": "outfile.js"
   },
   "files": [
-    "index.js",
-    "utils",
+    "outfile.cjs",
     "template"
   ],
   "engines": {
     "node": "^12.13.0 || ^14.0.0 || >= 16.0.0"
   },
-  "scripts": {
-    "prepare": "husky install",
-    "format": "prettier --write .",
-    "pretest": "node snapshot.js",
-    "test": "node test.js",
-    "prepublishOnly": "node snapshot.js"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuejs/create-vue.git"
@@ -33,19 +25,26 @@
     "url": "https://github.com/vuejs/create-vue/issues"
   },
   "homepage": "https://github.com/vuejs/create-vue#readme",
-  "dependencies": {
+  "devDependencies": {
+    "esbuild": "^0.12.28",
+    "husky": "^7.0.2",
     "kolorist": "^1.5.0",
+    "lint-staged": "^11.1.2",
     "minimist": "^1.2.5",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.4.1",
     "prompts": "^2.4.1"
   },
-  "devDependencies": {
-    "husky": "^7.0.1",
-    "lint-staged": "^11.1.2",
-    "prettier": "^2.3.2"
-  },
   "lint-staged": {
     "*.{js,ts,vue,json}": [
       "prettier --write"
     ]
+  },
+  "scripts": {
+    "format": "prettier --write .",
+    "build": "esbuild --bundle index.js --format=cjs --platform=node --outfile=outfile.cjs",
+    "snapshot": "node snapshot.js",
+    "pretest": "run-s build snapshot",
+    "test": "node test.js"
   }
-}
+}

package/template/base/package.json

@@ -6,11 +6,11 @@
     "serve": "vite preview --port 5050"
   },
   "dependencies": {
-    "vue": "^3.2.2"
+    "vue": "^3.2.11"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^1.4.0",
-    "@vue/compiler-sfc": "^3.2.2",
-    "vite": "^2.5.0"
+    "@vitejs/plugin-vue": "^1.6.2",
+    "@vue/compiler-sfc": "^3.2.11",
+    "vite": "^2.5.8"
   }
 }

package/template/config/cypress/package.json

@@ -6,9 +6,9 @@
     "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.0.7",
+    "@cypress/vite-dev-server": "^2.1.0",
     "@cypress/vue": "^3.0.3",
-    "cypress": "^8.2.0",
-    "start-server-and-test": "^1.13.1"
+    "cypress": "^8.4.0",
+    "start-server-and-test": "^1.14.0"
   }
 }

package/template/config/jsx/package.json

@@ -1,5 +1,5 @@
 {
   "devDependencies": {
-    "@vitejs/plugin-vue-jsx": "^1.1.7"
+    "@vitejs/plugin-vue-jsx": "^1.1.8"
   }
 }

package/template/config/typescript/package.json

@@ -4,7 +4,7 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "devDependencies": {
-    "typescript": "~4.3.5",
-    "vue-tsc": "^0.2.3"
+    "typescript": "~4.4.3",
+    "vue-tsc": "^0.3.0"
   }
 }

package/utils/deepMerge.js

@@ -1,26 +0,0 @@
-const isObject = (val) => val && typeof val === 'object'
-const mergeArrayWithDedupe = (a, b) => Array.from(new Set([...a, ...b]))
-
-/**
- * Recursively merge the content of the new object to the existing one
- * @param {Object} target the existing object
- * @param {Object} obj the new object
- */
-function deepMerge(target, obj) {
-  for (const key of Object.keys(obj)) {
-    const oldVal = target[key]
-    const newVal = obj[key]
-
-    if (Array.isArray(oldVal) && Array.isArray(newVal)) {
-      target[key] = mergeArrayWithDedupe(oldVal, newVal)
-    } else if (isObject(oldVal) && isObject(newVal)) {
-      target[key] = deepMerge(oldVal, newVal)
-    } else {
-      target[key] = newVal
-    }
-  }
-
-  return target
-}
-
-export default deepMerge

package/utils/directoryTraverse.js

@@ -1,29 +0,0 @@
-import fs from 'fs'
-import path from 'path'
-
-export function preOrderDirectoryTraverse(dir, dirCallback, fileCallback) {
-  for (const filename of fs.readdirSync(dir)) {
-    const fullpath = path.resolve(dir, filename)
-    if (fs.lstatSync(fullpath).isDirectory()) {
-      dirCallback(fullpath)
-      // in case the dirCallback removes the directory entirely
-      if (fs.existsSync(fullpath)) {
-        preOrderDirectoryTraverse(fullpath, dirCallback, fileCallback)
-      }
-      continue
-    }
-    fileCallback(fullpath)
-  }
-}
-
-export function postOrderDirectoryTraverse(dir, dirCallback, fileCallback) {
-  for (const filename of fs.readdirSync(dir)) {
-    const fullpath = path.resolve(dir, filename)
-    if (fs.lstatSync(fullpath).isDirectory()) {
-      postOrderDirectoryTraverse(fullpath, dirCallback, fileCallback)
-      dirCallback(fullpath)
-      continue
-    }
-    fileCallback(fullpath)
-  }
-}

package/utils/docs/README-TEMPLATE.md

@@ -1,17 +0,0 @@
-# {{projectName}}
-
-This template should help get you started developing with Vue 3 in Vite.
-
-## Recommended IDE Setup
-
-[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) (and disable Vetur).
-
-<!-- SFC-TYPE-SUPPORT -->
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vitejs.dev/config/).
-
-## Project Setup
-
-<!-- NPM-SCRIPTS -->

package/utils/docs/SFC-TYPE-SUPPORT.md

@@ -1,5 +0,0 @@
-## Type Support for `.vue` Imports in TS
-
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates.
-
-However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can run `Volar: Switch TS Plugin on/off` from VSCode command palette.

package/utils/generateReadme.js

@@ -1,71 +0,0 @@
-import fs from 'fs'
-
-import getCommand from './getCommand.js'
-
-const sfcTypeSupportDoc = fs.readFileSync(
-  new URL('./docs/SFC-TYPE-SUPPORT.md', import.meta.url).pathname,
-  'utf8'
-)
-
-export default function generateReadme({
-  projectName,
-  packageManager,
-  needsTypeScript,
-  needsTests
-}) {
-  let template = fs.readFileSync(
-    new URL('./docs/README-TEMPLATE.md', import.meta.url).pathname,
-    'utf8'
-  )
-
-  template = template.replace('{{projectName}}', projectName)
-
-  if (needsTypeScript) {
-    template = template.replace('<!-- SFC-TYPE-SUPPORT -->\n', sfcTypeSupportDoc)
-  } else {
-    template = template.replace('<!-- SFC-TYPE-SUPPORT -->\n\n', '')
-  }
-
-  let npmScriptsDescriptions = `\`\`\`sh
-${getCommand(packageManager, 'install')}
-\`\`\`
-
-### Compile and Hot-Reload for Development
-
-\`\`\`sh
-${getCommand(packageManager, 'dev')}
-\`\`\`
-
-### ${needsTypeScript ? 'Type-Check, ' : ''}Compile and Minify for Production
-
-\`\`\`sh
-${getCommand(packageManager, 'build')}
-\`\`\`
-`
-
-  if (needsTests) {
-    npmScriptsDescriptions += `
-### Run Unit Tests with [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/introduction)
-
-\`\`\`sh
-${getCommand(packageManager, 'test:unit')} # or \`${getCommand(
-      packageManager,
-      'test:unit:ci'
-    )}\` for headless testing
-\`\`\`
-
-### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
-
-\`\`\`sh
-${getCommand(packageManager, 'test:e2e')} # or \`${getCommand(
-      packageManager,
-      'test:e2e:ci'
-    )}\` for headless testing
-\`\`\`
-`
-  }
-
-  template = template.replace('<!-- NPM-SCRIPTS -->\n', npmScriptsDescriptions)
-
-  return template
-}

package/utils/getCommand.js

@@ -1,7 +0,0 @@
-export default function getCommand(packageManager, scriptName) {
-  if (scriptName === 'install') {
-    return packageManager === 'yarn' ? 'yarn' : `${packageManager} install`
-  }
-
-  return packageManager === 'npm' ? `npm run ${scriptName}` : `${packageManager} ${scriptName}`
-}

package/utils/renderTemplate.js

@@ -1,44 +0,0 @@
-import fs from 'fs'
-import path from 'path'
-
-import deepMerge from './deepMerge.js'
-
-/**
- * Renders a template folder/file to the file system,
- * by recursively copying all files under the `src` directory,
- * with the following exception:
- *   - `_filename` should be renamed to `.filename`
- *   - Fields in `package.json` should be recursively merged
- * @param {string} src source filename to copy
- * @param {string} dest destination filename of the copy operation
- */
-function renderTemplate(src, dest) {
-  const stats = fs.statSync(src)
-
-  if (stats.isDirectory()) {
-    // if it's a directory, render its subdirectories and files recusively
-    fs.mkdirSync(dest, { recursive: true })
-    for (const file of fs.readdirSync(src)) {
-      renderTemplate(path.resolve(src, file), path.resolve(dest, file))
-    }
-    return
-  }
-
-  const filename = path.basename(src)
-
-  if (filename === 'package.json' && fs.existsSync(dest)) {
-    // merge instead of overwriting
-    const pkg = deepMerge(JSON.parse(fs.readFileSync(dest)), JSON.parse(fs.readFileSync(src)))
-    fs.writeFileSync(dest, JSON.stringify(pkg, null, 2) + '\n')
-    return
-  }
-
-  if (filename.startsWith('_')) {
-    // rename `_file` to `.file`
-    dest = path.resolve(path.dirname(dest), filename.replace(/^_/, '.'))
-  }
-
-  fs.copyFileSync(src, dest)
-}
-
-export default renderTemplate