285 lines
13 KiB
JavaScript
285 lines
13 KiB
JavaScript
"use strict";
|
||
Object.defineProperty(exports, "__esModule", { value: true });
|
||
exports.makeAfterCompile = void 0;
|
||
const path = require("path");
|
||
const webpack = require("webpack");
|
||
const constants = require("./constants");
|
||
const instances_1 = require("./instances");
|
||
const utils_1 = require("./utils");
|
||
/**
|
||
* This returns a function that has options to add assets and also to provide errors to webpack
|
||
* In webpack 4 we can do both during the afterCompile hook
|
||
* In webpack 5 only errors should be provided during aftercompile. Assets should be
|
||
* emitted during the afterProcessAssets hook
|
||
*/
|
||
function makeAfterCompile(instance, configFilePath) {
|
||
let getCompilerOptionDiagnostics = true;
|
||
let checkAllFilesForErrors = true;
|
||
return (compilation, callback) => {
|
||
// Don't add errors for child compilations
|
||
if (compilation.compiler.isChild()) {
|
||
callback();
|
||
return;
|
||
}
|
||
if (instance.loaderOptions.transpileOnly) {
|
||
provideAssetsFromSolutionBuilderHost(instance, compilation);
|
||
callback();
|
||
return;
|
||
}
|
||
removeCompilationTSLoaderErrors(compilation, instance.loaderOptions);
|
||
provideCompilerOptionDiagnosticErrorsToWebpack(getCompilerOptionDiagnostics, compilation, instance, configFilePath);
|
||
getCompilerOptionDiagnostics = false;
|
||
const modules = determineModules(compilation, instance);
|
||
const filesToCheckForErrors = determineFilesToCheckForErrors(checkAllFilesForErrors, instance);
|
||
checkAllFilesForErrors = false;
|
||
const filesWithErrors = new Map();
|
||
provideErrorsToWebpack(filesToCheckForErrors, filesWithErrors, compilation, modules, instance);
|
||
provideSolutionErrorsToWebpack(compilation, modules, instance);
|
||
provideDeclarationFilesToWebpack(filesToCheckForErrors, instance, compilation);
|
||
provideTsBuildInfoFilesToWebpack(instance, compilation);
|
||
provideAssetsFromSolutionBuilderHost(instance, compilation);
|
||
instance.filesWithErrors = filesWithErrors;
|
||
instance.modifiedFiles = undefined;
|
||
instance.projectsMissingSourceMaps = new Set();
|
||
callback();
|
||
};
|
||
}
|
||
exports.makeAfterCompile = makeAfterCompile;
|
||
/**
|
||
* handle compiler option errors after the first compile
|
||
*/
|
||
function provideCompilerOptionDiagnosticErrorsToWebpack(getCompilerOptionDiagnostics, compilation, instance, configFilePath) {
|
||
if (getCompilerOptionDiagnostics) {
|
||
const { languageService, loaderOptions, compiler, program } = instance;
|
||
const errors = (0, utils_1.formatErrors)(program === undefined
|
||
? languageService.getCompilerOptionsDiagnostics()
|
||
: program.getOptionsDiagnostics(), loaderOptions, instance.colors, compiler, { file: configFilePath || 'tsconfig.json' }, compilation.compiler.context);
|
||
compilation.errors.push(...errors);
|
||
}
|
||
}
|
||
/**
|
||
* build map of all modules based on normalized filename
|
||
* this is used for quick-lookup when trying to find modules
|
||
* based on filepath
|
||
*/
|
||
function determineModules(compilation, { filePathKeyMapper }) {
|
||
const modules = new Map();
|
||
compilation.modules.forEach(module => {
|
||
if (module instanceof webpack.NormalModule && module.resource) {
|
||
const modulePath = filePathKeyMapper(module.resource);
|
||
const existingModules = modules.get(modulePath);
|
||
if (existingModules !== undefined) {
|
||
if (!existingModules.includes(module)) {
|
||
existingModules.push(module);
|
||
}
|
||
}
|
||
else {
|
||
modules.set(modulePath, [module]);
|
||
}
|
||
}
|
||
});
|
||
return modules;
|
||
}
|
||
function determineFilesToCheckForErrors(checkAllFilesForErrors, instance) {
|
||
const { files, modifiedFiles, filesWithErrors, otherFiles } = instance;
|
||
// calculate array of files to check
|
||
const filesToCheckForErrors = new Map();
|
||
if (checkAllFilesForErrors) {
|
||
// check all files on initial run
|
||
for (const [filePath, file] of files) {
|
||
addFileToCheckForErrors(filePath, file);
|
||
}
|
||
for (const [filePath, file] of otherFiles) {
|
||
addFileToCheckForErrors(filePath, file);
|
||
}
|
||
}
|
||
else if (modifiedFiles !== null &&
|
||
modifiedFiles !== undefined &&
|
||
modifiedFiles.size) {
|
||
const reverseDependencyGraph = (0, utils_1.populateReverseDependencyGraph)(instance);
|
||
// check all modified files, and all dependants
|
||
for (const modifiedFileName of modifiedFiles.keys()) {
|
||
for (const fileName of (0, utils_1.collectAllDependants)(reverseDependencyGraph, modifiedFileName).keys()) {
|
||
const fileToCheckForErrors = files.get(fileName) || otherFiles.get(fileName);
|
||
if (fileToCheckForErrors) { //file may have been removed
|
||
addFileToCheckForErrors(fileName, fileToCheckForErrors);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
// re-check files with errors from previous build
|
||
if (filesWithErrors !== undefined) {
|
||
for (const [fileWithErrorName, fileWithErrors] of filesWithErrors) {
|
||
addFileToCheckForErrors(fileWithErrorName, fileWithErrors);
|
||
}
|
||
}
|
||
return filesToCheckForErrors;
|
||
function addFileToCheckForErrors(filePath, file) {
|
||
if (file && !(0, utils_1.isReferencedFile)(instance, filePath)) {
|
||
filesToCheckForErrors.set(filePath, file);
|
||
}
|
||
}
|
||
}
|
||
function provideErrorsToWebpack(filesToCheckForErrors, filesWithErrors, compilation, modules, instance) {
|
||
const { compiler, files, loaderOptions, compilerOptions, otherFiles, } = instance;
|
||
const filePathRegex = compilerOptions.allowJs === true
|
||
? constants.dtsTsTsxJsJsxRegex
|
||
: constants.dtsTsTsxRegex;
|
||
// I’m pretty sure this will never be undefined here
|
||
const program = (0, utils_1.ensureProgram)(instance);
|
||
for (const [filePath, { fileName }] of filesToCheckForErrors.entries()) {
|
||
if (fileName.match(filePathRegex) === null) {
|
||
continue;
|
||
}
|
||
const sourceFile = program && program.getSourceFile(fileName);
|
||
const errors = [];
|
||
if (program && sourceFile) {
|
||
errors.push(...program.getSyntacticDiagnostics(sourceFile), ...program
|
||
.getSemanticDiagnostics(sourceFile)
|
||
// Output file has not been built from source file - this message is redundant with
|
||
// program.getOptionsDiagnostics() separately added in instances.ts
|
||
.filter(({ code }) => code !== 6305));
|
||
}
|
||
if (errors.length > 0) {
|
||
const fileWithError = files.get(filePath) || otherFiles.get(filePath);
|
||
filesWithErrors.set(filePath, fileWithError);
|
||
}
|
||
// if we have access to a webpack module, use that
|
||
const associatedModules = modules.get(instance.filePathKeyMapper(fileName));
|
||
if (associatedModules !== undefined) {
|
||
associatedModules.forEach(module => {
|
||
removeModuleTSLoaderError(module, loaderOptions);
|
||
// append errors
|
||
const formattedErrors = (0, utils_1.formatErrors)(errors, loaderOptions, instance.colors, compiler, { module }, compilation.compiler.context);
|
||
formattedErrors.forEach(error => {
|
||
if (module.addError) {
|
||
module.addError(error);
|
||
}
|
||
else {
|
||
module.errors.push(error);
|
||
}
|
||
});
|
||
compilation.errors.push(...formattedErrors);
|
||
});
|
||
}
|
||
else {
|
||
// otherwise it's a more generic error
|
||
const formattedErrors = (0, utils_1.formatErrors)(errors, loaderOptions, instance.colors, compiler, { file: fileName }, compilation.compiler.context);
|
||
compilation.errors.push(...formattedErrors);
|
||
}
|
||
}
|
||
}
|
||
function provideSolutionErrorsToWebpack(compilation, modules, instance) {
|
||
if (!instance.solutionBuilderHost ||
|
||
!(instance.solutionBuilderHost.diagnostics.global.length ||
|
||
instance.solutionBuilderHost.diagnostics.perFile.size)) {
|
||
return;
|
||
}
|
||
const { compiler, loaderOptions, solutionBuilderHost: { diagnostics }, } = instance;
|
||
for (const [filePath, perFileDiagnostics] of diagnostics.perFile) {
|
||
// if we have access to a webpack module, use that
|
||
const associatedModules = modules.get(filePath);
|
||
if (associatedModules !== undefined) {
|
||
associatedModules.forEach(module => {
|
||
removeModuleTSLoaderError(module, loaderOptions);
|
||
// append errors
|
||
const formattedErrors = (0, utils_1.formatErrors)(perFileDiagnostics, loaderOptions, instance.colors, compiler, { module }, compilation.compiler.context);
|
||
formattedErrors.forEach(error => {
|
||
if (module.addError) {
|
||
module.addError(error);
|
||
}
|
||
else {
|
||
module.errors.push(error);
|
||
}
|
||
});
|
||
compilation.errors.push(...formattedErrors);
|
||
});
|
||
}
|
||
else {
|
||
// otherwise it's a more generic error
|
||
const formattedErrors = (0, utils_1.formatErrors)(perFileDiagnostics, loaderOptions, instance.colors, compiler, { file: path.resolve(perFileDiagnostics[0].file.fileName) }, compilation.compiler.context);
|
||
compilation.errors.push(...formattedErrors);
|
||
}
|
||
}
|
||
// Add global solution errors
|
||
compilation.errors.push(...(0, utils_1.formatErrors)(diagnostics.global, instance.loaderOptions, instance.colors, instance.compiler, { file: 'tsconfig.json' }, compilation.compiler.context));
|
||
}
|
||
/**
|
||
* gather all declaration files from TypeScript and output them to webpack.
|
||
* JavaScript declaration files are included if `allowJs` is set.
|
||
*/
|
||
function provideDeclarationFilesToWebpack(filesToCheckForErrors, instance, compilation) {
|
||
const filePathRegex = instance.compilerOptions.allowJs === true
|
||
? constants.dtsTsTsxJsJsxRegex
|
||
: constants.dtsTsTsxRegex;
|
||
for (const { fileName } of filesToCheckForErrors.values()) {
|
||
if (fileName.match(filePathRegex) === null) {
|
||
continue;
|
||
}
|
||
addDeclarationFilesAsAsset((0, instances_1.getEmitOutput)(instance, fileName), compilation);
|
||
}
|
||
}
|
||
function addDeclarationFilesAsAsset(outputFiles, compilation, skipOutputFile) {
|
||
outputFilesToAsset(outputFiles, compilation, outputFile => skipOutputFile && skipOutputFile(outputFile)
|
||
? true
|
||
: !outputFile.name.match(constants.dtsDtsxOrDtsDtsxMapRegex));
|
||
}
|
||
function outputFileToAsset(outputFile, compilation) {
|
||
const assetPath = path
|
||
.relative(compilation.compiler.outputPath, outputFile.name)
|
||
// According to @alexander-akait (and @sokra) we should always '/' https://github.com/TypeStrong/ts-loader/pull/1251#issuecomment-799606985
|
||
.replace(/\\/g, '/');
|
||
// As suggested by @JonWallsten here: https://github.com/TypeStrong/ts-loader/pull/1251#issuecomment-800032753
|
||
compilation.emitAsset(assetPath, new webpack.sources.RawSource(outputFile.text));
|
||
}
|
||
function outputFilesToAsset(outputFiles, compilation, skipOutputFile) {
|
||
for (const outputFile of outputFiles) {
|
||
if (!skipOutputFile || !skipOutputFile(outputFile)) {
|
||
outputFileToAsset(outputFile, compilation);
|
||
}
|
||
}
|
||
}
|
||
/**
|
||
* gather all .tsbuildinfo for the project
|
||
*/
|
||
function provideTsBuildInfoFilesToWebpack(instance, compilation) {
|
||
if (instance.watchHost) {
|
||
// Ensure emit is complete
|
||
(0, instances_1.getEmitFromWatchHost)(instance);
|
||
if (instance.watchHost.tsbuildinfo) {
|
||
outputFileToAsset(instance.watchHost.tsbuildinfo, compilation);
|
||
}
|
||
instance.watchHost.outputFiles.clear();
|
||
instance.watchHost.tsbuildinfo = undefined;
|
||
}
|
||
}
|
||
/**
|
||
* gather all solution builder assets
|
||
*/
|
||
function provideAssetsFromSolutionBuilderHost(instance, compilation) {
|
||
if (instance.solutionBuilderHost) {
|
||
// written files
|
||
outputFilesToAsset(instance.solutionBuilderHost.writtenFiles, compilation);
|
||
instance.solutionBuilderHost.writtenFiles.length = 0;
|
||
}
|
||
}
|
||
/**
|
||
* handle all other errors. The basic approach here to get accurate error
|
||
* reporting is to start with a "blank slate" each compilation and gather
|
||
* all errors from all files. Since webpack tracks errors in a module from
|
||
* compilation-to-compilation, and since not every module always runs through
|
||
* the loader, we need to detect and remove any pre-existing errors.
|
||
*/
|
||
function removeCompilationTSLoaderErrors(compilation, loaderOptions) {
|
||
compilation.errors = compilation.errors.filter(error => error.details !== (0, utils_1.tsLoaderSource)(loaderOptions));
|
||
}
|
||
function removeModuleTSLoaderError(module, loaderOptions) {
|
||
const warnings = module.getWarnings();
|
||
const errors = module.getErrors();
|
||
module.clearWarningsAndErrors();
|
||
Array.from(warnings || []).forEach(warning => module.addWarning(warning));
|
||
Array.from(errors || [])
|
||
.filter((error) => error.loaderSource !== (0, utils_1.tsLoaderSource)(loaderOptions))
|
||
.forEach(error => module.addError(error));
|
||
}
|
||
//# sourceMappingURL=after-compile.js.map
|