refactor: apply prettier

Author: alexander-akait

.babelrc

@@ -2,8 +2,11 @@
 // Compiles sources, gulpfile and tests
 {
   "presets": [
-    ["@babel/preset-env", {
-      "targets": {"node": "16.20.2"}
-    }]
+    [
+      "@babel/preset-env",
+      {
+        "targets": { "node": "16.20.2" }
+      }
+    ]
   ]
 }

.gitignore

@@ -3,3 +3,4 @@
 /samples
 node_modules
 npm-debug.log
+.eslintcache

.prettierignore

@@ -0,0 +1,5 @@
+test/bundles/**
+test/stats/**
+test/output/**
+samples/**
+CHANGELOG.md

CHANGELOG.md

@@ -16,6 +16,7 @@ _Note: Gaps between patch versions are faulty, broken or test releases._
   * Add support for Zstandard compression ([#693](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/693) by [@bjohansebas](https://github.com/bjohansebas))
 
 * **Internal**
+  * Prettier applied to the code base ([#693](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/693) by [@alexander-akait](https://github.com/alexander-akait))
   * Update `sirv` dependency ([#692](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/692) by [@bjohansebas](https://github.com/bjohansebas))
   * Update `ws` dependency ([#691](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/691) by [@bjohansebas](https://github.com/bjohansebas))
 

README.md

@@ -1,8 +1,5 @@
 {
-  "extends": [
-    "th0r-react",
-    "../.eslintrc.json"
-  ],
+  "extends": ["th0r-react", "../.eslintrc.json"],
   "settings": {
     "react": {
       "version": "16.2"

client/.eslintrc.json

@@ -7,7 +7,10 @@
   font: var(--main-font);
   outline: none;
   padding: 5px 7px;
-  transition: background .3s ease, border-color .3s ease, color .3s ease;
+  transition:
+    background 0.3s ease,
+    border-color 0.3s ease,
+    color 0.3s ease;
   white-space: nowrap;
   color: var(--text-primary);
 }

client/components/Button.css

@@ -1,39 +1,38 @@
-import cls from 'classnames';
-import s from './Button.css';
-import PureComponent from '../lib/PureComponent';
+import cls from "classnames";
+import s from "./Button.css";
+import PureComponent from "../lib/PureComponent";
 
 export default class Button extends PureComponent {
-  render({active, toggle, className, children, ...props}) {
+  render({ active, toggle, className, children, ...props }) {
     const classes = cls(className, {
       [s.button]: true,
       [s.active]: active,
-      [s.toggle]: toggle
+      [s.toggle]: toggle,
     });
 
     return (
-      <button {...props}
+      <button
+        {...props}
         ref={this.saveRef}
         type="button"
         className={classes}
         disabled={this.disabled}
-        onClick={this.handleClick}>
+        onClick={this.handleClick}
+      >
         {children}
       </button>
     );
   }
 
   get disabled() {
-    const {props} = this;
-    return (
-      props.disabled ||
-      (props.active && !props.toggle)
-    );
+    const { props } = this;
+    return props.disabled || (props.active && !props.toggle);
   }
 
   handleClick = (event) => {
     this.elem.blur();
     this.props.onClick(event);
-  }
+  };
 
-  saveRef = elem => this.elem = elem;
+  saveRef = (elem) => (this.elem = elem);
 }

client/components/Button.jsx

@@ -1,28 +1,26 @@
-import {Component} from 'preact';
-import cls from 'classnames';
+import { Component } from "preact";
+import cls from "classnames";
 
-import s from './Checkbox.css';
+import s from "./Checkbox.css";
 
 export default class Checkbox extends Component {
-
   render() {
-    const {checked, className, children} = this.props;
+    const { checked, className, children } = this.props;
 
     return (
       <label className={cls(s.label, className)}>
-        <input className={s.checkbox}
+        <input
+          className={s.checkbox}
           type="checkbox"
           checked={checked}
-          onChange={this.handleChange}/>
-        <span className={s.itemText}>
-          {children}
-        </span>
+          onChange={this.handleChange}
+        />
+        <span className={s.itemText}>{children}</span>
       </label>
     );
   }
 
   handleChange = () => {
     this.props.onChange(!this.props.checked);
-  }
-
+  };
 }

client/components/Checkbox.jsx

@@ -1,83 +1,88 @@
-import CheckboxListItem from './CheckboxListItem';
-import s from './CheckboxList.css';
-import PureComponent from '../lib/PureComponent';
+import CheckboxListItem from "./CheckboxListItem";
+import s from "./CheckboxList.css";
+import PureComponent from "../lib/PureComponent";
 
-const ALL_ITEM = Symbol('ALL_ITEM');
+const ALL_ITEM = Symbol("ALL_ITEM");
 
 export default class CheckboxList extends PureComponent {
-
   static ALL_ITEM = ALL_ITEM;
 
   constructor(props) {
     super(props);
     this.state = {
-      checkedItems: props.checkedItems || props.items
+      checkedItems: props.checkedItems || props.items,
     };
   }
 
   componentWillReceiveProps(newProps) {
     if (newProps.items !== this.props.items) {
       if (this.isAllChecked()) {
         // Preserving `all checked` state
-        this.setState({checkedItems: newProps.items});
+        this.setState({ checkedItems: newProps.items });
         this.informAboutChange(newProps.items);
       } else if (this.state.checkedItems.length) {
         // Checking only items that are in the new `items` array
-        const checkedItems = newProps.items.filter(item =>
-          this.state.checkedItems.find(checkedItem => checkedItem.label === item.label)
+        const checkedItems = newProps.items.filter((item) =>
+          this.state.checkedItems.find(
+            (checkedItem) => checkedItem.label === item.label,
+          ),
         );
 
-        this.setState({checkedItems});
+        this.setState({ checkedItems });
         this.informAboutChange(checkedItems);
       }
     } else if (newProps.checkedItems !== this.props.checkedItems) {
-      this.setState({checkedItems: newProps.checkedItems});
+      this.setState({ checkedItems: newProps.checkedItems });
     }
   }
 
   render() {
-    const {label, items, renderLabel} = this.props;
+    const { label, items, renderLabel } = this.props;
 
     return (
       <div className={s.container}>
-        <div className={s.label}>
-          {label}:
-        </div>
+        <div className={s.label}>{label}:</div>
         <div>
-          <CheckboxListItem item={ALL_ITEM}
+          <CheckboxListItem
+            item={ALL_ITEM}
             checked={this.isAllChecked()}
-            onChange={this.handleToggleAllCheck}>
+            onChange={this.handleToggleAllCheck}
+          >
             {renderLabel}
           </CheckboxListItem>
-          {items.map(item =>
-            <CheckboxListItem key={item.label}
+          {items.map((item) => (
+            <CheckboxListItem
+              key={item.label}
               item={item}
               checked={this.isItemChecked(item)}
-              onChange={this.handleItemCheck}>
+              onChange={this.handleItemCheck}
+            >
               {renderLabel}
             </CheckboxListItem>
-          )}
+          ))}
         </div>
       </div>
     );
   }
 
   handleToggleAllCheck = () => {
     const checkedItems = this.isAllChecked() ? [] : this.props.items;
-    this.setState({checkedItems});
+    this.setState({ checkedItems });
     this.informAboutChange(checkedItems);
   };
 
-  handleItemCheck = item => {
+  handleItemCheck = (item) => {
     let checkedItems;
 
     if (this.isItemChecked(item)) {
-      checkedItems = this.state.checkedItems.filter(checkedItem => checkedItem !== item);
+      checkedItems = this.state.checkedItems.filter(
+        (checkedItem) => checkedItem !== item,
+      );
     } else {
       checkedItems = [...this.state.checkedItems, item];
     }
 
-    this.setState({checkedItems});
+    this.setState({ checkedItems });
     this.informAboutChange(checkedItems);
   };
 
@@ -86,11 +91,10 @@ export default class CheckboxList extends PureComponent {
   }
 
   isAllChecked() {
-    return (this.props.items.length === this.state.checkedItems.length);
+    return this.props.items.length === this.state.checkedItems.length;
   }
 
   informAboutChange(checkedItems) {
     setTimeout(() => this.props.onChange(checkedItems));
   }
-
 }