Lint and format src/compiler/compile/render_dom/wrappers/MustacheTag.js

pull/8569/head
Simon Holthausen 3 years ago
parent d6c22fb304
commit d772613b7d

@ -4,63 +4,63 @@ import ElementWrapper from './Element.js';
/** @extends Tag */
export default class MustacheTagWrapper extends Tag {
/** @type {import('estree').Identifier} */
var = { type: 'Identifier', name: 't' };
/** @type {import('estree').Identifier} */
var = { type: 'Identifier', name: 't' };
/**
* @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('../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);
/**
* @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);
}
/** @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
);
}
}

Loading…
Cancel
Save