@camera.ui/server 2.1.11 → 2.1.13

package/dist/interface/ha/SettingsMqtt-CID4L0PD.js

@@ -0,0 +1,526 @@
+import { c as e } from "./ripple-BilzxWfY.js";
+import { H as t, Jt as n, M as r, d as i, f as a, gt as o, kt as s, l as c, lt as l, ot as u, p as d, r as f, u as p, v as m, x as h, xt as g, y as _ } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as ee } from "./message-C8U_kMBA.js";
+import { t as te } from "./tag-CXgC9OZ6.js";
+import { Dt as ne, Et as re, F as ie, N as v, Ot as ae, P as y, Tt as b, a as x, dt as oe, gi as S, kn as se, r as C, si as w, yr as ce } from "./api-CWJkvtnM.js";
+import { i as le } from "./intercomService-jB2mTgsn.js";
+import { G as T } from "./pinia-3D39Do4a.js";
+import { n as E } from "./vue-i18n-Dcb07o5U.js";
+import { t as ue } from "./button-BlYuI0Q7.js";
+import { t as de } from "./inputtext-DGIESrd0.js";
+import { t as fe } from "./select-DjWkRqsI.js";
+import { t as pe } from "./inputnumber-B1Buq8Nc.js";
+import { t as me } from "./textarea-DvLkfUX7.js";
+import { t as D } from "./mqtt-BmDCmG9h.js";
+//#region src/schemas/mqtt.schema.ts
+var O = T, k = { class: "w-full h-full" }, A = {
+	key: 0,
+	class: "w-full h-full flex items-center justify-center"
+}, j = {
+	key: 1,
+	class: "flex flex-col w-full gap-6"
+}, M = { class: "card-title" }, N = { class: "flex items-center gap-4" }, P = { class: "flex flex-col field-switch-gap min-w-0" }, F = { class: "text-sm font-bold text-color" }, I = { class: "card-title" }, L = { class: "flex flex-col gap-6" }, R = { class: "flex items-center gap-4 cui-toggle-switch" }, z = { class: "flex flex-col field-switch-gap" }, he = {
+	for: "enabled",
+	class: "cui-label-switch"
+}, ge = { class: "flex flex-col field-gap" }, _e = {
+	for: "mode",
+	class: "cui-label"
+}, ve = { class: "flex flex-col sm:flex-row gap-6" }, ye = {
+	for: "host",
+	class: "cui-label"
+}, be = { class: "flex flex-col field-gap w-full sm:w-40 shrink-0" }, xe = {
+	for: "port",
+	class: "cui-label"
+}, Se = { class: "flex flex-col field-gap" }, Ce = {
+	for: "protocol",
+	class: "cui-label"
+}, we = { class: "flex flex-col sm:flex-row gap-6" }, Te = { class: "flex flex-col field-gap flex-1 min-w-0" }, Ee = {
+	for: "username",
+	class: "cui-label"
+}, De = { class: "flex flex-col field-gap flex-1 min-w-0" }, Oe = {
+	for: "password",
+	class: "cui-label"
+}, ke = { class: "flex flex-col field-gap" }, Ae = {
+	for: "brokerAddress",
+	class: "cui-label"
+}, je = { class: "flex flex-col sm:flex-row gap-6" }, Me = { class: "flex flex-col field-gap w-full sm:w-40 shrink-0" }, Ne = {
+	for: "brokerPort",
+	class: "cui-label"
+}, Pe = { class: "flex flex-col field-gap flex-1 min-w-0" }, Fe = {
+	for: "brokerUsername",
+	class: "cui-label"
+}, Ie = { class: "flex flex-col field-gap flex-1 min-w-0" }, B = {
+	for: "brokerPassword",
+	class: "cui-label"
+}, Le = { class: "flex flex-col sm:flex-row gap-6" }, Re = {
+	for: "clientId",
+	class: "cui-label"
+}, ze = {
+	for: "topicPrefix",
+	class: "cui-label"
+}, Be = { class: "flex items-center gap-4 cui-toggle-switch" }, Ve = { class: "flex flex-col field-switch-gap" }, He = {
+	for: "rejectUnauthorized",
+	class: "cui-label-switch"
+}, Ue = { class: "flex flex-col field-gap" }, We = {
+	for: "tlsCa",
+	class: "cui-label"
+}, Ge = { class: "flex flex-col field-gap" }, Ke = {
+	for: "tlsCert",
+	class: "cui-label"
+}, qe = { class: "flex flex-col field-gap" }, Je = {
+	for: "tlsKey",
+	class: "cui-label"
+}, Ye = { class: "flex items-center gap-4 cui-toggle-switch" }, Xe = { class: "flex flex-col field-switch-gap" }, Ze = {
+	for: "haDiscovery",
+	class: "cui-label-switch"
+}, Qe = {
+	for: "haDiscovery.prefix",
+	class: "cui-label"
+}, $e = { class: "flex items-center gap-3" }, V = /* @__PURE__ */ h({
+	__name: "SettingsMqtt",
+	setup(h) {
+		let T = new D(), V = S(), { t: H } = E(), { data: U } = T.getMqttInfoQuery(), W = T.patchMqttInfoMutation(), G = T.testMqttConnectionMutation(), K = w("/server"), et = [{
+			label: "mqtt:// (TCP)",
+			value: "mqtt"
+		}, {
+			label: "mqtts:// (TLS)",
+			value: "mqtts"
+		}], tt = [{
+			label: H("views.settings.mqtt_mode_external"),
+			value: "external"
+		}, {
+			label: H("views.settings.mqtt_mode_embedded"),
+			value: "embedded"
+		}], q = g(null), J = g(""), Y = g(null), X = c(() => U.value?.passwordSet ?? !1), Z = c(() => Y.value ?? U.value?.status ?? null), nt = c(() => {
+			switch (Z.value?.state) {
+				case "connected": return "success";
+				case "connecting":
+				case "reconnecting": return "warn";
+				case "error": return "danger";
+				default: return "secondary";
+			}
+		}), rt = c(() => {
+			let e = Z.value?.state ?? "disabled";
+			return H(`views.settings.mqtt_state_${e}`);
+		}), it = c(() => Z.value?.lastError ? Z.value.lastError : Z.value?.broker?.running ? H("views.settings.mqtt_broker_running", { port: Z.value.broker.port }) : H("views.settings.mqtt_status_info")), Q = c(() => `mqtt://${window.location.hostname}:${q.value?.broker.port ?? 1883}`);
+		function $() {
+			let e = x(q.value), t = {
+				enabled: e.enabled,
+				mode: e.mode,
+				broker: {
+					port: e.broker.port,
+					username: e.broker.username?.trim() ? e.broker.username.trim() : null,
+					password: e.broker.password?.trim() ? e.broker.password : null
+				},
+				host: e.host?.trim() ? e.host.trim() : null,
+				port: e.port,
+				protocol: e.protocol,
+				username: e.username?.trim() ? e.username.trim() : null,
+				clientId: e.clientId,
+				topicPrefix: e.topicPrefix,
+				tls: {
+					rejectUnauthorized: e.tls.rejectUnauthorized,
+					ca: e.tls.ca?.trim() ? e.tls.ca : null,
+					cert: e.tls.cert?.trim() ? e.tls.cert : null,
+					key: e.tls.key?.trim() ? e.tls.key : null
+				},
+				haDiscovery: {
+					enabled: e.haDiscovery.enabled,
+					prefix: e.haDiscovery.prefix
+				}
+			};
+			return J.value && (t.password = J.value), t;
+		}
+		async function at() {
+			q.value && (await W.mutateAsync($()), J.value = "");
+		}
+		async function ot() {
+			if (!q.value) return;
+			let e = await G.mutateAsync($());
+			e.ok ? V.add({
+				severity: "success",
+				detail: H("components.toast.mqtt_test_success"),
+				life: 3e3
+			}) : V.add({
+				severity: "error",
+				detail: H("components.toast.mqtt_test_failed", { message: e.message ?? "" }),
+				life: 5e3
+			});
+		}
+		return u(U, (e) => {
+			e && !q.value && (q.value = x(e.settings));
+		}, { immediate: !0 }), K.on("mqtt-status", (e) => {
+			Y.value = e;
+		}), K.onReady(async () => {
+			try {
+				let e = await K.request("get-mqtt-status");
+				e && (Y.value = e);
+			} catch {}
+		}), (c, u) => {
+			let h = ce, g = ee, x = te, S = le, w = se, T = fe, E = de, D = pe, V = oe, H = re, U = ne, K = ae, Y = me, Z = ue;
+			return t(), d("div", k, [s(q) ? (t(), d("div", j, [p("div", null, [p("span", M, n(c.$t("views.settings.status")), 1), _(S, { class: "cui-card" }, {
+				content: l(() => [p("div", N, [p("div", P, [p("span", F, n(c.$t("views.settings.mqtt_broker")), 1), _(g, {
+					severity: "secondary",
+					variant: "simple",
+					size: "small",
+					class: "cui-input-switch-hint truncate"
+				}, {
+					default: l(() => [m(n(s(it)), 1)]),
+					_: 1
+				})]), _(x, {
+					class: "ml-auto shrink-0",
+					severity: s(nt),
+					value: s(rt)
+				}, null, 8, ["severity", "value"])])]),
+				_: 1
+			})]), _(s(ie), {
+				class: "flex flex-col w-full gap-6",
+				"validation-schema": s(O),
+				onSubmit: at
+			}, {
+				default: l(() => [p("div", null, [p("span", I, n(c.$t("views.settings.mqtt_broker")), 1), _(S, { class: "cui-card" }, {
+					content: l(() => [p("div", L, [
+						p("div", R, [p("div", z, [p("label", he, n(c.$t("components.form.label.enabled")), 1), _(g, {
+							severity: "secondary",
+							variant: "simple",
+							size: "small",
+							class: "cui-input-switch-hint"
+						}, {
+							default: l(() => [m(n(c.$t("views.settings.mqtt_enabled_info")), 1)]),
+							_: 1
+						})]), _(w, {
+							modelValue: s(q).enabled,
+							"onUpdate:modelValue": u[0] ||= (e) => s(q).enabled = e,
+							class: "ml-auto shrink-0"
+						}, null, 8, ["modelValue"])]),
+						p("div", ge, [
+							p("label", _e, n(c.$t("views.settings.mqtt_mode_label")), 1),
+							_(T, {
+								modelValue: s(q).mode,
+								"onUpdate:modelValue": u[1] ||= (e) => s(q).mode = e,
+								options: tt,
+								"option-label": "label",
+								"option-value": "value"
+							}, null, 8, ["modelValue"]),
+							s(q).mode === "embedded" ? (t(), i(g, {
+								key: 0,
+								severity: "secondary",
+								variant: "simple",
+								size: "small",
+								class: "cui-input-hint"
+							}, {
+								default: l(() => [m(n(c.$t("views.settings.mqtt_mode_embedded_info")), 1)]),
+								_: 1
+							})) : a("", !0)
+						]),
+						s(q).mode === "external" ? (t(), d(f, { key: 0 }, [
+							p("div", ve, [_(s(y), {
+								modelValue: s(q).host,
+								"onUpdate:modelValue": u[2] ||= (e) => s(q).host = e,
+								modelModifiers: { trim: !0 },
+								name: "host",
+								as: "div",
+								class: "flex flex-col field-gap flex-1 min-w-0"
+							}, {
+								default: l(({ field: t, errors: i }) => [
+									p("label", ye, n(c.$t("views.settings.mqtt_host_label")), 1),
+									_(E, r(t, {
+										invalid: i.length > 0,
+										type: "text",
+										placeholder: "192.168.1.10",
+										class: "w-full"
+									}), null, 16, ["invalid"]),
+									_(e, { name: "fade" }, {
+										default: l(() => [_(s(v), {
+											name: "host",
+											class: "cui-input-error"
+										})]),
+										_: 1
+									})
+								]),
+								_: 1
+							}, 8, ["modelValue"]), p("div", be, [p("label", xe, n(c.$t("views.settings.mqtt_port_label")), 1), _(D, {
+								modelValue: s(q).port,
+								"onUpdate:modelValue": u[3] ||= (e) => s(q).port = e,
+								min: 1,
+								max: 65535,
+								"use-grouping": !1,
+								fluid: ""
+							}, null, 8, ["modelValue"])])]),
+							p("div", Se, [p("label", Ce, n(c.$t("views.settings.mqtt_protocol_label")), 1), _(T, {
+								modelValue: s(q).protocol,
+								"onUpdate:modelValue": u[4] ||= (e) => s(q).protocol = e,
+								options: et,
+								"option-label": "label",
+								"option-value": "value"
+							}, null, 8, ["modelValue"])]),
+							p("div", we, [p("div", Te, [p("label", Ee, n(c.$t("views.settings.mqtt_username_label")), 1), _(E, {
+								modelValue: s(q).username,
+								"onUpdate:modelValue": u[5] ||= (e) => s(q).username = e,
+								modelModifiers: { trim: !0 },
+								type: "text",
+								autocomplete: "off",
+								class: "w-full"
+							}, null, 8, ["modelValue"])]), p("div", De, [
+								p("label", Oe, n(c.$t("views.settings.mqtt_password_label")), 1),
+								_(V, {
+									modelValue: s(J),
+									"onUpdate:modelValue": u[6] ||= (e) => o(J) ? J.value = e : null,
+									feedback: !1,
+									"toggle-mask": "",
+									fluid: "",
+									autocomplete: "new-password",
+									placeholder: s(X) ? "••••••••" : ""
+								}, null, 8, ["modelValue", "placeholder"]),
+								s(X) ? (t(), i(g, {
+									key: 0,
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: l(() => [m(n(c.$t("views.settings.mqtt_password_keep_hint")), 1)]),
+									_: 1
+								})) : a("", !0)
+							])])
+						], 64)) : (t(), d(f, { key: 1 }, [p("div", ke, [
+							p("label", Ae, n(c.$t("views.settings.mqtt_broker_address")), 1),
+							_(K, null, {
+								default: l(() => [_(E, {
+									"model-value": s(Q),
+									readonly: "",
+									class: "font-mono text-xs"
+								}, null, 8, ["model-value"]), _(U, null, {
+									default: l(() => [_(H, {
+										"action-text": c.$t("components.form.tooltip.copied"),
+										icon: s(b),
+										"button-props": {
+											severity: "secondary",
+											text: !0
+										},
+										onAction: u[7] ||= (e) => s(C)(s(Q))
+									}, null, 8, ["action-text", "icon"])]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							_(g, {
+								severity: "secondary",
+								variant: "simple",
+								size: "small",
+								class: "cui-input-hint"
+							}, {
+								default: l(() => [m(n(c.$t("views.settings.mqtt_broker_address_hint")), 1)]),
+								_: 1
+							})
+						]), p("div", je, [
+							p("div", Me, [p("label", Ne, n(c.$t("views.settings.mqtt_port_label")), 1), _(D, {
+								modelValue: s(q).broker.port,
+								"onUpdate:modelValue": u[8] ||= (e) => s(q).broker.port = e,
+								min: 1,
+								max: 65535,
+								"use-grouping": !1,
+								fluid: ""
+							}, null, 8, ["modelValue"])]),
+							p("div", Pe, [p("label", Fe, n(c.$t("views.settings.mqtt_username_label")), 1), _(E, {
+								modelValue: s(q).broker.username,
+								"onUpdate:modelValue": u[9] ||= (e) => s(q).broker.username = e,
+								modelModifiers: { trim: !0 },
+								type: "text",
+								autocomplete: "off",
+								class: "w-full"
+							}, null, 8, ["modelValue"])]),
+							p("div", Ie, [p("label", B, n(c.$t("views.settings.mqtt_password_label")), 1), _(K, null, {
+								default: l(() => [_(V, {
+									modelValue: s(q).broker.password,
+									"onUpdate:modelValue": u[10] ||= (e) => s(q).broker.password = e,
+									feedback: !1,
+									"toggle-mask": "",
+									fluid: "",
+									autocomplete: "off"
+								}, null, 8, ["modelValue"]), _(U, null, {
+									default: l(() => [_(H, {
+										"action-text": c.$t("components.form.tooltip.copied"),
+										icon: s(b),
+										"button-props": {
+											severity: "secondary",
+											text: !0
+										},
+										onAction: u[11] ||= (e) => s(C)(s(q).broker.password ?? "")
+									}, null, 8, ["action-text", "icon"])]),
+									_: 1
+								})]),
+								_: 1
+							})])
+						])], 64)),
+						p("div", Le, [_(s(y), {
+							modelValue: s(q).clientId,
+							"onUpdate:modelValue": u[12] ||= (e) => s(q).clientId = e,
+							modelModifiers: { trim: !0 },
+							name: "clientId",
+							as: "div",
+							class: "flex flex-col field-gap flex-1"
+						}, {
+							default: l(({ field: t, errors: i }) => [
+								p("label", Re, n(c.$t("views.settings.mqtt_client_id_label")), 1),
+								_(E, r(t, {
+									invalid: i.length > 0,
+									type: "text"
+								}), null, 16, ["invalid"]),
+								_(e, { name: "fade" }, {
+									default: l(() => [_(s(v), {
+										name: "clientId",
+										class: "cui-input-error"
+									})]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, ["modelValue"]), _(s(y), {
+							modelValue: s(q).topicPrefix,
+							"onUpdate:modelValue": u[13] ||= (e) => s(q).topicPrefix = e,
+							modelModifiers: { trim: !0 },
+							name: "topicPrefix",
+							as: "div",
+							class: "flex flex-col field-gap flex-1"
+						}, {
+							default: l(({ field: t, errors: i }) => [
+								p("label", ze, n(c.$t("views.settings.mqtt_topic_prefix_label")), 1),
+								_(E, r(t, {
+									invalid: i.length > 0,
+									type: "text"
+								}), null, 16, ["invalid"]),
+								_(e, { name: "fade" }, {
+									default: l(() => [_(s(v), {
+										name: "topicPrefix",
+										class: "cui-input-error"
+									})]),
+									_: 1
+								}),
+								_(g, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: l(() => [m(n(c.$t("views.settings.mqtt_topic_prefix_info")), 1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, ["modelValue"])]),
+						s(q).mode === "external" && s(q).protocol === "mqtts" ? (t(), d(f, { key: 2 }, [
+							p("div", Be, [p("div", Ve, [p("label", He, n(c.$t("views.settings.mqtt_tls_reject_unauthorized")), 1), _(g, {
+								severity: "secondary",
+								variant: "simple",
+								size: "small",
+								class: "cui-input-switch-hint"
+							}, {
+								default: l(() => [m(n(c.$t("views.settings.mqtt_tls_reject_unauthorized_info")), 1)]),
+								_: 1
+							})]), _(w, {
+								modelValue: s(q).tls.rejectUnauthorized,
+								"onUpdate:modelValue": u[14] ||= (e) => s(q).tls.rejectUnauthorized = e,
+								class: "ml-auto shrink-0"
+							}, null, 8, ["modelValue"])]),
+							p("div", Ue, [p("label", We, n(c.$t("views.settings.mqtt_tls_ca_label")), 1), _(Y, {
+								modelValue: s(q).tls.ca,
+								"onUpdate:modelValue": u[15] ||= (e) => s(q).tls.ca = e,
+								rows: "3",
+								"auto-resize": "",
+								class: "font-mono text-xs"
+							}, null, 8, ["modelValue"])]),
+							p("div", Ge, [p("label", Ke, n(c.$t("views.settings.mqtt_tls_cert_label")), 1), _(Y, {
+								modelValue: s(q).tls.cert,
+								"onUpdate:modelValue": u[16] ||= (e) => s(q).tls.cert = e,
+								rows: "3",
+								"auto-resize": "",
+								class: "font-mono text-xs"
+							}, null, 8, ["modelValue"])]),
+							p("div", qe, [p("label", Je, n(c.$t("views.settings.mqtt_tls_key_label")), 1), _(Y, {
+								modelValue: s(q).tls.key,
+								"onUpdate:modelValue": u[17] ||= (e) => s(q).tls.key = e,
+								rows: "3",
+								"auto-resize": "",
+								class: "font-mono text-xs"
+							}, null, 8, ["modelValue"])])
+						], 64)) : a("", !0),
+						p("div", Ye, [p("div", Xe, [p("label", Ze, n(c.$t("views.settings.mqtt_ha_discovery")), 1), _(g, {
+							severity: "secondary",
+							variant: "simple",
+							size: "small",
+							class: "cui-input-switch-hint"
+						}, {
+							default: l(() => [m(n(c.$t("views.settings.mqtt_ha_discovery_info")), 1)]),
+							_: 1
+						})]), _(w, {
+							modelValue: s(q).haDiscovery.enabled,
+							"onUpdate:modelValue": u[18] ||= (e) => s(q).haDiscovery.enabled = e,
+							class: "ml-auto shrink-0"
+						}, null, 8, ["modelValue"])]),
+						s(q).haDiscovery.enabled ? (t(), i(s(y), {
+							key: 3,
+							modelValue: s(q).haDiscovery.prefix,
+							"onUpdate:modelValue": u[19] ||= (e) => s(q).haDiscovery.prefix = e,
+							modelModifiers: { trim: !0 },
+							name: "haDiscovery.prefix",
+							as: "div",
+							class: "flex flex-col field-gap"
+						}, {
+							default: l(({ field: t, errors: i }) => [
+								p("label", Qe, n(c.$t("views.settings.mqtt_ha_prefix_label")), 1),
+								_(E, r(t, {
+									invalid: i.length > 0,
+									type: "text",
+									placeholder: "homeassistant"
+								}), null, 16, ["invalid"]),
+								_(e, { name: "fade" }, {
+									default: l(() => [_(s(v), {
+										name: "haDiscovery.prefix",
+										class: "cui-input-error"
+									})]),
+									_: 1
+								}),
+								_(g, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: l(() => [m(n(c.$t("views.settings.mqtt_ha_prefix_info")), 1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, ["modelValue"])) : a("", !0),
+						p("div", $e, [_(Z, {
+							type: "button",
+							severity: "secondary",
+							loading: s(G).isPending.value,
+							disabled: s(q).mode === "external" && !s(q).host,
+							class: "cui-button-medium",
+							label: c.$t("views.settings.mqtt_test"),
+							onClick: ot
+						}, null, 8, [
+							"loading",
+							"disabled",
+							"label"
+						]), _(Z, {
+							type: "submit",
+							loading: s(W).isPending.value,
+							class: "cui-button-medium ml-auto",
+							label: c.$t("components.form.button.save")
+						}, null, 8, ["loading", "label"])])
+					])]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["validation-schema"])])) : (t(), d("div", A, [_(h, {
+				class: "w-[30px] h-[30px] m-0",
+				"stroke-width": "5"
+			})]))]);
+		};
+	}
+});
+//#endregion
+export { V as default };