From 9098136dbfe903bb615838c5c748f59d9cbf2fdf Mon Sep 17 00:00:00 2001
From: Simon Holthausen <simon.holthausen@vercel.com>
Date: Fri, 12 May 2023 15:09:32 +0200
Subject: [PATCH] Convert
 src/compiler/compile/render_dom/wrappers/MustacheTag.ts to JavaScript

---
 .../render_dom/wrappers/MustacheTag.ts        | 117 +++++++++---------
 1 file changed, 57 insertions(+), 60 deletions(-)

diff --git a/src/compiler/compile/render_dom/wrappers/MustacheTag.ts b/src/compiler/compile/render_dom/wrappers/MustacheTag.ts
index 9810f82cc8..00c52a175d 100644
--- a/src/compiler/compile/render_dom/wrappers/MustacheTag.ts
+++ b/src/compiler/compile/render_dom/wrappers/MustacheTag.ts
@@ -1,69 +1,66 @@
-import Renderer from '../Renderer';
-import Block from '../Block';
-import Tag from './shared/Tag';
-import Wrapper from './shared/Wrapper';
-import MustacheTag from '../../nodes/MustacheTag';
-import RawMustacheTag from '../../nodes/RawMustacheTag';
+import Tag from './shared/Tag.js';
 import { x } from 'code-red';
-import { Identifier, Expression } from 'estree';
-import ElementWrapper from './Element';
-import AttributeWrapper from './Element/Attribute';
+import ElementWrapper from './Element.js';
 
+/** @extends Tag */
 export default class MustacheTagWrapper extends Tag {
-	var: Identifier = { type: 'Identifier', name: 't' };
 
-	constructor(
-		renderer: Renderer,
-		block: Block,
-		parent: Wrapper,
-		node: MustacheTag | RawMustacheTag
-	) {
-		super(renderer, block, parent, node);
-	}
+    /** @type {import('estree').Identifier} */
+    var = { type: 'Identifier', name: 't' };
 
-	render(
-		block: Block,
-		parent_node: Identifier,
-		parent_nodes: Identifier,
-		data: Record<string, unknown> | undefined
-	) {
-		const contenteditable_attributes =
-			this.parent instanceof ElementWrapper &&
-			this.parent.attributes.filter((a) => a.node.name === 'contenteditable');
+ /**
+  * @param {import('../Renderer.js').default} renderer
+     * @param {import('../Block.js').default} block
+     * @param {import('./shared/Wrapper.js').default} parent
+     * @param {import('../../nodes/MustacheTag.js').default | import('../../nodes/RawMustacheTag.js').default} node
+     */
+    constructor(renderer, block, parent, node) {
+        super(renderer, block, parent, node);
+    }
+
+ /**
+  * @param {import('../Block.js').default} block
+     * @param {import('estree').Identifier} parent_node
+     * @param {import('estree').Identifier} parent_nodes
+     * @param {Record<string, unknown> | undefined} data
+     */
+    render(block, parent_node, parent_nodes, data) {
+        const contenteditable_attributes = this.parent instanceof ElementWrapper &&
+            this.parent.attributes.filter((a) => a.node.name === 'contenteditable');
+        const spread_attributes = this.parent instanceof ElementWrapper &&
+            this.parent.attributes.filter((a) => a.node.is_spread);
+
+        /** @type {import('estree').Expression | true | undefined} */
+        let contenteditable_attr_value = undefined;
+        if (contenteditable_attributes.length > 0) {
+            const attribute = /** @type {import('./Element/Attribute.js').default} */ (contenteditable_attributes[0]);
+            if ([true, 'true', ''].includes(attribute.node.get_static_value())) {
+                contenteditable_attr_value = true;
+            }
+            else {
+                contenteditable_attr_value = x `${attribute.get_value(block)}`;
+            }
+        }
+        else if (spread_attributes.length > 0 && data.element_data_name) {
+            contenteditable_attr_value = x `${data.element_data_name}['contenteditable']`;
+        }
+        const { init } = this.rename_this_method(block, (value) => {
+            if (contenteditable_attr_value) {
+                if (contenteditable_attr_value === true) {
+                    return x `@set_data_contenteditable(${this.var}, ${value})`;
+                }
+                else {
+                    return x `@set_data_maybe_contenteditable(${this.var}, ${value}, ${contenteditable_attr_value})`;
+                }
+            }
+            else {
+                return x `@set_data(${this.var}, ${value})`;
+            }
+        });
+        block.add_element(this.var, x `@text(${init})`, parent_nodes && x `@claim_text(${parent_nodes}, ${init})`, parent_node);
+    }
+}
 
-		const spread_attributes =
-			this.parent instanceof ElementWrapper &&
-			this.parent.attributes.filter((a) => a.node.is_spread);
 
-		let contenteditable_attr_value: Expression | true | undefined = undefined;
-		if (contenteditable_attributes.length > 0) {
-			const attribute = contenteditable_attributes[0] as AttributeWrapper;
-			if ([true, 'true', ''].includes(attribute.node.get_static_value())) {
-				contenteditable_attr_value = true;
-			} else {
-				contenteditable_attr_value = x`${attribute.get_value(block)}`;
-			}
-		} else if (spread_attributes.length > 0 && data.element_data_name) {
-			contenteditable_attr_value = x`${data.element_data_name}['contenteditable']`;
-		}
 
-		const { init } = this.rename_this_method(block, (value) => {
-			if (contenteditable_attr_value) {
-				if (contenteditable_attr_value === true) {
-					return x`@set_data_contenteditable(${this.var}, ${value})`;
-				} else {
-					return x`@set_data_maybe_contenteditable(${this.var}, ${value}, ${contenteditable_attr_value})`;
-				}
-			} else {
-				return x`@set_data(${this.var}, ${value})`;
-			}
-		});
 
-		block.add_element(
-			this.var,
-			x`@text(${init})`,
-			parent_nodes && x`@claim_text(${parent_nodes}, ${init})`,
-			parent_node
-		);
-	}
-}