fix(markuplint): add exclusions for image src naming rules

YusukeHirao · YusukeHirao · commit ae266d796e82 · 2025-07-16T16:04:43.000+09:00
diff --git a/packages/@d-zero/markuplint-config/base.js b/packages/@d-zero/markuplint-config/base.js
@@ -43,6 +43,12 @@ export default {
 					reason:
 						'省略可能なケースがほとんど想定されないため、原則禁止としています。省略する場合は明確な理由が必要です。（D-ZERO独自ルール）',
 				},
+			},
+		},
+		{
+			selector:
+				'img:not([src^="data:"], [src^="blob:"], [src^="https://"], [src^="http://"], [src^="//"])',
+			rules: {
 				'invalid-attr': {
 					options: {
 						disallowAttrs: [
diff --git a/test/cli.spec.mjs b/test/cli.spec.mjs
@@ -171,10 +171,10 @@ describe('markuplint', () => {
 			'packages/@d-zero/markuplint-config/base.js',
 		);
 		expect(invalidNaming).toStrictEqual([
-			'test/fixtures/markuplint/image-naming-test.html:16:15 The "src" attribute is matched with the below disallowed patterns: /[A-Z\\s_]/',
-			'test/fixtures/markuplint/image-naming-test.html:17:15 The "src" attribute is matched with the below disallowed patterns: /[A-Z\\s_]/',
-			'test/fixtures/markuplint/image-naming-test.html:18:15 The "src" attribute is matched with the below disallowed patterns: /[A-Z\\s_]/',
-			'test/fixtures/markuplint/image-naming-test.html:19:15 The "src" attribute is matched with the below disallowed patterns: /[A-Z\\s_]/',
+			'test/fixtures/markuplint/image-naming-test.html:21:15 The "src" attribute is matched with the below disallowed patterns: /[A-Z\\s_]/',
+			'test/fixtures/markuplint/image-naming-test.html:22:15 The "src" attribute is matched with the below disallowed patterns: /[A-Z\\s_]/',
+			'test/fixtures/markuplint/image-naming-test.html:23:15 The "src" attribute is matched with the below disallowed patterns: /[A-Z\\s_]/',
+			'test/fixtures/markuplint/image-naming-test.html:24:15 The "src" attribute is matched with the below disallowed patterns: /[A-Z\\s_]/',
 		]);
 
 		const validNaming = await markuplint(
diff --git a/test/fixtures/markuplint/image-naming-test.html b/test/fixtures/markuplint/image-naming-test.html
@@ -6,12 +6,17 @@
 </head>
 <body>
     <h1>Image Naming Test</h1>
-    
+
     <!-- Valid image file names -->
     <img src="images/hero-banner.jpg" alt="Hero banner" />
     <img src="assets/icons/search-icon.png" alt="Search icon" />
     <img src="media/product-image-01.webp" alt="Product image" />
-    
+    <img src="data:image/png;base64,XXXX" alt="Data URI image" />
+    <img src="blob:XXXX" alt="Blob image" />
+    <img src="https://XXXX" alt="HTTPS image" />
+    <img src="http://XXXX" alt="HTTP image" />
+    <img src="//XXXX" alt="Protocol-relative image" />
+
     <!-- Invalid image file names - should trigger errors -->
     <img src="images/Hero Banner.jpg" alt="Hero banner with spaces" />
     <img src="assets/ProductImage.PNG" alt="Uppercase letters" />
