diff --git a/index.ts b/index.ts index 6ab53ab85..026e9794a 100755 --- a/index.ts +++ b/index.ts @@ -63,6 +63,22 @@ function emptyDir(dir) { ) } +// get now user runtime +function detectRuntime() { + // @ts-ignore + if (typeof Bun !== 'undefined') { + return 'bun' + } + if (typeof process !== 'undefined' && process.versions && process.versions.node) { + return 'node' + } + // @ts-ignore + if (typeof Deno !== 'undefined') { + return 'deno' + } + return 'unknown' +} + const helpMessage = `\ Usage: create-vue [FEATURE_FLAGS...] [OPTIONS...] [DIRECTORY] @@ -105,6 +121,9 @@ Available feature flags: --eslint-with-prettier Add Prettier for code formatting in addition to ESLint. + --runtime + Show runtime environment selection prompt. + Unstable feature flags: --tests, --with-tests Add both unit testing and end-to-end testing support. @@ -123,6 +142,7 @@ async function init() { tests: { type: 'boolean' }, 'vue-router': { type: 'boolean' }, router: { type: 'boolean' }, + runtime: { type: 'boolean' }, } as const const { values: argv, positionals } = parseArgs({ @@ -178,6 +198,7 @@ async function init() { needsEslint?: false | 'eslintOnly' | 'speedUpWithOxlint' needsOxlint?: boolean needsPrettier?: boolean + runtime?: 'node' | 'bun' } = {} console.log() @@ -190,6 +211,7 @@ async function init() { try { // Prompts: + // - Choose runtime environment: Node.js / Bun // - Project name: // - whether to overwrite the existing directory or not? // - enter a valid package name for package.json @@ -202,8 +224,27 @@ async function init() { // - Add Playwright for end-to-end testing? // - Add ESLint for code quality? // - Add Prettier for code formatting? + result = await prompts( [ + { + name: 'runtime', + type: () => (argv.runtime ? 'select' : null), + message: language.needsRuntime.message, + initial: 0, + choices: [ + { + title: language.needsRuntime.selectOptions.node.title, + description: language.needsRuntime.selectOptions.node.desc, + value: 'node', + }, + { + title: language.needsRuntime.selectOptions.bun.title, + description: language.needsRuntime.selectOptions.bun.desc, + value: 'bun', + }, + ], + }, { name: 'projectName', type: targetDir ? null : 'text', @@ -370,6 +411,7 @@ async function init() { needsPinia = argv.pinia, needsVitest = argv.vitest || argv.tests, needsPrettier = argv['eslint-with-prettier'], + runtime = detectRuntime(), } = result const needsEslint = Boolean(argv.eslint || argv['eslint-with-prettier'] || result.needsEslint) @@ -401,8 +443,11 @@ async function init() { // const templateRoot = new URL('./template', import.meta.url).pathname const templateRoot = path.resolve(__dirname, 'template') const callbacks = [] - const render = function render(templateName) { - const templateDir = path.resolve(templateRoot, templateName) + const render = function render(templateName: string) { + let templateDir = path.resolve(templateRoot, 'others-runtime', runtime, templateName) + if (!fs.existsSync(templateDir)) { + templateDir = path.resolve(templateRoot, templateName) + } renderTemplate(templateDir, root, callbacks) } // Render base template @@ -449,7 +494,7 @@ async function init() { // All templates contain at least a `.node` and a `.app` tsconfig. references: [ { - path: './tsconfig.node.json', + path: `./tsconfig.${runtime}.json`, }, { path: './tsconfig.app.json', diff --git a/locales/en-US.json b/locales/en-US.json index d1f8a1698..eacbf90d1 100644 --- a/locales/en-US.json +++ b/locales/en-US.json @@ -59,6 +59,19 @@ "needsPrettier": { "message": "Add Prettier for code formatting?" }, + "needsRuntime": { + "message": "Choose runtime environment:", + "selectOptions": { + "node": { + "title": "Node.js", + "desc": "Traditional and widely supported runtime" + }, + "bun": { + "title": "Bun", + "desc": "Fast all-in-one JavaScript runtime" + } + } + }, "errors": { "operationCancelled": "Operation cancelled" }, diff --git a/locales/fr-FR.json b/locales/fr-FR.json index 9ff6d1313..931d41fc7 100644 --- a/locales/fr-FR.json +++ b/locales/fr-FR.json @@ -59,6 +59,19 @@ "needsPrettier": { "message": "Ajouter Prettier pour le formatage du code\u00a0?" }, + "needsRuntime": { + "message": "Choisir l'environnement d'exécution :", + "selectOptions": { + "node": { + "title": "Node.js", + "desc": "Runtime traditionnel largement supporté" + }, + "bun": { + "title": "Bun", + "desc": "Runtime JavaScript tout-en-un rapide" + } + } + }, "errors": { "operationCancelled": "Operation annulée" }, diff --git a/locales/tr-TR.json b/locales/tr-TR.json index 323acac1d..c7da3f9ee 100644 --- a/locales/tr-TR.json +++ b/locales/tr-TR.json @@ -59,6 +59,19 @@ "needsPrettier": { "message": "Kod formatlama için Prettier eklensin mi?" }, + "needsRuntime": { + "message": "Çalışma zamanı ortamını seçin:", + "selectOptions": { + "node": { + "title": "Node.js", + "desc": "Geleneksel ve yaygın olarak desteklenen çalışma zamanı" + }, + "bun": { + "title": "Bun", + "desc": "Hızlı, hepsi bir arada JavaScript çalışma zamanı" + } + } + }, "errors": { "operationCancelled": "İşlem iptal edildi" }, diff --git a/locales/zh-Hans.json b/locales/zh-Hans.json index c74002f01..24bd3f239 100644 --- a/locales/zh-Hans.json +++ b/locales/zh-Hans.json @@ -59,6 +59,19 @@ "needsPrettier": { "message": "是否引入 Prettier 用于代码格式化？" }, + "needsRuntime": { + "message": "选择运行时环境：", + "selectOptions": { + "node": { + "title": "Node.js", + "desc": "传统且广泛支持的运行时" + }, + "bun": { + "title": "Bun", + "desc": "快速的一体化 JavaScript 运行时" + } + } + }, "errors": { "operationCancelled": "操作取消" }, diff --git a/locales/zh-Hant.json b/locales/zh-Hant.json index 4837230e7..241e65927 100644 --- a/locales/zh-Hant.json +++ b/locales/zh-Hant.json @@ -63,6 +63,19 @@ "needsPrettier": { "message": "是否引入 Prettier 用於程式碼格式化？" }, + "needsRuntime": { + "message": "選擇執行環境：", + "selectOptions": { + "node": { + "title": "Node.js", + "desc": "傳統且廣泛支援的執行環境" + }, + "bun": { + "title": "Bun", + "desc": "快速的一體化 JavaScript 執行環境" + } + } + }, "errors": { "operationCancelled": "操作取消" }, diff --git a/template/others-runtime/bun/config/typescript/env.d.ts b/template/others-runtime/bun/config/typescript/env.d.ts new file mode 100644 index 000000000..11f02fe2a --- /dev/null +++ b/template/others-runtime/bun/config/typescript/env.d.ts @@ -0,0 +1 @@ +/// diff --git a/template/others-runtime/bun/config/typescript/package.json b/template/others-runtime/bun/config/typescript/package.json new file mode 100644 index 000000000..39dbe69fe --- /dev/null +++ b/template/others-runtime/bun/config/typescript/package.json @@ -0,0 +1,13 @@ +{ + "scripts": { + "build": "run-p type-check \"build-only {@}\" --", + "build-only": "vite build", + "type-check": "vue-tsc --build" + }, + "devDependencies": { + "@types/bun": "^1.1.13", + "npm-run-all2": "^7.0.2", + "typescript": "~5.7.3", + "vue-tsc": "^2.2.0" + } +} diff --git a/template/others-runtime/bun/tsconfig/base/package.json b/template/others-runtime/bun/tsconfig/base/package.json new file mode 100644 index 000000000..a3b507c61 --- /dev/null +++ b/template/others-runtime/bun/tsconfig/base/package.json @@ -0,0 +1,6 @@ +{ + "devDependencies": { + "@tsconfig/bun": "^1.0.7", + "@vue/tsconfig": "^0.7.0" + } +} diff --git a/template/others-runtime/bun/tsconfig/base/tsconfig.app.json b/template/others-runtime/bun/tsconfig/base/tsconfig.app.json new file mode 100644 index 000000000..93f952f1d --- /dev/null +++ b/template/others-runtime/bun/tsconfig/base/tsconfig.app.json @@ -0,0 +1,13 @@ +{ + "extends": "@vue/tsconfig/tsconfig.dom.json", + "include": ["env.d.ts", "src/**/*", "src/**/*.vue"], + "exclude": ["src/**/__tests__/*"], + "compilerOptions": { + "composite": true, + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", + + "paths": { + "@/*": ["./src/*"] + } + } +} diff --git a/template/others-runtime/bun/tsconfig/base/tsconfig.bun.json b/template/others-runtime/bun/tsconfig/base/tsconfig.bun.json new file mode 100644 index 000000000..0e734154e --- /dev/null +++ b/template/others-runtime/bun/tsconfig/base/tsconfig.bun.json @@ -0,0 +1,19 @@ +{ + "extends": "@tsconfig/bun/tsconfig.json", + "include": [ + "vite.config.*", + "vitest.config.*", + "cypress.config.*", + "nightwatch.conf.*", + "playwright.config.*" + ], + "compilerOptions": { + "composite": true, + "noEmit": true, + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", + + "module": "ESNext", + "moduleResolution": "Bundler", + "types": ["node"] + } +} diff --git a/utils/getLanguage.ts b/utils/getLanguage.ts index 6a1e12d72..584a112c8 100644 --- a/utils/getLanguage.ts +++ b/utils/getLanguage.ts @@ -30,6 +30,7 @@ interface Language { needsE2eTesting: LanguageItem needsEslint: LanguageItem needsPrettier: LanguageItem + needsRuntime: LanguageItem errors: { operationCancelled: string }