animate/webGl/my-threejs-test/node_modules/@parcel/packager-js/lib/ScopeHoistingPackager.js

990 lines
45 KiB
JavaScript

"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ScopeHoistingPackager = void 0;
function _utils() {
const data = require("@parcel/utils");
_utils = function () {
return data;
};
return data;
}
function _sourceMap2() {
const data = _interopRequireDefault(require("@parcel/source-map"));
_sourceMap2 = function () {
return data;
};
return data;
}
function _nullthrows() {
const data = _interopRequireDefault(require("nullthrows"));
_nullthrows = function () {
return data;
};
return data;
}
function _assert() {
const data = _interopRequireDefault(require("assert"));
_assert = function () {
return data;
};
return data;
}
function _diagnostic() {
const data = _interopRequireWildcard(require("@parcel/diagnostic"));
_diagnostic = function () {
return data;
};
return data;
}
function _globals() {
const data = _interopRequireDefault(require("globals"));
_globals = function () {
return data;
};
return data;
}
function _path() {
const data = _interopRequireDefault(require("path"));
_path = function () {
return data;
};
return data;
}
var _ESMOutputFormat = require("./ESMOutputFormat");
var _CJSOutputFormat = require("./CJSOutputFormat");
var _GlobalOutputFormat = require("./GlobalOutputFormat");
var _helpers = require("./helpers");
var _utils2 = require("./utils");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// https://262.ecma-international.org/6.0/#sec-names-and-keywords
const IDENTIFIER_RE = /^[$_\p{ID_Start}][$_\u200C\u200D\p{ID_Continue}]*$/u;
const ID_START_RE = /^[$_\p{ID_Start}]/u;
const NON_ID_CONTINUE_RE = /[^$_\u200C\u200D\p{ID_Continue}]/gu;
// General regex used to replace imports with the resolved code, references with resolutions,
// and count the number of newlines in the file for source maps.
const REPLACEMENT_RE = /\n|import\s+"([0-9a-f]{16}:.+?)";|(?:\$[0-9a-f]{16}\$exports)|(?:\$[0-9a-f]{16}\$(?:import|importAsync|require)\$[0-9a-f]+(?:\$[0-9a-f]+)?)/g;
const BUILTINS = Object.keys(_globals().default.builtin);
const GLOBALS_BY_CONTEXT = {
browser: new Set([...BUILTINS, ...Object.keys(_globals().default.browser)]),
'web-worker': new Set([...BUILTINS, ...Object.keys(_globals().default.worker)]),
'service-worker': new Set([...BUILTINS, ...Object.keys(_globals().default.serviceworker)]),
worklet: new Set([...BUILTINS]),
node: new Set([...BUILTINS, ...Object.keys(_globals().default.node)]),
'electron-main': new Set([...BUILTINS, ...Object.keys(_globals().default.node)]),
'electron-renderer': new Set([...BUILTINS, ...Object.keys(_globals().default.node), ...Object.keys(_globals().default.browser)])
};
const OUTPUT_FORMATS = {
esmodule: _ESMOutputFormat.ESMOutputFormat,
commonjs: _CJSOutputFormat.CJSOutputFormat,
global: _GlobalOutputFormat.GlobalOutputFormat
};
class ScopeHoistingPackager {
exportedSymbols = new Map();
externals = new Map();
topLevelNames = new Map();
seenAssets = new Set();
wrappedAssets = new Set();
hoistedRequires = new Map();
needsPrelude = false;
usedHelpers = new Set();
externalAssets = new Set();
constructor(options, bundleGraph, bundle, parcelRequireName, useAsyncBundleRuntime) {
this.options = options;
this.bundleGraph = bundleGraph;
this.bundle = bundle;
this.parcelRequireName = parcelRequireName;
this.useAsyncBundleRuntime = useAsyncBundleRuntime;
let OutputFormat = OUTPUT_FORMATS[this.bundle.env.outputFormat];
this.outputFormat = new OutputFormat(this);
this.isAsyncBundle = this.bundleGraph.hasParentBundleOfType(this.bundle, 'js') && !this.bundle.env.isIsolated() && this.bundle.bundleBehavior !== 'isolated';
this.globalNames = GLOBALS_BY_CONTEXT[bundle.env.context];
}
async package() {
var _sourceMap;
let wrappedAssets = await this.loadAssets();
this.buildExportedSymbols();
// If building a library, the target is actually another bundler rather
// than the final output that could be loaded in a browser. So, loader
// runtimes are excluded, and instead we add imports into the entry bundle
// of each bundle group pointing at the sibling bundles. These can be
// picked up by another bundler later at which point runtimes will be added.
if (this.bundle.env.isLibrary || this.bundle.env.outputFormat === 'commonjs') {
for (let b of this.bundleGraph.getReferencedBundles(this.bundle)) {
let entry = b.getMainEntry();
let symbols = new Map();
if (entry && !this.isAsyncBundle && entry.type === 'js') {
this.externalAssets.add(entry);
let usedSymbols = this.bundleGraph.getUsedSymbols(entry) || new Set();
for (let s of usedSymbols) {
// If the referenced bundle is ESM, and we are importing '*', use 'default' instead.
// This matches the logic below in buildExportedSymbols.
let imported = s;
if (imported === '*' && b.env.outputFormat === 'esmodule') {
imported = 'default';
}
symbols.set(imported, this.getSymbolResolution(entry, entry, s));
}
}
this.externals.set((0, _utils().relativeBundlePath)(this.bundle, b), symbols);
}
}
let res = '';
let lineCount = 0;
let sourceMap = null;
let processAsset = asset => {
let [content, map, lines] = this.visitAsset(asset);
if (sourceMap && map) {
sourceMap.addSourceMap(map, lineCount);
} else if (this.bundle.env.sourceMap) {
sourceMap = map;
}
res += content + '\n';
lineCount += lines + 1;
};
// Hoist wrapped asset to the top of the bundle to ensure that they are registered
// before they are used.
for (let asset of wrappedAssets) {
if (!this.seenAssets.has(asset.id)) {
processAsset(asset);
}
}
// Add each asset that is directly connected to the bundle. Dependencies will be handled
// by replacing `import` statements in the code.
this.bundle.traverseAssets((asset, _, actions) => {
if (this.seenAssets.has(asset.id)) {
actions.skipChildren();
return;
}
processAsset(asset);
actions.skipChildren();
});
let [prelude, preludeLines] = this.buildBundlePrelude();
res = prelude + res;
lineCount += preludeLines;
(_sourceMap = sourceMap) === null || _sourceMap === void 0 || _sourceMap.offsetLines(1, preludeLines);
let entries = this.bundle.getEntryAssets();
let mainEntry = this.bundle.getMainEntry();
if (this.isAsyncBundle) {
// In async bundles we don't want the main entry to execute until we require it
// as there might be dependencies in a sibling bundle that hasn't loaded yet.
entries = entries.filter(a => {
var _mainEntry;
return a.id !== ((_mainEntry = mainEntry) === null || _mainEntry === void 0 ? void 0 : _mainEntry.id);
});
mainEntry = null;
}
let needsBundleQueue = this.shouldBundleQueue(this.bundle);
// If any of the entry assets are wrapped, call parcelRequire so they are executed.
for (let entry of entries) {
if (this.wrappedAssets.has(entry.id) && !this.isScriptEntry(entry)) {
var _entry$symbols$get;
let parcelRequire = `parcelRequire(${JSON.stringify(this.bundleGraph.getAssetPublicId(entry))});\n`;
let entryExports = (_entry$symbols$get = entry.symbols.get('*')) === null || _entry$symbols$get === void 0 ? void 0 : _entry$symbols$get.local;
if (entryExports && entry === mainEntry && this.exportedSymbols.has(entryExports)) {
(0, _assert().default)(!needsBundleQueue, 'Entry exports are not yet compaitble with async bundles');
res += `\nvar ${entryExports} = ${parcelRequire}`;
} else {
if (needsBundleQueue) {
parcelRequire = this.runWhenReady(this.bundle, parcelRequire);
}
res += `\n${parcelRequire}`;
}
lineCount += 2;
}
}
let [postlude, postludeLines] = this.outputFormat.buildBundlePostlude();
res += postlude;
lineCount += postludeLines;
// The entry asset of a script bundle gets hoisted outside the bundle wrapper so that
// its top-level variables become globals like a real browser script. We need to replace
// all dependency references for runtimes with a parcelRequire call.
if (this.bundle.env.outputFormat === 'global' && this.bundle.env.sourceType === 'script') {
res += '\n';
lineCount++;
let mainEntry = (0, _nullthrows().default)(this.bundle.getMainEntry());
let {
code,
map: mapBuffer
} = (0, _nullthrows().default)(this.assetOutputs.get(mainEntry.id));
let map;
if (mapBuffer) {
map = new (_sourceMap2().default)(this.options.projectRoot, mapBuffer);
}
res += (0, _utils2.replaceScriptDependencies)(this.bundleGraph, this.bundle, code, map, this.parcelRequireName);
if (sourceMap && map) {
sourceMap.addSourceMap(map, lineCount);
}
}
return {
contents: res,
map: sourceMap
};
}
shouldBundleQueue(bundle) {
return this.useAsyncBundleRuntime && bundle.type === 'js' && bundle.bundleBehavior !== 'inline' && bundle.env.outputFormat === 'esmodule' && !bundle.env.isIsolated() && bundle.bundleBehavior !== 'isolated' && !this.bundleGraph.hasParentBundleOfType(bundle, 'js');
}
runWhenReady(bundle, codeToRun) {
let deps = this.bundleGraph.getReferencedBundles(bundle).filter(b => this.shouldBundleQueue(b)).map(b => b.publicId);
if (deps.length === 0) {
// If no deps we can safely execute immediately
return codeToRun;
}
let params = [JSON.stringify(this.bundle.publicId), (0, _helpers.fnExpr)(this.bundle.env, [], [codeToRun]), JSON.stringify(deps)];
return `$parcel$global.rwr(${params.join(', ')});`;
}
async loadAssets() {
let queue = new (_utils().PromiseQueue)({
maxConcurrent: 32
});
let wrapped = [];
this.bundle.traverseAssets(asset => {
queue.add(async () => {
let [code, map] = await Promise.all([asset.getCode(), this.bundle.env.sourceMap ? asset.getMapBuffer() : null]);
return [asset.id, {
code,
map
}];
});
if (asset.meta.shouldWrap || this.isAsyncBundle || this.bundle.env.sourceType === 'script' || this.bundleGraph.isAssetReferenced(this.bundle, asset) || this.bundleGraph.getIncomingDependencies(asset).some(dep => dep.meta.shouldWrap && dep.specifierType !== 'url')) {
if (!asset.meta.isConstantModule) {
this.wrappedAssets.add(asset.id);
wrapped.push(asset);
}
}
});
for (let wrappedAssetRoot of [...wrapped]) {
this.bundle.traverseAssets((asset, _, actions) => {
if (asset === wrappedAssetRoot) {
return;
}
if (this.wrappedAssets.has(asset.id)) {
actions.skipChildren();
return;
}
if (!asset.meta.isConstantModule) {
this.wrappedAssets.add(asset.id);
wrapped.push(asset);
}
}, wrappedAssetRoot);
}
this.assetOutputs = new Map(await queue.run());
return wrapped;
}
buildExportedSymbols() {
if (this.isAsyncBundle || !this.bundle.env.isLibrary || this.bundle.env.outputFormat !== 'esmodule') {
return;
}
// TODO: handle ESM exports of wrapped entry assets...
let entry = this.bundle.getMainEntry();
if (entry && !this.wrappedAssets.has(entry.id)) {
for (let {
asset,
exportAs,
symbol,
exportSymbol
} of this.bundleGraph.getExportedSymbols(entry)) {
if (typeof symbol === 'string') {
var _this$exportedSymbols, _entry$symbols$get2;
let symbols = (_this$exportedSymbols = this.exportedSymbols.get(symbol === '*' ? (0, _nullthrows().default)((_entry$symbols$get2 = entry.symbols.get('*')) === null || _entry$symbols$get2 === void 0 ? void 0 : _entry$symbols$get2.local) : symbol)) === null || _this$exportedSymbols === void 0 ? void 0 : _this$exportedSymbols.exportAs;
if (!symbols) {
symbols = [];
this.exportedSymbols.set(symbol, {
asset,
exportSymbol,
local: symbol,
exportAs: symbols
});
}
if (exportAs === '*') {
exportAs = 'default';
}
symbols.push(exportAs);
} else if (symbol === null) {
// TODO `meta.exportsIdentifier[exportSymbol]` should be exported
// let relativePath = relative(options.projectRoot, asset.filePath);
// throw getThrowableDiagnosticForNode(
// md`${relativePath} couldn't be statically analyzed when importing '${exportSymbol}'`,
// entry.filePath,
// loc,
// );
} else if (symbol !== false) {
// let relativePath = relative(options.projectRoot, asset.filePath);
// throw getThrowableDiagnosticForNode(
// md`${relativePath} does not export '${exportSymbol}'`,
// entry.filePath,
// loc,
// );
}
}
}
}
getTopLevelName(name) {
name = name.replace(NON_ID_CONTINUE_RE, '');
if (!ID_START_RE.test(name) || this.globalNames.has(name)) {
name = '_' + name;
}
let count = this.topLevelNames.get(name);
if (count == null) {
this.topLevelNames.set(name, 1);
return name;
}
this.topLevelNames.set(name, count + 1);
return name + count;
}
getPropertyAccess(obj, property) {
if (IDENTIFIER_RE.test(property)) {
return `${obj}.${property}`;
}
return `${obj}[${JSON.stringify(property)}]`;
}
visitAsset(asset) {
(0, _assert().default)(!this.seenAssets.has(asset.id), 'Already visited asset');
this.seenAssets.add(asset.id);
let {
code,
map
} = (0, _nullthrows().default)(this.assetOutputs.get(asset.id));
return this.buildAsset(asset, code, map);
}
buildAsset(asset, code, map) {
let shouldWrap = this.wrappedAssets.has(asset.id);
let deps = this.bundleGraph.getDependencies(asset);
let sourceMap = this.bundle.env.sourceMap && map ? new (_sourceMap2().default)(this.options.projectRoot, map) : null;
// If this asset is skipped, just add dependencies and not the asset's content.
if (this.shouldSkipAsset(asset)) {
let depCode = '';
let lineCount = 0;
for (let dep of deps) {
let resolved = this.bundleGraph.getResolvedAsset(dep, this.bundle);
let skipped = this.bundleGraph.isDependencySkipped(dep);
if (skipped) {
continue;
}
if (!resolved) {
if (!dep.isOptional) {
this.addExternal(dep);
}
continue;
}
if (this.bundle.hasAsset(resolved) && !this.seenAssets.has(resolved.id)) {
let [code, map, lines] = this.visitAsset(resolved);
depCode += code + '\n';
if (sourceMap && map) {
sourceMap.addSourceMap(map, lineCount);
}
lineCount += lines + 1;
}
}
return [depCode, sourceMap, lineCount];
}
// TODO: maybe a meta prop?
if (code.includes('$parcel$global')) {
this.usedHelpers.add('$parcel$global');
}
if (this.bundle.env.isNode() && asset.meta.has_node_replacements) {
const relPath = (0, _utils().normalizeSeparators)(_path().default.relative(this.bundle.target.distDir, _path().default.dirname(asset.filePath)));
code = code.replace('$parcel$dirnameReplace', relPath);
code = code.replace('$parcel$filenameReplace', relPath);
}
let [depMap, replacements] = this.buildReplacements(asset, deps);
let [prepend, prependLines, append] = this.buildAssetPrelude(asset, deps);
if (prependLines > 0) {
sourceMap === null || sourceMap === void 0 || sourceMap.offsetLines(1, prependLines);
code = prepend + code;
}
code += append;
let lineCount = 0;
let depContent = [];
if (depMap.size === 0 && replacements.size === 0) {
// If there are no dependencies or replacements, use a simple function to count the number of lines.
lineCount = (0, _utils().countLines)(code) - 1;
} else {
// Otherwise, use a regular expression to perform replacements.
// We need to track how many newlines there are for source maps, replace
// all import statements with dependency code, and perform inline replacements
// of all imported symbols with their resolved export symbols. This is all done
// in a single regex so that we only do one pass over the whole code.
let offset = 0;
let columnStartIndex = 0;
code = code.replace(REPLACEMENT_RE, (m, d, i) => {
var _replacements$get;
if (m === '\n') {
columnStartIndex = i + offset + 1;
lineCount++;
return '\n';
}
// If we matched an import, replace with the source code for the dependency.
if (d != null) {
let deps = depMap.get(d);
if (!deps) {
return m;
}
let replacement = '';
// A single `${id}:${specifier}:esm` might have been resolved to multiple assets due to
// reexports.
for (let dep of deps) {
let resolved = this.bundleGraph.getResolvedAsset(dep, this.bundle);
let skipped = this.bundleGraph.isDependencySkipped(dep);
if (resolved && !skipped) {
// Hoist variable declarations for the referenced parcelRequire dependencies
// after the dependency is declared. This handles the case where the resulting asset
// is wrapped, but the dependency in this asset is not marked as wrapped. This means
// that it was imported/required at the top-level, so its side effects should run immediately.
let [res, lines] = this.getHoistedParcelRequires(asset, dep, resolved);
let map;
if (this.bundle.hasAsset(resolved) && !this.seenAssets.has(resolved.id)) {
// If this asset is wrapped, we need to hoist the code for the dependency
// outside our parcelRequire.register wrapper. This is safe because all
// assets referenced by this asset will also be wrapped. Otherwise, inline the
// asset content where the import statement was.
if (shouldWrap) {
depContent.push(this.visitAsset(resolved));
} else {
let [depCode, depMap, depLines] = this.visitAsset(resolved);
res = depCode + '\n' + res;
lines += 1 + depLines;
map = depMap;
}
}
// Push this asset's source mappings down by the number of lines in the dependency
// plus the number of hoisted parcelRequires. Then insert the source map for the dependency.
if (sourceMap) {
if (lines > 0) {
sourceMap.offsetLines(lineCount + 1, lines);
}
if (map) {
sourceMap.addSourceMap(map, lineCount);
}
}
replacement += res;
lineCount += lines;
}
}
return replacement;
}
// If it wasn't a dependency, then it was an inline replacement (e.g. $id$import$foo -> $id$export$foo).
let replacement = (_replacements$get = replacements.get(m)) !== null && _replacements$get !== void 0 ? _replacements$get : m;
if (sourceMap) {
// Offset the source map columns for this line if the replacement was a different length.
// This assumes that the match and replacement both do not contain any newlines.
let lengthDifference = replacement.length - m.length;
if (lengthDifference !== 0) {
sourceMap.offsetColumns(lineCount + 1, i + offset - columnStartIndex + m.length, lengthDifference);
offset += lengthDifference;
}
}
return replacement;
});
}
// If the asset is wrapped, we need to insert the dependency code outside the parcelRequire.register
// wrapper. Dependencies must be inserted AFTER the asset is registered so that circular dependencies work.
if (shouldWrap) {
// Offset by one line for the parcelRequire.register wrapper.
sourceMap === null || sourceMap === void 0 || sourceMap.offsetLines(1, 1);
lineCount++;
code = `parcelRegister(${JSON.stringify(this.bundleGraph.getAssetPublicId(asset))}, function(module, exports) {
${code}
});
`;
lineCount += 2;
for (let [depCode, map, lines] of depContent) {
if (!depCode) continue;
code += depCode + '\n';
if (sourceMap && map) {
sourceMap.addSourceMap(map, lineCount);
}
lineCount += lines + 1;
}
this.needsPrelude = true;
}
if (!shouldWrap && this.shouldBundleQueue(this.bundle) && this.bundle.getEntryAssets().some(entry => entry.id === asset.id)) {
code = this.runWhenReady(this.bundle, code);
}
return [code, sourceMap, lineCount];
}
buildReplacements(asset, deps) {
let assetId = asset.meta.id;
(0, _assert().default)(typeof assetId === 'string');
// Build two maps: one of import specifiers, and one of imported symbols to replace.
// These will be used to build a regex below.
let depMap = new (_utils().DefaultMap)(() => []);
let replacements = new Map();
for (let dep of deps) {
let specifierType = dep.specifierType === 'esm' ? `:${dep.specifierType}` : '';
depMap.get(`${assetId}:${(0, _utils2.getSpecifier)(dep)}${!dep.meta.placeholder ? specifierType : ''}`).push(dep);
let asyncResolution = this.bundleGraph.resolveAsyncDependency(dep, this.bundle);
let resolved = (asyncResolution === null || asyncResolution === void 0 ? void 0 : asyncResolution.type) === 'asset' ?
// Prefer the underlying asset over a runtime to load it. It will
// be wrapped in Promise.resolve() later.
asyncResolution.value : this.bundleGraph.getResolvedAsset(dep, this.bundle);
if (!resolved && !dep.isOptional && !this.bundleGraph.isDependencySkipped(dep)) {
this.addExternal(dep, replacements);
}
if (!resolved) {
continue;
}
for (let [imported, {
local
}] of dep.symbols) {
if (local === '*') {
continue;
}
let symbol = this.getSymbolResolution(asset, resolved, imported, dep);
replacements.set(local,
// If this was an internalized async asset, wrap in a Promise.resolve.
(asyncResolution === null || asyncResolution === void 0 ? void 0 : asyncResolution.type) === 'asset' ? `Promise.resolve(${symbol})` : symbol);
}
// Async dependencies need a namespace object even if all used symbols were statically analyzed.
// This is recorded in the promiseSymbol meta property set by the transformer rather than in
// symbols so that we don't mark all symbols as used.
if (dep.priority === 'lazy' && dep.meta.promiseSymbol) {
let promiseSymbol = dep.meta.promiseSymbol;
(0, _assert().default)(typeof promiseSymbol === 'string');
let symbol = this.getSymbolResolution(asset, resolved, '*', dep);
replacements.set(promiseSymbol, (asyncResolution === null || asyncResolution === void 0 ? void 0 : asyncResolution.type) === 'asset' ? `Promise.resolve(${symbol})` : symbol);
}
}
// If this asset is wrapped, we need to replace the exports namespace with `module.exports`,
// which will be provided to us by the wrapper.
if (this.wrappedAssets.has(asset.id) || this.bundle.env.outputFormat === 'commonjs' && asset === this.bundle.getMainEntry()) {
var _asset$symbols$get;
let exportsName = ((_asset$symbols$get = asset.symbols.get('*')) === null || _asset$symbols$get === void 0 ? void 0 : _asset$symbols$get.local) || `$${assetId}$exports`;
replacements.set(exportsName, 'module.exports');
}
return [depMap, replacements];
}
addExternal(dep, replacements) {
if (this.bundle.env.outputFormat === 'global') {
throw new (_diagnostic().default)({
diagnostic: {
message: 'External modules are not supported when building for browser',
codeFrames: [{
filePath: (0, _nullthrows().default)(dep.sourcePath),
codeHighlights: dep.loc ? [(0, _diagnostic().convertSourceLocationToHighlight)(dep.loc)] : []
}]
}
});
}
// Map of DependencySpecifier -> Map<ExportedSymbol, Identifier>>
let external = this.externals.get(dep.specifier);
if (!external) {
external = new Map();
this.externals.set(dep.specifier, external);
}
for (let [imported, {
local
}] of dep.symbols) {
// If already imported, just add the already renamed variable to the mapping.
let renamed = external.get(imported);
if (renamed && local !== '*' && replacements) {
replacements.set(local, renamed);
continue;
}
// For CJS output, always use a property lookup so that exports remain live.
// For ESM output, use named imports which are always live.
if (this.bundle.env.outputFormat === 'commonjs') {
renamed = external.get('*');
if (!renamed) {
renamed = this.getTopLevelName(`$${this.bundle.publicId}$${dep.specifier}`);
external.set('*', renamed);
}
if (local !== '*' && replacements) {
let replacement;
if (imported === '*') {
replacement = renamed;
} else if (imported === 'default') {
replacement = `($parcel$interopDefault(${renamed}))`;
this.usedHelpers.add('$parcel$interopDefault');
} else {
replacement = this.getPropertyAccess(renamed, imported);
}
replacements.set(local, replacement);
}
} else {
// Rename the specifier so that multiple local imports of the same imported specifier
// are deduplicated. We have to prefix the imported name with the bundle id so that
// local variables do not shadow it.
if (this.exportedSymbols.has(local)) {
renamed = local;
} else if (imported === 'default' || imported === '*') {
renamed = this.getTopLevelName(`$${this.bundle.publicId}$${dep.specifier}`);
} else {
renamed = this.getTopLevelName(`$${this.bundle.publicId}$${imported}`);
}
external.set(imported, renamed);
if (local !== '*' && replacements) {
replacements.set(local, renamed);
}
}
}
}
isWrapped(resolved, parentAsset) {
if (resolved.meta.isConstantModule) {
(0, _assert().default)(this.bundle.hasAsset(resolved), 'Constant module not found in bundle');
return false;
}
return !this.bundle.hasAsset(resolved) && !this.externalAssets.has(resolved) || this.wrappedAssets.has(resolved.id) && resolved !== parentAsset;
}
getSymbolResolution(parentAsset, resolved, imported, dep) {
var _resolvedAsset$symbol;
let {
asset: resolvedAsset,
exportSymbol,
symbol
} = this.bundleGraph.getSymbolResolution(resolved, imported, this.bundle);
if (resolvedAsset.type !== 'js' || dep && this.bundleGraph.isDependencySkipped(dep)) {
// Graceful fallback for non-js imports or when trying to resolve a symbol
// that is actually unused but we still need a placeholder value.
return '{}';
}
let isWrapped = this.isWrapped(resolvedAsset, parentAsset);
let staticExports = resolvedAsset.meta.staticExports !== false;
let publicId = this.bundleGraph.getAssetPublicId(resolvedAsset);
// External CommonJS dependencies need to be accessed as an object property rather than imported
// directly to maintain live binding.
let isExternalCommonJS = !isWrapped && this.bundle.env.isLibrary && this.bundle.env.outputFormat === 'commonjs' && !this.bundle.hasAsset(resolvedAsset);
// If the resolved asset is wrapped, but imported at the top-level by this asset,
// then we hoist parcelRequire calls to the top of this asset so side effects run immediately.
if (isWrapped && dep && !(dep !== null && dep !== void 0 && dep.meta.shouldWrap) && symbol !== false && (
// Only do this if the asset is part of a different bundle (so it was definitely
// parcelRequire.register'ed there), or if it is indeed registered in this bundle.
!this.bundle.hasAsset(resolvedAsset) || !this.shouldSkipAsset(resolvedAsset))) {
let hoisted = this.hoistedRequires.get(dep.id);
if (!hoisted) {
hoisted = new Map();
this.hoistedRequires.set(dep.id, hoisted);
}
hoisted.set(resolvedAsset.id, `var $${publicId} = parcelRequire(${JSON.stringify(publicId)});`);
}
if (isWrapped) {
this.needsPrelude = true;
}
// If this is an ESM default import of a CJS module with a `default` symbol,
// and no __esModule flag, we need to resolve to the namespace instead.
let isDefaultInterop = exportSymbol === 'default' && staticExports && !isWrapped && ((dep === null || dep === void 0 ? void 0 : dep.meta.kind) === 'Import' || (dep === null || dep === void 0 ? void 0 : dep.meta.kind) === 'Export') && resolvedAsset.symbols.hasExportSymbol('*') && resolvedAsset.symbols.hasExportSymbol('default') && !resolvedAsset.symbols.hasExportSymbol('__esModule');
// Find the namespace object for the resolved module. If wrapped and this
// is an inline require (not top-level), use a parcelRequire call, otherwise
// the hoisted variable declared above. Otherwise, if not wrapped, use the
// namespace export symbol.
let assetId = resolvedAsset.meta.id;
(0, _assert().default)(typeof assetId === 'string');
let obj = isWrapped && (!dep || dep !== null && dep !== void 0 && dep.meta.shouldWrap) ?
// Wrap in extra parenthesis to not change semantics, e.g.`new (parcelRequire("..."))()`.
`(parcelRequire(${JSON.stringify(publicId)}))` : isWrapped && dep ? `$${publicId}` : ((_resolvedAsset$symbol = resolvedAsset.symbols.get('*')) === null || _resolvedAsset$symbol === void 0 ? void 0 : _resolvedAsset$symbol.local) || `$${assetId}$exports`;
if (imported === '*' || exportSymbol === '*' || isDefaultInterop) {
// Resolve to the namespace object if requested or this is a CJS default interop reqiure.
if (parentAsset === resolvedAsset && this.wrappedAssets.has(resolvedAsset.id)) {
// Directly use module.exports for wrapped assets importing themselves.
return 'module.exports';
} else {
return obj;
}
} else if ((!staticExports || isWrapped || !symbol || isExternalCommonJS) && resolvedAsset !== parentAsset) {
// If the resolved asset is wrapped or has non-static exports,
// we need to use a member access off the namespace object rather
// than a direct reference. If importing default from a CJS module,
// use a helper to check the __esModule flag at runtime.
let kind = dep === null || dep === void 0 ? void 0 : dep.meta.kind;
if ((!dep || kind === 'Import' || kind === 'Export') && exportSymbol === 'default' && resolvedAsset.symbols.hasExportSymbol('*') && this.needsDefaultInterop(resolvedAsset)) {
this.usedHelpers.add('$parcel$interopDefault');
return `(/*@__PURE__*/$parcel$interopDefault(${obj}))`;
} else {
return this.getPropertyAccess(obj, exportSymbol);
}
} else if (!symbol) {
(0, _assert().default)(false, 'Asset was skipped or not found.');
} else {
return symbol;
}
}
getHoistedParcelRequires(parentAsset, dep, resolved) {
if (resolved.type !== 'js') {
return ['', 0];
}
let hoisted = this.hoistedRequires.get(dep.id);
let res = '';
let lineCount = 0;
let isWrapped = this.isWrapped(resolved, parentAsset);
// If the resolved asset is wrapped and is imported in the top-level by this asset,
// we need to run side effects when this asset runs. If the resolved asset is not
// the first one in the hoisted requires, we need to insert a parcelRequire here
// so it runs first.
if (isWrapped && !dep.meta.shouldWrap && (!hoisted || hoisted.keys().next().value !== resolved.id) && !this.bundleGraph.isDependencySkipped(dep) && !this.shouldSkipAsset(resolved)) {
this.needsPrelude = true;
res += `parcelRequire(${JSON.stringify(this.bundleGraph.getAssetPublicId(resolved))});`;
}
if (hoisted) {
this.needsPrelude = true;
res += '\n' + [...hoisted.values()].join('\n');
lineCount += hoisted.size;
}
return [res, lineCount];
}
buildAssetPrelude(asset, deps) {
let prepend = '';
let prependLineCount = 0;
let append = '';
let shouldWrap = this.wrappedAssets.has(asset.id);
let usedSymbols = (0, _nullthrows().default)(this.bundleGraph.getUsedSymbols(asset));
let assetId = asset.meta.id;
(0, _assert().default)(typeof assetId === 'string');
// If the asset has a namespace export symbol, it is CommonJS.
// If there's no __esModule flag, and default is a used symbol, we need
// to insert an interop helper.
let defaultInterop = asset.symbols.hasExportSymbol('*') && usedSymbols.has('default') && !asset.symbols.hasExportSymbol('__esModule');
let usedNamespace =
// If the asset has * in its used symbols, we might need the exports namespace.
// The one case where this isn't true is in ESM library entries, where the only
// dependency on * is the entry dependency. In this case, we will use ESM exports
// instead of the namespace object.
usedSymbols.has('*') && (this.bundle.env.outputFormat !== 'esmodule' || !this.bundle.env.isLibrary || asset !== this.bundle.getMainEntry() || this.bundleGraph.getIncomingDependencies(asset).some(dep => !dep.isEntry && (0, _nullthrows().default)(this.bundleGraph.getUsedSymbols(dep)).has('*'))) ||
// If a symbol is imported (used) from a CJS asset but isn't listed in the symbols,
// we fallback on the namespace object.
asset.symbols.hasExportSymbol('*') && [...usedSymbols].some(s => !asset.symbols.hasExportSymbol(s)) ||
// If the exports has this asset's namespace (e.g. ESM output from CJS input),
// include the namespace object for the default export.
this.exportedSymbols.has(`$${assetId}$exports`);
// If the asset doesn't have static exports, should wrap, the namespace is used,
// or we need default interop, then we need to synthesize a namespace object for
// this asset.
if (asset.meta.staticExports === false || shouldWrap || usedNamespace || defaultInterop) {
// Insert a declaration for the exports namespace object. If the asset is wrapped
// we don't need to do this, because we'll use the `module.exports` object provided
// by the wrapper instead. This is also true of CommonJS entry assets, which will use
// the `module.exports` object provided by CJS.
if (!shouldWrap && (this.bundle.env.outputFormat !== 'commonjs' || asset !== this.bundle.getMainEntry())) {
prepend += `var $${assetId}$exports = {};\n`;
prependLineCount++;
}
// Insert the __esModule interop flag for this module if it has a `default` export
// and the namespace symbol is used.
// TODO: only if required by CJS?
if (asset.symbols.hasExportSymbol('default') && usedSymbols.has('*')) {
prepend += `\n$parcel$defineInteropFlag($${assetId}$exports);\n`;
prependLineCount += 2;
this.usedHelpers.add('$parcel$defineInteropFlag');
}
// Find wildcard re-export dependencies, and make sure their exports are also included in
// ours. Importantly, add them before the asset's own exports so that wildcard exports get
// correctly overwritten by own exports of the same name.
for (let dep of deps) {
let resolved = this.bundleGraph.getResolvedAsset(dep, this.bundle);
if (dep.isOptional || this.bundleGraph.isDependencySkipped(dep)) {
continue;
}
let isWrapped = resolved && resolved.meta.shouldWrap;
for (let [imported, {
local
}] of dep.symbols) {
if (imported === '*' && local === '*') {
if (!resolved) {
// Re-exporting an external module. This should have already been handled in buildReplacements.
let external = (0, _nullthrows().default)((0, _nullthrows().default)(this.externals.get(dep.specifier)).get('*'));
append += `$parcel$exportWildcard($${assetId}$exports, ${external});\n`;
this.usedHelpers.add('$parcel$exportWildcard');
continue;
}
// If the resolved asset has an exports object, use the $parcel$exportWildcard helper
// to re-export all symbols. Otherwise, if there's no namespace object available, add
// $parcel$export calls for each used symbol of the dependency.
if (isWrapped || resolved.meta.staticExports === false || (0, _nullthrows().default)(this.bundleGraph.getUsedSymbols(resolved)).has('*') ||
// an empty asset
!resolved.meta.hasCJSExports && resolved.symbols.hasExportSymbol('*')) {
let obj = this.getSymbolResolution(asset, resolved, '*', dep);
append += `$parcel$exportWildcard($${assetId}$exports, ${obj});\n`;
this.usedHelpers.add('$parcel$exportWildcard');
} else {
for (let symbol of (0, _nullthrows().default)(this.bundleGraph.getUsedSymbols(dep))) {
if (symbol === 'default' ||
// `export * as ...` does not include the default export
symbol === '__esModule') {
continue;
}
let resolvedSymbol = this.getSymbolResolution(asset, resolved, symbol);
let get = this.buildFunctionExpression([], resolvedSymbol);
let set = asset.meta.hasCJSExports ? ', ' + this.buildFunctionExpression(['v'], `${resolvedSymbol} = v`) : '';
prepend += `$parcel$export($${assetId}$exports, ${JSON.stringify(symbol)}, ${get}${set});\n`;
this.usedHelpers.add('$parcel$export');
prependLineCount++;
}
}
}
}
}
// Find the used exports of this module. This is based on the used symbols of
// incoming dependencies rather than the asset's own used exports so that we include
// re-exported symbols rather than only symbols declared in this asset.
let incomingDeps = this.bundleGraph.getIncomingDependencies(asset);
let usedExports = [...asset.symbols.exportSymbols()].filter(symbol => {
if (symbol === '*') {
return false;
}
// If we need default interop, then all symbols are needed because the `default`
// symbol really maps to the whole namespace.
if (defaultInterop) {
return true;
}
let unused = incomingDeps.every(d => {
let symbols = (0, _nullthrows().default)(this.bundleGraph.getUsedSymbols(d));
return !symbols.has(symbol) && !symbols.has('*');
});
return !unused;
});
if (usedExports.length > 0) {
// Insert $parcel$export calls for each of the used exports. This creates a getter/setter
// for the symbol so that when the value changes the object property also changes. This is
// required to simulate ESM live bindings. It's easier to do it this way rather than inserting
// additional assignments after each mutation of the original binding.
prepend += `\n${usedExports.map(exp => {
var _asset$symbols$get2;
let resolved = this.getSymbolResolution(asset, asset, exp);
let get = this.buildFunctionExpression([], resolved);
let isEsmExport = !!((_asset$symbols$get2 = asset.symbols.get(exp)) !== null && _asset$symbols$get2 !== void 0 && (_asset$symbols$get2 = _asset$symbols$get2.meta) !== null && _asset$symbols$get2 !== void 0 && _asset$symbols$get2.isEsm);
let set = !isEsmExport && asset.meta.hasCJSExports ? ', ' + this.buildFunctionExpression(['v'], `${resolved} = v`) : '';
return `$parcel$export($${assetId}$exports, ${JSON.stringify(exp)}, ${get}${set});`;
}).join('\n')}\n`;
this.usedHelpers.add('$parcel$export');
prependLineCount += 1 + usedExports.length;
}
}
return [prepend, prependLineCount, append];
}
buildBundlePrelude() {
let enableSourceMaps = this.bundle.env.sourceMap;
let res = '';
let lines = 0;
// Add hashbang if the entry asset recorded an interpreter.
let mainEntry = this.bundle.getMainEntry();
if (mainEntry && !this.isAsyncBundle && !this.bundle.target.env.isBrowser()) {
let interpreter = mainEntry.meta.interpreter;
(0, _assert().default)(interpreter == null || typeof interpreter === 'string');
if (interpreter != null) {
res += `#!${interpreter}\n`;
lines++;
}
}
// The output format may have specific things to add at the start of the bundle (e.g. imports).
let [outputFormatPrelude, outputFormatLines] = this.outputFormat.buildBundlePrelude();
res += outputFormatPrelude;
lines += outputFormatLines;
// Add used helpers.
if (this.needsPrelude) {
this.usedHelpers.add('$parcel$global');
}
for (let helper of this.usedHelpers) {
let currentHelper = _helpers.helpers[helper];
if (typeof currentHelper === 'function') {
currentHelper = _helpers.helpers[helper](this.bundle.env);
}
res += currentHelper;
if (enableSourceMaps) {
lines += (0, _utils().countLines)(currentHelper) - 1;
}
}
if (this.needsPrelude) {
// Add the prelude if this is potentially the first JS bundle to load in a
// particular context (e.g. entry scripts in HTML, workers, etc.).
let parentBundles = this.bundleGraph.getParentBundles(this.bundle);
let mightBeFirstJS = parentBundles.length === 0 || parentBundles.some(b => b.type !== 'js') || this.bundleGraph.getBundleGroupsContainingBundle(this.bundle).some(g => this.bundleGraph.isEntryBundleGroup(g)) || this.bundle.env.isIsolated() || this.bundle.bundleBehavior === 'isolated';
if (mightBeFirstJS) {
let preludeCode = (0, _helpers.prelude)(this.parcelRequireName);
res += preludeCode;
if (enableSourceMaps) {
lines += (0, _utils().countLines)(preludeCode) - 1;
}
if (this.shouldBundleQueue(this.bundle)) {
let bundleQueuePreludeCode = (0, _helpers.bundleQueuePrelude)(this.bundle.env);
res += bundleQueuePreludeCode;
if (enableSourceMaps) {
lines += (0, _utils().countLines)(bundleQueuePreludeCode) - 1;
}
}
} else {
// Otherwise, get the current parcelRequire global.
const escaped = JSON.stringify(this.parcelRequireName);
res += `var parcelRequire = $parcel$global[${escaped}];\n`;
lines++;
res += `var parcelRegister = parcelRequire.register;\n`;
lines++;
}
}
// Add importScripts for sibling bundles in workers.
if (this.bundle.env.isWorker() || this.bundle.env.isWorklet()) {
let importScripts = '';
let bundles = this.bundleGraph.getReferencedBundles(this.bundle);
for (let b of bundles) {
if (this.bundle.env.outputFormat === 'esmodule') {
// importScripts() is not allowed in native ES module workers.
importScripts += `import "${(0, _utils().relativeBundlePath)(this.bundle, b)}";\n`;
} else {
importScripts += `importScripts("${(0, _utils().relativeBundlePath)(this.bundle, b)}");\n`;
}
}
res += importScripts;
lines += bundles.length;
}
return [res, lines];
}
needsDefaultInterop(asset) {
if (asset.symbols.hasExportSymbol('*') && !asset.symbols.hasExportSymbol('default')) {
let deps = this.bundleGraph.getIncomingDependencies(asset);
return deps.some(dep => this.bundle.hasDependency(dep) &&
// dep.meta.isES6Module &&
dep.symbols.hasExportSymbol('default'));
}
return false;
}
shouldSkipAsset(asset) {
if (this.isScriptEntry(asset)) {
return true;
}
return asset.sideEffects === false && (0, _nullthrows().default)(this.bundleGraph.getUsedSymbols(asset)).size == 0 && !this.bundleGraph.isAssetReferenced(this.bundle, asset);
}
isScriptEntry(asset) {
return this.bundle.env.outputFormat === 'global' && this.bundle.env.sourceType === 'script' && asset === this.bundle.getMainEntry();
}
buildFunctionExpression(args, expr) {
return this.bundle.env.supports('arrow-functions', true) ? `(${args.join(', ')}) => ${expr}` : `function (${args.join(', ')}) { return ${expr}; }`;
}
}
exports.ScopeHoistingPackager = ScopeHoistingPackager;