ripple 0.2.138 → 0.2.139

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ripple is an elegant TypeScript UI framework",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.2.138",
+  "version": "0.2.139",
   "type": "module",
   "module": "src/runtime/index-client.js",
   "main": "src/runtime/index-client.js",
@@ -81,6 +81,6 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "ripple": "0.2.138"
+    "ripple": "0.2.139"
   }
 }

package/src/compiler/index.js

@@ -12,7 +12,7 @@ import { convert_source_map_to_mappings } from './phases/3-transform/segments.js
  * @returns {Program}
  */
 export function parse(source) {
-  return parse_module(source);
+	return parse_module(source);
 }
 
 /**
@@ -23,13 +23,13 @@ export function parse(source) {
  * @returns {object}
  */
 export function compile(source, filename, options = {}) {
-  const ast = parse_module(source);
-  const analysis = analyze(ast, filename, options);
-  const result = options.mode === 'server'
-      ? transform_server(filename, source, analysis)
-      : transform_client(filename, source, analysis, false);
+	const ast = parse_module(source);
+	const analysis = analyze(ast, filename, options);
+	const result = options.mode === 'server'
+		? transform_server(filename, source, analysis)
+		: transform_client(filename, source, analysis, false);
 
-  return result;
+	return result;
 }
 
 /** @import { PostProcessingChanges, LineOffsets } from './phases/3-transform/client/index.js' */
@@ -41,17 +41,17 @@ export function compile(source, filename, options = {}) {
  * @returns {object} Volar mappings object
  */
 export function compile_to_volar_mappings(source, filename) {
-  const ast = parse_module(source);
-  const analysis = analyze(ast, filename, {});
-  const transformed = transform_client(filename, source, analysis, true);
+	const ast = parse_module(source);
+	const analysis = analyze(ast, filename, { to_ts: true });
+	const transformed = transform_client(filename, source, analysis, true);
 
-  // Create volar mappings with esrap source map for accurate positioning
-  return convert_source_map_to_mappings(
-    transformed.ast,
-    source,
-    transformed.js.code,
-    transformed.js.map,
-    /** @type {PostProcessingChanges} */ (transformed.js.post_processing_changes),
-    /** @type {LineOffsets} */ (transformed.js.line_offsets)
-  );
+	// Create volar mappings with esrap source map for accurate positioning
+	return convert_source_map_to_mappings(
+		transformed.ast,
+		source,
+		transformed.js.code,
+		transformed.js.map,
+    /** @type {PostProcessingChanges} */(transformed.js.post_processing_changes),
+    /** @type {LineOffsets} */(transformed.js.line_offsets)
+	);
 }

package/src/compiler/phases/2-analyze/index.js

@@ -436,9 +436,13 @@ const visitors = {
 			const pattern = node.left.declarations[0].id;
 			const paths = extract_paths(pattern);
 			const scope = state.scopes.get(node);
-			const pattern_id = b.id(scope.generate('pattern'));
-
-			node.left.declarations[0].id = pattern_id;
+			let pattern_id;
+			if (state.to_ts) {
+				pattern_id = pattern;
+			} else {
+				pattern_id = b.id(scope.generate('pattern'));
+				node.left.declarations[0].id = pattern_id;
+			}
 
 			for (const path of paths) {
 				const name = path.node.name;
@@ -544,10 +548,10 @@ const visitors = {
 		}
 	},
 	/**
-	 * 
-	 * @param {any} node 
-	 * @param {any} context 
-	 * @returns 
+	 *
+	 * @param {any} node
+	 * @param {any} context
+	 * @returns
 	 */
 	TryStatement(node, context) {
 		if (!is_inside_component(context)) {
@@ -808,9 +812,9 @@ const visitors = {
 	},
 
 	/**
-	 * 
-	 * @param {any} node 
-	 * @param {any} context 
+	 *
+	 * @param {any} node
+	 * @param {any} context
 	 */
 	AwaitExpression(node, context) {
 		if (is_inside_component(context)) {
@@ -862,6 +866,7 @@ export function analyze(ast, filename, options = {}) {
 			analysis,
 			inside_head: false,
 			inside_server_block: options.mode === 'server',
+			to_ts: options.to_ts ?? false,
 		},
 		visitors,
 	);