fix: escape regexp identifiers in string options

Author: kcmr

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
 coverage/
-tests/fixtures/*-processed.css
+develop-output/
+*-processed.css
 *.log

develop/index.js

@@ -6,17 +6,28 @@ const postcss = require('postcss');
 const plugin = require('../lib');
 
 const fixture = 'develop';
-const fixturePath = path.join(process.cwd(), 'tests', 'fixtures');
-const input = fs.readFileSync(path.join(fixturePath, `${fixture}.css`), 'utf-8');
+const inputPath = path.join(process.cwd(), 'tests/fixtures/develop');
+const outputPath = path.join(process.cwd(), 'tests/fixtures/develop-output');
+const input = fs.readFileSync(path.join(inputPath, `${fixture}.css`), 'utf-8');
 
 const write = (result) => {
 	console.log(`\n⚡️ ${fixture}-processed.css updated\n`);
 
-	fs.writeFileSync(path.join(fixturePath, `${fixture}-processed.css`), result.css);
+	fs.writeFileSync(path.join(outputPath, `${fixture}-processed.css`), result.css);
 };
 
 postcss()
-	.use(plugin)
+	.use(
+		plugin({
+			exclude: [
+				'.excluded',
+				'[data-icon]',
+				':not(.something)',
+				'#id',
+				'strong'
+			]
+		})
+	)
 	.process(input, { from: undefined })
 	.then(write)
 	.catch(console.error);

lib/index.js

@@ -1,6 +1,7 @@
 'use strict';
 
 const postcss = require('postcss');
+const escapeIdentifiers = require('escape-regex-string');
 
 module.exports = postcss.plugin('postcss-selector-scope', (options = {}) => {
 	const settings = Object.assign(
@@ -24,7 +25,7 @@ module.exports = postcss.plugin('postcss-selector-scope', (options = {}) => {
 	const allExclusions = settings.exclude.concat(defaultExclusions);
 	const excludedSelectors = allExclusions.map((value) => {
 		if (typeof value === 'string') {
-			return new RegExp(value, 'i');
+			return new RegExp(`${escapeIdentifiers(value)}$`, 'i');
 		}
 
 		if (value instanceof RegExp) {

package-lock.json

@@ -42,6 +42,7 @@
   },
   "main": "lib/index.js",
   "dependencies": {
+    "escape-regex-string": "^1.0.6",
     "postcss": "^7.0.14"
   },
   "devDependencies": {

package.json

@@ -24,7 +24,21 @@ body .class,
 
 .class-with-numbers-234,
 .class-with-from,
-.class-with-to {
+.class-with-to,
+.fromsomething,
+.tosomething,
+.class-with-excluded,
+.class-withexcluded,
+.excluded,
+.parent .excluded,
+.item.excluded,
+.excluded-any,
+.excludedany,
+#id,
+#idnotme,
+[data-icon],
+[data-icon="icon"].any,
+.any:not(.something) {
 	color: red;
 }