Use Prettier 💅

.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": "interactivethings",
+  "extends": ["interactivethings", "prettier", "prettier/react"],
   "parser": "babel-eslint",
   "globals": {
     "expect": true,

.prettierignore

@@ -0,0 +1,4 @@
+package.json
+dist
+docs/build
+flow-typed

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.formatOnSave": true
+}

babel.js

@@ -1 +1 @@
-module.exports = require('./dist/babel/preset');
+module.exports = require("./dist/babel/preset");

cli/src/actions/detectFramework.js

@@ -1,37 +1,40 @@
 // @flow
-import {resolveAppPath} from '../utils/paths';
-import {exists} from 'sander';
+import { resolveAppPath } from "../utils/paths";
+import { exists } from "sander";
 
 // Framework types Catalog supports
-type UNKNOWN = 'UNKNOWN';
-type CREATE_REACT_APP = 'CREATE_REACT_APP';
-type NEXT = 'NEXT';
+type UNKNOWN = "UNKNOWN";
+type CREATE_REACT_APP = "CREATE_REACT_APP";
+type NEXT = "NEXT";
 
 export type Framework = UNKNOWN | CREATE_REACT_APP | NEXT;
 
 export default async (): Promise<Framework> => {
-  const appPackagePath = resolveAppPath('package.json');
+  const appPackagePath = resolveAppPath("package.json");
   const appPackageExists = await exists(appPackagePath);
 
   if (!appPackageExists) {
-    return 'UNKNOWN';
+    return "UNKNOWN";
   }
 
   const appPackage = require(appPackagePath);
   if (
-    (appPackage.dependencies && appPackage.dependencies.hasOwnProperty('react-scripts')) ||
-    (appPackage.devDependencies && appPackage.devDependencies.hasOwnProperty('react-scripts'))
+    (appPackage.dependencies &&
+      appPackage.dependencies.hasOwnProperty("react-scripts")) ||
+    (appPackage.devDependencies &&
+      appPackage.devDependencies.hasOwnProperty("react-scripts"))
   ) {
-    return 'CREATE_REACT_APP';
+    return "CREATE_REACT_APP";
   }
 
   if (
-    (appPackage.dependencies && appPackage.dependencies.hasOwnProperty('next')) ||
-    (appPackage.devDependencies && appPackage.devDependencies.hasOwnProperty('next'))
+    (appPackage.dependencies &&
+      appPackage.dependencies.hasOwnProperty("next")) ||
+    (appPackage.devDependencies &&
+      appPackage.devDependencies.hasOwnProperty("next"))
   ) {
-    return 'NEXT';
+    return "NEXT";
   }
 
-  return 'UNKNOWN';
+  return "UNKNOWN";
 };
-

cli/src/actions/loadConfigFile.js

@@ -1,14 +1,14 @@
 // @flow
-import {resolveAppPath} from '../utils/paths';
-import {exists} from 'sander';
+import { resolveAppPath } from "../utils/paths";
+import { exists } from "sander";
 
 type ConfigFile = {
   webpack?: Function,
   useBabelrc?: boolean
 } | null;
 
 export default async (): Promise<ConfigFile> => {
-  const configFilePath = resolveAppPath('catalog.config.js');
+  const configFilePath = resolveAppPath("catalog.config.js");
   const configFileExists = await exists(configFilePath);
   return configFileExists ? require(configFilePath) : null;
 };

cli/src/actions/loadPaths.js

@@ -1,29 +1,42 @@
 // @flow
-import {resolveAppPath, resolveOwnPath, nodePaths, ensureSlash} from '../utils/paths';
-
-export default async (catalogSrcDir: string, catalogBuildDir: string, framework: string, publicUrl: string) => ({
+import {
+  resolveAppPath,
+  resolveOwnPath,
+  nodePaths,
+  ensureSlash
+} from "../utils/paths";
 
+export default async (
+  catalogSrcDir: string,
+  catalogBuildDir: string,
+  framework: string,
+  publicUrl: string
+) => ({
   unresolvedCatalogSrcDir: catalogSrcDir,
   unresolvedCatalogBuildDir: catalogBuildDir,
   catalogSrcDir: resolveAppPath(catalogSrcDir),
   catalogBuildDir: resolveAppPath(catalogBuildDir),
-  catalogIndexJs: resolveAppPath(catalogSrcDir, 'index.js'),
-  catalogIndexHtml: resolveAppPath(catalogSrcDir, 'index.html'),
-  catalogStaticSrcDir: resolveAppPath(catalogSrcDir, 'static'),
+  catalogIndexJs: resolveAppPath(catalogSrcDir, "index.js"),
+  catalogIndexHtml: resolveAppPath(catalogSrcDir, "index.html"),
+  catalogStaticSrcDir: resolveAppPath(catalogSrcDir, "static"),
   catalogStaticBuildDir: resolveAppPath(catalogBuildDir),
 
-  catalogSrcTemplateDir: resolveOwnPath('..', 'setup-template'),
+  catalogSrcTemplateDir: resolveOwnPath("..", "setup-template"),
 
-  appRoot: resolveAppPath('.'),
-  appStaticSrcDir: framework === 'NEXT' ? resolveAppPath('static') : resolveAppPath('public'),
-  appStaticBuildDir: framework === 'NEXT' ? resolveAppPath(catalogBuildDir, 'static') : resolveAppPath(catalogBuildDir),
+  appRoot: resolveAppPath("."),
+  appStaticSrcDir:
+    framework === "NEXT" ? resolveAppPath("static") : resolveAppPath("public"),
+  appStaticBuildDir:
+    framework === "NEXT"
+      ? resolveAppPath(catalogBuildDir, "static")
+      : resolveAppPath(catalogBuildDir),
 
-  appPackageJson: resolveAppPath('package.json'),
-  appSrc: resolveAppPath('src'),
-  yarnLockFile: resolveAppPath('yarn.lock'),
-  babelrc: resolveAppPath('.babelrc'),
-  appNodeModules: resolveAppPath('node_modules'),
-  ownNodeModules: resolveOwnPath('..', '..', 'node_modules'),
+  appPackageJson: resolveAppPath("package.json"),
+  appSrc: resolveAppPath("src"),
+  yarnLockFile: resolveAppPath("yarn.lock"),
+  babelrc: resolveAppPath(".babelrc"),
+  appNodeModules: resolveAppPath("node_modules"),
+  ownNodeModules: resolveOwnPath("..", "..", "node_modules"),
   nodePaths: nodePaths,
 
   publicUrl: ensureSlash(publicUrl, true)