mirror of https://github.com/sveltejs/svelte
Rich Harris
9 years ago
committed by
GitHub
commit
ec709cb490
@ -1,3 +1,5 @@
|
|||||||
src/shared
|
src/shared
|
||||||
shared.js
|
shared.js
|
||||||
test/test.js
|
test/test.js
|
||||||
|
**/_actual.js
|
||||||
|
**/expected.js
|
||||||
@ -1,4 +0,0 @@
|
|||||||
export default function findBlock ( fragment ) {
|
|
||||||
while ( fragment.type !== 'block' ) fragment = fragment.parent;
|
|
||||||
return fragment;
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
import CodeBuilder from '../../../utils/CodeBuilder.js';
|
|
||||||
|
|
||||||
export default function getBuilders () {
|
|
||||||
return {
|
|
||||||
init: new CodeBuilder(),
|
|
||||||
mount: new CodeBuilder(),
|
|
||||||
update: new CodeBuilder(),
|
|
||||||
detach: new CodeBuilder(),
|
|
||||||
detachRaw: new CodeBuilder(),
|
|
||||||
teardown: new CodeBuilder()
|
|
||||||
};
|
|
||||||
}
|
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
import visitors from './visitors/index.js';
|
||||||
|
|
||||||
|
export default function visit ( generator, block, state, node ) {
|
||||||
|
const visitor = visitors[ node.type ];
|
||||||
|
visitor( generator, block, state, node );
|
||||||
|
}
|
||||||
@ -1,3 +1,3 @@
|
|||||||
export default {
|
export default function visitComment () {
|
||||||
// do nothing
|
// do nothing
|
||||||
};
|
}
|
||||||
|
|||||||
@ -1,223 +1,220 @@
|
|||||||
import CodeBuilder from '../../../utils/CodeBuilder.js';
|
import CodeBuilder from '../../../utils/CodeBuilder.js';
|
||||||
import deindent from '../../../utils/deindent.js';
|
import deindent from '../../../utils/deindent.js';
|
||||||
import getBuilders from '../utils/getBuilders.js';
|
import visit from '../visit.js';
|
||||||
|
|
||||||
export default {
|
export default function visitEachBlock ( generator, block, state, node ) {
|
||||||
enter ( generator, node ) {
|
const name = generator.getUniqueName( `each_block` );
|
||||||
const name = generator.getUniqueName( `each_block` );
|
const renderer = generator.getUniqueName( `create_each_block` );
|
||||||
const renderer = generator.getUniqueName( `render_each_block` );
|
const elseName = generator.getUniqueName( `${name}_else` );
|
||||||
const elseName = generator.getUniqueName( `${name}_else` );
|
const renderElse = generator.getUniqueName( `${renderer}_else` );
|
||||||
const renderElse = generator.getUniqueName( `${renderer}_else` );
|
const i = block.getUniqueName( `i` );
|
||||||
const i = generator.current.getUniqueName( `i` );
|
const params = block.params.join( ', ' );
|
||||||
const params = generator.current.params.join( ', ' );
|
|
||||||
|
|
||||||
const listName = generator.current.getUniqueName( `${name}_value` );
|
const listName = block.getUniqueName( `${name}_value` );
|
||||||
|
|
||||||
const isToplevel = generator.current.localElementDepth === 0;
|
const isToplevel = !state.parentNode;
|
||||||
|
|
||||||
generator.addSourcemapLocations( node.expression );
|
const { dependencies, snippet } = generator.contextualise( block, node.expression );
|
||||||
|
|
||||||
const { dependencies, snippet } = generator.contextualise( node.expression );
|
const anchor = block.getUniqueName( `${name}_anchor` );
|
||||||
|
block.createAnchor( anchor, state.parentNode );
|
||||||
|
|
||||||
const anchor = generator.current.getUniqueName( `${name}_anchor` );
|
const localVars = {};
|
||||||
generator.createAnchor( anchor );
|
|
||||||
|
|
||||||
const localVars = {};
|
localVars.iteration = block.getUniqueName( `${name}_iteration` );
|
||||||
|
localVars.iterations = block.getUniqueName( `${name}_iterations` );
|
||||||
|
localVars._iterations = block.getUniqueName( `_${name}_iterations` );
|
||||||
|
localVars.lookup = block.getUniqueName( `${name}_lookup` );
|
||||||
|
localVars._lookup = block.getUniqueName( `_${name}_lookup` );
|
||||||
|
|
||||||
localVars.iteration = generator.current.getUniqueName( `${name}_iteration` );
|
block.builders.create.addLine( `var ${listName} = ${snippet};` );
|
||||||
localVars.iterations = generator.current.getUniqueName( `${name}_iterations` );
|
block.builders.create.addLine( `var ${localVars.iterations} = [];` );
|
||||||
localVars._iterations = generator.current.getUniqueName( `_${name}_iterations` );
|
if ( node.key ) block.builders.create.addLine( `var ${localVars.lookup} = Object.create( null );` );
|
||||||
localVars.lookup = generator.current.getUniqueName( `${name}_lookup` );
|
if ( node.else ) block.builders.create.addLine( `var ${elseName} = null;` );
|
||||||
localVars._lookup = generator.current.getUniqueName( `_${name}_lookup` );
|
|
||||||
|
|
||||||
generator.current.builders.init.addLine( `var ${listName} = ${snippet};` );
|
const initialRender = new CodeBuilder();
|
||||||
generator.current.builders.init.addLine( `var ${localVars.iterations} = [];` );
|
|
||||||
if ( node.key ) generator.current.builders.init.addLine( `var ${localVars.lookup} = Object.create( null );` );
|
|
||||||
if ( node.else ) generator.current.builders.init.addLine( `var ${elseName} = null;` );
|
|
||||||
|
|
||||||
const initialRender = new CodeBuilder();
|
if ( node.key ) {
|
||||||
|
localVars.fragment = block.getUniqueName( 'fragment' );
|
||||||
|
localVars.value = block.getUniqueName( 'value' );
|
||||||
|
localVars.key = block.getUniqueName( 'key' );
|
||||||
|
|
||||||
if ( node.key ) {
|
initialRender.addBlock( deindent`
|
||||||
localVars.fragment = generator.current.getUniqueName( 'fragment' );
|
var ${localVars.key} = ${listName}[${i}].${node.key};
|
||||||
localVars.value = generator.current.getUniqueName( 'value' );
|
${localVars.iterations}[${i}] = ${localVars.lookup}[ ${localVars.key} ] = ${renderer}( ${params}, ${listName}, ${listName}[${i}], ${i}, ${block.component}${node.key ? `, ${localVars.key}` : `` } );
|
||||||
localVars.key = generator.current.getUniqueName( 'key' );
|
` );
|
||||||
|
} else {
|
||||||
|
initialRender.addLine(
|
||||||
|
`${localVars.iterations}[${i}] = ${renderer}( ${params}, ${listName}, ${listName}[${i}], ${i}, ${block.component} );`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
initialRender.addBlock( deindent`
|
if ( !isToplevel ) {
|
||||||
var ${localVars.key} = ${listName}[${i}].${node.key};
|
initialRender.addLine(
|
||||||
${localVars.iterations}[${i}] = ${localVars.lookup}[ ${localVars.key} ] = ${renderer}( ${params}, ${listName}, ${listName}[${i}], ${i}, ${generator.current.component}${node.key ? `, ${localVars.key}` : `` } );
|
`${localVars.iterations}[${i}].mount( ${anchor}.parentNode, ${anchor} );`
|
||||||
` );
|
);
|
||||||
} else {
|
}
|
||||||
initialRender.addLine(
|
|
||||||
`${localVars.iterations}[${i}] = ${renderer}( ${params}, ${listName}, ${listName}[${i}], ${i}, ${generator.current.component} );`
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( !isToplevel ) {
|
block.builders.create.addBlock( deindent`
|
||||||
initialRender.addLine(
|
for ( var ${i} = 0; ${i} < ${listName}.length; ${i} += 1 ) {
|
||||||
`${localVars.iterations}[${i}].mount( ${anchor}.parentNode, ${anchor} );`
|
${initialRender}
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
` );
|
||||||
|
|
||||||
generator.current.builders.init.addBlock( deindent`
|
if ( node.else ) {
|
||||||
for ( var ${i} = 0; ${i} < ${listName}.length; ${i} += 1 ) {
|
block.builders.create.addBlock( deindent`
|
||||||
${initialRender}
|
if ( !${listName}.length ) {
|
||||||
|
${elseName} = ${renderElse}( ${params}, ${block.component} );
|
||||||
|
${!isToplevel ? `${elseName}.mount( ${anchor}.parentNode, ${anchor} );` : ''}
|
||||||
}
|
}
|
||||||
` );
|
` );
|
||||||
|
}
|
||||||
|
|
||||||
|
if ( isToplevel ) {
|
||||||
|
block.builders.mount.addBlock( deindent`
|
||||||
|
for ( var ${i} = 0; ${i} < ${localVars.iterations}.length; ${i} += 1 ) {
|
||||||
|
${localVars.iterations}[${i}].mount( ${anchor}.parentNode, ${anchor} );
|
||||||
|
}
|
||||||
|
` );
|
||||||
if ( node.else ) {
|
if ( node.else ) {
|
||||||
generator.current.builders.init.addBlock( deindent`
|
block.builders.mount.addBlock( deindent`
|
||||||
if ( !${listName}.length ) {
|
if ( ${elseName} ) {
|
||||||
${elseName} = ${renderElse}( ${params}, ${generator.current.component} );
|
${elseName}.mount( ${anchor}.parentNode, ${anchor} );
|
||||||
${!isToplevel ? `${elseName}.mount( ${anchor}.parentNode, ${anchor} );` : ''}
|
|
||||||
}
|
|
||||||
` );
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( isToplevel ) {
|
|
||||||
generator.current.builders.mount.addBlock( deindent`
|
|
||||||
for ( var ${i} = 0; ${i} < ${localVars.iterations}.length; ${i} += 1 ) {
|
|
||||||
${localVars.iterations}[${i}].mount( ${anchor}.parentNode, ${anchor} );
|
|
||||||
}
|
}
|
||||||
` );
|
` );
|
||||||
if ( node.else ) {
|
|
||||||
generator.current.builders.mount.addBlock( deindent`
|
|
||||||
if ( ${elseName} ) {
|
|
||||||
${elseName}.mount( ${anchor}.parentNode, ${anchor} );
|
|
||||||
}
|
|
||||||
` );
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if ( node.key ) {
|
if ( node.key ) {
|
||||||
generator.current.builders.update.addBlock( deindent`
|
block.builders.update.addBlock( deindent`
|
||||||
var ${listName} = ${snippet};
|
var ${listName} = ${snippet};
|
||||||
var ${localVars._iterations} = [];
|
var ${localVars._iterations} = [];
|
||||||
var ${localVars._lookup} = Object.create( null );
|
var ${localVars._lookup} = Object.create( null );
|
||||||
|
|
||||||
var ${localVars.fragment} = document.createDocumentFragment();
|
var ${localVars.fragment} = document.createDocumentFragment();
|
||||||
|
|
||||||
// create new iterations as necessary
|
// create new iterations as necessary
|
||||||
for ( var ${i} = 0; ${i} < ${listName}.length; ${i} += 1 ) {
|
for ( var ${i} = 0; ${i} < ${listName}.length; ${i} += 1 ) {
|
||||||
var ${localVars.value} = ${listName}[${i}];
|
var ${localVars.value} = ${listName}[${i}];
|
||||||
var ${localVars.key} = ${localVars.value}.${node.key};
|
var ${localVars.key} = ${localVars.value}.${node.key};
|
||||||
|
|
||||||
|
if ( ${localVars.lookup}[ ${localVars.key} ] ) {
|
||||||
|
${localVars._iterations}[${i}] = ${localVars._lookup}[ ${localVars.key} ] = ${localVars.lookup}[ ${localVars.key} ];
|
||||||
|
${localVars._lookup}[ ${localVars.key} ].update( changed, ${params}, ${listName}, ${listName}[${i}], ${i} );
|
||||||
|
} else {
|
||||||
|
${localVars._iterations}[${i}] = ${localVars._lookup}[ ${localVars.key} ] = ${renderer}( ${params}, ${listName}, ${listName}[${i}], ${i}, ${block.component}${node.key ? `, ${localVars.key}` : `` } );
|
||||||
|
}
|
||||||
|
|
||||||
if ( ${localVars.lookup}[ ${localVars.key} ] ) {
|
${localVars._iterations}[${i}].mount( ${localVars.fragment}, null );
|
||||||
${localVars._iterations}[${i}] = ${localVars._lookup}[ ${localVars.key} ] = ${localVars.lookup}[ ${localVars.key} ];
|
}
|
||||||
${localVars._lookup}[ ${localVars.key} ].update( changed, ${params}, ${listName}, ${listName}[${i}], ${i} );
|
|
||||||
} else {
|
|
||||||
${localVars._iterations}[${i}] = ${localVars._lookup}[ ${localVars.key} ] = ${renderer}( ${params}, ${listName}, ${listName}[${i}], ${i}, ${generator.current.component}${node.key ? `, ${localVars.key}` : `` } );
|
|
||||||
}
|
|
||||||
|
|
||||||
${localVars._iterations}[${i}].mount( ${localVars.fragment}, null );
|
// remove old iterations
|
||||||
|
for ( var ${i} = 0; ${i} < ${localVars.iterations}.length; ${i} += 1 ) {
|
||||||
|
var ${localVars.iteration} = ${localVars.iterations}[${i}];
|
||||||
|
if ( !${localVars._lookup}[ ${localVars.iteration}.key ] ) {
|
||||||
|
${localVars.iteration}.destroy( true );
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// remove old iterations
|
${anchor}.parentNode.insertBefore( ${localVars.fragment}, ${anchor} );
|
||||||
for ( var ${i} = 0; ${i} < ${localVars.iterations}.length; ${i} += 1 ) {
|
|
||||||
var ${localVars.iteration} = ${localVars.iterations}[${i}];
|
|
||||||
if ( !${localVars._lookup}[ ${localVars.iteration}.key ] ) {
|
|
||||||
${localVars.iteration}.teardown( true );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
${anchor}.parentNode.insertBefore( ${localVars.fragment}, ${anchor} );
|
${localVars.iterations} = ${localVars._iterations};
|
||||||
|
${localVars.lookup} = ${localVars._lookup};
|
||||||
|
` );
|
||||||
|
} else {
|
||||||
|
block.builders.update.addBlock( deindent`
|
||||||
|
var ${listName} = ${snippet};
|
||||||
|
|
||||||
${localVars.iterations} = ${localVars._iterations};
|
for ( var ${i} = 0; ${i} < ${listName}.length; ${i} += 1 ) {
|
||||||
${localVars.lookup} = ${localVars._lookup};
|
if ( !${localVars.iterations}[${i}] ) {
|
||||||
` );
|
${localVars.iterations}[${i}] = ${renderer}( ${params}, ${listName}, ${listName}[${i}], ${i}, ${block.component} );
|
||||||
} else {
|
${localVars.iterations}[${i}].mount( ${anchor}.parentNode, ${anchor} );
|
||||||
generator.current.builders.update.addBlock( deindent`
|
} else {
|
||||||
var ${listName} = ${snippet};
|
${localVars.iterations}[${i}].update( changed, ${params}, ${listName}, ${listName}[${i}], ${i} );
|
||||||
|
|
||||||
for ( var ${i} = 0; ${i} < ${listName}.length; ${i} += 1 ) {
|
|
||||||
if ( !${localVars.iterations}[${i}] ) {
|
|
||||||
${localVars.iterations}[${i}] = ${renderer}( ${params}, ${listName}, ${listName}[${i}], ${i}, ${generator.current.component} );
|
|
||||||
${localVars.iterations}[${i}].mount( ${anchor}.parentNode, ${anchor} );
|
|
||||||
} else {
|
|
||||||
${localVars.iterations}[${i}].update( changed, ${params}, ${listName}, ${listName}[${i}], ${i} );
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
teardownEach( ${localVars.iterations}, true, ${listName}.length );
|
destroyEach( ${localVars.iterations}, true, ${listName}.length );
|
||||||
|
|
||||||
${localVars.iterations}.length = ${listName}.length;
|
${localVars.iterations}.length = ${listName}.length;
|
||||||
` );
|
` );
|
||||||
}
|
}
|
||||||
|
|
||||||
if ( node.else ) {
|
if ( node.else ) {
|
||||||
generator.current.builders.update.addBlock( deindent`
|
block.builders.update.addBlock( deindent`
|
||||||
if ( !${listName}.length && ${elseName} ) {
|
if ( !${listName}.length && ${elseName} ) {
|
||||||
${elseName}.update( changed, ${params} );
|
${elseName}.update( changed, ${params} );
|
||||||
} else if ( !${listName}.length ) {
|
} else if ( !${listName}.length ) {
|
||||||
${elseName} = ${renderElse}( ${params}, ${generator.current.component} );
|
${elseName} = ${renderElse}( ${params}, ${block.component} );
|
||||||
${elseName}.mount( ${anchor}.parentNode, ${anchor} );
|
${elseName}.mount( ${anchor}.parentNode, ${anchor} );
|
||||||
} else if ( ${elseName} ) {
|
} else if ( ${elseName} ) {
|
||||||
${elseName}.teardown( true );
|
${elseName}.destroy( true );
|
||||||
}
|
}
|
||||||
` );
|
` );
|
||||||
}
|
}
|
||||||
|
|
||||||
generator.current.builders.teardown.addBlock(
|
block.builders.destroy.addBlock(
|
||||||
`${generator.helper( 'teardownEach' )}( ${localVars.iterations}, ${isToplevel ? 'detach' : 'false'} );` );
|
`${generator.helper( 'destroyEach' )}( ${localVars.iterations}, ${isToplevel ? 'detach' : 'false'} );` );
|
||||||
|
|
||||||
if ( node.else ) {
|
if ( node.else ) {
|
||||||
generator.current.builders.teardown.addBlock( deindent`
|
block.builders.destroy.addBlock( deindent`
|
||||||
if ( ${elseName} ) {
|
if ( ${elseName} ) {
|
||||||
${elseName}.teardown( ${isToplevel ? 'detach' : 'false'} );
|
${elseName}.destroy( ${isToplevel ? 'detach' : 'false'} );
|
||||||
}
|
}
|
||||||
` );
|
` );
|
||||||
}
|
}
|
||||||
|
|
||||||
if ( node.else ) {
|
const indexNames = new Map( block.indexNames );
|
||||||
generator.generateBlock( node.else, renderElse, 'block' );
|
const indexName = node.index || block.getUniqueName( `${node.context}_index` );
|
||||||
}
|
indexNames.set( node.context, indexName );
|
||||||
|
|
||||||
const indexNames = new Map( generator.current.indexNames );
|
const listNames = new Map( block.listNames );
|
||||||
const indexName = node.index || generator.current.getUniqueName( `${node.context}_index` );
|
listNames.set( node.context, listName );
|
||||||
indexNames.set( node.context, indexName );
|
|
||||||
|
|
||||||
const listNames = new Map( generator.current.listNames );
|
const context = generator.getUniqueName( node.context );
|
||||||
listNames.set( node.context, listName );
|
const contexts = new Map( block.contexts );
|
||||||
|
contexts.set( node.context, context );
|
||||||
|
|
||||||
const context = generator.getUniqueName( node.context );
|
const indexes = new Map( block.indexes );
|
||||||
const contexts = new Map( generator.current.contexts );
|
if ( node.index ) indexes.set( indexName, node.context );
|
||||||
contexts.set( node.context, context );
|
|
||||||
|
|
||||||
const indexes = new Map( generator.current.indexes );
|
const contextDependencies = new Map( block.contextDependencies );
|
||||||
if ( node.index ) indexes.set( indexName, node.context );
|
contextDependencies.set( node.context, dependencies );
|
||||||
|
|
||||||
const contextDependencies = new Map( generator.current.contextDependencies );
|
const childBlock = block.child({
|
||||||
contextDependencies.set( node.context, dependencies );
|
name: renderer,
|
||||||
|
expression: node.expression,
|
||||||
|
context: node.context,
|
||||||
|
key: node.key,
|
||||||
|
|
||||||
const blockParams = generator.current.params.concat( listName, context, indexName );
|
contextDependencies,
|
||||||
|
contexts,
|
||||||
|
indexes,
|
||||||
|
|
||||||
const getUniqueName = generator.getUniqueNameMaker( blockParams );
|
indexNames,
|
||||||
|
listNames,
|
||||||
|
params: block.params.concat( listName, context, indexName )
|
||||||
|
});
|
||||||
|
|
||||||
generator.push({
|
const childState = Object.assign( {}, state, {
|
||||||
type: 'block',
|
parentNode: null
|
||||||
name: renderer,
|
});
|
||||||
target: 'target',
|
|
||||||
expression: node.expression,
|
|
||||||
context: node.context,
|
|
||||||
key: node.key,
|
|
||||||
localElementDepth: 0,
|
|
||||||
|
|
||||||
component: getUniqueName( 'component' ),
|
node.children.forEach( child => {
|
||||||
|
visit( generator, childBlock, childState, child );
|
||||||
|
});
|
||||||
|
|
||||||
contextDependencies,
|
generator.addBlock( childBlock );
|
||||||
contexts,
|
|
||||||
indexes,
|
|
||||||
|
|
||||||
indexNames,
|
if ( node.else ) {
|
||||||
listNames,
|
const childBlock = block.child({
|
||||||
params: blockParams,
|
name: renderElse
|
||||||
|
});
|
||||||
|
|
||||||
builders: getBuilders(),
|
node.else.children.forEach( child => {
|
||||||
getUniqueName,
|
visit( generator, childBlock, childState, child );
|
||||||
});
|
});
|
||||||
},
|
|
||||||
|
|
||||||
leave ( generator ) {
|
generator.addBlock( childBlock );
|
||||||
generator.addRenderer( generator.current );
|
|
||||||
generator.pop();
|
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
@ -1,22 +1,16 @@
|
|||||||
import deindent from '../../../utils/deindent.js';
|
import deindent from '../../../utils/deindent.js';
|
||||||
import findBlock from '../utils/findBlock.js';
|
|
||||||
|
|
||||||
export default {
|
export default function visitMustacheTag ( generator, block, state, node ) {
|
||||||
enter ( generator, node ) {
|
const name = block.getUniqueName( 'text' );
|
||||||
const name = generator.current.getUniqueName( 'text' );
|
|
||||||
|
|
||||||
const { snippet } = generator.contextualise( node.expression );
|
const { snippet } = generator.contextualise( block, node.expression );
|
||||||
|
|
||||||
generator.current.builders.init.addLine( `var last_${name} = ${snippet};` );
|
block.builders.create.addLine( `var last_${name} = ${snippet};` );
|
||||||
generator.addElement( name, `${generator.helper( 'createText' )}( last_${name} )`, true );
|
block.addElement( name, `${generator.helper( 'createText' )}( last_${name} )`, state.parentNode, true );
|
||||||
|
|
||||||
const fragment = findBlock( generator.current );
|
block.builders.update.addBlock( deindent`
|
||||||
if ( !fragment.tmp ) fragment.tmp = fragment.getUniqueName( 'tmp' );
|
if ( ( ${block.tmp()} = ${snippet} ) !== last_${name} ) {
|
||||||
|
${name}.data = last_${name} = ${block.tmp()};
|
||||||
generator.current.builders.update.addBlock( deindent`
|
}
|
||||||
if ( ( ${fragment.tmp} = ${snippet} ) !== last_${name} ) {
|
` );
|
||||||
${name}.data = last_${name} = ${fragment.tmp};
|
}
|
||||||
}
|
|
||||||
` );
|
|
||||||
}
|
|
||||||
};
|
|
||||||
@ -1,43 +1,37 @@
|
|||||||
import deindent from '../../../utils/deindent.js';
|
import deindent from '../../../utils/deindent.js';
|
||||||
import findBlock from '../utils/findBlock.js';
|
|
||||||
|
|
||||||
export default {
|
export default function visitRawMustacheTag ( generator, block, state, node ) {
|
||||||
enter ( generator, node ) {
|
const name = block.getUniqueName( 'raw' );
|
||||||
const name = generator.current.getUniqueName( 'raw' );
|
|
||||||
|
|
||||||
const { snippet } = generator.contextualise( node.expression );
|
const { snippet } = generator.contextualise( block, node.expression );
|
||||||
|
|
||||||
// we would have used comments here, but the `insertAdjacentHTML` api only
|
// we would have used comments here, but the `insertAdjacentHTML` api only
|
||||||
// exists for `Element`s.
|
// exists for `Element`s.
|
||||||
const before = `${name}_before`;
|
const before = `${name}_before`;
|
||||||
generator.addElement( before, `${generator.helper( 'createElement' )}( 'noscript' )`, true );
|
block.addElement( before, `${generator.helper( 'createElement' )}( 'noscript' )`, state.parentNode, true );
|
||||||
|
|
||||||
const after = `${name}_after`;
|
const after = `${name}_after`;
|
||||||
generator.addElement( after, `${generator.helper( 'createElement' )}( 'noscript' )`, true );
|
block.addElement( after, `${generator.helper( 'createElement' )}( 'noscript' )`, state.parentNode, true );
|
||||||
|
|
||||||
const isToplevel = generator.current.localElementDepth === 0;
|
const isToplevel = !state.parentNode;
|
||||||
|
|
||||||
generator.current.builders.init.addLine( `var last_${name} = ${snippet};` );
|
block.builders.create.addLine( `var last_${name} = ${snippet};` );
|
||||||
const mountStatement = `${before}.insertAdjacentHTML( 'afterend', last_${name} );`;
|
const mountStatement = `${before}.insertAdjacentHTML( 'afterend', last_${name} );`;
|
||||||
const detachStatement = `${generator.helper( 'detachBetween' )}( ${before}, ${after} );`;
|
const detachStatement = `${generator.helper( 'detachBetween' )}( ${before}, ${after} );`;
|
||||||
|
|
||||||
if ( isToplevel ) {
|
if ( isToplevel ) {
|
||||||
generator.current.builders.mount.addLine( mountStatement );
|
block.builders.mount.addLine( mountStatement );
|
||||||
} else {
|
} else {
|
||||||
generator.current.builders.init.addLine( mountStatement );
|
block.builders.create.addLine( mountStatement );
|
||||||
}
|
}
|
||||||
|
|
||||||
const fragment = findBlock( generator.current );
|
|
||||||
if ( !fragment.tmp ) fragment.tmp = fragment.getUniqueName( 'tmp' );
|
|
||||||
|
|
||||||
generator.current.builders.update.addBlock( deindent`
|
block.builders.update.addBlock( deindent`
|
||||||
if ( ( ${fragment.tmp} = ${snippet} ) !== last_${name} ) {
|
if ( ( ${block.tmp()} = ${snippet} ) !== last_${name} ) {
|
||||||
last_${name} = ${fragment.tmp};
|
last_${name} = ${block.tmp()};
|
||||||
${detachStatement}
|
${detachStatement}
|
||||||
${mountStatement}
|
${mountStatement}
|
||||||
}
|
}
|
||||||
` );
|
` );
|
||||||
|
|
||||||
generator.current.builders.detachRaw.addBlock( detachStatement );
|
block.builders.detachRaw.addBlock( detachStatement );
|
||||||
}
|
}
|
||||||
};
|
|
||||||
@ -1,10 +1,8 @@
|
|||||||
export default {
|
export default function visitText ( generator, block, state, node ) {
|
||||||
enter ( generator, node ) {
|
if ( state.namespace && !/\S/.test( node.data ) ) {
|
||||||
if ( generator.current.namespace && !/\S/.test( node.data ) ) {
|
return;
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const name = generator.current.getUniqueName( `text` );
|
|
||||||
generator.addElement( name, `${generator.helper( 'createText' )}( ${JSON.stringify( node.data )} )`, false );
|
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
const name = block.getUniqueName( `text` );
|
||||||
|
block.addElement( name, `${generator.helper( 'createText' )}( ${JSON.stringify( node.data )} )`, state.parentNode, false );
|
||||||
|
}
|
||||||
@ -1,14 +1,12 @@
|
|||||||
export default {
|
export default function visitYieldTag ( generator, block, state ) {
|
||||||
enter ( generator ) {
|
const anchor = `yield_anchor`;
|
||||||
const anchor = `yield_anchor`;
|
block.createAnchor( anchor, state.parentNode );
|
||||||
generator.createAnchor( anchor );
|
|
||||||
|
|
||||||
generator.current.builders.mount.addLine(
|
block.builders.mount.addLine(
|
||||||
`${generator.current.component}._yield && ${generator.current.component}._yield.mount( ${generator.current.target}, ${anchor} );`
|
`${block.component}._yield && ${block.component}._yield.mount( ${state.parentNode || 'target'}, ${anchor} );`
|
||||||
);
|
);
|
||||||
|
|
||||||
generator.current.builders.teardown.addLine(
|
block.builders.destroy.addLine(
|
||||||
`${generator.current.component}._yield && ${generator.current.component}._yield.teardown( detach );`
|
`${block.component}._yield && ${block.component}._yield.destroy( detach );`
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
};
|
|
||||||
@ -0,0 +1,30 @@
|
|||||||
|
import deindent from '../../utils/deindent.js';
|
||||||
|
import flattenReference from '../../utils/flattenReference.js';
|
||||||
|
|
||||||
|
export default class Block {
|
||||||
|
constructor ( options ) {
|
||||||
|
Object.assign( this, options );
|
||||||
|
}
|
||||||
|
|
||||||
|
addBinding ( binding, name ) {
|
||||||
|
const conditions = [ `!( '${binding.name}' in root )`].concat( // TODO handle contextual bindings...
|
||||||
|
this.conditions.map( c => `(${c})` )
|
||||||
|
);
|
||||||
|
|
||||||
|
const { keypath } = flattenReference( binding.value );
|
||||||
|
|
||||||
|
this.generator.bindings.push( deindent`
|
||||||
|
if ( ${conditions.join( '&&' )} ) {
|
||||||
|
tmp = ${name}.data();
|
||||||
|
if ( '${keypath}' in tmp ) {
|
||||||
|
root.${binding.name} = tmp.${keypath};
|
||||||
|
settled = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
` );
|
||||||
|
}
|
||||||
|
|
||||||
|
child ( options ) {
|
||||||
|
return new Block( Object.assign( {}, this, options, { parent: this } ) );
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
import visitors from './visitors/index.js';
|
||||||
|
|
||||||
|
export default function visit ( generator, fragment, node ) {
|
||||||
|
const visitor = visitors[ node.type ];
|
||||||
|
visitor( generator, fragment, node );
|
||||||
|
}
|
||||||
@ -1,3 +1,3 @@
|
|||||||
export default {
|
export default function visitComment () {
|
||||||
// do nothing
|
// do nothing
|
||||||
};
|
}
|
||||||
|
|||||||
@ -1,72 +1,77 @@
|
|||||||
import flattenReference from '../../../utils/flattenReference.js';
|
import flattenReference from '../../../utils/flattenReference.js';
|
||||||
|
import visit from '../visit.js';
|
||||||
|
|
||||||
export default {
|
export default function visitComponent ( generator, block, node ) {
|
||||||
enter ( generator, node ) {
|
function stringify ( chunk ) {
|
||||||
function stringify ( chunk ) {
|
if ( chunk.type === 'Text' ) return chunk.data;
|
||||||
if ( chunk.type === 'Text' ) return chunk.data;
|
if ( chunk.type === 'MustacheTag' ) {
|
||||||
if ( chunk.type === 'MustacheTag' ) {
|
const { snippet } = generator.contextualise( block, chunk.expression );
|
||||||
const { snippet } = generator.contextualise( chunk.expression );
|
return '${__escape( ' + snippet + ')}';
|
||||||
return '${__escape( ' + snippet + ')}';
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const attributes = [];
|
const attributes = [];
|
||||||
const bindings = [];
|
const bindings = [];
|
||||||
|
|
||||||
node.attributes.forEach( attribute => {
|
node.attributes.forEach( attribute => {
|
||||||
if ( attribute.type === 'Attribute' ) {
|
if ( attribute.type === 'Attribute' ) {
|
||||||
attributes.push( attribute );
|
attributes.push( attribute );
|
||||||
} else if ( attribute.type === 'Binding' ) {
|
} else if ( attribute.type === 'Binding' ) {
|
||||||
bindings.push( attribute );
|
bindings.push( attribute );
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const props = attributes
|
const props = attributes
|
||||||
.map( attribute => {
|
.map( attribute => {
|
||||||
let value;
|
let value;
|
||||||
|
|
||||||
if ( attribute.value === true ) {
|
if ( attribute.value === true ) {
|
||||||
value = `true`;
|
value = `true`;
|
||||||
} else if ( attribute.value.length === 0 ) {
|
} else if ( attribute.value.length === 0 ) {
|
||||||
value = `''`;
|
value = `''`;
|
||||||
} else if ( attribute.value.length === 1 ) {
|
} else if ( attribute.value.length === 1 ) {
|
||||||
const chunk = attribute.value[0];
|
const chunk = attribute.value[0];
|
||||||
if ( chunk.type === 'Text' ) {
|
if ( chunk.type === 'Text' ) {
|
||||||
value = isNaN( chunk.data ) ? JSON.stringify( chunk.data ) : chunk.data;
|
value = isNaN( chunk.data ) ? JSON.stringify( chunk.data ) : chunk.data;
|
||||||
} else {
|
|
||||||
const { snippet } = generator.contextualise( chunk.expression );
|
|
||||||
value = snippet;
|
|
||||||
}
|
|
||||||
} else {
|
} else {
|
||||||
value = '`' + attribute.value.map( stringify ).join( '' ) + '`';
|
const { snippet } = generator.contextualise( block, chunk.expression );
|
||||||
|
value = snippet;
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
value = '`' + attribute.value.map( stringify ).join( '' ) + '`';
|
||||||
|
}
|
||||||
|
|
||||||
return `${attribute.name}: ${value}`;
|
return `${attribute.name}: ${value}`;
|
||||||
})
|
})
|
||||||
.concat( bindings.map( binding => {
|
.concat( bindings.map( binding => {
|
||||||
const { name, keypath } = flattenReference( binding.value );
|
const { name, keypath } = flattenReference( binding.value );
|
||||||
const value = generator.current.contexts.has( name ) ? keypath : `root.${keypath}`;
|
const value = block.contexts.has( name ) ? keypath : `root.${keypath}`;
|
||||||
return `${binding.name}: ${value}`;
|
return `${binding.name}: ${value}`;
|
||||||
}))
|
}))
|
||||||
.join( ', ' );
|
.join( ', ' );
|
||||||
|
|
||||||
const expression = node.name === ':Self' ? generator.name : generator.importedComponents.get( node.name ) || `${generator.alias( 'template' )}.components.${node.name}`;
|
const expression = node.name === ':Self' ? generator.name : generator.importedComponents.get( node.name ) || `${generator.alias( 'template' )}.components.${node.name}`;
|
||||||
|
|
||||||
bindings.forEach( binding => {
|
bindings.forEach( binding => {
|
||||||
generator.addBinding( binding, expression );
|
block.addBinding( binding, expression );
|
||||||
});
|
});
|
||||||
|
|
||||||
let open = `\${${expression}.render({${props}}`;
|
let open = `\${${expression}.render({${props}}`;
|
||||||
|
|
||||||
if ( node.children.length ) {
|
if ( node.children.length ) {
|
||||||
open += `, { yield: () => \``;
|
open += `, { yield: () => \``;
|
||||||
}
|
}
|
||||||
|
|
||||||
generator.append( open );
|
generator.append( open );
|
||||||
},
|
|
||||||
|
|
||||||
leave ( generator, node ) {
|
generator.elementDepth += 1;
|
||||||
const close = node.children.length ? `\` })}` : ')}';
|
|
||||||
generator.append( close );
|
node.children.forEach( child => {
|
||||||
}
|
visit( generator, block, child );
|
||||||
};
|
});
|
||||||
|
|
||||||
|
generator.elementDepth -= 1;
|
||||||
|
|
||||||
|
const close = node.children.length ? `\` })}` : ')}';
|
||||||
|
generator.append( close );
|
||||||
|
}
|
||||||
|
|||||||
@ -1,32 +1,32 @@
|
|||||||
export default {
|
import visit from '../visit.js';
|
||||||
enter ( generator, node ) {
|
|
||||||
const { dependencies, snippet } = generator.contextualise( node.expression );
|
export default function visitEachBlock ( generator, block, node ) {
|
||||||
|
const { dependencies, snippet } = generator.contextualise( block, node.expression );
|
||||||
const open = `\${ ${snippet}.map( ${ node.index ? `( ${node.context}, ${node.index} )` : node.context} => \``;
|
|
||||||
generator.append( open );
|
const open = `\${ ${snippet}.map( ${ node.index ? `( ${node.context}, ${node.index} )` : node.context} => \``;
|
||||||
|
generator.append( open );
|
||||||
// TODO should this be the generator's job? It's duplicated between
|
|
||||||
// here and the equivalent DOM compiler visitor
|
// TODO should this be the generator's job? It's duplicated between
|
||||||
const contexts = new Map( generator.current.contexts );
|
// here and the equivalent DOM compiler visitor
|
||||||
contexts.set( node.context, node.context );
|
const contexts = new Map( block.contexts );
|
||||||
|
contexts.set( node.context, node.context );
|
||||||
const indexes = new Map( generator.current.indexes );
|
|
||||||
if ( node.index ) indexes.set( node.index, node.context );
|
const indexes = new Map( block.indexes );
|
||||||
|
if ( node.index ) indexes.set( node.index, node.context );
|
||||||
const contextDependencies = new Map( generator.current.contextDependencies );
|
|
||||||
contextDependencies.set( node.context, dependencies );
|
const contextDependencies = new Map( block.contextDependencies );
|
||||||
|
contextDependencies.set( node.context, dependencies );
|
||||||
generator.push({
|
|
||||||
contexts,
|
const childBlock = block.child({
|
||||||
indexes,
|
contexts,
|
||||||
contextDependencies
|
indexes,
|
||||||
});
|
contextDependencies
|
||||||
},
|
});
|
||||||
|
|
||||||
leave ( generator ) {
|
node.children.forEach( child => {
|
||||||
const close = `\` ).join( '' )}`;
|
visit( generator, childBlock, child );
|
||||||
generator.append( close );
|
});
|
||||||
|
|
||||||
generator.pop();
|
const close = `\` ).join( '' )}`;
|
||||||
}
|
generator.append( close );
|
||||||
};
|
}
|
||||||
@ -1,65 +1,60 @@
|
|||||||
import Component from './Component.js';
|
import visitComponent from './Component.js';
|
||||||
import isVoidElementName from '../../../utils/isVoidElementName.js';
|
import isVoidElementName from '../../../utils/isVoidElementName.js';
|
||||||
import Window from './meta/Window.js';
|
import visit from '../visit.js';
|
||||||
|
import visitWindow from './meta/Window.js';
|
||||||
|
|
||||||
const meta = {
|
const meta = {
|
||||||
':Window': Window
|
':Window': visitWindow
|
||||||
};
|
};
|
||||||
|
|
||||||
export default {
|
export default function visitElement ( generator, block, node ) {
|
||||||
enter ( generator, node ) {
|
if ( node.name in meta ) {
|
||||||
if ( node.name in meta ) {
|
return meta[ node.name ]( generator, block, node );
|
||||||
return meta[ node.name ].enter( generator, node );
|
}
|
||||||
}
|
|
||||||
|
|
||||||
if ( generator.components.has( node.name ) || node.name === ':Self' ) {
|
if ( generator.components.has( node.name ) || node.name === ':Self' ) {
|
||||||
Component.enter( generator, node );
|
visitComponent( generator, block, node );
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
let openingTag = `<${node.name}`;
|
let openingTag = `<${node.name}`;
|
||||||
|
|
||||||
node.attributes.forEach( attribute => {
|
node.attributes.forEach( attribute => {
|
||||||
if ( attribute.type !== 'Attribute' ) return;
|
if ( attribute.type !== 'Attribute' ) return;
|
||||||
|
|
||||||
let str = ` ${attribute.name}`;
|
let str = ` ${attribute.name}`;
|
||||||
|
|
||||||
if ( attribute.value !== true ) {
|
if ( attribute.value !== true ) {
|
||||||
str += `="` + attribute.value.map( chunk => {
|
str += `="` + attribute.value.map( chunk => {
|
||||||
if ( chunk.type === 'Text' ) {
|
if ( chunk.type === 'Text' ) {
|
||||||
return chunk.data;
|
return chunk.data;
|
||||||
}
|
}
|
||||||
|
|
||||||
const { snippet } = generator.contextualise( chunk.expression );
|
const { snippet } = generator.contextualise( block, chunk.expression );
|
||||||
return '${' + snippet + '}';
|
return '${' + snippet + '}';
|
||||||
}).join( '' ) + `"`;
|
}).join( '' ) + `"`;
|
||||||
}
|
}
|
||||||
|
|
||||||
openingTag += str;
|
openingTag += str;
|
||||||
});
|
});
|
||||||
|
|
||||||
if ( generator.cssId && !generator.elementDepth ) {
|
if ( generator.cssId && !generator.elementDepth ) {
|
||||||
openingTag += ` ${generator.cssId}`;
|
openingTag += ` ${generator.cssId}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
openingTag += '>';
|
openingTag += '>';
|
||||||
|
|
||||||
generator.append( openingTag );
|
generator.append( openingTag );
|
||||||
},
|
|
||||||
|
|
||||||
leave ( generator, node ) {
|
generator.elementDepth += 1;
|
||||||
if ( node.name in meta ) {
|
|
||||||
if ( meta[ node.name ].leave ) meta[ node.name ].leave( generator, node );
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( generator.components.has( node.name ) || node.name === ':Self' ) {
|
node.children.forEach( child => {
|
||||||
Component.leave( generator, node );
|
visit( generator, block, child );
|
||||||
return;
|
});
|
||||||
}
|
|
||||||
|
|
||||||
if ( !isVoidElementName( node.name ) ) {
|
generator.elementDepth -= 1;
|
||||||
generator.append( `</${node.name}>` );
|
|
||||||
}
|
if ( !isVoidElementName( node.name ) ) {
|
||||||
|
generator.append( `</${node.name}>` );
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
@ -1,19 +1,25 @@
|
|||||||
export default {
|
import visit from '../visit.js';
|
||||||
enter ( generator, node ) {
|
|
||||||
const { snippet } = generator.contextualise( node.expression );
|
|
||||||
|
|
||||||
generator.append( '${ ' + snippet + ' ? `' );
|
export default function visitIfBlock ( generator, block, node ) {
|
||||||
|
const { snippet } = generator.contextualise( block, node.expression );
|
||||||
|
|
||||||
generator.push({
|
generator.append( '${ ' + snippet + ' ? `' );
|
||||||
conditions: generator.current.conditions.concat( snippet )
|
|
||||||
});
|
const childBlock = block.child({
|
||||||
},
|
conditions: block.conditions.concat( snippet )
|
||||||
|
});
|
||||||
|
|
||||||
|
node.children.forEach( child => {
|
||||||
|
visit( generator, childBlock, child );
|
||||||
|
});
|
||||||
|
|
||||||
leave ( generator, node ) {
|
generator.append( '` : `' );
|
||||||
generator.append( '` : `' );
|
|
||||||
if ( node.else ) node.else.children.forEach( child => generator.visit( child ) );
|
|
||||||
generator.append( '` }' );
|
|
||||||
|
|
||||||
generator.pop();
|
if ( node.else ) {
|
||||||
|
node.else.children.forEach( child => {
|
||||||
|
visit( generator, childBlock, child );
|
||||||
|
});
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
generator.append( '` }' );
|
||||||
|
}
|
||||||
@ -1,6 +1,4 @@
|
|||||||
export default {
|
export default function visitMustacheTag ( generator, block, node ) {
|
||||||
enter ( generator, node ) {
|
const { snippet } = generator.contextualise( block, node.expression );
|
||||||
const { snippet } = generator.contextualise( node.expression );
|
generator.append( '${__escape( ' + snippet + ' )}' );
|
||||||
generator.append( '${__escape( ' + snippet + ' )}' );
|
}
|
||||||
}
|
|
||||||
};
|
|
||||||
@ -1,6 +1,4 @@
|
|||||||
export default {
|
export default function visitRawMustacheTag ( generator, block, node ) {
|
||||||
enter ( generator, node ) {
|
const { snippet } = generator.contextualise( block, node.expression );
|
||||||
const { snippet } = generator.contextualise( node.expression );
|
generator.append( '${' + snippet + '}' );
|
||||||
generator.append( '${' + snippet + '}' );
|
}
|
||||||
}
|
|
||||||
};
|
|
||||||
@ -1,5 +1,3 @@
|
|||||||
export default {
|
export default function visitText ( generator, block, node ) {
|
||||||
enter ( generator, node ) {
|
generator.append( node.data.replace( /\${/g, '\\${' ) );
|
||||||
generator.append( node.data.replace( /\${/g, '\\${' ) );
|
}
|
||||||
}
|
|
||||||
};
|
|
||||||
@ -1,5 +1,3 @@
|
|||||||
export default {
|
export default function visitYieldTag ( generator ) {
|
||||||
enter ( generator ) {
|
generator.append( `\${options && options.yield ? options.yield() : ''}` );
|
||||||
generator.append( `\${options && options.yield ? options.yield() : ''}` );
|
}
|
||||||
}
|
|
||||||
};
|
|
||||||
@ -1,9 +1,3 @@
|
|||||||
export default {
|
export default function visitWindow () {
|
||||||
enter () {
|
// noop
|
||||||
// noop
|
}
|
||||||
},
|
|
||||||
|
|
||||||
leave () {
|
|
||||||
// noop
|
|
||||||
}
|
|
||||||
};
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
export default {
|
|
||||||
data: {
|
|
||||||
animals: [ 'alpaca', 'baboon', 'capybara' ],
|
|
||||||
foo: 'something else'
|
|
||||||
},
|
|
||||||
html: 'before\n<p>alpaca</p><p>baboon</p><p>capybara</p>\nafter',
|
|
||||||
test ( assert, component, target ) {
|
|
||||||
component.set({ animals: [] });
|
|
||||||
assert.htmlEqual( target.innerHTML, 'before\n<p>no animals, but rather something else</p>\nafter' );
|
|
||||||
|
|
||||||
component.set({ foo: 'something other' });
|
|
||||||
assert.htmlEqual( target.innerHTML, 'before\n<p>no animals, but rather something other</p>\nafter' );
|
|
||||||
|
|
||||||
component.set({ animals: ['wombat'] });
|
|
||||||
assert.htmlEqual( target.innerHTML, 'before\n<p>wombat</p>\nafter' );
|
|
||||||
}
|
|
||||||
};
|
|
||||||
@ -0,0 +1 @@
|
|||||||
|
Use these tests sparingly, as they will need to be updated frequently as the code generation changes.
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
import assert from 'assert';
|
||||||
|
import * as fs from 'fs';
|
||||||
|
import * as path from 'path';
|
||||||
|
import { svelte } from '../helpers.js';
|
||||||
|
|
||||||
|
describe( 'js', () => {
|
||||||
|
fs.readdirSync( 'test/js/samples' ).forEach( dir => {
|
||||||
|
if ( dir[0] === '.' ) return;
|
||||||
|
|
||||||
|
// add .solo to a sample directory name to only run that test
|
||||||
|
const solo = /\.solo/.test( dir );
|
||||||
|
|
||||||
|
if ( solo && process.env.CI ) {
|
||||||
|
throw new Error( 'Forgot to remove `solo: true` from test' );
|
||||||
|
}
|
||||||
|
|
||||||
|
( solo ? it.only : it )( dir, () => {
|
||||||
|
dir = path.resolve( 'test/js/samples', dir );
|
||||||
|
const input = fs.readFileSync( `${dir}/input.html`, 'utf-8' ).replace( /\s+$/, '' );
|
||||||
|
|
||||||
|
const actual = svelte.compile( input ).code;
|
||||||
|
fs.writeFileSync( `${dir}/_actual.js`, actual );
|
||||||
|
const expected = fs.readFileSync( `${dir}/expected.js`, 'utf-8' );
|
||||||
|
|
||||||
|
assert.equal( actual.trim(), expected.trim() );
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
@ -1,5 +1,6 @@
|
|||||||
export default {
|
export default {
|
||||||
html: `<div style="color: red;">red</div>`,
|
html: `<div style="color: red;">red</div>`,
|
||||||
|
|
||||||
test ( assert, component, target ) {
|
test ( assert, component, target ) {
|
||||||
const div = target.querySelector( 'div' );
|
const div = target.querySelector( 'div' );
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 31 B After Width: | Height: | Size: 31 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue