@tsrx/vue 0.1.4 → 0.1.7

package/package.json

@@ -3,7 +3,7 @@
   "description": "Vue compiler built on @tsrx/core",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -28,10 +28,10 @@
     }
   },
   "dependencies": {
-    "esrap": "^2.1.0",
+    "esrap": "^2.2.7",
     "is-reference": "^3.0.3",
     "zimmerframe": "^1.1.2",
-    "@tsrx/core": "0.1.4"
+    "@tsrx/core": "0.1.7"
   },
   "peerDependencies": {
     "vue": ">=3.5",

package/src/index.js

@@ -65,6 +65,7 @@ export function compile_to_volar_mappings(source, filename, options) {
 	const transformed = transform(ast, source, filename, {
 		collect: true,
 		loose: !!options?.loose,
+		moduleScopedHookComponents: false,
 		typeOnly: true,
 		errors,
 		comments,

package/src/transform.js

@@ -6,6 +6,7 @@ import {
 	builders,
 	clone_expression_node,
 	clone_identifier,
+	contains_component_jsx,
 	CREATE_REF_PROP_INTERNAL_NAME,
 	create_generated_identifier,
 	componentToFunctionDeclaration,
@@ -47,6 +48,13 @@ const vue_platform = {
 			'Vue TSRX does not support `pending` blocks in component templates yet. Vue Suspense uses fallback slots rather than a `fallback` prop, so `try { ... } pending { ... }` cannot be lowered correctly for this target yet.',
 	},
 	hooks: {
+		// Hoist to module scope
+		// in the regular client transform — same trade-off as React, where one
+		// definition per helper keeps bundles small and source mappings 1:1
+		// for editor IntelliSense. The `compile_to_volar_mappings` entry point
+		// opts back out so Volar's type-only output keeps helpers inline,
+		// matching how it generates virtual TSX today.
+		moduleScopedHookComponents: true,
 		initialState: () => ({
 			needs_define_vapor_component: false,
 			needs_vapor_for: false,
@@ -1038,59 +1046,6 @@ function to_jsx_expression_container(expression, source_node = expression) {
 	return builders.jsx_expression_container(expression, source_node);
 }
 
-/**
- * @param {any} node
- * @returns {boolean}
- */
-function contains_component_jsx(node) {
-	if (!node || typeof node !== 'object') {
-		return false;
-	}
-
-	if (node.type === 'JSXElement') {
-		if (is_component_jsx_name(node.openingElement?.name)) {
-			return true;
-		}
-
-		return node.children.some(contains_component_jsx);
-	}
-
-	if (node.type === 'JSXFragment') {
-		return node.children.some(contains_component_jsx);
-	}
-
-	if (node.type === 'JSXExpressionContainer') {
-		return contains_component_jsx(node.expression);
-	}
-
-	if (Array.isArray(node)) {
-		return node.some(contains_component_jsx);
-	}
-
-	return false;
-}
-
-/**
- * @param {any} name
- * @returns {boolean}
- */
-function is_component_jsx_name(name) {
-	if (!name || typeof name !== 'object') {
-		return false;
-	}
-
-	if (name.type === 'JSXIdentifier') {
-		const first = name.name?.[0];
-		return first != null && first >= 'A' && first <= 'Z';
-	}
-
-	if (name.type === 'JSXMemberExpression') {
-		return true;
-	}
-
-	return false;
-}
-
 /**
  * @param {import('estree').Program} program
  * @param {any} transform_context