brandeur-plugin-debug/dist/index.js

Brandeur plugin to debug layouts

import { CreateStylesDebugger as createStylesDebugger } from 'styles-debugger';
export default function debugPlugin() {
  let autoActive = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
  let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  const debugStyle = createStylesDebugger(config);
  return function debug(style) {
    if (autoActive || style?.debug) {
      const {
        debug,
        ...rest
      } = style;
      return {
        ...rest,
        ...debugStyle()
      };
    }
    return style;
  };
}