Run prettier over the repo

Author: mxstbr

demo/client/components/DemoEditor/index.js

@@ -1,55 +1,51 @@
-import React, { Component } from 'react';
-import Editor from 'draft-js-plugins-editor';
+import React, { Component } from "react";
+import Editor from "draft-js-plugins-editor";
 
-import createMarkdownShortcutsPlugin from 'draft-js-markdown-shortcuts-plugin'; // eslint-disable-line
+import createMarkdownShortcutsPlugin from "draft-js-markdown-shortcuts-plugin"; // eslint-disable-line
 import Draft, {
   convertToRaw,
   // convertFromRaw,
   ContentState,
   EditorState,
-} from 'draft-js';
-import styles from './styles.css';
-import Prism from 'prismjs';
-import 'prismjs/components/prism-java';
-import 'prismjs/components/prism-scala';
-import 'prismjs/components/prism-go';
-import 'prismjs/components/prism-sql';
-import 'prismjs/components/prism-bash';
-import 'prismjs/components/prism-c';
-import 'prismjs/components/prism-cpp';
-import 'prismjs/components/prism-kotlin';
-import 'prismjs/components/prism-perl';
-import 'prismjs/components/prism-ruby';
-import 'prismjs/components/prism-swift';
-import createPrismPlugin from 'draft-js-prism-plugin';
+} from "draft-js";
+import styles from "./styles.css";
+import Prism from "prismjs";
+import "prismjs/components/prism-java";
+import "prismjs/components/prism-scala";
+import "prismjs/components/prism-go";
+import "prismjs/components/prism-sql";
+import "prismjs/components/prism-bash";
+import "prismjs/components/prism-c";
+import "prismjs/components/prism-cpp";
+import "prismjs/components/prism-kotlin";
+import "prismjs/components/prism-perl";
+import "prismjs/components/prism-ruby";
+import "prismjs/components/prism-swift";
+import createPrismPlugin from "draft-js-prism-plugin";
 const prismPlugin = createPrismPlugin({
   prism: Prism,
 });
 
 window.Draft = Draft;
 
-const plugins = [
-  prismPlugin,
-  createMarkdownShortcutsPlugin()
-];
+const plugins = [prismPlugin, createMarkdownShortcutsPlugin()];
 
-const contentState = ContentState.createFromText('');
+const contentState = ContentState.createFromText("");
 const initialEditorState = EditorState.createWithContent(contentState);
 
 export default class DemoEditor extends Component {
-
   state = {
-    editorState: initialEditorState
+    editorState: initialEditorState,
   };
 
   componentDidMount = () => {
     const { editor } = this;
     if (editor) {
       setTimeout(editor.focus.bind(editor), 1000);
     }
-  }
+  };
 
-  onChange = (editorState) => {
+  onChange = editorState => {
     window.editorState = editorState;
     window.rawContent = convertToRaw(editorState.getCurrentContent());
 
@@ -60,7 +56,9 @@ export default class DemoEditor extends Component {
 
   render() {
     const { editorState } = this.state;
-    const placeholder = editorState.getCurrentContent().hasText() ? null : <div className={styles.placeholder}>Write something here...</div>;
+    const placeholder = editorState.getCurrentContent().hasText() ? null : (
+      <div className={styles.placeholder}>Write something here...</div>
+    );
     return (
       <div className={styles.root}>
         {placeholder}
@@ -70,7 +68,9 @@ export default class DemoEditor extends Component {
             onChange={this.onChange}
             plugins={plugins}
             spellCheck
-            ref={(element) => { this.editor = element; }}
+            ref={element => {
+              this.editor = element;
+            }}
           />
         </div>
       </div>

demo/client/index.js

@@ -1,20 +1,25 @@
-import React from 'react';
-import { render } from 'react-dom';
-import Ribbon from 'react-github-fork-ribbon';
-import DemoEditor from './components/DemoEditor';
+import React from "react";
+import { render } from "react-dom";
+import Ribbon from "react-github-fork-ribbon";
+import DemoEditor from "./components/DemoEditor";
 
 // Import your routes so that you can pass them to the <Router /> component
 // eslint-disable-next-line import/no-named-as-default
 
 // Only render in the browser
-if (typeof document !== 'undefined') {
+if (typeof document !== "undefined") {
   render(
     <div>
-      <Ribbon href="https://github.com/ngs/draft-js-markdown-shortcuts-plugin/" target="_blank" position="right" color="black">
+      <Ribbon
+        href="https://github.com/ngs/draft-js-markdown-shortcuts-plugin/"
+        target="_blank"
+        position="right"
+        color="black"
+      >
         Fork me on GitHub
       </Ribbon>
       <DemoEditor />
     </div>,
-    document.getElementById('root')
+    document.getElementById("root")
   );
 }

demo/index.html.js

@@ -1,5 +1,5 @@
-module.exports = (props) => {
-  const body = props && props.body ? props.body : '';
+module.exports = props => {
+  const body = props && props.body ? props.body : "";
   const template = `
   <!doctype html>
   <html lang="en">

demo/server.js

@@ -1,25 +1,27 @@
-import url from 'url';
-import express from 'express';
-import webpack from 'webpack';
-import config from './webpack.config.dev';
-import html from './index.html';
+import url from "url";
+import express from "express";
+import webpack from "webpack";
+import config from "./webpack.config.dev";
+import html from "./index.html";
 
 const app = express();
 const compiler = webpack(config);
 
-app.use('/css', express.static('demo/publicTemplate/css'));
+app.use("/css", express.static("demo/publicTemplate/css"));
 
-app.use(require('webpack-dev-middleware')(compiler, {
-  noInfo: true,
-  publicPath: config.output.publicPath,
-}));
+app.use(
+  require("webpack-dev-middleware")(compiler, {
+    noInfo: true,
+    publicPath: config.output.publicPath,
+  })
+);
 
-app.use(require('webpack-hot-middleware')(compiler));
+app.use(require("webpack-hot-middleware")(compiler));
 
 // Send the boilerplate HTML payload down for all get requests. Routing will be
 // handled entirely client side and we don't make an effort to pre-render pages
 // before they are served when in dev mode.
-app.get('*', (req, res) => {
+app.get("*", (req, res) => {
   const output = html();
   res.send(output);
 });
@@ -29,7 +31,7 @@ app.get('*', (req, res) => {
 // though we are only interested in the port.
 const { port } = url.parse(`http:${config.output.publicPath}`);
 
-app.listen(port, 'localhost', (err) => {
+app.listen(port, "localhost", err => {
   if (err) return console.error(err); // eslint-disable-line no-console
   console.log(`Dev server listening at http://localhost:${port}`); // eslint-disable-line no-console
 

demo/webpack.config.base.js

@@ -1,37 +1,42 @@
-var path = require('path'); // eslint-disable-line no-var
-var ExtractTextPlugin = require('extract-text-webpack-plugin'); // eslint-disable-line no-var
-var autoprefixer = require('autoprefixer'); // eslint-disable-line no-var
+var path = require("path"); // eslint-disable-line no-var
+var ExtractTextPlugin = require("extract-text-webpack-plugin"); // eslint-disable-line no-var
+var autoprefixer = require("autoprefixer"); // eslint-disable-line no-var
 
 module.exports = {
   resolve: {
     alias: {
-      'draft-js-markdown-shortcuts-plugin': path.join(__dirname, '..', 'src'),
-      react: path.join(__dirname, '..', 'node_modules', 'react'),
+      "draft-js-markdown-shortcuts-plugin": path.join(__dirname, "..", "src"),
+      react: path.join(__dirname, "..", "node_modules", "react"),
     },
-    extensions: ['', '.js'],
+    extensions: ["", ".js"],
   },
   module: {
     loaders: [
       {
         // match all js files except example.js
         test: /^(?!.*example\.js$).*\.js$/,
-        loaders: ['babel'],
+        loaders: ["babel"],
         exclude: /node_modules/,
-        include: path.join(__dirname, 'client'),
-      }, {
+        include: path.join(__dirname, "client"),
+      },
+      {
         test: /\.js$/,
-        loaders: ['babel'],
+        loaders: ["babel"],
         include: [
           path.join(__dirname),
-          path.join(__dirname, '..', 'src'),
-          path.join(__dirname, 'client')
+          path.join(__dirname, "..", "src"),
+          path.join(__dirname, "client"),
         ],
-      }, {
+      },
+      {
         test: /\.css$/,
-        loader: ExtractTextPlugin.extract('style-loader', 'css-loader?modules&importLoaders=1&localIdentName=[local]___[hash:base64:5]!postcss-loader'),
-        include: path.join(__dirname, 'client', 'components'),
-      }
+        loader: ExtractTextPlugin.extract(
+          "style-loader",
+          "css-loader?modules&importLoaders=1&localIdentName=[local]___[hash:base64:5]!postcss-loader"
+        ),
+        include: path.join(__dirname, "client", "components"),
+      },
     ],
   },
-  postcss: [autoprefixer({ browsers: ['> 1%'] })],
+  postcss: [autoprefixer({ browsers: ["> 1%"] })],
 };

demo/webpack.config.dev.js

@@ -1,8 +1,8 @@
 /* eslint-disable no-var */
-var path = require('path');
-var webpack = require('webpack');
-var webpackBaseConfig = require('./webpack.config.base');
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
+var path = require("path");
+var webpack = require("webpack");
+var webpackBaseConfig = require("./webpack.config.base");
+var ExtractTextPlugin = require("extract-text-webpack-plugin");
 
 // Set up dev host and HMR host. For the dev host this is pretty self
 // explanatory: We use a different live-reload server to serve our static JS
@@ -15,24 +15,24 @@ var DEV_HOST = `//localhost:${DEV_PORT}/`;
 var HMR_HOST = `${DEV_HOST}__webpack_hmr`;
 
 module.exports = Object.assign(webpackBaseConfig, {
-  devtool: 'inline-source-map',
+  devtool: "inline-source-map",
 
   entry: {
     app: [
       `webpack-hot-middleware/client?path=${HMR_HOST}`,
-      'babel-polyfill',
-      path.join(__dirname, 'client', 'index.js'),
+      "babel-polyfill",
+      path.join(__dirname, "client", "index.js"),
     ],
   },
 
   output: {
-    path: path.join(__dirname, 'public'),
-    filename: '[name].js',
+    path: path.join(__dirname, "public"),
+    filename: "[name].js",
     publicPath: DEV_HOST,
   },
 
   plugins: [
-    new ExtractTextPlugin('css/bundle.css', { disable: true }),
+    new ExtractTextPlugin("css/bundle.css", { disable: true }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoErrorsPlugin(),
   ],

demo/webpack.config.prod.js

@@ -1,37 +1,37 @@
 /* eslint-disable no-var */
-var path = require('path');
-var webpack = require('webpack');
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
-var StaticSiteGeneratorPlugin = require('static-site-generator-webpack-plugin');
-var webpackBaseConfig = require('./webpack.config.base');
+var path = require("path");
+var webpack = require("webpack");
+var ExtractTextPlugin = require("extract-text-webpack-plugin");
+var StaticSiteGeneratorPlugin = require("static-site-generator-webpack-plugin");
+var webpackBaseConfig = require("./webpack.config.base");
 
 module.exports = Object.assign(webpackBaseConfig, {
-  devtool: 'source-map',
+  devtool: "source-map",
 
   entry: {
-    app: [path.join(__dirname, 'client', 'index.js')],
-    main: [path.join(__dirname, 'index.html.js')],
+    app: [path.join(__dirname, "client", "index.js")],
+    main: [path.join(__dirname, "index.html.js")],
   },
 
   output: {
-    path: path.join(__dirname, 'public'),
-    filename: '[name].js',
-    libraryTarget: 'umd',
-    publicPath: '/',
+    path: path.join(__dirname, "public"),
+    filename: "[name].js",
+    libraryTarget: "umd",
+    publicPath: "/",
   },
 
   plugins: [
-    new ExtractTextPlugin('[name].css', { allChunks: true }),
+    new ExtractTextPlugin("[name].css", { allChunks: true }),
     new webpack.optimize.OccurenceOrderPlugin(),
     new webpack.DefinePlugin({
-      'process.env': {
-        NODE_ENV: JSON.stringify('production'),
+      "process.env": {
+        NODE_ENV: JSON.stringify("production"),
       },
     }),
     new webpack.optimize.UglifyJsPlugin({
       screw_ie8: true,
       compressor: { warnings: false },
     }),
-    new StaticSiteGeneratorPlugin('main', ['/'], {}),
+    new StaticSiteGeneratorPlugin("main", ["/"], {}),
   ],
 });