fix: reduce warnings about density values > 2

danielroe · danielroe · commit dad493a03c9a · 2024-04-22T15:01:39.000+01:00
resolves #1308
diff --git a/src/runtime/utils/index.ts b/src/runtime/utils/index.ts
@@ -113,7 +113,11 @@ export function checkDensities(densities: number[]) {
     throw new Error('`densities` must not be empty, configure to `1` to render regular size only (DPR 1.0)')
   }
   if (import.meta.dev && Array.from(densities).some(d => d > 2)) {
-    console.warn('[nuxt] [image] Density values above `2` are not recommended. See https://observablehq.com/@eeeps/visual-acuity-and-device-pixel-ratio.')
+    const _densities = densities as number[] & { _warned?: boolean }
+    if (!_densities._warned) {
+      console.warn('[nuxt] [image] Density values above `2` are not recommended. See https://observablehq.com/@eeeps/visual-acuity-and-device-pixel-ratio.')
+    }
+    _densities._warned = true
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -113,7 +113,11 @@ export function checkDensities(densities: number[]) {`
`113`	`113`	throw new Error('`densities` must not be empty, configure to `1` to render regular size only (DPR 1.0)')
`114`	`114`	`}`
`115`	`115`	`if (import.meta.dev && Array.from(densities).some(d => d > 2)) {`
`116`		- console.warn('[nuxt] [image] Density values above `2` are not recommended. See https://observablehq.com/@eeeps/visual-acuity-and-device-pixel-ratio.')
	`116`	`+ const _densities = densities as number[] & { _warned?: boolean }`
	`117`	`+ if (!_densities._warned) {`
	`118`	+ console.warn('[nuxt] [image] Density values above `2` are not recommended. See https://observablehq.com/@eeeps/visual-acuity-and-device-pixel-ratio.')
	`119`	`+ }`
	`120`	`+ _densities._warned = true`
`117`	`121`	`}`
`118`	`122`	`}`
`119`	`123`