vize 0.345.0 → 0.350.2

package/README.md

@@ -71,7 +71,7 @@ Add scripts to your project and run Vize through your package manager:
     "vize:build": "vize build src",
     "vize:fmt": "vize fmt --write src",
     "vize:lint": "vize lint --preset happy-path src",
-    "vize:check": "vize check src",
+    "vize:check": "vize check",
     "vize:ready": "vize ready src",
     "vize:upgrade": "vize upgrade"
   }
@@ -195,9 +195,11 @@ Use the Rust CLI when you need Corsa project diagnostics across Vue, TS, TSX, an
 
 ## Experimental TypeScript Content Mapper
 
-Vize publishes the package metadata and protocol server proposed by
-[microsoft/typescript-go#4712](https://github.com/microsoft/typescript-go/pull/4712). This lets a
-compatible `tsgo` build ask Vize to transform `.vue` files directly instead of materializing a
+The TypeScript 7.1
+[API roadmap](https://github.com/microsoft/typescript-go/issues/4830) identifies Content Mappers as
+the TS Server plugin replacement needed by Vue. Vize publishes the package metadata and protocol
+server proposed by [microsoft/typescript-go#4712](https://github.com/microsoft/typescript-go/pull/4712),
+letting a compatible `tsgo` build transform `.vue` files directly instead of materializing a
 parallel `.vue.ts` project.
 
 ```json
@@ -217,13 +219,15 @@ parallel `.vue.ts` project.
 ```
 
 ```bash
-tsgo --loadExternalPlugins --noEmit -p tsconfig.json
+tsgo --runExternalCode --noEmit -p tsconfig.json
 ```
 
 The content-mapper API is not in a released TypeScript native preview yet. Use the exact PR build
-while evaluating it, keep `--loadExternalPlugins` explicit, and keep `vize check` as the supported
+while evaluating it, keep `--runExternalCode` explicit, and keep `vize check` as the supported
 typecheck path until TypeScript ships the protocol. Vize currently negotiates protocol v1 with
-UTF-8 mappings and does not declare compiler-option dependencies.
+UTF-8 mappings, declares its `noUnusedLocals` compiler-option dependency under the
+`typescript.contentMapper` manifest key, and tags every transform response with the `.tsx` virtual
+extension so both TypeScript and embedded JSX parse correctly.
 
 ## Compiler and Tool Options
 

package/dist/cli.mjs

@@ -94,7 +94,7 @@ const DEFAULT_SCRIPTS = {
 	"vize:fmt": "vize fmt --check src",
 	"vize:fmt:fix": "vize fmt --write src",
 	"vize:lint": "vize lint --preset happy-path --max-warnings 0 src",
-	"vize:check": "vize check src",
+	"vize:check": "vize check",
 	"vize:musea": "vize musea",
 	"vize:ready": "vize ready src"
 };
@@ -110,6 +110,7 @@ export default defineConfig({
   typeChecker: {
     enabled: true,
     strict: true,
+    jsxTypecheck: true,
   },
   vite: {
     scanPatterns: ["src/**/*.vue"],
@@ -249,6 +250,7 @@ function renderVizeConfig(features) {
 	if (features.typecheck) blocks.push(`  typeChecker: {
     enabled: true,
     strict: true,
+    jsxTypecheck: true,
   },`);
 	if (features.vite) blocks.push(`  vite: {
     scanPatterns: ["src/**/*.vue"],
@@ -260,6 +262,26 @@ ${blocks.join("\n")}
 });
 `;
 }
+/** Minimum project config written only when typechecking is selected and no config exists. */
+function renderTypecheckTsconfig(typescript) {
+	const compilerOptions = {
+		strict: true,
+		target: "ES2022",
+		module: "ESNext",
+		moduleResolution: "Bundler",
+		jsx: "preserve"
+	};
+	if (!typescript) {
+		compilerOptions.allowJs = true;
+		compilerOptions.checkJs = true;
+	}
+	compilerOptions.noEmit = true;
+	compilerOptions.skipLibCheck = true;
+	return `${JSON.stringify({
+		compilerOptions,
+		include: ["src/**/*"]
+	}, null, 2)}\n`;
+}
 /**
 * Config for the `oxlint` binary.
 *
@@ -768,14 +790,14 @@ function fmtOffer(detection) {
 	};
 }
 function typecheckOffer(detection) {
-	const configured = detection.vizeConfig !== null && "vize:check" in detection.scripts;
+	const configured = detection.tsconfig !== null && detection.vizeConfig !== null && "vize:check" in detection.scripts;
 	return {
 		id: "typecheck",
 		label: "typecheck (vize check)",
-		available: detection.tsconfig !== null,
+		available: true,
 		configured,
-		note: configured ? "already configured" : detection.tsconfig === null ? "needs a tsconfig.json" : "",
-		defaultSelected: detection.tsconfig !== null
+		note: configured ? "already configured" : detection.tsconfig === null ? "creates tsconfig.json" : "",
+		defaultSelected: true
 	};
 }
 function editorOffer(detection) {
@@ -898,7 +920,7 @@ Options:
       --nuxt                 nuxt module (forces the Nuxt target)
       --bundler/--no-bundler vite plugin or nuxt module, auto-detected
       --fmt / --no-fmt       vize fmt
-      --typecheck            vize check (needs a tsconfig.json)
+      --typecheck            vize check (creates tsconfig.json when missing)
       --no-typecheck
       --editor / --no-editor .vscode/extensions.json recommendation
       --dry-run              Print the plan without writing anything
@@ -1153,7 +1175,7 @@ function planNuxtModule(detection, draft) {
 }
 //#endregion
 //#region src/init/plan-editor.ts
-const EXTENSIONS_FILE = path.join(".vscode", "extensions.json");
+const EXTENSIONS_FILE = ".vscode/extensions.json";
 /**
 * Plans the editor recommendation.
 *
@@ -1301,24 +1323,23 @@ const FEATURE_SCRIPTS = {
 * guess that loses their settings.
 */
 function planVizeConfig(detection, selection, draft) {
+	if (selection.typecheck && detection.tsconfig === null) {
+		draft.files.push({
+			filename: path.join(detection.root, "tsconfig.json"),
+			source: renderTypecheckTsconfig(detection.typescript)
+		});
+		draft.createdFiles.push("tsconfig.json");
+	}
 	for (const id of ["fmt", "typecheck"]) {
 		if (!selection[id]) {
-			draft.features.push(id === "typecheck" && detection.tsconfig === null ? skipped(id, "no tsconfig.json, so vize check has nothing to check") : skipped(id));
-			continue;
-		}
-		if (id === "typecheck" && detection.tsconfig === null) {
-			draft.features.push({
-				id,
-				outcome: "blocked",
-				detail: "vize check needs a tsconfig.json; none was found",
-				snippet: null
-			});
+			draft.features.push(skipped(id));
 			continue;
 		}
+		const scaffoldsTsconfig = id === "typecheck" && detection.tsconfig === null;
 		draft.features.push({
 			id,
-			outcome: detection.vizeConfig === null ? "configured" : "unchanged",
-			detail: detection.vizeConfig === null ? "writes vize.config.ts" : `${detection.vizeConfig} already exists and was left unchanged`,
+			outcome: scaffoldsTsconfig || detection.vizeConfig === null ? "configured" : "unchanged",
+			detail: scaffoldsTsconfig ? detection.vizeConfig === null ? "writes tsconfig.json and vize.config.ts" : `writes tsconfig.json; ${detection.vizeConfig} already exists and was left unchanged` : detection.vizeConfig === null ? "writes vize.config.ts" : `${detection.vizeConfig} already exists and was left unchanged`,
 			snippet: null
 		});
 	}
@@ -1328,7 +1349,7 @@ function planVizeConfig(detection, selection, draft) {
 		source: renderVizeConfig({
 			lint: selection.lint,
 			fmt: selection.fmt,
-			typecheck: selection.typecheck && detection.tsconfig !== null,
+			typecheck: selection.typecheck,
 			vite: detection.framework === "vite"
 		})
 	});
@@ -1348,7 +1369,7 @@ function planScripts(detection, selection, draft) {
 		"fmt",
 		"typecheck"
 	]) {
-		if (!selection[id] || id === "typecheck" && detection.tsconfig === null) continue;
+		if (!selection[id]) continue;
 		wanted.push(...FEATURE_SCRIPTS[id]);
 	}
 	const missing = wanted.filter((name) => !(name in detection.scripts));