jcoffey-dev
6127a77458
Scheduled send, which the README listed as needing server support that Stalwart has had all along. The delay cannot be asked for directly -- RFC 8621 makes `sendAt` read-only and server-derived -- so it goes on the envelope as an RFC 4865 `HOLDUNTIL` parameter, and the server reports back the time it settled on. Stalwart advertises this in the *account* capability, not the session-level one (which is empty): `maxDelayedSend` of thirty days and `FUTURERELEASE` among its `submissionExtensions`. The composer offers scheduling only when both are there, and never offers a time the server would refuse. A held message goes to a Scheduled folder rather than Sent, because `onSuccessUpdateEmail` would otherwise file it as sent the moment the submission is created, and it has not been sent. Nothing moves it out when the hold expires, so the folder is reconciled on the way in: released messages to Sent, cancelled ones back to Drafts. Cancelling uses a separate `Email/set` rather than `onSuccessUpdateEmail`, whose key Stalwart reads as an Email id and not, as the RFC says, a submission id. The mock grows the whole lifecycle, and learns to resolve creation references while it is there -- it had been quietly declining to create any submission at all, since sending names its message as `#m`. Because Stalwart's own `futureRelease` setting defaults to off and then drops the hold in silence, `npm run dev:mock:no-future-release` reproduces that. Verified end to end against the mock; not yet against the live server.
67 lines
2.5 KiB
TypeScript
67 lines
2.5 KiB
TypeScript
import { useMemo, useState } from "react";
|
|
import { Clock } from "lucide-react";
|
|
import { Dialog } from "@/ui/dialog";
|
|
import { DateTimeField } from "@/ui/datefield";
|
|
import { MenuItem, MenuSep, MenuTitle } from "@/ui/popover";
|
|
import { describeSpan, formatScheduleTime, schedulePresets, scheduleError } from "@/lib/schedule";
|
|
import { toInputDateTime, fromInputDateTime, roundToNext } from "@/lib/dates";
|
|
|
|
/**
|
|
* The quick picks that hang off the composer's send menu. Anything the server
|
|
* will not hold that long is simply not offered.
|
|
*/
|
|
export function ScheduleMenuItems({ maxMs, onPick, onCustom }: { maxMs: number; onPick: (at: Date) => void; onCustom: () => void }) {
|
|
const presets = useMemo(() => schedulePresets(new Date(), maxMs), [maxMs]);
|
|
return (
|
|
<>
|
|
<MenuSep />
|
|
<MenuTitle>Schedule send</MenuTitle>
|
|
{presets.map((p) => (
|
|
<MenuItem key={p.id} icon={<Clock size={16} />} label={p.label} kbd={formatScheduleTime(p.at)} onClick={() => onPick(p.at)} />
|
|
))}
|
|
<MenuItem icon={<Clock size={16} />} label="Pick date and time…" onClick={onCustom} />
|
|
</>
|
|
);
|
|
}
|
|
|
|
/** The custom date/time dialog behind "Pick date and time…". */
|
|
export function ScheduleDialog({ open, maxMs, initial, onClose, onPick }: {
|
|
open: boolean;
|
|
maxMs: number;
|
|
initial: number | null;
|
|
onClose: () => void;
|
|
onPick: (at: Date) => void;
|
|
}) {
|
|
const [value, setValue] = useState(() => toInputDateTime(initial ? new Date(initial) : roundToNext(new Date(Date.now() + 3_600_000), 15)));
|
|
const at = fromInputDateTime(value);
|
|
const error = scheduleError(at, new Date(), maxMs);
|
|
|
|
return (
|
|
<Dialog
|
|
open={open}
|
|
onClose={onClose}
|
|
title="Schedule send"
|
|
size="sm"
|
|
footer={
|
|
<>
|
|
<button className="btn" onClick={onClose}>Cancel</button>
|
|
<button className="btn btn-primary" disabled={Boolean(error)} onClick={() => onPick(at)}>Schedule send</button>
|
|
</>
|
|
}
|
|
>
|
|
<div className="field">
|
|
<label htmlFor="schedule-at">Send at</label>
|
|
<DateTimeField id="schedule-at" value={value} onChange={setValue} aria-label="Date and time to send" />
|
|
</div>
|
|
{error ? (
|
|
<p className="hint" style={{ color: "var(--danger)" }}>{error}</p>
|
|
) : (
|
|
<p className="hint">
|
|
The message waits on the server, so it goes out whether or not ihasmail is open.
|
|
{maxMs > 0 && ` This server holds a message for up to ${describeSpan(maxMs)}.`}
|
|
</p>
|
|
)}
|
|
</Dialog>
|
|
);
|
|
}
|