|
|
|
import { basename, extname } from './utils/path';
|
|
|
|
import { Promise } from 'sander';
|
|
|
|
import MagicString from 'magic-string';
|
|
|
|
import { blank, keys } from './utils/object';
|
|
|
|
import Module from './Module';
|
|
|
|
import ExternalModule from './ExternalModule';
|
|
|
|
import finalisers from './finalisers/index';
|
|
|
|
import makeLegalIdentifier from './utils/makeLegalIdentifier';
|
|
|
|
import ensureArray from './utils/ensureArray';
|
|
|
|
import { defaultResolver, defaultExternalResolver } from './utils/resolveId';
|
|
|
|
import { defaultLoader } from './utils/load';
|
|
|
|
import getExportMode from './utils/getExportMode';
|
|
|
|
import getIndentString from './utils/getIndentString';
|
|
|
|
import { unixizePath } from './utils/normalizePlatform.js';
|
|
|
|
|
|
|
|
function isEmptyExportedVarDeclaration ( node, module, allBundleExports ) {
|
|
|
|
if ( node.type !== 'VariableDeclaration' || node.declarations[0].init ) return false;
|
|
|
|
|
|
|
|
const name = node.declarations[0].id.name;
|
|
|
|
const canonicalName = module.getCanonicalName( name );
|
|
|
|
|
|
|
|
return canonicalName in allBundleExports;
|
|
|
|
}
|
|
|
|
|
|
|
|
export default class Bundle {
|
|
|
|
constructor ( options ) {
|
|
|
|
this.entry = options.entry;
|
|
|
|
this.entryModule = null;
|
|
|
|
|
|
|
|
this.resolveId = options.resolveId || defaultResolver;
|
|
|
|
this.load = options.load || defaultLoader;
|
|
|
|
|
|
|
|
this.resolveOptions = {
|
|
|
|
external: ensureArray( options.external ),
|
|
|
|
resolveExternal: options.resolveExternal || defaultExternalResolver
|
|
|
|
};
|
|
|
|
|
|
|
|
this.loadOptions = {
|
|
|
|
transform: ensureArray( options.transform )
|
|
|
|
};
|
|
|
|
|
|
|
|
this.varExports = blank();
|
|
|
|
this.toExport = null;
|
|
|
|
|
|
|
|
this.modulePromises = blank();
|
|
|
|
this.modules = [];
|
|
|
|
|
|
|
|
this.statements = [];
|
|
|
|
this.externalModules = [];
|
|
|
|
this.internalNamespaceModules = [];
|
|
|
|
this.assumedGlobals = blank();
|
|
|
|
}
|
|
|
|
|
|
|
|
fetchModule ( importee, importer ) {
|
|
|
|
return Promise.resolve( this.resolveId( importee, importer, this.resolveOptions ) )
|
|
|
|
.then( id => {
|
|
|
|
if ( !id ) {
|
|
|
|
// external module
|
|
|
|
if ( !this.modulePromises[ importee ] ) {
|
|
|
|
const module = new ExternalModule( importee );
|
|
|
|
this.externalModules.push( module );
|
|
|
|
this.modulePromises[ importee ] = Promise.resolve( module );
|
|
|
|
}
|
|
|
|
|
|
|
|
return this.modulePromises[ importee ];
|
|
|
|
}
|
|
|
|
|
|
|
|
if ( !this.modulePromises[ id ] ) {
|
|
|
|
this.modulePromises[ id ] = Promise.resolve( this.load( id, this.loadOptions ) )
|
|
|
|
.then( source => {
|
|
|
|
const module = new Module({
|
|
|
|
id,
|
|
|
|
source,
|
|
|
|
bundle: this
|
|
|
|
});
|
|
|
|
|
|
|
|
this.modules.push( module );
|
|
|
|
|
|
|
|
return module;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
return this.modulePromises[ id ];
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
build () {
|
|
|
|
// bring in top-level AST nodes from the entry module
|
|
|
|
return this.fetchModule( this.entry, undefined )
|
|
|
|
.then( entryModule => {
|
|
|
|
const defaultExport = entryModule.exports.default;
|
|
|
|
|
|
|
|
this.entryModule = entryModule;
|
|
|
|
|
|
|
|
if ( defaultExport ) {
|
|
|
|
// `export default function foo () {...}` -
|
|
|
|
// use the declared name for the export
|
|
|
|
if ( defaultExport.declaredName ) {
|
|
|
|
entryModule.suggestName( 'default', defaultExport.declaredName );
|
|
|
|
}
|
|
|
|
|
|
|
|
// `export default a + b` - generate an export name
|
|
|
|
// based on the id of the entry module
|
|
|
|
else {
|
|
|
|
let defaultExportName = makeLegalIdentifier( basename( this.entryModule.id ).slice( 0, -extname( this.entryModule.id ).length ) );
|
|
|
|
|
|
|
|
// deconflict
|
|
|
|
let topLevelNames = [];
|
|
|
|
entryModule.statements.forEach( statement => {
|
|
|
|
keys( statement.defines ).forEach( name => topLevelNames.push( name ) );
|
|
|
|
});
|
|
|
|
|
|
|
|
while ( ~topLevelNames.indexOf( defaultExportName ) ) {
|
|
|
|
defaultExportName = `_${defaultExportName}`;
|
|
|
|
}
|
|
|
|
|
|
|
|
entryModule.suggestName( 'default', defaultExportName );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return entryModule.expandAllStatements( true );
|
|
|
|
})
|
|
|
|
.then( statements => {
|
|
|
|
this.statements = statements;
|
|
|
|
this.deconflict();
|
|
|
|
|
|
|
|
this.orderedStatements = this.sort();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
deconflict () {
|
|
|
|
let definers = blank();
|
|
|
|
let conflicts = blank();
|
|
|
|
|
|
|
|
// Discover conflicts (i.e. two statements in separate modules both define `foo`)
|
|
|
|
this.statements.forEach( statement => {
|
|
|
|
const module = statement.module;
|
|
|
|
const names = keys( statement.defines );
|
|
|
|
|
|
|
|
// with default exports that are expressions (`export default 42`),
|
|
|
|
// we need to ensure that the name chosen for the expression does
|
|
|
|
// not conflict
|
|
|
|
if ( statement.node.type === 'ExportDefaultDeclaration' ) {
|
|
|
|
const name = module.getCanonicalName( 'default' );
|
|
|
|
|
|
|
|
const isProxy = statement.node.declaration && statement.node.declaration.type === 'Identifier';
|
|
|
|
const shouldDeconflict = !isProxy || ( module.getCanonicalName( statement.node.declaration.name ) !== name );
|
|
|
|
|
|
|
|
if ( shouldDeconflict && !~names.indexOf( name ) ) {
|
|
|
|
names.push( name );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
names.forEach( name => {
|
|
|
|
if ( definers[ name ] ) {
|
|
|
|
conflicts[ name ] = true;
|
|
|
|
} else {
|
|
|
|
definers[ name ] = [];
|
|
|
|
}
|
|
|
|
|
|
|
|
// TODO in good js, there shouldn't be duplicate definitions
|
|
|
|
// per module... but some people write bad js
|
|
|
|
definers[ name ].push( module );
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
// Assign names to external modules
|
|
|
|
this.externalModules.forEach( module => {
|
|
|
|
// TODO is this right?
|
|
|
|
let name = makeLegalIdentifier( module.suggestedNames['*'] || module.suggestedNames.default || module.id );
|
|
|
|
|
|
|
|
if ( definers[ name ] ) {
|
|
|
|
conflicts[ name ] = true;
|
|
|
|
} else {
|
|
|
|
definers[ name ] = [];
|
|
|
|
}
|
|
|
|
|
|
|
|
definers[ name ].push( module );
|
|
|
|
module.name = name;
|
|
|
|
});
|
|
|
|
|
|
|
|
// Ensure we don't conflict with globals
|
|
|
|
keys( this.assumedGlobals ).forEach( name => {
|
|
|
|
if ( definers[ name ] ) {
|
|
|
|
conflicts[ name ] = true;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
// Rename conflicting identifiers so they can live in the same scope
|
|
|
|
keys( conflicts ).forEach( name => {
|
|
|
|
const modules = definers[ name ];
|
|
|
|
|
|
|
|
if ( !this.assumedGlobals[ name ] ) {
|
|
|
|
// the module closest to the entryModule gets away with
|
|
|
|
// keeping things as they are, unless we have a conflict
|
|
|
|
// with a global name
|
|
|
|
modules.pop();
|
|
|
|
}
|
|
|
|
|
|
|
|
modules.forEach( module => {
|
|
|
|
const replacement = getSafeName( name );
|
|
|
|
module.rename( name, replacement );
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
function getSafeName ( name ) {
|
|
|
|
while ( conflicts[ name ] ) {
|
|
|
|
name = `_${name}`;
|
|
|
|
}
|
|
|
|
|
|
|
|
conflicts[ name ] = true;
|
|
|
|
return name;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
sort () {
|
|
|
|
let seen = {};
|
|
|
|
let ordered = [];
|
|
|
|
let hasCycles;
|
|
|
|
|
|
|
|
let strongDeps = {};
|
|
|
|
let stronglyDependsOn = {};
|
|
|
|
|
|
|
|
function visit ( module ) {
|
|
|
|
seen[ module.id ] = true;
|
|
|
|
|
|
|
|
const { strongDependencies, weakDependencies } = module.consolidateDependencies();
|
|
|
|
|
|
|
|
strongDeps[ module.id ] = [];
|
|
|
|
stronglyDependsOn[ module.id ] = {};
|
|
|
|
|
|
|
|
keys( strongDependencies ).forEach( id => {
|
|
|
|
const imported = strongDependencies[ id ];
|
|
|
|
|
|
|
|
strongDeps[ module.id ].push( imported );
|
|
|
|
|
|
|
|
if ( seen[ id ] ) {
|
|
|
|
// we need to prevent an infinite loop, and note that
|
|
|
|
// we need to check for strong/weak dependency relationships
|
|
|
|
hasCycles = true;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
visit( imported );
|
|
|
|
});
|
|
|
|
|
|
|
|
keys( weakDependencies ).forEach( id => {
|
|
|
|
const imported = weakDependencies[ id ];
|
|
|
|
|
|
|
|
if ( seen[ id ] ) {
|
|
|
|
// we need to prevent an infinite loop, and note that
|
|
|
|
// we need to check for strong/weak dependency relationships
|
|
|
|
hasCycles = true;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
visit( imported );
|
|
|
|
});
|
|
|
|
|
|
|
|
// add second (and third...) order dependencies
|
|
|
|
function addStrongDependencies ( dependency ) {
|
|
|
|
if ( stronglyDependsOn[ module.id ][ dependency.id ] ) return;
|
|
|
|
|
|
|
|
stronglyDependsOn[ module.id ][ dependency.id ] = true;
|
|
|
|
strongDeps[ dependency.id ].forEach( addStrongDependencies );
|
|
|
|
}
|
|
|
|
|
|
|
|
strongDeps[ module.id ].forEach( addStrongDependencies );
|
|
|
|
|
|
|
|
ordered.push( module );
|
|
|
|
}
|
|
|
|
|
|
|
|
visit( this.entryModule );
|
|
|
|
|
|
|
|
if ( hasCycles ) {
|
|
|
|
let unordered = ordered;
|
|
|
|
ordered = [];
|
|
|
|
|
|
|
|
// unordered is actually semi-ordered, as [ fewer dependencies ... more dependencies ]
|
|
|
|
unordered.forEach( module => {
|
|
|
|
// ensure strong dependencies of `module` that don't strongly depend on `module` go first
|
|
|
|
strongDeps[ module.id ].forEach( place );
|
|
|
|
|
|
|
|
function place ( dep ) {
|
|
|
|
if ( !stronglyDependsOn[ dep.id ][ module.id ] && !~ordered.indexOf( dep ) ) {
|
|
|
|
strongDeps[ dep.id ].forEach( place );
|
|
|
|
ordered.push( dep );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if ( !~ordered.indexOf( module ) ) {
|
|
|
|
ordered.push( module );
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
let statements = [];
|
|
|
|
|
|
|
|
ordered.forEach( module => {
|
|
|
|
module.statements.forEach( statement => {
|
|
|
|
if ( statement.isIncluded ) statements.push( statement );
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
return statements;
|
|
|
|
}
|
|
|
|
|
|
|
|
generate ( options = {} ) {
|
|
|
|
let magicString = new MagicString.Bundle({ separator: '' });
|
|
|
|
|
|
|
|
const format = options.format || 'es6';
|
|
|
|
|
|
|
|
// If we have named exports from the bundle, and those exports
|
|
|
|
// are assigned to *within* the bundle, we may need to rewrite e.g.
|
|
|
|
//
|
|
|
|
// export let count = 0;
|
|
|
|
// export function incr () { count++ }
|
|
|
|
//
|
|
|
|
// might become...
|
|
|
|
//
|
|
|
|
// exports.count = 0;
|
|
|
|
// function incr () {
|
|
|
|
// exports.count += 1;
|
|
|
|
// }
|
|
|
|
// exports.incr = incr;
|
|
|
|
//
|
|
|
|
// This doesn't apply if the bundle is exported as ES6!
|
|
|
|
let allBundleExports = blank();
|
|
|
|
|
|
|
|
if ( format !== 'es6' ) {
|
|
|
|
keys( this.entryModule.exports ).forEach( key => {
|
|
|
|
const exportDeclaration = this.entryModule.exports[ key ];
|
|
|
|
|
|
|
|
const originalDeclaration = this.entryModule.findDeclaration( exportDeclaration.localName );
|
|
|
|
|
|
|
|
if ( originalDeclaration && originalDeclaration.type === 'VariableDeclaration' ) {
|
|
|
|
const canonicalName = this.entryModule.getCanonicalName( exportDeclaration.localName );
|
|
|
|
|
|
|
|
allBundleExports[ canonicalName ] = `exports.${key}`;
|
|
|
|
this.varExports[ key ] = true;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
// since we're rewriting variable exports, we want to
|
|
|
|
// ensure we don't try and export them again at the bottom
|
|
|
|
this.toExport = keys( this.entryModule.exports )
|
|
|
|
.filter( key => !this.varExports[ key ] );
|
|
|
|
|
|
|
|
// Apply new names and add to the output bundle
|
|
|
|
let previousModule = null;
|
|
|
|
let previousIndex = -1;
|
|
|
|
let previousMargin = 0;
|
|
|
|
|
|
|
|
this.orderedStatements.forEach( statement => {
|
|
|
|
// skip `export { foo, bar, baz }`
|
|
|
|
if ( statement.node.type === 'ExportNamedDeclaration' ) {
|
|
|
|
// skip `export { foo, bar, baz }`
|
|
|
|
if ( statement.node.specifiers.length ) return;
|
|
|
|
|
|
|
|
// skip `export var foo;` if foo is exported
|
|
|
|
if ( isEmptyExportedVarDeclaration( statement.node.declaration, statement.module, allBundleExports ) ) return;
|
|
|
|
}
|
|
|
|
|
|
|
|
// skip empty var declarations for exported bindings
|
|
|
|
// (otherwise we're left with `exports.foo;`, which is useless)
|
|
|
|
if ( isEmptyExportedVarDeclaration( statement.node, statement.module, allBundleExports ) ) return;
|
|
|
|
|
|
|
|
let replacements = blank();
|
|
|
|
let bundleExports = blank();
|
|
|
|
|
|
|
|
keys( statement.dependsOn )
|
|
|
|
.concat( keys( statement.defines ) )
|
|
|
|
.forEach( name => {
|
|
|
|
const canonicalName = statement.module.getCanonicalName( name );
|
|
|
|
|
|
|
|
if ( allBundleExports[ canonicalName ] ) {
|
|
|
|
bundleExports[ name ] = replacements[ name ] = allBundleExports[ canonicalName ];
|
|
|
|
} else if ( name !== canonicalName ) {
|
|
|
|
replacements[ name ] = canonicalName;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
const source = statement.replaceIdentifiers( replacements, bundleExports );
|
|
|
|
|
|
|
|
// modify exports as necessary
|
|
|
|
if ( statement.isExportDeclaration ) {
|
|
|
|
// remove `export` from `export var foo = 42`
|
|
|
|
if ( statement.node.type === 'ExportNamedDeclaration' && statement.node.declaration.type === 'VariableDeclaration' ) {
|
|
|
|
source.remove( statement.node.start, statement.node.declaration.start );
|
|
|
|
}
|
|
|
|
|
|
|
|
// remove `export` from `export class Foo {...}` or `export default Foo`
|
|
|
|
// TODO default exports need different treatment
|
|
|
|
else if ( statement.node.declaration.id ) {
|
|
|
|
source.remove( statement.node.start, statement.node.declaration.start );
|
|
|
|
}
|
|
|
|
|
|
|
|
else if ( statement.node.type === 'ExportDefaultDeclaration' ) {
|
|
|
|
const module = statement.module;
|
|
|
|
const canonicalName = module.getCanonicalName( 'default' );
|
|
|
|
|
|
|
|
if ( statement.node.declaration.type === 'Identifier' && canonicalName === module.getCanonicalName( statement.node.declaration.name ) ) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
// anonymous functions should be converted into declarations
|
|
|
|
if ( statement.node.declaration.type === 'FunctionExpression' ) {
|
|
|
|
source.overwrite( statement.node.start, statement.node.declaration.start + 8, `function ${canonicalName}` );
|
|
|
|
} else {
|
|
|
|
source.overwrite( statement.node.start, statement.node.declaration.start, `var ${canonicalName} = ` );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
else {
|
|
|
|
throw new Error( 'Unhandled export' );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// ensure there is always a newline between statements, and add
|
|
|
|
// additional newlines as necessary to reflect original source
|
|
|
|
const minSeparation = ( previousModule !== statement.module ) || ( statement.index !== previousIndex + 1 ) ? 3 : 2;
|
|
|
|
const margin = Math.max( minSeparation, statement.margin[0], previousMargin );
|
|
|
|
let newLines = new Array( margin ).join( '\n' );
|
|
|
|
|
|
|
|
// add leading comments
|
|
|
|
if ( statement.leadingComments.length ) {
|
|
|
|
const commentBlock = newLines + statement.leadingComments.map( ({ separator, comment }) => {
|
|
|
|
return separator + ( comment.block ?
|
|
|
|
`/*${comment.text}*/` :
|
|
|
|
`//${comment.text}` );
|
|
|
|
}).join( '' );
|
|
|
|
|
|
|
|
magicString.addSource( new MagicString( commentBlock ) );
|
|
|
|
newLines = new Array( statement.margin[0] ).join( '\n' ); // TODO handle gaps between comment block and statement
|
|
|
|
}
|
|
|
|
|
|
|
|
// add the statement itself
|
|
|
|
magicString.addSource({
|
|
|
|
content: source,
|
|
|
|
separator: newLines
|
|
|
|
});
|
|
|
|
|
|
|
|
// add trailing comments
|
|
|
|
const comment = statement.trailingComment;
|
|
|
|
if ( comment ) {
|
|
|
|
const commentBlock = comment.block ?
|
|
|
|
` /*${comment.text}*/` :
|
|
|
|
` //${comment.text}`;
|
|
|
|
|
|
|
|
magicString.append( commentBlock );
|
|
|
|
}
|
|
|
|
|
|
|
|
previousMargin = statement.margin[1];
|
|
|
|
previousModule = statement.module;
|
|
|
|
previousIndex = statement.index;
|
|
|
|
});
|
|
|
|
|
|
|
|
// prepend bundle with internal namespaces
|
|
|
|
const indentString = magicString.getIndentString();
|
|
|
|
const namespaceBlock = this.internalNamespaceModules.map( module => {
|
|
|
|
const exportKeys = keys( module.exports );
|
|
|
|
|
|
|
|
return `var ${module.getCanonicalName('*')} = {\n` +
|
|
|
|
exportKeys.map( key => `${indentString}get ${key} () { return ${module.getCanonicalName(key)}; }` ).join( ',\n' ) +
|
|
|
|
`\n};\n\n`;
|
|
|
|
}).join( '' );
|
|
|
|
|
|
|
|
magicString.prepend( namespaceBlock );
|
|
|
|
|
|
|
|
const finalise = finalisers[ format ];
|
|
|
|
|
|
|
|
if ( !finalise ) {
|
|
|
|
throw new Error( `You must specify an output type - valid options are ${keys( finalisers ).join( ', ' )}` );
|
|
|
|
}
|
|
|
|
|
|
|
|
magicString = finalise( this, magicString.trim(), {
|
|
|
|
// Determine export mode - 'default', 'named', 'none'
|
|
|
|
exportMode: getExportMode( this, options.exports ),
|
|
|
|
|
|
|
|
// Determine indentation
|
|
|
|
indentString: getIndentString( magicString, options )
|
|
|
|
}, options );
|
|
|
|
|
|
|
|
const code = magicString.toString();
|
|
|
|
let map = null;
|
|
|
|
|
|
|
|
if ( options.sourceMap ) {
|
|
|
|
const file = options.sourceMapFile || options.dest;
|
|
|
|
map = magicString.generateMap({
|
|
|
|
includeContent: true,
|
|
|
|
file
|
|
|
|
// TODO
|
|
|
|
});
|
|
|
|
|
|
|
|
map.sources = map.sources.map( unixizePath );
|
|
|
|
}
|
|
|
|
|
|
|
|
return { code, map };
|
|
|
|
}
|
|
|
|
}
|