react-cheminfo 0.8.0 → 0.9.0

package/lib/slides/core/talkOrigin.d.ts

@@ -0,0 +1,50 @@
+/**
+ * The round trip from a slide to a live demo and back.
+ *
+ * A demo link opens the real tool, so the presenter is then on an ordinary page
+ * of an ordinary site with no way back to the talk. One query parameter carries
+ * where they came from, which is enough for that page to offer the way back —
+ * and, because the site the talk lives on may not be the site the demo runs on,
+ * the parameter names both.
+ */
+/** The query parameter a demo link carries its origin in. */
+export declare const TALK_ORIGIN_PARAM = "from";
+/** Where a demo was opened from. */
+export interface TalkOrigin {
+    /** Which talk, as the publishing site names it. */
+    talkId: string;
+    /** Which slide of it, zero-based. */
+    slide: number;
+    /**
+     * The `ECOSYSTEM_SITES` id of the site the talk is published by, for a demo
+     * that runs on a different site than the talk.
+     * @default undefined — the talk lives on the site the demo runs on
+     */
+    site?: string;
+}
+/**
+ * Write an origin as the value of the `from` parameter.
+ * @param origin - Which talk and slide the demo was opened from.
+ * @returns `talk:<site>:<id>:<slide>`, or `talk:<id>:<slide>` when the talk
+ *   lives on the site the link points at.
+ */
+export declare function formatTalkOrigin(origin: TalkOrigin): string;
+/**
+ * Read the origin out of an address's query string.
+ *
+ * Anything malformed reads as no origin at all: a link retyped from a slide, or
+ * one written before the talk was renamed, must still open the tool it points
+ * at rather than fail on its way in.
+ * @param search - The query string, with or without its leading `?`.
+ * @returns The origin, or `null` when the address carries none.
+ */
+export declare function parseTalkOrigin(search: string): TalkOrigin | null;
+/**
+ * Point a demo link at its target, carrying where it was opened from.
+ * @param href - The target, relative or absolute, with or without a query.
+ * @param origin - Which talk and slide the link sits on.
+ * @returns The same address with the `from` parameter added, its own
+ *   parameters and its fragment untouched.
+ */
+export declare function withTalkOrigin(href: string, origin: TalkOrigin): string;
+//# sourceMappingURL=talkOrigin.d.ts.map

package/lib/slides/core/talkOrigin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"talkOrigin.d.ts","sourceRoot":"","sources":["../../../src/slides/core/talkOrigin.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,6DAA6D;AAC7D,eAAO,MAAM,iBAAiB,SAAS,CAAC;AAExC,oCAAoC;AACpC,MAAM,WAAW,UAAU;IACzB,mDAAmD;IACnD,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAI3D;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CASjE;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,MAAM,CAWvE"}

package/lib/slides/core/talkOrigin.js

@@ -0,0 +1,62 @@
+import { firstValues, parseQuery } from "../../share/core/query.js";
+/**
+ * The round trip from a slide to a live demo and back.
+ *
+ * A demo link opens the real tool, so the presenter is then on an ordinary page
+ * of an ordinary site with no way back to the talk. One query parameter carries
+ * where they came from, which is enough for that page to offer the way back —
+ * and, because the site the talk lives on may not be the site the demo runs on,
+ * the parameter names both.
+ */
+/** The query parameter a demo link carries its origin in. */
+export const TALK_ORIGIN_PARAM = 'from';
+/**
+ * Write an origin as the value of the `from` parameter.
+ * @param origin - Which talk and slide the demo was opened from.
+ * @returns `talk:<site>:<id>:<slide>`, or `talk:<id>:<slide>` when the talk
+ *   lives on the site the link points at.
+ */
+export function formatTalkOrigin(origin) {
+    const slide = Math.max(Math.trunc(origin.slide), 0);
+    const site = origin.site === undefined ? '' : `${origin.site}:`;
+    return `talk:${site}${origin.talkId}:${slide}`;
+}
+/**
+ * Read the origin out of an address's query string.
+ *
+ * Anything malformed reads as no origin at all: a link retyped from a slide, or
+ * one written before the talk was renamed, must still open the tool it points
+ * at rather than fail on its way in.
+ * @param search - The query string, with or without its leading `?`.
+ * @returns The origin, or `null` when the address carries none.
+ */
+export function parseTalkOrigin(search) {
+    const value = firstValues(parseQuery(search)).get(TALK_ORIGIN_PARAM);
+    if (value === undefined)
+        return null;
+    const match = ORIGIN_RE.exec(value);
+    const talkId = match?.groups?.talkId;
+    const slide = Number.parseInt(match?.groups?.slide ?? '', 10);
+    if (talkId === undefined || !Number.isFinite(slide))
+        return null;
+    const site = match?.groups?.site;
+    return site === undefined ? { talkId, slide } : { talkId, slide, site };
+}
+/**
+ * Point a demo link at its target, carrying where it was opened from.
+ * @param href - The target, relative or absolute, with or without a query.
+ * @param origin - Which talk and slide the link sits on.
+ * @returns The same address with the `from` parameter added, its own
+ *   parameters and its fragment untouched.
+ */
+export function withTalkOrigin(href, origin) {
+    const cut = href.indexOf('#');
+    const address = cut === -1 ? href : href.slice(0, cut);
+    const fragment = cut === -1 ? '' : href.slice(cut);
+    const separator = address.includes('?') ? '&' : '?';
+    // A colon reads as a colon in these links, and parses back identically.
+    const value = encodeURIComponent(formatTalkOrigin(origin)).replaceAll('%3A', ':');
+    return `${address}${separator}${TALK_ORIGIN_PARAM}=${value}${fragment}`;
+}
+const ORIGIN_RE = /^talk:(?:(?<site>[\da-z-]+):)?(?<talkId>[^:]+):(?<slide>\d+)$/i;
+//# sourceMappingURL=talkOrigin.js.map

package/lib/slides/core/talkOrigin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talkOrigin.js","sourceRoot":"","sources":["../../../src/slides/core/talkOrigin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEpE;;;;;;;;GAQG;AAEH,6DAA6D;AAC7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC;AAgBxC;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAAkB;IACjD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC;IAChE,OAAO,QAAQ,IAAI,GAAG,MAAM,CAAC,MAAM,IAAI,KAAK,EAAE,CAAC;AACjD,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,eAAe,CAAC,MAAc;IAC5C,MAAM,KAAK,GAAG,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACrE,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACrC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;IACrC,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,IAAI,MAAM,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACjE,MAAM,IAAI,GAAG,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC;IACjC,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC1E,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,IAAY,EAAE,MAAkB;IAC7D,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACpD,wEAAwE;IACxE,MAAM,KAAK,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CACnE,KAAK,EACL,GAAG,CACJ,CAAC;IACF,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,iBAAiB,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;AAC1E,CAAC;AAED,MAAM,SAAS,GACb,gEAAgE,CAAC"}

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

@@ -0,0 +1,26 @@
+import type { ReactElement } from 'react';
+import type { TalkOrigin } from '../core/index.ts';
+/** Where the visitor came from, and how to send them back. */
+export interface BackToSlidesProps {
+    /** The talk and slide a demo link was opened from, or `null` for none. */
+    origin: TalkOrigin | null;
+    /** The address of that slide. */
+    href: string;
+    /**
+     * What the site does when the pill is clicked, for a site that routes in the
+     * browser. A modified click is left to the browser either way.
+     * @default undefined — the browser follows the address
+     */
+    onReturn?: () => void;
+}
+/**
+ * The way back to the slide a demo was opened from.
+ *
+ * A demo link drops the presenter on an ordinary page of an ordinary site, so
+ * during a talk the site stays fully browsable and the talk stays one click
+ * away. It renders nothing at all when the page was not reached from a slide.
+ * @param props - See {@link BackToSlidesProps}.
+ * @returns The pill, or nothing.
+ */
+export declare function BackToSlides(props: BackToSlidesProps): ReactElement | null;
+//# sourceMappingURL=BackToSlides.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackToSlides.d.ts","sourceRoot":"","sources":["../../../src/slides/ui/BackToSlides.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,8DAA8D;AAC9D,MAAM,WAAW,iBAAiB;IAChC,0EAA0E;IAC1E,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,GAAG,IAAI,CAmB1E"}

package/lib/slides/ui/BackToSlides.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@blueprintjs/core';
+import { isModifiedClick } from "../../chrome/ui/navItem.js";
+/**
+ * The way back to the slide a demo was opened from.
+ *
+ * A demo link drops the presenter on an ordinary page of an ordinary site, so
+ * during a talk the site stays fully browsable and the talk stays one click
+ * away. It renders nothing at all when the page was not reached from a slide.
+ * @param props - See {@link BackToSlidesProps}.
+ * @returns The pill, or nothing.
+ */
+export function BackToSlides(props) {
+    const { origin, href, onReturn } = props;
+    if (origin === null)
+        return null;
+    return (_jsxs("a", { className: "back-to-slides no-print", href: href, title: `Back to slide ${origin.slide + 1}`, onClick: (event) => {
+            if (onReturn === undefined || isModifiedClick(event))
+                return;
+            event.preventDefault();
+            onReturn();
+        }, children: [_jsx(Icon, { icon: "presentation", size: 14 }), "Back to slides"] }));
+}
+//# sourceMappingURL=BackToSlides.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackToSlides.js","sourceRoot":"","sources":["../../../src/slides/ui/BackToSlides.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAiB7D;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,IAAI,MAAM,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEjC,OAAO,CACL,aACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,iBAAiB,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,EAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,IAAI,QAAQ,KAAK,SAAS,IAAI,eAAe,CAAC,KAAK,CAAC;gBAAE,OAAO;YAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,QAAQ,EAAE,CAAC;QACb,CAAC,aAED,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI,sBAEpC,CACL,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,42 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { TalkOrigin } from '../core/index.ts';
+/**
+ * How a site draws a link that leaves a slide for one of its own pages.
+ *
+ * The player never navigates: a site that routes in the browser passes its own
+ * link here, and the address it is given already carries the slide it was
+ * opened from. The children arrive already wrapped in the deck's arrow and
+ * label spans, so a site's element only has to carry `slide-demo` for the
+ * styling to apply.
+ */
+export type RenderSlideLink = (link: {
+    /** The address the link opens, `from` parameter included. */
+    href: string;
+    /** What the link reads. */
+    children: ReactNode;
+}) => ReactElement;
+/** What a demo link points at, and how it is drawn. */
+export interface DemoLinkProps {
+    /** The in-app route the demo opens, as the slide wrote it. */
+    href: string;
+    /**
+     * Which slide the link sits on, added to the address so the tool it opens can
+     * offer the way back. Nothing is added when it is left out.
+     * @default undefined
+     */
+    origin?: TalkOrigin;
+    /**
+     * The site's own link, for a site that routes in the browser.
+     * @default undefined — a plain anchor
+     */
+    renderLink?: RenderSlideLink;
+    /** The link label. */
+    children: ReactNode;
+}
+/**
+ * A link from a slide into the live tool it demonstrates.
+ * @param props - See {@link DemoLinkProps}.
+ * @returns The link.
+ */
+export declare function DemoLink(props: DemoLinkProps): ReactElement;
+//# sourceMappingURL=DemoLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DemoLink.d.ts","sourceRoot":"","sources":["../../../src/slides/ui/DemoLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE;IACnC,6DAA6D;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB,KAAK,YAAY,CAAC;AAEnB,uDAAuD;AACvD,MAAM,WAAW,aAAa;IAC5B,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,CAqB3D"}

package/lib/slides/ui/DemoLink.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { withTalkOrigin } from "../core/index.js";
+/**
+ * A link from a slide into the live tool it demonstrates.
+ * @param props - See {@link DemoLinkProps}.
+ * @returns The link.
+ */
+export function DemoLink(props) {
+    const { href, origin, renderLink, children } = props;
+    const address = origin === undefined ? href : withTalkOrigin(href, origin);
+    const label = (_jsxs(_Fragment, { children: [_jsx("span", { className: "slide-demo-arrow", "aria-hidden": "true", children: "\u25B8" }), _jsx("span", { className: "slide-demo-label", children: children })] }));
+    if (renderLink !== undefined) {
+        return renderLink({ href: address, children: label });
+    }
+    return (_jsx("a", { className: "slide-demo", href: address, children: label }));
+}
+//# sourceMappingURL=DemoLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DemoLink.js","sourceRoot":"","sources":["../../../src/slides/ui/DemoLink.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAqClD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,OAAO,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,CACZ,8BACE,eAAM,SAAS,EAAC,kBAAkB,iBAAa,MAAM,uBAE9C,EACP,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,IACnD,CACJ,CAAC;IAEF,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IACxD,CAAC;IAED,OAAO,CACL,YAAG,SAAS,EAAC,YAAY,EAAC,IAAI,EAAE,OAAO,YACpC,KAAK,GACJ,CACL,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { ReactElement } from 'react';
+import type { Slide } from '../core/talk.ts';
+/** What an embedded slide draws. */
+export interface EmbedSlideProps {
+    /** The slide, whose body holds the prose and, on its own line, the address. */
+    slide: Slide;
+}
+/**
+ * A slide that is the tool itself, running.
+ *
+ * Every tool of the family takes `?embed`, so a lecture can show the real thing
+ * instead of a screenshot of it — which is also the only version of the slide
+ * that stays true after the tool is improved. The heading and any prose stay
+ * above the frame; the last bare URL of the body is what is framed.
+ * @param props - See {@link EmbedSlideProps}.
+ * @returns The slide.
+ */
+export declare function EmbedSlide(props: EmbedSlideProps): ReactElement;
+//# sourceMappingURL=EmbedSlide.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedSlide.d.ts","sourceRoot":"","sources":["../../../src/slides/ui/EmbedSlide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAI7C,oCAAoC;AACpC,MAAM,WAAW,eAAe;IAC9B,+EAA+E;IAC/E,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAuB/D"}

package/lib/slides/ui/EmbedSlide.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SlideBody } from "./SlideBody.js";
+/**
+ * A slide that is the tool itself, running.
+ *
+ * Every tool of the family takes `?embed`, so a lecture can show the real thing
+ * instead of a screenshot of it — which is also the only version of the slide
+ * that stays true after the tool is improved. The heading and any prose stay
+ * above the frame; the last bare URL of the body is what is framed.
+ * @param props - See {@link EmbedSlideProps}.
+ * @returns The slide.
+ */
+export function EmbedSlide(props) {
+    const { slide } = props;
+    const { prose, src } = splitEmbedAddress(slide.body);
+    return (_jsx("div", { className: "slide slide--embed", children: _jsxs("div", { className: "slide-content", children: [prose === '' ? null : _jsx(SlideBody, { body: prose }), src === null ? (_jsx("p", { className: "slide-embed-missing", children: "This slide frames a tool, but carries no address." })) : (_jsx("iframe", { className: "slide-embed-frame", src: src, title: frameTitle(src), allow: "clipboard-write; fullscreen" }))] }) }));
+}
+/**
+ * The prose and the address of an embedded slide.
+ *
+ * The address is written as a bare URL on its own line, because a teacher
+ * pastes what the tool's Share dialog gave them and nothing else.
+ * @param body - The slide body.
+ * @returns The prose without the address, and the address.
+ */
+function splitEmbedAddress(body) {
+    const lines = body.split('\n');
+    for (let index = lines.length - 1; index >= 0; index--) {
+        const line = (lines[index] ?? '').trim();
+        if (line === '')
+            continue;
+        if (!line.startsWith('http://') && !line.startsWith('https://'))
+            break;
+        if (line.includes(' '))
+            break;
+        const prose = [...lines.slice(0, index), ...lines.slice(index + 1)]
+            .join('\n')
+            .trim();
+        return { prose, src: line };
+    }
+    return { prose: body.trim(), src: null };
+}
+/**
+ * A frame without a title is unreadable to a screen reader.
+ * @param src - The address being framed.
+ * @returns What the frame is called.
+ */
+function frameTitle(src) {
+    try {
+        return `${new URL(src).hostname}, embedded`;
+    }
+    catch {
+        return 'Embedded tool';
+    }
+}
+//# sourceMappingURL=EmbedSlide.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedSlide.js","sourceRoot":"","sources":["../../../src/slides/ui/EmbedSlide.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAQ5C;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,YACjC,eAAK,SAAS,EAAC,eAAe,aAC3B,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,GAAI,EAChD,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CACd,YAAG,SAAS,EAAC,qBAAqB,kEAE9B,CACL,CAAC,CAAC,CAAC,CACF,iBACE,SAAS,EAAC,mBAAmB,EAC7B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,EACtB,KAAK,EAAC,6BAA6B,GACnC,CACH,IACG,GACF,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,iBAAiB,CAAC,IAAY;IAIrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC/B,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;QACvD,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;QACzC,IAAI,IAAI,KAAK,EAAE;YAAE,SAAS;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC;YAAE,MAAM;QACvE,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,MAAM;QAC9B,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;aAChE,IAAI,CAAC,IAAI,CAAC;aACV,IAAI,EAAE,CAAC;QACV,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AAC3C,CAAC;AAED;;;;GAIG;AACH,SAAS,UAAU,CAAC,GAAW;IAC7B,IAAI,CAAC;QACH,OAAO,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,YAAY,CAAC;IAC9C,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,eAAe,CAAC;IACzB,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { ReactElement } from 'react';
+/** The body of a section divider. */
+export interface SectionSlideProps {
+    /** The Markdown body, normally starting with `# N · Title`. */
+    body: string;
+}
+/**
+ * The slide that says a new part of the talk starts here: the section number
+ * set huge and near-transparent, with the title, an accent rule and whatever
+ * else the body holds stacked beside it.
+ *
+ * The numeral is decoration, not text — the heading beside it already says
+ * where the talk is — so it is hidden from a screen reader.
+ * @param props - See {@link SectionSlideProps}.
+ * @returns The divider slide.
+ */
+export declare function SectionSlide(props: SectionSlideProps): ReactElement;
+//# sourceMappingURL=SectionSlide.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSlide.d.ts","sourceRoot":"","sources":["../../../src/slides/ui/SectionSlide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C,qCAAqC;AACrC,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAqBnE"}

package/lib/slides/ui/SectionSlide.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { parseSectionHeading } from "../core/index.js";
+import { SlideBody } from "./SlideBody.js";
+/**
+ * The slide that says a new part of the talk starts here: the section number
+ * set huge and near-transparent, with the title, an accent rule and whatever
+ * else the body holds stacked beside it.
+ *
+ * The numeral is decoration, not text — the heading beside it already says
+ * where the talk is — so it is hidden from a screen reader.
+ * @param props - See {@link SectionSlideProps}.
+ * @returns The divider slide.
+ */
+export function SectionSlide(props) {
+    const { number, title, rest } = parseSectionHeading(props.body);
+    return (_jsx("div", { className: "slide slide--section", children: _jsxs("div", { className: "section-slide", children: [_jsx("div", { className: "section-number", "aria-hidden": "true", children: number }), _jsxs("div", { className: "section-body", children: [title === '' ? null : _jsx("h1", { className: "section-title", children: title }), _jsx("hr", { className: "section-rule" }), rest === '' ? null : (_jsx("div", { className: "section-sub", children: _jsx(SlideBody, { body: rest }) }))] })] }) }));
+}
+//# sourceMappingURL=SectionSlide.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSlide.js","sourceRoot":"","sources":["../../../src/slides/ui/SectionSlide.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAQ5C;;;;;;;;;GASG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEhE,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YACnC,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,gBAAgB,iBAAa,MAAM,YAC/C,MAAM,GACH,EACN,eAAK,SAAS,EAAC,cAAc,aAC1B,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,eAAe,YAAE,KAAK,GAAM,EACjE,aAAI,SAAS,EAAC,cAAc,GAAG,EAC9B,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,GACrB,CACP,IACG,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

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"}