⚡️ Using Parcel for bundling

Author: max-programming

.gitignore

@@ -1 +1,3 @@
-node_modules
+node_modules
+dist
+.cache

public/img/battery-half.ico img/battery-half.ico

@@ -115,6 +115,6 @@ <h5 class="text-center mt-3" id="doneIn"></h5>
       crossorigin="anonymous"
       SameSite
     ></script>
-    <script src="./bundle.js"></script>
+    <script src="./ts/app.ts"></script>
   </body>
 </html>

public/img/battery-half.png img/battery-half.png

@@ -4,8 +4,8 @@
   "description": "I built a simple battery info app in vanilla JavaScript using the battery web api in the navigator and Bootstrap.",
   "main": "app.js",
   "scripts": {
-    "serve": "webpack-dev-server",
-    "build": "webpack"
+    "serve": "parcel index.html",
+    "build": "parcel build index.html"
   },
   "repository": {
     "type": "git",
@@ -19,10 +19,7 @@
   },
   "homepage": "https://github.com/max-programming/battery-info-javascript#readme",
   "devDependencies": {
-    "ts-loader": "^8.0.12",
-    "typescript": "^4.1.3",
-    "webpack": "^5.11.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.11.0"
+    "parcel-bundler": "1.12.4",
+    "typescript": "^4.1.3"
   }
 }

public/img/battery.png img/battery.png

@@ -1,3 +1,4 @@
+import "regenerator-runtime/runtime";
 import { BatteryType } from "./types";
 import {
   changeLevel,

public/img/emojis/blue.png img/emojis/blue.png

@@ -66,11 +66,13 @@ export const changeChargingAnimation = (isCharging: boolean) => {
 export const changeDoneIn = (ch: number, disch: number) => {
   const doneIn = document.getElementById("doneIn") as HTMLHeadingElement;
   if (ch !== Infinity) {
-    doneIn.innerText = `Your battery will be fully charged in ${ch > 3599 ? `${ch / 3600 | 0} hours ` : ''}${
-      ((ch / 60) % 60 | 0) 
-    } mins`;
+    doneIn.innerText = `Your battery will be fully charged in ${
+      ch > 3599 ? `${(ch / 3600) | 0} hours ` : ""
+    }${(ch / 60) % 60 | 0} mins`;
   } else if (disch !== Infinity) {
-    doneIn.innerText = `Your battery will be dead in ${disch > 3599 ? `${disch / 3600 | 0} hours ` : ''}${(disch / 60) % 60 | 0} mins`;
+    doneIn.innerText = `Your battery will be dead in ${
+      disch > 3599 ? `${(disch / 3600) | 0} hours ` : ""
+    }${(disch / 60) % 60 | 0} mins`;
   } else {
     doneIn.innerText = "";
   }