Format code with prettier

index.js

@@ -1,73 +1,69 @@
-function isEven(x){
-    if(x = 2 || x % 2 == 0){
-        console.log(`${x} is even`)
-    } else
-    console.log(`${x} is odd`)
+function isEven(x) {
+  if ((x = 2 || x % 2 == 0)) {
+    console.log(`${x} is even`);
+  } else console.log(`${x} is odd`);
 }
 
-function isNumber(num){
-    let x = undefined
-    x= num % 2
-    if(false)           {
-        console.log("Number is false")
-    } else if (!!x) {
-        console.log(`Number: ${x}`)
-    } else if(2 == x){}
+function isNumber(num) {
+  let x = undefined;
+  x = num % 2;
+  if (false) {
+    console.log("Number is false");
+  } else if (!!x) {
+    console.log(`Number: ${x}`);
+  } else if (2 == x) {
+  }
 }
 
 function isTruthy(x) {
-    debugger;
-    return Boolean(x);
-};
+  debugger;
+  return Boolean(x);
+}
 
 function area(r) {
-    let math = Math()
-    return math.PI * r * r;
+  let math = Math();
+  return math.PI * r * r;
 }
 
-function isFooAvailable(obj){
-    console.log(`Value of obj[foo]: ${obj['foo']}`)
-    return obj.hasOwnProperty('foo')
+function isFooAvailable(obj) {
+  console.log(`Value of obj[foo]: ${obj["foo"]}`);
+  return obj.hasOwnProperty("foo");
 }
 
-function findFooBar(){
-    var re = /=foo   bar/;
-    re.test('foobar')
+function findFooBar() {
+  var re = /=foo   bar/;
+  re.test("foobar");
 }
 
-function consoleFoo(num){
-    while((num != 3)){
-        break;
-        console.log(num--)
-    }
-
+function consoleFoo(num) {
+  while (num != 3) {
+    break;
+    console.log(num--);
+  }
 }
 
-function isGreaterThan(arr, x){
-    if(Array.isArray(arr)){
-        arr.map((n) => {
-            return !(n > x) ? n : arguments.callee(n-1) * n;
-        });
-    };
+function isGreaterThan(arr, x) {
+  if (Array.isArray(arr)) {
+    arr.map((n) => {
+      return !(n > x) ? n : arguments.callee(n - 1) * n;
+    });
+  }
 }
 
-function callHiEveryMinutes(x){
-    if(!window && x){
-        setTimeout("alert('Hi')", x * 1000)
-
-    }   else    window.setTimeout("alert('Hi')", x * 1000)
+function callHiEveryMinutes(x) {
+  if (!window && x) {
+    setTimeout("alert('Hi')", x * 1000);
+  } else window.setTimeout("alert('Hi')", x * 1000);
 }
 
 let result = isFooAvailable({
-    'bar': 'bar',
-    'z': 'z'
-})
+  bar: "bar",
+  z: "z",
+})((function () {})(), 0);
 
-(function(){ }(), 0);
-
-function checkYoda(){
-    let yoda = true;
-    if(true == yoda){
-        console.log("I am yoda")
-    }
-}
+function checkYoda() {
+  let yoda = true;
+  if (true == yoda) {
+    console.log("I am yoda");
+  }
+}

packages/demo-react/src/App.test.js

@@ -1,7 +1,7 @@
-import { render, screen } from '@testing-library/react';
-import App from './App';
+import { render, screen } from "@testing-library/react";
+import App from "./App";
 
-test('renders learn react link', () => {
+test("renders learn react link", () => {
   render(<App />);
   const linkElement = screen.getByText(/learn react/i);
   expect(linkElement).toBeInTheDocument();

packages/demo-react/src/components/bind.js

@@ -1,20 +1,23 @@
 import React from "react";
-import propTypes from 'prop-types'
+import propTypes from "prop-types";
 
 class TestingComponent extends React.Component {
-
-    handleClick(){
-        console.log('We must not use bind in JSX props')
-
-    }
+  handleClick() {
+    console.log("We must not use bind in JSX props");
+  }
 
   render() {
-    <div onClick={() => this.handleClick.bind(this)} class={this.props.class_name}>Welcome to {this.props.title} TestingComponent Component</div>;
+    <div
+      onClick={() => this.handleClick.bind(this)}
+      class={this.props.class_name}
+    >
+      Welcome to {this.props.title} TestingComponent Component
+    </div>;
   }
 }
 
 TestingComponent.propTypes = {
-  title: propTypes.string.isRequired
+  title: propTypes.string.isRequired,
 };
 
 export default TestingComponent;

packages/demo-react/src/components/footer.js

@@ -1,14 +1,16 @@
 import { Component } from "react";
-import propTypes from 'prop-types'
+import propTypes from "prop-types";
 
 class Footer extends Component {
   render() {
-    <div class={this.props.class_name}>Footer Component is {this.props.title}</div>;
+    <div class={this.props.class_name}>
+      Footer Component is {this.props.title}
+    </div>;
   }
 }
 
 Footer.propTypes = {
-  title: propTypes.string.isRequired
+  title: propTypes.string.isRequired,
 };
 
 export default Footer;

packages/demo-react/src/components/header.js

@@ -1,14 +1,16 @@
 import { Component } from "react";
-import propTypes from 'prop-types'
+import propTypes from "prop-types";
 
 class Header extends Component {
   render() {
-    <div class={this.props.class_name}>Header Component is {this.props.title}</div>;
+    <div class={this.props.class_name}>
+      Header Component is {this.props.title}
+    </div>;
   }
 }
 
 Header.propTypes = {
-  title: propTypes.string.isRequired
+  title: propTypes.string.isRequired,
 };
 
 export default Header;

packages/demo-react/src/components/hero.js

@@ -1,14 +1,16 @@
 import { Component } from "react";
-import propTypes from 'prop-types'
+import propTypes from "prop-types";
 
 class Hero extends Component {
   render() {
-    <div class={this.props.class_name}>Welcome to {this.props.title} Hero Component</div>;
+    <div class={this.props.class_name}>
+      Welcome to {this.props.title} Hero Component
+    </div>;
   }
 }
 
 Hero.propTypes = {
-  title: propTypes.string.isRequired
+  title: propTypes.string.isRequired,
 };
 
 export default Hero;

packages/demo-react/src/components/home.js

@@ -2,8 +2,8 @@ import { Component } from "react";
 
 type Props = {
   title: string,
-  isHero: boolean
-}
+  isHero: boolean,
+};
 
 class Hello extends Component<Props> {
   constructor(props) {
@@ -14,13 +14,15 @@ class Hello extends Component<Props> {
   }
   render() {
     return (
-      <h1 class="no-unknown-property" font-size="24" onClick={() => console.log('Should not use bind in JSX props')}>
+      <h1
+        class="no-unknown-property"
+        font-size="24"
+        onClick={() => console.log("Should not use bind in JSX props")}
+      >
         {this.isTitleAvailable ? this.title : `Welcome to DeepSource`}
       </h1>
     );
   }
 }
 
-
-
 export default Hello;

packages/demo-react/src/index.css

@@ -1,13 +1,13 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
     monospace;
 }

packages/demo-react/src/index.js

@@ -1,14 +1,14 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.css";
+import App from "./App";
+import reportWebVitals from "./reportWebVitals";
 
 ReactDOM.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root')
+  document.getElementById("root")
 );
 
 // If you want to start measuring performance in your app, pass a function

packages/demo-react/src/reportWebVitals.js

@@ -1,6 +1,6 @@
-const reportWebVitals = onPerfEntry => {
+const reportWebVitals = (onPerfEntry) => {
   if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+    import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
       getCLS(onPerfEntry);
       getFID(onPerfEntry);
       getFCP(onPerfEntry);

packages/demo-react/src/setupTests.js

@@ -2,4 +2,4 @@
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

packages/demo-typescript/src/IType.ts

@@ -1,12 +1,11 @@
 interface SomeType {
-    prop: string;
-  }
-
-
+  prop: string;
+}
+
 export function foo() {
-    if (false) {
-      // @ts-ignore: Unreachable code error
-      console.log('hello');
-    }
-    this.prop;
-  }
+  if (false) {
+    // @ts-ignore: Unreachable code error
+    console.log("hello");
+  }
+  this.prop;
+}

packages/demo-typescript/src/function.ts

@@ -1,21 +1,17 @@
 class defaultParamLast {
-    constructor(public a = 10, private b: number) {
-        this.a = a
-        this.b = b
-    }
-    sum(a: number = 0,b: number ){
-
-        return a + b
-
-    }
+  constructor(public a = 10, private b: number) {
+    this.a = a;
+    this.b = b;
+  }
+  sum(a: number = 0, b: number) {
+    return a + b;
+  }
 
-    getPercentage(c?: number,a: number, b = 0) {
-        if(c){
-            return (a * b * 100)/c
-        } else {
-            return;
-        }
-
+  getPercentage(c?: number, a: number, b = 0) {
+    if (c) {
+      return (a * b * 100) / c;
+    } else {
+      return;
     }
   }
-
+}