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

Merge pull request #559 from sveltejs/simpler-codegen

Browse Source 
Simpler codegen
pull/563/head
Rich Harris 8 years ago committed by GitHub
parent c71cb29d39 d8364f6e0a
commit 3a7f7e29c2
19 changed files with 173 additions and 301 deletions
Show Stats Download Patch File Download Diff File

188
src/generators/dom/index.js
Unescape View File

@ -19,9 +19,7 @@ class DomGenerator extends Generator {
this.readonly = new Set(); this.readonly = new Set();
// initial values for e.g. window.innerWidth, if there's a <:Window> meta tag // initial values for e.g. window.innerWidth, if there's a <:Window> meta tag
this.builders = { this.metaBindings = [];
metaBindings: new CodeBuilder()
};
} }
helper ( name ) { helper ( name ) {
@ -57,21 +55,9 @@ export default function dom ( parsed, source, options ) {
const builders = { const builders = {
main: new CodeBuilder(), main: new CodeBuilder(),
init: new CodeBuilder(),
_set: new CodeBuilder() _set: new CodeBuilder()
}; };
if ( options.dev ) {
builders._set.addBlock( deindent`
if ( typeof newState !== 'object' ) {
throw new Error( 'Component .set was called without an object of data key-values to update.' );
}
`);
}
builders._set.addLine( 'var oldState = this._state;' );
builders._set.addLine( `this._state = ${generator.helper( 'assign' )}( {}, oldState, newState );` );
if ( computations.length ) { if ( computations.length ) {
const builder = new CodeBuilder(); const builder = new CodeBuilder();
const differs = generator.helper( 'differs' ); const differs = generator.helper( 'differs' );
@ -97,19 +83,26 @@ export default function dom ( parsed, source, options ) {
` ); ` );
} }
if ( options.dev ) { builders._set.addBlock( deindent`
Array.from( generator.readonly ).forEach( prop => { ${options.dev && deindent`
builders._set.addLine( `if ( '${prop}' in newState && !this._updatingReadonlyProperty ) throw new Error( "Cannot set read-only property '${prop}'" );` ); if ( typeof newState !== 'object' ) {
}); throw new Error( 'Component .set was called without an object of data key-values to update.' );
} }
if ( computations.length ) {
builders._set.addLine( `${generator.alias( 'recompute' )}( this._state, newState, oldState, false )` );
}
builders._set.addLine( `${generator.helper( 'dispatchObservers' )}( this, this._observers.pre, newState, oldState );` ); ${Array.from( generator.readonly ).map( prop =>
if ( block.hasUpdateMethod ) builders._set.addLine( `if ( this._fragment ) this._fragment.update( newState, this._state );` ); // TODO is the condition necessary? `if ( '${prop}' in newState && !this._updatingReadonlyProperty ) throw new Error( "Cannot set read-only property '${prop}'" );`
builders._set.addLine( `${generator.helper( 'dispatchObservers' )}( this, this._observers.post, newState, oldState );` ); )}
`}
var oldState = this._state;
this._state = ${generator.helper( 'assign' )}( {}, oldState, newState );
${computations.length && `${generator.alias( 'recompute' )}( this._state, newState, oldState, false )`}
${generator.helper( 'dispatchObservers' )}( this, this._observers.pre, newState, oldState );
${block.hasUpdateMethod && `this._fragment.update( newState, this._state );`}
${generator.helper( 'dispatchObservers' )}( this, this._observers.post, newState, oldState );
${generator.hasComplexBindings && `while ( this._bindings.length ) this._bindings.pop()();`}
${( generator.hasComponents || generator.hasIntroTransitions ) && `this._flush();`}
` );
if ( hasJs ) { if ( hasJs ) {
builders.main.addBlock( `[✂${parsed.js.content.start}-${parsed.js.content.end}✂]` ); builders.main.addBlock( `[✂${parsed.js.content.start}-${parsed.js.content.end}✂]` );
@ -130,104 +123,6 @@ export default function dom ( parsed, source, options ) {
builders.main.addBlock( block.render() ); builders.main.addBlock( block.render() );
}); });
builders.init.addLine( `this._torndown = false;` );
if ( parsed.css && options.css !== false ) {
builders.init.addLine( `if ( !document.getElementById( ${JSON.stringify( generator.cssId + '-style' )} ) ) ${generator.alias( 'add_css' )}();` );
}
if ( generator.hasComponents || generator.hasIntroTransitions ) {
builders.init.addLine( `this._renderHooks = [];` );
}
if ( generator.hasComplexBindings ) {
builders.init.addBlock( deindent`
this._bindings = [];
this._fragment = ${generator.alias( 'create_main_fragment' )}( this._state, this );
if ( options.target ) this._fragment.mount( options.target, null );
while ( this._bindings.length ) this._bindings.pop()();
` );
builders._set.addLine( `while ( this._bindings.length ) this._bindings.pop()();` );
} else {
builders.init.addBlock( deindent`
this._fragment = ${generator.alias( 'create_main_fragment' )}( this._state, this );
if ( options.target ) this._fragment.mount( options.target, null );
` );
}
if ( generator.hasComponents || generator.hasIntroTransitions ) {
const statement = `this._flush();`;
builders.init.addBlock( statement );
builders._set.addBlock( statement );
}
if ( templateProperties.oncreate ) {
builders.init.addBlock( deindent`
if ( options._root ) {
options._root._renderHooks.push( ${generator.alias( 'template' )}.oncreate.bind( this ) );
} else {
${generator.alias( 'template' )}.oncreate.call( this );
}
` );
}
const constructorBlock = new CodeBuilder();
constructorBlock.addLine( `options = options || {};` );
if ( generator.usesRefs ) constructorBlock.addLine( `this.refs = {};` );
constructorBlock.addLine(
`this._state = ${templateProperties.data ? `${generator.helper( 'assign' )}( ${generator.alias( 'template' )}.data(), options.data )` : `options.data || {}`};`
);
if ( !generator.builders.metaBindings.isEmpty() ) {
constructorBlock.addBlock( generator.builders.metaBindings );
}
if ( computations.length ) {
constructorBlock.addLine(
`${generator.alias( 'recompute' )}( this._state, this._state, {}, true );`
);
}
if ( options.dev ) {
generator.expectedProperties.forEach( prop => {
constructorBlock.addLine(
`if ( !( '${prop}' in this._state ) ) console.warn( "Component was created without expected data property '${prop}'" );`
);
});
constructorBlock.addBlock(
`if ( !options.target && !options._root ) throw new Error( "'target' is a required option" );`
);
}
if ( generator.bindingGroups.length ) {
constructorBlock.addLine( `this._bindingGroups = [ ${Array( generator.bindingGroups.length ).fill( '[]' ).join( ', ' )} ];` );
}
constructorBlock.addBlock( deindent`
this._observers = {
pre: Object.create( null ),
post: Object.create( null )
};
this._handlers = Object.create( null );
this._root = options._root || this;
this._yield = options._yield;
${builders.init}
` );
builders.main.addBlock( deindent`
function ${name} ( options ) {
${constructorBlock}
}
` );
const sharedPath = options.shared === true ? 'svelte/shared.js' : options.shared; const sharedPath = options.shared === true ? 'svelte/shared.js' : options.shared;
const prototypeBase = `${name}.prototype` + ( templateProperties.methods ? `, ${generator.alias( 'template' )}.methods` : '' ); const prototypeBase = `${name}.prototype` + ( templateProperties.methods ? `, ${generator.alias( 'template' )}.methods` : '' );
@ -240,10 +135,49 @@ export default function dom ( parsed, source, options ) {
} }
}`; }`;
builders.main.addBlock( `${generator.helper( 'assign' )}( ${prototypeBase}, ${proto});` );
// TODO deprecate component.teardown() // TODO deprecate component.teardown()
builders.main.addBlock( deindent` builders.main.addBlock( deindent`
function ${name} ( options ) {
options = options || {};
${options.dev && `if ( !options.target && !options._root ) throw new Error( "'target' is a required option" );`}
${generator.usesRefs && `this.refs = {};`}
this._state = ${templateProperties.data ? `${generator.helper( 'assign' )}( ${generator.alias( 'template' )}.data(), options.data )` : `options.data || {}`};
${generator.metaBindings}
${computations.length && `${generator.alias( 'recompute' )}( this._state, this._state, {}, true );`}
${options.dev && Array.from( generator.expectedProperties ).map( prop => `if ( !( '${prop}' in this._state ) ) console.warn( "Component was created without expected data property '${prop}'" );`)}
${generator.bindingGroups.length && `this._bindingGroups = [ ${Array( generator.bindingGroups.length ).fill( '[]' ).join( ', ' )} ];`}
this._observers = {
pre: Object.create( null ),
post: Object.create( null )
};
this._handlers = Object.create( null );
this._root = options._root || this;
this._yield = options._yield;
this._torndown = false;
${parsed.css && options.css !== false && `if ( !document.getElementById( ${JSON.stringify( generator.cssId + '-style' )} ) ) ${generator.alias( 'add_css' )}();`}
${( generator.hasComponents || generator.hasIntroTransitions ) && `this._renderHooks = [];`}
${generator.hasComplexBindings && `this._bindings = [];`}
this._fragment = ${generator.alias( 'create_main_fragment' )}( this._state, this );
if ( options.target ) this._fragment.mount( options.target, null );
${generator.hasComplexBindings && `while ( this._bindings.length ) this._bindings.pop()();`}
${( generator.hasComponents || generator.hasIntroTransitions ) && `this._flush();`}
${templateProperties.oncreate && deindent`
if ( options._root ) {
options._root._renderHooks.push( ${generator.alias( 'template' )}.oncreate.bind( this ) );
} else {
${generator.alias( 'template' )}.oncreate.call( this );
}
`}
}
${generator.helper( 'assign' )}( ${prototypeBase}, ${proto});
${name}.prototype._set = function _set ( newState ) { ${name}.prototype._set = function _set ( newState ) {
${builders._set} ${builders._set}
}; };

37
src/generators/dom/visitors/EachBlock.js
Unescape View File

@ -1,4 +1,3 @@
import CodeBuilder from '../../../utils/CodeBuilder.js';
import deindent from '../../../utils/deindent.js'; import deindent from '../../../utils/deindent.js';
import visit from '../visit.js'; import visit from '../visit.js';
@ -119,24 +118,13 @@ function keyed ( generator, block, state, node, snippet, { each_block, create_ea
const iteration = block.getUniqueName( `${each_block}_iteration` ); const iteration = block.getUniqueName( `${each_block}_iteration` );
const _iterations = block.getUniqueName( `_${each_block}_iterations` ); const _iterations = block.getUniqueName( `_${each_block}_iterations` );
block.builders.create.addLine( `var ${lookup} = Object.create( null );` );
const create = new CodeBuilder();
create.addBlock( deindent`
var ${key} = ${each_block_value}[${i}].${node.key};
${iterations}[${i}] = ${lookup}[ ${key} ] = ${create_each_block}( ${params}, ${each_block_value}, ${each_block_value}[${i}], ${i}, ${block.component}, ${key} );
` );
if ( state.parentNode ) {
create.addLine(
`${iterations}[${i}].${mountOrIntro}( ${state.parentNode}, null );`
);
}
block.builders.create.addBlock( deindent` block.builders.create.addBlock( deindent`
var ${lookup} = Object.create( null );
for ( var ${i} = 0; ${i} < ${each_block_value}.length; ${i} += 1 ) { for ( var ${i} = 0; ${i} < ${each_block_value}.length; ${i} += 1 ) {
${create} var ${key} = ${each_block_value}[${i}].${node.key};
${iterations}[${i}] = ${lookup}[ ${key} ] = ${create_each_block}( ${params}, ${each_block_value}, ${each_block_value}[${i}], ${i}, ${block.component}, ${key} );
${state.parentNode && `${iterations}[${i}].${mountOrIntro}( ${state.parentNode}, null );`}
} }
` ); ` );
@ -206,21 +194,10 @@ function keyed ( generator, block, state, node, snippet, { each_block, create_ea
} }
function unkeyed ( generator, block, state, node, snippet, { create_each_block, each_block_value, iterations, i, params, anchor, mountOrIntro } ) { function unkeyed ( generator, block, state, node, snippet, { create_each_block, each_block_value, iterations, i, params, anchor, mountOrIntro } ) {
const create = new CodeBuilder();
create.addLine(
`${iterations}[${i}] = ${create_each_block}( ${params}, ${each_block_value}, ${each_block_value}[${i}], ${i}, ${block.component} );`
);
if ( state.parentNode ) {
create.addLine(
`${iterations}[${i}].${mountOrIntro}( ${state.parentNode}, null );`
);
}
block.builders.create.addBlock( deindent` block.builders.create.addBlock( deindent`
for ( var ${i} = 0; ${i} < ${each_block_value}.length; ${i} += 1 ) { for ( var ${i} = 0; ${i} < ${each_block_value}.length; ${i} += 1 ) {
${create} ${iterations}[${i}] = ${create_each_block}( ${params}, ${each_block_value}, ${each_block_value}[${i}], ${i}, ${block.component} );
${state.parentNode && `${iterations}[${i}].${mountOrIntro}( ${state.parentNode}, null );`}
} }
` ); ` );

18
src/generators/dom/visitors/Element/EventHandler.js
Unescape View File

@ -1,5 +1,4 @@
import deindent from '../../../../utils/deindent.js'; import deindent from '../../../../utils/deindent.js';
import CodeBuilder from '../../../../utils/CodeBuilder.js';
import flattenReference from '../../../../utils/flattenReference.js'; import flattenReference from '../../../../utils/flattenReference.js';
export default function visitEventHandler ( generator, block, state, node, attribute ) { export default function visitEventHandler ( generator, block, state, node, attribute ) {
@ -49,18 +48,11 @@ export default function visitEventHandler ( generator, block, state, node, attri
block.getUniqueName( `${name}_handler` ); block.getUniqueName( `${name}_handler` );
// create the handler body // create the handler body
const handlerBody = new CodeBuilder(); const handlerBody = deindent`
${state.usesComponent && `var ${block.component} = this._svelte.component;`}
if ( state.usesComponent ) { ${declarations}
// TODO the element needs to know to create `thing._svelte = { component: component }` [✂${attribute.expression.start}-${attribute.expression.end}✂];
handlerBody.addLine( `var ${block.component} = this._svelte.component;` ); `;
}
declarations.forEach( declaration => {
handlerBody.addLine( declaration );
});
handlerBody.addLine( `[✂${attribute.expression.start}-${attribute.expression.end}✂];` );
const handler = isCustomEvent ? const handler = isCustomEvent ?
deindent` deindent`

27
src/generators/dom/visitors/Element/meta/Window.js
Unescape View File

@ -1,6 +1,5 @@
import flattenReference from '../../../../../utils/flattenReference.js'; import flattenReference from '../../../../../utils/flattenReference.js';
import deindent from '../../../../../utils/deindent.js'; import deindent from '../../../../../utils/deindent.js';
import CodeBuilder from '../../../../../utils/CodeBuilder.js';
const associatedEvents = { const associatedEvents = {
innerWidth: 'resize', innerWidth: 'resize',
@ -43,8 +42,10 @@ export default function visitWindow ( generator, block, node ) {
} }
const handlerName = block.getUniqueName( `onwindow${attribute.name}` ); const handlerName = block.getUniqueName( `onwindow${attribute.name}` );
const handlerBody = ( usesState ? `var state = ${block.component}.get();\n` : '' ) + const handlerBody = deindent`
`[✂${attribute.expression.start}-${attribute.expression.end}✂];`; ${usesState && `var state = ${block.component}.get();`}
[✂${attribute.expression.start}-${attribute.expression.end}✂];
`;
block.builders.create.addBlock( deindent` block.builders.create.addBlock( deindent`
function ${handlerName} ( event ) { function ${handlerName} ( event ) {
@ -84,7 +85,7 @@ export default function visitWindow ( generator, block, node ) {
events[ associatedEvent ].push( `${attribute.value.name}: this.${attribute.name}` ); events[ associatedEvent ].push( `${attribute.value.name}: this.${attribute.name}` );
// add initial value // add initial value
generator.builders.metaBindings.addLine( generator.metaBindings.push(
`this._state.${attribute.value.name} = window.${attribute.name};` `this._state.${attribute.value.name} = window.${attribute.name};`
); );
} }
@ -96,25 +97,21 @@ export default function visitWindow ( generator, block, node ) {
const handlerName = block.getUniqueName( `onwindow${event}` ); const handlerName = block.getUniqueName( `onwindow${event}` );
const props = events[ event ].join( ',\n' ); const props = events[ event ].join( ',\n' );
const handlerBody = new CodeBuilder();
if ( event === 'scroll' ) { // TODO other bidirectional bindings... if ( event === 'scroll' ) { // TODO other bidirectional bindings...
block.addVariable( lock, 'false' ); block.addVariable( lock, 'false' );
handlerBody.addLine( `${lock} = true;` );
} }
if ( generator.options.dev ) handlerBody.addLine( `component._updatingReadonlyProperty = true;` ); const handlerBody = deindent`
${event === 'scroll' && `${lock} = true;`}
${generator.options.dev && `component._updatingReadonlyProperty = true;`}
handlerBody.addBlock( deindent`
${block.component}.set({ ${block.component}.set({
${props} ${props}
}); });
` );
if ( generator.options.dev ) handlerBody.addLine( `component._updatingReadonlyProperty = false;` );
if ( event === 'scroll' ) { ${generator.options.dev && `component._updatingReadonlyProperty = false;`}
handlerBody.addLine( `${lock} = false;` ); ${event === 'scroll' && `${lock} = false;`}
} `;
block.builders.create.addBlock( deindent` block.builders.create.addBlock( deindent`
function ${handlerName} ( event ) { function ${handlerName} ( event ) {
@ -166,7 +163,7 @@ export default function visitWindow ( generator, block, node ) {
` ); ` );
// add initial value // add initial value
generator.builders.metaBindings.addLine( generator.metaBindings.push(
`this._state.${bindings.online} = navigator.onLine;` `this._state.${bindings.online} = navigator.onLine;`
); );

147
src/generators/server-side-rendering/index.js
Unescape View File

@ -1,5 +1,4 @@
import deindent from '../../utils/deindent.js'; import deindent from '../../utils/deindent.js';
import CodeBuilder from '../../utils/CodeBuilder.js';
import Generator from '../Generator.js'; import Generator from '../Generator.js';
import Block from './Block.js'; import Block from './Block.js';
import visit from './visit.js'; import visit from './visit.js';
@ -24,13 +23,6 @@ export default function ssr ( parsed, source, options ) {
const { computations, hasJs, templateProperties } = generator.parseJs( true ); const { computations, hasJs, templateProperties } = generator.parseJs( true );
const builders = {
main: new CodeBuilder(),
bindings: new CodeBuilder(),
render: new CodeBuilder(),
renderCss: new CodeBuilder()
};
// create main render() function // create main render() function
const mainBlock = new Block({ const mainBlock = new Block({
generator, generator,
@ -43,84 +35,9 @@ export default function ssr ( parsed, source, options ) {
visit( generator, mainBlock, node ); visit( generator, mainBlock, node );
}); });
builders.render.addLine( const result = deindent`
templateProperties.data ? `state = Object.assign( ${generator.alias( 'template' )}.data(), state || {} );` : `state = state || {};` ${hasJs && `[✂${parsed.js.content.start}-${parsed.js.content.end}✂]`}
);
computations.forEach( ({ key, deps }) => {
builders.render.addLine(
`state.${key} = ${generator.alias( 'template' )}.computed.${key}( ${deps.map( dep => `state.${dep}` ).join( ', ' )} );`
);
});
if ( generator.bindings.length ) {
const bindings = generator.bindings.join( '\n\n' );
builders.render.addBlock( deindent`
var settled = false;
var tmp;
while ( !settled ) {
settled = true;
${bindings}
}
` );
}
builders.render.addBlock(
`return \`${generator.renderCode}\`;`
);
// create renderCss() function
builders.renderCss.addBlock(
`var components = [];`
);
if ( generator.css ) {
builders.renderCss.addBlock( deindent`
components.push({
filename: ${name}.filename,
css: ${JSON.stringify( generator.css )},
map: null // TODO
});
` );
}
if ( templateProperties.components ) {
builders.renderCss.addBlock( deindent`
var seen = {};
function addComponent ( component ) {
var result = component.renderCss();
result.components.forEach( x => {
if ( seen[ x.filename ] ) return;
seen[ x.filename ] = true;
components.push( x );
});
}
` );
templateProperties.components.value.properties.forEach( prop => {
const { name } = prop.key;
const expression = generator.importedComponents.get( name ) || `${generator.alias( 'template' )}.components.${name}`;
builders.renderCss.addLine( `addComponent( ${expression} );` );
});
}
builders.renderCss.addBlock( deindent`
return {
css: components.map( x => x.css ).join( '\\n' ),
map: null,
components
};
` );
if ( hasJs ) {
builders.main.addBlock( `[✂${parsed.js.content.start}-${parsed.js.content.end}✂]` );
}
builders.main.addBlock( deindent`
var ${name} = {}; var ${name} = {};
${name}.filename = ${JSON.stringify( options.filename )}; ${name}.filename = ${JSON.stringify( options.filename )};
@ -130,11 +47,63 @@ export default function ssr ( parsed, source, options ) {
}; };
${name}.render = function ( state, options ) { ${name}.render = function ( state, options ) {
${builders.render} ${templateProperties.data ? `state = Object.assign( ${generator.alias( 'template' )}.data(), state || {} );` : `state = state || {};`}
${computations.map( ({ key, deps }) =>
`state.${key} = ${generator.alias( 'template' )}.computed.${key}( ${deps.map( dep => `state.${dep}` ).join( ', ' )} );`
)}
${generator.bindings.length && deindent`
var settled = false;
var tmp;
while ( !settled ) {
settled = true;
${generator.bindings.join( '\n\n' )}
}
`}
return \`${generator.renderCode}\`;
}; };
${name}.renderCss = function () { ${name}.renderCss = function () {
${builders.renderCss} var components = [];
${generator.css && deindent`
components.push({
filename: ${name}.filename,
css: ${JSON.stringify( generator.css )},
map: null // TODO
});
`}
${templateProperties.components && deindent`
var seen = {};
function addComponent ( component ) {
var result = component.renderCss();
result.components.forEach( x => {
if ( seen[ x.filename ] ) return;
seen[ x.filename ] = true;
components.push( x );
});
}
${
templateProperties.components.value.properties.map( prop => {
const { name } = prop.key;
const expression = generator.importedComponents.get( name ) || `${generator.alias( 'template' )}.components.${name}`;
return `addComponent( ${expression} );`;
})
}
`}
return {
css: components.map( x => x.css ).join( '\\n' ),
map: null,
components
};
}; };
var escaped = { var escaped = {
@ -148,9 +117,7 @@ export default function ssr ( parsed, source, options ) {
function __escape ( html ) { function __escape ( html ) {
return String( html ).replace( /["'&<>]/g, match => escaped[ match ] ); return String( html ).replace( /["'&<>]/g, match => escaped[ match ] );
} }
` ); `;
const result = builders.main.toString();
return generator.generate( result, options, { name, format } ); return generator.generate( result, options, { name, format } );
} }

9
src/utils/CodeBuilder.js
Unescape View File

@ -2,11 +2,12 @@ const LINE = {};
const BLOCK = {}; const BLOCK = {};
export default class CodeBuilder { export default class CodeBuilder {
constructor () { constructor ( str = '' ) {
this.result = ''; this.result = str;
this.first = null; const initial = str ? ( /\n/.test( str ) ? BLOCK : LINE ) : null;
this.last = null; this.first = initial;
this.last = initial;
this.lastCondition = null; this.lastCondition = null;
} }

6
src/utils/deindent.js
Unescape View File

@ -9,9 +9,13 @@ export default function deindent ( strings, ...values ) {
let trailingIndentation = getTrailingIndentation( result ); let trailingIndentation = getTrailingIndentation( result );
for ( let i = 1; i < strings.length; i += 1 ) { for ( let i = 1; i < strings.length; i += 1 ) {
const expression = values[ i - 1 ]; let expression = values[ i - 1 ];
const string = strings[i].replace( pattern, '' ); const string = strings[i].replace( pattern, '' );
if ( Array.isArray( expression ) ) {
expression = expression.length ? expression.join( '\n' ) : null;
}
if ( expression || expression === '' ) { if ( expression || expression === '' ) {
const value = String( expression ).replace( /\n/g, `\n${trailingIndentation}` ); const value = String( expression ).replace( /\n/g, `\n${trailingIndentation}` );
result += value + string; result += value + string;

4
test/js/samples/collapses-text-around-comments/expected.js
Unescape View File

@ -69,7 +69,7 @@ SvelteComponent.prototype._set = function _set ( newState ) {
var oldState = this._state; var oldState = this._state;
this._state = assign( {}, oldState, newState ); this._state = assign( {}, oldState, newState );
dispatchObservers( this, this._observers.pre, newState, oldState ); dispatchObservers( this, this._observers.pre, newState, oldState );
if ( this._fragment ) this._fragment.update( newState, this._state ); this._fragment.update( newState, this._state );
dispatchObservers( this, this._observers.post, newState, oldState ); dispatchObservers( this, this._observers.post, newState, oldState );
}; };
@ -83,4 +83,4 @@ SvelteComponent.prototype.teardown = SvelteComponent.prototype.destroy = functio
this._torndown = true; this._torndown = true;
}; };
export default SvelteComponent; export default SvelteComponent;

4
test/js/samples/each-block-changed-check/expected.js
Unescape View File

@ -145,7 +145,7 @@ SvelteComponent.prototype._set = function _set ( newState ) {
var oldState = this._state; var oldState = this._state;
this._state = assign( {}, oldState, newState ); this._state = assign( {}, oldState, newState );
dispatchObservers( this, this._observers.pre, newState, oldState ); dispatchObservers( this, this._observers.pre, newState, oldState );
if ( this._fragment ) this._fragment.update( newState, this._state ); this._fragment.update( newState, this._state );
dispatchObservers( this, this._observers.post, newState, oldState ); dispatchObservers( this, this._observers.post, newState, oldState );
}; };
@ -159,4 +159,4 @@ SvelteComponent.prototype.teardown = SvelteComponent.prototype.destroy = functio
this._torndown = true; this._torndown = true;
}; };
export default SvelteComponent; export default SvelteComponent;

2
test/js/samples/if-block-no-update/expected.js
Unescape View File

@ -95,7 +95,7 @@ SvelteComponent.prototype._set = function _set ( newState ) {
var oldState = this._state; var oldState = this._state;
this._state = assign( {}, oldState, newState ); this._state = assign( {}, oldState, newState );
dispatchObservers( this, this._observers.pre, newState, oldState ); dispatchObservers( this, this._observers.pre, newState, oldState );
if ( this._fragment ) this._fragment.update( newState, this._state ); this._fragment.update( newState, this._state );
dispatchObservers( this, this._observers.post, newState, oldState ); dispatchObservers( this, this._observers.post, newState, oldState );
}; };

4
test/js/samples/if-block-simple/expected.js
Unescape View File

@ -76,7 +76,7 @@ SvelteComponent.prototype._set = function _set ( newState ) {
var oldState = this._state; var oldState = this._state;
this._state = assign( {}, oldState, newState ); this._state = assign( {}, oldState, newState );
dispatchObservers( this, this._observers.pre, newState, oldState ); dispatchObservers( this, this._observers.pre, newState, oldState );
if ( this._fragment ) this._fragment.update( newState, this._state ); this._fragment.update( newState, this._state );
dispatchObservers( this, this._observers.post, newState, oldState ); dispatchObservers( this, this._observers.post, newState, oldState );
}; };
@ -90,4 +90,4 @@ SvelteComponent.prototype.teardown = SvelteComponent.prototype.destroy = functio
this._torndown = true; this._torndown = true;
}; };
export default SvelteComponent; export default SvelteComponent;

4
test/js/samples/use-elements-as-anchors/expected.js
Unescape View File

@ -226,7 +226,7 @@ SvelteComponent.prototype._set = function _set ( newState ) {
var oldState = this._state; var oldState = this._state;
this._state = assign( {}, oldState, newState ); this._state = assign( {}, oldState, newState );
dispatchObservers( this, this._observers.pre, newState, oldState ); dispatchObservers( this, this._observers.pre, newState, oldState );
if ( this._fragment ) this._fragment.update( newState, this._state ); this._fragment.update( newState, this._state );
dispatchObservers( this, this._observers.post, newState, oldState ); dispatchObservers( this, this._observers.post, newState, oldState );
}; };
@ -240,4 +240,4 @@ SvelteComponent.prototype.teardown = SvelteComponent.prototype.destroy = functio
this._torndown = true; this._torndown = true;
}; };
export default SvelteComponent; export default SvelteComponent;

2
test/server-side-rendering/samples/comment/_actual.html
Unescape View File

@ -1,3 +1,3 @@
<p>before</p> <p>before</p>
<p>after</p> <p>after</p>

6
test/server-side-rendering/samples/component-data-dynamic/_actual.html
Unescape View File

@ -1,4 +1,4 @@
<div><p>foo: lol</p> <div><p>foo: lol</p>
<p>baz: 42 (number)</p> <p>baz: 42 (number)</p>
<p>qux: this is a piece of string</p> <p>qux: this is a piece of string</p>
<p>quux: core</p></div> <p>quux: core</p></div>

2
test/server-side-rendering/samples/component-data-static/_actual.html
Unescape View File

@ -1,2 +1,2 @@
<div><p>foo: bar</p> <div><p>foo: bar</p>
<p>baz: 42 (number)</p></div> <p>baz: 42 (number)</p></div>

2
test/server-side-rendering/samples/computed/_actual.html
Unescape View File

@ -1,2 +1,2 @@
<p>1 + 2 = 3</p> <p>1 + 2 = 3</p>
<p>3 * 3 = 9</p> <p>3 * 3 = 9</p>

2
test/server-side-rendering/samples/empty-elements-closed/_actual.html
Unescape View File

@ -1,2 +1,2 @@
<a></a> <a></a>
<p></p> <p></p>

2
test/server-side-rendering/samples/import-non-component/_actual.html
Unescape View File

@ -1,2 +1,2 @@
<div>i got 99 problems</div> <div>i got 99 problems</div>
<div>the answer is 42</div> <div>the answer is 42</div>

8
test/server-side-rendering/samples/styles-nested/_actual.html
Unescape View File

@ -1,5 +1,5 @@
<div svelte-4188175681>red</div> <div svelte-4188175681>red</div>
<div svelte-146600313>green: foo</div> <div svelte-146600313>green: foo</div>
<div svelte-1506185237>blue: foo</div> <div svelte-1506185237>blue: foo</div>
<div svelte-146600313>green: bar</div> <div svelte-146600313>green: bar</div>
<div svelte-1506185237>blue: bar</div> <div svelte-1506185237>blue: bar</div>
Write Preview
Loading…
Cancel
Save