refactor: apply prettier (#694)

* refactor: apply `prettier`

* refactor: disable stylistic rules

* refactor: apply more

* test: fix

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" }
+      }
+    ]
   ]
 }

.eslintrc.json

@@ -1,4 +1,16 @@
 {
   "root": true,
+  "rules": {
+    "quotes": "off",
+    "curly": "off",
+    "indent": "off",
+    "comma-dangle": "off",
+    "line-comment-position": "off",
+    "object-curly-spacing": "off",
+    "generator-star-spacing": "off",
+    "nonblock-statement-body-position": "off",
+    "newline-per-chained-call": "off",
+    "lines-between-class-members": "off"
+  },
   "extends": "th0r"
 }

.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

@@ -18,6 +18,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/694) 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);
-  }
-
+  };
 }