@l1yp/file-viewer 0.1.0

package/dist/components/icons/iconPaths.js

@@ -0,0 +1,54 @@
+//#region src/components/icons/iconPaths.ts
+var e = {
+	thinking: "<path d=\"M10.386 2.51A7.5 7.5 0 1 1 2.5 10a.5.5 0 0 1 1 0 6.5 6.5 0 1 0 6.835-6.491L10 3.5l-.1-.01a.5.5 0 0 1 .1-.99zM10 5.5a.5.5 0 0 1 .5.5v3.69l2.724 1.363a.5.5 0 0 1-.353.93l-.095-.036-3-1.5A.5.5 0 0 1 9.5 10V6a.5.5 0 0 1 .5-.5M3.662 6.941a.661.661 0 1 1 0 1.323.661.661 0 0 1 0-1.323m1.294-2.647a.662.662 0 1 1-.001 1.323.662.662 0 0 1 .001-1.323M7.603 3a.662.662 0 1 1-.001 1.325.662.662 0 0 1 0-1.325\"/>",
+	bash: "<path fill-rule=\"evenodd\" d=\"M3.5 4A1.5 1.5 0 0 0 2 5.5v9A1.5 1.5 0 0 0 3.5 16h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 16.5 4zm0 1.2h13a.3.3 0 0 1 .3.3v9a.3.3 0 0 1-.3.3h-13a.3.3 0 0 1-.3-.3v-9a.3.3 0 0 1 .3-.3z\" clip-rule=\"evenodd\"/><path d=\"M5.3 7.2a.6.6 0 0 1 .85 0l2.1 2.1a.6.6 0 0 1 0 .85l-2.1 2.1a.6.6 0 1 1-.85-.85L6.99 9.7 5.3 8.05a.6.6 0 0 1 0-.85M9.6 11.6a.6.6 0 0 0 0 1.2h3.6a.6.6 0 0 0 0-1.2z\"/>",
+	skill: "<path d=\"M13.04 7.304a.5.5 0 0 1 .92.392C13.665 8.386 13.089 9 12.3 9c-.487 0-.892-.234-1.2-.574-.309.34-.713.574-1.2.574-.486 0-.892-.234-1.2-.574-.31.34-.714.574-1.2.574a.5.5 0 0 1 0-1c.212 0 .52-.18.74-.696a.5.5 0 0 1 .92 0c.221.516.528.696.74.696.213 0 .52-.18.74-.696l.035-.067a.5.5 0 0 1 .885.067c.22.516.527.696.74.696s.519-.18.74-.696\"/><path fill-rule=\"evenodd\" d=\"M14 3a2 2 0 0 1 2 2v8h1.5a.5.5 0 0 1 .5.5V15a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4H4a1 1 0 0 0-.745 1.667.5.5 0 0 1-.745.666A2 2 0 0 1 4 3zM6 15a1 1 0 1 0 2 0v-1.5a.5.5 0 0 1 .5-.5H15V5a1 1 0 0 0-1-1H6zm3 0c0 .365-.1.706-.27 1H16a1 1 0 0 0 1-1v-1H9z\" clip-rule=\"evenodd\"/>",
+	edit: "<path d=\"M14.3 2.7a2.05 2.05 0 0 1 2.9 2.9l-.79.79-2.9-2.9zM12.79 4.21l2.9 2.9-7.86 7.86a1 1 0 0 1-.43.25l-3.2.9a.5.5 0 0 1-.62-.62l.9-3.2a1 1 0 0 1 .25-.43z\"/>",
+	file: "<path fill-rule=\"evenodd\" d=\"M5.5 2.5A1.5 1.5 0 0 0 4 4v12a1.5 1.5 0 0 0 1.5 1.5h9A1.5 1.5 0 0 0 16 16V7.62a1.5 1.5 0 0 0-.44-1.06l-3.12-3.12a1.5 1.5 0 0 0-1.06-.44zm6 1.96 2.54 2.54H12a.5.5 0 0 1-.5-.5z\" clip-rule=\"evenodd\"/>",
+	check: "<path d=\"M16.74 5.8a1 1 0 0 1 .04 1.41l-7.02 7.32a1 1 0 0 1-1.45.01l-3-3.13a1 1 0 1 1 1.44-1.38l2.28 2.37 6.3-6.56a1 1 0 0 1 1.41-.04z\"/>",
+	tool: "<circle cx=\"10\" cy=\"10\" r=\"3\"/>",
+	conversation: "<path d=\"M13.29 8.804a.5.5 0 0 1 .92.392c-.36.84-1.046 1.554-1.96 1.554-.613 0-1.122-.321-1.5-.785-.378.464-.887.785-1.5.785s-1.122-.321-1.5-.785c-.378.464-.887.785-1.5.785a.5.5 0 0 1 0-1c.338 0 .755-.28 1.04-.946l.034-.067a.5.5 0 0 1 .886.067l.112.231c.276.5.632.715.928.715.338 0 .755-.28 1.04-.946l.034-.067a.5.5 0 0 1 .886.067l.112.231c.276.5.633.715.928.715.338 0 .755-.28 1.04-.946\"/><path d=\"M17.5 9.5A7.5 7.5 0 0 0 2.516 9c-.018.275.208.5.484.5a.53.53 0 0 0 .519-.5A6.5 6.5 0 1 1 10 16l-5.855.004.828-.834a.497.497 0 0 0-.706-.701l-1.576 1.584a.656.656 0 0 0 0 .926l1.542 1.55a.51.51 0 1 0 .722-.723l-.81-.802L10 17a7.5 7.5 0 0 0 7.5-7.5\"/>",
+	external: "<path d=\"M9.5 3a.5.5 0 0 1 0 1h-5a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 3 15.5v-11A1.5 1.5 0 0 1 4.5 3zm7 0a.5.5 0 0 1 .18.034l.021.01q.03.014.059.03l.023.014a.5.5 0 0 1 .07.058l.065.079q.015.025.026.052l.018.034a.5.5 0 0 1 .032.128Q17 3.47 17 3.5v4a.5.5 0 0 1-1 0V4.707l-4.146 4.147a.5.5 0 1 1-.707-.708L15.293 4H12.5a.5.5 0 0 1 0-1z\"/>"
+}, t = {
+	copy: "<rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"2\"/><path d=\"M5 15V5a2 2 0 0 1 2-2h10\"/>",
+	fileOutline: "<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/><path d=\"M14 2v6h6\"/>",
+	arrowLeft: "<path d=\"M19 12H5\"/><path d=\"M12 19l-7-7 7-7\"/>",
+	logout: "<path d=\"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4\"/><path d=\"M16 17l5-5-5-5\"/><path d=\"M21 12H9\"/>",
+	download: "<path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><path d=\"M7 10l5 5 5-5\"/><path d=\"M12 15V3\"/>",
+	close: "<path d=\"M18 6 6 18\"/><path d=\"M6 6l12 12\"/>",
+	eye: "<path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"/><circle cx=\"12\" cy=\"12\" r=\"3.5\"/>",
+	code: "<path d=\"M16 18l6-6-6-6\"/><path d=\"M8 6l-6 6 6 6\"/>",
+	globe: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M3 12h18M12 3c2.5 2.6 2.5 15.4 0 18M12 3c-2.5 2.6-2.5 15.4 0 18\"/>",
+	link: "<path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/>",
+	chevronRight: "<path d=\"M9 6l6 6-6 6\"/>",
+	chevronLeft: "<path d=\"M15 6l-6 6 6 6\"/>",
+	chevronDown: "<path d=\"M6 9l6 6 6-6\"/>",
+	chat: "<path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>",
+	folder: "<path d=\"M3 7a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.7.9l.8 1.1H19a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/>",
+	archive: "<rect x=\"3\" y=\"4\" width=\"18\" height=\"4\" rx=\"1\"/><path d=\"M5 8v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8\"/><path d=\"M10 12h4\"/>",
+	image: "<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/><path d=\"M21 15l-5-5L5 21\"/>",
+	play: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M10 8.5l5 3.5-5 3.5z\"/>",
+	music: "<path d=\"M9 18V5l12-2v13\"/><circle cx=\"6\" cy=\"18\" r=\"3\"/><circle cx=\"18\" cy=\"16\" r=\"3\"/>",
+	arrowDown: "<path d=\"M12 5v14\"/><path d=\"M5 12l7 7 7-7\"/>",
+	arrowUp: "<path d=\"M12 19V5\"/><path d=\"M5 12l7-7 7 7\"/>",
+	chart: "<path d=\"M3 3v18h18\"/><rect x=\"7\" y=\"11\" width=\"3\" height=\"6\"/><rect x=\"13\" y=\"7\" width=\"3\" height=\"10\"/>",
+	pot: "<path d=\"M2 12h20\"/><path d=\"M20 12v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-7\"/><path d=\"m4 8 16-4\"/><path d=\"m8.9 6.8-.5-1.8a2 2 0 0 1 1.5-2.4l1.9-.5a2 2 0 0 1 2.4 1.5l.5 1.8\"/>",
+	clock: "<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 7v5l3 2\"/>",
+	info: "<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M12 16v-4\"/><path d=\"M12 8h.01\"/>",
+	retry: "<path d=\"M21 12a9 9 0 1 1-2.64-6.36M21 4v5h-5\"/>",
+	thumb: "<path d=\"M7 10v11M7 10l4-7a2 2 0 0 1 2.6 2.6L12 10h5.6a2 2 0 0 1 2 2.4l-1.3 6A2 2 0 0 1 16.3 21H7\"/>",
+	help: "<circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3\"/><path d=\"M12 17h.01\"/>",
+	key: "<circle cx=\"7.5\" cy=\"15.5\" r=\"5.5\"/><path d=\"m11.4 11.6 9.6-9.6\"/><path d=\"m15.5 7.5 3 3L22 7l-3-3\"/>",
+	users: "<path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"/><circle cx=\"9\" cy=\"7\" r=\"4\"/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"/>",
+	plus: "<path d=\"M12 5v14\"/><path d=\"M5 12h14\"/>",
+	check: "<path d=\"M20 6 9 17l-5-5\"/>",
+	trash: "<path d=\"M3 6h18\"/><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/><path d=\"M10 11v6\"/><path d=\"M14 11v6\"/>",
+	maximize: "<path d=\"M8 3H5a2 2 0 0 0-2 2v3\"/><path d=\"M21 8V5a2 2 0 0 0-2-2h-3\"/><path d=\"M3 16v3a2 2 0 0 0 2 2h3\"/><path d=\"M16 21h3a2 2 0 0 0 2-2v-3\"/>",
+	paperclip: "<path d=\"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48\"/>",
+	files: "<path d=\"M20 7h-3a2 2 0 0 1-2-2V2\"/><path d=\"M9 18a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h7l4 4v10a2 2 0 0 1-2 2Z\"/><path d=\"M3 7.6v12.8A1.6 1.6 0 0 0 4.6 22h9.8\"/>",
+	locate: "<circle cx=\"12\" cy=\"12\" r=\"3\"/><path d=\"M12 2v4M12 18v4M2 12h4M18 12h4\"/>",
+	hex: "<rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"/><path d=\"M7 9h.01M11 9h.01M15 9h.01M7 13h.01M11 13h.01M15 13h.01\"/>",
+	apps: "<rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"/>"
+};
+//#endregion
+export { e as FILL_ICONS, t as STROKE_ICONS };

package/dist/components/optionalViewer.d.ts

@@ -0,0 +1,14 @@
+import { type Component } from 'vue';
+/**
+ * Wrap a heavy viewer's async loader so that, when its OPTIONAL peer dependency isn't installed in the
+ * consumer's app, the chunk-load failure shows a {@link MissingDependency} card ("npm i <pkg>") instead of a
+ * blank error (see docs/file-viewer-package-design.md §4). The dep is `external` in the library build, so a
+ * viewer that statically imports it fails to evaluate its chunk when the dep is absent — which lands here.
+ *
+ * The error component receives the SAME props the viewer was given (`url`/`name`/`size`), so the card can keep
+ * the file downloadable. Only for viewers whose dep is imported STATICALLY (pdf/docx/xlsx/pptx/sqlite/model/
+ * dicom); viewers that import their engine dynamically at runtime (geo/raster/ebook) handle absence themselves.
+ */
+export declare function optionalViewer(loader: () => Promise<Component | {
+    default: Component;
+}>, deps: string | string[], label: string): Component;

package/dist/components/optionalViewer.js

@@ -0,0 +1,37 @@
+import e from "./MissingDependency.js";
+import { defineAsyncComponent as t, defineComponent as n, h as r } from "vue";
+//#region src/components/optionalViewer.ts
+function i(i, a, o) {
+	let s = Array.isArray(a) ? a : [a];
+	return t({
+		loader: i,
+		errorComponent: n({
+			name: "ViewerDependencyMissing",
+			props: {
+				url: {
+					type: String,
+					default: ""
+				},
+				name: {
+					type: String,
+					default: ""
+				},
+				size: {
+					type: Number,
+					default: void 0
+				}
+			},
+			setup: (t) => () => r(e, {
+				pkg: s,
+				label: o,
+				downloadUrl: t.url,
+				downloadName: t.name
+			})
+		}),
+		onError(e, t, n) {
+			n();
+		}
+	});
+}
+//#endregion
+export { i as optionalViewer };

package/dist/components/ui/ClampBlock.d.ts

@@ -0,0 +1,82 @@
+import { type VNode } from 'vue';
+/**
+ * Clamp tall content to a collapsed height with a Show more / Show less toggle —
+ * claude.ai's long-block behavior. When collapsed and overflowing, the bottom
+ * fades into `fade` (a soft shadow cue that more lies below). The toggle is a
+ * plain-text link hidden until you hover the block (the fade), brightening when
+ * you hover the text itself. Content that fits renders untouched: no clip, no
+ * fade, no toggle.
+ *
+ * A render function (not an SFC) on purpose: a compiled `<slot/>` trips the
+ * server renderer in the SSR smoke harness (renderSlot → null instance), so we
+ * invoke the slot directly. Styling lives in assets/styles/clamp.css.
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Collapsed height cap, in px. */
+    maxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Color the bottom gradient fades to — match the content's own background. */
+    fade: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Px of overflow tolerated before the toggle appears (avoids clamping near-fits). */
+    slack: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Left inset of the toggle, in px — align it with padded content (e.g. a code block). */
+    inset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    moreLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    lessLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Collapsed height cap, in px. */
+    maxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Color the bottom gradient fades to — match the content's own background. */
+    fade: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Px of overflow tolerated before the toggle appears (avoids clamping near-fits). */
+    slack: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Left inset of the toggle, in px — align it with padded content (e.g. a code block). */
+    inset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    moreLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    lessLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    maxHeight: number;
+    fade: string;
+    slack: number;
+    inset: number;
+    moreLabel: string;
+    lessLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ui/ClampBlock.js

@@ -0,0 +1,63 @@
+import { computed as e, defineComponent as t, h as n, onBeforeUnmount as r, onMounted as i, ref as a } from "vue";
+//#region src/components/ui/ClampBlock.ts
+var o = t({
+	name: "ClampBlock",
+	props: {
+		maxHeight: {
+			type: Number,
+			default: 360
+		},
+		fade: {
+			type: String,
+			default: "var(--bg)"
+		},
+		slack: {
+			type: Number,
+			default: 28
+		},
+		inset: {
+			type: Number,
+			default: 0
+		},
+		moreLabel: {
+			type: String,
+			default: "Show more"
+		},
+		lessLabel: {
+			type: String,
+			default: "Show less"
+		}
+	},
+	setup(t, { slots: o }) {
+		let s = a(!1), c = a(!1), l = a(null), u, d = () => {
+			let e = l.value;
+			e && (c.value = e.scrollHeight > t.maxHeight + t.slack);
+		};
+		i(() => {
+			d(), typeof ResizeObserver < "u" && (u = new ResizeObserver(d), l.value && u.observe(l.value));
+		}), r(() => u?.disconnect());
+		let f = e(() => c.value && !s.value);
+		return () => {
+			let e = [n("div", {
+				ref: l,
+				class: ["clamp__content", { "clamp__content--clip": f.value }],
+				style: f.value ? { maxHeight: t.maxHeight + "px" } : void 0
+			}, o.default?.())];
+			return f.value && e.push(n("div", {
+				class: "clamp__fade",
+				"aria-hidden": "true",
+				style: { backgroundImage: `linear-gradient(to bottom, transparent, ${t.fade})` }
+			})), c.value && e.push(n("div", {
+				class: ["clamp__toggle", { "clamp__toggle--float": f.value }],
+				style: t.inset ? { paddingLeft: t.inset + "px" } : void 0
+			}, n("button", {
+				type: "button",
+				class: "clamp__btn",
+				"aria-expanded": s.value,
+				onClick: () => s.value = !s.value
+			}, s.value ? t.lessLabel : t.moreLabel))), n("div", { class: "clamp" }, e);
+		};
+	}
+});
+//#endregion
+export { o as default };