From 67ff828bc177227e033e3323451e2e85a9827f21 Mon Sep 17 00:00:00 2001 From: Simon Holthausen Date: Fri, 12 May 2023 15:05:38 +0200 Subject: [PATCH] Lint and format src/compiler/compile/render_dom/wrappers/DebugTag.js --- .../compile/render_dom/wrappers/DebugTag.js | 136 +++++++++--------- 1 file changed, 65 insertions(+), 71 deletions(-) diff --git a/src/compiler/compile/render_dom/wrappers/DebugTag.js b/src/compiler/compile/render_dom/wrappers/DebugTag.js index e7fc8007ed..f739b50ebf 100644 --- a/src/compiler/compile/render_dom/wrappers/DebugTag.js +++ b/src/compiler/compile/render_dom/wrappers/DebugTag.js @@ -4,87 +4,81 @@ import { b, p } from 'code-red'; /** @extends Wrapper */ export default class DebugTagWrapper extends Wrapper { + /** @type {import('../../nodes/DebugTag.js').default} */ + node; - /** @type {import('../../nodes/DebugTag.js').default} */ - node; + /** + * @param {import('../Renderer.js').default} renderer + * @param {import('../Block.js').default} block + * @param {import('./shared/Wrapper.js').default} parent + * @param {import('../../nodes/DebugTag.js').default} node + * @param {boolean} _strip_whitespace + * @param {import('./shared/Wrapper.js').default} _next_sibling + */ + constructor(renderer, block, parent, node, _strip_whitespace, _next_sibling) { + super(renderer, block, parent, node); + } - /** - * @param {import('../Renderer.js').default} renderer - * @param {import('../Block.js').default} block - * @param {import('./shared/Wrapper.js').default} parent - * @param {import('../../nodes/DebugTag.js').default} node - * @param {boolean} _strip_whitespace - * @param {import('./shared/Wrapper.js').default} _next_sibling - */ - constructor(renderer, block, parent, node, _strip_whitespace, _next_sibling) { - super(renderer, block, parent, node); - } + /** + * @param {import('../Block.js').default} block + * @param {import('estree').Identifier} _parent_node + * @param {import('estree').Identifier} _parent_nodes + */ + render(block, _parent_node, _parent_nodes) { + const { renderer } = this; + const { component } = renderer; + if (!renderer.options.dev) return; + const { var_lookup } = component; + const start = component.locate(this.node.start + 1); + const end = { line: start.line, column: start.column + 6 }; + const loc = { start, end }; - /** - * @param {import('../Block.js').default} block - * @param {import('estree').Identifier} _parent_node - * @param {import('estree').Identifier} _parent_nodes - */ - render(block, _parent_node, _parent_nodes) { - const { renderer } = this; - const { component } = renderer; - if (!renderer.options.dev) - return; - const { var_lookup } = component; - const start = component.locate(this.node.start + 1); - const end = { line: start.line, column: start.column + 6 }; - const loc = { start, end }; + /** @type {import('estree').DebuggerStatement} */ + const debug = { + type: 'DebuggerStatement', + loc + }; + if (this.node.expressions.length === 0) { + // Debug all + block.chunks.create.push(debug); + block.chunks.update.push(debug); + } else { + /** @type {import('estree').Identifier} */ + const log = { + type: 'Identifier', + name: 'log', + loc + }; - /** @type {import('estree').DebuggerStatement} */ - const debug = { - type: 'DebuggerStatement', - loc - }; - if (this.node.expressions.length === 0) { - // Debug all - block.chunks.create.push(debug); - block.chunks.update.push(debug); - } - else { - - /** @type {import('estree').Identifier} */ - const log = { - type: 'Identifier', - name: 'log', - loc - }; - - /** @type {Set} */ - const dependencies = new Set(); - this.node.expressions.forEach((expression) => { - add_to_set(dependencies, expression.dependencies); - }); - const contextual_identifiers = this.node.expressions - .filter((e) => { - const variable = var_lookup.get(( /** @type {import('estree').Identifier} */(e.node)).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)};`)} + /** @type {Set} */ + const dependencies = new Set(); + this.node.expressions.forEach((expression) => { + add_to_set(dependencies, expression.dependencies); + }); + const contextual_identifiers = this.node.expressions + .filter((e) => { + const variable = var_lookup.get(/** @type {import('estree').Identifier} */ (e.node).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) { - const condition = renderer.dirty(Array.from(dependencies)); - block.chunks.update.push(b ` + if (dependencies.size) { + const condition = renderer.dirty(Array.from(dependencies)); + block.chunks.update.push(b` if (${condition}) { ${debug_statements} } `); - } - block.chunks.create.push(b `{ + } + block.chunks.create.push(b`{ ${debug_statements} }`); - } - } + } + } } - - - -