Prettier

Author: Morley Zhi

.storybook/addons.js

@@ -1,2 +1,2 @@
-import '@storybook/addon-actions/register';
-import '@storybook/addon-links/register';
+import "@storybook/addon-actions/register";
+import "@storybook/addon-links/register";

.storybook/config.js

@@ -1,9 +1,9 @@
-import { configure } from '@storybook/react';
+import { configure } from "@storybook/react";
 
 // automatically import all files ending in *.stories.js
-const req = require.context('../stories', true, /\.stories\.js$/);
+const req = require.context("../stories", true, /\.stories\.js$/);
 function loadStories() {
-  req.keys().forEach(filename => req(filename));
+  req.keys().forEach((filename) => req(filename));
 }
 
 configure(loadStories, module);

package.json

@@ -6,19 +6,34 @@
   "repository": "[email protected]:stellar/js-stellar-elements.git",
   "author": "Morley Zhi <[email protected]>",
   "license": "Apache-2.0",
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "**/*.{js,md}": [
+      "prettier --config prettier.config.js --write",
+      "git add"
+    ]
+  },
   "dependencies": {
     "styled-components": "^4.2.0"
   },
   "devDependencies": {
-    "@storybook/react": "^5.0.10",
+    "@babel/core": "^7.4.3",
     "@storybook/addon-actions": "^5.0.10",
     "@storybook/addon-links": "^5.0.10",
     "@storybook/addons": "^5.0.10",
-    "@babel/core": "^7.4.3",
-    "babel-loader": "^8.0.5"
+    "@storybook/react": "^5.0.10",
+    "babel-loader": "^8.0.5",
+    "husky": "^1.3.1",
+    "lint-staged": "^8.1.5",
+    "prettier": "^1.17.0"
   },
   "scripts": {
     "storybook": "NODE_PATH=src && start-storybook -p 6006",
+    "prettier": "prettier --config prettier.config.js --write '**/*.{js,md}'",
     "build-storybook": "build-storybook"
   }
 }

prettier.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  arrowParens: "always",
+  bracketSpacing: true,
+  printWidth: 80,
+  proseWrap: "always",
+  semi: true,
+  singleQuote: false,
+  tabWidth: 2,
+  trailingComma: "all",
+  useTabs: false,
+};