[fix] Ignore urls starting with # (#106)

mui · May 28, 2024 · 698f036 · 698f036
1 parent f33d4f9
commit 698f036
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/pigment-css-unplugin/src/utils.ts b/packages/pigment-css-unplugin/src/utils.ts
@@ -29,7 +29,8 @@ export const handleUrlReplacement = async (
     if (
       mainItem.startsWith('data:') ||
       mainItem.startsWith('http:') ||
-      mainItem.startsWith('https:')
+      mainItem.startsWith('https:') ||
+      mainItem.startsWith('#')
     ) {
       newCss += `url(${mainItem})`;
     } else if (mainItem[0] === '/') {

diff --git a/packages/pigment-css-unplugin/tests/utils.test.ts b/packages/pigment-css-unplugin/tests/utils.test.ts
@@ -11,8 +11,8 @@ const dummyResolver = (url: string) => {
 
 describe('utils', () => {
   describe('handleUrlReplacement', () => {
-    it('should not replace http/data/absolute urls', async () => {
-      [DATA_URI, HTML_LOGO_URL, ABSOLUTE_PATH].forEach(async (url) => {
+    it('should not replace http/data/absolute/hash urls', async () => {
+      [DATA_URI, HTML_LOGO_URL, ABSOLUTE_PATH, '#my_gradient'].forEach(async (url) => {
         const cssString1 = `.className {
           background-image: url(${url});
         }`;