msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

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

Browse Source
pull/8569/head
Simon Holthausen 3 years ago
parent fb06ba3bae
commit 9581405e60
1 changed files with 65 additions and 72 deletions
Show Stats Download Patch File Download Diff File

137
src/compiler/compile/render_dom/wrappers/SlotTemplate.ts
Unescape View File

@ -1,86 +1,79 @@
import Wrapper from './shared/Wrapper'; import Wrapper from './shared/Wrapper.js';
import Renderer from '../Renderer'; import FragmentWrapper from './Fragment.js';
import Block from '../Block'; import create_debugging_comment from './shared/create_debugging_comment.js';
import FragmentWrapper from './Fragment'; import { get_slot_definition } from './shared/get_slot_definition.js';
import create_debugging_comment from './shared/create_debugging_comment';
import { get_slot_definition } from './shared/get_slot_definition';
import { b, x } from 'code-red'; import { b, x } from 'code-red';
import { sanitize } from '../../../utils/names'; import { sanitize } from '../../../utils/names.js';
import { Identifier } from 'estree';
import InlineComponentWrapper from './InlineComponent';
import { extract_names } from 'periscopic'; import { extract_names } from 'periscopic';
import SlotTemplate from '../../nodes/SlotTemplate'; import { add_const_tags, add_const_tags_context } from './shared/add_const_tags.js';
import { add_const_tags, add_const_tags_context } from './shared/add_const_tags';
/** @extends Wrapper */
export default class SlotTemplateWrapper extends Wrapper { export default class SlotTemplateWrapper extends Wrapper {
node: SlotTemplate;
fragment: FragmentWrapper;
block: Block;
parent: InlineComponentWrapper;
constructor( /** @type {import('../../nodes/SlotTemplate.js').default} */
renderer: Renderer, node;
block: Block,
parent: Wrapper,
node: SlotTemplate,
strip_whitespace: boolean,
next_sibling: Wrapper
) {
super(renderer, block, parent, node);
const { scope, lets, const_tags, slot_template_name } = this.node; /** @type {import('./Fragment.js').default} */
fragment;
lets.forEach((l) => { /** @type {import('../Block.js').default} */
extract_names(l.value || l.name).forEach((name) => { block;
renderer.add_to_context(name, true);
});
});
add_const_tags_context(renderer, const_tags); /** @type {import('./InlineComponent.js').default} */
parent;
this.block = block.child({ /**
comment: create_debugging_comment(this.node, this.renderer.component), * @param {import('../Renderer.js').default} renderer
name: this.renderer.component.get_unique_name(`create_${sanitize(slot_template_name)}_slot`), * @param {import('../Block.js').default} block
type: 'slot' * @param {import('./shared/Wrapper.js').default} parent
}); * @param {import('../../nodes/SlotTemplate.js').default} node
this.renderer.blocks.push(this.block); * @param {boolean} strip_whitespace
* @param {import('./shared/Wrapper.js').default} next_sibling
const seen = new Set(lets.map((l) => l.name.name)); */
this.parent.node.lets.forEach((l) => { constructor(renderer, block, parent, node, strip_whitespace, next_sibling) {
if (!seen.has(l.name.name)) lets.push(l); super(renderer, block, parent, node);
}); const { scope, lets, const_tags, slot_template_name } = this.node;
lets.forEach((l) => {
this.parent.set_slot(slot_template_name, get_slot_definition(this.block, scope, lets)); extract_names(l.value || l.name).forEach((name) => {
renderer.add_to_context(name, true);
this.fragment = new FragmentWrapper( });
renderer, });
this.block, add_const_tags_context(renderer, const_tags);
node.type === 'SlotTemplate' ? node.children : [node], this.block = block.child({
this, comment: create_debugging_comment(this.node, this.renderer.component),
strip_whitespace, name: this.renderer.component.get_unique_name(`create_${sanitize(slot_template_name)}_slot`),
next_sibling type: 'slot'
); });
this.renderer.blocks.push(this.block);
this.block.parent.add_dependencies(this.block.dependencies); const seen = new Set(lets.map((l) => l.name.name));
} this.parent.node.lets.forEach((l) => {
if (!seen.has(l.name.name))
render() { lets.push(l);
this.fragment.render(this.block, null, x`#nodes` as Identifier); });
this.parent.set_slot(slot_template_name, get_slot_definition(this.block, scope, lets));
if (this.node.const_tags.length > 0) { this.fragment = new FragmentWrapper(renderer, this.block, node.type === 'SlotTemplate' ? node.children : [node], this, strip_whitespace, next_sibling);
this.render_get_context(); this.block.parent.add_dependencies(this.block.dependencies);
} }
} render() {
render_get_context() { this.fragment.render(this.block, null, /** @type {import('estree').Identifier} */ (x `#nodes`));
const get_context = this.block.renderer.component.get_unique_name('get_context'); if (this.node.const_tags.length > 0) {
this.block.renderer.blocks.push(b` this.render_get_context();
}
}
render_get_context() {
const get_context = this.block.renderer.component.get_unique_name('get_context');
this.block.renderer.blocks.push(b `
function ${get_context}(#ctx) { function ${get_context}(#ctx) {
${add_const_tags(this.block, this.node.const_tags, '#ctx')} ${add_const_tags(this.block, this.node.const_tags, '#ctx')}
} }
`); `);
this.block.chunks.declarations.push(b`${get_context}(#ctx)`); this.block.chunks.declarations.push(b `${get_context}(#ctx)`);
if (this.block.has_update_method) { if (this.block.has_update_method) {
this.block.chunks.update.unshift(b`${get_context}(#ctx)`); this.block.chunks.update.unshift(b `${get_context}(#ctx)`);
} }
} }
} }

Write Preview
Loading…
Cancel
Save