Merge pull request #200 from mhkeller/verbose-mode

Add option to suppress layout warnings

Author: mhkeller

CHANGELOG.md

@@ -1,6 +1,14 @@
 Changelog
 ===
 
+# 8.2.0
+
+> 2024-05-17
+
+Adds an option to suppress layout warnings. By default, Layer Cake warns you when you create a div that is too small. But sometimes you want to create a chart inside a hidden element or something and make the chart expand. In these cases, the warnings are annoying.
+
+* [PR#200](https://github.com/mhkeller/layercake/pull/200)
+
 # 8.1.4
 
 > 2024-05-06

src/lib/LayerCake.svelte

@@ -131,6 +131,8 @@
 
 	/** @type {Boolean} debug Enable debug printing to the console. Useful to inspect your scales and dimensions. */
 	export let debug = false;
+	/** @type {Boolean} [verbose=true] Show warnings in the console. */
+	export let verbose = true;
 
 	/**
 	 * Make this reactive
@@ -289,15 +291,17 @@
 			b.left = $padding.left;
 			b.width = b.right - b.left;
 			b.height = b.bottom - b.top;
-			if (b.width <= 0 && isMounted === true) {
-				console.warn(
-					'[LayerCake] Target div has zero or negative width. Did you forget to set an explicit width in CSS on the container?'
-				);
-			}
-			if (b.height <= 0 && isMounted === true) {
-				console.warn(
-					'[LayerCake] Target div has zero or negative height. Did you forget to set an explicit height in CSS on the container?'
-				);
+			if (verbose === true) {
+				if (b.width <= 0 && isMounted === true) {
+					console.warn(
+						'[LayerCake] Target div has zero or negative width. Did you forget to set an explicit width in CSS on the container?'
+					);
+				}
+				if (b.height <= 0 && isMounted === true) {
+					console.warn(
+						'[LayerCake] Target div has zero or negative height. Did you forget to set an explicit height in CSS on the container?'
+					);
+				}
 			}
 			return b;
 		}

src/lib/utils/padScale.js

@@ -18,7 +18,6 @@ const unpaddable = ['scaleThreshold', 'scaleQuantile', 'scaleQuantize', 'scaleSe
 
 export default function padScale (scale, padding) {
 	if (typeof scale.range !== 'function') {
-		console.log(scale);
 		throw new Error('Scale method `range` must be a function');
 	}
 	if (typeof scale.domain !== 'function') {