@orz/ui-content 0.0.0-stage → 0.1.0

package/dist/attachment/image-zoom.js

@@ -0,0 +1,108 @@
+/** Deepest zoom, in natural pixels: far enough to read a single pixel. */
+export const MAX_NATURAL_SCALE = 8;
+export function fitScale(f) {
+    const contain = Math.min(f.width / f.naturalWidth, f.height / f.naturalHeight);
+    return f.upscale ? contain : Math.min(1, contain);
+}
+/**
+ * An upscaled fit can already sit past the natural-pixel cap (a 48px icon
+ * maximized), so the ceiling always leaves room to double whatever fit is.
+ */
+export function maxScale(f) {
+    return Math.max(MAX_NATURAL_SCALE, fitScale(f) * 2);
+}
+/**
+ * Never smaller than fit, except that actual pixels stay reachable when an
+ * upscaled fit (maximized) is already larger than them.
+ */
+export function minScale(f) {
+    return Math.min(fitScale(f), 1);
+}
+export function fitView(f) {
+    const z = fitScale(f);
+    return {
+        z,
+        x: (f.width - f.naturalWidth * z) / 2,
+        y: (f.height - f.naturalHeight * z) / 2,
+    };
+}
+/** Within a hair of fit counts as fit, so float drift cannot strand a view. */
+export function isFitted(f, v) {
+    return Math.abs(v.z / fitScale(f) - 1) < 0.001;
+}
+export function isAtMin(f, v) {
+    return v.z <= minScale(f) * 1.001;
+}
+export function isAtMax(f, v) {
+    return v.z >= maxScale(f) * 0.999;
+}
+function clampAxis(pos, size, room) {
+    // A side smaller than the canvas centres; a larger one may not pull an
+    // edge inside the canvas, so nothing past the image is ever exposed.
+    if (size <= room)
+        return (room - size) / 2;
+    return Math.min(0, Math.max(room - size, pos));
+}
+export function clampView(f, v) {
+    const z = Math.min(Math.max(v.z, minScale(f)), maxScale(f));
+    return {
+        z,
+        x: clampAxis(v.x, f.naturalWidth * z, f.width),
+        y: clampAxis(v.y, f.naturalHeight * z, f.height),
+    };
+}
+/**
+ * The height a restored (not maximized) canvas asks for at zoom `z`: the
+ * image's own, so zooming in grows the dialog until its CSS cap takes over
+ * and only then starts panning. Never shorter than at fit, so the request
+ * does not depend on the measured height it produces. Whole pixels, because
+ * the canvas is measured back with clientHeight.
+ */
+export function canvasHeight(f, z) {
+    const restingScale = Math.min(1, f.width / f.naturalWidth);
+    return Math.round(f.naturalHeight * Math.max(z, restingScale));
+}
+/**
+ * Carry a view across a canvas resize. A fitted view refits; any other keeps
+ * whatever sat at the canvas centre there — the dialog is centred, so that
+ * is also what keeps the image still on screen while the canvas grows.
+ */
+export function reframe(prev, next, v) {
+    if (isFitted(prev, v))
+        return fitView(next);
+    return clampView(next, {
+        z: v.z,
+        x: v.x + (next.width - prev.width) / 2,
+        y: v.y + (next.height - prev.height) / 2,
+    });
+}
+/** Scale by `factor` keeping canvas point (px, py) over the same image pixel. */
+export function zoomAt(f, v, factor, px, py) {
+    const z = Math.min(maxScale(f), Math.max(minScale(f), v.z * factor));
+    const k = z / v.z;
+    return clampView(f, { z, x: px - (px - v.x) * k, y: py - (py - v.y) * k });
+}
+/** Actual pixels (100%), keeping canvas point (px, py) over the same image pixel. */
+export function actualAt(f, v, px, py) {
+    return zoomAt(f, v, 1 / v.z, px, py);
+}
+export function panBy(f, v, dx, dy) {
+    return clampView(f, { z: v.z, x: v.x + dx, y: v.y + dy });
+}
+/**
+ * Click / tap: from fit, zoom at the pointer to actual pixels or twice the
+ * fit, whichever is deeper — a fit of 0.8 jumping to 1.0 would look like
+ * nothing happened. From anything else, back to fit.
+ */
+export function toggleAt(f, v, px, py) {
+    if (!isFitted(f, v))
+        return fitView(f);
+    const target = Math.max(1, fitScale(f) * 2);
+    return zoomAt(f, v, target / v.z, px, py);
+}
+/** Wheel delta → multiplicative factor. Pinch arrives as ctrl+wheel with small deltas. */
+export function wheelFactor(deltaY, deltaMode, ctrlKey) {
+    const px = deltaMode === 1 ? deltaY * 16 : deltaMode === 2 ? deltaY * 400 : deltaY;
+    return Math.exp(-px * (ctrlKey ? 0.01 : 0.002));
+}
+//# sourceMappingURL=image-zoom.js.map

package/dist/attachment/image-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-zoom.js","sourceRoot":"","sources":["../../src/attachment/image-zoom.ts"],"names":[],"mappings":"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"}

package/dist/attachment/index.d.ts

@@ -0,0 +1,12 @@
+export { TEXT_PREVIEW_HARD_MAX_BYTES, TEXT_PREVIEW_MAX_BYTES, } from "../file-kind.ts";
+export { type AttachmentCardOptions, attachmentCard, } from "./card-content.tsx";
+export { DeletedAttachmentMark } from "./deleted.tsx";
+export { DocumentCard, type DocumentCardProps } from "./document-card.tsx";
+export { fileIcon } from "./icon.ts";
+export { DEFAULT_IMAGE_LOOK, type ImageLook, parseImageLook, useStoredImageLook, } from "./image-look.ts";
+export { AttachmentLink, type AttachmentLinkProps } from "./link.tsx";
+export { type AttachmentItem, AttachmentList, type AttachmentListProps, } from "./list.tsx";
+export { audioContent, type FrameContentOptions, htmlContent, imageContent, pdfContent, videoContent, } from "./media-content.tsx";
+export { AudioPlayer, type AudioPlayerProps, VideoPlayer, type VideoPlayerProps, } from "./media-player.tsx";
+export { AttachmentViewer, type AttachmentViewerControls, type AttachmentViewerProps, AttachmentViewerProvider, type AttachmentViewerProviderProps, type AttachmentViewerState, type FileSource, useAttachmentViewer, useCanPreview, useViewHref, } from "./viewer.tsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/attachment/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/attachment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,KAAK,qBAAqB,EAC1B,cAAc,GACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EACL,kBAAkB,EAClB,KAAK,SAAS,EACd,cAAc,EACd,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EACL,KAAK,cAAc,EACnB,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,YAAY,EACZ,KAAK,mBAAmB,EACxB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,gBAAgB,EAChB,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,EAC1B,wBAAwB,EACxB,KAAK,6BAA6B,EAClC,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,mBAAmB,EACnB,aAAa,EACb,WAAW,GACZ,MAAM,cAAc,CAAC"}

package/dist/attachment/index.js

@@ -0,0 +1,12 @@
+export { TEXT_PREVIEW_HARD_MAX_BYTES, TEXT_PREVIEW_MAX_BYTES, } from "../file-kind.js";
+export { attachmentCard, } from "./card-content.js";
+export { DeletedAttachmentMark } from "./deleted.js";
+export { DocumentCard } from "./document-card.js";
+export { fileIcon } from "./icon.js";
+export { DEFAULT_IMAGE_LOOK, parseImageLook, useStoredImageLook, } from "./image-look.js";
+export { AttachmentLink } from "./link.js";
+export { AttachmentList, } from "./list.js";
+export { audioContent, htmlContent, imageContent, pdfContent, videoContent, } from "./media-content.js";
+export { AudioPlayer, VideoPlayer, } from "./media-player.js";
+export { AttachmentViewer, AttachmentViewerProvider, useAttachmentViewer, useCanPreview, useViewHref, } from "./viewer.js";
+//# sourceMappingURL=index.js.map

package/dist/attachment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/attachment/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,cAAc,GACf,MAAM,mBAAoB,CAAC;AAC5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAe,CAAC;AACtD,OAAO,EAAE,YAAY,EAA0B,MAAM,oBAAqB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EACL,kBAAkB,EAElB,cAAc,EACd,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,cAAc,EAA4B,MAAM,WAAY,CAAC;AACtE,OAAO,EAEL,cAAc,GAEf,MAAM,WAAY,CAAC;AACpB,OAAO,EACL,YAAY,EAEZ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,GACb,MAAM,oBAAqB,CAAC;AAC7B,OAAO,EACL,WAAW,EAEX,WAAW,GAEZ,MAAM,mBAAoB,CAAC;AAC5B,OAAO,EACL,gBAAgB,EAGhB,wBAAwB,EAIxB,mBAAmB,EACnB,aAAa,EACb,WAAW,GACZ,MAAM,aAAc,CAAC"}

package/dist/attachment/link.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+import { type FileSource } from "./viewer.tsx";
+export type AttachmentLinkProps = {
+    file: FileSource;
+    /** A bordered chip; default false, underlined on hover. */
+    boxed?: boolean;
+    className?: string;
+    /** Default: the file's name. */
+    children?: ReactNode;
+};
+/**
+ * An inline link to a file, wearing its type icon. A real anchor, so
+ * copy-link and middle-click keep working; a plain click on a file the viewer
+ * can draw opens the viewer instead. A deleted file is its name struck
+ * through, and no link.
+ */
+export declare function AttachmentLink({ file, boxed, className, children, }: AttachmentLinkProps): import("react").JSX.Element;
+//# sourceMappingURL=link.d.ts.map

package/dist/attachment/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/attachment/link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,KAAK,UAAU,EAIhB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,UAAU,CAAC;IACjB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAa,EACb,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,+BAwCrB"}

package/dist/attachment/link.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPlainLeftClick, LinkChip } from "@orz/ui/components/link-chip";
+import { cn } from "@orz/ui/lib/utils";
+import { fileIcon } from "./icon.js";
+import { useAttachmentViewer, useCanPreview, useViewHref, } from "./viewer.js";
+/**
+ * An inline link to a file, wearing its type icon. A real anchor, so
+ * copy-link and middle-click keep working; a plain click on a file the viewer
+ * can draw opens the viewer instead. A deleted file is its name struck
+ * through, and no link.
+ */
+export function AttachmentLink({ file, boxed = false, className, children, }) {
+    const viewer = useAttachmentViewer();
+    const canPreview = useCanPreview(file);
+    const href = useViewHref(file);
+    if (file.deleted) {
+        const Icon = fileIcon(file);
+        return (_jsxs("span", { className: cn("font-medium text-muted-foreground line-through", className), title: `${file.name} (deleted)`, "data-attachment-deleted": "", children: [_jsx(Icon, { "aria-hidden": true, className: "mr-0.5 inline size-3.5 align-middle" }), children ?? file.name] }));
+    }
+    return (_jsx(LinkChip, { href: href === "" ? undefined : href, 
+        // The label is the chip's truncating child, so a long filename is cut
+        // where it used to wrap and stay whole.
+        title: file.name, icon: fileIcon(file), boxed: boxed, className: className, onClick: (e) => {
+            if (viewer !== null && canPreview && isPlainLeftClick(e)) {
+                e.preventDefault();
+                viewer.show(file);
+            }
+        }, children: children ?? file.name }));
+}
+//# sourceMappingURL=link.js.map

package/dist/attachment/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/attachment/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAEL,mBAAmB,EACnB,aAAa,EACb,WAAW,GACZ,MAAM,aAAc,CAAC;AAWtB;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,KAAK,GAAG,KAAK,EACb,SAAS,EACT,QAAQ,GACY;IACpB,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;IACrC,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAE/B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC5B,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,SAAS,CACV,EACD,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,YAAY,6BACP,EAAE,aAE1B,KAAC,IAAI,yBAAa,SAAS,EAAC,qCAAqC,GAAG,EACnE,QAAQ,IAAI,IAAI,CAAC,IAAI,IACjB,CACR,CAAC;IACJ,CAAC;IACD,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QACpC,sEAAsE;QACtE,wCAAwC;QACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,MAAM,KAAK,IAAI,IAAI,UAAU,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;gBACzD,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;QACH,CAAC,YAEA,QAAQ,IAAI,IAAI,CAAC,IAAI,GACb,CACZ,CAAC;AACJ,CAAC"}

package/dist/attachment/list.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from "react";
+import { type FileSource } from "./viewer.tsx";
+export type AttachmentItem = FileSource & {
+    key: string | number;
+    /** Upload time, as an ISO string; the row prints it when given. */
+    createdAt?: string;
+};
+export type AttachmentListProps = {
+    items: AttachmentItem[];
+    /** Controls at the end of a row, after its download link: a delete button, say. */
+    actions?: (item: AttachmentItem) => ReactNode;
+    /** Default "Attachments". */
+    title?: ReactNode;
+    /** The section's id, for links that jump to it. */
+    id?: string;
+    className?: string;
+};
+/**
+ * A list of files. Every row is a real link (so copy-link and middle-click
+ * keep working), pointing at the provider's `viewHref` — hence the separate
+ * download icon, which is the only way left to save a viewable file. A plain
+ * click on anything previewable is hijacked into the viewer, anything else
+ * falls through to the browser. The viewer pages across the whole list.
+ */
+export declare function AttachmentList({ items, actions, title, id, className, }: AttachmentListProps): import("react").JSX.Element | null;
+//# sourceMappingURL=list.d.ts.map

package/dist/attachment/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/attachment/list.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGjD,OAAO,EACL,KAAK,UAAU,EAIhB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mFAAmF;IACnF,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC;IAC9C,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA6EF;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,KAAqB,EACrB,EAAE,EACF,SAAS,GACV,EAAE,mBAAmB,sCAwDrB"}

package/dist/attachment/list.js

@@ -0,0 +1,53 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPlainLeftClick } from "@orz/ui/components/link-chip";
+import { cn } from "@orz/ui/lib/utils";
+import { ChevronDownIcon, ChevronUpIcon, DownloadIcon, PaperclipIcon, } from "lucide-react";
+import { useState } from "react";
+import { formatSize } from "../file-kind.js";
+import { fileIcon } from "./icon.js";
+import { useAttachmentViewer, useCanPreview, useViewHref, } from "./viewer.js";
+/** Rows a folded list keeps on screen — its newest end. */
+const CAP = 5;
+/**
+ * Below this many hidden rows, folding is a worse deal than the scroll it
+ * saves: the toggle is a row of its own and as tall as one (37px), so hiding
+ * one row saves nothing at all and hiding two saves a single row's height,
+ * both at the price of a click and of the section changing shape the moment
+ * a sixth file arrives.
+ */
+const MIN_HIDDEN = 3;
+function AttachmentRow({ items, index, actions, }) {
+    const item = items[index];
+    const viewer = useAttachmentViewer();
+    const canPreview = useCanPreview(item);
+    const href = useViewHref(item);
+    const Icon = fileIcon(item);
+    return (_jsxs("li", { className: "flex items-center hover:bg-muted/40", children: [_jsxs("a", { href: href === "" ? undefined : href, className: "flex min-w-0 flex-1 items-center gap-2 py-2 pl-3 text-sm", onClick: (e) => {
+                    if (viewer !== null && canPreview && isPlainLeftClick(e)) {
+                        e.preventDefault();
+                        viewer.open(items, index);
+                    }
+                }, children: [_jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx("span", { className: "truncate font-medium hover:underline", children: item.name }), item.size !== undefined && (_jsx("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: formatSize(item.size) })), item.createdAt !== undefined && (_jsx("span", { className: "hidden shrink-0 text-xs text-muted-foreground sm:inline", title: item.createdAt, children: _jsx("time", { dateTime: item.createdAt, children: new Date(item.createdAt).toLocaleString() }) }))] }), item.url !== undefined && (_jsx("a", { href: item.url, download: item.name, "aria-label": `download ${item.name}`, className: "shrink-0 py-2 pr-3 pl-2 text-muted-foreground hover:text-foreground", children: _jsx(DownloadIcon, { className: "size-3.5" }) })), actions?.(item)] }));
+}
+/**
+ * A list of files. Every row is a real link (so copy-link and middle-click
+ * keep working), pointing at the provider's `viewHref` — hence the separate
+ * download icon, which is the only way left to save a viewable file. A plain
+ * click on anything previewable is hijacked into the viewer, anything else
+ * falls through to the browser. The viewer pages across the whole list.
+ */
+export function AttachmentList({ items, actions, title = "Attachments", id, className, }) {
+    // Not persisted anywhere: expanding is "show me now", not a preference.
+    const [expanded, setExpanded] = useState(false);
+    if (items.length === 0)
+        return null;
+    const collapsible = items.length >= CAP + MIN_HIDDEN;
+    const folded = collapsible && !expanded;
+    // The fold takes the head off an unchanged ascending list rather than
+    // reversing it: the same array is what the viewer's previous/next page
+    // through, and a list that read newest-first here would contradict it.
+    const shown = folded ? items.slice(-CAP) : items;
+    const hiddenBefore = items.length - shown.length;
+    return (_jsxs("section", { className: cn("rounded-lg border", className), id: id, children: [_jsxs("div", { className: "flex items-center gap-2 border-b bg-muted/40 px-3 py-1.5 text-sm", children: [_jsx(PaperclipIcon, { className: "size-3.5 text-muted-foreground" }), _jsx("span", { className: "font-medium", children: title }), _jsx("span", { className: "text-muted-foreground", children: items.length })] }), collapsible && (_jsx("button", { type: "button", "aria-expanded": expanded, onClick: () => setExpanded((v) => !v), className: "flex w-full items-center gap-1 border-b px-3 py-2 text-xs text-muted-foreground hover:bg-muted/40 hover:text-foreground", "data-testid": "attachment-fold-toggle", children: folded ? (_jsxs(_Fragment, { children: [_jsx(ChevronDownIcon, { className: "size-3.5" }), "Show ", items.length - CAP, " more"] })) : (_jsxs(_Fragment, { children: [_jsx(ChevronUpIcon, { className: "size-3.5" }), "Show less"] })) })), _jsx("ul", { className: "divide-y", children: shown.map((item, shownIndex) => (_jsx(AttachmentRow, { items: items, index: shownIndex + hiddenBefore, actions: actions }, item.key))) })] }));
+}
+//# sourceMappingURL=list.js.map

package/dist/attachment/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/attachment/list.tsx"],"names":[],"mappings":"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"}

package/dist/attachment/media-content.d.ts

@@ -0,0 +1,21 @@
+import type { ContentRenderer } from "../types.ts";
+import { type FileSource } from "./viewer.tsx";
+export type FrameContentOptions = {
+    /** Where the frame loads the file from. Default: the provider's `viewHref`, else `url`. */
+    src?: (file: FileSource) => string;
+};
+/**
+ * Images, in either placement. In a document the image opens the nearest
+ * attachment viewer on click, and is a plain image outside one. In the viewer
+ * it zooms and pans, with its controls in the viewer's title bar.
+ */
+export declare function imageContent(): ContentRenderer;
+/** HTML files, sandboxed, in the viewer. In a document they are text, and `attachmentCard`'s. */
+export declare function htmlContent(options?: FrameContentOptions): ContentRenderer;
+/** PDFs, in the browser's own viewer. Not offered in documents. */
+export declare function pdfContent(options?: FrameContentOptions): ContentRenderer;
+/** Video under the shared control bar, in either placement. */
+export declare function videoContent(): ContentRenderer;
+/** Audio under the shared control bar, in either placement. */
+export declare function audioContent(): ContentRenderer;
+//# sourceMappingURL=media-content.d.ts.map

package/dist/attachment/media-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-content.d.ts","sourceRoot":"","sources":["../../src/attachment/media-content.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAEV,eAAe,EAGhB,MAAM,aAAa,CAAC;AAIrB,OAAO,EACL,KAAK,UAAU,EAIhB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,mBAAmB,GAAG;IAChC,2FAA2F;IAC3F,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC;CACpC,CAAC;AAsBF;;;;GAIG;AACH,wBAAgB,YAAY,IAAI,eAAe,CA0D9C;AAED,iGAAiG;AACjG,wBAAgB,WAAW,CACzB,OAAO,GAAE,mBAAwB,GAChC,eAAe,CA0BjB;AAED,mEAAmE;AACnE,wBAAgB,UAAU,CAAC,OAAO,GAAE,mBAAwB,GAAG,eAAe,CAuB7E;AAqCD,+DAA+D;AAC/D,wBAAgB,YAAY,IAAI,eAAe,CA8B9C;AAED,+DAA+D;AAC/D,wBAAgB,YAAY,IAAI,eAAe,CA2B9C"}

package/dist/attachment/media-content.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@orz/ui/components/button";
+import { cn } from "@orz/ui/lib/utils";
+import { Download } from "lucide-react";
+import { useState } from "react";
+import { isAudioFile, isHtmlFile, isImageFile, isPdfFile, isVideoFile, } from "../file-kind.js";
+import { useContentTitleBar } from "../title-bar.js";
+import { fileIcon } from "./icon.js";
+import { ImageCanvas } from "./image-canvas.js";
+import { AudioPlayer, VideoPlayer } from "./media-player.js";
+import { useAttachmentViewer, useViewerImage, useViewHref, } from "./viewer.js";
+function acceptsFile(kind, placements) {
+    return (source, placement) => source.kind === "file" &&
+        source.url !== undefined &&
+        placements.includes(placement) &&
+        kind(source);
+}
+const BOTH = ["document", "viewer"];
+const VIEWER = ["viewer"];
+/** Every renderer here accepts only files, so `Component` only ever sees one. */
+function fileOf(source) {
+    if (source.kind !== "file")
+        throw new Error("expected a file source");
+    return source;
+}
+/**
+ * Images, in either placement. In a document the image opens the nearest
+ * attachment viewer on click, and is a plain image outside one. In the viewer
+ * it zooms and pans, with its controls in the viewer's title bar.
+ */
+export function imageContent() {
+    function ImageFile({ source, placement, className }) {
+        const file = fileOf(source);
+        const viewer = useAttachmentViewer();
+        const viewerImage = useViewerImage();
+        const titleBar = useContentTitleBar(source);
+        if (placement === "viewer" &&
+            viewerImage !== null &&
+            titleBar !== undefined &&
+            file.url !== undefined) {
+            return (_jsx(ImageCanvas, { src: file.url, alt: file.name, maximized: viewerImage.maximized, toolbar: titleBar, look: viewerImage.look, onLookChange: viewerImage.setLook, lastHeight: viewerImage.lastHeight, held: viewerImage.held, className: className }));
+        }
+        if (placement === "viewer") {
+            return (_jsx("img", { src: file.url, alt: file.name, className: cn("mx-auto max-h-(--attachment-pane-height) rounded-md object-contain", className) }));
+        }
+        if (viewer === null) {
+            return _jsx("img", { src: file.url, alt: file.name, className: className });
+        }
+        return (_jsx("img", { src: file.url, alt: file.name, className: cn("cursor-zoom-in", className), onClick: () => viewer.show(file) }));
+    }
+    return {
+        name: "image",
+        accepts: acceptsFile(isImageFile, BOTH),
+        display: "inline",
+        Component: ImageFile,
+    };
+}
+/** HTML files, sandboxed, in the viewer. In a document they are text, and `attachmentCard`'s. */
+export function htmlContent(options = {}) {
+    function HtmlFile({ source, className }) {
+        const file = fileOf(source);
+        const viewHref = useViewHref(file);
+        return (_jsx("iframe", { src: options.src?.(file) ?? viewHref, sandbox: "allow-scripts", title: file.name, className: cn("h-(--attachment-pane-height) w-full rounded-md border bg-white", className) }));
+    }
+    return {
+        name: "html",
+        accepts: acceptsFile(isHtmlFile, VIEWER),
+        display: "block",
+        Component: HtmlFile,
+    };
+}
+/** PDFs, in the browser's own viewer. Not offered in documents. */
+export function pdfContent(options = {}) {
+    function PdfFile({ source, className }) {
+        const file = fileOf(source);
+        const viewHref = useViewHref(file);
+        return (_jsx("iframe", { src: options.src?.(file) ?? viewHref, title: file.name, className: cn("h-(--attachment-pane-height) w-full rounded-md border", className) }));
+    }
+    return {
+        name: "pdf",
+        accepts: acceptsFile(isPdfFile, VIEWER),
+        display: "block",
+        Component: PdfFile,
+    };
+}
+const UNPLAYABLE = "This browser can't play this file.";
+/** The name and Download over a player in a document; in the viewer the title bar has both. */
+function MediaHeader({ file, icon }) {
+    const Icon = fileIcon(file);
+    return (_jsxs("div", { className: "flex items-center gap-2 border-b bg-card py-1 pr-1 pl-3 text-card-foreground text-xs", children: [icon && _jsx(Icon, { "aria-hidden": true, className: "size-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate", title: file.name, children: file.name }), file.url !== undefined && (_jsx(Button, { asChild: true, size: "xs", variant: "ghost", children: _jsxs("a", { href: file.url, download: file.name, children: [_jsx(Download, {}), "Download"] }) }))] }));
+}
+/** A file the browser cannot play still gets what the renderers after this one make of it. */
+function Unplayable({ source, placement, className, Next }) {
+    return (_jsxs("div", { className: className, children: [_jsx(Next, { source: source, placement: placement }), _jsx("p", { className: "text-muted-foreground text-xs", children: UNPLAYABLE })] }));
+}
+/** Video under the shared control bar, in either placement. */
+export function videoContent() {
+    function VideoFile(props) {
+        const { source, placement, className } = props;
+        const file = fileOf(source);
+        const [failed, setFailed] = useState(false);
+        if (failed)
+            return _jsx(Unplayable, { ...props });
+        return (_jsx(VideoPlayer, { src: file.url ?? "", title: file.name, header: placement === "document" ? _jsx(MediaHeader, { file: file }) : undefined, onError: () => setFailed(true), className: cn(
+            // The bar is 2.25rem tall; the picture takes the rest of the pane.
+            placement === "viewer" &&
+                "[&_video]:max-h-[calc(var(--attachment-pane-height)-2.25rem)]", className) }));
+    }
+    return {
+        name: "video",
+        accepts: acceptsFile(isVideoFile, BOTH),
+        display: "block",
+        Component: VideoFile,
+    };
+}
+/** Audio under the shared control bar, in either placement. */
+export function audioContent() {
+    function AudioFile(props) {
+        const { source, placement, className } = props;
+        const file = fileOf(source);
+        const [failed, setFailed] = useState(false);
+        if (failed)
+            return _jsx(Unplayable, { ...props });
+        return (_jsx(AudioPlayer, { src: file.url ?? "", title: file.name, header: placement === "document" ? (_jsx(MediaHeader, { file: file, icon: true })) : undefined, onError: () => setFailed(true), className: cn(placement === "viewer" && "w-full", className) }));
+    }
+    return {
+        name: "audio",
+        accepts: acceptsFile(isAudioFile, BOTH),
+        display: "block",
+        Component: AudioFile,
+    };
+}
+//# sourceMappingURL=media-content.js.map

package/dist/attachment/media-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-content.js","sourceRoot":"","sources":["../../src/attachment/media-content.tsx"],"names":[],"mappings":"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"}

package/dist/attachment/media-player.d.ts

@@ -0,0 +1,23 @@
+import { type ReactElement, type ReactNode } from "react";
+type MediaPlayerProps = {
+    src: string;
+    /** The accessible name of the picture or sound, and the frame's `title`. */
+    title: string;
+    /** Drawn above the media: the renderers put the name and Download here. */
+    header?: ReactNode;
+    autoPlay?: boolean;
+    loop?: boolean;
+    /** Initial speed. Default 1. */
+    speed?: number;
+    /** The element failed to load or decode `src`. When this is set, the player draws nothing itself. */
+    onError?: (error: MediaError | null) => void;
+    className?: string;
+};
+export type VideoPlayerProps = MediaPlayerProps;
+export type AudioPlayerProps = MediaPlayerProps;
+/** A video under the shared control bar, with picture-in-picture and fullscreen where the browser offers them. */
+export declare function VideoPlayer(props: VideoPlayerProps): ReactElement;
+/** An audio file as a header over the shared control bar; the element itself is not drawn. */
+export declare function AudioPlayer(props: AudioPlayerProps): ReactElement;
+export {};
+//# sourceMappingURL=media-player.d.ts.map

package/dist/attachment/media-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-player.d.ts","sourceRoot":"","sources":["../../src/attachment/media-player.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,KAAK,gBAAgB,GAAG;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qGAAqG;IACrG,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAChD,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAEhD,kHAAkH;AAClH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAGjE;AAED,8FAA8F;AAC9F,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAEjE"}