Merge pull request #244 from bezoerb/filter-option

Adds filter option
bezoerb · Oct 8, 2023 · 74bfee8 · 74bfee8
2 parents 1d14b4c + 39cc1c6
commit 74bfee8
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/index.js b/index.js
@@ -8,6 +8,7 @@ const DEFAULTS = {
   maxFileSize: 10240,
   b64Svg: false,
   strict: false,
+  filter: /^(mask(?:-image)?)|(list-style(?:-image)?)|(background(?:-image)?)|(content)|(cursor)/,
   largeFileCallback: undefined,
   svgoPlugins: [
     {
@@ -31,7 +32,7 @@ const loop = (cb) => {
   };
 };
 
-const escapeRegExp = string => string.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&').replace(/-/g, '\\x2d');
+const escapeRegExp = (string) => string.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&').replace(/-/g, '\\x2d');
 
 module.exports = (options_ = {}) => {
   const options = {...DEFAULTS, ...options_};
@@ -44,7 +45,7 @@ module.exports = (options_ = {}) => {
     postcssPlugin: 'postcss-image-inliner',
     async Once(root) {
       const urls = new Set([]);
-      const filter = /^(background(?:-image)?)|(content)|(cursor)/;
+      const {filter} = options;
       // Get urls
       root.walkDecls(
         filter,

diff --git a/test/fixtures/styles/filter.in.css b/test/fixtures/styles/filter.in.css
@@ -0,0 +1,3 @@
+.filter {
+  border-image: url('../images/blank.gif');
+}
diff --git a/test/fixtures/styles/filter.out.css b/test/fixtures/styles/filter.out.css
@@ -0,0 +1,3 @@
+.filter {
+  border-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
+}
diff --git a/test/test.js b/test/test.js
@@ -102,4 +102,8 @@ describe('postcss-image-inliner', () => {
   it('should allow globbing', (done) => {
     test('glob.in.css', 'glob.out.css', {assetPaths: 'test/*/images/'}, done);
   });
+
+  it('should consider filter option', (done) => {
+    test('filter.in.css', 'filter.out.css', {filter: /^border-image/}, done);
+  });
 });