@bereasoftware/nexa 1.3.0 → 1.4.0

package/dist/nexa.es.js

@@ -1,4 +1,4 @@
-/*! Nexa v1.3.0 | (c) 2026 Berea-Soft | MIT License | https://github.com/Berea-Soft/Nexa */
+/*! Nexa v1.4.0 | (c) 2026 Berea-Soft | MIT License | https://github.com/Berea-Soft/Nexa */
 //#region src/types/index.ts
 var e = (e) => ({
 	ok: !0,
@@ -1893,11 +1893,14 @@ var J = class {
 	selectedRequest = null;
 	config;
 	searchQuery = "";
+	removeTrackerListener = null;
+	keyboardShortcutHandler = null;
+	globalKeyboardHandler = null;
 	constructor(e) {
-		this.tracker = e, this.config = e.getConfig(), this.setupKeyboardShortcut(), this.createPanel();
+		this.tracker = e, this.config = e.getConfig(), this.canUseDOM() && (this.setupKeyboardShortcut(), this.createPanel());
 	}
 	show() {
-		this.panel && (this.panel.style.display = "flex", this.panel.style.opacity = "0", this.panel.style.transform = "scale(0.96) translateY(8px)", requestAnimationFrame(() => {
+		this.panel && (this.panel.style.display = "flex", this.panel.style.opacity = "0", this.panel.style.transform = "scale(0.96) translateY(8px)", (typeof requestAnimationFrame == "function" ? requestAnimationFrame : (e) => setTimeout(e, 0))(() => {
 			this.panel.style.transition = "all 0.25s cubic-bezier(0.16, 1, 0.3, 1)", this.panel.style.opacity = "1", this.panel.style.transform = "scale(1) translateY(0)";
 		}), this.visible = !0);
 	}
@@ -1910,11 +1913,11 @@ var J = class {
 		this.visible ? this.hide() : this.show();
 	}
 	destroy() {
-		this.panel?.remove(), this.panel = null;
+		this.keyboardShortcutHandler &&= (document.removeEventListener("keydown", this.keyboardShortcutHandler), null), this.globalKeyboardHandler &&= (document.removeEventListener("keydown", this.globalKeyboardHandler), null), this.removeTrackerListener?.(), this.removeTrackerListener = null, this.panel?.remove(), this.panel = null, this.visible = !1, this.selectedRequest = null;
 	}
 	setupKeyboardShortcut() {
 		let e = this.config.keyboardShortcut.split("+"), t = new Set(e.map((e) => e.toLowerCase()));
-		document.addEventListener("keydown", (e) => {
+		this.keyboardShortcutHandler = (e) => {
 			let n = /* @__PURE__ */ new Set();
 			e.ctrlKey && n.add("ctrl"), e.metaKey && (n.add("meta"), n.add("cmd"), n.add("ctrl")), e.shiftKey && n.add("shift"), e.altKey && n.add("alt"), (e.key && e.key.length === 1 || e.key.length > 1) && n.add(e.key.toLowerCase());
 			let r = !0;
@@ -1923,9 +1926,10 @@ var J = class {
 				break;
 			}
 			r && n.size === t.size && (e.preventDefault(), this.toggle());
-		});
+		}, document.addEventListener("keydown", this.keyboardShortcutHandler);
 	}
 	createPanel() {
+		if (!this.canUseDOM()) return;
 		this.panel = document.createElement("div"), this.panel.id = "nexa-dev-overlay";
 		let e = this.config.position, t = e.includes("bottom"), n = e.includes("right");
 		this.panel.style.cssText = `
@@ -1943,8 +1947,7 @@ var J = class {
       <div class="nexa-header">
 <div class="nexa-header-left">
           <div class="nexa-logo">
-            <img src="/src/assets/faviconNew.png" width="18" height="18" style="border-radius:4px;object-fit:contain;display:block;" alt="Nexa" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';" />
-            <span style="display:none;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#238636);width:18px;height:18px;border-radius:4px;">N</span>
+            <span style="display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#238636);width:18px;height:18px;border-radius:4px;">N</span>
           </div>
           <span class="nexa-title">Nexa DevTools</span>
         </div>
@@ -1984,7 +1987,7 @@ var J = class {
         </div>
         <div class="nexa-detail-body"></div>
       </div>
-    `, document.body.appendChild(this.panel), this.bindEvents(), this.tracker.onChange(() => this.render()), this.hide(), document.addEventListener("keydown", (e) => {
+    `, document.body.appendChild(this.panel), this.bindEvents(), this.removeTrackerListener = this.tracker.onChange(() => this.render()), this.hide(), this.globalKeyboardHandler = (e) => {
 			if (e.key === "Escape" && this.visible) {
 				this.hide();
 				return;
@@ -1994,7 +1997,7 @@ var J = class {
 				let t = this.panel?.querySelector(".nexa-search-input");
 				t?.focus(), t?.select();
 			}
-		});
+		}, document.addEventListener("keydown", this.globalKeyboardHandler);
 	}
 	bindEvents() {
 		this.panel && (this.panel.querySelector(".nexa-btn-close")?.addEventListener("click", () => this.hide()), this.panel.querySelector(".nexa-btn-clear")?.addEventListener("click", () => {
@@ -2145,6 +2148,9 @@ var J = class {
 			return String(e);
 		}
 	}
+	canUseDOM() {
+		return typeof document < "u" && typeof document.createElement == "function" && !!document.body;
+	}
 }, Q = null, $ = null;
 function be(e = {}) {
 	return Q ? {