@xyne/workflow-ui 0.12.0 → 0.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/execution/ApprovalReviewDisplay.d.ts +28 -0
- package/dist/components/execution/ApprovalReviewDisplay.d.ts.map +1 -0
- package/dist/components/execution/ApprovalReviewDisplay.js +98 -0
- package/dist/components/execution/ApprovalReviewDisplay.js.map +1 -0
- package/dist/components/execution/ApprovalsView.js +3 -5
- package/dist/components/execution/ApprovalsView.js.map +1 -1
- package/dist/components/shared/AttachmentCard.d.ts.map +1 -1
- package/dist/components/shared/AttachmentCard.js +20 -1
- package/dist/components/shared/AttachmentCard.js.map +1 -1
- package/dist/components/shared/DocumentViewer.d.ts +7 -0
- package/dist/components/shared/DocumentViewer.d.ts.map +1 -0
- package/dist/components/shared/DocumentViewer.js +71 -0
- package/dist/components/shared/DocumentViewer.js.map +1 -0
- package/dist/components/shared/viewers/CsvView.d.ts +4 -0
- package/dist/components/shared/viewers/CsvView.d.ts.map +1 -0
- package/dist/components/shared/viewers/CsvView.js +39 -0
- package/dist/components/shared/viewers/CsvView.js.map +1 -0
- package/dist/components/shared/viewers/DocxView.d.ts +4 -0
- package/dist/components/shared/viewers/DocxView.d.ts.map +1 -0
- package/dist/components/shared/viewers/DocxView.js +41 -0
- package/dist/components/shared/viewers/DocxView.js.map +1 -0
- package/dist/components/shared/viewers/ImageView.d.ts +5 -0
- package/dist/components/shared/viewers/ImageView.d.ts.map +1 -0
- package/dist/components/shared/viewers/ImageView.js +92 -0
- package/dist/components/shared/viewers/ImageView.js.map +1 -0
- package/dist/components/shared/viewers/SheetView.d.ts +4 -0
- package/dist/components/shared/viewers/SheetView.d.ts.map +1 -0
- package/dist/components/shared/viewers/SheetView.js +48 -0
- package/dist/components/shared/viewers/SheetView.js.map +1 -0
- package/dist/components/shared/viewers/TextView.d.ts +5 -0
- package/dist/components/shared/viewers/TextView.d.ts.map +1 -0
- package/dist/components/shared/viewers/TextView.js +45 -0
- package/dist/components/shared/viewers/TextView.js.map +1 -0
- package/dist/components/shared/viewers/chrome.d.ts +2 -0
- package/dist/components/shared/viewers/chrome.d.ts.map +1 -0
- package/dist/components/shared/viewers/chrome.js +7 -0
- package/dist/components/shared/viewers/chrome.js.map +1 -0
- package/dist/styles.css +1 -1
- package/package.json +5 -1
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef, useState } from 'react';
|
|
3
|
+
import { renderAsync } from 'docx-preview';
|
|
4
|
+
import { ViewerLoading } from './chrome.js';
|
|
5
|
+
// DOCX renderer — docx-preview parses the file into a styled DOM mounted into a
|
|
6
|
+
// ref'd container (it needs a real mounted node, so render the container always
|
|
7
|
+
// and overlay the spinner while it works).
|
|
8
|
+
export default function DocxView({ url }) {
|
|
9
|
+
const ref = useRef(null);
|
|
10
|
+
const [loading, setLoading] = useState(true);
|
|
11
|
+
const [failed, setFailed] = useState(false);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
let cancelled = false;
|
|
14
|
+
setLoading(true);
|
|
15
|
+
setFailed(false);
|
|
16
|
+
void fetch(url)
|
|
17
|
+
.then((r) => {
|
|
18
|
+
if (!r.ok)
|
|
19
|
+
throw new Error(String(r.status));
|
|
20
|
+
return r.blob();
|
|
21
|
+
})
|
|
22
|
+
.then(async (blob) => {
|
|
23
|
+
if (cancelled || !ref.current)
|
|
24
|
+
return;
|
|
25
|
+
await renderAsync(blob, ref.current, undefined, {
|
|
26
|
+
className: 'wui-docx',
|
|
27
|
+
inWrapper: true,
|
|
28
|
+
ignoreWidth: true,
|
|
29
|
+
});
|
|
30
|
+
if (!cancelled)
|
|
31
|
+
setLoading(false);
|
|
32
|
+
})
|
|
33
|
+
.catch(() => { if (!cancelled)
|
|
34
|
+
setFailed(true); });
|
|
35
|
+
return () => { cancelled = true; };
|
|
36
|
+
}, [url]);
|
|
37
|
+
if (failed)
|
|
38
|
+
throw new Error('docx load failed');
|
|
39
|
+
return (_jsxs("div", { className: "px-5 py-4", children: [loading && _jsx(ViewerLoading, {}), _jsx("div", { ref: ref, className: "[&_.wui-docx]:!w-full [&_.wui-docx_section]:!w-full [&_.wui-docx_section]:!max-w-none [&_.wui-docx_section]:!p-0" })] }));
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=DocxView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DocxView.js","sourceRoot":"","sources":["../../../../src/components/shared/viewers/DocxView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,gFAAgF;AAChF,gFAAgF;AAChF,2CAA2C;AAC3C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,GAAG,EAAmB;IACvD,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,KAAK,KAAK,CAAC,GAAG,CAAC;aACZ,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACV,IAAI,CAAC,CAAC,CAAC,EAAE;gBAAE,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;YAC7C,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;QAClB,CAAC,CAAC;aACD,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YACnB,IAAI,SAAS,IAAI,CAAC,GAAG,CAAC,OAAO;gBAAE,OAAO;YACtC,MAAM,WAAW,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE;gBAC9C,SAAS,EAAE,UAAU;gBACrB,SAAS,EAAE,IAAI;gBACf,WAAW,EAAE,IAAI;aAClB,CAAC,CAAC;YACH,IAAI,CAAC,SAAS;gBAAE,UAAU,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS;YAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAI,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACvB,OAAO,IAAI,KAAC,aAAa,KAAG,EAC7B,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,kHAAkH,GAC5H,IACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageView.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/viewers/ImageView.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,+BA6H7E"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
3
|
+
import { RotateCcw, RotateCw, ZoomIn, ZoomOut, Maximize2, ExternalLink, Download } from 'lucide-react';
|
|
4
|
+
const MIN_ZOOM = 0.1;
|
|
5
|
+
const MAX_ZOOM = 8;
|
|
6
|
+
const clampZoom = (z) => Math.min(MAX_ZOOM, Math.max(MIN_ZOOM, Math.round(z * 100) / 100));
|
|
7
|
+
// Inline image preview. Zoom is applied as real layout size (fit-to-view × zoom)
|
|
8
|
+
// inside an overflow-auto container, so a zoomed image gets native scrollbars +
|
|
9
|
+
// wheel-scroll + grab-to-pan — not just a CSS transform. Rotation (90° steps)
|
|
10
|
+
// swaps the bounding box so scrolling stays correct. Plus a typeable zoom %,
|
|
11
|
+
// fit-to-view, open-in-new-tab and download. Original bytes are never re-encoded.
|
|
12
|
+
export default function ImageView({ url, name }) {
|
|
13
|
+
const [deg, setDeg] = useState(0);
|
|
14
|
+
const [zoom, setZoom] = useState(1);
|
|
15
|
+
const [zoomText, setZoomText] = useState('100');
|
|
16
|
+
const [nat, setNat] = useState(null);
|
|
17
|
+
const [box, setBox] = useState(null);
|
|
18
|
+
const [panning, setPanning] = useState(false);
|
|
19
|
+
const scrollRef = useRef(null);
|
|
20
|
+
const pan = useRef(null);
|
|
21
|
+
// Track the scroll viewport's size so "fit" is always relative to it.
|
|
22
|
+
useLayoutEffect(() => {
|
|
23
|
+
const el = scrollRef.current;
|
|
24
|
+
if (!el)
|
|
25
|
+
return;
|
|
26
|
+
const measure = () => { setBox({ w: el.clientWidth, h: el.clientHeight }); };
|
|
27
|
+
measure();
|
|
28
|
+
const ro = new ResizeObserver(measure);
|
|
29
|
+
ro.observe(el);
|
|
30
|
+
return () => { ro.disconnect(); };
|
|
31
|
+
}, []);
|
|
32
|
+
useEffect(() => { setZoomText(String(Math.round(zoom * 100))); }, [zoom]);
|
|
33
|
+
const rotated = deg === 90 || deg === 270;
|
|
34
|
+
const ready = !!(nat && box && box.w > 0 && box.h > 0);
|
|
35
|
+
const fitScale = ready ? Math.min(box.w / nat.w, box.h / nat.h) : 1;
|
|
36
|
+
const imgW = nat ? nat.w * fitScale * zoom : 0; // image's own (unrotated) display size
|
|
37
|
+
const imgH = nat ? nat.h * fitScale * zoom : 0;
|
|
38
|
+
const boxW = rotated ? imgH : imgW; // rotated bounding box = the scroll area
|
|
39
|
+
const boxH = rotated ? imgW : imgH;
|
|
40
|
+
const canPan = ready && !!box && (boxW > box.w + 1 || boxH > box.h + 1);
|
|
41
|
+
const applyZoom = (z) => { setZoom(clampZoom(z)); };
|
|
42
|
+
const rotate = (d) => { setDeg((v) => (v + d + 360) % 360); };
|
|
43
|
+
// Fit the CURRENT orientation's bounding box to the viewport (only on demand).
|
|
44
|
+
const fit = () => {
|
|
45
|
+
if (!ready) {
|
|
46
|
+
setZoom(1);
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
const baseW = rotated ? nat.h : nat.w; // bbox dims at zoom 1, in screen space
|
|
50
|
+
const baseH = rotated ? nat.w : nat.h;
|
|
51
|
+
setZoom(clampZoom(Math.min(box.w / (baseW * fitScale), box.h / (baseH * fitScale))));
|
|
52
|
+
};
|
|
53
|
+
const commitText = () => {
|
|
54
|
+
const n = Number.parseFloat(zoomText);
|
|
55
|
+
if (Number.isFinite(n) && n > 0)
|
|
56
|
+
applyZoom(n / 100);
|
|
57
|
+
else
|
|
58
|
+
setZoomText(String(Math.round(zoom * 100)));
|
|
59
|
+
};
|
|
60
|
+
return (_jsxs("div", { className: "flex h-[72vh] flex-col", children: [_jsxs("div", { className: "flex shrink-0 flex-wrap items-center justify-center gap-0.5 border-b border-[var(--wui-border)] bg-[var(--wui-bg)] px-2 py-1.5", children: [_jsx(ToolBtn, { title: "Rotate left", onClick: () => { rotate(-90); }, children: _jsx(RotateCcw, { className: "size-4" }) }), _jsx(ToolBtn, { title: "Rotate right", onClick: () => { rotate(90); }, children: _jsx(RotateCw, { className: "size-4" }) }), _jsx(Divider, {}), _jsx(ToolBtn, { title: "Zoom out", onClick: () => { applyZoom(zoom - 0.25); }, children: _jsx(ZoomOut, { className: "size-4" }) }), _jsxs("span", { className: "flex items-center rounded-md px-1 text-[12px] tabular-nums text-[var(--wui-fg-muted)]", children: [_jsx("input", { value: zoomText, onChange: (e) => { setZoomText(e.target.value.replace(/[^\d]/g, '').slice(0, 4)); }, onBlur: commitText, onKeyDown: (e) => { if (e.key === 'Enter')
|
|
61
|
+
e.currentTarget.blur(); }, inputMode: "numeric", "aria-label": "Zoom percent", className: "w-9 bg-transparent text-right text-[var(--wui-fg)] outline-none" }), "%"] }), _jsx(ToolBtn, { title: "Zoom in", onClick: () => { applyZoom(zoom + 0.25); }, children: _jsx(ZoomIn, { className: "size-4" }) }), _jsx(Divider, {}), _jsx(ToolBtn, { title: "Fit to view", onClick: fit, children: _jsx(Maximize2, { className: "size-4" }) }), _jsx(Divider, {}), _jsx(ToolLink, { href: url, target: "_blank", rel: "noopener noreferrer", title: "Open in new tab", children: _jsx(ExternalLink, { className: "size-4" }) }), _jsx(ToolLink, { href: url, download: name, title: "Download", children: _jsx(Download, { className: "size-4" }) })] }), _jsx("div", { ref: scrollRef, className: "flex flex-1 overflow-auto p-4", style: { cursor: canPan ? (panning ? 'grabbing' : 'grab') : 'default' }, onMouseDown: (e) => {
|
|
62
|
+
if (!canPan || !scrollRef.current)
|
|
63
|
+
return;
|
|
64
|
+
pan.current = { x: e.clientX, y: e.clientY, left: scrollRef.current.scrollLeft, top: scrollRef.current.scrollTop };
|
|
65
|
+
setPanning(true);
|
|
66
|
+
}, onMouseMove: (e) => {
|
|
67
|
+
const el = scrollRef.current;
|
|
68
|
+
if (!pan.current || !el)
|
|
69
|
+
return;
|
|
70
|
+
el.scrollLeft = pan.current.left - (e.clientX - pan.current.x);
|
|
71
|
+
el.scrollTop = pan.current.top - (e.clientY - pan.current.y);
|
|
72
|
+
}, onMouseUp: () => { pan.current = null; setPanning(false); }, onMouseLeave: () => { pan.current = null; setPanning(false); }, onDoubleClick: () => { applyZoom(zoom === 1 ? 2 : 1); }, children: ready ? (_jsx("div", { className: "relative m-auto shrink-0", style: { width: boxW, height: boxH }, children: _jsx("img", { src: url, alt: name, draggable: false, onLoad: (e) => { setNat({ w: e.currentTarget.naturalWidth, h: e.currentTarget.naturalHeight }); }, style: {
|
|
73
|
+
position: 'absolute',
|
|
74
|
+
top: '50%',
|
|
75
|
+
left: '50%',
|
|
76
|
+
width: imgW,
|
|
77
|
+
height: imgH,
|
|
78
|
+
maxWidth: 'none', // override Tailwind preflight `img{max-width:100%}`,
|
|
79
|
+
maxHeight: 'none', // which would clamp (and squash) the rotated image
|
|
80
|
+
transform: `translate(-50%, -50%) rotate(${String(deg)}deg)`,
|
|
81
|
+
}, className: "select-none rounded-lg" }) })) : (_jsx("img", { src: url, alt: name, draggable: false, onLoad: (e) => { setNat({ w: e.currentTarget.naturalWidth, h: e.currentTarget.naturalHeight }); }, className: "m-auto max-h-full max-w-full select-none rounded-lg object-contain" })) })] }));
|
|
82
|
+
}
|
|
83
|
+
function Divider() {
|
|
84
|
+
return _jsx("span", { className: "mx-1 h-4 w-px bg-[var(--wui-border)]" });
|
|
85
|
+
}
|
|
86
|
+
function ToolBtn({ title, onClick, children }) {
|
|
87
|
+
return (_jsx("button", { type: "button", onClick: onClick, title: title, className: "grid size-8 place-items-center rounded-lg text-[var(--wui-fg-muted)] transition-colors hover:bg-[var(--wui-bg-subtle)] hover:text-[var(--wui-fg)]", children: children }));
|
|
88
|
+
}
|
|
89
|
+
function ToolLink({ href, title, children, ...rest }) {
|
|
90
|
+
return (_jsx("a", { href: href, title: title, ...rest, className: "grid size-8 place-items-center rounded-lg text-[var(--wui-fg-muted)] transition-colors hover:bg-[var(--wui-bg-subtle)] hover:text-[var(--wui-fg)]", children: children }));
|
|
91
|
+
}
|
|
92
|
+
//# sourceMappingURL=ImageView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageView.js","sourceRoot":"","sources":["../../../../src/components/shared/viewers/ImageView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SheetView.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/viewers/SheetView.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,+BA6EzD"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import readXlsxFile, { readSheetNames } from 'read-excel-file';
|
|
4
|
+
import { cn } from '../cn.js';
|
|
5
|
+
import { ViewerLoading } from './chrome.js';
|
|
6
|
+
const MAX_ROWS = 1000;
|
|
7
|
+
// XLSX/XLS renderer — parses with SheetJS, renders each sheet as a themed table
|
|
8
|
+
// with tabs when there is more than one sheet.
|
|
9
|
+
export default function SheetView({ url }) {
|
|
10
|
+
const [sheets, setSheets] = useState(null);
|
|
11
|
+
const [active, setActive] = useState(0);
|
|
12
|
+
const [failed, setFailed] = useState(false);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
let cancelled = false;
|
|
15
|
+
setSheets(null);
|
|
16
|
+
setFailed(false);
|
|
17
|
+
void fetch(url)
|
|
18
|
+
.then((r) => {
|
|
19
|
+
if (!r.ok)
|
|
20
|
+
throw new Error(String(r.status));
|
|
21
|
+
return r.arrayBuffer();
|
|
22
|
+
})
|
|
23
|
+
.then(async (buf) => {
|
|
24
|
+
const names = await readSheetNames(buf);
|
|
25
|
+
const parsed = await Promise.all(names.map(async (name) => ({ name, rows: await readXlsxFile(buf, { sheet: name }) })));
|
|
26
|
+
if (!cancelled)
|
|
27
|
+
setSheets(parsed);
|
|
28
|
+
})
|
|
29
|
+
.catch(() => { if (!cancelled)
|
|
30
|
+
setFailed(true); });
|
|
31
|
+
return () => { cancelled = true; };
|
|
32
|
+
}, [url]);
|
|
33
|
+
if (failed)
|
|
34
|
+
throw new Error('sheet load failed');
|
|
35
|
+
if (sheets === null)
|
|
36
|
+
return _jsx(ViewerLoading, {});
|
|
37
|
+
const sheet = sheets[active] ?? sheets[0];
|
|
38
|
+
if (!sheet)
|
|
39
|
+
return _jsx(ViewerLoading, {});
|
|
40
|
+
const [head, ...body] = sheet.rows;
|
|
41
|
+
const capped = body.slice(0, MAX_ROWS);
|
|
42
|
+
const th = 'sticky top-0 border border-[var(--wui-border)] bg-[var(--wui-bg-subtle)] px-2.5 py-1.5 text-left font-semibold text-[var(--wui-fg)]';
|
|
43
|
+
const td = 'border border-[var(--wui-border)] px-2.5 py-1.5 align-top text-[var(--wui-fg-muted)]';
|
|
44
|
+
return (_jsxs("div", { className: "flex h-full flex-col", children: [sheets.length > 1 && (_jsx("div", { className: "flex shrink-0 gap-1 overflow-x-auto border-b border-[var(--wui-border)] px-3 py-2", children: sheets.map((s, i) => (_jsx("button", { type: "button", onClick: () => setActive(i), className: cn('shrink-0 rounded px-2.5 py-1 text-[12px] transition-colors', i === active
|
|
45
|
+
? 'bg-[var(--wui-bg-subtle)] font-semibold text-[var(--wui-fg)]'
|
|
46
|
+
: 'text-[var(--wui-fg-muted)] hover:bg-[var(--wui-bg-subtle)]'), children: s.name }, s.name))) })), _jsxs("div", { className: "overflow-auto px-5 py-4", children: [_jsxs("table", { className: "w-full border-collapse text-[12.5px] tabular-nums", children: [head && (_jsx("thead", { children: _jsx("tr", { children: head.map((c, i) => _jsx("th", { className: th, children: String(c ?? '') }, i)) }) })), _jsx("tbody", { children: capped.map((row, ri) => (_jsx("tr", { children: row.map((c, ci) => _jsx("td", { className: td, children: String(c ?? '') }, ci)) }, ri))) })] }), body.length > capped.length && (_jsxs("p", { className: "mt-2 text-[12px] text-[var(--wui-fg-muted)]", children: ["Showing first ", String(capped.length), " of ", String(body.length), " rows."] }))] })] }));
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=SheetView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SheetView.js","sourceRoot":"","sources":["../../../../src/components/shared/viewers/SheetView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextView.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/viewers/TextView.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;CAAE,+BAmClG"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
3
|
+
import { MarkdownView } from '../MarkdownView.js';
|
|
4
|
+
import { ViewerLoading } from './chrome.js';
|
|
5
|
+
// Plain-text / JSON / Markdown renderer. Fetches the file as text (same-origin,
|
|
6
|
+
// so the auth cookie rides along) and renders by mode. On load failure it
|
|
7
|
+
// throws during render so the parent ViewerBoundary shows the download fallback.
|
|
8
|
+
export default function TextView({ url, mode }) {
|
|
9
|
+
const [text, setText] = useState(null);
|
|
10
|
+
const [failed, setFailed] = useState(false);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
let cancelled = false;
|
|
13
|
+
setText(null);
|
|
14
|
+
setFailed(false);
|
|
15
|
+
void fetch(url)
|
|
16
|
+
.then((r) => {
|
|
17
|
+
if (!r.ok)
|
|
18
|
+
throw new Error(String(r.status));
|
|
19
|
+
return r.text();
|
|
20
|
+
})
|
|
21
|
+
.then((t) => { if (!cancelled)
|
|
22
|
+
setText(t); })
|
|
23
|
+
.catch(() => { if (!cancelled)
|
|
24
|
+
setFailed(true); });
|
|
25
|
+
return () => { cancelled = true; };
|
|
26
|
+
}, [url]);
|
|
27
|
+
if (failed)
|
|
28
|
+
throw new Error('text load failed');
|
|
29
|
+
if (text === null)
|
|
30
|
+
return _jsx(ViewerLoading, {});
|
|
31
|
+
if (mode === 'markdown') {
|
|
32
|
+
return (_jsx("div", { className: "px-5 py-4 text-[14px] text-[var(--wui-fg)]", children: _jsx(MarkdownView, { children: text }) }));
|
|
33
|
+
}
|
|
34
|
+
const body = mode === 'json' ? prettyJson(text) : text;
|
|
35
|
+
return (_jsx("pre", { className: "whitespace-pre-wrap break-words px-5 py-4 font-mono text-[12.5px] leading-relaxed text-[var(--wui-fg)]", children: body }));
|
|
36
|
+
}
|
|
37
|
+
function prettyJson(t) {
|
|
38
|
+
try {
|
|
39
|
+
return JSON.stringify(JSON.parse(t), null, 2);
|
|
40
|
+
}
|
|
41
|
+
catch {
|
|
42
|
+
return t;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=TextView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextView.js","sourceRoot":"","sources":["../../../../src/components/shared/viewers/TextView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,gFAAgF;AAChF,0EAA0E;AAC1E,iFAAiF;AACjF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,GAAG,EAAE,IAAI,EAAuD;IACjG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,KAAK,KAAK,CAAC,GAAG,CAAC;aACZ,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACV,IAAI,CAAC,CAAC,CAAC,EAAE;gBAAE,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;YAC7C,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC;QAClB,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,SAAS;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAC5C,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS;YAAE,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,IAAI,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAChD,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,KAAC,aAAa,KAAG,CAAC;IAE5C,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,CACL,cAAK,SAAS,EAAC,4CAA4C,YACzD,KAAC,YAAY,cAAE,IAAI,GAAgB,GAC/B,CACP,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvD,OAAO,CACL,cAAK,SAAS,EAAC,wGAAwG,YACpH,IAAI,GACD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,CAAS;IAC3B,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAChD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,CAAC,CAAC;IACX,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/viewers/chrome.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,gCAM5B"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Loader2 } from 'lucide-react';
|
|
3
|
+
// Shared centered loading state for the lazy document viewers.
|
|
4
|
+
export function ViewerLoading() {
|
|
5
|
+
return (_jsx("div", { className: "flex h-[40vh] items-center justify-center text-[var(--wui-fg-muted)]", children: _jsx(Loader2, { className: "size-5 animate-spin" }) }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=chrome.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chrome.js","sourceRoot":"","sources":["../../../../src/components/shared/viewers/chrome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,+DAA+D;AAC/D,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,cAAK,SAAS,EAAC,sEAAsE,YACnF,KAAC,OAAO,IAAC,SAAS,EAAC,qBAAqB,GAAG,GACvC,CACP,CAAC;AACJ,CAAC"}
|