diff --git a/package.json b/package.json index 7d6e46dcf..8dd04ee52 100644 --- a/package.json +++ b/package.json @@ -4,21 +4,21 @@ "packageManager": "pnpm@9.12.3", "type": "module", "scripts": { - "dev": "node scripts/dev.js vue runtime-vapor", + "dev": "node scripts/dev.js", "build": "node scripts/build.js", "build-dts": "tsc -p tsconfig.build.json --noCheck && rollup -c rollup.dts.config.js", "clean": "rimraf --glob packages/*/dist temp .eslintcache", "size": "run-s \"size-*\" && node scripts/usage-size.js", - "size-global": "node scripts/build.js vue runtime-vapor runtime-dom runtime-vapor compiler-dom -f global -p --size", + "size-global": "node scripts/build.js vue runtime-dom compiler-dom -f global -p --size", "size-esm-runtime": "node scripts/build.js vue -f esm-bundler-runtime", - "size-esm": "node scripts/build.js runtime-shared runtime-dom runtime-vapor runtime-core reactivity shared runtime-vapor -f esm-bundler", + "size-esm": "node scripts/build.js runtime-shared runtime-dom runtime-core reactivity shared runtime-vapor -f esm-bundler", "check": "tsc --incremental --noEmit", "lint": "eslint --cache .", "format": "prettier --write --cache .", "format-check": "prettier --check --cache .", "test": "vitest", "test-unit": "vitest --project unit", - "test-e2e": "node scripts/build.js vue runtime-vapor -f global -d && vitest --project e2e", + "test-e2e": "node scripts/build.js vue -f global -d && vitest --project e2e", "test-dts": "run-s build-dts test-dts-only", "test-dts-only": "tsc -p packages-private/dts-built-test/tsconfig.json && tsc -p ./packages-private/dts-test/tsconfig.test.json", "test-coverage": "vitest run --project unit --coverage", @@ -33,15 +33,13 @@ "dev-compiler": "run-p \"dev template-explorer\" serve open", "dev-sfc": "run-s dev-prepare-cjs dev-sfc-run", "dev-sfc-serve": "vite packages-private/sfc-playground", - "dev-sfc-run": "run-p \"dev compiler-sfc -f esm-browser\" \"dev vue -if esm-bundler-runtime\" \"dev vue -ipf esm-browser-runtime\" \"dev server-renderer -if esm-bundler\" dev-sfc-serve", + "dev-sfc-run": "run-p \"dev compiler-sfc -f esm-browser\" \"dev vue -if vapor\" \"dev vue -ipf vapor\" \"dev server-renderer -if esm-bundler\" dev-sfc-serve", "dev-vapor": "pnpm -C playground run dev", "serve": "serve", "open": "open http://localhost:3000/packages-private/template-explorer/local.html", - "build-sfc-playground": "run-s build-all-cjs build-runtime-esm build-browser-esm build-ssr-esm build-sfc-playground-self", + "build-sfc-playground": "run-s build-all-cjs build-all-esm build-sfc-playground-self", "build-all-cjs": "node scripts/build.js vue runtime compiler reactivity shared -af cjs", - "build-runtime-esm": "node scripts/build.js runtime reactivity shared -af esm-bundler && node scripts/build.js vue -f esm-bundler-runtime && node scripts/build.js vue -f esm-browser-runtime", - "build-browser-esm": "node scripts/build.js runtime reactivity shared -af esm-bundler && node scripts/build.js vue -f esm-bundler && node scripts/build.js vue -f esm-browser", - "build-ssr-esm": "node scripts/build.js compiler-sfc server-renderer runtime-vapor -f esm-browser", + "build-all-esm": "node scripts/build.js runtime reactivity shared -af esm-bundler && node scripts/build.js vue -f esm-bundler,esm-browser,esm-bundler-runtime,esm-browser-runtime && node scripts/build.js compiler-sfc server-renderer -f esm-browser", "build-sfc-playground-self": "cd packages-private/sfc-playground && npm run build", "preinstall": "npx only-allow pnpm", "postinstall": "simple-git-hooks" diff --git a/packages-private/sfc-playground/src/App.vue b/packages-private/sfc-playground/src/App.vue index 3315da4a0..683d581af 100644 --- a/packages-private/sfc-playground/src/App.vue +++ b/packages-private/sfc-playground/src/App.vue @@ -5,10 +5,8 @@ import { type SFCOptions, useStore, useVueImportMap, - mergeImportMap, File, StoreState, - ImportMap, } from '@vue/repl' import Monaco from '@vue/repl/monaco-editor' import { ref, watchEffect, onMounted, computed, watch } from 'vue' @@ -31,36 +29,26 @@ const initAutoSave: boolean = JSON.parse( ) const autoSave = ref(initAutoSave) -const { - vueVersion, - productionMode, - importMap: vueImportMap, -} = useVueImportMap({ - runtimeDev: import.meta.env.PROD - ? `${location.origin}/vue.runtime.esm-browser.js` - : `${location.origin}/src/vue-dev-proxy`, - runtimeProd: import.meta.env.PROD - ? `${location.origin}/vue.runtime.esm-browser.prod.js` - : `${location.origin}/src/vue-dev-proxy-prod`, +const { vueVersion, productionMode, importMap } = useVueImportMap({ + runtimeDev: () => { + return import.meta.env.PROD + ? useVaporMode.value + ? `${location.origin}/vue.runtime-with-vapor.esm-browser.js` + : `${location.origin}/vue.runtime.esm-browser.js` + : `${location.origin}/src/vue-dev-proxy` + }, + runtimeProd: () => { + return import.meta.env.PROD + ? useVaporMode.value + ? `${location.origin}/vue.runtime-with-vapor.esm-browser.prod.js` + : `${location.origin}/vue.runtime.esm-browser.prod.js` + : `${location.origin}/src/vue-dev-proxy-prod` + }, serverRenderer: import.meta.env.PROD ? `${location.origin}/server-renderer.esm-browser.js` : `${location.origin}/src/vue-server-renderer-dev-proxy`, }) -const importMap = computed(() => { - const vapor = import.meta.env.PROD - ? `${location.origin}/vue-vapor.esm-browser.js` - : `${location.origin}/src/vue-vapor-dev-proxy` - - const vaporImportMap: ImportMap = { - imports: { - 'vue/vapor': vapor, - }, - } - - return mergeImportMap(vueImportMap.value, vaporImportMap) -}) - let hash = location.hash.slice(1) if (hash.startsWith('__DEV__')) { hash = hash.slice(7) @@ -126,7 +114,7 @@ watch( files.value['src/index.html'] = new File( 'src/index.html', `