fix: delimiter

Author: steveblue

.prettierignore

@@ -0,0 +1,4 @@
+test/extract
+dist
+.github
+.vscode

CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## 3.0.1
+
+BREAKING CHANGE:
+
+- fix: `styleDelineator` option changed to `styleDelimiter`. Ugh, English.
+
 ## 3.0.0
 
 - feat: support multiple style declarations in same file

README.md

@@ -23,18 +23,18 @@ export default {
 
 ## Options
 
-| Property        | Description                                                              |
-| --------------- | ------------------------------------------------------------------------ |
-| configPath      | Path to directory that contains postcss.config.js                        |
-| env             | Environment variable, defaults to `process.env.NODE_ENV` where available |
-| exclude         | Files to exclude                                                         |
-| failOnError     | Allows errors to propagate when `true`, otherwise warnings are thrown    |
-| from            | Input file name (usually set by rollup)                                  |
-| include         | Files to include                                                         |
-| plugins         | Array of PostCSS plugins, defaults to `postcss.config.js`                |
-| styleDelineator | Custom delineator for parsing styles in a file, default is /`/           |
-| styleRegex      | Custom regex for selecting CSS in file                                   |
-| to              | Output file name (usually set by rollup)                                 |
+| Property       | Description                                                              |
+| -------------- | ------------------------------------------------------------------------ |
+| configPath     | Path to directory that contains postcss.config.js                        |
+| env            | Environment variable, defaults to `process.env.NODE_ENV` where available |
+| exclude        | Files to exclude                                                         |
+| failOnError    | Allows errors to propagate when `true`, otherwise warnings are thrown    |
+| from           | Input file name (usually set by rollup)                                  |
+| include        | Files to include                                                         |
+| plugins        | Array of PostCSS plugins, defaults to `postcss.config.js`                |
+| styleDelimiter | Custom delimiter for parsing styles in a file, default is /`/            |
+| styleRegex     | Custom regex for selecting CSS in file                                   |
+| to             | Output file name (usually set by rollup)                                 |
 
 ## Template Literals in JavaScript
 
@@ -62,14 +62,14 @@ The default regex for selecting template literals in a file is:
 
 The lookahead in the above RegExp statement allows for multiple matches of styles in the same file.
 
-Customize the regex that is used to parse inline CSS with the `styleRegex` and `styleDelineator` options.
+Customize the regex that is used to parse inline CSS with the `styleRegex` and `styleDelimiter` options.
 
 For example, to parse inline `<style>` tags:
 
 ```js
 inlinePostCSS({
   styleRegex: /(?:<style>)((.|\n)+?)(?=(<\/style>))/gi,
-  styleDelineator: /<\/?style>/g,
+  styleDelimiter: /<\/?style>/g,
 });
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rollup-plugin-inline-postcss",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Rollup plugin that transforms inline styling with PostCSS",
   "scripts": {
     "build": "tsc -p tsconfig.json",
@@ -40,4 +40,4 @@
     "prettier": "^2.2.1",
     "typescript": "^4.1.3"
   }
-}
+}

src/index.ts

@@ -13,7 +13,7 @@ declare interface InlinePostCSSOptions {
   failOnError?: boolean;
   from?: string;
   plugins?: any[];
-  styleDelineator?: string;
+  styleDelimiter?: string;
   styleRegex?: RegExp;
   to?: string;
 }
@@ -77,24 +77,24 @@ export default function inlinePostCSS(options: InlinePostCSSOptions = {}) {
               .filter((key) => config.plugins[key])
               .map((key) => require(key));
 
-        const styleDelineator = options.styleDelineator
-          ? options.styleDelineator
+        const styleDelimiter = options.styleDelimiter
+          ? options.styleDelimiter
           : /`/;
 
         let matches = code.match(styleRegex);
 
         return Promise.all(
           matches.map((css: string) =>
             postcss(outputConfig).process(
-              styleDelineator ? css.split(styleDelineator)[1] : css,
+              styleDelimiter ? css.split(styleDelimiter)[1] : css,
               postcssOptions
             )
           )
         ).then((transforms: any[]) => {
           transforms.forEach((transform, index) => {
             code = code.replace(
-              styleDelineator
-                ? matches[index].split(styleDelineator)[1]
+              styleDelimiter
+                ? matches[index].split(styleDelimiter)[1]
                 : matches[index],
               transform.css
             );

src/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rollup-plugin-inline-postcss",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Rollup plugin that transforms inline styling with PostCSS",
   "main": "index.js",
   "author": "Steve Belovarich",
@@ -24,4 +24,4 @@
     "rollup": "^2.0.0",
     "rollup-pluginutils": "^2.3.3"
   }
-}
+}

test/index.test.js

@@ -97,7 +97,7 @@ test('should process file with style template', async () => {
     outDir: 'test/extract',
     plugin: inlinePostCSS({
       styleRegex: /(?:<style>)((.|\n)+?)(?=(<\/style>))/gi,
-      styleDelineator: /<\/?style>/g,
+      styleDelimiter: /<\/?style>/g,
       configPath: path.join(__dirname, 'config'),
     }),
     options: {},