yarn.lock

Author: Loëck Vézien

.eslintrc

@@ -1,5 +1,8 @@
 {
-  "extends": "airbnb-base",
+  "extends": [
+    "airbnb-base",
+    "prettier"
+  ],
   "parser": "babel-eslint",
   "rules": {
     "comma-dangle": [ 2, "always-multiline" ],

.prettierignore

@@ -0,0 +1 @@
+package.json

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "printWidth": 80,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "all"
+}

package.json

@@ -2,10 +2,11 @@
   "name": "mjml-master",
   "private": true,
   "scripts": {
-    "build": "lerna run build --parallel",
     "build:watch": "lerna run build --parallel -- -- -w",
+    "build": "lerna run build --parallel",
     "lint": "eslint .",
-    "postinstall": "lerna bootstrap"
+    "postinstall": "lerna bootstrap",
+    "prettier": "prettier --write \"packages/**/{src,bin}/**/*.?(js|json)\""
   },
   "devDependencies": {
     "babel-cli": "^6.26.0",
@@ -19,9 +20,11 @@
     "es6-promisify": "^5.0.0",
     "eslint": "^4.5.0",
     "eslint-config-airbnb-base": "^11.3.2",
+    "eslint-config-prettier": "^2.6.0",
     "eslint-plugin-import": "^2.7.0",
     "lerna": "^2.0.0",
     "opn": "^5.1.0",
+    "prettier": "^1.7.3",
     "rimraf": "^2.6.1"
   }
 }

packages/mjml-body/src/index.js

@@ -24,9 +24,9 @@ export default class MjBody extends BodyComponent {
     return `
       <div
         ${this.htmlAttributes({
-    class: this.getAttribute('css-class'),
-    style: 'div',
-  })}
+          class: this.getAttribute('css-class'),
+          style: 'div',
+        })}
       >
         ${this.renderChildren()}
       </div>

packages/mjml-button/src/index.js

@@ -91,31 +91,34 @@ export default class MjButton extends BodyComponent {
     return `
       <table
         ${this.htmlAttributes({
-    align: this.getAttribute('align'),
-    border: '0',
-    cellpadding: '0',
-    cellspacing: '0',
-    role: 'presentation',
-    style: 'table',
-  })}
+          align: this.getAttribute('align'),
+          border: '0',
+          cellpadding: '0',
+          cellspacing: '0',
+          role: 'presentation',
+          style: 'table',
+        })}
       >
         <tr>
           <td
             ${this.htmlAttributes({
-    align: 'center',
-    bgcolor: this.getAttribute('background-color') === 'none' ? undefined : this.getAttribute('background-color'),
-    role: 'presentation',
-    style: 'td',
-    valign: this.getAttribute('vertical-align'),
-  })}
+              align: 'center',
+              bgcolor:
+                this.getAttribute('background-color') === 'none'
+                  ? undefined
+                  : this.getAttribute('background-color'),
+              role: 'presentation',
+              style: 'td',
+              valign: this.getAttribute('vertical-align'),
+            })}
           >
             <${tag}
               ${this.htmlAttributes({
-    href: this.getAttribute('href'),
-    rel: this.getAttribute('rel'),
-    style: 'content',
-    target: tag === 'a' ? '_blank' : undefined,
-  })}
+                href: this.getAttribute('href'),
+                rel: this.getAttribute('rel'),
+                style: 'content',
+                target: tag === 'a' ? '_blank' : undefined,
+              })}
             >
               ${this.getContent()}
             </${tag}>

packages/mjml-cli/src/client.js

@@ -20,18 +20,14 @@ const DEFAULT_OPTIONS = {
 let EXIT_CODE = 0
 let KEEP_OPEN = false
 
-const error = (msg) => {
+const error = msg => {
   console.error(msg) // eslint-disable-line no-console
 
   return process.exit(1)
 }
 
-const pickArgs = args => (
-  flow(
-    pick(args),
-    pickBy(e => negate(isNil)(e) && !(isArray(e) && isEmpty(e)))
-  )
-)
+const pickArgs = args =>
+  flow(pick(args), pickBy(e => negate(isNil)(e) && !(isArray(e) && isEmpty(e))))
 
 const argv = yargs
   .options({
@@ -68,40 +64,43 @@ const argv = yargs
     },
   })
   .help()
-  .version(`mjml-core: ${coreVersion}\nmjml-cli: ${cliVersion}`)
-  .argv
-
+  .version(`mjml-core: ${coreVersion}\nmjml-cli: ${cliVersion}`).argv
 
 const config = Object.assign(DEFAULT_OPTIONS, argv.c)
 const inputArgs = pickArgs(['r', 'w', 'i', '_'])(argv)
-const outputArgs = pickArgs(['o', 's'])(argv);
+const outputArgs = pickArgs(['o', 's'])(argv)
 
 // implies (until yargs pr is accepted)
-[
+;[
   [Object.keys(inputArgs).length > 1, 'No input arguments received'],
   [Object.keys(inputArgs).length === 0, 'Too much input arguments received'],
   [Object.keys(outputArgs).length > 1, 'Too much output arguments received'],
-  [argv.w && argv.w.length > 1 && !argv.o, 'Need an output option when watching files'],
-  [argv.w
-    && argv.w.length > 1
-    && argv.o
-    && !isDirectory(argv.o)
-    && argv.o !== '',
-  'Need an output option when watching files'],
-].forEach(v => (
-  v[0] ? error(v[1]) : null
-))
+  [
+    argv.w && argv.w.length > 1 && !argv.o,
+    'Need an output option when watching files',
+  ],
+  [
+    argv.w &&
+      argv.w.length > 1 &&
+      argv.o &&
+      !isDirectory(argv.o) &&
+      argv.o !== '',
+    'Need an output option when watching files',
+  ],
+].forEach(v => (v[0] ? error(v[1]) : null))
 
 const inputOpt = Object.keys(inputArgs)[0]
 const outputOpt = Object.keys(outputArgs)[0] || 's'
 
-const inputFiles = isArray(inputArgs[inputOpt]) ? inputArgs[inputOpt] : [inputArgs[inputOpt]]
+const inputFiles = isArray(inputArgs[inputOpt])
+  ? inputArgs[inputOpt]
+  : [inputArgs[inputOpt]]
 const inputs = []
 
 switch (inputOpt) {
   case 'r':
   case '_': {
-    flatMapPaths(inputFiles).forEach((file) => {
+    flatMapPaths(inputFiles).forEach(file => {
       inputs.push(readFile(file))
     })
     break
@@ -120,14 +119,13 @@ switch (inputOpt) {
 const convertedStream = []
 const failedStream = []
 
-inputs.forEach((i) => { // eslint-disable-line array-callback-return
+inputs.forEach(i => {
+  // eslint-disable-line array-callback-return
   try {
     convertedStream.push(
-      Object.assign(
-        {},
-        i,
-        { compiled: mjml2html(i.mjml, { ...config, filePath: i.file }) }
-      )
+      Object.assign({}, i, {
+        compiled: mjml2html(i.mjml, { ...config, filePath: i.file }),
+      }),
     )
   } catch (e) {
     EXIT_CODE = 2
@@ -136,10 +134,13 @@ inputs.forEach((i) => { // eslint-disable-line array-callback-return
   }
 })
 
-failedStream.forEach(({ error, file }) => { // eslint-disable-line array-callback-return
+failedStream.forEach(({ error, file }) => {
+  // eslint-disable-line array-callback-return
   console.error(`${file ? `File: ${file}\n` : null}${error}`) // eslint-disable-line no-console
 
-  if (config.stack) { console.error(error.stack) } // eslint-disable-line no-console
+  if (config.stack) {
+    console.error(error.stack)
+  } // eslint-disable-line no-console
 })
 
 if (!KEEP_OPEN && convertedStream.length === 0) {
@@ -149,21 +150,25 @@ if (!KEEP_OPEN && convertedStream.length === 0) {
 switch (outputOpt) {
   case 'o':
     if (inputs.length > 1 && (!isDirectory(argv.o) && argv.o !== '')) {
-      error(`Multiple input files, but output option should be either a directory or an empty string: ${argv.o} given`)
+      error(
+        `Multiple input files, but output option should be either a directory or an empty string: ${argv.o} given`,
+      )
     }
 
-    Promise
-      .all(convertedStream.map(outputToFile(argv.o)))
+    Promise.all(convertedStream.map(outputToFile(argv.o)))
       .then(() => {
-        if (!KEEP_OPEN) { process.exit(EXIT_CODE) }
+        if (!KEEP_OPEN) {
+          process.exit(EXIT_CODE)
+        }
       })
       .catch(() => {
-        if (!KEEP_OPEN) { process.exit(1) }
+        if (!KEEP_OPEN) {
+          process.exit(1)
+        }
       })
     break
   case 's':
-    Promise
-      .all(convertedStream.map(outputToConsole))
+    Promise.all(convertedStream.map(outputToConsole))
       .then(() => process.exit(EXIT_CODE))
       .catch(() => process.exit(1))
     break

packages/mjml-cli/src/commands/outputToConsole.js

@@ -1,7 +1,6 @@
-export default ({ compiled: { html }, file }) => (
-  new Promise((resolve) => {
+export default ({ compiled: { html }, file }) =>
+  new Promise(resolve => {
     // eslint-disable-next-line
     console.log(`<!-- FILE: ${file} -->\n${html}`)
     resolve()
   })
-)

packages/mjml-cli/src/commands/outputToFile.js

@@ -1,7 +1,7 @@
 import fs from 'fs'
 import path from 'path'
 
-export const isDirectory = (file) => {
+export const isDirectory = file => {
   try {
     const outputPath = path.resolve(process.cwd(), file)
 
@@ -11,17 +11,18 @@ export const isDirectory = (file) => {
   }
 }
 
-const replaceExtension = input => input.replace(
-  '.mjml',
-  input.replace('.mjml', '').match(/(.)*\.(.)+$/g) ? '' : '.html'
-)
+const replaceExtension = input =>
+  input.replace(
+    '.mjml',
+    input.replace('.mjml', '').match(/(.)*\.(.)+$/g) ? '' : '.html',
+  )
 
-const makeGuessOutputName = (outputPath) => {
+const makeGuessOutputName = outputPath => {
   if (isDirectory(outputPath)) {
     return input => path.join(outputPath, replaceExtension(input))
   }
 
-  return (input) => {
+  return input => {
     if (!outputPath) {
       return replaceExtension(input)
     }
@@ -30,20 +31,19 @@ const makeGuessOutputName = (outputPath) => {
   }
 }
 
-export default (outputPath) => {
+export default outputPath => {
   const guessOutputName = makeGuessOutputName(outputPath)
 
-  return ({ file, compiled: { html } }) => (
+  return ({ file, compiled: { html } }) =>
     new Promise((resolve, reject) => {
       const outputName = guessOutputName(file)
 
-      fs.writeFile(outputName, html, (err) => {
+      fs.writeFile(outputName, html, err => {
         if (err) {
           return reject(outputName)
         }
 
         return resolve(outputName)
       })
     })
-  )
 }

packages/mjml-cli/src/commands/readFile.js

@@ -2,9 +2,10 @@ import fs from 'fs'
 import glob from 'glob'
 import { flatMap } from 'lodash'
 
-export const flatMapPaths = paths => flatMap(paths, p => glob.sync(p, { nodir: true }))
+export const flatMapPaths = paths =>
+  flatMap(paths, p => glob.sync(p, { nodir: true }))
 
-export default (path) => {
+export default path => {
   try {
     return { file: path, mjml: fs.readFileSync(path).toString() }
   } catch (e) {
@@ -13,4 +14,3 @@ export default (path) => {
     return {}
   }
 }
-