Stop using regex named grouped in favor of node 8 supports

Author: Michael Vurchio

CHANGELOG.md

@@ -1,9 +1,18 @@
 # Svelte preprocess CSS Modules, changelog
 
+## 1.3.1 (Nov 22, 2020)
+Add support for old version of nodes (node 8 & node 10 tested)
+
 ## 1.3.0 (Nov 22, 2020)
-- Feature: CSS Modules from imports
-- Fix: *global selector* Regex is now working with an attached bracket to the selector (missing space was throwing an error) `.myclass{ }`
-- Dev: use of typescript, set up eslint and prettier
+
+### Feature
+Apply CSS Modules from imported stylesheets
+
+### Fixes
+*global selector* Regex is now working with an attached bracket to the selector (missing space was throwing an error) `.myclass{ }`
+
+### Plugin Development
+Set up typescript, eslint and prettier
 
 ## 1.2.1 (Oct 31, 2020)
 - Fix class chaining and pseudo selector [pull request #8](https://github.com/micantoine/svelte-preprocess-cssmodules/pull/8)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-preprocess-cssmodules",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Svelte preprocessor to generate CSS Modules classname on Svelte components",
   "keywords": [
     "svelte",

src/lib/patterns.ts

@@ -2,7 +2,7 @@ export const PATTERN_MODULE = /\$(style)?\.(:?[\w\d-]*)/gm;
 export const PATTERN_PATH_UNALLOWED = /[<>:"/\\|?*]/g;
 export const PATTERN_STYLE = /<style(\s[^]*?)?>([^]*?)<\/style>/gi;
 export const PATTERN_IMPORT = /(?<!\/\/\s*)import\s*(?:(.+)\s+from\s+)?['|"](.+?(s?css))['|"];?/gm;
-export const PATTERN_CLASS_SELECTOR = /\.(?<className>.+?(?=\W)+)(?![-_])/g;
+export const PATTERN_CLASS_SELECTOR = /\.(.+?(?=\W)+)(?![-_])/g;
 
 export const PATTERN_CLASS_DIRECTIVE = (className: string): RegExp =>
   new RegExp(`<.+\\s*class:(${className})\\b`, 'gm');

src/processors/parseMarkup.ts

@@ -96,6 +96,7 @@ const parseMarkup = async (
 
           const classlist = new Map();
           Array.from(matchAll(fileContent, PATTERN_CLASS_SELECTOR)).forEach((matchItem) => {
+            const className = matchItem[1];
             // set array from exported className
             const destructuredImportRegex = /\{([\w,\s]+)\}/gm;
             const isDestructuredImport: boolean = varName.search(destructuredImportRegex) !== -1;
@@ -109,7 +110,7 @@ const parseMarkup = async (
               }
             }
 
-            const camelCaseClassName = camelCase(matchItem.groups.className);
+            const camelCaseClassName = camelCase(className);
 
             if (
               !classlist.has(camelCaseClassName) &&
@@ -120,11 +121,11 @@ const parseMarkup = async (
                 filename,
                 content,
                 fileContent,
-                matchItem.groups.className,
+                className,
                 pluginOptions
               );
               classlist.set(camelCaseClassName, interpolatedName);
-              cssModuleList[matchItem.groups.className] = interpolatedName;
+              cssModuleList[className] = interpolatedName;
 
               // consider use with class directive
               const directiveClass = isDestructuredImport