Convert src/compiler/compile/render_dom/wrappers/DebugTag.ts to JavaScript

src/compiler/compile/render_dom/wrappers/DebugTag.ts

@@ -1,88 +1,90 @@
-import Renderer from '../Renderer';
+import Wrapper from './shared/Wrapper.js';
-import Wrapper from './shared/Wrapper';
+import add_to_set from '../../utils/add_to_set.js';
-import Block from '../Block';
-import DebugTag from '../../nodes/DebugTag';
-import add_to_set from '../../utils/add_to_set';
 import { b, p } from 'code-red';
-import { Identifier, DebuggerStatement } from 'estree';
 
+/** @extends Wrapper */
 export default class DebugTagWrapper extends Wrapper {
-	node: DebugTag;
 
-	constructor(
+    /** @type {import('../../nodes/DebugTag.js').default} */
-		renderer: Renderer,
+    node;
-		block: Block,
+
-		parent: Wrapper,
+ /**
-		node: DebugTag,
+  * @param {import('../Renderer.js').default} renderer
-		_strip_whitespace: boolean,
+     * @param {import('../Block.js').default} block
-		_next_sibling: Wrapper
+     * @param {import('./shared/Wrapper.js').default} parent
-	) {
+     * @param {import('../../nodes/DebugTag.js').default} node
-		super(renderer, block, parent, node);
+     * @param {boolean} _strip_whitespace
-	}
+     * @param {import('./shared/Wrapper.js').default} _next_sibling
-
+     */
-	render(block: Block, _parent_node: Identifier, _parent_nodes: Identifier) {
+    constructor(renderer, block, parent, node, _strip_whitespace, _next_sibling) {
-		const { renderer } = this;
+        super(renderer, block, parent, node);
-		const { component } = renderer;
+    }
-
+
-		if (!renderer.options.dev) return;
+ /**
-
+  * @param {import('../Block.js').default} block
-		const { var_lookup } = component;
+     * @param {import('estree').Identifier} _parent_node
-
+     * @param {import('estree').Identifier} _parent_nodes
-		const start = component.locate(this.node.start + 1);
+     */
-		const end = { line: start.line, column: start.column + 6 };
+    render(block, _parent_node, _parent_nodes) {
-
+        const { renderer } = this;
-		const loc = { start, end };
+        const { component } = renderer;
-
+        if (!renderer.options.dev)
-		const debug: DebuggerStatement = {
+            return;
-			type: 'DebuggerStatement',
+        const { var_lookup } = component;
-			loc
+        const start = component.locate(this.node.start + 1);
-		};
+        const end = { line: start.line, column: start.column + 6 };
-
+        const loc = { start, end };
-		if (this.node.expressions.length === 0) {
+
-			// Debug all
+        /** @type {import('estree').DebuggerStatement} */
-			block.chunks.create.push(debug);
+        const debug = {
-			block.chunks.update.push(debug);
+            type: 'DebuggerStatement',
-		} else {
+            loc
-			const log: Identifier = {
+        };
-				type: 'Identifier',
+        if (this.node.expressions.length === 0) {
-				name: 'log',
+            // Debug all
-				loc
+            block.chunks.create.push(debug);
-			};
+            block.chunks.update.push(debug);
-
+        }
-			const dependencies: Set<string> = new Set();
+        else {
-			this.node.expressions.forEach((expression) => {
+
-				add_to_set(dependencies, expression.dependencies);
+            /** @type {import('estree').Identifier} */
-			});
+            const log = {
-
+                type: 'Identifier',
-			const contextual_identifiers = this.node.expressions
+                name: 'log',
-				.filter((e) => {
+                loc
-					const variable = var_lookup.get((e.node as Identifier).name);
+            };
-					return !(variable && variable.hoistable);
+
-				})
+            /** @type {Set<string>} */
-				.map((e) => (e.node as Identifier).name);
+            const dependencies = new Set();
-
+            this.node.expressions.forEach((expression) => {
-			const logged_identifiers = this.node.expressions.map(
+                add_to_set(dependencies, expression.dependencies);
-				(e) => p`${(e.node as Identifier).name}`
+            });
-			);
+            const contextual_identifiers = this.node.expressions
-
+                .filter((e) => {
-			const debug_statements = b`
+                const variable = var_lookup.get(( /** @type {import('estree').Identifier} */(e.node)).name);
-				${contextual_identifiers.map((name) => b`const ${name} = ${renderer.reference(name)};`)}
+                return !(variable && variable.hoistable);
+            })
+                .map((e) => ( /** @type {import('estree').Identifier} */(e.node)).name);
+            const logged_identifiers = this.node.expressions.map((e) => p `${( /** @type {import('estree').Identifier} */(e.node)).name}`);
+            const debug_statements = b `
+				${contextual_identifiers.map((name) => b `const ${name} = ${renderer.reference(name)};`)}
 				@_console.${log}({ ${logged_identifiers} });
 				debugger;`;
-
+            if (dependencies.size) {
-			if (dependencies.size) {
+                const condition = renderer.dirty(Array.from(dependencies));
-				const condition = renderer.dirty(Array.from(dependencies));
+                block.chunks.update.push(b `
-
-				block.chunks.update.push(b`
 					if (${condition}) {
 						${debug_statements}
 					}
 				`);
-			}
+            }
-
+            block.chunks.create.push(b `{
-			block.chunks.create.push(b`{
 				${debug_statements}
 			}`);
-		}
+        }
-	}
+    }
 }
+
+
+
+