@atmo-dev/kit 0.7.1 → 0.8.0

package/README.md

@@ -121,7 +121,19 @@ The event UI formerly in `@atmo-dev/events-ui` lives in this package:
 - `@atmo-dev/kit/events-data`: structural event types, adapter contracts, conference/date helpers, URL helpers, theme values, linked-record types and thumbnail selection. This entry is safe in plain Node and server routes: no Svelte, CSS, maps or players are loaded. Browser helpers such as `compressImage` only access browser APIs when called.
 - `@atmo-dev/kit/events/editor`: `buildEventRecord` and `buildThumbnailMedia` for hosts that need explicit record construction. This separate entry includes browser-oriented thumbnail code; it is not part of the pure data API.
 
-Event descriptions are plain text with AT Protocol facets, rendered by the shared `RichText` component using Svelte text and links—not HTML. Markdown and raw HTML are displayed literally; existing records are not rewritten. Line breaks are preserved. Facet mentions link to local profiles, hashtags use the viewer's preferred social client, and link facets accept only HTTP(S) URLs without credentials. Malformed, overlapping or invalid UTF-8 facet ranges are ignored without dropping text. Descriptions without facets detect plain-text links, mentions and hashtags, with no network requests or Markdown interpretation. There is no sanitizer or asynchronous browser-only fallback.
+Event descriptions are Markdown with AT Protocol facets. Parse them on the server and pass the result as `data.description`, so the Markdown parser stays out of the client bundle:
+
+```ts
+import { parseRichText } from '@atmo-dev/kit/richtext';
+
+const description = event.description
+	? parseRichText(event.description, { facets: event.facets, markdown: true, detectLinks: true })
+	: null;
+```
+
+Without `data.description`, `EventView` shows the description as plain text with facet links. Description headings render one level below the event title, and the Bluesky share card uses `richTextToPlainText(description)`. Conference schedules show talk descriptions as short previews: pass `conferenceTalkDescriptions`, plain text keyed by talk URI, so Markdown syntax does not appear there. See [Rich text](#rich-text) for what is supported.
+
+Event components read Bluesky's public AppView and CDN by default. Apps using other services call `configureAtproto({ appview, cdn })` from `events-data` once, before rendering, on both the server and the client (for example at the top of the root layout).
 
 Event cards and covers prefer native `media` images, then an HTTPS `poster.url`, then a URI named `Event Image` (laugh.town compatibility). `getEventExternalImage(event)` from `events-data` returns `{ url, alt, aspectRatio? }` or `null`, validating URLs and optional poster dimensions. It performs no IO; apps must apply their own allowlist/redirect policy before fetching an external image server-side.
 
@@ -194,25 +206,43 @@ For now, `createGrainXrpcClient(fetchImpl?)` provides the Grain.social implement
 
 Use `blueskyPostToPostData(postView)` to convert public AppView posts, including `repostCount`. `PostContent` supports images, galleries, external link cards, HLS video, quoted posts (including their embeds), record-with-media combinations, feeds, lists, starter packs, and moderation-service cards. Missing, blocked, and detached quotes have readable placeholders; unknown embed variants show an unavailable fallback. Quote nesting is capped at three levels. Non-post record cards use Bluesky routes, since other clients may not implement them. Apps still own fetching and moderation.
 
-### Plain text and facets
+### Rich text
 
-`RichText` is the text renderer shared by posts and event descriptions:
+`RichText` renders text shared by posts, event descriptions and other user content. Plain text can be passed directly:
 
 ```svelte
-<script lang="ts">
-	import { RichText } from '@atmo-dev/kit';
-</script>
-
 <RichText
-	text={description}
-	{facets}
+	text={post.text}
+	facets={post.facets}
 	{socialClient}
 	mentionUrl={(actor) => `/p/${encodeURIComponent(actor)}`}
-	detectLinks
 />
 ```
 
-Only `text` is required. By default, only explicit facets become links. `detectLinks` enables plain-text URL, mention and hashtag detection when no facets are supplied. `socialClient` selects mention/hashtag destinations; `mentionUrl` overrides mention routing with an app-owned HTTP(S) URL or root-relative path. Local links stay in the same tab; external links use `noopener noreferrer nofollow ugc`. The component renders a paragraph, preserves whitespace, wraps long text, and accepts `class`. Text is never parsed as HTML or Markdown. Post text retains Bluesky facet destinations by default.
+For Markdown, parse with `@atmo-dev/kit/richtext` (no Svelte or DOM; works in Workers) and pass `content`:
+
+```ts
+// +page.server.ts
+import { parseRichText } from '@atmo-dev/kit/richtext';
+
+const content = parseRichText(text, { facets, markdown: true, detectLinks: true });
+```
+
+```svelte
+<RichText {content} {socialClient} headingOffset={1} />
+```
+
+Each feature can be turned on separately:
+
+- `markdown`: CommonMark plus `~~strikethrough~~`. Single newlines are line breaks. Raw HTML is shown as written. Images are never loaded; they become links labeled by their alt text. Tables and other extensions stay literal text. Text over 10,000 characters, with more than 1,000 `*`, `_`, `~` or `[` characters, or with more than 8 nested quote or list markers on a line, is rendered as plain text, because the parser slows down quadratically on some inputs. Without `markdown`, text is plain and whitespace is preserved.
+- `facets`: record facets are validated at runtime. Malformed, overlapping or mid-character ranges are ignored without dropping text. In Markdown, facets apply to formatted text such as `**@alice**`; facets in code, inside Markdown links, across Markdown syntax or on text changed by escapes or entities are ignored.
+- `detectLinks`: detects URLs, mentions and hashtags when there are no facets, outside code and existing links. Detection uses the mention, hashtag and URL rules of `@atcute/bluesky-richtext-parser` in one linear pass. Its `tokenize` also parses emphasis and backtracks badly on runs of `*` (a hundred take minutes), so do not run it on untrusted text; `detectTokens` from `@atmo-dev/kit/richtext` returns compatible tokens.
+
+Links accept only HTTP(S) URLs without credentials. `socialClient` selects mention and hashtag destinations; `mentionUrl` overrides mention routing with an HTTP(S) URL or root-relative path. Local links stay in the same tab; external links use `noopener noreferrer nofollow ugc`. Post text keeps Bluesky destinations by default.
+
+The parsed `RichTextDocument` is plain JSON with a `version`, independent of the viewer, so it can be sent in page data and cached publicly. `RichText` still treats it as untrusted: it renders only known elements, checks every link again and shows unknown nodes as text. Prefer parsing per request (a few milliseconds) over storing documents. `richTextToPlainText(content)` returns text without Markdown syntax for meta descriptions and previews.
+
+To parse in the browser, for example in an editor preview, load the parser on demand with `await import('@atmo-dev/kit/richtext')` so it is not part of the initial bundle.
 
 ### Special link embeds
 

package/dist/components/RichText.svelte

@@ -1,33 +1,146 @@
 <script lang="ts">
-	import { richTextSegments, type RichTextOptions } from '../social/richtext.js';
+	import {
+		inlineHref,
+		inlineText,
+		MAX_RENDER_DEPTH,
+		type RichTextDocument,
+		type RichTextLinkOptions
+	} from '../richtext/document.js';
+	import { parsePlainText } from '../richtext/plain.js';
 	import { cn } from '../utils.js';
 
-	export type RichTextProps = RichTextOptions & {
-		text: string;
+	export type RichTextProps = RichTextLinkOptions & {
+		/** From `parseRichText`, usually on the server. Takes precedence over `text`. */
+		content?: RichTextDocument | null;
+		/** Plain text, parsed here; Markdown requires `content`. */
+		text?: string;
 		/** Public record data is validated at runtime, including malformed facets. */
 		facets?: unknown;
+		/** Detect plain-text links, mentions and hashtags when there are no facets. */
+		detectLinks?: boolean;
+		/** Added to Markdown heading levels, e.g. 1 renders `#` as h2 below a page's h1. */
+		headingOffset?: number;
 		class?: string;
 	};
 
 	let {
-		text,
+		content,
+		text = '',
 		facets,
+		detectLinks = false,
 		socialClient,
 		mentionUrl,
-		detectLinks = false,
+		headingOffset = 0,
 		class: className
 	}: RichTextProps = $props();
-	let segments = $derived(
-		richTextSegments(text, facets, { socialClient, mentionUrl, detectLinks })
-	);
+
+	let doc = $derived(content ?? parsePlainText(text, { facets, detectLinks }));
+
+	type Node = Record<string, unknown>;
+
+	function isNode(value: unknown): value is Node {
+		return value !== null && typeof value === 'object' && !Array.isArray(value);
+	}
+	function nodes(value: unknown): Node[] {
+		return Array.isArray(value) ? value.filter(isNode) : [];
+	}
+	function items(value: unknown): unknown[] {
+		return Array.isArray(value) ? value.filter(Array.isArray) : [];
+	}
+	function string(value: unknown): string {
+		return typeof value === 'string' ? value : '';
+	}
+
+	function href(node: Node): string | undefined {
+		return inlineHref(node, { socialClient, mentionUrl });
+	}
+
+	function heading(depth: unknown): string {
+		const level = (Number.isInteger(depth) ? (depth as number) : 6) + Math.trunc(headingOffset);
+		return `h${Math.min(6, Math.max(1, level))}`;
+	}
+
+	const linkClass =
+		'text-action underline decoration-action/40 underline-offset-2 hover:decoration-action';
+	const codeClass = 'rounded bg-recess px-1 py-0.5 font-mono text-[0.875em]';
 </script>
 
-<p class={cn('leading-relaxed wrap-anywhere whitespace-pre-wrap text-ink', className)}>
-	{#each segments as segment, index (index)}{#if segment.href}<a
-				href={segment.href}
-				target={segment.href.startsWith('/') ? undefined : '_blank'}
-				rel={segment.href.startsWith('/') ? undefined : 'noopener noreferrer nofollow ugc'}
-				class="text-action underline decoration-action/40 underline-offset-2 hover:decoration-action"
-				>{segment.text}</a
-			>{:else}{segment.text}{/if}{/each}
-</p>
+{#snippet inlines(children: unknown, inLink: boolean, depth: number)}
+	{#each nodes(children) as node, index (index)}
+		{#if depth > MAX_RENDER_DEPTH}{inlineText(node, depth)}
+		{:else if node.type === 'text'}{string(node.value)}
+		{:else if node.type === 'break'}<br />
+		{:else if node.type === 'strong'}<strong class="font-semibold"
+				>{@render inlines(node.children, inLink, depth + 1)}</strong
+			>
+		{:else if node.type === 'emphasis'}<em>{@render inlines(node.children, inLink, depth + 1)}</em>
+		{:else if node.type === 'delete'}<del>{@render inlines(node.children, inLink, depth + 1)}</del>
+		{:else if node.type === 'code'}<code class={codeClass}>{string(node.value)}</code>
+		{:else if node.type === 'link' || node.type === 'mention' || node.type === 'tag'}
+			{@const url = inLink ? undefined : href(node)}
+			{#if url}<a
+					href={url}
+					target={url.startsWith('/') ? undefined : '_blank'}
+					rel={url.startsWith('/') ? undefined : 'noopener noreferrer nofollow ugc'}
+					class={linkClass}
+					>{#if node.type === 'link'}{@render inlines(
+							node.children,
+							true,
+							depth + 1
+						)}{:else}{string(node.text)}{/if}</a
+				>
+			{:else if node.type === 'link'}{@render inlines(node.children, inLink, depth + 1)}
+			{:else}{string(node.text)}{/if}
+		{:else}{inlineText(node, depth)}{/if}
+	{/each}
+{/snippet}
+
+{#snippet blocks(children: unknown, depth: number)}
+	{#each nodes(children) as node, index (index)}
+		{#if depth > MAX_RENDER_DEPTH}<p>{inlineText(node, depth)}</p>
+		{:else if node.type === 'paragraph'}<p>{@render inlines(node.children, false, depth + 1)}</p>
+		{:else if node.type === 'heading'}<svelte:element
+				this={heading(node.depth)}
+				class="{node.depth === 1
+					? 'text-xl'
+					: node.depth === 2
+						? 'text-lg'
+						: 'text-base'} leading-snug font-semibold"
+				>{@render inlines(node.children, false, depth + 1)}</svelte:element
+			>
+		{:else if node.type === 'blockquote'}<blockquote class="space-y-3 border-l-2 border-line pl-4">
+				{@render blocks(node.children, depth + 1)}
+			</blockquote>
+		{:else if node.type === 'list'}<svelte:element
+				this={node.ordered === true ? 'ol' : 'ul'}
+				start={node.ordered === true && Number.isInteger(node.start)
+					? (node.start as number)
+					: undefined}
+				class={cn('space-y-1 pl-6', node.ordered === true ? 'list-decimal' : 'list-disc')}
+			>
+				{#each items(node.items) as item, itemIndex (itemIndex)}
+					<li class="space-y-3">{@render blocks(item, depth + 1)}</li>
+				{/each}
+			</svelte:element>
+		{:else if node.type === 'codeBlock'}<pre
+				class="overflow-x-auto rounded-md bg-recess p-3 font-mono text-[0.875em]"><code
+					>{string(node.value)}</code
+				></pre>
+		{:else if node.type === 'thematicBreak'}<hr class="border-line" />
+		{:else}<p>{inlineText(node, depth)}</p>{/if}
+	{/each}
+{/snippet}
+
+{#if doc.markdown}
+	<div class={cn('space-y-3 leading-relaxed wrap-anywhere text-ink', className)}>
+		{@render blocks(doc.children, 0)}
+	</div>
+{:else}
+	<p class={cn('leading-relaxed wrap-anywhere whitespace-pre-wrap text-ink', className)}>
+		{#each nodes(doc.children) as block, index (index)}{@render inlines(
+				block.children,
+				false,
+				1
+			)}{/each}
+	</p>
+{/if}

package/dist/components/RichText.svelte.d.ts

@@ -1,8 +1,15 @@
-import { type RichTextOptions } from '../social/richtext.js';
-export type RichTextProps = RichTextOptions & {
-    text: string;
+import { type RichTextDocument, type RichTextLinkOptions } from '../richtext/document.js';
+export type RichTextProps = RichTextLinkOptions & {
+    /** From `parseRichText`, usually on the server. Takes precedence over `text`. */
+    content?: RichTextDocument | null;
+    /** Plain text, parsed here; Markdown requires `content`. */
+    text?: string;
     /** Public record data is validated at runtime, including malformed facets. */
     facets?: unknown;
+    /** Detect plain-text links, mentions and hashtags when there are no facets. */
+    detectLinks?: boolean;
+    /** Added to Markdown heading levels, e.g. 1 renders `#` as h2 below a page's h1. */
+    headingOffset?: number;
     class?: string;
 };
 declare const RichText: import("svelte").Component<RichTextProps, {}, "">;

package/dist/events/EventComments.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { NestedComments, blueskyPostToPostData, type PostData } from '../index.js';
+	import { appviewUrl } from './atproto-helpers.js';
 
 	import { socialClientInfo, socialPostUrl, type PreferredSocialClient } from '../social.js';
 
@@ -34,7 +35,7 @@
 		errorMessage = null;
 		try {
 			const res = await fetch(
-				`https://public.api.bsky.app/xrpc/app.bsky.feed.getPostThread?uri=${encodeURIComponent(uri)}&depth=6`,
+				`${appviewUrl()}/xrpc/app.bsky.feed.getPostThread?uri=${encodeURIComponent(uri)}&depth=6`,
 				{ signal }
 			);
 			if (!res.ok) throw new Error(`Failed to load thread (${res.status})`);

package/dist/events/EventEditor.svelte

@@ -2,7 +2,7 @@
 	import { getCDNImageBlobUrl } from './atproto-helpers.js';
 	import { getEventThumbnail } from './event-media.js';
 	import { Avatar, Button, ToggleGroup, ToggleGroupItem } from '../index.js';
-	import { onMount } from 'svelte';
+	import { onMount, untrack } from 'svelte';
 	import { InlineEditor, type Editor } from '../index.js';
 	import DateTimePicker from './DateTimePicker.svelte';
 	import TimezonePicker from './TimezonePicker.svelte';
@@ -185,22 +185,17 @@
 		return s.slice(0, 16);
 	}
 
-	// Auto-set end date to 1 hour after start if empty
+	// Only a changed start should move the end. Watching endsAt as well would
+	// overwrite intermediate keystrokes (e.g. entering 6 before switching to PM).
 	$effect(() => {
-		if (startsAt && !endsAt) {
-			endsAt = cdtToDatetimeLocal(parseDateTime(startsAt).add({ hours: 1 }).toString());
-		}
-	});
-
-	// Auto-adjust end date if start moves past it
-	$effect(() => {
-		if (startsAt && endsAt) {
-			const s = parseDateTime(startsAt);
-			const e = parseDateTime(endsAt);
-			if (s.compare(e) >= 0) {
+		const start = startsAt;
+		untrack(() => {
+			if (!start) return;
+			const s = parseDateTime(start);
+			if (!endsAt || s.compare(parseDateTime(endsAt)) >= 0) {
 				endsAt = cdtToDatetimeLocal(s.add({ hours: 1 }).toString());
 			}
-		}
+		});
 	});
 
 	async function handleSubmit() {
@@ -209,6 +204,8 @@
 		if (!name.trim()) return void (error = 'Name is required.');
 		if (!startsAt) return void (error = 'Start date is required.');
 		if (!endsAt) return void (error = 'End date is required.');
+		if (parseDateTime(endsAt).compare(parseDateTime(startsAt)) <= 0)
+			return void (error = 'End time must be after the start time.');
 		if (!viewer.isLoggedIn || !viewer.did) return void (error = 'You must be logged in.');
 
 		submitting = true;

package/dist/events/EventView.svelte

@@ -32,6 +32,7 @@
 	import AddToCalendarButton from './event-view/AddToCalendarButton.svelte';
 	import ExternalRsvpNotice from './event-view/ExternalRsvpNotice.svelte';
 	import RichText from '../components/RichText.svelte';
+	import { richTextToPlainText } from '../richtext/document.js';
 	import { getLocalProfileUrl } from './profile-url.js';
 	import { getLocations, resolveGeoLocation, type GeoLocation } from './event-view/locations.js';
 
@@ -109,7 +110,7 @@
 	let canSetEventComments = $state(false);
 	let isHost = $derived(!!viewer.did && viewer.did === did);
 	let hasComments = $derived(!!eventData.bskyPostRef?.showComments && !!eventData.bskyPostRef?.uri);
-	let hasDescription = $derived(!!eventData.description);
+	let hasDescription = $derived(!!eventData.description?.trim());
 	let aboutCommentsTab = $state<string>('about');
 	let photoLinks = $derived(eventData.uris?.filter((link) => parseGrainLink(link.uri)) ?? []);
 	let contentTabs = $derived([
@@ -203,7 +204,9 @@
 	let eventActor = $derived(hostProfile?.handle || did);
 	let conferenceRooms = $derived(getConferenceRooms(eventData));
 	let scheduleEvents = $derived(
-		isConference ? toScheduleEvents(data.conferenceTalks ?? [], eventUri) : []
+		isConference
+			? toScheduleEvents(data.conferenceTalks ?? [], eventUri, data.conferenceTalkDescriptions)
+			: []
 	);
 
 	// Imported events can opt out of atmo's own RSVPs (rsvpMode === 'external_only').
@@ -390,11 +393,13 @@
 						{/if}
 						{#if activeTab === 'about'}
 							<RichText
+								content={data.description}
 								text={eventData.description ?? ''}
 								facets={eventData.facets}
 								mentionUrl={getLocalProfileUrl}
 								socialClient={viewer.preferredSocialClient}
 								detectLinks
+								headingOffset={1}
 								class="text-base-700 dark:text-base-300"
 							/>
 						{:else if activeTab === 'comments' && eventData.bskyPostRef?.uri}
@@ -482,7 +487,9 @@
 	{canSetEventComments}
 	eventDid={did}
 	eventRkey={rkey}
-	eventDescription={eventData.description}
+	eventDescription={data.description
+		? richTextToPlainText(data.description)
+		: eventData.description}
 	{adapter}
 	{viewer}
 />

package/dist/events/PostToBlueskyModal.svelte

@@ -12,8 +12,9 @@
 		graphemeLength,
 		type Editor
 	} from '../index.js';
-	import { tokenize } from '@atcute/bluesky-richtext-parser';
+	import { detectTokens } from '../richtext/detect.js';
 	import { tokensToFacets } from './editor/save.js';
+	import { appviewUrl } from './atproto-helpers.js';
 	import type { EditorAdapter, EditorViewer } from './editor/adapter.js';
 
 	let {
@@ -44,7 +45,7 @@
 		onPosted?: (ref: { uri: string; cid: string; showComments: boolean }) => void;
 	} = $props();
 
-	const searchActors = createActorSearch();
+	const searchActors = createActorSearch({ host: appviewUrl() });
 	let text = $state('');
 	let editor = $state<Editor | null>(null);
 	let prefilledForOpen = $state(false);
@@ -104,7 +105,7 @@
 				return;
 			}
 			// Also recognize handles typed or pasted without selecting a suggestion.
-			const detected = await tokensToFacets(tokenize(text), (handle) =>
+			const detected = await tokensToFacets(detectTokens(text), (handle) =>
 				adapter.resolveHandle(handle)
 			);
 			for (const facet of detected) {

package/dist/events/TimezonePicker.svelte

@@ -4,7 +4,8 @@
 	let { value = $bindable('') }: { value: string } = $props();
 	let isOpen = $state(false);
 	let search = $state('');
-	const allTimezones = ['UTC', ...Intl.supportedValuesOf('timeZone')];
+	// WebKit already includes UTC; duplicate keys crash the list when opened.
+	const allTimezones = [...new Set(['UTC', ...Intl.supportedValuesOf('timeZone')])];
 	// Memoized formatting results are not reactive state.
 	// eslint-disable-next-line svelte/prefer-svelte-reactivity
 	const offsets = new Map<string, string>();

package/dist/events/atproto-helpers.d.ts

@@ -2,6 +2,12 @@
  * Pure browser-safe atproto helpers used by the UI components. Does not depend
  * on any session/client state — those flow through the EditorAdapter.
  */
+/** Configure shared event components before rendering on the server and in the browser. */
+export declare function configureAtproto(options: {
+    appview?: string;
+    cdn?: string;
+}): void;
+export declare function appviewUrl(): string;
 export declare function getCDNImageBlobUrl({ did, blob, format }: {
     did: string;
     blob: {

package/dist/events/atproto-helpers.js

@@ -2,8 +2,22 @@
  * Pure browser-safe atproto helpers used by the UI components. Does not depend
  * on any session/client state — those flow through the EditorAdapter.
  */
+const services = {
+    appview: 'https://public.api.bsky.app',
+    cdn: 'https://cdn.bsky.app'
+};
+/** Configure shared event components before rendering on the server and in the browser. */
+export function configureAtproto(options) {
+    if (options.appview)
+        services.appview = options.appview.replace(/\/+$/, '');
+    if (options.cdn)
+        services.cdn = options.cdn.replace(/\/+$/, '');
+}
+export function appviewUrl() {
+    return services.appview;
+}
 export function getCDNImageBlobUrl({ did, blob, format = 'webp' }) {
-    return `https://cdn.bsky.app/img/feed_thumbnail/plain/${did}/${blob.ref.$link}@${format}`;
+    return `${services.cdn}/img/feed_thumbnail/plain/${did}/${blob.ref.$link}@${format}`;
 }
 export function compressImage(file, maxSize = 900 * 1024, maxDimension = 2048) {
     return new Promise((resolve, reject) => {

package/dist/events/conference.d.ts

@@ -60,6 +60,7 @@ export declare function parseEventUri(uri: string): {
 /**
  * Normalize the talk records belonging to `conferenceUri` into ScheduleEvents,
  * sorted by start time. Records whose `parentEvent.uri` doesn't match are
- * dropped, so it's safe to pass an over-broad list.
+ * dropped, so it's safe to pass an over-broad list. `descriptions` replaces
+ * record descriptions, keyed by URI, e.g. with plain text from Markdown.
  */
-export declare function toScheduleEvents(events: FlatEventRecord[], conferenceUri: string): ScheduleEvent[];
+export declare function toScheduleEvents(events: FlatEventRecord[], conferenceUri: string, descriptions?: Record<string, string>): ScheduleEvent[];

package/dist/events/conference.js

@@ -35,9 +35,10 @@ export function parseEventUri(uri) {
 /**
  * Normalize the talk records belonging to `conferenceUri` into ScheduleEvents,
  * sorted by start time. Records whose `parentEvent.uri` doesn't match are
- * dropped, so it's safe to pass an over-broad list.
+ * dropped, so it's safe to pass an over-broad list. `descriptions` replaces
+ * record descriptions, keyed by URI, e.g. with plain text from Markdown.
  */
-export function toScheduleEvents(events, conferenceUri) {
+export function toScheduleEvents(events, conferenceUri, descriptions) {
     return events
         .filter((e) => getParentEventRef(e)?.uri === conferenceUri)
         .map((e) => {
@@ -50,7 +51,7 @@ export function toScheduleEvents(events, conferenceUri) {
             start: e.startsAt,
             end: e.endsAt,
             room: ad.room,
-            description: e.description,
+            description: descriptions?.[e.uri] ?? e.description,
             did: e.did,
             uri: e.uri,
             cid: e.cid,

package/dist/events/editor/RecurringModal.svelte

@@ -98,6 +98,10 @@
 			// to preserve the wall time across DST transitions.
 			const baseStart = parseDateTime(startsAt);
 			const baseEnd = endsAt ? parseDateTime(endsAt) : null;
+			if (baseEnd && baseEnd.compare(baseStart) <= 0) {
+				errorMsg = 'End time must be after the start time.';
+				return;
+			}
 			const durationMs = baseEnd
 				? baseEnd.toDate(timezone).getTime() - baseStart.toDate(timezone).getTime()
 				: 0;

package/dist/events/editor/save.d.ts

@@ -1,4 +1,4 @@
-import { type Token } from '@atcute/bluesky-richtext-parser';
+import type { Token } from '@atcute/bluesky-richtext-parser';
 import type { Facet } from '../../index.js';
 import type { FlatEventRecord } from '../contrail.js';
 import type { EventTheme } from '../theme.js';

package/dist/events/editor/save.js

@@ -1,5 +1,5 @@
 import { compressImage } from '../atproto-helpers.js';
-import { tokenize } from '@atcute/bluesky-richtext-parser';
+import { detectTokens } from '../../richtext/detect.js';
 import { datetimeLocalToISO } from '../date-format.js';
 import { designs, resolveAccentColor } from '../thumbnails/designs.js';
 import { normalizeEventLocations } from './location.js';
@@ -123,7 +123,7 @@ export async function buildEventRecord(args) {
     const trimmedDescription = description.trim();
     if (trimmedDescription) {
         record.description = trimmedDescription;
-        const tokens = tokenize(trimmedDescription);
+        const tokens = detectTokens(trimmedDescription);
         const facets = await tokensToFacets(tokens, resolveHandle);
         if (facets.length > 0)
             record.facets = facets;

package/dist/events/view-data.d.ts

@@ -1,7 +1,14 @@
 import type { AttendeeInfo, FlatEventRecord, HostProfile } from './contrail.js';
+import type { RichTextDocument } from '../richtext/document.js';
 /** App-loaded data for EventView; fetching and authorization stay in the host. */
 export interface EventViewData {
     eventData: FlatEventRecord;
+    /**
+     * `eventData.description` parsed on the server, usually with
+     * `parseRichText(description, { facets, markdown: true, detectLinks: true })`.
+     * Without it, the description renders as plain text.
+     */
+    description?: RichTextDocument | null;
     actorDid: string;
     rkey: string;
     hostProfile?: HostProfile | null;
@@ -27,6 +34,8 @@ export interface EventViewData {
         playlistUrl: string;
     } | null;
     conferenceTalks?: FlatEventRecord[];
+    /** Plain-text talk descriptions keyed by talk URI, e.g. from `richTextToPlainText`. */
+    conferenceTalkDescriptions?: Record<string, string>;
     conferenceTimezone?: string;
     conferenceRsvpStatuses?: Record<string, string>;
     conferenceRsvpRkeys?: Record<string, string>;

package/dist/events-data.d.ts

@@ -10,6 +10,6 @@ export * from './events/linked-records.js';
 export * from './events/date-format.js';
 export * from './events/theme.js';
 export { getEventThumbnail, getEventExternalImage, type ExternalEventImage } from './events/event-media.js';
-export { getCDNImageBlobUrl, compressImage } from './events/atproto-helpers.js';
+export { getCDNImageBlobUrl, compressImage, configureAtproto } from './events/atproto-helpers.js';
 export { getProfileUrl, getLocalProfileUrl } from './events/profile-url.js';
 export { normalizeCountryCode, normalizeEventLocations, LocationValidationError } from './events/editor/location.js';

package/dist/events-data.js

@@ -4,6 +4,6 @@ export * from './events/linked-records.js';
 export * from './events/date-format.js';
 export * from './events/theme.js';
 export { getEventThumbnail, getEventExternalImage } from './events/event-media.js';
-export { getCDNImageBlobUrl, compressImage } from './events/atproto-helpers.js';
+export { getCDNImageBlobUrl, compressImage, configureAtproto } from './events/atproto-helpers.js';
 export { getProfileUrl, getLocalProfileUrl } from './events/profile-url.js';
 export { normalizeCountryCode, normalizeEventLocations, LocationValidationError } from './events/editor/location.js';

package/dist/index.d.ts

@@ -78,6 +78,7 @@ export { default as NestedComments } from './components/NestedComments.svelte';
 export { default as PostContent } from './components/PostContent.svelte';
 export { default as RichText } from './components/RichText.svelte';
 export type { RichTextProps } from './components/RichText.svelte';
+export type { RichTextDocument, RichTextLinkOptions } from './richtext/document.js';
 export { default as ExternalEmbed } from './components/ExternalEmbed.svelte';
 export { defaultExternalEmbedProviders, youtubeEmbedProvider, klipyEmbedProvider, resolveExternalEmbed } from './social/external-embeds.js';
 export type { ExternalPostEmbed, ExternalEmbedProvider, ExternalEmbedPlayer } from './social/external-embeds.js';

package/dist/richtext/detect.d.ts

@@ -0,0 +1,7 @@
+import type { AutolinkToken, MentionToken, TextToken, TopicToken } from '@atcute/bluesky-richtext-parser';
+export type DetectedToken = TextToken | MentionToken | TopicToken | AutolinkToken;
+/**
+ * Plain-text URLs, mentions and hashtags, in linear time. Other text, including Markdown-like
+ * syntax, is returned as text tokens; joining every `raw` reproduces the input.
+ */
+export declare function detectTokens(text: string): DetectedToken[];