@composy/log-viewer-core 0.0.1 → 0.0.2

package/esm/utils/index.js

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/log-viewer-core v0.0.1 *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:32 *
+* Build time: 2024-10-12 17:29:20 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -10,11 +10,12 @@
 //#region src/utils/index.ts
 let _uid = 0;
 function uid(prefix = "lv") {
-	return `${prefix}-${++_uid}-${Math.random().toString(36).slice(2, 8)}`;
+	const random = typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID().slice(0, 8) : Math.random().toString(36).slice(2, 8);
+	return `${prefix}-${++_uid}-${random}`;
 }
 function formatDate(value, fmt = "YYYY-MM-DD HH:mm:ss") {
 	const d = value instanceof Date ? value : new Date(value);
-	if (isNaN(d.getTime())) return String(value);
+	if (Number.isNaN(d.getTime())) return String(value);
 	const pad = (n) => String(n).padStart(2, "0");
 	const year = String(d.getFullYear());
 	const month = pad(d.getMonth() + 1);
@@ -27,6 +28,7 @@ function formatDate(value, fmt = "YYYY-MM-DD HH:mm:ss") {
 function formatRelativeTime(value) {
 	const d = value instanceof Date ? value : new Date(value);
 	const diff = Date.now() - d.getTime();
+	if (!Number.isFinite(diff) || diff < 0) return formatDate(d);
 	if (diff < 6e4) return "刚刚";
 	if (diff < 36e5) return `${Math.floor(diff / 6e4)} \u5206\u949F\u524D`;
 	if (diff < 864e5) return `${Math.floor(diff / 36e5)} \u5C0F\u65F6\u524D`;
@@ -45,15 +47,58 @@ function escapeHtml(str) {
 }
 function debounce(fn, delay) {
 	let timer = null;
+	const wait = Number.isFinite(delay) && delay > 0 ? delay : 0;
 	return ((...args) => {
 		if (timer) clearTimeout(timer);
-		timer = setTimeout(() => fn(...args), delay);
+		timer = setTimeout(() => {
+			timer = null;
+			fn(...args);
+		}, wait);
 	});
 }
 function deepClone(obj) {
 	if (obj === null || typeof obj !== "object") return obj;
+	if (typeof structuredClone === "function") try {
+		return structuredClone(obj);
+	} catch {}
+	const seen = /* @__PURE__ */ new WeakMap();
+	const clone = (value) => {
+		if (value === null || typeof value !== "object") return value;
+		if (seen.has(value)) return seen.get(value);
+		if (value instanceof Date) return new Date(value.getTime());
+		if (value instanceof RegExp) return new RegExp(value.source, value.flags);
+		if (value instanceof Map) {
+			const result2 = /* @__PURE__ */ new Map();
+			seen.set(value, result2);
+			value.forEach((mapValue, key) => result2.set(clone(key), clone(mapValue)));
+			return result2;
+		}
+		if (value instanceof Set) {
+			const result2 = /* @__PURE__ */ new Set();
+			seen.set(value, result2);
+			value.forEach((setValue) => result2.add(clone(setValue)));
+			return result2;
+		}
+		if (Array.isArray(value)) {
+			const result2 = [];
+			seen.set(value, result2);
+			value.forEach((item) => result2.push(clone(item)));
+			return result2;
+		}
+		const result = Object.create(Object.getPrototypeOf(value));
+		seen.set(value, result);
+		for (const key of Reflect.ownKeys(value)) {
+			const descriptor = Object.getOwnPropertyDescriptor(value, key);
+			if (!descriptor || !("value" in descriptor)) continue;
+			Object.defineProperty(result, key, {
+				...descriptor,
+				value: clone(descriptor.value)
+			});
+		}
+		return result;
+	};
 	try {
-		return JSON.parse(JSON.stringify(obj));
+		return clone(obj);
 	} catch {
 		return obj;
 	}
@@ -61,7 +106,10 @@ function deepClone(obj) {
 function formatValue(val) {
 	if (val === null || val === void 0) return "-";
 	if (typeof val === "object") try {
-		return JSON.stringify(val, null, 2);
+		return JSON.stringify(val, (_key, value) => {
+			if (typeof value === "bigint") return `${value}n`;
+			return value;
+		}, 2);
 	} catch {
 		return String(val);
 	}

package/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["/**\n * 工具函数\n */\n\nlet _uid = 0\n\n/** 生成唯一 ID */\nexport function uid(prefix = 'lv'): string {\n  return `${prefix}-${++_uid}-${Math.random().toString(36).slice(2, 8)}`\n}\n\n/** 格式化日期 */\nexport function formatDate(value: string | number | Date, fmt = 'YYYY-MM-DD HH:mm:ss'): string {\n  const d = value instanceof Date ? value : new Date(value)\n  if (isNaN(d.getTime())) return String(value)\n\n  const pad = (n: number) => String(n).padStart(2, '0')\n  const year = String(d.getFullYear())\n  const month = pad(d.getMonth() + 1)\n  const day = pad(d.getDate())\n  const hours = pad(d.getHours())\n  const minutes = pad(d.getMinutes())\n  const seconds = pad(d.getSeconds())\n\n  return fmt\n    .replace('YYYY', year)\n    .replace('MM', month)\n    .replace('DD', day)\n    .replace('HH', hours)\n    .replace('mm', minutes)\n    .replace('ss', seconds)\n}\n\n/** 格式化相对时间 */\nexport function formatRelativeTime(value: string | number | Date): string {\n  const d = value instanceof Date ? value : new Date(value)\n  const now = Date.now()\n  const diff = now - d.getTime()\n\n  if (diff < 60_000) return '刚刚'\n  if (diff < 3_600_000) return `${Math.floor(diff / 60_000)} 分钟前`\n  if (diff < 86_400_000) return `${Math.floor(diff / 3_600_000)} 小时前`\n  if (diff < 604_800_000) return `${Math.floor(diff / 86_400_000)} 天前`\n  return formatDate(d)\n}\n\n/** HTML 转义 */\nexport function escapeHtml(str: string): string {\n  const map: Record<string, string> = {\n    '&': '&amp;',\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#39;',\n  }\n  return str.replace(/[&<>\"']/g, (c) => map[c] || c)\n}\n\n/** 防抖 */\nexport function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number): T {\n  let timer: ReturnType<typeof setTimeout> | null = null\n  return ((...args: unknown[]) => {\n    if (timer) clearTimeout(timer)\n    timer = setTimeout(() => fn(...args), delay)\n  }) as unknown as T\n}\n\n/** 深拷贝简易实现 */\nexport function deepClone<T>(obj: T): T {\n  if (obj === null || typeof obj !== 'object') return obj\n  try {\n    return JSON.parse(JSON.stringify(obj))\n  } catch {\n    return obj\n  }\n}\n\n/** 将值格式化为可展示的字符串 */\nexport function formatValue(val: unknown): string {\n  if (val === null || val === undefined) return '-'\n  if (typeof val === 'object') {\n    try {\n      return JSON.stringify(val, null, 2)\n    } catch {\n      return String(val)\n    }\n  }\n  return String(val)\n}\n"],"mappings":";;;;;;;;;;AAIA,IAAI,OAAO;AAGJ,SAAS,IAAI,SAAS,MAAc;CACzC,OAAO,GAAG,OAAM,GAAI,EAAE,KAAI,GAAI,KAAK,OAAO,CAAA,CAAE,SAAS,EAAE,CAAA,CAAE,MAAM,GAAG,CAAC;AACrE;AAGO,SAAS,WAAW,OAA+B,MAAM,uBAA+B;CAC7F,MAAM,IAAI,iBAAiB,OAAO,QAAQ,IAAI,KAAK,KAAK;CACxD,IAAI,MAAM,EAAE,QAAQ,CAAC,GAAG,OAAO,OAAO,KAAK;CAE3C,MAAM,OAAO,MAAc,OAAO,CAAC,CAAA,CAAE,SAAS,GAAG,GAAG;CACpD,MAAM,OAAO,OAAO,EAAE,YAAY,CAAC;CACnC,MAAM,QAAQ,IAAI,EAAE,SAAS,IAAI,CAAC;CAClC,MAAM,MAAM,IAAI,EAAE,QAAQ,CAAC;CAC3B,MAAM,QAAQ,IAAI,EAAE,SAAS,CAAC;CAC9B,MAAM,UAAU,IAAI,EAAE,WAAW,CAAC;CAClC,MAAM,UAAU,IAAI,EAAE,WAAW,CAAC;CAElC,OAAO,IACJ,QAAQ,QAAQ,IAAI,CAAA,CACpB,QAAQ,MAAM,KAAK,CAAA,CACnB,QAAQ,MAAM,GAAG,CAAA,CACjB,QAAQ,MAAM,KAAK,CAAA,CACnB,QAAQ,MAAM,OAAO,CAAA,CACrB,QAAQ,MAAM,OAAO;AAC1B;AAGO,SAAS,mBAAmB,OAAuC;CACxE,MAAM,IAAI,iBAAiB,OAAO,QAAQ,IAAI,KAAK,KAAK;CAExD,MAAM,OADM,KAAK,IACJ,IAAM,EAAE,QAAQ;CAE7B,IAAI,OAAO,KAAQ,OAAO;CAC1B,IAAI,OAAO,MAAW,OAAO,GAAG,KAAK,MAAM,OAAO,GAAM,EAAC;CACzD,IAAI,OAAO,OAAY,OAAO,GAAG,KAAK,MAAM,OAAO,IAAS,EAAC;CAC7D,IAAI,OAAO,QAAa,OAAO,GAAG,KAAK,MAAM,OAAO,KAAU,EAAC;CAC/D,OAAO,WAAW,CAAC;AACrB;AAGO,SAAS,WAAW,KAAqB;CAC9C,MAAM,MAA8B;EAClC,KAAK;EACL,KAAK;EACL,KAAK;EACL,MAAK;EACL,KAAK;CACP;CACA,OAAO,IAAI,QAAQ,aAAa,MAAM,IAAI,MAAM,CAAC;AACnD;AAGO,SAAS,SAAiD,IAAO,OAAkB;CACxF,IAAI,QAA8C;CAClD,SAAQ,GAAI,SAAoB;EAC9B,IAAI,OAAO,aAAa,KAAK;EAC7B,QAAQ,iBAAiB,GAAG,GAAG,IAAI,GAAG,KAAK;CAC7C;AACF;AAGO,SAAS,UAAa,KAAW;CACtC,IAAI,QAAQ,QAAQ,OAAO,QAAQ,UAAU,OAAO;CACpD,IAAI;EACF,OAAO,KAAK,MAAM,KAAK,UAAU,GAAG,CAAC;CACvC,QAAQ;EACN,OAAO;CACT;AACF;AAGO,SAAS,YAAY,KAAsB;CAChD,IAAI,QAAQ,QAAQ,QAAQ,KAAA,GAAW,OAAO;CAC9C,IAAI,OAAO,QAAQ,UACjB,IAAI;EACF,OAAO,KAAK,UAAU,KAAK,MAAM,CAAC;CACpC,QAAQ;EACN,OAAO,OAAO,GAAG;CACnB;CAEF,OAAO,OAAO,GAAG;AACnB"}
+{"version":3,"file":"index.js","names":["result"],"sources":["../../src/utils/index.ts"],"sourcesContent":["/**\r\n * 工具函数\r\n */\r\n\r\nlet _uid = 0\r\n\r\n/** 生成唯一 ID */\r\nexport function uid(prefix = 'lv'): string {\r\n  const random =\r\n    typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'\r\n      ? crypto.randomUUID().slice(0, 8)\r\n      : Math.random().toString(36).slice(2, 8)\r\n  return `${prefix}-${++_uid}-${random}`\r\n}\r\n\r\n/** 格式化日期 */\r\nexport function formatDate(\r\n  value: string | number | Date,\r\n  fmt = 'YYYY-MM-DD HH:mm:ss'\r\n): string {\r\n  const d = value instanceof Date ? value : new Date(value)\r\n  if (Number.isNaN(d.getTime())) return String(value)\r\n\r\n  const pad = (n: number) => String(n).padStart(2, '0')\r\n  const year = String(d.getFullYear())\r\n  const month = pad(d.getMonth() + 1)\r\n  const day = pad(d.getDate())\r\n  const hours = pad(d.getHours())\r\n  const minutes = pad(d.getMinutes())\r\n  const seconds = pad(d.getSeconds())\r\n\r\n  return fmt\r\n    .replace('YYYY', year)\r\n    .replace('MM', month)\r\n    .replace('DD', day)\r\n    .replace('HH', hours)\r\n    .replace('mm', minutes)\r\n    .replace('ss', seconds)\r\n}\r\n\r\n/** 格式化相对时间 */\r\nexport function formatRelativeTime(value: string | number | Date): string {\r\n  const d = value instanceof Date ? value : new Date(value)\r\n  const now = Date.now()\r\n  const diff = now - d.getTime()\r\n\r\n  if (!Number.isFinite(diff) || diff < 0) return formatDate(d)\r\n  if (diff < 60_000) return '刚刚'\r\n  if (diff < 3_600_000) return `${Math.floor(diff / 60_000)} 分钟前`\r\n  if (diff < 86_400_000) return `${Math.floor(diff / 3_600_000)} 小时前`\r\n  if (diff < 604_800_000) return `${Math.floor(diff / 86_400_000)} 天前`\r\n  return formatDate(d)\r\n}\r\n\r\n/** HTML 转义 */\r\nexport function escapeHtml(str: string): string {\r\n  const map: Record<string, string> = {\r\n    '&': '&amp;',\r\n    '<': '&lt;',\r\n    '>': '&gt;',\r\n    '\"': '&quot;',\r\n    \"'\": '&#39;',\r\n  }\r\n  return str.replace(/[&<>\"']/g, c => map[c] || c)\r\n}\r\n\r\n/** 防抖 */\r\nexport function debounce<T extends (...args: unknown[]) => void>(\r\n  fn: T,\r\n  delay: number\r\n): T {\r\n  let timer: ReturnType<typeof setTimeout> | null = null\r\n  const wait = Number.isFinite(delay) && delay > 0 ? delay : 0\r\n  return ((...args: unknown[]) => {\r\n    if (timer) clearTimeout(timer)\r\n    timer = setTimeout(() => {\r\n      timer = null\r\n      fn(...args)\r\n    }, wait)\r\n  }) as unknown as T\r\n}\r\n\r\n/** 深拷贝值，同时保留 Date、Map、Set 和循环引用。 */\r\nexport function deepClone<T>(obj: T): T {\r\n  if (obj === null || typeof obj !== 'object') return obj\r\n\r\n  if (typeof structuredClone === 'function') {\r\n    try {\r\n      return structuredClone(obj)\r\n    } catch {\r\n      // structuredClone rejects functions and a few host objects; use the\r\n      // compatibility clone below so configuration callbacks stay intact.\r\n    }\r\n  }\r\n\r\n  const seen = new WeakMap<object, unknown>()\r\n\r\n  const clone = (value: unknown): unknown => {\r\n    if (value === null || typeof value !== 'object') return value\r\n    if (seen.has(value)) return seen.get(value)\r\n\r\n    if (value instanceof Date) return new Date(value.getTime())\r\n    if (value instanceof RegExp) return new RegExp(value.source, value.flags)\r\n\r\n    if (value instanceof Map) {\r\n      const result = new Map<unknown, unknown>()\r\n      seen.set(value, result)\r\n      value.forEach((mapValue, key) => result.set(clone(key), clone(mapValue)))\r\n      return result\r\n    }\r\n\r\n    if (value instanceof Set) {\r\n      const result = new Set<unknown>()\r\n      seen.set(value, result)\r\n      value.forEach(setValue => result.add(clone(setValue)))\r\n      return result\r\n    }\r\n\r\n    if (Array.isArray(value)) {\r\n      const result: unknown[] = []\r\n      seen.set(value, result)\r\n      value.forEach(item => result.push(clone(item)))\r\n      return result\r\n    }\r\n\r\n    const result = Object.create(Object.getPrototypeOf(value)) as Record<\r\n      string,\r\n      unknown\r\n    >\r\n    seen.set(value, result)\r\n    for (const key of Reflect.ownKeys(value)) {\r\n      const descriptor = Object.getOwnPropertyDescriptor(value, key)\r\n      if (!descriptor || !('value' in descriptor)) continue\r\n      Object.defineProperty(result, key, {\r\n        ...descriptor,\r\n        value: clone(descriptor.value),\r\n      })\r\n    }\r\n    return result\r\n  }\r\n\r\n  try {\r\n    return clone(obj) as T\r\n  } catch {\r\n    return obj\r\n  }\r\n}\r\n\r\n/** 将值格式化为可展示的字符串 */\r\nexport function formatValue(val: unknown): string {\r\n  if (val === null || val === undefined) return '-'\r\n  if (typeof val === 'object') {\r\n    try {\r\n      return JSON.stringify(\r\n        val,\r\n        (_key, value) => {\r\n          if (typeof value === 'bigint') return `${value}n`\r\n          return value\r\n        },\r\n        2\r\n      )\r\n    } catch {\r\n      return String(val)\r\n    }\r\n  }\r\n  return String(val)\r\n}\r\n"],"mappings":"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"}

package/lib/core/EventEmitter.cjs

@@ -2,7 +2,7 @@
 * ***********************************
 * @composy/log-viewer-core v0.0.1 *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:32 *
+* Build time: 2024-10-12 17:29:20 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
@@ -14,21 +14,25 @@ var EventEmitter = class {
 		this.listeners = /* @__PURE__ */ new Map();
 	}
 	on(event, callback) {
+		if (!event || typeof callback !== "function") return () => void 0;
 		if (!this.listeners.has(event)) this.listeners.set(event, /* @__PURE__ */ new Set());
 		this.listeners.get(event).add(callback);
 		return () => this.off(event, callback);
 	}
 	off(event, callback) {
-		this.listeners.get(event)?.delete(callback);
+		const listeners = this.listeners.get(event);
+		if (!listeners) return;
+		listeners.delete(callback);
+		if (listeners.size === 0) this.listeners.delete(event);
 	}
 	emit(event, ...args) {
-		this.listeners.get(event)?.forEach((cb) => {
-			try {
-				cb(...args);
-			} catch (e) {
-				console.error(`[LogViewer] Event handler error (${event}):`, e);
-			}
-		});
+		const listeners = this.listeners.get(event);
+		if (!listeners) return;
+		for (const cb of [...listeners]) try {
+			cb(...args);
+		} catch (e) {
+			console.error(`[LogViewer] Event handler error (${event}):`, e);
+		}
 	}
 	removeAllListeners(event) {
 		if (event) this.listeners.delete(event);

package/lib/core/EventEmitter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EventEmitter.cjs","names":[],"sources":["../../src/core/EventEmitter.ts"],"sourcesContent":["/**\n * 简单的事件发射器\n */\nexport class EventEmitter {\n  private listeners = new Map<string, Set<(...args: unknown[]) => void>>()\n\n  on(event: string, callback: (...args: unknown[]) => void): () => void {\n    if (!this.listeners.has(event)) {\n      this.listeners.set(event, new Set())\n    }\n    this.listeners.get(event)!.add(callback)\n    return () => this.off(event, callback)\n  }\n\n  off(event: string, callback: (...args: unknown[]) => void): void {\n    this.listeners.get(event)?.delete(callback)\n  }\n\n  emit(event: string, ...args: unknown[]): void {\n    this.listeners.get(event)?.forEach((cb) => {\n      try {\n        cb(...args)\n      } catch (e) {\n        console.error(`[LogViewer] Event handler error (${event}):`, e)\n      }\n    })\n  }\n\n  removeAllListeners(event?: string): void {\n    if (event) {\n      this.listeners.delete(event)\n    } else {\n      this.listeners.clear()\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;AAGO,IAAM,eAAN,MAAmB;CAAnB,cAAA;EACL,KAAQ,4BAAY,IAAI,IAA+C;CAAA;CAEvE,GAAG,OAAe,UAAoD;EACpE,IAAI,CAAC,KAAK,UAAU,IAAI,KAAK,GAC3B,KAAK,UAAU,IAAI,uBAAO,IAAI,IAAI,CAAC;EAErC,KAAK,UAAU,IAAI,KAAK,CAAA,CAAG,IAAI,QAAQ;EACvC,aAAa,KAAK,IAAI,OAAO,QAAQ;CACvC;CAEA,IAAI,OAAe,UAA8C;EAC/D,KAAK,UAAU,IAAI,KAAK,CAAA,EAAG,OAAO,QAAQ;CAC5C;CAEA,KAAK,OAAA,GAAkB,MAAuB;EAC5C,KAAK,UAAU,IAAI,KAAK,CAAA,EAAG,SAAS,OAAO;GACzC,IAAI;IACF,GAAG,GAAG,IAAI;GACZ,SAAS,GAAG;IACV,QAAQ,MAAM,oCAAoC,MAAK,KAAM,CAAC;GAChE;EACF,CAAC;CACH;CAEA,mBAAmB,OAAsB;EACvC,IAAI,OACF,KAAK,UAAU,OAAO,KAAK;OAE3B,KAAK,UAAU,MAAM;CAEzB;AACF"}
+{"version":3,"file":"EventEmitter.cjs","names":[],"sources":["../../src/core/EventEmitter.ts"],"sourcesContent":["/**\r\n * 简单的事件发射器\r\n */\r\nexport class EventEmitter {\r\n  private listeners = new Map<string, Set<(...args: unknown[]) => void>>()\r\n\r\n  on(event: string, callback: (...args: unknown[]) => void): () => void {\r\n    if (!event || typeof callback !== 'function') {\r\n      return () => undefined\r\n    }\r\n    if (!this.listeners.has(event)) {\r\n      this.listeners.set(event, new Set())\r\n    }\r\n    const listeners = this.listeners.get(event)!\r\n    listeners.add(callback)\r\n    return () => this.off(event, callback)\r\n  }\r\n\r\n  off(event: string, callback: (...args: unknown[]) => void): void {\r\n    const listeners = this.listeners.get(event)\r\n    if (!listeners) return\r\n    listeners.delete(callback)\r\n    if (listeners.size === 0) this.listeners.delete(event)\r\n  }\r\n\r\n  emit(event: string, ...args: unknown[]): void {\r\n    const listeners = this.listeners.get(event)\r\n    if (!listeners) return\r\n\r\n    // Snapshot the set so listeners can unsubscribe or subscribe while the\r\n    // current event is being delivered without changing this dispatch cycle.\r\n    for (const cb of [...listeners]) {\r\n      try {\r\n        cb(...args)\r\n      } catch (e) {\r\n        console.error(`[LogViewer] Event handler error (${event}):`, e)\r\n      }\r\n    }\r\n  }\r\n\r\n  removeAllListeners(event?: string): void {\r\n    if (event) {\r\n      this.listeners.delete(event)\r\n    } else {\r\n      this.listeners.clear()\r\n    }\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;AAGO,IAAM,eAAN,MAAmB;CAAnB,cAAA;EACL,KAAQ,4BAAY,IAAI,IAA+C;CAAA;CAEvE,GAAG,OAAe,UAAoD;EACpE,IAAI,CAAC,SAAS,OAAO,aAAa,YAChC,aAAa,KAAA;EAEf,IAAI,CAAC,KAAK,UAAU,IAAI,KAAK,GAC3B,KAAK,UAAU,IAAI,uBAAO,IAAI,IAAI,CAAC;EAGrC,KADuB,UAAU,IAAI,KACrC,CAAA,CAAU,IAAI,QAAQ;EACtB,aAAa,KAAK,IAAI,OAAO,QAAQ;CACvC;CAEA,IAAI,OAAe,UAA8C;EAC/D,MAAM,YAAY,KAAK,UAAU,IAAI,KAAK;EAC1C,IAAI,CAAC,WAAW;EAChB,UAAU,OAAO,QAAQ;EACzB,IAAI,UAAU,SAAS,GAAG,KAAK,UAAU,OAAO,KAAK;CACvD;CAEA,KAAK,OAAA,GAAkB,MAAuB;EAC5C,MAAM,YAAY,KAAK,UAAU,IAAI,KAAK;EAC1C,IAAI,CAAC,WAAW;EAIhB,KAAA,MAAW,MAAM,CAAC,GAAG,SAAS,GAC5B,IAAI;GACF,GAAG,GAAG,IAAI;EACZ,SAAS,GAAG;GACV,QAAQ,MAAM,oCAAoC,MAAK,KAAM,CAAC;EAChE;CAEJ;CAEA,mBAAmB,OAAsB;EACvC,IAAI,OACF,KAAK,UAAU,OAAO,KAAK;OAE3B,KAAK,UAAU,MAAM;CAEzB;AACF"}

package/{esm/core/EventEmitter.d.ts → lib/core/EventEmitter.d.cts}

@@ -8,4 +8,3 @@ export declare class EventEmitter {
     emit(event: string, ...args: unknown[]): void;
     removeAllListeners(event?: string): void;
 }
-//# sourceMappingURL=EventEmitter.d.ts.map

package/lib/core/LogViewer.cjs

@@ -2,19 +2,64 @@
 * ***********************************
 * @composy/log-viewer-core v0.0.1 *
 * Built with rollup               *
-* Build time: 2024-08-17 11:33:32 *
+* Build time: 2024-10-12 17:29:20 *
 * Build mode: production          *
 * Minified: No                    *
 * ***********************************
 */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_EventEmitter = require("./EventEmitter.cjs");
+const require_index = require("../types/index.cjs");
 const require_FilterEngine = require("../filters/FilterEngine.cjs");
-const require_index = require("../utils/index.cjs");
-const require_TimelineRenderer = require("../renderers/TimelineRenderer.cjs");
+const require_index$1 = require("../utils/index.cjs");
 const require_DiffRenderer = require("../renderers/DiffRenderer.cjs");
-const require_index$1 = require("../styles/index.cjs");
+const require_TimelineRenderer = require("../renderers/TimelineRenderer.cjs");
+const require_index$2 = require("../styles/index.cjs");
 //#region src/core/LogViewer.ts
+const DEFAULT_PAGE_SIZE = 20;
+const MAX_PAGE_SIZE = 1e3;
+function normalizePageSize(value, fallback = DEFAULT_PAGE_SIZE) {
+	const pageSize = Number(value);
+	if (!Number.isFinite(pageSize) || pageSize <= 0) return fallback;
+	return Math.min(MAX_PAGE_SIZE, Math.max(1, Math.floor(pageSize)));
+}
+function normalizePage(value) {
+	const page = Number(value);
+	if (!Number.isFinite(page) || page < 1) return 1;
+	return Math.floor(page);
+}
+function cloneEntries(entries) {
+	if (entries === void 0) return [];
+	if (!Array.isArray(entries)) throw new TypeError("[LogViewer] data must be an array");
+	return entries.map((entry, index) => {
+		if (!entry || typeof entry !== "object") throw new TypeError(`[LogViewer] data[${index}] must be an object`);
+		const cloned = require_index$1.deepClone(entry);
+		const id = String(cloned.id ?? "").trim();
+		if (!id) throw new TypeError(`[LogViewer] data[${index}].id must be a non-empty string`);
+		return {
+			...cloned,
+			id,
+			user: String(cloned.user ?? ""),
+			module: String(cloned.module ?? ""),
+			changes: Array.isArray(cloned.changes) ? cloned.changes : void 0
+		};
+	});
+}
+function isActionType(value) {
+	return Object.keys(require_index.ACTION_LABELS).includes(value);
+}
+function sourceEntries(payload) {
+	if (Array.isArray(payload)) return payload;
+	if (!payload || typeof payload !== "object") throw new TypeError("[LogViewer] dataSource response must be an array");
+	const record = payload;
+	for (const key of [
+		"data",
+		"logs",
+		"items",
+		"entries"
+	]) if (Array.isArray(record[key])) return record[key];
+	throw new TypeError("[LogViewer] dataSource response must contain an array");
+}
 var LogViewer = class {
 	constructor(config) {
 		this.emitter = new require_EventEmitter.EventEmitter();
@@ -26,89 +71,107 @@ var LogViewer = class {
 		this.filter = {};
 		this.pagination = {
 			page: 1,
-			pageSize: 20
+			pageSize: DEFAULT_PAGE_SIZE
 		};
 		this.theme = "light";
 		this.expandedIds = /* @__PURE__ */ new Set();
+		this.filterEl = null;
 		this.timelineEl = null;
 		this.paginationEl = null;
 		this.destroyed = false;
-		this.config = config;
+		this.requestId = 0;
+		this.abortController = null;
+		if (typeof document === "undefined") throw new Error("[LogViewer] A browser document is required");
 		const container = typeof config.container === "string" ? document.querySelector(config.container) : config.container;
-		if (!container) throw new Error(`[LogViewer] Container not found: ${config.container}`);
-		require_index$1.injectStyles();
+		if (!container) throw new Error(`[LogViewer] Container not found: ${String(config.container)}`);
+		this.config = { ...config };
+		this.theme = config.theme === "dark" ? "dark" : "light";
+		this.pagination = {
+			page: normalizePage(config.pagination?.page),
+			pageSize: normalizePageSize(config.pageSize ?? config.pagination?.pageSize)
+		};
+		this.filter = require_index$1.deepClone(config.filter || {});
+		this.data = cloneEntries(config.data);
+		require_index$2.injectStyles();
 		this.root = document.createElement("div");
 		this.root.className = "lv-root";
-		container.appendChild(this.root);
-		this.theme = config.theme || "light";
 		this.root.setAttribute("data-theme", this.theme);
-		if (config.pageSize) this.pagination.pageSize = config.pageSize;
-		if (config.pagination) Object.assign(this.pagination, config.pagination);
-		if (config.filter) this.filter = require_index.deepClone(config.filter);
-		if (config.data) this.data = [...config.data];
-		this.applyFilterAndRender();
+		container.appendChild(this.root);
 		this.bindEvents();
+		this.applyFilterAndRender();
+		if (config.dataSource) this.loadData().catch(() => void 0);
 	}
 	getData() {
-		return [...this.data];
+		return require_index$1.deepClone(this.data);
 	}
 	setData(entries) {
-		this.data = [...entries];
+		if (this.destroyed) return;
+		this.data = cloneEntries(entries);
 		this.pagination.page = 1;
+		this.expandedIds.clear();
 		this.applyFilterAndRender();
-		this.emitter.emit("data:change", this.data);
+		this.emitter.emit("data:change", this.getData());
 	}
 	appendData(entries) {
-		this.data.push(...entries);
+		if (this.destroyed) return;
+		this.data.push(...cloneEntries(entries));
 		this.applyFilterAndRender();
-		this.emitter.emit("data:change", this.data);
+		this.emitter.emit("data:change", this.getData());
 	}
 	getFilter() {
-		return require_index.deepClone(this.filter);
+		return require_index$1.deepClone(this.filter);
 	}
 	setFilter(filter) {
-		this.filter = require_index.deepClone(filter);
+		if (this.destroyed) return;
+		this.filter = require_index$1.deepClone(filter || {});
 		this.pagination.page = 1;
 		this.applyFilterAndRender();
-		this.emitter.emit("filter:change", this.filter);
-		this.config.onFilterChange?.(this.filter);
+		const current = this.getFilter();
+		this.emitter.emit("filter:change", current);
+		this.config.onFilterChange?.(current);
 	}
 	resetFilter() {
-		this.filter = {};
-		this.pagination.page = 1;
-		this.applyFilterAndRender();
-		this.emitter.emit("filter:change", this.filter);
+		if (this.destroyed) return;
+		this.setFilter({});
 	}
 	getTheme() {
 		return this.theme;
 	}
 	setTheme(theme) {
+		if (this.destroyed) return;
+		if (theme !== "light" && theme !== "dark") throw new TypeError("[LogViewer] theme must be light or dark");
+		if (this.theme === theme) return;
 		this.theme = theme;
 		this.root.setAttribute("data-theme", theme);
 		this.emitter.emit("theme:change", theme);
 		this.config.onThemeChange?.(theme);
 	}
 	expandEntry(id) {
+		if (this.destroyed || this.expandedIds.has(id)) return;
 		this.expandedIds.add(id);
-		const entry = this.data.find((e) => e.id === id);
-		if (entry) this.emitter.emit("entry:expand", entry);
+		const entry = this.data.find((item) => item.id === id);
+		if (entry) this.emitter.emit("entry:expand", require_index$1.deepClone(entry));
 		this.renderTimeline();
 	}
 	collapseEntry(id) {
+		if (this.destroyed || !this.expandedIds.has(id)) return;
 		this.expandedIds.delete(id);
-		const entry = this.data.find((e) => e.id === id);
-		if (entry) this.emitter.emit("entry:collapse", entry);
+		const entry = this.data.find((item) => item.id === id);
+		if (entry) this.emitter.emit("entry:collapse", require_index$1.deepClone(entry));
 		this.renderTimeline();
 	}
 	collapseAll() {
+		if (this.destroyed || this.expandedIds.size === 0) return;
 		this.expandedIds.clear();
 		this.renderTimeline();
 	}
 	goToPage(page) {
-		const totalPages = Math.ceil(this.filteredData.length / this.pagination.pageSize);
-		if (page < 1 || page > totalPages) return;
-		this.pagination.page = page;
-		this.emitter.emit("page:change", page);
+		if (this.destroyed) return;
+		const totalPages = Math.max(1, Math.ceil(this.filteredData.length / this.pagination.pageSize));
+		const nextPage = Math.min(totalPages, Math.max(1, normalizePage(page)));
+		if (nextPage === this.pagination.page) return;
+		this.pagination.page = nextPage;
+		this.emitter.emit("page:change", nextPage);
 		this.renderTimeline();
 	}
 	getPagination() {
@@ -121,17 +184,55 @@ var LogViewer = class {
 		return this.emitter.on(event, callback);
 	}
 	refresh() {
-		this.applyFilterAndRender();
+		if (!this.destroyed) this.applyFilterAndRender();
+	}
+	async loadData() {
+		if (this.destroyed || !this.config.dataSource) return;
+		const currentRequest = ++this.requestId;
+		this.abortController?.abort();
+		this.abortController = typeof AbortController !== "undefined" ? new AbortController() : null;
+		try {
+			let payload;
+			if (typeof this.config.dataSource === "function") payload = await this.config.dataSource();
+			else {
+				if (typeof fetch !== "function") throw new Error("[LogViewer] fetch is unavailable");
+				const response = await fetch(this.config.dataSource, { signal: this.abortController?.signal });
+				if (!response.ok) throw new Error(`[LogViewer] dataSource request failed: ${response.status}`);
+				payload = await response.json();
+			}
+			if (this.destroyed || currentRequest !== this.requestId) return;
+			this.setData(sourceEntries(payload));
+		} catch (error) {
+			if (this.destroyed || typeof DOMException !== "undefined" && error instanceof DOMException && error.name === "AbortError") return;
+			this.config.onError?.(error);
+			this.emitter.emit("error", error);
+			throw error;
+		}
 	}
 	destroy() {
 		if (this.destroyed) return;
 		this.destroyed = true;
+		this.requestId++;
+		this.abortController?.abort();
+		this.abortController = null;
 		this.emitter.removeAllListeners();
+		this.expandedIds.clear();
+		this.root.replaceChildren();
 		this.root.remove();
 	}
 	applyFilterAndRender() {
 		this.filteredData = this.filterEngine.filter(this.data, this.filter);
-		this.filteredData.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());
+		this.filteredData = this.filteredData.map((entry, index) => ({
+			entry,
+			index
+		})).sort((a, b) => {
+			const left = new Date(a.entry.timestamp).getTime();
+			const right = new Date(b.entry.timestamp).getTime();
+			const leftTime = Number.isFinite(left) ? left : Number.MIN_SAFE_INTEGER;
+			return (Number.isFinite(right) ? right : Number.MIN_SAFE_INTEGER) - leftTime || a.index - b.index;
+		}).map(({ entry }) => entry);
+		const totalPages = Math.max(1, Math.ceil(this.filteredData.length / this.pagination.pageSize));
+		this.pagination.page = Math.min(this.pagination.page, totalPages);
 		this.pagination.total = this.filteredData.length;
 		this.renderTimeline();
 	}
@@ -140,43 +241,121 @@ var LogViewer = class {
 		const start = (page - 1) * pageSize;
 		return this.filteredData.slice(start, start + pageSize);
 	}
+	renderFilterBar() {
+		if (this.config.showFilter === false) return null;
+		const filter = document.createElement("div");
+		filter.className = "lv-filter";
+		filter.setAttribute("role", "search");
+		const addInput = (field, label) => {
+			const item = document.createElement("label");
+			item.className = "lv-filter-item";
+			const text = document.createElement("span");
+			text.className = "lv-filter-label";
+			text.textContent = label;
+			const input = document.createElement("input");
+			input.className = "lv-filter-input";
+			input.type = "search";
+			input.value = String(this.filter[field] || "");
+			input.setAttribute("data-filter-field", field);
+			input.setAttribute("aria-label", label);
+			item.append(text, input);
+			filter.appendChild(item);
+		};
+		addInput("keyword", this.config.locale === "en-US" ? "Keyword" : "关键词");
+		addInput("user", this.config.locale === "en-US" ? "User" : "用户");
+		addInput("module", this.config.locale === "en-US" ? "Module" : "模块");
+		addInput("ip", "IP");
+		const actionItem = document.createElement("label");
+		actionItem.className = "lv-filter-item";
+		const actionLabel = document.createElement("span");
+		actionLabel.className = "lv-filter-label";
+		actionLabel.textContent = this.config.locale === "en-US" ? "Action" : "操作";
+		const action = document.createElement("select");
+		action.className = "lv-filter-select";
+		action.setAttribute("data-filter-field", "action");
+		action.setAttribute("aria-label", actionLabel.textContent);
+		const allOption = document.createElement("option");
+		allOption.value = "";
+		allOption.textContent = this.config.locale === "en-US" ? "All" : "全部";
+		action.appendChild(allOption);
+		for (const [value, label] of Object.entries(require_index.ACTION_LABELS)) {
+			const option = document.createElement("option");
+			option.value = value;
+			option.textContent = label;
+			action.appendChild(option);
+		}
+		action.value = Array.isArray(this.filter.action) ? "" : this.filter.action || "";
+		actionItem.append(actionLabel, action);
+		filter.appendChild(actionItem);
+		const reset = document.createElement("button");
+		reset.type = "button";
+		reset.className = "lv-filter-btn";
+		reset.setAttribute("data-filter-reset", "true");
+		reset.textContent = this.config.locale === "en-US" ? "Reset" : "重置";
+		filter.appendChild(reset);
+		return filter;
+	}
+	updateFilterField(field, value) {
+		const next = this.getFilter();
+		if (!value.trim()) delete next[field];
+		else if (field === "action" && isActionType(value)) next.action = value;
+		else if (field !== "action") next[field] = value;
+		this.setFilter(next);
+	}
 	renderTimeline() {
 		if (this.destroyed) return;
 		const pageData = this.getPageData();
-		const newTimeline = this.timelineRenderer.render(pageData, this.expandedIds);
-		for (const entry of pageData) if (this.expandedIds.has(entry.id)) {
-			const itemEl = newTimeline.querySelector(`[data-id="${entry.id}"] .lv-timeline-card`);
-			if (itemEl) itemEl.appendChild(this.diffRenderer.renderDetail(entry));
+		const timeline = this.timelineRenderer.render(pageData, this.expandedIds, {
+			showDiff: this.config.showDiff,
+			showAnomalyBadge: this.config.showAnomalyBadge,
+			locale: this.config.locale
+		});
+		if (this.config.showDiff !== false) for (const entry of pageData) {
+			if (!this.expandedIds.has(entry.id)) continue;
+			([...timeline.children].find((child) => child.getAttribute("data-id") === entry.id)?.querySelector(".lv-timeline-card"))?.appendChild(this.diffRenderer.renderDetail(entry));
 		}
-		if (this.timelineEl) this.root.removeChild(this.timelineEl);
-		this.timelineEl = newTimeline;
-		this.root.appendChild(this.timelineEl);
-		const newPagination = this.timelineRenderer.renderPagination(this.pagination.page, this.pagination.pageSize, this.filteredData.length);
-		if (this.paginationEl) this.root.removeChild(this.paginationEl);
-		this.paginationEl = newPagination;
-		this.root.appendChild(this.paginationEl);
+		this.filterEl?.remove();
+		this.timelineEl?.remove();
+		this.paginationEl?.remove();
+		this.filterEl = this.renderFilterBar();
+		this.timelineEl = timeline;
+		this.paginationEl = this.timelineRenderer.renderPagination(this.pagination.page, this.pagination.pageSize, this.filteredData.length);
+		if (this.filterEl) this.root.appendChild(this.filterEl);
+		this.root.append(this.timelineEl, this.paginationEl);
 	}
 	bindEvents() {
-		this.root.addEventListener("click", (e) => {
-			const target = e.target;
-			const card = target.closest(".lv-timeline-card");
-			if (card) {
-				const id = card.closest(".lv-timeline-item")?.getAttribute("data-id");
-				if (!id) return;
-				const entry = this.filteredData.find((en) => en.id === id);
-				if (!entry) return;
-				if (target.classList.contains("lv-timeline-expand-hint")) {
-					if (this.expandedIds.has(id)) this.collapseEntry(id);
-					else this.expandEntry(id);
-					return;
-				}
-				this.emitter.emit("entry:click", entry);
-				this.config.onEntryClick?.(entry);
+		this.root.addEventListener("change", (event) => {
+			const target = event.target;
+			if (!(target instanceof HTMLInputElement) && !(target instanceof HTMLSelectElement)) return;
+			const field = target.getAttribute("data-filter-field");
+			if (field) this.updateFilterField(field, target.value);
+		});
+		this.root.addEventListener("click", (event) => {
+			const target = event.target;
+			if (!(target instanceof Element)) return;
+			if (target.closest("[data-filter-reset]")) {
+				this.resetFilter();
+				return;
+			}
+			const hint = target.closest(".lv-timeline-expand-hint");
+			const id = (hint?.closest(".lv-timeline-item") || target.closest(".lv-timeline-item"))?.getAttribute("data-id");
+			if (hint && id) {
+				if (this.expandedIds.has(id)) this.collapseEntry(id);
+				else this.expandEntry(id);
+				return;
+			}
+			const pageButton = target.closest(".lv-pagination-btn");
+			if (pageButton && !pageButton.disabled) {
+				const page = Number(pageButton.getAttribute("data-page"));
+				if (Number.isFinite(page)) this.goToPage(page);
+				return;
 			}
-			const pageBtn = target.closest(".lv-pagination-btn");
-			if (pageBtn && !pageBtn.disabled) {
-				const page = parseInt(pageBtn.getAttribute("data-page") || "1", 10);
-				this.goToPage(page);
+			if (!target.closest(".lv-timeline-card") || !id) return;
+			const entry = this.filteredData.find((candidate) => candidate.id === id);
+			if (entry) {
+				const snapshot = require_index$1.deepClone(entry);
+				this.emitter.emit("entry:click", snapshot);
+				this.config.onEntryClick?.(snapshot);
 			}
 		});
 	}