Lint and format src/compiler/compile/render_dom/wrappers/shared/Wrapper.js

pull/8569/head
Simon Holthausen 3 years ago
parent 044e48d194
commit 9e44fb00bd

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

Loading…
Cancel
Save