From 348dbe32eeba6b743cba09af829ead81e25b0cda Mon Sep 17 00:00:00 2001
From: Matt Gadd <mgadd@sitepen.com>
Date: Fri, 1 Mar 2019 19:14:16 +0000
Subject: [PATCH] add strict css module checks to avoid leakage

---
 package.json       |  2 ++
 src/base.config.ts | 26 ++++++++++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/package.json b/package.json
index e002c691..f421580a 100644
--- a/package.json
+++ b/package.json
@@ -141,6 +141,8 @@
     "slash": "1.0.0",
     "source-map-loader-cli": "0.0.1",
     "strip-ansi": "3.0.1",
+    "stylelint": "9.10.1",
+    "stylelint-webpack-plugin": "0.10.5",
     "terser-webpack-plugin": "1.1.0",
     "ts-loader": "5.3.0",
     "ts-node": "7.0.1",
diff --git a/src/base.config.ts b/src/base.config.ts
index 4d828211..225eee93 100644
--- a/src/base.config.ts
+++ b/src/base.config.ts
@@ -21,6 +21,9 @@ const WrapperPlugin = require('wrapper-webpack-plugin');
 const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin');
 
+const stylelint = require('stylelint');
+const StyleLintPlugin = require('stylelint-webpack-plugin');
+
 const basePath = process.cwd();
 const srcPath = path.join(basePath, 'src');
 const testPath = path.join(basePath, 'tests');
@@ -344,6 +347,29 @@ export default function webpackConfigFactory(args: any): webpack.Configuration {
 		devtool: 'source-map',
 		watchOptions: { ignored: /node_modules/ },
 		plugins: removeEmpty([
+			new StyleLintPlugin({
+				config: {
+					rules: {
+						'selector-max-type': [0, { ignoreTypes: '.' }],
+						'selector-max-universal': [0]
+					}
+				},
+				emitErrors: false,
+				formatter: (results: any) => {
+					return stylelint.formatters
+						.string(results)
+						.replace(/selector-max-type|selector-max-universal/g, 'css-modules')
+						.replace(
+							/to have no more than (\d*) type selectors/g,
+							'to not contain element selectors due to unsafe isolation'
+						)
+						.replace(
+							/to have no more than (\d*) universal selectors/g,
+							'to not contain universal (*) selectors due to unsafe isolation'
+						);
+				},
+				files: ['**/*.m.css']
+			}),
 			singleBundle &&
 				new webpack.optimize.LimitChunkCountPlugin({
 					maxChunks: 1