react-cheminfo 0.7.0 → 0.9.0

package/lib/slides/ui/Slide.d.ts

@@ -0,0 +1,52 @@
+import type { ComponentType, ReactElement } from 'react';
+import type { Slide as SlideData, TalkMeta } from '../core/index.ts';
+import type { RenderSlideLink } from './DemoLink.tsx';
+/** What every layout — the generic ones and a site's own — is handed. */
+export interface SlideLayoutProps {
+    /** The slide to draw. */
+    slide: SlideData;
+    /** How the publishing site names the talk in its addresses. */
+    talkId: string;
+    /** Which slide of the talk this is, zero-based. */
+    slideIndex: number;
+    /**
+     * Which site published the deck, written into the way back.
+     * @default undefined — the site playing it
+     */
+    site?: string;
+    /**
+     * Where the publishing site lives, which a relative address in the deck is
+     * resolved against.
+     * @default undefined — the addresses are this site's own
+     */
+    talkOrigin?: string;
+    /** What the talk's front-matter said, for a layout that draws from it. */
+    meta: TalkMeta;
+    /**
+     * The site's own link, used for the in-app links of the slide.
+     * @default undefined — a plain anchor
+     */
+    renderLink?: RenderSlideLink;
+}
+/** A slide, and the layouts available to draw it. */
+export interface SlideViewProps extends SlideLayoutProps {
+    /**
+     * The layouts this site adds, by the name a slide writes in its
+     * `<!-- layout: … -->` marker. An entry here also replaces a generic layout
+     * of the same name.
+     * @default undefined
+     */
+    layouts?: Record<string, ComponentType<SlideLayoutProps>>;
+}
+/**
+ * Draw one slide with the layout it asks for.
+ *
+ * The layout name is not a closed list — a deck is written before the site
+ * knows how to draw it — so a name neither the site nor the player recognises
+ * falls back to the plain content layout. A talk must never fail to open
+ * because one of its slides asks for something that is not there yet.
+ * @param props - See {@link SlideViewProps}.
+ * @returns The slide.
+ */
+export declare function SlideView(props: SlideViewProps): ReactElement;
+//# sourceMappingURL=Slide.d.ts.map

package/lib/slides/ui/Slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../src/slides/ui/Slide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,KAAK,EACV,KAAK,IAAI,SAAS,EAClB,QAAQ,EAET,MAAM,kBAAkB,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAMtD,yEAAyE;AACzE,MAAM,WAAW,gBAAgB;IAC/B,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,+DAA+D;IAC/D,MAAM,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,qDAAqD;AACrD,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC;CAC3D;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAU7D"}

package/lib/slides/ui/Slide.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+import { demoLabel, splitDemoLinks } from "../core/index.js";
+import { DemoLink } from "./DemoLink.js";
+import { EmbedSlide } from "./EmbedSlide.js";
+import { SectionSlide } from "./SectionSlide.js";
+import { SlideBody } from "./SlideBody.js";
+/**
+ * Draw one slide with the layout it asks for.
+ *
+ * The layout name is not a closed list — a deck is written before the site
+ * knows how to draw it — so a name neither the site nor the player recognises
+ * falls back to the plain content layout. A talk must never fail to open
+ * because one of its slides asks for something that is not there yet.
+ * @param props - See {@link SlideViewProps}.
+ * @returns The slide.
+ */
+export function SlideView(props) {
+    const { layouts, ...layoutProps } = props;
+    const { slide } = layoutProps;
+    const Custom = layouts?.[slide.layout];
+    if (Custom !== undefined)
+        return _jsx(Custom, { ...layoutProps });
+    if (slide.layout === 'section')
+        return _jsx(SectionSlide, { body: slide.body });
+    if (slide.layout === 'embed')
+        return _jsx(EmbedSlide, { slide: slide });
+    return _jsx(GenericSlide, { ...layoutProps });
+}
+/** The layouts the player draws itself, for any deck on any site. */
+const GENERIC_LAYOUTS = new Set(['content', 'title', 'quote', 'thanks']);
+function GenericSlide(props) {
+    const { slide, talkId, slideIndex, meta, renderLink, site, talkOrigin } = props;
+    const layout = GENERIC_LAYOUTS.has(slide.layout) ? slide.layout : 'content';
+    const { body, demos } = splitDemoLinks(slide.body);
+    const origin = site === undefined
+        ? { talkId, slide: slideIndex }
+        : { talkId, slide: slideIndex, site };
+    const logos = layout === 'title' ? (meta.logos ?? []) : [];
+    return (_jsx("div", { className: `slide slide--${layout}`, children: _jsxs("div", { className: "slide-content", children: [_jsx(SlideBody, { body: body, origin: origin, renderLink: renderLink }), logos.length === 0 ? null : (_jsx("div", { className: "slide-logos", children: logos.map((logo) => (_jsx("img", { className: "slide-logo", src: logo, alt: "" }, logo))) })), demos.length === 0 ? null : (_jsxs("div", { className: "slide-demos", children: [_jsx("span", { className: "slide-demos-label", children: "Live demos:" }), demos.map((demo, index) => (_jsxs(Fragment, { children: [index === 0 ? null : (_jsx("span", { className: "slide-demos-separator", "aria-hidden": "true", children: "|" })), _jsx(DemoLink, { href: resolveDemoHref(demo.href, talkOrigin), origin: origin, renderLink: renderLink, children: demoLabel(demo.label) })] }, demo.href)))] }))] }) }));
+}
+/**
+ * Where a demo link actually points.
+ *
+ * A deck writes `/mf-finder?mass=300`, meaning its own site. Played there it is
+ * exactly that; played on another site of the family it has to be resolved
+ * against the site that wrote it, or the link lands on a page that does not
+ * exist.
+ * @param href - The address the slide wrote.
+ * @param talkOrigin - Where the publishing site lives, when it is not this one.
+ * @returns The address to open.
+ */
+function resolveDemoHref(href, talkOrigin) {
+    if (talkOrigin === undefined || !href.startsWith('/'))
+        return href;
+    return `${talkOrigin.replace(/\/$/, '')}${href}`;
+}
+//# sourceMappingURL=Slide.js.map

package/lib/slides/ui/Slide.js.map

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

package/lib/slides/ui/SlideBody.d.ts

@@ -0,0 +1,32 @@
+import type { ReactElement } from 'react';
+import type { TalkOrigin } from '../core/index.ts';
+import type { RenderSlideLink } from './DemoLink.tsx';
+/** The Markdown of a slide, and where its links go. */
+export interface SlideBodyProps {
+    /** The Markdown source of the slide, or of one part of it. */
+    body: string;
+    /**
+     * Which slide the body belongs to, carried by every in-app link it holds so
+     * the tool a demo opens can offer the way back.
+     * @default undefined
+     */
+    origin?: TalkOrigin;
+    /**
+     * The site's own link, used for the in-app links of the body.
+     * @default undefined — a plain anchor
+     */
+    renderLink?: RenderSlideLink;
+}
+/**
+ * Render a slide's Markdown.
+ *
+ * A talk is written as prose, so raw HTML in the source is kept: a slide
+ * routinely holds a `<sub>`, a `<br>` or a figure the Markdown syntax cannot
+ * express. A link to an in-app route becomes a demo link; every other link
+ * leaves the deck in a tab of its own, so a click during a talk never loses the
+ * slide it was made from.
+ * @param props - See {@link SlideBodyProps}.
+ * @returns The rendered body.
+ */
+export declare function SlideBody(props: SlideBodyProps): ReactElement;
+//# sourceMappingURL=SlideBody.d.ts.map

package/lib/slides/ui/SlideBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideBody.d.ts","sourceRoot":"","sources":["../../../src/slides/ui/SlideBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,uDAAuD;AACvD,MAAM,WAAW,cAAc;IAC7B,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CA0B7D"}

package/lib/slides/ui/SlideBody.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Markdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
+import { DemoLink } from "./DemoLink.js";
+/**
+ * Render a slide's Markdown.
+ *
+ * A talk is written as prose, so raw HTML in the source is kept: a slide
+ * routinely holds a `<sub>`, a `<br>` or a figure the Markdown syntax cannot
+ * express. A link to an in-app route becomes a demo link; every other link
+ * leaves the deck in a tab of its own, so a click during a talk never loses the
+ * slide it was made from.
+ * @param props - See {@link SlideBodyProps}.
+ * @returns The rendered body.
+ */
+export function SlideBody(props) {
+    const { body, origin, renderLink } = props;
+    return (_jsx(Markdown, { rehypePlugins: [rehypeRaw], components: {
+            a({ href, children }) {
+                if (href?.startsWith('/') === true) {
+                    return (_jsx(DemoLink, { href: href, origin: origin, renderLink: renderLink, children: children }));
+                }
+                return (_jsx("a", { href: href, target: "_blank", rel: "noreferrer", children: children }));
+            },
+        }, children: body }));
+}
+//# sourceMappingURL=SlideBody.js.map

package/lib/slides/ui/SlideBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideBody.js","sourceRoot":"","sources":["../../../src/slides/ui/SlideBody.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAC;AAmB1C;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,CACL,KAAC,QAAQ,IACP,aAAa,EAAE,CAAC,SAAS,CAAC,EAC1B,UAAU,EAAE;YACV,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAClB,IAAI,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC;oBACnC,OAAO,CACL,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,YACzD,QAAQ,GACA,CACZ,CAAC;gBACJ,CAAC;gBACD,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,YAC5C,QAAQ,GACP,CACL,CAAC;YACJ,CAAC;SACF,YAEA,IAAI,GACI,CACZ,CAAC;AACJ,CAAC"}

package/lib/slides/ui/Slideshow.d.ts

@@ -0,0 +1,93 @@
+import type { ComponentType, ReactElement } from 'react';
+import type { Talk } from '../core/index.ts';
+import type { RenderSlideLink } from './DemoLink.tsx';
+import type { SlideLayoutProps } from './Slide.tsx';
+/** The talk being presented, and everything the site keeps a hand on. */
+export interface SlideshowProps {
+    /** The parsed talk. */
+    talk: Talk;
+    /** Which slide is showing, zero-based; clamped into the talk before drawing. */
+    index: number;
+    /** Called with the slide to show; the site writes it wherever it keeps it. */
+    onIndex: (index: number) => void;
+    /**
+     * Called when the presenter leaves the talk. The bar carries no Exit button
+     * when it is left out.
+     * @default undefined
+     */
+    onExit?: () => void;
+    /**
+     * The layouts this site adds, by the name a slide writes in its
+     * `<!-- layout: … -->` marker.
+     * @default undefined
+     */
+    layouts?: Record<string, ComponentType<SlideLayoutProps>>;
+    /**
+     * The site's own link, used for the in-app links the slides hold.
+     * @default undefined — a plain anchor
+     */
+    renderLink?: RenderSlideLink;
+    /**
+     * How the publishing site names this talk in its addresses, carried by every
+     * demo link so the tool it opens can offer the way back.
+     * @default '' — the demo links carry no talk
+     */
+    talkId?: string;
+    /**
+     * Which site published the deck. A deck played somewhere else — as
+     * learn.cheminfo.org plays the family's — says so in the way back, so the
+     * link returns to the player it came from rather than to this one.
+     * @default undefined — the deck belongs to the site playing it
+     */
+    site?: string;
+    /**
+     * Where the publishing site lives, e.g. `https://www.chemcalc.org`. A deck
+     * written for one site holds addresses relative to it, so playing it
+     * elsewhere has to resolve them against their own origin rather than against
+     * the page.
+     * @default undefined — the addresses are this site's own
+     */
+    talkOrigin?: string;
+    /**
+     * What the bar reads.
+     * @default the talk's own title
+     */
+    title?: string;
+    /**
+     * Class the player carries, in addition to `slideshow`.
+     * @default undefined
+     */
+    className?: string;
+    /**
+     * Fullscreen owned by the site rather than by the player.
+     *
+     * A deck that links into the live tool wants the whole app fullscreen, not
+     * the player: the player unmounts on the way to the demo, and the browser
+     * would leave fullscreen with it. A site in that shape passes what it
+     * fullscreens and how to toggle it, and the player's key and button drive
+     * that instead of their own element.
+     * @default undefined — the player fullscreens itself
+     */
+    fullscreen?: {
+        /** Whether the site is presenting. */
+        isFullscreen: boolean;
+        /** Called when `f` or the bar's button asks to change that. */
+        onToggle: () => void;
+    };
+}
+/**
+ * The conference player: one talk, one slide at a time, on a canvas scaled to
+ * fill whatever screen it is given.
+ *
+ * The index is controlled, because the site owns the address — the slide lives
+ * in a query parameter so a demo link can return to the exact one — and the
+ * player therefore never touches history itself.
+ *
+ * Arrow keys, space and PageUp/PageDown navigate, `Home` and `End` jump to the
+ * ends, `f` toggles fullscreen, `b` and `w` blank the screen to black and to
+ * white the way a projector remote does, and `n` shows the presenter's notes.
+ * @param props - See {@link SlideshowProps}.
+ * @returns The player.
+ */
+export declare function Slideshow(props: SlideshowProps): ReactElement;
+//# sourceMappingURL=Slideshow.d.ts.map

package/lib/slides/ui/Slideshow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slideshow.d.ts","sourceRoot":"","sources":["../../../src/slides/ui/Slideshow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,aAAa,EAEb,YAAY,EACb,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAIpD,yEAAyE;AACzE,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC1D;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE;QACX,sCAAsC;QACtC,YAAY,EAAE,OAAO,CAAC;QACtB,+DAA+D;QAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;CACH;AAMD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAiK7D"}

package/lib/slides/ui/Slideshow.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useContainerSize } from "../../hooks/ui/useContainerSize.js";
+import { clampSlideIndex, slideActionForKey } from "../core/index.js";
+import { SlideView } from "./Slide.js";
+import { SlideshowBar } from "./SlideshowBar.js";
+/** Slides are authored on this canvas, and it is scaled to whatever it is played on. */
+const SLIDE_WIDTH = 1920;
+const SLIDE_HEIGHT = 1080;
+/**
+ * The conference player: one talk, one slide at a time, on a canvas scaled to
+ * fill whatever screen it is given.
+ *
+ * The index is controlled, because the site owns the address — the slide lives
+ * in a query parameter so a demo link can return to the exact one — and the
+ * player therefore never touches history itself.
+ *
+ * Arrow keys, space and PageUp/PageDown navigate, `Home` and `End` jump to the
+ * ends, `f` toggles fullscreen, `b` and `w` blank the screen to black and to
+ * white the way a projector remote does, and `n` shows the presenter's notes.
+ * @param props - See {@link SlideshowProps}.
+ * @returns The player.
+ */
+export function Slideshow(props) {
+    const { talk, index, onIndex, onExit, layouts, renderLink, talkId = '', site, talkOrigin, fullscreen, title, className, } = props;
+    const total = talk.slides.length;
+    const current = clampSlideIndex(index, total);
+    const slide = talk.slides[current];
+    const playerRef = useRef(null);
+    const stageRef = useRef(null);
+    const { width, height } = useContainerSize(stageRef);
+    const scale = width === 0 || height === 0
+        ? 1
+        : Math.min(width / SLIDE_WIDTH, height / SLIDE_HEIGHT);
+    const [blank, setBlank] = useState(null);
+    const [showNotes, setShowNotes] = useState(false);
+    const [isFullscreen, setIsFullscreen] = useState(false);
+    const goTo = useCallback((next) => {
+        setBlank(null);
+        onIndex(clampSlideIndex(next, total));
+    }, [onIndex, total]);
+    const ownFullscreen = fullscreen === undefined;
+    const toggleOwn = useCallback(() => {
+        const element = playerRef.current;
+        if (element === null)
+            return;
+        if (document.fullscreenElement === element) {
+            void document.exitFullscreen().catch(() => undefined);
+        }
+        else {
+            void element.requestFullscreen().catch(() => undefined);
+        }
+    }, []);
+    const toggleFullscreen = fullscreen?.onToggle ?? toggleOwn;
+    useEffect(() => {
+        if (!ownFullscreen)
+            return;
+        function onFullscreenChange() {
+            setIsFullscreen(document.fullscreenElement === playerRef.current);
+        }
+        document.addEventListener('fullscreenchange', onFullscreenChange);
+        return () => {
+            document.removeEventListener('fullscreenchange', onFullscreenChange);
+        };
+    }, [ownFullscreen]);
+    useEffect(() => {
+        function onKeyDown(event) {
+            if (event.metaKey || event.ctrlKey || event.altKey)
+                return;
+            // A player embedded in a page shares the document with its fields, and
+            // space is both "next slide" and a character.
+            if (isTextEntry(event.target))
+                return;
+            const action = slideActionForKey(event.key, current, total);
+            if (action === null)
+                return;
+            event.preventDefault();
+            switch (action.kind) {
+                case 'go':
+                    goTo(action.index);
+                    break;
+                case 'blank':
+                    setBlank((shown) => (shown === action.color ? null : action.color));
+                    break;
+                case 'fullscreen':
+                    toggleFullscreen();
+                    break;
+                case 'notes':
+                    setShowNotes((shown) => !shown);
+                    break;
+                default:
+                    break;
+            }
+        }
+        document.addEventListener('keydown', onKeyDown);
+        return () => {
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    }, [current, total, goTo, toggleFullscreen]);
+    function onStageClick(event) {
+        // A demo link or a control handles its own click without also stepping on.
+        const target = event.target;
+        if (target !== null && target.closest('a, button') !== null)
+            return;
+        goTo(current + 1);
+    }
+    const progress = total > 1 ? (current / (total - 1)) * 100 : 100;
+    return (_jsxs("div", { ref: playerRef, className: className === undefined ? 'slideshow' : `slideshow ${className}`, children: [_jsxs("div", { className: "slideshow-stage", ref: stageRef, onClick: onStageClick, children: [_jsx("div", { className: "slide-canvas", style: { transform: `scale(${scale})` }, children: slide === undefined ? null : (_jsx(SlideView, { slide: slide, talkId: talkId, site: site, talkOrigin: talkOrigin, slideIndex: current, meta: talk.meta, layouts: layouts, renderLink: renderLink }, current)) }), blank === null ? null : (_jsx("div", { className: `slideshow-blank slideshow-blank--${blank}`, onClick: (event) => {
+                            event.stopPropagation();
+                            setBlank(null);
+                        } }))] }), showNotes && slide?.notes !== undefined ? (_jsx("div", { className: "slideshow-notes no-print", children: slide.notes })) : null, _jsx(SlideshowBar, { title: title ?? talk.meta.title, index: current, total: total, isFullscreen: fullscreen?.isFullscreen ?? isFullscreen, onGo: goTo, onToggleFullscreen: toggleFullscreen, onExit: onExit }), _jsx("div", { className: "slideshow-progress", style: { '--progress': `${progress}%` } })] }));
+}
+const TEXT_ENTRY_TAGS = new Set(['INPUT', 'TEXTAREA', 'SELECT']);
+function isTextEntry(target) {
+    if (target === null)
+        return false;
+    const element = target;
+    if (element.isContentEditable === true)
+        return true;
+    return (typeof element.tagName === 'string' && TEXT_ENTRY_TAGS.has(element.tagName));
+}
+//# sourceMappingURL=Slideshow.js.map

package/lib/slides/ui/Slideshow.js.map

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

package/lib/slides/ui/SlideshowBar.d.ts

@@ -0,0 +1,33 @@
+import type { ReactElement } from 'react';
+/** Where the talk stands, and what the presenter may do about it. */
+export interface SlideshowBarProps {
+    /** What the bar reads. */
+    title: string;
+    /** Which slide is showing, zero-based. */
+    index: number;
+    /** How many slides the talk holds. */
+    total: number;
+    /** Whether the player is presenting on the whole screen. */
+    isFullscreen: boolean;
+    /** Called with the slide to show. */
+    onGo: (index: number) => void;
+    /** Called to enter or leave fullscreen. */
+    onToggleFullscreen: () => void;
+    /**
+     * Called when the presenter leaves the talk. The bar carries no Exit button
+     * when it is left out.
+     * @default undefined
+     */
+    onExit?: () => void;
+}
+/**
+ * The bar under the stage: the way out, the talk's name, and where in it the
+ * presenter stands.
+ *
+ * It is chrome rather than the talk, so it is dropped from a printed handout
+ * along with the rest of the site's.
+ * @param props - See {@link SlideshowBarProps}.
+ * @returns The bar.
+ */
+export declare function SlideshowBar(props: SlideshowBarProps): ReactElement;
+//# sourceMappingURL=SlideshowBar.d.ts.map

package/lib/slides/ui/SlideshowBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideshowBar.d.ts","sourceRoot":"","sources":["../../../src/slides/ui/SlideshowBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,qEAAqE;AACrE,MAAM,WAAW,iBAAiB;IAChC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,YAAY,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,2CAA2C;IAC3C,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAgDnE"}

package/lib/slides/ui/SlideshowBar.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@blueprintjs/core';
+/**
+ * The bar under the stage: the way out, the talk's name, and where in it the
+ * presenter stands.
+ *
+ * It is chrome rather than the talk, so it is dropped from a printed handout
+ * along with the rest of the site's.
+ * @param props - See {@link SlideshowBarProps}.
+ * @returns The bar.
+ */
+export function SlideshowBar(props) {
+    const { title, index, total, isFullscreen, onGo, onToggleFullscreen, onExit, } = props;
+    return (_jsxs("div", { className: "slideshow-bar no-print", children: [onExit === undefined ? null : (_jsx(Button, { variant: "minimal", icon: "cross", text: "Exit", onClick: onExit })), _jsx("div", { className: "slideshow-title", children: title }), _jsxs("div", { className: "slideshow-controls", children: [_jsx(Button, { variant: "minimal", icon: "chevron-left", "aria-label": "Previous slide", disabled: index === 0, onClick: () => {
+                            onGo(index - 1);
+                        } }), _jsx("span", { className: "slideshow-counter", children: `${total === 0 ? 0 : index + 1} / ${total}` }), _jsx(Button, { variant: "minimal", icon: "chevron-right", "aria-label": "Next slide", disabled: index >= total - 1, onClick: () => {
+                            onGo(index + 1);
+                        } }), _jsx(Button, { variant: "minimal", icon: isFullscreen ? 'minimize' : 'fullscreen', "aria-label": "Toggle fullscreen", onClick: onToggleFullscreen })] })] }));
+}
+//# sourceMappingURL=SlideshowBar.js.map

package/lib/slides/ui/SlideshowBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideshowBar.js","sourceRoot":"","sources":["../../../src/slides/ui/SlideshowBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAyB3C;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,kBAAkB,EAClB,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACpC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7B,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,GAAI,CACvE,EACD,cAAK,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAO,EAC9C,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,cAAc,gBACR,gBAAgB,EAC3B,QAAQ,EAAE,KAAK,KAAK,CAAC,EACrB,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;wBAClB,CAAC,GACD,EACF,eAAM,SAAS,EAAC,mBAAmB,YAChC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,MAAM,KAAK,EAAE,GACvC,EACP,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,eAAe,gBACT,YAAY,EACvB,QAAQ,EAAE,KAAK,IAAI,KAAK,GAAG,CAAC,EAC5B,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;wBAClB,CAAC,GACD,EACF,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,gBACnC,mBAAmB,EAC9B,OAAO,EAAE,kBAAkB,GAC3B,IACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/lib/slides/ui/TalkList.d.ts

@@ -0,0 +1,37 @@
+import type { ReactElement } from 'react';
+import type { TalkManifest, TalkSummary } from '../core/index.ts';
+/** The talks to list, and what opening one means. */
+export interface TalkListProps {
+    /** One manifest per publishing site. */
+    manifests: readonly TalkManifest[];
+    /** Called when a talk is picked. */
+    onOpen: (manifest: TalkManifest, talk: TalkSummary) => void;
+    /**
+     * The address a talk sits at, which keeps the card a real link — a middle
+     * click opens a tab of its own, and a crawler walks the list.
+     * @default undefined — the card is a link with no address
+     */
+    renderHref?: (manifest: TalkManifest, talk: TalkSummary) => string;
+    /**
+     * How a site id is written above its talks.
+     * @default the id itself
+     */
+    siteName?: (site: string) => string;
+    /**
+     * What an empty list says. A list that draws nothing at all reads as a
+     * broken page rather than as a site that has published no deck yet.
+     * @default 'No talk yet.'
+     */
+    emptyNote?: string;
+}
+/**
+ * The talks on offer: a site's own, or the whole family's.
+ *
+ * The site heading appears only once there is more than one site to tell
+ * apart, so the same component draws a single site's `/talks` page and the
+ * family-wide listing without either looking like the other one's leftovers.
+ * @param props - See {@link TalkListProps}.
+ * @returns The listing.
+ */
+export declare function TalkList(props: TalkListProps): ReactElement;
+//# sourceMappingURL=TalkList.d.ts.map

package/lib/slides/ui/TalkList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TalkList.d.ts","sourceRoot":"","sources":["../../../src/slides/ui/TalkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAElE,qDAAqD;AACrD,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,SAAS,EAAE,SAAS,YAAY,EAAE,CAAC;IACnC,oCAAoC;IACpC,MAAM,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,KAAK,MAAM,CAAC;IACnE;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,CAmD3D"}

package/lib/slides/ui/TalkList.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isModifiedClick } from "../../chrome/ui/navItem.js";
+import { pluralize } from "../../format/core/index.js";
+/**
+ * The talks on offer: a site's own, or the whole family's.
+ *
+ * The site heading appears only once there is more than one site to tell
+ * apart, so the same component draws a single site's `/talks` page and the
+ * family-wide listing without either looking like the other one's leftovers.
+ * @param props - See {@link TalkListProps}.
+ * @returns The listing.
+ */
+export function TalkList(props) {
+    const { manifests, onOpen, renderHref, siteName, emptyNote = 'No talk yet.', } = props;
+    const groups = groupBySite(manifests);
+    const showSite = groups.length > 1;
+    if (groups.length === 0) {
+        return _jsx("p", { className: "talk-list-empty", children: emptyNote });
+    }
+    return (_jsx("div", { className: "talk-list", children: groups.map((group) => (_jsxs("section", { className: "talk-list-group", children: [showSite ? (_jsx("h2", { className: "talk-list-site", children: siteName === undefined ? group.site : siteName(group.site) })) : null, _jsx("div", { className: "talk-grid", children: group.entries.map(({ manifest, talk }) => (_jsxs("a", { className: "talk-card", href: renderHref?.(manifest, talk), onClick: (event) => {
+                            if (isModifiedClick(event))
+                                return;
+                            event.preventDefault();
+                            onOpen(manifest, talk);
+                        }, children: [_jsx("div", { className: "talk-card-title", children: talk.title }), talk.subtitle === undefined ? null : (_jsx("div", { className: "talk-card-subtitle", children: talk.subtitle })), _jsx("div", { className: "talk-card-meta", children: occasion(talk) }), _jsx("div", { className: "talk-card-count", children: `${talk.slideCount} ${pluralize(talk.slideCount, 'slide')}` })] }, `${manifest.site}:${talk.id}`))) })] }, group.site))) }));
+}
+function groupBySite(manifests) {
+    const bySite = new Map();
+    for (const manifest of manifests) {
+        let entries = bySite.get(manifest.site);
+        if (entries === undefined) {
+            entries = [];
+            bySite.set(manifest.site, entries);
+        }
+        for (const talk of manifest.talks)
+            entries.push({ manifest, talk });
+    }
+    const groups = [];
+    for (const [site, entries] of bySite) {
+        // A site that has published nothing is not a heading over an empty row.
+        if (entries.length === 0)
+            continue;
+        groups.push({ site, entries: entries.toSorted(byMostRecent) });
+    }
+    return groups;
+}
+// The dates are ISO, so they order as text; a talk with no date sorts last
+// rather than ahead of every dated one.
+function byMostRecent(left, right) {
+    const before = left.talk.date ?? '';
+    const after = right.talk.date ?? '';
+    if (before === after)
+        return 0;
+    if (before === '')
+        return 1;
+    if (after === '')
+        return -1;
+    return before > after ? -1 : 1;
+}
+function occasion(talk) {
+    const parts = [];
+    if (talk.event !== undefined)
+        parts.push(talk.event);
+    if (talk.date !== undefined)
+        parts.push(talk.date);
+    return parts.join(' · ');
+}
+//# sourceMappingURL=TalkList.js.map

package/lib/slides/ui/TalkList.js.map

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

package/lib/slides/ui/index.d.ts

@@ -0,0 +1,19 @@
+export type { BackToSlidesProps } from './BackToSlides.tsx';
+export { BackToSlides } from './BackToSlides.tsx';
+export type { DemoLinkProps, RenderSlideLink } from './DemoLink.tsx';
+export { DemoLink } from './DemoLink.tsx';
+export type { EmbedSlideProps } from './EmbedSlide.tsx';
+export { EmbedSlide } from './EmbedSlide.tsx';
+export type { SectionSlideProps } from './SectionSlide.tsx';
+export { SectionSlide } from './SectionSlide.tsx';
+export type { SlideLayoutProps, SlideViewProps } from './Slide.tsx';
+export { SlideView } from './Slide.tsx';
+export type { SlideBodyProps } from './SlideBody.tsx';
+export { SlideBody } from './SlideBody.tsx';
+export type { SlideshowProps } from './Slideshow.tsx';
+export { Slideshow } from './Slideshow.tsx';
+export type { SlideshowBarProps } from './SlideshowBar.tsx';
+export { SlideshowBar } from './SlideshowBar.tsx';
+export type { TalkListProps } from './TalkList.tsx';
+export { TalkList } from './TalkList.tsx';
+//# sourceMappingURL=index.d.ts.map

package/lib/slides/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/slides/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}