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';
export default class Wrapper {
/** @type {import('../../Renderer.js').default} */
renderer;
/** @type {import('../../Renderer.js').default} */
renderer;
/** @type {Wrapper} */
parent;
/** @type {Wrapper} */
parent;
/** @type {import('../../../../interfaces.js').TemplateNode} */
node;
/** @type {import('../../../../interfaces.js').TemplateNode} */
node;
/** @type {Wrapper | null} */
prev;
/** @type {Wrapper | null} */
prev;
/** @type {Wrapper | null} */
next;
/** @type {Wrapper | null} */
next;
/** @type {import('estree').Identifier} */
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 {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('../../Block.js').default} block
* @param {import('estree').Identifier} parent_node
* @param {import('estree').Identifier} parent_nodes
*/
get_or_create_anchor(block, parent_node, parent_nodes) {
// TODO use this in EachBlock and IfBlock — tricky because
// children need to be created first
const needs_anchor = this.next
? !this.next.is_dom_node()
: !parent_node || !this.parent.is_dom_node();
const anchor = needs_anchor
? 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('../../Block.js').default} block
* @param {import('estree').Identifier} parent_node
* @param {import('estree').Identifier} parent_nodes
*/
get_or_create_anchor(block, parent_node, parent_nodes) {
// TODO use this in EachBlock and IfBlock — tricky because
// children need to be created first
const needs_anchor = this.next
? !this.next.is_dom_node()
: !parent_node || !this.parent.is_dom_node();
const anchor = needs_anchor
? 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
* @returns {import("C:/repos/svelte/svelte/node_modules/.pnpm/@types+estree@1.0.0/node_modules/@types/estree/index").import('estree').Identifier}
*/
get_update_mount_node(anchor) {
return /** @type {import('estree').Identifier} */ (
this.parent && this.parent.is_dom_node() ? this.parent.var : x`${anchor}.parentNode`
);
}
is_dom_node() {
return (
this.node.type === 'Element' || this.node.type === 'Text' || this.node.type === 'MustacheTag'
);
}
/**
* @param {import('estree').Identifier} anchor
* @returns {import("C:/repos/svelte/svelte/node_modules/.pnpm/@types+estree@1.0.0/node_modules/@types/estree/index").import('estree').Identifier}
*/
get_update_mount_node(anchor) {
return /** @type {import('estree').Identifier} */ ((this.parent && this.parent.is_dom_node() ? this.parent.var : x `${anchor}.parentNode`));
}
is_dom_node() {
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');
}
/**
* @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