@nitra/zebra 7.0.0 → 7.1.0

package/dist/plugin.js

@@ -17,6 +17,91 @@ var __exportAll = (all, no_symbols) => {
 	return target;
 };
 
+//#endregion
+//#region ../node_modules/.bun/@capacitor+preferences@7.0.3+12459b436ab1bc92/node_modules/@capacitor/preferences/dist/esm/web.js
+var web_exports$1 = /* @__PURE__ */ __exportAll({ PreferencesWeb: () => PreferencesWeb });
+var PreferencesWeb;
+var init_web$1 = __esmMin((() => {
+	PreferencesWeb = class extends WebPlugin {
+		constructor() {
+			super(...arguments);
+			this.group = "CapacitorStorage";
+		}
+		async configure({ group }) {
+			if (typeof group === "string") this.group = group;
+		}
+		async get(options) {
+			return { value: this.impl.getItem(this.applyPrefix(options.key)) };
+		}
+		async set(options) {
+			this.impl.setItem(this.applyPrefix(options.key), options.value);
+		}
+		async remove(options) {
+			this.impl.removeItem(this.applyPrefix(options.key));
+		}
+		async keys() {
+			return { keys: this.rawKeys().map((k) => k.substring(this.prefix.length)) };
+		}
+		async clear() {
+			for (const key of this.rawKeys()) this.impl.removeItem(key);
+		}
+		async migrate() {
+			var _a;
+			const migrated = [];
+			const existing = [];
+			const oldprefix = "_cap_";
+			const keys = Object.keys(this.impl).filter((k) => k.indexOf(oldprefix) === 0);
+			for (const oldkey of keys) {
+				const key = oldkey.substring(5);
+				const value = (_a = this.impl.getItem(oldkey)) !== null && _a !== void 0 ? _a : "";
+				const { value: currentValue } = await this.get({ key });
+				if (typeof currentValue === "string") existing.push(key);
+				else {
+					await this.set({
+						key,
+						value
+					});
+					migrated.push(key);
+				}
+			}
+			return {
+				migrated,
+				existing
+			};
+		}
+		async removeOld() {
+			const oldprefix = "_cap_";
+			const keys = Object.keys(this.impl).filter((k) => k.indexOf(oldprefix) === 0);
+			for (const oldkey of keys) this.impl.removeItem(oldkey);
+		}
+		get impl() {
+			return window.localStorage;
+		}
+		get prefix() {
+			return this.group === "NativeStorage" ? "" : `${this.group}.`;
+		}
+		rawKeys() {
+			return Object.keys(this.impl).filter((k) => k.indexOf(this.prefix) === 0);
+		}
+		applyPrefix(key) {
+			return this.prefix + key;
+		}
+	};
+}));
+
+//#endregion
+//#region ../node_modules/.bun/@capacitor+preferences@7.0.3+12459b436ab1bc92/node_modules/@capacitor/preferences/dist/esm/index.js
+const Preferences = registerPlugin("Preferences", { web: () => Promise.resolve().then(() => (init_web$1(), web_exports$1)).then((m) => new m.PreferencesWeb()) });
+
+//#endregion
+//#region src/utils/validate.js
+function normalizePrintArg(zpl) {
+	if (typeof zpl !== "string") throw new TypeError("Expected \"zpl\" to be a string");
+	const command = zpl.trim();
+	if (!command) throw new Error("ZPL команда порожня");
+	return command;
+}
+
 //#endregion
 //#region ../node_modules/.bun/consola@3.4.2/node_modules/consola/dist/core.mjs
 function isPlainObject$1(value) {
@@ -461,87 +546,276 @@ var init_browser$1 = __esmMin((() => {
 }));
 
 //#endregion
-//#region ../node_modules/.bun/@nitra+consola@2.3.0/node_modules/@nitra/consola/src/browser.js
-var options, CanvasPopupReporter, isPopupDebugEnabled, canvasPopupReporter, defaultConsola;
+//#region ../node_modules/.bun/@nitra+consola@2.4.1/node_modules/@nitra/consola/src/otel-reporter.js
+var getViteEnvVar$1, OpenTelemetryReporter;
+var init_otel_reporter = __esmMin((() => {
+	getViteEnvVar$1 = (name) => {
+		try {
+			const viteName = `VITE_${name}`;
+			return import.meta?.env?.[viteName];
+		} catch {
+			return null;
+		}
+	};
+	OpenTelemetryReporter = class {
+		constructor(options = {}) {
+			this.endpoint = options.endpoint || getViteEnvVar$1("OTEL_EXPORTER_OTLP_LOGS_ENDPOINT") || "http://localhost:4318/v1/logs";
+			this.serviceName = options.serviceName || getViteEnvVar$1("OTEL_SERVICE_NAME") || "consola-service";
+			this.serviceVersion = options.serviceVersion || getViteEnvVar$1("OTEL_SERVICE_VERSION") || "1.0.0";
+			this.batchSize = options.batchSize || parseInt(getViteEnvVar$1("OTEL_BATCH_SIZE") || "10", 10);
+			this.flushInterval = options.flushInterval || parseInt(getViteEnvVar$1("OTEL_FLUSH_INTERVAL") || "5000", 10);
+			this.buffer = [];
+			this.flushTimer = null;
+			this.headers = {
+				"Content-Type": "application/json",
+				...options.headers
+			};
+			if (this.flushInterval > 0) this.startFlushTimer();
+		}
+		formatMessage(logObj) {
+			const args = logObj.args || [];
+			if (args.length === 0) return "";
+			return args.map((arg) => {
+				if (arg instanceof Error) {
+					let msg = `${arg.name || "Error"}: ${arg.message || ""}`;
+					if (arg.stack && arg.stack !== arg.message) msg += "\n" + arg.stack;
+					return msg;
+				}
+				if (arg === null) return "null";
+				if (arg === void 0) return "undefined";
+				if (typeof arg === "object") try {
+					return JSON.stringify(arg, null, 2);
+				} catch {
+					return String(arg);
+				}
+				return String(arg);
+			}).join(" ");
+		}
+		getSeverityNumber(type) {
+			return {
+				trace: 1,
+				debug: 5,
+				info: 9,
+				log: 9,
+				warn: 13,
+				error: 17,
+				fatal: 21,
+				success: 9,
+				start: 9,
+				ready: 9,
+				fail: 17
+			}[type] || 9;
+		}
+		getSeverityText(type) {
+			return {
+				trace: "TRACE",
+				debug: "DEBUG",
+				info: "INFO",
+				log: "INFO",
+				warn: "WARN",
+				error: "ERROR",
+				fatal: "FATAL",
+				success: "INFO",
+				start: "INFO",
+				ready: "INFO",
+				fail: "ERROR"
+			}[type] || "INFO";
+		}
+		getFileInfo() {
+			try {
+				const stack = (/* @__PURE__ */ new Error("Stack trace")).stack;
+				if (!stack) return null;
+				const skipPatterns = [
+					"OpenTelemetryReporter",
+					"otel-reporter.js",
+					"browser.js",
+					"consola",
+					"createLogger"
+				];
+				const lines = stack.split("\n").slice(4, 15);
+				for (const line of lines) {
+					const trimmed = line.trim();
+					if (!skipPatterns.some((pattern) => trimmed.includes(pattern))) {
+						const match = trimmed.match(/\(?([^()]+):(\d+):(\d+)\)?/) || trimmed.match(/at\s+[^(]*\(?([^:]+):(\d+):(\d+)\)?/);
+						if (match) {
+							let file = match[1].trim();
+							const lineNum = match[2];
+							if (file.includes("://")) file = file.slice(file.indexOf("://") + 3).slice(file.indexOf("/"));
+							if (file.includes("/src/")) file = file.slice(file.indexOf("/src/") + 5);
+							const queryIndex = file.indexOf("?");
+							if (queryIndex > 0) file = file.slice(0, queryIndex);
+							const hashIndex = file.indexOf("#");
+							if (hashIndex > 0) file = file.slice(0, hashIndex);
+							if (file.startsWith("/")) file = file.slice(1);
+							if (file && lineNum) return {
+								file,
+								line: parseInt(lineNum, 10),
+								column: parseInt(match[3], 10)
+							};
+						}
+					}
+				}
+			} catch {}
+			return null;
+		}
+		createLogRecord(logObj) {
+			const type = logObj.type || "log";
+			const message = this.formatMessage(logObj);
+			const fileInfo = this.getFileInfo();
+			const logRecord = {
+				timeUnixNano: (Date.now() * 1e6).toString(),
+				severityNumber: this.getSeverityNumber(type),
+				severityText: this.getSeverityText(type),
+				body: { stringValue: message },
+				attributes: [{
+					key: "log.type",
+					value: { stringValue: type }
+				}]
+			};
+			if (fileInfo) {
+				logRecord.attributes.push({
+					key: "code.filepath",
+					value: { stringValue: fileInfo.file }
+				}, {
+					key: "code.lineno",
+					value: { intValue: fileInfo.line }
+				});
+				if (fileInfo.column) logRecord.attributes.push({
+					key: "code.colno",
+					value: { intValue: fileInfo.column }
+				});
+			}
+			if (logObj.extra && typeof logObj.extra === "object") for (const [key, value] of Object.entries(logObj.extra)) logRecord.attributes.push({
+				key: `extra.${key}`,
+				value: { stringValue: String(value) }
+			});
+			return logRecord;
+		}
+		async sendLogs(logs) {
+			if (logs.length === 0) return;
+			const payload = { resourceLogs: [{
+				resource: { attributes: [{
+					key: "service.name",
+					value: { stringValue: this.serviceName }
+				}, {
+					key: "service.version",
+					value: { stringValue: this.serviceVersion }
+				}] },
+				scopeLogs: [{
+					scope: {
+						name: "consola",
+						version: "1.0.0"
+					},
+					logRecords: logs
+				}]
+			}] };
+			try {
+				const response = await fetch(this.endpoint, {
+					method: "POST",
+					mode: "cors",
+					headers: this.headers,
+					body: JSON.stringify(payload)
+				});
+				if (!response.ok) console.warn(`OpenTelemetry export failed: ${response.status} ${response.statusText}`);
+			} catch (error) {
+				console.warn("OpenTelemetry export error:", error?.message || String(error));
+			}
+		}
+		async flush() {
+			if (this.buffer.length === 0) return;
+			const logsToSend = [...this.buffer];
+			this.buffer = [];
+			await this.sendLogs(logsToSend);
+		}
+		startFlushTimer() {
+			if (this.flushTimer) clearInterval(this.flushTimer);
+			this.flushTimer = setInterval(() => {
+				this.flush().catch((error) => {
+					console.warn("OpenTelemetry flush error:", error?.message || String(error));
+				});
+			}, this.flushInterval);
+		}
+		log(logObj) {
+			try {
+				const logRecord = this.createLogRecord(logObj);
+				this.buffer.push(logRecord);
+				if (this.buffer.length >= this.batchSize) this.flush().catch((error) => {
+					console.warn("OpenTelemetry flush error:", error?.message || String(error));
+				});
+			} catch (error) {
+				console.warn("OpenTelemetry log processing error:", error?.message || String(error));
+			}
+		}
+		destroy() {
+			if (this.flushTimer) {
+				clearInterval(this.flushTimer);
+				this.flushTimer = null;
+			}
+			return this.flush();
+		}
+	};
+}));
+
+//#endregion
+//#region ../node_modules/.bun/@nitra+consola@2.4.1/node_modules/@nitra/consola/src/browser.js
+var options, POPUP_PADDING, POPUP_LABEL_PADDING, POPUP_LINE_HEIGHT, POPUP_BUTTON_SIZE, POPUP_BUTTON_PADDING, POPUP_MIN_HEIGHT, POPUP_MAX_MESSAGE_LENGTH, POPUP_STYLES, HtmlPopupReporter, getViteEnvVar, isPopupDebugEnabled, htmlPopupReporter, defaultConsola, openTelemetryReporter;
 var init_browser = __esmMin((() => {
 	init_browser$1();
+	init_otel_reporter();
 	options = {};
 	if (typeof __CONSOLA_LEVEL_DEBUG__ !== "undefined") options.level = 4;
 	else if (typeof location !== "undefined" && location.protocol === "http:") options.level = 4;
 	else if (typeof process !== "undefined" && (process.env.DEV || process.env.CONSOLA_LEVEL_DEBUG)) options.level = 4;
-	CanvasPopupReporter = class CanvasPopupReporter {
-		static PADDING = 12;
-		static LABEL_PADDING = 8;
-		static LINE_HEIGHT = 20;
-		static BUTTON_SIZE = 18;
-		static BUTTON_PADDING = 6;
-		static MIN_HEIGHT = 36;
-		static MAX_MESSAGE_LENGTH = 500;
-		static FONT_TEXT = "13px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
-		static FONT_MONO = "11px monospace";
+	POPUP_PADDING = 12;
+	POPUP_LABEL_PADDING = 8;
+	POPUP_LINE_HEIGHT = 20;
+	POPUP_BUTTON_SIZE = 18;
+	POPUP_BUTTON_PADDING = 6;
+	POPUP_MIN_HEIGHT = 36;
+	POPUP_MAX_MESSAGE_LENGTH = 500;
+	POPUP_STYLES = `
+#consola-popup-container { position: fixed; inset: 0; pointer-events: none; z-index: 999999; }
+.consola-popup { pointer-events: auto; position: fixed; left: 20px; max-width: calc(100vw - 40px); min-height: ${POPUP_MIN_HEIGHT}px;
+  display: flex; align-items: stretch; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border: 1px solid #e0e0e0;
+  font: 13px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
+.consola-popup-label { flex-shrink: 0; padding: 0 ${POPUP_LABEL_PADDING}px; display: flex; align-items: center; justify-content: center;
+  color: #fff; font: 11px monospace; font-weight: bold; text-transform: lowercase; }
+.consola-popup-content { flex: 1; min-width: 0; padding: ${POPUP_PADDING}px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 4px 8px; }
+.consola-popup-text { flex: 1 1 auto; min-width: 0; color: #212121; line-height: ${POPUP_LINE_HEIGHT}px; white-space: pre-wrap; word-break: break-word; }
+.consola-popup-filelink { flex: 0 0 auto; color: #1976D2; font: 11px monospace; text-decoration: underline; cursor: pointer; }
+.consola-popup-filelink:hover { text-decoration: underline; }
+.consola-popup-close { flex-shrink: 0; width: ${POPUP_BUTTON_SIZE}px; height: ${POPUP_BUTTON_SIZE}px; margin: ${POPUP_BUTTON_PADDING}px; padding: 0; border: none; background: transparent;
+  color: #999; font-size: 16px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 2px; }
+.consola-popup-close:hover { background: rgba(0,0,0,0.06); color: #666; }
+`;
+	HtmlPopupReporter = class {
 		constructor() {
-			this.canvas = null;
-			this.ctx = null;
+			this.container = null;
 			this.messages = [];
 			this.messageId = 0;
-			this.initCanvas();
+			this.init();
 		}
-		initCanvas() {
+		init() {
 			if (typeof document === "undefined") return;
-			const init = () => {
+			const doInit = () => {
 				if (!document.body) {
-					setTimeout(init, 10);
+					setTimeout(doInit, 10);
 					return;
 				}
-				let canvas = document.querySelector("#consola-popup-canvas");
-				if (!canvas) {
-					canvas = document.createElement("canvas");
-					canvas.id = "consola-popup-canvas";
-					canvas.style.position = "fixed";
-					canvas.style.top = "0";
-					canvas.style.left = "0";
-					canvas.style.width = "100%";
-					canvas.style.height = "100%";
-					canvas.style.pointerEvents = "auto";
-					canvas.style.zIndex = "999999";
-					document.body.append(canvas);
-					canvas.addEventListener("click", (e) => this.handleClick(e));
+				let container = document.querySelector("#consola-popup-container");
+				if (!container) {
+					const style = document.createElement("style");
+					style.textContent = POPUP_STYLES;
+					document.head.append(style);
+					container = document.createElement("div");
+					container.id = "consola-popup-container";
+					document.body.append(container);
 				}
-				this.canvas = canvas;
-				this.resizeCanvas();
-				window.addEventListener("resize", () => this.resizeCanvas());
+				this.container = container;
 				this.animate();
 			};
-			if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
-			else init();
-		}
-		handleClick(event) {
-			if (!this.canvas || !this.ctx) return;
-			const rect = this.canvas.getBoundingClientRect();
-			const x = event.clientX - rect.left;
-			const y = event.clientY - rect.top;
-			for (let i = this.messages.length - 1; i >= 0; i--) {
-				const msg = this.messages[i];
-				if (msg.fileInfo && msg.fileLinkX && msg.fileLinkY && msg.fileLinkWidth) {
-					if (x >= msg.fileLinkX - msg.fileLinkWidth && x <= msg.fileLinkX && y >= msg.fileLinkY && y <= msg.fileLinkY + 14) {
-						console.log(`%c${msg.fileInfo.file}:${msg.fileInfo.line}`, "color: #1976D2; text-decoration: underline;");
-						return;
-					}
-				}
-				const buttonX = msg.x + (msg.width || 200) - CanvasPopupReporter.BUTTON_SIZE - CanvasPopupReporter.BUTTON_PADDING;
-				const buttonY = msg.y + CanvasPopupReporter.BUTTON_PADDING;
-				if (x >= buttonX && x <= buttonX + CanvasPopupReporter.BUTTON_SIZE && y >= buttonY && y <= buttonY + CanvasPopupReporter.BUTTON_SIZE) {
-					const index = this.messages.findIndex((m) => m.id === msg.id);
-					if (index !== -1) this.messages.splice(index, 1);
-					return;
-				}
-			}
-		}
-		resizeCanvas() {
-			if (!this.canvas) return;
-			this.canvas.width = window.innerWidth;
-			this.canvas.height = window.innerHeight;
-			this.ctx = this.canvas.getContext("2d");
+			if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", doInit);
+			else doInit();
 		}
 		getColorForType(type) {
 			const colors = {
@@ -568,6 +842,7 @@ var init_browser = __esmMin((() => {
 				const stack = (/* @__PURE__ */ new Error("Stack trace")).stack;
 				if (!stack) return null;
 				const skipPatterns = [
+					"HtmlPopupReporter",
 					"CanvasPopupReporter",
 					"browser.js",
 					"consola",
@@ -620,172 +895,93 @@ var init_browser = __esmMin((() => {
 				}
 				return String(arg);
 			}).join(" ");
-			return message.length > CanvasPopupReporter.MAX_MESSAGE_LENGTH ? message.slice(0, CanvasPopupReporter.MAX_MESSAGE_LENGTH) + "..." : message;
-		}
-		calculateMessageHeight(message, maxWidth) {
-			if (!this.ctx) return CanvasPopupReporter.MIN_HEIGHT;
-			this.ctx.save();
-			this.ctx.font = CanvasPopupReporter.FONT_TEXT;
-			const words = message.split(" ");
-			const lines = [];
-			let currentLine = "";
-			for (const word of words) {
-				const testLine = currentLine ? `${currentLine} ${word}` : word;
-				if (this.ctx.measureText(testLine).width > maxWidth && currentLine) {
-					lines.push(currentLine);
-					currentLine = word;
-				} else currentLine = testLine;
-			}
-			if (currentLine) lines.push(currentLine);
-			this.ctx.restore();
-			return Math.max(CanvasPopupReporter.MIN_HEIGHT, lines.length * CanvasPopupReporter.LINE_HEIGHT + CanvasPopupReporter.PADDING * 2);
+			return message.length > POPUP_MAX_MESSAGE_LENGTH ? message.slice(0, POPUP_MAX_MESSAGE_LENGTH) + "..." : message;
 		}
 		log(logObj) {
-			if (!this.canvas || !this.ctx) return;
-			const message = this.formatMessage(logObj);
-			if (!message) return;
+			if (!this.container) return;
+			const text = this.formatMessage(logObj);
+			if (!text) return;
 			const type = logObj.type || "log";
 			const color = this.getColorForType(type);
 			const typeLabel = this.getTypeLabel(type);
 			const id = this.messageId++;
 			const fileInfo = this.getFileInfo();
-			this.ctx.save();
-			this.ctx.font = CanvasPopupReporter.FONT_MONO;
-			const labelWidth = this.ctx.measureText(typeLabel).width + 16;
-			let fileLinkWidth = 0;
+			const popup = document.createElement("div");
+			popup.className = "consola-popup";
+			popup.dataset.id = String(id);
+			popup.style.bottom = `${window.innerHeight}px`;
+			popup.style.backgroundColor = "#fff";
+			const label = document.createElement("span");
+			label.className = "consola-popup-label";
+			label.style.backgroundColor = color;
+			label.textContent = typeLabel;
+			const content = document.createElement("div");
+			content.className = "consola-popup-content";
+			const textEl = document.createElement("div");
+			textEl.className = "consola-popup-text";
+			textEl.textContent = text;
+			content.append(textEl);
 			if (fileInfo) {
-				const fileLinkText = `${fileInfo.file}:${fileInfo.line}`;
-				fileLinkWidth = this.ctx.measureText(fileLinkText).width + 12;
+				const fileLink = document.createElement("span");
+				fileLink.className = "consola-popup-filelink";
+				fileLink.textContent = `${fileInfo.file}:${fileInfo.line}`;
+				fileLink.role = "button";
+				fileLink.tabIndex = 0;
+				fileLink.addEventListener("click", (e) => {
+					e.preventDefault();
+					console.log(`%c${fileInfo.file}:${fileInfo.line}`, "color: #1976D2; text-decoration: underline;");
+				});
+				content.append(fileLink);
 			}
-			this.ctx.restore();
-			const textMaxWidth = this.canvas.width - 40 - labelWidth - CanvasPopupReporter.PADDING * 2 - CanvasPopupReporter.BUTTON_SIZE - CanvasPopupReporter.BUTTON_PADDING - fileLinkWidth;
-			const boxHeight = this.calculateMessageHeight(message, textMaxWidth);
+			const closeBtn = document.createElement("button");
+			closeBtn.type = "button";
+			closeBtn.className = "consola-popup-close";
+			closeBtn.setAttribute("aria-label", "Close");
+			closeBtn.textContent = "×";
+			closeBtn.addEventListener("click", () => {
+				const idx = this.messages.findIndex((m) => m.id === id);
+				if (idx !== -1) {
+					const entry = this.messages[idx];
+					if (entry.el && entry.el.parentNode) entry.el.remove();
+					this.messages.splice(idx, 1);
+				}
+			});
+			popup.append(label, content, closeBtn);
+			this.container.append(popup);
+			const height = popup.offsetHeight;
 			this.messages.push({
 				id,
-				text: message,
-				color,
-				type,
-				typeLabel,
-				fileInfo,
-				timestamp: Date.now(),
-				y: this.canvas.height,
-				opacity: 1,
-				x: 20,
-				height: boxHeight,
-				width: 0
+				el: popup,
+				targetBottom: 20,
+				currentBottom: window.innerHeight,
+				height
 			});
 		}
 		animate() {
-			if (!this.canvas || !this.ctx) return;
-			this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-			let currentY = this.canvas.height - 20;
+			if (!this.container) return;
+			let offset = 20;
 			for (let i = this.messages.length - 1; i >= 0; i--) {
 				const msg = this.messages[i];
-				const msgHeight = msg.height || 60;
-				const targetY = currentY - msgHeight;
-				msg.y += (targetY - msg.y) * .1;
-				currentY = targetY - 10;
-				this.ctx.save();
-				this.ctx.globalAlpha = msg.opacity;
-				this.ctx.font = "13px -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
-				this.ctx.textBaseline = "top";
-				const padding = CanvasPopupReporter.PADDING;
-				const labelPadding = CanvasPopupReporter.LABEL_PADDING;
-				const maxWidth = this.canvas.width - 40;
-				const lineHeight = CanvasPopupReporter.LINE_HEIGHT;
-				this.ctx.font = CanvasPopupReporter.FONT_MONO;
-				const labelWidth = this.ctx.measureText(msg.typeLabel || "log").width + labelPadding * 2;
-				const buttonSize = CanvasPopupReporter.BUTTON_SIZE;
-				const buttonPadding = CanvasPopupReporter.BUTTON_PADDING;
-				let fileLinkWidth = 0;
-				let fileLinkText = "";
-				if (msg.fileInfo) {
-					fileLinkText = `${msg.fileInfo.file}:${msg.fileInfo.line}`;
-					this.ctx.font = CanvasPopupReporter.FONT_MONO;
-					fileLinkWidth = this.ctx.measureText(fileLinkText).width + 12;
-				}
-				this.ctx.font = CanvasPopupReporter.FONT_TEXT;
-				const textMaxWidthForHeight = maxWidth - labelWidth - padding * 2 - fileLinkWidth - buttonSize - buttonPadding;
-				const calculatedHeight = this.calculateMessageHeight(msg.text, textMaxWidthForHeight);
-				if (msg.height !== calculatedHeight) msg.height = calculatedHeight;
-				const words = msg.text.split(" ");
-				const lines = [];
-				let currentLine = "";
-				const textMaxWidth = textMaxWidthForHeight;
-				for (const word of words) {
-					const testLine = currentLine ? currentLine + " " + word : word;
-					if (this.ctx.measureText(testLine).width > textMaxWidth && currentLine) {
-						lines.push(currentLine);
-						currentLine = word;
-					} else currentLine = testLine;
+				if (msg.el && msg.el.parentNode) {
+					const h = msg.el.offsetHeight;
+					msg.height = h;
+					msg.targetBottom = offset;
+					msg.currentBottom += (msg.targetBottom - msg.currentBottom) * .1;
+					msg.el.style.bottom = `${Math.round(msg.currentBottom)}px`;
+					offset += h + 10;
 				}
-				if (currentLine) lines.push(currentLine);
-				const maxTextWidth = lines.length > 0 ? Math.max(...lines.map((line) => this.ctx.measureText(line).width)) : 0;
-				const boxWidth = Math.min(labelWidth + padding * 2 + maxTextWidth + fileLinkWidth + buttonSize + buttonPadding, maxWidth);
-				const boxHeight = Math.max(msg.height || calculatedHeight, CanvasPopupReporter.MIN_HEIGHT);
-				msg.fileLinkX = msg.x + labelWidth + padding * 2 + maxTextWidth;
-				msg.fileLinkY = msg.y + padding;
-				msg.fileLinkWidth = fileLinkWidth;
-				msg.width = boxWidth;
-				this.ctx.fillStyle = "#ffffff";
-				this.ctx.fillRect(msg.x, msg.y, boxWidth, boxHeight);
-				this.ctx.shadowColor = "rgba(0, 0, 0, 0.1)";
-				this.ctx.shadowBlur = 8;
-				this.ctx.shadowOffsetX = 0;
-				this.ctx.shadowOffsetY = 2;
-				this.ctx.fillRect(msg.x, msg.y, boxWidth, boxHeight);
-				this.ctx.shadowBlur = 0;
-				this.ctx.shadowOffsetX = 0;
-				this.ctx.shadowOffsetY = 0;
-				this.ctx.strokeStyle = "#e0e0e0";
-				this.ctx.lineWidth = 1;
-				this.ctx.strokeRect(msg.x, msg.y, boxWidth, boxHeight);
-				this.ctx.fillStyle = msg.color;
-				this.ctx.fillRect(msg.x, msg.y, labelWidth, boxHeight);
-				this.ctx.fillStyle = "#ffffff";
-				this.ctx.font = CanvasPopupReporter.FONT_MONO;
-				this.ctx.fontWeight = "bold";
-				const labelTextY = msg.y + boxHeight / 2 - 6;
-				this.ctx.textAlign = "center";
-				this.ctx.fillText(msg.typeLabel, msg.x + labelWidth / 2, labelTextY);
-				this.ctx.textAlign = "left";
-				this.ctx.fillStyle = "#212121";
-				this.ctx.font = CanvasPopupReporter.FONT_TEXT;
-				const textStartX = msg.x + labelWidth + padding;
-				for (let lineIndex = 0; lineIndex < lines.length; lineIndex++) this.ctx.fillText(lines[lineIndex], textStartX, msg.y + padding + lineIndex * lineHeight, maxTextWidth);
-				if (msg.fileInfo && fileLinkText) {
-					this.ctx.fillStyle = "#1976D2";
-					this.ctx.font = CanvasPopupReporter.FONT_MONO;
-					this.ctx.textAlign = "right";
-					const fileLinkX = msg.x + boxWidth - buttonSize - buttonPadding - 6;
-					const fileLinkY = msg.y + padding + 2;
-					this.ctx.fillText(fileLinkText, fileLinkX, fileLinkY);
-					this.ctx.textAlign = "left";
-					this.ctx.strokeStyle = "#1976D2";
-					this.ctx.lineWidth = 1;
-					const textMetrics = this.ctx.measureText(fileLinkText);
-					this.ctx.beginPath();
-					this.ctx.moveTo(fileLinkX - textMetrics.width, fileLinkY + 11);
-					this.ctx.lineTo(fileLinkX, fileLinkY + 11);
-					this.ctx.stroke();
-				}
-				const buttonX = msg.x + boxWidth - buttonSize - buttonPadding;
-				const buttonY = msg.y + buttonPadding;
-				this.ctx.strokeStyle = "#999999";
-				this.ctx.lineWidth = 1.5;
-				this.ctx.lineCap = "round";
-				const crossPadding = 4;
-				this.ctx.beginPath();
-				this.ctx.moveTo(buttonX + crossPadding, buttonY + crossPadding);
-				this.ctx.lineTo(buttonX + buttonSize - crossPadding, buttonY + buttonSize - crossPadding);
-				this.ctx.moveTo(buttonX + buttonSize - crossPadding, buttonY + crossPadding);
-				this.ctx.lineTo(buttonX + crossPadding, buttonY + buttonSize - crossPadding);
-				this.ctx.stroke();
-				this.ctx.restore();
 			}
 			requestAnimationFrame(() => this.animate());
 		}
 	};
+	getViteEnvVar = (name) => {
+		try {
+			const viteName = `VITE_${name}`;
+			return import.meta?.env?.[viteName];
+		} catch {
+			return null;
+		}
+	};
 	isPopupDebugEnabled = false;
 	if (typeof document !== "undefined") try {
 		const envValue = import.meta.env?.VITE_CONSOLA_POPUP_DEBUG;
@@ -795,10 +991,15 @@ var init_browser = __esmMin((() => {
 		const processValue = process.env.VITE_CONSOLA_POPUP_DEBUG;
 		if (processValue) isPopupDebugEnabled = String(processValue).toLowerCase() === "true";
 	}
-	canvasPopupReporter = null;
-	if (isPopupDebugEnabled && typeof document !== "undefined") canvasPopupReporter = new CanvasPopupReporter();
+	htmlPopupReporter = null;
+	if (isPopupDebugEnabled && typeof document !== "undefined") htmlPopupReporter = new HtmlPopupReporter();
 	defaultConsola = consola.create(options);
-	if (isPopupDebugEnabled && typeof document !== "undefined" && canvasPopupReporter) defaultConsola.addReporter(canvasPopupReporter);
+	if (isPopupDebugEnabled && typeof document !== "undefined" && htmlPopupReporter) defaultConsola.addReporter(htmlPopupReporter);
+	openTelemetryReporter = null;
+	if (getViteEnvVar("OTEL_EXPORTER_OTLP_LOGS_ENDPOINT")) {
+		openTelemetryReporter = new OpenTelemetryReporter();
+		defaultConsola.addReporter(openTelemetryReporter);
+	}
 }));
 
 //#endregion
@@ -808,10 +1009,12 @@ var ZebraWeb;
 var init_web = __esmMin((() => {
 	init_browser();
 	ZebraWeb = class extends WebPlugin {
-		async print(zpl) {
+		async print({ zpl }) {
 			try {
 				defaultConsola.debug("Запит на підключення до принтера...", "info");
-				const port = await navigator.serial.requestPort();
+				const serial = navigator.serial;
+				if (!serial) throw new Error("Web Serial API не підтримується в цьому браузері");
+				const port = await serial.requestPort();
 				defaultConsola.debug("Порт вибрано, відкриваємо з'єднання...", "info");
 				await port.open({
 					baudRate: 9600,
@@ -821,22 +1024,65 @@ var init_web = __esmMin((() => {
 					flowControl: "none"
 				});
 				defaultConsola.debug("З'єднання відкрито!", "success");
-				port.writable.getWriter();
-				isConnected.value = true;
+				const writer = port.writable.getWriter();
 				defaultConsola.debug("Принтер готовий до друку", "success");
+				if (!port || !writer) {
+					defaultConsola.debug("Помилка: Принтер не підключено", "error");
+					return;
+				}
+				defaultConsola.debug(`Відправка ZPL команди: ${zpl.slice(0, 50)}...`, "info");
+				const data = new TextEncoder().encode(zpl);
+				await writer.write(data);
+				defaultConsola.debug(`✓ Команда відправлена (${data.length} байт)`, "success");
+				defaultConsola.debug("print from web capacitor plugin", zpl);
+				return { success: true };
 			} catch (error) {
-				defaultConsola.debug(`Помилка підключення: ${error.message}`, "error");
-				isConnected.value = false;
+				const message = error instanceof Error ? error.message : String(error);
+				defaultConsola.debug(`Помилка підключення: ${message}`, "error");
+				throw error;
 			}
-			console.consola.debug("print from web capacitor plugin", zpl);
-			return true;
+		}
+		getPairedDevices() {
+			return { devices: [{
+				address: "00:00:00:00:00:00",
+				name: "Virtual Printer"
+			}, {
+				address: "11:11:11:11:11:11",
+				name: "Virtual Headphone"
+			}] };
 		}
 	};
 }));
 
 //#endregion
 //#region src/index.js
-const Zebra = registerPlugin("Zebra", { web: () => Promise.resolve().then(() => (init_web(), web_exports)).then((m) => new m.ZebraWeb()) });
+const ZebraPlugin = registerPlugin("Zebra", { web: () => Promise.resolve().then(() => (init_web(), web_exports)).then((m) => new m.ZebraWeb()) });
+const Zebra = {
+	async print(zpl) {
+		const zplNormalized = normalizePrintArg(zpl);
+		const { value: address } = await Preferences.get({ key: "printer_address" });
+		const addressTrimmed = typeof address === "string" ? address.trim() : "";
+		if (!addressTrimmed) {
+			const { devices } = await ZebraPlugin.getPairedDevices();
+			if (devices?.length > 0) return {
+				success: false,
+				message: "device list",
+				devices
+			};
+			return {
+				success: false,
+				message: "No paired devices found"
+			};
+		}
+		return ZebraPlugin.print({
+			zpl: zplNormalized,
+			address: addressTrimmed
+		});
+	},
+	getPairedDevices() {
+		return ZebraPlugin.getPairedDevices();
+	}
+};
 
 //#endregion
 export { Zebra };