chore(lint): apply prettier on existing files

Basedash · Sep 27, 2019 · 77547d6 · 77547d6
1 parent 4af61ff
commit 77547d6
Show file tree

Hide file tree

Showing 11 changed files with 107 additions and 93 deletions.
diff --git a/examples/generate.js b/examples/generate.js
@@ -1,12 +1,13 @@
-'use strict';
-var fs = require('fs');
-var ejs = require('ejs');
-var data = require('./vars');
-var tpl = fs.readFileSync(__dirname + '/template.ejs').toString();
+"use strict";
+var fs = require("fs");
+var ejs = require("ejs");
+var data = require("./vars");
+var tpl = fs.readFileSync(__dirname + "/template.ejs").toString();
 
-var base = 'http://localhost:4002';
-var banner = 'Do not edit this file! It is generated by `generate.js` in this folder, from `template.ejs` and ' +
-  'vars.js.';
+var base = "http://localhost:4002";
+var banner =
+  "Do not edit this file! It is generated by `generate.js` in this folder, from `template.ejs` and " +
+  "vars.js.";
 
 data.forEach(function(datum, i) {
   datum.base = base;
@@ -15,5 +16,5 @@ data.forEach(function(datum, i) {
   datum.previous = data[i - 1];
   datum.next = data[i + 1];
   var html = ejs.render(tpl, datum);
-  fs.writeFileSync(__dirname + '/' + i + '-' + datum.source + '.html', html);
+  fs.writeFileSync(__dirname + "/" + i + "-" + datum.source + ".html", html);
 });
diff --git a/examples/vars.js b/examples/vars.js
@@ -136,8 +136,8 @@ module.exports = [
     source: "drag-from-outside",
     paragraphs: [
       "This demo shows what happens when an item is added from outside of the grid.",
-      "Once you drop the item within the grid you'll get its coordinates/properties and can perform actions with " + 
-      "it accordingly."
+      "Once you drop the item within the grid you'll get its coordinates/properties and can perform actions with " +
+        "it accordingly."
     ]
   }
 ];
diff --git a/index-dev.js b/index-dev.js
@@ -1,5 +1,5 @@
-module.exports = require('./lib/ReactGridLayout').default;
-module.exports.utils = require('./lib/utils');
-module.exports.Responsive = require('./lib/ResponsiveReactGridLayout').default;
-module.exports.Responsive.utils = require('./lib/responsiveUtils');
-module.exports.WidthProvider = require('./lib/components/WidthProvider').default;
+module.exports = require("./lib/ReactGridLayout").default;
+module.exports.utils = require("./lib/utils");
+module.exports.Responsive = require("./lib/ResponsiveReactGridLayout").default;
+module.exports.Responsive.utils = require("./lib/responsiveUtils");
+module.exports.WidthProvider = require("./lib/components/WidthProvider").default;
diff --git a/index.js b/index.js
@@ -1,5 +1,5 @@
-module.exports = require('./build/ReactGridLayout').default;
-module.exports.utils = require('./build/utils');
-module.exports.Responsive = require('./build/ResponsiveReactGridLayout').default;
-module.exports.Responsive.utils = require('./build/responsiveUtils');
-module.exports.WidthProvider = require('./build/components/WidthProvider').default;
+module.exports = require("./build/ReactGridLayout").default;
+module.exports.utils = require("./build/utils");
+module.exports.Responsive = require("./build/ResponsiveReactGridLayout").default;
+module.exports.Responsive.utils = require("./build/responsiveUtils");
+module.exports.WidthProvider = require("./build/components/WidthProvider").default;
diff --git a/index.js.flow b/index.js.flow
@@ -1,10 +1,8 @@
 // @flow
 
-import * as utils from './lib/utils';
-export { default } from './lib/ReactGridLayout';
-export { default as Responsive } from './lib/ResponsiveReactGridLayout';
-export { default as WidthProvider } from './lib/components/WidthProvider';
+import * as utils from "./lib/utils";
+export { default } from "./lib/ReactGridLayout";
+export { default as Responsive } from "./lib/ResponsiveReactGridLayout";
+export { default as WidthProvider } from "./lib/components/WidthProvider";
 
-export {
-  utils
-};
+export { utils };
diff --git a/lib/utils.js b/lib/utils.js
@@ -368,7 +368,9 @@ export function moveElement(
   // Short-circuit if nothing to do.
   if (l.y === y && l.x === x) return layout;
 
-  log(`Moving element ${l.i} to [${String(x)},${String(y)}] from [${l.x},${l.y}]`);
+  log(
+    `Moving element ${l.i} to [${String(x)},${String(y)}] from [${l.x},${l.y}]`
+  );
   const oldX = l.x;
   const oldY = l.y;
 
@@ -383,9 +385,11 @@ export function moveElement(
   // nearest collision.
   let sorted = sortLayoutItems(layout, compactType);
   const movingUp =
-    compactType === "vertical" && typeof y === "number" ? oldY >= y
-    : compactType === "horizontal" && typeof x === "number" ? oldX >= x
-    : false;
+    compactType === "vertical" && typeof y === "number"
+      ? oldY >= y
+      : compactType === "horizontal" && typeof x === "number"
+      ? oldX >= x
+      : false;
   if (movingUp) sorted = sorted.reverse();
   const collisions = getAllCollisions(sorted, l);
 

diff --git a/test/examples/14-toolbox.jsx b/test/examples/14-toolbox.jsx
@@ -95,7 +95,9 @@ class ShowcaseLayout extends React.Component {
     const compactType =
       oldCompactType === "horizontal"
         ? "vertical"
-        : oldCompactType === "vertical" ? null : "horizontal";
+        : oldCompactType === "vertical"
+        ? null
+        : "horizontal";
     this.setState({ compactType });
   };
 
@@ -152,10 +154,8 @@ class ShowcaseLayout extends React.Component {
     return (
       <div>
         <div>
-          Current Breakpoint: {this.state.currentBreakpoint} ({
-            this.props.cols[this.state.currentBreakpoint]
-          }{" "}
-          columns)
+          Current Breakpoint: {this.state.currentBreakpoint} (
+          {this.props.cols[this.state.currentBreakpoint]} columns)
         </div>
         <div>
           Compaction type:{" "}

diff --git a/test/examples/15-drag-from-outside.jsx b/test/examples/15-drag-from-outside.jsx
@@ -53,7 +53,9 @@ class ShowcaseLayout extends React.Component {
     const compactType =
       oldCompactType === "horizontal"
         ? "vertical"
-        : oldCompactType === "vertical" ? null : "horizontal";
+        : oldCompactType === "vertical"
+        ? null
+        : "horizontal";
     this.setState({ compactType });
   };
 
@@ -75,10 +77,8 @@ class ShowcaseLayout extends React.Component {
     return (
       <div>
         <div>
-          Current Breakpoint: {this.state.currentBreakpoint} ({
-            this.props.cols[this.state.currentBreakpoint]
-          }{" "}
-          columns)
+          Current Breakpoint: {this.state.currentBreakpoint} (
+          {this.props.cols[this.state.currentBreakpoint]} columns)
         </div>
         <div>
           Compaction type:{" "}

diff --git a/webpack-dev-server.config.js b/webpack-dev-server.config.js
@@ -1,28 +1,32 @@
-const path = require('path');
+const path = require("path");
 var webpack = require("webpack");
 
 module.exports = {
-  mode: 'development',
+  mode: "development",
   context: __dirname,
   entry: "./test/dev-hook.jsx",
   output: {
-    path: '/',
+    path: "/",
     filename: "bundle.js",
-    sourceMapFilename: "[file].map",
+    sourceMapFilename: "[file].map"
   },
   module: {
     rules: [
-      {test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader',
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        loader: "babel-loader",
         query: {
           cacheDirectory: true,
           plugins: [
-            ['react-transform',
+            [
+              "react-transform",
               {
                 transforms: [
                   {
-                    transform: 'react-transform-hmr',
-                    imports: ['react'],
-                    locals: ['module']
+                    transform: "react-transform-hmr",
+                    imports: ["react"],
+                    locals: ["module"]
                   }
                 ]
               }
@@ -35,20 +39,20 @@ module.exports = {
   plugins: [
     new webpack.DefinePlugin({
       "process.env": {
-        NODE_ENV: JSON.stringify('development')
+        NODE_ENV: JSON.stringify("development")
       }
-    }),
+    })
   ],
   devtool: "eval",
   devServer: {
-    publicPath: '/',
+    publicPath: "/",
     compress: true,
     port: 4002
   },
   resolve: {
     extensions: [".webpack.js", ".web.js", ".js", ".jsx"],
     alias: {
-      'react-grid-layout': path.join(__dirname, '/index-dev.js')
+      "react-grid-layout": path.join(__dirname, "/index-dev.js")
     }
   }
 };
diff --git a/webpack-examples.config.js b/webpack-examples.config.js
@@ -1,61 +1,68 @@
-'use strict';
-var webpack = require('webpack');
-var fs = require('fs');
+"use strict";
+var webpack = require("webpack");
+var fs = require("fs");
 
 // Builds example bundles
 module.exports = {
-  mode: 'development',
+  mode: "development",
   context: __dirname,
   entry: {
-    commons: ["lodash"],
+    commons: ["lodash"]
   },
   optimization: {
     splitChunks: {
       cacheGroups: {
         commons: {
-          name: 'commons',
-          chunks: 'initial',
+          name: "commons",
+          chunks: "initial",
           minChunks: 2
         }
       }
     }
   },
   output: {
-      path: __dirname + "/dist",
-      filename: "[name].bundle.js",
-      sourceMapFilename: "[file].map",
+    path: __dirname + "/dist",
+    filename: "[name].bundle.js",
+    sourceMapFilename: "[file].map"
   },
   module: {
     rules: [
-      {test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader', query: {
-        cacheDirectory: true,
-        plugins: [
-          'transform-react-inline-elements',
-          'transform-react-constant-elements',
-        ]
-      }}
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        loader: "babel-loader",
+        query: {
+          cacheDirectory: true,
+          plugins: [
+            "transform-react-inline-elements",
+            "transform-react-constant-elements"
+          ]
+        }
+      }
     ]
   },
   plugins: [
     new webpack.DefinePlugin({
       "process.env": {
-        NODE_ENV: JSON.stringify('production')
+        NODE_ENV: JSON.stringify("production")
       }
-    }),
+    })
   ],
   resolve: {
     extensions: [".webpack.js", ".web.js", ".js", ".jsx"],
-    alias: {'react-grid-layout': __dirname + '/index-dev.js'}
+    alias: { "react-grid-layout": __dirname + "/index-dev.js" }
   }
 };
 
 // Load all entry points
-var files = fs.readdirSync(__dirname + '/test/examples').filter(function(element, index, array){
+var files = fs
+  .readdirSync(__dirname + "/test/examples")
+  .filter(function(element, index, array) {
     return element.match(/^.+\.jsx$/);
-});
+  });
 
-for(var idx in files){
-    var file = files[idx];
-    var module_name = file.replace(/\.jsx$/,'');
-    module.exports.entry[module_name] = './test/examples/' + file;
+for (var idx in files) {
+  var file = files[idx];
+  var module_name = file.replace(/\.jsx$/, "");
+  module.exports.entry[module_name] = "./test/examples/" + file;
 }
diff --git a/webpack.config.js b/webpack.config.js
@@ -2,7 +2,7 @@ var webpack = require("webpack");
 
 // Builds bundle usable <script>. Includes RGL and all deps, excluding React.
 module.exports = {
-  mode: 'production',
+  mode: "production",
   optimization: {
     minimize: true
   },
@@ -18,24 +18,24 @@ module.exports = {
   },
   devtool: "source-map",
   externals: {
-    "react": {
-      "commonjs": "react",
-      "commonjs2": "react",
-      "amd": "react",
+    react: {
+      commonjs: "react",
+      commonjs2: "react",
+      amd: "react",
       // React dep should be available as window.React, not window.react
-      "root": "React"
+      root: "React"
     },
     "react-dom": {
-      "commonjs": "react-dom",
-      "commonjs2": "react-dom",
-      "amd": "react-dom",
+      commonjs: "react-dom",
+      commonjs2: "react-dom",
+      amd: "react-dom",
       // React dep should be available as window.React, not window.react
-      "root": "ReactDOM"
+      root: "ReactDOM"
     }
   },
   module: {
     rules: [
-      {test: /\.jsx?$/, exclude: /node_modules/, loader: "babel-loader"}
+      { test: /\.jsx?$/, exclude: /node_modules/, loader: "babel-loader" }
     ]
   },
   plugins: [
@@ -44,7 +44,7 @@ module.exports = {
         NODE_ENV: JSON.stringify("production")
       }
     }),
-    new webpack.optimize.ModuleConcatenationPlugin(),
+    new webpack.optimize.ModuleConcatenationPlugin()
   ],
   resolve: {
     extensions: [".js", ".jsx"]