Convert src/compiler/compile/render_dom/wrappers/shared/Wrapper.ts to JavaScript

src/compiler/compile/render_dom/wrappers/shared/Wrapper.ts

@@ -1,76 +1,88 @@
-import Renderer from '../../Renderer';
-import Block from '../../Block';
 import { x } from 'code-red';
-import { TemplateNode } from '../../../../interfaces';
-import { Identifier } from 'estree';
-
 export default class Wrapper {
-	renderer: Renderer;
-	parent: Wrapper;
-	node: TemplateNode;
-
-	prev: Wrapper | null;
-	next: Wrapper | null;
 
-	var: Identifier;
+    /** @type {import('../../Renderer.js').default} */
+    renderer;
 
-	constructor(renderer: Renderer, block: Block, parent: Wrapper, node: TemplateNode) {
+    /** @type {Wrapper} */
-		this.node = node;
+    parent;
 
-		// make these non-enumerable so that they can be logged sensibly
+    /** @type {import('../../../../interfaces.js').TemplateNode} */
-		// (TODO in dev only?)
+    node;
-		Object.defineProperties(this, {
-			renderer: {
-				value: renderer
-			},
-			parent: {
-				value: parent
-			}
-		});
 
-		block.wrappers.push(this);
+    /** @type {Wrapper | null} */
-	}
+    prev;
 
-	get_or_create_anchor(block: Block, parent_node: Identifier, parent_nodes: Identifier) {
+    /** @type {Wrapper | null} */
-		// TODO use this in EachBlock and IfBlock — tricky because
+    next;
-		// children need to be created first
-		const needs_anchor = this.next
-			? !this.next.is_dom_node()
-			: !parent_node || !this.parent.is_dom_node();
-		const anchor = needs_anchor
-			? block.get_unique_name(`${this.var.name}_anchor`)
-			: (this.next && this.next.var) || { type: 'Identifier', name: 'null' };
 
-		if (needs_anchor) {
+    /** @type {import('estree').Identifier} */
-			block.add_element(
+    var;
-				anchor,
-				x`@empty()`,
-				parent_nodes && x`@empty()`,
-				parent_node as Identifier
-			);
-		}
 
-		return anchor;
+ /**
-	}
+  * @param {import('../../Renderer.js').default} renderer
+     * @param {import('../../Block.js').default} block
+     * @param {Wrapper} parent
+     * @param {import('../../../../interfaces.js').TemplateNode} node
+     */
+    constructor(renderer, block, parent, node) {
+        this.node = node;
+        // make these non-enumerable so that they can be logged sensibly
+        // (TODO in dev only?)
+        Object.defineProperties(this, {
+            renderer: {
+                value: renderer
+            },
+            parent: {
+                value: parent
+            }
+        });
+        block.wrappers.push(this);
+    }
 
-	get_update_mount_node(anchor: Identifier): Identifier {
+ /**
-		return (
+  * @param {import('../../Block.js').default} block
-			this.parent && this.parent.is_dom_node() ? this.parent.var : x`${anchor}.parentNode`
+     * @param {import('estree').Identifier} parent_node
-		) as Identifier;
+     * @param {import('estree').Identifier} parent_nodes
-	}
+     */
+    get_or_create_anchor(block, parent_node, parent_nodes) {
+        // TODO use this in EachBlock and IfBlock — tricky because
+        // children need to be created first
+        const needs_anchor = this.next
+            ? !this.next.is_dom_node()
+            : !parent_node || !this.parent.is_dom_node();
+        const anchor = needs_anchor
+            ? block.get_unique_name(`${this.var.name}_anchor`)
+            : (this.next && this.next.var) || { type: 'Identifier', name: 'null' };
+        if (needs_anchor) {
+            block.add_element(anchor, x `@empty()`, parent_nodes && x `@empty()`, 
+            /** @type {import('estree').Identifier} */ (parent_node));
+        }
+        return anchor;
+    }
 
-	is_dom_node() {
+ /**
-		return (
+  * @param {import('estree').Identifier} anchor
-			this.node.type === 'Element' || this.node.type === 'Text' || this.node.type === 'MustacheTag'
+     * @returns {import("C:/repos/svelte/svelte/node_modules/.pnpm/@types+estree@1.0.0/node_modules/@types/estree/index").import('estree').Identifier}
-		);
+     */
-	}
+    get_update_mount_node(anchor) {
+        return /** @type {import('estree').Identifier} */ ((this.parent && this.parent.is_dom_node() ? this.parent.var : x `${anchor}.parentNode`));
+    }
+    is_dom_node() {
+        return (this.node.type === 'Element' || this.node.type === 'Text' || this.node.type === 'MustacheTag');
+    }
 
-	render(
+ /**
-		_block: Block,
+  * @param {import('../../Block.js').default} _block
-		_parent_node: Identifier,
+     * @param {import('estree').Identifier} _parent_node
-		_parent_nodes: Identifier,
+     * @param {import('estree').Identifier} _parent_nodes
-		_data: Record<string, any> = undefined
+     * @param {Record<string, any>} _data
-	) {
+     */
-		throw Error('Wrapper class is not renderable');
+    render(_block, _parent_node, _parent_nodes, _data = undefined) {
-	}
+        throw Error('Wrapper class is not renderable');
+    }
 }
+
+
+
+