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

pull/8569/head
Simon Holthausen 3 years ago
parent c4bbf44aa0
commit 711dfa073b

@ -5,89 +5,87 @@ import add_to_set from '../../utils/add_to_set.js';
/** @extends Wrapper */
export default class TitleWrapper extends Wrapper {
/** @type {import('../../nodes/Title.js').default} */
node;
/** @type {import('../../nodes/Title.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/Title.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/Title.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 is_dynamic = !!this.node.children.find((node) => node.type !== 'Text');
if (is_dynamic) {
let value;
/**
* @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 is_dynamic = !!this.node.children.find((node) => node.type !== 'Text');
if (is_dynamic) {
let value;
/** @type {Set<string>} */
const all_dependencies = new Set();
// TODO some of this code is repeated in Tag.ts — would be good to
// DRY it out if that's possible without introducing crazy indirection
if (this.node.children.length === 1) {
// single {tag} — may be a non-string
// @ts-ignore todo: check this
const { expression } = this.node.children[0];
value = expression.manipulate(block);
add_to_set(all_dependencies, expression.dependencies);
}
else {
// '{foo} {bar}' — treat as string concatenation
value = this.node.children
.map((chunk) => {
if (chunk.type === 'Text')
return string_literal(chunk.data);
( /** @type {import('../../nodes/MustacheTag.js').default} */(chunk)).expression.dependencies.forEach((d) => {
all_dependencies.add(d);
});
return ( /** @type {import('../../nodes/MustacheTag.js').default} */(chunk)).expression.manipulate(block);
})
.reduce((lhs, rhs) => x `${lhs} + ${rhs}`);
if (this.node.children[0].type !== 'Text') {
value = x `"" + ${value}`;
}
}
const last = this.node.should_cache && block.get_unique_name('title_value');
if (this.node.should_cache)
block.add_variable(last);
const init = this.node.should_cache ? x `${last} = ${value}` : value;
block.chunks.init.push(b `@_document.title = ${init};`);
const updater = b `@_document.title = ${this.node.should_cache ? last : value};`;
if (all_dependencies.size) {
const dependencies = Array.from(all_dependencies);
let condition = block.renderer.dirty(dependencies);
if (block.has_outros) {
condition = x `!#current || ${condition}`;
}
if (this.node.should_cache) {
condition = x `${condition} && (${last} !== (${last} = ${value}))`;
}
block.chunks.update.push(b `
/** @type {Set<string>} */
const all_dependencies = new Set();
// TODO some of this code is repeated in Tag.ts — would be good to
// DRY it out if that's possible without introducing crazy indirection
if (this.node.children.length === 1) {
// single {tag} — may be a non-string
// @ts-ignore todo: check this
const { expression } = this.node.children[0];
value = expression.manipulate(block);
add_to_set(all_dependencies, expression.dependencies);
} else {
// '{foo} {bar}' — treat as string concatenation
value = this.node.children
.map((chunk) => {
if (chunk.type === 'Text') return string_literal(chunk.data);
/** @type {import('../../nodes/MustacheTag.js').default} */ (
chunk
).expression.dependencies.forEach((d) => {
all_dependencies.add(d);
});
return /** @type {import('../../nodes/MustacheTag.js').default} */ (
chunk
).expression.manipulate(block);
})
.reduce((lhs, rhs) => x`${lhs} + ${rhs}`);
if (this.node.children[0].type !== 'Text') {
value = x`"" + ${value}`;
}
}
const last = this.node.should_cache && block.get_unique_name('title_value');
if (this.node.should_cache) block.add_variable(last);
const init = this.node.should_cache ? x`${last} = ${value}` : value;
block.chunks.init.push(b`@_document.title = ${init};`);
const updater = b`@_document.title = ${this.node.should_cache ? last : value};`;
if (all_dependencies.size) {
const dependencies = Array.from(all_dependencies);
let condition = block.renderer.dirty(dependencies);
if (block.has_outros) {
condition = x`!#current || ${condition}`;
}
if (this.node.should_cache) {
condition = x`${condition} && (${last} !== (${last} = ${value}))`;
}
block.chunks.update.push(b`
if (${condition}) {
${updater}
}`);
}
}
else {
const value = this.node.children.length > 0
? string_literal(( /** @type {import('../../nodes/Text.js').default} */(this.node.children[0])).data)
: x `""`;
block.chunks.hydrate.push(b `@_document.title = ${value};`);
}
}
}
} else {
const value =
this.node.children.length > 0
? string_literal(
/** @type {import('../../nodes/Text.js').default} */ (this.node.children[0]).data
)
: x`""`;
block.chunks.hydrate.push(b`@_document.title = ${value};`);
}
}
}

Loading…
Cancel
Save