@yoyaflow/yoya-ui 0.3.2 → 0.3.3

package/dist/yoya.devtools.js

@@ -0,0 +1,223 @@
+//#region src/core/context.js
+var e = [], t = null;
+function n() {
+	let n = { ...t || {} };
+	return e.forEach((e) => Object.assign(n, e)), n;
+}
+//#endregion
+//#region src/core/devtools.js
+var r = !1, i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new Map(), s = 1, c = 1, l = /* @__PURE__ */ new WeakMap();
+function u() {
+	return r = !0, !0;
+}
+function d() {
+	return r = !1, !1;
+}
+function f() {
+	return r;
+}
+function p(e) {
+	if (!r) return;
+	let t = {
+		seq: c,
+		...e
+	};
+	c += 1, t.node && typeof t.node == "object" && t.nodeId === void 0 && (t.nodeId = h(t.node)), t.node && typeof t.node == "object" && t.nodeLabel === void 0 && (t.nodeLabel = C(t.node)), i.forEach((e) => {
+		try {
+			e(t);
+		} catch {}
+	});
+}
+function m(e) {
+	return i.add(e), () => i.delete(e);
+}
+function h(e) {
+	let t = a.get(e);
+	return t === void 0 && (t = s, s += 1, a.set(e, t)), o.set(t, e), t;
+}
+function g(e) {
+	let t = a.get(e);
+	t !== void 0 && o.delete(t);
+}
+function _(e) {
+	let t = n();
+	e._devtoolsContext = Object.keys(t).length > 0 ? t : null;
+}
+function v(e) {
+	let t = o.get(e);
+	if (!t || t._deleted) return null;
+	let n = t._access, r = {
+		id: e,
+		access: n ? {
+			code: n.code,
+			level: n.level
+		} : null,
+		context: t._devtoolsContext || null,
+		i18n: null
+	};
+	return typeof t._permissionState == "function" && (r.permissionState = t._permissionState()), t._i18n && typeof t._i18n.getLanguage == "function" && (r.i18n = {
+		key: t._key ?? void 0,
+		language: t._i18n.getLanguage()
+	}), r;
+}
+function y(e) {
+	let t = o.get(e);
+	return !t || t._deleted || !("_el" in t) || !t._el ? null : t._el;
+}
+function b(e) {
+	return h(e);
+}
+function x(e) {
+	return typeof e._tagName == "string" && e._attrs ? "element" : typeof e._content == "string" && "_textNode" in e ? "text" : "_component" in e && "_resolvedList" in e ? "component" : "view";
+}
+function S(e, t) {
+	return t === "component" ? Array.isArray(e._resolvedList) ? e._resolvedList : [] : Array.isArray(e._children) ? e._children : [];
+}
+function C(e) {
+	let t = x(e);
+	if (t === "element") {
+		let t = (e._classes ? [...e._classes].slice(0, 2) : []).map((e) => String(e).replace(/\s+/g, "")).filter(Boolean).map((e) => `.${e}`).join("");
+		return `${e._tagName || "element"}${t}`;
+	}
+	if (t === "text") {
+		let t = typeof e._content == "string" ? e._content : "";
+		return `文本 "${t.length > 24 ? `${t.slice(0, 24)}…` : t}"`;
+	}
+	return t === "component" ? "组件" : "节点";
+}
+function w(e) {
+	let t = x(e), n = {
+		kind: t,
+		id: h(e)
+	};
+	return t === "element" ? {
+		...n,
+		tagName: e._tagName,
+		attrs: { ...e._attrs },
+		children: S(e, t).map((e) => w(e))
+	} : t === "text" ? {
+		...n,
+		text: e._content,
+		children: []
+	} : {
+		...n,
+		children: S(e, t).map((e) => w(e))
+	};
+}
+function T(e) {
+	let t = x(e), n = h(e);
+	return t === "element" ? {
+		kind: t,
+		id: n,
+		attrs: { ...e._attrs },
+		styles: { ...e._styles },
+		childIds: (e._children || []).map((e) => h(e))
+	} : t === "text" ? {
+		kind: t,
+		id: n,
+		text: e._content
+	} : t === "component" ? {
+		kind: t,
+		id: n,
+		childIds: (e._resolvedList || []).map((e) => h(e))
+	} : {
+		kind: t,
+		id: n,
+		childIds: (e._children || []).map((e) => h(e))
+	};
+}
+function E(e, t) {
+	let n = {};
+	return (/* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)])).forEach((r) => {
+		Object.is(e[r], t[r]) || (n[r] = {
+			previous: e[r],
+			next: t[r]
+		});
+	}), Object.keys(n).length > 0 ? n : null;
+}
+function D(e, t) {
+	let n = {};
+	if (e.kind === "element" && t.kind === "element") {
+		let r = E(e.attrs, t.attrs);
+		r && (n.attrs = r);
+		let i = E(e.styles, t.styles);
+		i && (n.styles = i);
+	}
+	e.kind === "text" && t.kind === "text" && !Object.is(e.text, t.text) && (n.text = {
+		from: e.text,
+		to: t.text
+	});
+	let r = e.childIds || [], i = t.childIds || [], a = new Set(r), o = new Set(i), s = i.filter((e) => !a.has(e)), c = r.filter((e) => !o.has(e)), l = c.length === 0 && s.length === 0 && i.length > 1 && i.some((e, t) => r[t] !== e);
+	return (s.length > 0 || c.length > 0 || l) && (n.children = {
+		added: s,
+		removed: c,
+		reordered: l
+	}), n;
+}
+function O(e) {
+	e && l.set(e, T(e));
+}
+function k(e, t, n) {
+	!r || !e || (p({
+		type: t,
+		node: e,
+		...n
+	}), O(e));
+}
+function A(e) {
+	if (!r || !e || e._deleted) return;
+	let t = T(e), n = l.get(e);
+	if (!n) {
+		p({
+			type: "commit",
+			kind: "mount",
+			node: e
+		}), l.set(e, t);
+		return;
+	}
+	let i = D(n, t);
+	Object.entries(i.attrs || {}).forEach(([t, n]) => {
+		p({
+			type: "attr",
+			node: e,
+			name: t,
+			...n
+		});
+	}), Object.entries(i.styles || {}).forEach(([t, n]) => {
+		p({
+			type: "style",
+			node: e,
+			name: t,
+			...n
+		});
+	}), i.children && p({
+		type: "child",
+		node: e,
+		...i.children
+	}), i.text && p({
+		type: "text",
+		node: e,
+		...i.text
+	}), l.set(e, t);
+}
+function j(e) {
+	return e ? w(e) : {
+		kind: "root",
+		children: []
+	};
+}
+var M = Symbol.for("yoya.devtools.bridge");
+function N() {
+	typeof globalThis > "u" || (globalThis[M] = {
+		captureScope: _,
+		commit: A,
+		emit: p,
+		enabled: () => r,
+		ensureId: b,
+		notify: k,
+		unregister: g
+	});
+}
+N();
+//#endregion
+export { d as disableDevtools, u as enableDevtools, y as getDevtoolsDom, v as getDevtoolsScope, j as getDevtoolsSnapshot, f as isDevtoolsEnabled, m as subscribeDevtools };