Run prettier/eslint

vishisht19 · Dec 2, 2020 · 5e378a6 · 5e378a6
1 parent a61f2da
commit 5e378a6
Show file tree

Hide file tree

Showing 12 changed files with 1,032 additions and 908 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -1,4 +1,10 @@
 {
+  "env": {
+    "browser": true,
+    "commonjs": true,
+    "es6": true,
+    "jquery": true
+  },
   "extends": ["airbnb", "prettier"],
   "plugins": ["prettier"],
   "rules": {

diff --git a/css/popup.css b/css/popup.css
@@ -1,33 +1,34 @@
 body {
-    width: 350px;
-    background-color: #dfd9d99d !important;
-    padding: 10px;
-    text-align:center;
-    transition: background-color .75s ease;
-    font-size:13px;
-
-    font-family: "Helvetica Neue", "Lucida Grande", sans-serif;
-  }
+  width: 350px;
+  background-color: #dfd9d99d !important;
+  padding: 10px;
+  text-align: center;
+  transition: background-color 0.75s ease;
+  font-size: 13px;
 
-  #title {
-    font-family: "Norwester", "Helvetica Neue", "Lucida Grande", sans-serif;
-    font-size: 30px;
-    font-weight: bold;
-    margin-bottom: 0px;
-    margin-top: 10px;
-  }
-
-  #caption {
-    font-family: "Norwester", "Helvetica Neue", "Lucida Grande", sans-serif;
-    font-size: 14px;
-    font-weight: normal;
-    margin-bottom: 0px;
-  }
+  font-family: 'Helvetica Neue', 'Lucida Grande', sans-serif;
+}
 
-  .onboarding
-  {
-    font-family: sans-serif;
-    border-top: solid black 1px;
-    font-weight: 500;
-    font-size: medium;
-  }
+#title {
+  font-family: 'Norwester', 'Helvetica Neue', 'Lucida Grande',
+    sans-serif;
+  font-size: 30px;
+  font-weight: bold;
+  margin-bottom: 0px;
+  margin-top: 10px;
+}
+
+#caption {
+  font-family: 'Norwester', 'Helvetica Neue', 'Lucida Grande',
+    sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  margin-bottom: 0px;
+}
+
+.onboarding {
+  font-family: sans-serif;
+  border-top: solid black 1px;
+  font-weight: 500;
+  font-size: medium;
+}
diff --git a/css/welcome.css b/css/welcome.css
@@ -1,66 +1,65 @@
 body {
-    background-color: #000000 !important;
-    padding: 10px;
-    text-align:center;
-    transition: background-color .75s ease;
-    font-family: "Helvetica Neue", "Lucida Grande", sans-serif;
-  }
+  background-color: #000000 !important;
+  padding: 10px;
+  text-align: center;
+  transition: background-color 0.75s ease;
+  font-family: 'Helvetica Neue', 'Lucida Grande', sans-serif;
+}
 
-  #title {
-    font-family: "Norwester", "Helvetica Neue", "Lucida Grande", sans-serif;
-    font-size: 5em;
-    font-weight: bold;
-    margin-bottom: 0px;
-    margin-top: 10px;
-  }
-
-  .caption {
-    font-family: "Norwester", "Helvetica Neue", "Lucida Grande", sans-serif;
-    font-size: 1.5em;
-    font-weight: normal !important;
-    margin-top: 3px !important;
-    margin-bottom: 0px;
-  }
-  #error
-  {
-    font-family: "Norwester", "Helvetica Neue", "Lucida Grande", sans-serif;
-    font-weight: normal !important;
-    color: red !important;
-    margin-bottom: 0px;
-  }
-
-  #success
-  {
-    font-family: "Norwester", "Helvetica Neue", "Lucida Grande", sans-serif;
-    font-size: 1.1em;
-    font-weight: normal !important;
-    color: green !important;
-    margin-bottom: 0px;
-  }
+#title {
+  font-family: 'Norwester', 'Helvetica Neue', 'Lucida Grande',
+    sans-serif;
+  font-size: 5em;
+  font-weight: bold;
+  margin-bottom: 0px;
+  margin-top: 10px;
+}
 
-  #unlink
-  {
-    font-family: "Norwester", "Helvetica Neue", "Lucida Grande", sans-serif;
-    font-size: 1.1em;
-    font-weight: normal !important;
-    color: green !important;
-    margin-bottom: 0px;
-  }
+.caption {
+  font-family: 'Norwester', 'Helvetica Neue', 'Lucida Grande',
+    sans-serif;
+  font-size: 1.5em;
+  font-weight: normal !important;
+  margin-top: 3px !important;
+  margin-bottom: 0px;
+}
+#error {
+  font-family: 'Norwester', 'Helvetica Neue', 'Lucida Grande',
+    sans-serif;
+  font-weight: normal !important;
+  color: red !important;
+  margin-bottom: 0px;
+}
 
-  p
-  {
-    color: white !important;
-  }
-  .onboarding
-  {
-    font-family: sans-serif;
-    border-top: solid white 1px;
-    font-weight: 500;
-    font-size: medium;
-  }
+#success {
+  font-family: 'Norwester', 'Helvetica Neue', 'Lucida Grande',
+    sans-serif;
+  font-size: 1.1em;
+  font-weight: normal !important;
+  color: green !important;
+  margin-bottom: 0px;
+}
 
-  a
-  {
-    color:  white !important;
-    cursor: pointer;
-  }
+#unlink {
+  font-family: 'Norwester', 'Helvetica Neue', 'Lucida Grande',
+    sans-serif;
+  font-size: 1.1em;
+  font-weight: normal !important;
+  color: green !important;
+  margin-bottom: 0px;
+}
+
+p {
+  color: white !important;
+}
+.onboarding {
+  font-family: sans-serif;
+  border-top: solid white 1px;
+  font-weight: 500;
+  font-size: medium;
+}
+
+a {
+  color: white !important;
+  cursor: pointer;
+}
diff --git a/package.json b/package.json
@@ -5,9 +5,10 @@
   "description": "Automatically integrate your code with LeetCode and GitHub",
   "scripts": {
     "setup": "npm i",
-    "test": "eslint **/*.{js,jsx,ts,tsx} --color && prettier --check **/*.{js,jsx,ts,tsx,css,html}",
     "format": "prettier --write **/*.{js,jsx,ts,tsx,css,html}",
-    "lint": "eslint **/*.{js,jsx,ts,tsx} --fix"
+    "format-test": "prettier --check **/*.{js,jsx,ts,tsx,css,html}",
+    "lint": "eslint **/*.{js,jsx,ts,tsx} --fix",
+    "lint-test": "eslint **/*.{js,jsx,ts,tsx} --color"
   },
   "devDependencies": {
     "eslint": "^7.2.0",

diff --git a/popup.html b/popup.html
@@ -1,69 +1,100 @@
 <!DOCTYPE html>
 <html>
-
   <head>
-  <link rel="stylesheet" href="css/popup.css">
-  <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
-
-  <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
+    <link rel="stylesheet" href="css/popup.css" />
+    <script
+      src="https://code.jquery.com/jquery-3.3.1.min.js"
+      integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
+      crossorigin="anonymous"
+    ></script>
 
-</head>
+    <link
+      href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css"
+      rel="stylesheet"
+    />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
+  </head>
 
-    <body>
+  <body>
+    <div class="ui grid container">
+      <div class="sixteen wide center aligned column">
+        <h1 id="title">
+          Leet<span style="color: #f18500">Hub</span>
+        </h1>
+        <p id="caption">Sync your code from LeetCode to GitHub</p>
+        <br />
+        <!-- Authentication mode -->
+        <div id="auth_mode" hidden>
+          <p class="onboarding">
+            <br />
+            Authenticate with GitHub to use
+            <strong
+              >Leet<span style="color: #f18500">Hub</span></strong
+            >
+          </p>
+          <button id="authenticate" class="ui secondary button">
+            <i class="icon github"></i>
+            Authenticate
+          </button>
+        </div>
 
-        <div class="ui grid container">
-            <div class="sixteen wide center aligned column">
-                <h1 id="title">Leet<span style="color: #f18500;">Hub</span></h1>
-                <p id="caption">Sync your code from LeetCode to GitHub</p>
-                <br>
-                <!-- Authentication mode -->
-                <div id="auth_mode" hidden>
+        <!-- Repo Hook mode -->
+        <div id="hook_mode" hidden>
+          <p class="onboarding">
+            <br />
+            Set up repository hook to use
+            <strong
+              >Leet<span style="color: #f18500">Hub</span></strong
+            >
+          </p>
+          <a
+            id="hook_URL"
+            href=""
+            target="blank"
+            class="ui secondary button"
+          >
+            <i class="icon github"></i>
+            Set up Hook
+          </a>
+        </div>
 
-                  <p class="onboarding">
-                      <br>
-                      Authenticate with GitHub to use <strong>Leet<span style="color: #f18500;">Hub</span></strong>
-                  </p>
-                  <button id="authenticate" class="ui secondary button">
-                      <i class="icon github"></i>
-                      Authenticate
-                  </button>
-
-                </div>
-
-                <!-- Repo Hook mode -->
-                <div id="hook_mode" hidden>
-                    <p class="onboarding">
-                      <br>
-                      Set up repository hook to use <strong>Leet<span style="color: #f18500;">Hub</span></strong>
-                    </p>
-                    <a id="hook_URL" href="" target="blank" class="ui secondary button">
-                        <i class="icon github"></i>
-                        Set up Hook
-                    </a>
-                </div>
-
-                  <!-- Commit mode -->
-                  <div id="commit_mode" hidden>
-                    <p class="onboarding">
-                      Problems Solved: <span id="p_solved">0</span>
-                    </p>
-                    <div class="ui small header">Want more features? <a style="color: cadetblue !important;" target="_blank" href="https://github.com/QasimWani/LeetHub/labels/feature">Request a feature!</a></div>
-                  </div>
-
-                </div>
-
-                <!-- Generate Socials -->
-                <div id="socials" class="sixteen wide column">
-                  <a href="https://github.com/QasimWani/LeetHub" target="_blank"><i class="ui black github icon"></i></a>
-                  <a href="https://www.linkedin.com/in/qasimwani" target="_blank"><i class="ui linkedin icon"></i></a>
-                  <a href="mailto:qasim31wani@gmail.com" target="_blank"><i class="ui red envelope icon"></i></a>
-                  <a id="welcome_URL" href="" target="_blank"><i class="ui grey globe icon"></i></a>
-              </div>
+        <!-- Commit mode -->
+        <div id="commit_mode" hidden>
+          <p class="onboarding">
+            Problems Solved: <span id="p_solved">0</span>
+          </p>
+          <div class="ui small header">
+            Want more features?
+            <a
+              style="color: cadetblue !important"
+              target="_blank"
+              href="https://github.com/QasimWani/LeetHub/labels/feature"
+              >Request a feature!</a
+            >
           </div>
-
-        <script src="scripts/oauth2.js"></script>
-        <script type="text/javascript" src="popup.js"></script>
+        </div>
+      </div>
+
+      <!-- Generate Socials -->
+      <div id="socials" class="sixteen wide column">
+        <a href="https://github.com/QasimWani/LeetHub" target="_blank"
+          ><i class="ui black github icon"></i
+        ></a>
+        <a
+          href="https://www.linkedin.com/in/qasimwani"
+          target="_blank"
+          ><i class="ui linkedin icon"></i
+        ></a>
+        <a href="mailto:qasim31wani@gmail.com" target="_blank"
+          ><i class="ui red envelope icon"></i
+        ></a>
+        <a id="welcome_URL" href="" target="_blank"
+          ><i class="ui grey globe icon"></i
+        ></a>
+      </div>
+    </div>
 
-    </body>
-</html>
+    <script src="scripts/oauth2.js"></script>
+    <script type="text/javascript" src="popup.js"></script>
+  </body>
+</html>