Update prettier + prettify codebase (codesandbox#2989)

Author: MichaelDeBoey

.prettierrc

@@ -0,0 +1,6 @@
+module.exports = {
+  endOfLine: 'lf',
+  proseWrap: 'always',
+  singleQuote: true,
+  trailingComma: 'es5',
+};

.prettierrc.js

@@ -5,9 +5,9 @@
 In the interest of fostering an open and welcoming environment, we as
 contributors and maintainers pledge to making participation in our project and
 our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, sex characteristics, gender identity and expression,
-level of experience, education, socio-economic status, nationality, personal
-appearance, race, religion, or sexual identity and orientation.
+size, disability, ethnicity, sex characteristics, gender identity and
+expression, level of experience, education, socio-economic status, nationality,
+personal appearance, race, religion, or sexual identity and orientation.
 
 ## Our Standards
 
@@ -37,11 +37,11 @@ Project maintainers are responsible for clarifying the standards of acceptable
 behavior and are expected to take appropriate and fair corrective action in
 response to any instances of unacceptable behavior.
 
-Project maintainers have the right and responsibility to remove, edit, or
-reject comments, commits, code, wiki edits, issues, and other contributions
-that are not aligned to this Code of Conduct, or to ban temporarily or
-permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
+Project maintainers have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, or to ban temporarily or permanently any
+contributor for other behaviors that they deem inappropriate, threatening,
+offensive, or harmful.
 
 ## Scope
 
@@ -55,20 +55,21 @@ further defined and clarified by project maintainers.
 ## Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at [email protected]. All
-complaints will be reviewed and investigated and will result in a response that
-is deemed necessary and appropriate to the circumstances. The project team is
-obligated to maintain confidentiality with regard to the reporter of an incident.
-Further details of specific enforcement policies may be posted separately.
+reported by contacting the project team at [email protected]. All complaints
+will be reviewed and investigated and will result in a response that is deemed
+necessary and appropriate to the circumstances. The project team is obligated to
+maintain confidentiality with regard to the reporter of an incident. Further
+details of specific enforcement policies may be posted separately.
 
 Project maintainers who do not follow or enforce the Code of Conduct in good
 faith may face temporary or permanent repercussions as determined by other
 members of the project's leadership.
 
 ## Attribution
 
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
-available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 1.4, available at
+https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
 
 [homepage]: https://www.contributor-covenant.org
 

CODE_OF_CONDUCT.md

@@ -83,8 +83,8 @@
     "husky": "^2.2.0",
     "lerna": "^3.16.4",
     "lint-staged": "^9.2.5",
-    "prettier": "1.19.0",
-    "pretty-quick": "^1.10.0",
+    "prettier": "1.19.1",
+    "pretty-quick": "^2.0.1",
     "typescript": "3.7.2",
     "username": "^5.1.0"
   },

package.json

@@ -17,7 +17,10 @@ export const Observer = isOvermind
   ? connect(({ store, signals, reaction, children }: any) =>
       children({ store, signals, reaction })
     )
-  : inject('store', 'signals')(
+  : inject(
+      'store',
+      'signals'
+    )(
       observer(({ store, signals, reaction, children }: any) =>
         children({ store, signals, reaction })
       )

packages/app/src/app/componentConnectors.ts

@@ -238,7 +238,8 @@ export class DevTools extends React.PureComponent<Props, State> {
 
     if (
       status === 'success' &&
-      (newStatus !== 'error' && newStatus !== 'warning')
+      newStatus !== 'error' &&
+      newStatus !== 'warning'
     ) {
       newStatus = 'success';
     } else if (status === 'warning' && newStatus !== 'error') {

packages/app/src/app/components/Preview/DevTools/index.tsx

@@ -4,9 +4,9 @@ import GithubIcon from 'react-icons/lib/fa/github';
 import { Icon } from './elements';
 import { SpectrumLogo } from '../SpectrumLogo';
 
-export const SocialInfo: React.FC<
-  React.HTMLAttributes<HTMLDivElement>
-> = props => (
+export const SocialInfo: React.FC<React.HTMLAttributes<
+  HTMLDivElement
+>> = props => (
   <div {...props}>
     <Icon href="https://twitter.com/codesandbox">
       <TwitterIcon />

packages/app/src/app/components/SocialInfo/SocialInfo.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import IconBase from 'react-icons/lib/IconBase';
 
-export const SpectrumLogo: React.FC<
-  React.SVGAttributes<SVGElement>
-> = props => (
+export const SpectrumLogo: React.FC<React.SVGAttributes<
+  SVGElement
+>> = props => (
   <IconBase
     width="1em"
     height="1em"

packages/app/src/app/components/SpectrumLogo.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import IconBase from 'react-icons/lib/IconBase';
 
-export const TypescriptIcon: React.FC<
-  React.SVGAttributes<SVGElement>
-> = props => (
+export const TypescriptIcon: React.FC<React.SVGAttributes<
+  SVGElement
+>> = props => (
   <IconBase viewBox="0 0 32 32" {...props}>
     <title>Typescript</title>
     <path d="M23.827,8.243A4.424,4.424,0,0,1,26.05,9.524a5.853,5.853,0,0,1,.852,1.143c.011.045-1.534,1.083-2.471,1.662-.034.023-.169-.124-.322-.35a2.014,2.014,0,0,0-1.67-1c-1.077-.074-1.771.49-1.766,1.433a1.3,1.3,0,0,0,.153.666c.237.49.677.784,2.059,1.383,2.544,1.095,3.636,1.817,4.31,2.843a5.158,5.158,0,0,1,.416,4.333,4.764,4.764,0,0,1-3.932,2.815,10.9,10.9,0,0,1-2.708-.028,6.531,6.531,0,0,1-3.616-1.884,6.278,6.278,0,0,1-.926-1.371,2.655,2.655,0,0,1,.327-.208c.158-.09.756-.434,1.32-.761L19.1,19.6l.214.312a4.771,4.771,0,0,0,1.35,1.292,3.3,3.3,0,0,0,3.458-.175,1.545,1.545,0,0,0,.2-1.974c-.276-.395-.84-.727-2.443-1.422a8.8,8.8,0,0,1-3.349-2.055,4.687,4.687,0,0,1-.976-1.777,7.116,7.116,0,0,1-.062-2.268,4.332,4.332,0,0,1,3.644-3.374A9,9,0,0,1,23.827,8.243ZM15.484,9.726l.011,1.454h-4.63V24.328H7.6V11.183H2.97V9.755A13.986,13.986,0,0,1,3.01,8.289c.017-.023,2.832-.034,6.245-.028l6.211.017Z" />

packages/app/src/app/components/TypescriptIcon.tsx

@@ -1,8 +1,8 @@
 import { Overmind, IConfiguration } from 'overmind';
 import { createContext } from 'react';
 
-export const context = createContext<Overmind<IConfiguration>>({} as Overmind<
-  IConfiguration
->);
+export const context = createContext<Overmind<IConfiguration>>(
+  {} as Overmind<IConfiguration>
+);
 
 export const { Provider } = context;