const CSSParser = require("./CSSParser");

const CSSGenerator = require("./CSSGenerator");

const CSSTemplate = require("./CSSTemplate");

const { ConcatSource } = require("webpack-sources");

class CSSModulesPlugin {

constructor() {

this.plugin = {

name: "CSSModulesPlugin"

};

}

apply(compiler) {

const { plugin } = this;

const { compilation } = compiler.hooks;

compilation.tap(plugin, (compilation, { normalModuleFactory }) => {

const { createParser, createGenerator } = normalModuleFactory.hooks;

createParser.for("css/experimental").tap(plugin, options => {

return new CSSParser(options);

});

createGenerator.for("css/experimental").tap(plugin, options => {

return new CSSGenerator(options);

});

const { chunkTemplate } = compilation;

chunkTemplate.hooks.renderManifest.tap(plugin, (result, options) => {

const { chunk, moduleTemplates, dependencyTemplates } = options;

const filenameTemplate = options.outputOptions.cssFilename;

result.push({

render: () =>

this.renderCSS(

chunkTemplate,

chunk,

moduleTemplates.css,

dependencyTemplates

),

filenameTemplate,

pathOptions: {

chunk

},

identifier: `CSSChunk (${chunk.id})`,

hash: chunk.hash

});

return result;

});

});

}

renderCSSModules(module, moduleTemplate, dependencyTemplates) {

return moduleTemplate.render(module, dependencyTemplates, {});

}

renderCSS(chunkTemplate, chunk, moduleTemplate, dependencyTemplates) {

const { modules } = chunkTemplate.hooks;

const sources = CSSTemplate.renderChunk(

chunk,

module => module.type.startsWith("css"),

moduleTemplate,

dependencyTemplates

);

const result = modules.call(

sources,

chunk,

moduleTemplate,

dependencyTemplates

);

chunk.rendered = true;

return new ConcatSource(result);

}

}

module.exports = CSSModulesPlugin;