chore(*): add prettier check to CI (#598)

* chore(*): change prettier hook * Run prettier * Reorder * Fix all the files
2024-11-10 19:56:54 +03:00 · 2020-08-19 10:07:30 -04:00 · 2020-08-19 10:07:30 -04:00 · 5a6074a081
commit 5a6074a081
parent b8d3f47cca
18 changed files with 109 additions and 75 deletions
--- a/.eslintrc
+++ b/.eslintrc
@ -1,11 +1,7 @@
 {
  "root": true,
  "parser": "babel-eslint",
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "prettier"
-  ],
+  "extends": ["eslint:recommended", "plugin:react/recommended", "prettier"],
  "globals": {
    "chrome": true
  },
@ -17,17 +13,13 @@
  },
  "rules": {
    "eol-last": ["warn"],
-    "max-len": ["warn", { "code": 120 , "ignoreComments": true }],
+    "max-len": ["warn", { "code": 120, "ignoreComments": true }],
    "quotes": ["warn", "single", "avoid-escape"],
    "jsx-quotes": ["warn", "prefer-double"],
    "react/prop-types": 0,
    "prettier/prettier": "error"
  },
-  "plugins": [
-    "prettier",
-    "react",
-    "babel"
-  ],
+  "plugins": ["prettier", "react", "babel"],
  "settings": {
    "react": {
      "version": "detect"
--- a/.travis.yml
+++ b/.travis.yml
@ -1,12 +1,13 @@
 sudo: false
 language: node_js
 node_js:
-  - "stable"
+  - 'stable'
 cache:
  yarn: true
  directories:
-    - "node_modules"
+    - 'node_modules'
 script:
  - yarn build:all
  - yarn lint:all
+  - yarn prettier:check
  - yarn test:all
--- a/package.json
+++ b/package.json
@ -35,7 +35,8 @@
    "lint": "eslint \"**/*.{js,jsx,ts,tsx}\" --cache",
    "lint:fix": "eslint \"**/*.{js,jsx,ts,tsx}\" --fix --cache",
    "lint:all": "eslint \"**/*.{js,jsx,ts,tsx}\"",
-    "prettify": "prettier \"**/*.{js,jsx,ts,tsx,json,css,html,md}\" --write",
+    "prettify": "prettier --write .",
+    "prettier:check": "prettier --check .",
    "test": "jest --onlyChanged",
    "test:all": "jest"
  },
@ -56,11 +57,8 @@
    }
  },
  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "prettier --write",
-      "yarn lint:fix"
-    ],
-    "*.{json,css,html,md}": [
+    "**/*": [
+      "eslint --fix",
      "prettier --write"
    ]
  }
--- a/packages/d3-state-visualizer/.babelrc
+++ b/packages/d3-state-visualizer/.babelrc
@ -1,4 +1,7 @@
 {
  "presets": ["@babel/preset-env"],
-  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-export-default-from"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-export-default-from"
+  ]
 }
--- a/packages/devui/.babelrc
+++ b/packages/devui/.babelrc
@ -1,4 +1,7 @@
 {
  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-export-default-from"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-export-default-from"
+  ]
 }
--- a/packages/react-dock/.babelrc
+++ b/packages/react-dock/.babelrc
@ -1,4 +1,8 @@
 {
  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-export-default-from", "react-hot-loader/babel"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-export-default-from",
+    "react-hot-loader/babel"
+  ]
 }
--- a/packages/react-dock/README.md
+++ b/packages/react-dock/README.md
@ -27,18 +27,18 @@ render() {

 #### Dock Props

-| Prop Name | Description |
-|-----------|-------------|
-| position | Side to dock (`left`, `right`, `top` or `bottom`). Default is `left`. |
-| fluid | If `true`, resize dock proportionally on window resize. |
-| size | Size of dock panel (width or height, depending on `position`). If this prop is set, `Dock` is considered as a controlled component, so you need to use `onSizeChange` to track dock resizing. Value is a fraction of window width/height, if `fluid` is true, or pixels otherwise |
-| defaultSize | Default size of dock panel (used for uncontrolled `Dock` component) |
-| isVisible | If `true`, dock is visible |
-| dimMode | If `none` - content is not dimmed, if `transparent` - pointer events are disabled (so you can click through it), if `opaque` - click on dim area closes the dock. Default is `opaque` |
-| duration | Animation duration. Should be synced with transition animation in style properties |
-| dimStyle | Style for dim area |
-| dockStyle | Style for dock |
-| zIndex | Z-index for wrapper |
-| onVisibleChange | Fires when `Dock` wants to change `isVisible` (when opaque dim is clicked, in particular) |
-| onSizeChange | Fires when `Dock` wants to change `size` |
-| children | Dock content - react elements or function that returns an element. Function receives an object with these state values: `{ position, isResizing, size, isVisible }`  |
+| Prop Name       | Description                                                                                                                                                                                                                                                                       |
+| --------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| position        | Side to dock (`left`, `right`, `top` or `bottom`). Default is `left`.                                                                                                                                                                                                             |
+| fluid           | If `true`, resize dock proportionally on window resize.                                                                                                                                                                                                                           |
+| size            | Size of dock panel (width or height, depending on `position`). If this prop is set, `Dock` is considered as a controlled component, so you need to use `onSizeChange` to track dock resizing. Value is a fraction of window width/height, if `fluid` is true, or pixels otherwise |
+| defaultSize     | Default size of dock panel (used for uncontrolled `Dock` component)                                                                                                                                                                                                               |
+| isVisible       | If `true`, dock is visible                                                                                                                                                                                                                                                        |
+| dimMode         | If `none` - content is not dimmed, if `transparent` - pointer events are disabled (so you can click through it), if `opaque` - click on dim area closes the dock. Default is `opaque`                                                                                             |
+| duration        | Animation duration. Should be synced with transition animation in style properties                                                                                                                                                                                                |
+| dimStyle        | Style for dim area                                                                                                                                                                                                                                                                |
+| dockStyle       | Style for dock                                                                                                                                                                                                                                                                    |
+| zIndex          | Z-index for wrapper                                                                                                                                                                                                                                                               |
+| onVisibleChange | Fires when `Dock` wants to change `isVisible` (when opaque dim is clicked, in particular)                                                                                                                                                                                         |
+| onSizeChange    | Fires when `Dock` wants to change `size`                                                                                                                                                                                                                                          |
+| children        | Dock content - react elements or function that returns an element. Function receives an object with these state values: `{ position, isResizing, size, isVisible }`                                                                                                               |
--- a/packages/react-dock/demo/index.html
+++ b/packages/react-dock/demo/index.html
@ -2,11 +2,24 @@
 <html>
  <head>
    <title>React Dock</title>
-    <link href="http://fonts.googleapis.com/css?family=Noto+Sans|Roboto:400,300,500" rel="stylesheet" type="text/css">
-    <link href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.5/paper/bootstrap.min.css" rel="stylesheet">
+    <link
+      href="http://fonts.googleapis.com/css?family=Noto+Sans|Roboto:400,300,500"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link
+      href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.5/paper/bootstrap.min.css"
+      rel="stylesheet"
+    />
  </head>
  <body>
-<a href="https://github.com/alexkuz/react-dock"><img style="z-index: 999999999; position: fixed; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com/121cd7cbdc3e4855075ea8b558508b91ac463ac2/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png"></a>
+    <a href="https://github.com/alexkuz/react-dock"
+      ><img
+        style="z-index: 999999999; position: fixed; top: 0; left: 0; border: 0;"
+        src="https://camo.githubusercontent.com/121cd7cbdc3e4855075ea8b558508b91ac463ac2/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f677265656e5f3030373230302e706e67"
+        alt="Fork me on GitHub"
+        data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png"
+    /></a>
    <div id="root"></div>
    <script src="static/bundle.js"></script>
  </body>
--- a/packages/redux-devtools-chart-monitor/.babelrc
+++ b/packages/redux-devtools-chart-monitor/.babelrc
@ -1,4 +1,7 @@
 {
  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-export-default-from"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-export-default-from"
+  ]
 }
--- a/packages/redux-devtools-cli/src/api/schema_def.graphql
+++ b/packages/redux-devtools-cli/src/api/schema_def.graphql
@ -1,42 +1,42 @@
 # A list of options for the type of the report
 enum ReportType {
-    STATE
-    ACTION
-    STATES
-    ACTIONS
+  STATE
+  ACTION
+  STATES
+  ACTIONS
 }

 type Report {
  # Report ID
  id: ID!
  # Type of the report, can be: STATE, ACTION, STATES, ACTIONS
-  type: ReportType,
+  type: ReportType
  # Briefly what happened
-  title: String,
+  title: String
  # Details supplied by the user
-  description: String,
+  description: String
  # The last dispatched action before the report was sent
-  action: String,
+  action: String
  # Stringified actions or the state or both, which should be loaded the application to reproduce the exact behavior
-  payload: String,
+  payload: String
  # Stringified preloaded state object. Could be the initial state of the app or committed state (after dispatching COMMIT action or reaching maxAge)
-  preloadedState: String,
+  preloadedState: String
  # Screenshot url or blob as a string
-  screenshot: String,
+  screenshot: String
  # User Agent String
-  userAgent: String,
+  userAgent: String
  # Application version to group the reports and versioning
-  version: String,
+  version: String
  # Used to identify the user who sent the report
-  userId: String,
+  userId: String
  # More detailed data about the user, usually it's a stringified object
-  user: String,
+  user: String
  # Everything else you want to send
-  meta: String,
+  meta: String
  # Error message which invoked sending the report
-  exception: String,
+  exception: String
  # Id to identify the store in case there are multiple stores
-  instanceId: String,
+  instanceId: String
  # Timestamp when the report was added
  added: String
  # Id to identify the application (from apps table)
--- a/packages/redux-devtools-dock-monitor/.babelrc
+++ b/packages/redux-devtools-dock-monitor/.babelrc
@ -1,4 +1,7 @@
 {
  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-export-default-from"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-export-default-from"
+  ]
 }
--- a/packages/redux-devtools-log-monitor/.babelrc
+++ b/packages/redux-devtools-log-monitor/.babelrc
@ -1,4 +1,7 @@
 {
  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-export-default-from"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-export-default-from"
+  ]
 }
--- a/packages/redux-devtools-slider-monitor/examples/todomvc/.babelrc
+++ b/packages/redux-devtools-slider-monitor/examples/todomvc/.babelrc
@ -1,4 +1,7 @@
 {
  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": ["@babel/plugin-proposal-class-properties", "react-hot-loader/babel"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "react-hot-loader/babel"
+  ]
 }
--- a/packages/redux-devtools-test-generator/.babelrc
+++ b/packages/redux-devtools-test-generator/.babelrc
@ -1,4 +1,7 @@
 {
  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-do-expressions"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-do-expressions"
+  ]
 }
--- a/packages/redux-devtools-trace-monitor/.babelrc
+++ b/packages/redux-devtools-trace-monitor/.babelrc
@ -1,15 +1,13 @@
 {
-  "presets": [
-    "@babel/preset-env", "@babel/preset-react", "@babel/preset-flow"
-  ],
+  "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-flow"],
  "plugins": [
-    ["@babel/plugin-transform-runtime", {
-      "regenerator": true
-    }],
    [
-      "@babel/plugin-proposal-decorators",
-      { "legacy": true }
+      "@babel/plugin-transform-runtime",
+      {
+        "regenerator": true
+      }
    ],
+    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    "@babel/plugin-proposal-class-properties"
  ]
 }
--- a/packages/redux-devtools/examples/counter/.babelrc
+++ b/packages/redux-devtools/examples/counter/.babelrc
@ -1,4 +1,7 @@
 {
  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": ["@babel/plugin-proposal-class-properties", "react-hot-loader/babel"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "react-hot-loader/babel"
+  ]
 }
--- a/packages/redux-devtools/examples/todomvc/.babelrc
+++ b/packages/redux-devtools/examples/todomvc/.babelrc
@ -1,4 +1,8 @@
 {
  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-function-bind", "react-hot-loader/babel"]
+  "plugins": [
+    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-function-bind",
+    "react-hot-loader/babel"
+  ]
 }
--- a/packages/redux-devtools/index.d.ts
+++ b/packages/redux-devtools/index.d.ts
@ -2,8 +2,8 @@
 // Type definitions for redux-devtools 3.4.1
 // TypeScript Version: 2.8.1

-import * as React from "react";
-import { StoreEnhancer } from "redux";
+import * as React from 'react';
+import { StoreEnhancer } from 'redux';

 export interface DevTools {
  new (): JSX.ElementClass;