Fixed snackbar force bug and updated build tools

Author: codewithkyle

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.1.1] - 2021-01-21
+
+### Fixed
+
+- snackbar missing element bug
+
 ## [2.1.0] - 2020-11-09
 
 ### Added

build/cleanup.js

@@ -0,0 +1,26 @@
+const fs = require("fs");
+const path = require("path");
+const cwd = process.cwd();
+
+const files = [
+    "notifier.js",
+    "notifier.js.map",
+    "notify.js",
+    "notify.js.map",
+    "notify.min.mjs",
+    "snackbar-component.js",
+    "snackbar-component.js.map",
+    "toast-component.js",
+    "toast-component.js.map",
+];
+
+function normalizePath(file){
+    return path.join(cwd, file);
+}
+
+for (let i = 0; i < files.length; i++){
+    const path = normalizePath(files[i]);
+    if (fs.existsSync(path)){
+        fs.unlinkSync(path);
+    }
+}

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@codewithkyle/notifyjs",
-    "version": "2.1.0",
+    "version": "2.1.1",
     "description": "A simple JavaScript library for creating and managing toaster & snackbar notifications",
     "main": "notify.js",
     "files": [
@@ -15,9 +15,11 @@
         "notify.min.mjs"
     ],
     "scripts": {
+        "cleanup": "node ./build/cleanup.js",
         "compile": "tsc",
         "test": "npm run compile && npm run bundle && cp ./notify.min.mjs ./test/notify.min.mjs && serve ./test",
-        "bundle": "rollup notify.js --file notify.mjs --format es --compact && terser notify.mjs -o notify.min.mjs -c && rm notify.mjs"
+        "bundle": "rollup notify.js --file notify.mjs --format es --compact && terser notify.mjs -o notify.min.mjs -c && rm notify.mjs",
+        "prerelease": "npm run cleanup && npm run compile && npm run bundle"
     },
     "keywords": [
         "snackbar",
@@ -29,10 +31,9 @@
     "author": "Kyle Andrews",
     "license": "MIT",
     "devDependencies": {
-        "rollup": "^2.33.1",
+        "rollup": "^2.37.1",
         "serve": "^11.3.2",
-        "terser": "^5.3.8",
-        "typescript": "^4.0.0"
-    },
-    "dependencies": {}
+        "terser": "^5.5.1",
+        "typescript": "^4.1.3"
+    }
 }

package.json

@@ -44,11 +44,11 @@ export class Notifier {
                 }
             }
             if (this.snackbarQueue.length) {
-                if (!this.snackbarQueue[0].el) {
+                if (!this.snackbarQueue?.[0]?.el) {
                     this.snackbarQueue[0].el = new SnackbarComponent(this.snackbarQueue[0]);
                     document.body.appendChild(this.snackbarQueue[0].el);
                 }
-                if (this.snackbarQueue[0]?.duration && this.snackbarQueue[0]?.duration !== Infinity) {
+                if (this.snackbarQueue[0]?.duration && this.snackbarQueue[0]?.duration !== Infinity && this.snackbarQueue[0]?.el?.isConnected) {
                     this.snackbarQueue[0].duration -= deltaTime;
                     if (this.snackbarQueue[0].duration <= 0) {
                         this.snackbarQueue[0].el.remove();
@@ -145,7 +145,9 @@ export class Notifier {
         }
 
         if (snackbar.force && this.snackbarQueue.length) {
-            this.snackbarQueue[0].el.remove();
+            if (this.snackbarQueue[0]?.el?.isConnected){
+                this.snackbarQueue[0].el.remove();
+            }
             this.snackbarQueue.splice(0, 1, snackbar as SnackbarNotification);
         } else {
             this.snackbarQueue.push(snackbar as SnackbarNotification);