Prettier

Author: Ives van Hoorne

packages/app/scripts/build.js

@@ -97,9 +97,9 @@ function printFileSizes(stats, previousSizeMap) {
 // Create the production build and print the deployment instructions.
 function build(previousSizeMap) {
   console.log(
-    `Creating a ${process.env.NODE_ENV === 'production'
-      ? 'production'
-      : 'development'} build...`
+    `Creating a ${
+      process.env.NODE_ENV === 'production' ? 'production' : 'development'
+    } build...`
   );
   webpack(config).run((err, stats) => {
     if (err) {

packages/app/src/app/components/Preview/DevTools/Tests/TestDetails/ErrorDetails/index.js

@@ -46,15 +46,11 @@ const formatDiffMessage = (error: TestError, path: string) => {
       .replace(/(Difference:)/m, `<span style="color:${white}">$1</span>`)
       .replace(
         /(Expected.*\n)(.*)/m,
-        `<span style="color:${
-          white
-        }">$1</span><span style="color:${theme.green()}">$2</span>`
+        `<span style="color:${white}">$1</span><span style="color:${theme.green()}">$2</span>`
       )
       .replace(
         /(Received.*\n)(.*)/m,
-        `<span style="color:${
-          white
-        }">$1</span><span style="color:${theme.red()}">$2</span>`
+        `<span style="color:${white}">$1</span><span style="color:${theme.red()}">$2</span>`
       )
       .replace(/^(-.*)/gm, `<span style="color:${theme.red()}">$1</span>`)
       .replace(

packages/app/src/app/pages/Sandbox/Editor/Workspace/Advertisement/CodeSponsor.js

@@ -16,7 +16,8 @@ export default ({ token, theme }: Props) => {
       <a href={linkHref} className="cs__blurb" target="_blank" rel="noopener">
         <strong>Rollbar</strong>{' '}
         <span>
-          Real-time error monitoring, alerting, and analytics for software developers{' '}
+          Real-time error monitoring, alerting, and analytics for software
+          developers{' '}
           <span aria-label="rocket" role="img">
             🚀
           </span>

packages/app/src/app/pages/Sandbox/Editor/Workspace/Versions/PublishFields/index.js

@@ -23,13 +23,11 @@ export default class PublishFields extends React.PureComponent {
   minor;
   patch;
 
-  getVersion = (
-    {
-      major = this.state.major,
-      minor = this.state.minor,
-      patch = this.state.patch,
-    } = {}
-  ) => `${major}.${minor}.${patch}`;
+  getVersion = ({
+    major = this.state.major,
+    minor = this.state.minor,
+    patch = this.state.patch,
+  } = {}) => `${major}.${minor}.${patch}`;
 
   isDuplicateVersion = (version = this.getVersion()) =>
     !!this.props.versions.find(v => v.version === version);

packages/app/src/app/pages/Terms/TOS.js

@@ -8,10 +8,13 @@ export default () => (
     <p>Last updated: July 20, 2017</p>
 
     <p>
-      These Terms and Conditions ({'"'}Terms{'"'}, {'"'}Terms and Conditions{'"'})
-      govern your relationship with https://codesandbox.io website (the {'"'}Service{'"'})
-      and the Sandbox creation service therein operated by Bas en Ives VOF ({'"'}us{'"'},{' '}
-      {'"'}we{'"'}, or {'"'}our{'"'}).
+      These Terms and Conditions ({'"'}Terms{'"'}, {'"'}Terms and Conditions{
+        '"'
+      }) govern your relationship with https://codesandbox.io website (the {'"'}Service{
+        '"'
+      }) and the Sandbox creation service therein operated by Bas en Ives VOF ({
+        '"'
+      }us{'"'}, {'"'}we{'"'}, or {'"'}our{'"'}).
     </p>
 
     <p>
@@ -37,8 +40,9 @@ export default () => (
     <h2>Subscriptions</h2>
 
     <p>
-      Some parts of the Service are billed on a subscription basis ({'"'}Subscription(s){'"'}).
-      You will be billed in advance on a recurring and periodic basis ({'"'}Billing
+      Some parts of the Service are billed on a subscription basis ({'"'}Subscription(s){
+        '"'
+      }). You will be billed in advance on a recurring and periodic basis ({'"'}Billing
       Cycle{'"'}). Billing cycles are set on a monthly basis.
     </p>
 
@@ -99,9 +103,10 @@ export default () => (
 
     <p>
       Our Service allows you to post, link, store, share and otherwise make
-      available certain information, text, graphics, videos, or other material ({'"'}Content{'"'}).
-      You are responsible for the Content that you post to the Service,
-      including its legality, reliability, and appropriateness.
+      available certain information, text, graphics, videos, or other material ({
+        '"'
+      }Content{'"'}). You are responsible for the Content that you post to the
+      Service, including its legality, reliability, and appropriateness.
     </p>
 
     <p>

packages/app/src/sandbox/eval/loaders/eval.js

@@ -21,9 +21,7 @@ export default function(
   const globalsValues = Object.keys(globals).map(k => globals[k]);
 
   try {
-    const newCode = `(function evaluate(require, module, exports, process, setImmediate, Buffer, global${
-      globalsCode
-    }) {${code}\n})`;
+    const newCode = `(function evaluate(require, module, exports, process, setImmediate, Buffer, global${globalsCode}) {${code}\n})`;
     // eslint-disable-next-line no-eval
     (0, eval)(newCode).apply(this, [
       require,

packages/app/src/sandbox/eval/transpilers/vue/loader.js

@@ -186,9 +186,7 @@ export default function(content: string, loaderContext: LoaderContext) {
               : getRequireString('styles', style, i, style.scoped);
 
             output +=
-              `module.hot && module.hot.accept([${
-                requirePath
-              }], function () {\n` +
+              `module.hot && module.hot.accept([${requirePath}], function () {\n` +
               // 1. check if style has been injected
               `  var oldLocals = cssModules["${moduleName}"]\n` +
               `  if (!oldLocals) return\n` +
@@ -344,9 +342,9 @@ export default function(content: string, loaderContext: LoaderContext) {
           '      delete Component.options._Ctor\n' +
           '    }\n';
       }
-      output += `    hotAPI.${functionalTemplate ? 'rerender' : 'reload'}("${
-        moduleId
-      }", Component.options)\n  }\n`;
+      output += `    hotAPI.${
+        functionalTemplate ? 'rerender' : 'reload'
+      }("${moduleId}", Component.options)\n  }\n`;
       // dispose
       output +=
         '  module.hot.dispose(function (data) {\n' +

packages/app/src/sandbox/react-error-overlay/components/suggestions.js

@@ -21,9 +21,9 @@ export function createSuggestions(error: SandboxError) {
     button.setAttribute('onmouseover', 'this.style.backgroundColor="#78CDF7"');
     button.setAttribute(
       'onmouseout',
-      `this.style.backgroundColor="${suggestionsButtonStyle[
-        'background-color'
-      ]}"`
+      `this.style.backgroundColor="${
+        suggestionsButtonStyle['background-color']
+      }"`
     );
     applyStyles(button, suggestionsButtonStyle);
 

packages/common/components/Select/index.js

@@ -2,8 +2,7 @@ import styled from 'styled-components';
 
 export default styled.select`
   transition: 0.3s ease border-color;
-  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNC45NSAxMCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xLjQxIDQuNjdsMS4wNy0xLjQ5IDEuMDYgMS40OUgxLjQxek0zLjU0IDUuMzNMMi40OCA2LjgyIDEuNDEgNS4zM2gyLjEzeiI+PC9wYXRoPjwvc3ZnPg==)
-    no-repeat 90% 40%;
+  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgNC45NSAxMCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xLjQxIDQuNjdsMS4wNy0xLjQ5IDEuMDYgMS40OUgxLjQxek0zLjU0IDUuMzNMMi40OCA2LjgyIDEuNDEgNS4zM2gyLjEzeiI+PC9wYXRoPjwvc3ZnPg==);
   background-color: rgba(0, 0, 0, 0.3);
   color: white;
   border: none;

packages/common/components/spacing/get-spacing.js

@@ -12,7 +12,5 @@ export default function({
   const bottomMargin = [bottom, vertical, margin].find(s => s != null) || 0;
   const leftMargin = [left, horizontal, margin].find(s => s != null) || 0;
 
-  return `${topMargin}rem ${rightMargin}rem ${bottomMargin}rem ${
-    leftMargin
-  }rem`;
+  return `${topMargin}rem ${rightMargin}rem ${bottomMargin}rem ${leftMargin}rem`;
 }