Convert src/compiler/compile/render_dom/wrappers/Text.ts to JavaScript

pull/8569/head
Simon Holthausen 3 years ago
parent a0c7d25cf1
commit 94368af07b

@ -18,7 +18,7 @@ export default class SlotTemplateWrapper extends Wrapper {
/** @type {import('../Block.js').default} */
block;
/** @type {import('./InlineComponent.js').default} */
/** @type {import('./InlineComponent/index.js').default} */
parent;
/**

@ -1,59 +1,72 @@
import Renderer from '../Renderer';
import Block from '../Block';
import Text from '../../nodes/Text';
import Wrapper from './shared/Wrapper';
import Wrapper from './shared/Wrapper.js';
import { x } from 'code-red';
import { Identifier } from 'estree';
/** @extends Wrapper */
export default class TextWrapper extends Wrapper {
node: Text;
_data: string;
skip: boolean;
var: Identifier;
constructor(renderer: Renderer, block: Block, parent: Wrapper, node: Text, data: string) {
super(renderer, block, parent, node);
this.skip = this.node.should_skip();
this._data = data;
this.var = (this.skip ? null : x`t`) as unknown as Identifier;
}
use_space() {
return this.node.use_space();
}
set data(value: string) {
// when updating `this.data` during optimisation
// propagate the changes over to the underlying node
// so that the node.use_space reflects on the latest `data` value
this.node.data = this._data = value;
}
get data() {
return this._data;
}
render(block: Block, parent_node: Identifier, parent_nodes: Identifier) {
if (this.skip) return;
const use_space = this.use_space();
const string_literal = {
type: 'Literal',
value: this.data,
loc: {
start: this.renderer.locate(this.node.start),
end: this.renderer.locate(this.node.end)
}
};
block.add_element(
this.var,
use_space ? x`@space()` : x`@text(${string_literal})`,
parent_nodes &&
(use_space
? x`@claim_space(${parent_nodes})`
: x`@claim_text(${parent_nodes}, ${string_literal})`),
parent_node as Identifier
);
}
/** @type {import('../../nodes/Text.js').default} */
node;
/** @type {string} */
_data;
/** @type {boolean} */
skip;
/** @type {import('estree').Identifier} */
var;
/**
* @param {import('../Renderer.js').default} renderer
* @param {import('../Block.js').default} block
* @param {import('./shared/Wrapper.js').default} parent
* @param {import('../../nodes/Text.js').default} node
* @param {string} data
*/
constructor(renderer, block, parent, node, data) {
super(renderer, block, parent, node);
this.skip = this.node.should_skip();
this._data = data;
this.var = /** @type {unknown} */ /** @type {import('estree').Identifier} */ (((this.skip ? null : x `t`)));
}
use_space() {
return this.node.use_space();
}
set data(value) {
// when updating `this.data` during optimisation
// propagate the changes over to the underlying node
// so that the node.use_space reflects on the latest `data` value
this.node.data = this._data = value;
}
get data() {
return this._data;
}
/**
* @param {import('../Block.js').default} block
* @param {import('estree').Identifier} parent_node
* @param {import('estree').Identifier} parent_nodes
*/
render(block, parent_node, parent_nodes) {
if (this.skip)
return;
const use_space = this.use_space();
const string_literal = {
type: 'Literal',
value: this.data,
loc: {
start: this.renderer.locate(this.node.start),
end: this.renderer.locate(this.node.end)
}
};
block.add_element(this.var, use_space ? x `@space()` : x `@text(${string_literal})`, parent_nodes &&
(use_space
? x `@claim_space(${parent_nodes})`
: x `@claim_text(${parent_nodes}, ${string_literal})`),
/** @type {import('estree').Identifier} */ (parent_node));
}
}

Loading…
Cancel
Save