@derive-to/artifacts 0.0.0-stage → 0.6.0

package/dist/react/panel.css

@@ -0,0 +1,488 @@
+/* The panel, sharing, role badges and the list. Tokens only (see tokens.css). */
+
+.oa-role {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 8px;
+  border-radius: 999px;
+  background: var(--oa-bg-subtle);
+  color: var(--oa-text-muted);
+  font: 600 12px / 1.5 var(--oa-font);
+  white-space: nowrap;
+}
+.oa-role[data-tone="owner"] {
+  background: var(--oa-owner-bg);
+  color: var(--oa-accent);
+}
+.oa-role[data-tone="guest"] {
+  background: var(--oa-link-bg);
+  color: var(--oa-link-text);
+}
+.oa-kind {
+  padding: 1px 8px;
+  border: 1px solid var(--oa-border);
+  border-radius: 999px;
+  color: var(--oa-text-muted);
+  font: 500 12px / 1.5 var(--oa-font);
+}
+.oa-count {
+  margin-inline-start: 6px;
+  padding: 0 6px;
+  border-radius: 999px;
+  background: var(--oa-bg-subtle);
+  color: var(--oa-text-muted);
+  font: 600 11px / 1.6 var(--oa-font);
+}
+
+/* ---------- the panel ---------- */
+.oa-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  background: var(--oa-bg);
+  color: var(--oa-text);
+  font: 14px / 1.5 var(--oa-font);
+}
+.oa-panel-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  min-height: 56px;
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--oa-border);
+}
+.oa-panel-header[aria-busy="true"] {
+  background: linear-gradient(90deg, var(--oa-bg) 0%, var(--oa-bg-subtle) 50%, var(--oa-bg) 100%);
+}
+.oa-panel-heading {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  flex: 1;
+}
+.oa-panel-title {
+  margin: 0;
+  overflow: hidden;
+  font: 650 16px / 1.3 var(--oa-font);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.oa-panel-actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.oa-panel-actions .oa-presence {
+  margin-inline-end: 6px;
+}
+.oa-panel-body {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 340px;
+  flex: 1;
+  min-height: 0;
+}
+.oa-panel-canvas {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  overflow: auto;
+  background: var(--oa-canvas);
+}
+.oa-panel-stage {
+  flex: 1;
+  min-height: 480px;
+}
+.oa-panel-banner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--oa-border);
+  background: var(--oa-bg);
+  font-size: 13px;
+}
+.oa-panel-banner a.oa-button {
+  display: inline-flex;
+  align-items: center;
+  text-decoration: none;
+}
+.oa-panel-canvas > .oa-panel-banner:last-child {
+  position: sticky;
+  bottom: 0;
+  border-top: 1px solid var(--oa-border);
+  border-bottom: 0;
+}
+.oa-panel-aside {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  border-inline-start: 1px solid var(--oa-border);
+}
+.oa-panel-tabs {
+  display: flex;
+  gap: 2px;
+  padding: 8px 10px;
+  border-bottom: 1px solid var(--oa-border);
+}
+.oa-panel-tabs button,
+.oa-panel-dock button {
+  display: inline-flex;
+  align-items: center;
+  padding: 6px 10px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--oa-text-muted);
+  font: 500 13px / 1.4 var(--oa-font);
+  cursor: pointer;
+}
+.oa-panel-tabs button[aria-selected="true"] {
+  background: var(--oa-bg-subtle);
+  color: var(--oa-text);
+  font-weight: 600;
+}
+.oa-panel-tab {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 12px 14px;
+}
+.oa-panel-dock {
+  display: none;
+}
+.oa-panel-narrow {
+  display: none;
+}
+.oa-panel-problem {
+  display: grid;
+  place-items: center;
+  flex: 1;
+  padding: 48px 24px;
+  color: var(--oa-text-muted);
+  text-align: center;
+}
+.oa-panel button:focus-visible,
+.oa-panel a:focus-visible,
+.oa-list button:focus-visible,
+.oa-list input:focus-visible,
+.oa-sharing input:focus-visible,
+.oa-sharing select:focus-visible {
+  outline: 2px solid var(--oa-accent);
+  outline-offset: 2px;
+}
+
+@media (max-width: 760px) {
+  .oa-panel-header {
+    flex-wrap: wrap;
+    padding: 8px 12px;
+  }
+  .oa-panel-heading .oa-kind {
+    display: none;
+  }
+  .oa-panel-body {
+    display: block;
+    overflow: auto;
+  }
+  .oa-panel-aside {
+    border-inline-start: 0;
+  }
+  .oa-panel-body[data-phone="page"] .oa-panel-aside,
+  .oa-panel-body:not([data-phone="page"]) .oa-panel-canvas {
+    display: none;
+  }
+  .oa-panel-tabs {
+    display: none;
+  }
+  .oa-panel-dock {
+    display: flex;
+    border-top: 1px solid var(--oa-border);
+    background: var(--oa-bg);
+  }
+  .oa-panel-dock button {
+    flex: 1;
+    justify-content: center;
+    min-height: 48px;
+    border-radius: 0;
+  }
+  .oa-panel-dock button[aria-selected="true"] {
+    color: var(--oa-text);
+    font-weight: 600;
+    box-shadow: inset 0 2px 0 var(--oa-text);
+  }
+}
+
+/* ---------- sharing ---------- */
+.oa-sharing {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  color: var(--oa-text);
+  font: 13px / 1.5 var(--oa-font);
+}
+.oa-sharing h3 {
+  margin: 0 0 8px;
+  font: 600 13px / 1.4 var(--oa-font);
+}
+.oa-choice {
+  display: flex;
+  gap: 10px;
+  align-items: flex-start;
+  margin-bottom: 6px;
+  padding: 8px 10px;
+  border: 1px solid var(--oa-border);
+  border-radius: var(--oa-radius);
+  cursor: pointer;
+}
+.oa-choice[data-checked] {
+  border-color: var(--oa-text);
+  background: var(--oa-bg-subtle);
+}
+.oa-choice input {
+  margin: 3px 0 0;
+  accent-color: var(--oa-text);
+}
+.oa-choice small,
+.oa-person-who small {
+  display: block;
+  color: var(--oa-text-muted);
+}
+.oa-input,
+.oa-role-menu {
+  min-height: 32px;
+  padding: 5px 10px;
+  border: 1px solid var(--oa-border);
+  border-radius: 7px;
+  background: var(--oa-bg);
+  color: var(--oa-text);
+  font: inherit;
+}
+.oa-invite {
+  margin-bottom: 8px;
+}
+.oa-invite-row {
+  display: flex;
+  gap: 6px;
+}
+.oa-invite-row .oa-input {
+  flex: 1;
+  min-width: 0;
+}
+.oa-invite-results,
+.oa-people {
+  margin: 6px 0 0;
+  padding: 0;
+  list-style: none;
+}
+.oa-person-pick {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 6px 8px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--oa-text);
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+}
+.oa-person-pick:hover {
+  background: var(--oa-bg-subtle);
+}
+.oa-pick-action {
+  margin-inline-start: auto;
+  color: var(--oa-accent);
+  font-weight: 600;
+}
+.oa-person {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 0;
+}
+.oa-person-who {
+  flex: 1;
+  min-width: 0;
+}
+.oa-avatar-sm {
+  display: grid;
+  place-items: center;
+  flex: none;
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  background: var(--oa-bg-subtle);
+  color: var(--oa-text-muted);
+  font: 700 11px / 1 var(--oa-font);
+}
+.oa-link-row {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+  margin-top: 4px;
+  padding: 6px 6px 6px 10px;
+  border: 1px solid var(--oa-border);
+  border-radius: 7px;
+}
+.oa-link-url {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--oa-text-muted);
+  font:
+    12px / 1.4 ui-monospace,
+    Menlo,
+    monospace;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.oa-hint {
+  margin: 6px 0 0;
+  color: var(--oa-text-muted);
+  font-size: 12px;
+}
+.oa-link-button {
+  padding: 0;
+  border: 0;
+  background: none;
+  color: var(--oa-accent);
+  font: inherit;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.oa-button-danger {
+  border-color: var(--oa-danger);
+  background: var(--oa-danger);
+  color: var(--oa-accent-text);
+}
+
+/* ---------- the list ---------- */
+.oa-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  color: var(--oa-text);
+  font: 14px / 1.45 var(--oa-font);
+}
+.oa-list-tools {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+}
+.oa-list-tools .oa-input {
+  flex: 1;
+  min-width: 180px;
+  max-width: 360px;
+}
+.oa-segmented {
+  display: inline-flex;
+  margin: 0;
+  padding: 0;
+  min-width: 0;
+  overflow: hidden;
+  border: 1px solid var(--oa-border);
+  border-radius: 7px;
+}
+.oa-segmented button {
+  padding: 6px 12px;
+  border: 0;
+  background: transparent;
+  color: var(--oa-text-muted);
+  font: 500 13px / 1.4 var(--oa-font);
+  cursor: pointer;
+}
+.oa-segmented button[aria-pressed="true"] {
+  background: var(--oa-bg-subtle);
+  color: var(--oa-text);
+  font-weight: 600;
+}
+.oa-list-bulk {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  border: 1px solid var(--oa-border);
+  border-radius: var(--oa-radius);
+  background: var(--oa-bg-subtle);
+  font-size: 13px;
+}
+.oa-list-rows {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.oa-list-row {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto auto auto;
+  gap: 12px;
+  align-items: center;
+  padding: 10px 12px;
+  border-bottom: 1px solid var(--oa-border);
+}
+.oa-list-row[aria-current="page"],
+.oa-list-row[data-checked] {
+  background: var(--oa-bg-subtle);
+}
+.oa-list-open {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+}
+.oa-list-title {
+  overflow: hidden;
+  font-weight: 600;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.oa-list-summary {
+  overflow: hidden;
+  color: var(--oa-text-muted);
+  font-size: 13px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.oa-list-time {
+  color: var(--oa-text-muted);
+  font-size: 12px;
+  white-space: nowrap;
+}
+.oa-list-compact .oa-list-row {
+  grid-template-columns: minmax(0, 1fr) auto;
+  padding: 6px 8px;
+  border: 0;
+  border-radius: 6px;
+}
+.oa-list-compact .oa-list-title {
+  font-weight: 500;
+}
+.oa-list-compact .oa-list-row[aria-current="page"] .oa-list-title {
+  font-weight: 650;
+}
+@media (max-width: 760px) {
+  .oa-list-row {
+    grid-template-columns: auto minmax(0, 1fr) auto;
+  }
+  .oa-list-row > .oa-role,
+  .oa-list-row > .oa-list-time {
+    display: none;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .oa-panel * {
+    transition: none;
+  }
+}

package/dist/react/panel.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from "react";
+import { type ArtifactProviderProps } from "./provider.js";
+import { type SharingPanelProps } from "./sharing-panel.js";
+export type PanelTab = "comments" | "history" | "sharing";
+/** The header's parts, for a host that lays out its own header with them. */
+export interface PanelHeaderParts {
+    title: ReactNode;
+    kind: ReactNode;
+    role: ReactNode;
+    /** Presence, history, share, edit and present: each only when it applies. */
+    actions: ReactNode;
+}
+export interface ArtifactPanelProps extends Omit<ArtifactProviderProps, "children"> {
+    /** Which side-panel tabs a host allows on this screen. Each still shows only when the
+     *  server has its plugin and the reader holds the verb. Defaults to all three. */
+    tabs?: readonly PanelTab[];
+    /** Replace the header, keeping its parts. */
+    header?: (parts: PanelHeaderParts) => ReactNode;
+    /** Where a signed-out reader goes to sign in; without it, no prompt is shown. */
+    signInUrl?: string;
+    /** The address a share link opens. */
+    linkUrl?: SharingPanelProps["linkUrl"];
+    className?: string;
+}
+export declare const ArtifactPanel: (props: ArtifactPanelProps) => import("react").JSX.Element;
+//# sourceMappingURL=panel.d.ts.map

package/dist/react/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/react/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAOhD,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAG5E,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAKzE,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAA;AAEzD,6EAA6E;AAC7E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,EAAE,SAAS,CAAA;IACf,6EAA6E;IAC7E,OAAO,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC;IACjF;sFACkF;IAClF,IAAI,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC1B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAA;IAC/C,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sCAAsC;IACtC,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA+PD,eAAO,MAAM,aAAa,UAAW,kBAAkB,gCAStD,CAAA"}

package/dist/react/panel.js

@@ -0,0 +1,101 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ArtifactClientError } from "../host/index.js";
+import { useArtifact } from "./context.js";
+import { EditControls } from "./edit-controls.js";
+import { useLabels } from "./labels.js";
+import { Presence } from "./presence.js";
+import { PresentButton } from "./present-button.js";
+import { ArtifactProvider } from "./provider.js";
+import { CommentRail } from "./rail.js";
+import { RoleBadge } from "./role-badge.js";
+import { SharingPanel } from "./sharing-panel.js";
+import { ArtifactStage } from "./stage.js";
+import { useSharing } from "./use-sharing.js";
+import { VersionHistory } from "./version-history.js";
+const ALL_TABS = ["comments", "history", "sharing"];
+/** Which tabs this reader gets: allowed by the host, offered by the server, held by them. */
+const useTabs = (allowed) => {
+    const { artifact } = useArtifact();
+    const sharing = useSharing();
+    return allowed.filter((tab) => {
+        if (tab === "comments")
+            return artifact?.features.includes("anchors") ?? false;
+        if (tab === "sharing")
+            return sharing.available;
+        return true;
+    });
+};
+const Header = ({ props, open, shownVersion, }) => {
+    const { artifact, threads } = useArtifact();
+    const { labels } = useLabels();
+    const tabs = useTabs(props.tabs ?? ALL_TABS);
+    if (!artifact)
+        return _jsx("header", { className: "oa-panel-header", "aria-busy": "true" });
+    const openCount = threads.filter((thread) => thread.state === "open").length;
+    const parts = {
+        title: _jsx("h1", { className: "oa-panel-title", children: artifact.title }),
+        kind: (_jsx("span", { className: "oa-kind", children: artifact.kind === "slides" ? labels.kindSlides : labels.kindPage })),
+        role: _jsx(RoleBadge, {}),
+        actions: (_jsxs(_Fragment, { children: [_jsx(Presence, {}), tabs.includes("comments") ? (_jsxs("button", { type: "button", className: "oa-button oa-button-quiet oa-panel-narrow", onClick: () => open("comments"), children: [labels.comments, openCount > 0 ? _jsx("span", { className: "oa-count", children: openCount }) : null] })) : null, tabs.includes("history") ? (_jsx("button", { type: "button", className: "oa-button oa-button-quiet", onClick: () => open("history"), children: labels.version(shownVersion ?? artifact.currentVersion) })) : null, tabs.includes("sharing") ? (_jsx("button", { type: "button", className: "oa-button", onClick: () => open("sharing"), children: labels.share })) : null, _jsx(PresentButton, {}), shownVersion === undefined ? _jsx(EditControls, {}) : null] })),
+    };
+    if (props.header)
+        return _jsx("header", { className: "oa-panel-header", children: props.header(parts) });
+    return (_jsxs("header", { className: "oa-panel-header", children: [_jsxs("div", { className: "oa-panel-heading", children: [parts.title, parts.kind, parts.role] }), _jsx("div", { className: "oa-panel-actions", children: parts.actions })] }));
+};
+const TabList = ({ tabs, active, onSelect, page, }) => {
+    const { labels } = useLabels();
+    const { threads } = useArtifact();
+    const name = {
+        comments: labels.comments,
+        history: labels.history,
+        sharing: labels.sharing,
+    };
+    const openCount = threads.filter((thread) => thread.state === "open").length;
+    return (_jsxs("div", { className: page ? "oa-panel-dock" : "oa-panel-tabs", role: "tablist", children: [page ? (_jsx("button", { type: "button", role: "tab", "aria-selected": active === "page", onClick: () => onSelect("page"), children: labels.page })) : null, tabs.map((tab) => (_jsxs("button", { type: "button", role: "tab", "aria-selected": active === tab, onClick: () => onSelect(tab), children: [name[tab], tab === "comments" && openCount > 0 ? (_jsx("span", { className: "oa-count", children: openCount })) : null] }, tab)))] }));
+};
+const Problem = () => {
+    const { error } = useArtifact();
+    const { labels } = useLabels();
+    if (!error)
+        return null;
+    const gone = error instanceof ArtifactClientError && (error.code === "NOT_FOUND" || error.status === 404);
+    return (_jsx("div", { className: "oa-panel-problem", role: "alert", children: _jsx("p", { children: gone ? labels.notFound : error.message }) }));
+};
+/** The page: an old version's bar, the stage, and the sign-in prompt for link readers. */
+const Canvas = ({ version, back, signInUrl, }) => {
+    const { artifact, actor } = useArtifact();
+    const { labels } = useLabels();
+    return (_jsxs("div", { className: "oa-panel-canvas", children: [version !== undefined && artifact ? (_jsxs("div", { className: "oa-panel-banner", children: [_jsx("span", { children: labels.viewingVersion(version) }), _jsx("button", { type: "button", className: "oa-button", onClick: back, children: labels.backToCurrent })] })) : null, _jsx(ArtifactStage, { className: "oa-panel-stage", version: version }), !actor && signInUrl ? (_jsxs("div", { className: "oa-panel-banner", children: [_jsx("span", { children: labels.signInToTakePart }), _jsx("a", { className: "oa-button oa-button-primary", href: signInUrl, children: labels.signIn })] })) : null] }));
+};
+const TabContent = ({ tab, version, setVersion, linkUrl, }) => {
+    if (tab === "comments")
+        return _jsx(CommentRail, { layout: "list" });
+    if (tab === "history")
+        return _jsx(VersionHistory, { selected: version, onSelect: setVersion });
+    return _jsx(SharingPanel, { ...(linkUrl ? { linkUrl } : {}) });
+};
+const Body = (props) => {
+    const { error } = useArtifact();
+    const tabs = useTabs(props.tabs ?? ALL_TABS);
+    const [tab, setTab] = useState("comments");
+    // On a phone the page and each tab take turns; on a wide screen the page always shows.
+    const [phone, setPhone] = useState("page");
+    const [version, setVersion] = useState(undefined);
+    const active = tabs.includes(tab) ? tab : (tabs[0] ?? "history");
+    const open = (next) => {
+        setTab(next);
+        setPhone(next);
+    };
+    if (error)
+        return _jsx(Problem, {});
+    const sideways = tabs.length > 0;
+    return (_jsxs(_Fragment, { children: [_jsx(Header, { props: props, open: open, shownVersion: version }), _jsxs("div", { className: "oa-panel-body", "data-phone": phone, children: [_jsx(Canvas, { version: version, back: () => setVersion(undefined), signInUrl: props.signInUrl }), sideways ? (_jsxs("aside", { className: "oa-panel-aside", children: [_jsx(TabList, { tabs: tabs, active: active, onSelect: (next) => next !== "page" && open(next), page: false }), _jsx("div", { className: "oa-panel-tab", role: "tabpanel", children: _jsx(TabContent, { tab: active, version: version, setVersion: setVersion, linkUrl: props.linkUrl }) })] })) : null] }), sideways ? (_jsx(TabList, { tabs: tabs, active: phone, onSelect: (next) => (next === "page" ? setPhone("page") : open(next)), page: true })) : null] }));
+};
+/** The provider's own props, leaving out the panel's. */
+const providerProps = ({ tabs: _tabs, header: _header, signInUrl: _signInUrl, linkUrl: _linkUrl, className: _className, ...provider }) => provider;
+export const ArtifactPanel = (props) => {
+    const provider = providerProps(props);
+    return (_jsx(ArtifactProvider, { ...provider, children: _jsx("div", { className: ["oa-panel", props.className].filter(Boolean).join(" "), children: _jsx(Body, { ...props }) }) }));
+};
+//# sourceMappingURL=panel.js.map

package/dist/react/panel.js.map

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

package/dist/react/presence.d.ts

@@ -0,0 +1,3 @@
+/** Who else is looking right now. */
+export declare const Presence: () => import("react").JSX.Element | null;
+//# sourceMappingURL=presence.d.ts.map

package/dist/react/presence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.d.ts","sourceRoot":"","sources":["../../src/react/presence.tsx"],"names":[],"mappings":"AAWA,qCAAqC;AACrC,eAAO,MAAM,QAAQ,0CAqBpB,CAAA"}

package/dist/react/presence.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useArtifact } from "./context.js";
+import { useLabels } from "./labels.js";
+const initials = (name) => name
+    .split(/\s+/)
+    .map((part) => part[0] ?? "")
+    .join("")
+    .slice(0, 2)
+    .toUpperCase();
+/** Who else is looking right now. */
+export const Presence = () => {
+    const { cursors, actor, artifact } = useArtifact();
+    const { labels } = useLabels();
+    // Drawn only when the server has the presence plugin.
+    if (!artifact?.features.includes("presence"))
+        return null;
+    const others = [...cursors.values()].map((cursor) => cursor.actor);
+    const everyone = actor ? [actor, ...others] : others;
+    if (everyone.length === 0)
+        return null;
+    return (_jsx("ul", { className: "oa-presence", "aria-label": labels.viewing(everyone.length), children: everyone.map((person) => (_jsx("li", { className: "oa-avatar", title: person.id === actor?.id ? labels.you(person.name) : person.name, children: person.avatarUrl ? _jsx("img", { src: person.avatarUrl, alt: "" }) : initials(person.name) }, person.id))) }));
+};
+//# sourceMappingURL=presence.js.map

package/dist/react/presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.js","sourceRoot":"","sources":["../../src/react/presence.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE,CAChC,IAAI;KACD,KAAK,CAAC,KAAK,CAAC;KACZ,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;KAC5B,IAAI,CAAC,EAAE,CAAC;KACR,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;KACX,WAAW,EAAE,CAAA;AAElB,qCAAqC;AACrC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAClD,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,sDAAsD;IACtD,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC;QAAE,OAAO,IAAI,CAAA;IACzD,MAAM,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAClE,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IACpD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACtC,OAAO,CACL,aAAI,SAAS,EAAC,aAAa,gBAAa,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,YACpE,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,aAEE,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,YAErE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,cAAK,GAAG,EAAE,MAAM,CAAC,SAAS,EAAE,GAAG,EAAC,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAJ5E,MAAM,CAAC,EAAE,CAKX,CACN,CAAC,GACC,CACN,CAAA;AACH,CAAC,CAAA"}

package/dist/react/present-button.d.ts

@@ -0,0 +1,3 @@
+/** "Present", for slides artifacts only. Esc or the button again leaves. */
+export declare const PresentButton: () => import("react").JSX.Element | null;
+//# sourceMappingURL=present-button.d.ts.map

package/dist/react/present-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"present-button.d.ts","sourceRoot":"","sources":["../../src/react/present-button.tsx"],"names":[],"mappings":"AAIA,4EAA4E;AAC5E,eAAO,MAAM,aAAa,0CAezB,CAAA"}