@epam/ai-dial-attachment-canvas 1.1.0-dev.99 → 1.2.0-dev.1

package/ooxml-highlight-surfaces-DhK1KJcR.js

@@ -0,0 +1,294 @@
+import { i as e } from "./attachment-canvas-Bp6WeQws.js";
+//#region src/utils/ooxml-highlight-geometry.ts
+var t = 4 / 3, n = 9525, r = 2, i = 1, a = 0, o = 16, s = () => {
+	let e = document.createElement("canvas").getContext("2d");
+	if (e != null) return (t, n) => (e.font !== t && (e.font = t), e.measureText(n).width);
+}, c = (e, n) => ({
+	width: e.widthPt * t * n,
+	height: e.heightPt * t * n
+}), l = (e, t, r) => ({
+	width: e / n * r,
+	height: t / n * r
+}), u = ({ index: e, sizeAt: t, hostClientWidth: n, layout: r }) => {
+	let i = r?.gap ?? o, a = r?.paddingTop ?? i, s = r?.paddingLeft ?? i, c = a + e * i;
+	for (let n = 0; n < e; n += 1) c += t(n).height;
+	let { width: l } = t(e);
+	return {
+		left: Math.max(s, (n - l) / 2),
+		top: c
+	};
+}, d = (e) => {
+	let t = [...e].sort((e, t) => e.top - t.top || e.left - t.left), n = [];
+	for (let e of t) {
+		let t = n.at(-1), a = t != null && Math.abs(t.top - e.top) <= r && Math.abs(t.height - e.height) <= r, o = t != null && e.left <= t.left + t.width + i;
+		if (a && o) {
+			t.width = Math.max(t.left + t.width, e.left + e.width) - t.left, t.height = Math.max(t.height, e.height);
+			continue;
+		}
+		n.push({ ...e });
+	}
+	return n;
+}, f = (e, t, n) => Math.min(Math.max(e, t), n), p = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), m = (e, t, n) => {
+	if (!e) return 1;
+	let r = n();
+	return !(r > 0) || t >= r ? 1 : t / r;
+}, h = (e, t, n, r, i, a, o, s) => {
+	if (o <= a) return null;
+	if (a <= 0 && o >= e.length) return {
+		left: t.x,
+		top: t.y,
+		width: t.width,
+		height: t.height
+	};
+	if (s == null) return null;
+	let c = (e) => s(n, e), l = a <= 0 ? 0 : c(e.slice(0, a)), u = o >= e.length ? c(e) : c(e.slice(0, o)), d = [...e.slice(0, a)].length, f = [...e.slice(a, o)].length, p = m(i, t.width, () => c(e)), h = (l + d * r) * p, g = (Math.max(0, u - l) + Math.max(0, f - 1) * r) * p;
+	return g <= 0 ? null : {
+		left: t.x + h,
+		top: t.y,
+		width: g,
+		height: t.height
+	};
+}, g = (e, t, n, r, i, a, o) => {
+	let s = /* @__PURE__ */ new Map();
+	if (!Number.isInteger(n) || !Number.isInteger(r) || n < 0 || r <= n || r > t.length || t.slice(n, r) !== i) return s;
+	for (let t of e) {
+		if (t.end <= n || t.start >= r || a(t.run)) continue;
+		let e = f(n - t.start, 0, t.end - t.start), i = o(t, e, f(r - t.start, e, t.end - t.start));
+		if (i == null) continue;
+		let c = s.get(t.surfaceIndex);
+		if (c == null) {
+			s.set(t.surfaceIndex, [i]);
+			continue;
+		}
+		c.push(i);
+	}
+	for (let [e, t] of s) s.set(e, d(t));
+	return s;
+}, _ = ({ location: e, pages: t, measure: n }) => {
+	let r = [], i = "";
+	for (let { pageIndex: n, runs: a } of t) for (let t of a) {
+		if (t.source == null || t.sourceRunIndex == null || t.source.story !== e.story || !p(t.source.path, e.path)) continue;
+		let a = t.highlightBounds, o = a == null ? {
+			x: t.x,
+			y: t.y,
+			width: t.w,
+			height: t.h
+		} : {
+			x: a.x,
+			y: a.y,
+			width: a.width,
+			height: a.height
+		};
+		r.push({
+			run: t,
+			box: o,
+			start: i.length,
+			end: i.length + t.text.length,
+			surfaceIndex: n
+		}), i += t.text;
+	}
+	return [...g(r, i, e.start, e.endExclusive, e.text, (e) => e.transform != null, ({ run: e, box: t }, r, i) => h(e.text, t, e.font, e.letterSpacingPx ?? 0, e.eastAsianVert === !0, r, i, n))].sort(([e], [t]) => e - t).map(([e, t]) => ({
+		pageIndex: e,
+		rects: t
+	}));
+}, v = (e) => e.rotation !== 0 || (e.textBodyRotation ?? 0) !== 0 || e.shapeFlipH === !0 || e.shapeFlipV === !0, y = ({ location: e, runs: t, measure: n }) => {
+	let r = [], i = "";
+	for (let n of t) n.shapeId != null && String(n.shapeId) === e.shapeId && (n.origin === "master" || n.origin === "layout" || (r.push({
+		run: n,
+		box: {
+			x: n.shapeX + n.inShapeX,
+			y: n.shapeY + n.inShapeY,
+			width: n.w,
+			height: n.h
+		},
+		start: i.length,
+		end: i.length + n.text.length,
+		surfaceIndex: a
+	}), i += n.text));
+	return g(r, i, e.start, e.endExclusive, e.text, v, ({ run: e, box: t }, r, i) => h(e.text, t, e.font, 0, !1, r, i, n)).get(a) ?? [];
+}, b = (e, t) => {
+	let n = t.indexOf(e);
+	return n === -1 ? null : n;
+}, x = ({ row: e, col: t }) => {
+	let n = "", r = t;
+	for (; r > 0;) {
+		let e = (r - 1) % 26;
+		n = String.fromCharCode(65 + e) + n, r = Math.floor((r - 1) / 26);
+	}
+	return `${n}${e}`;
+}, S = ({ location: e, getCellViewportRect: t, viewportWidth: n }) => {
+	let { start: r, end: i } = e, a = i == null ? r.col : i.col;
+	if (i != null && (i.row !== r.row || i.col < r.col)) return [];
+	let o = [];
+	for (let e = r.col; e <= a; e += 1) {
+		let n = t({
+			row: r.row,
+			col: e
+		});
+		n != null && o.push(n);
+	}
+	if (o.length === 0) return [];
+	let s = d(o);
+	if (n == null || s.length !== 1) return s;
+	let [c] = s, l = Math.min(c.width, n - c.left);
+	return l >= c.width ? s : [{
+		...c,
+		width: Math.max(0, l),
+		isClippedAtEnd: !0
+	}];
+}, C = (e) => {
+	for (let t of e.querySelectorAll("div")) if (t.style.overflow === "auto") return t;
+	return null;
+}, w = (e) => {
+	let t = e.querySelector("canvas");
+	if (t == null) return {
+		left: 0,
+		top: 0
+	};
+	let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
+	return {
+		left: n.left - r.left,
+		top: n.top - r.top
+	};
+}, T = (e, t) => {
+	let n = Math.min(e.length, t.length);
+	for (let r = 0; r < n; r += 1) if (e[r] !== t[r]) return e[r] - t[r];
+	return e.length - t.length;
+}, E = (t, n, r, i) => {
+	let a = s(), o = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), d = (e) => c(n.pageSize(e), r.getScale()), f = async (e) => {
+		let t = o.get(e);
+		if (t != null) return t;
+		let r = await n.collectPageRuns(e, { width: d(e).width });
+		return i() ? [] : (o.set(e, r), r);
+	}, p = async (e) => {
+		let t = [];
+		for (let r = 0; r < n.pageCount; r += 1) {
+			let n = await f(r);
+			if (i()) return [];
+			let a = n.filter((t) => t.source != null && t.source.story === e.story);
+			if (a.some((t) => t.source != null && T(t.source.path, e.path) === 0)) {
+				t.push({
+					pageIndex: r,
+					runs: n
+				});
+				continue;
+			}
+			let o = a.length > 0 && a.every((t) => t.source != null && T(t.source.path, e.path) > 0);
+			if (t.length > 0 || o) break;
+		}
+		return t;
+	};
+	return {
+		measure: async (n) => {
+			let r = C(t);
+			if (r == null) return [];
+			let o = [];
+			for (let t of n) for (let n of t.locations) {
+				if (n.kind !== e.DocxTextRange) continue;
+				let s = await p(n);
+				if (i()) return [];
+				let c = s.at(0);
+				c != null && l.set(n, c.pageIndex);
+				for (let { pageIndex: e, rects: i } of _({
+					location: n,
+					pages: s,
+					measure: a
+				})) {
+					let n = u({
+						index: e,
+						sizeAt: d,
+						hostClientWidth: r.clientWidth
+					});
+					for (let e of i) o.push({
+						...e,
+						left: n.left + e.left - r.scrollLeft,
+						top: n.top + e.top - r.scrollTop,
+						highlightId: t.id
+					});
+				}
+			}
+			return o;
+		},
+		navigate: async (t) => {
+			if (t.kind !== e.DocxTextRange) return;
+			let n = l.get(t);
+			if (n != null) {
+				r.scrollToPage(n);
+				return;
+			}
+			let a = await p(t);
+			i() || r.scrollToPage(a.at(0)?.pageIndex ?? 0);
+		}
+	};
+}, D = (t, n, r, i) => {
+	let a = s(), o = () => l(n.slideWidth, n.slideHeight, r.getScale()), c = (e) => e < 1 || e > n.slideCount ? null : e - 1;
+	return {
+		measure: async (r) => {
+			let s = C(t);
+			if (s == null) return [];
+			let l = [];
+			for (let t of r) for (let r of t.locations) {
+				if (r.kind !== e.PptxTextRange) continue;
+				let d = c(r.slide);
+				if (d == null) continue;
+				let f = await n.collectSlideRuns(d, o().width);
+				if (i()) return [];
+				let p = u({
+					index: d,
+					sizeAt: o,
+					hostClientWidth: s.clientWidth
+				});
+				for (let e of y({
+					location: r,
+					runs: f,
+					measure: a
+				})) l.push({
+					...e,
+					left: p.left + e.left - s.scrollLeft,
+					top: p.top + e.top - s.scrollTop,
+					highlightId: t.id
+				});
+			}
+			return l;
+		},
+		navigate: async (t) => {
+			if (t.kind !== e.PptxTextRange) return;
+			let n = c(t.slide);
+			n != null && r.scrollToSlide(n);
+		}
+	};
+}, O = (t, n, r) => ({
+	measure: async (r) => {
+		let i = w(t), a = t.clientWidth - i.left, o = [];
+		for (let t of r) for (let r of t.locations) {
+			if (r.kind !== e.XlsxCellRange) continue;
+			let s = b(r.sheet, n.sheetNames);
+			if (!(s == null || s !== n.sheetIndex)) for (let e of S({
+				location: r,
+				getCellViewportRect: (e) => {
+					let t = n.getCellViewportRect(e);
+					return t == null ? null : {
+						left: t.x,
+						top: t.y,
+						width: t.width,
+						height: t.height
+					};
+				},
+				viewportWidth: a
+			})) o.push({
+				...e,
+				left: i.left + e.left,
+				top: i.top + e.top,
+				highlightId: t.id
+			});
+		}
+		return o;
+	},
+	navigate: async (t) => {
+		if (t.kind !== e.XlsxCellRange) return;
+		let i = b(t.sheet, n.sheetNames);
+		i != null && (i !== n.sheetIndex && (await n.goToSheet(i), r()) || await n.scrollToCell(x(t.start), { align: "center" }));
+	}
+});
+//#endregion
+export { E as createDocxHighlightSurface, D as createPptxHighlightSurface, O as createXlsxHighlightSurface };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-attachment-canvas",
-  "description": "Canvas viewer for rendering attachment content — images, PDFs, JSON, markdown, and plain text",
-  "version": "1.1.0-dev.99",
+  "description": "Canvas viewer for rendering attachment content — images, PDFs, Office documents, CSV, JSON, markdown, and plain text",
+  "version": "1.2.0-dev.1",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -9,27 +9,33 @@
   "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
-    "./styles.css": "./style.css",
+    "./styles.css": "./index.css",
     ".": {
       "types": "./index.d.ts",
       "import": "./index.js",
       "default": "./index.js"
     }
   },
-  "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.99",
-    "@epam/ai-dial-shared": "0.48.0",
-    "@epam/ai-dial-sidebar": "1.1.0-dev.99",
-    "@epam/ai-dial-visualizer-connector": "0.48.0",
-    "@epam/ai-dial-ui-kit": "^0.13.0-dev.26",
-    "@epam/pdf-highlighter-kit": ">=0.0.14",
+  "dependencies": {
+    "@silurus/ooxml": "^0.86.1",
     "@tabler/icons-react": "^3.44.0",
-    "react": "^19.0.0",
     "react-json-view-lite": "^2.5.0",
     "react-syntax-highlighter": "^16.1.1",
-    "@epam/ai-dial-react-pdf-highlighter": "0.2.0-dev.22"
+    "@epam/ai-dial-react-pdf-highlighter": "0.2.0",
+    "@epam/ai-dial-shared": "0.48.0",
+    "@epam/ai-dial-visualizer-connector": "0.48.0",
+    "@epam/pdf-highlighter-kit": "^0.0.19",
+    "@mcp-ui/client": "^7.1.1",
+    "@modelcontextprotocol/sdk": "^1.29.0",
+    "@modelcontextprotocol/ext-apps": "1.7.5",
+    "pdfjs-dist": "^5.4.149",
+    "@epam/ai-dial-sidebar": "1.2.0-dev.1"
+  },
+  "peerDependencies": {
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.1",
+    "@epam/ai-dial-ui-kit": "^0.14.2",
+    "react": "^19.2.8"
   },
-  "dependencies": {},
   "repository": {
     "type": "git",
     "url": "git+https://github.com/epam/ai-dial-chat.git",