Three things an installed ihasmail did not do that a phone user expects, and all three are about the app once it is off the browser tab. The unread count was painted into the tab title and the favicon, neither of which exists in `display: standalone` -- so putting ihasmail on a home screen threw the count away entirely. It goes to the Badging API as well now. Web Push marks the icon while the app is closed, and marks it with a dot rather than a figure: the service worker has no session to ask how many messages are unread, and a push carries the new mail rather than a total, so counting the payload would badge "2" over an inbox holding forty. The next tab to open writes the real count over it. Sharing is new. Everything that left ihasmail left as a download, which on a phone is close to a dead end -- the file lands in Downloads and whoever meant to send it somewhere goes looking for it in a file manager. The share sheet is now on the message menu, on each attachment row, and in the file viewer, which is where an attachment is already open and where both callers meet. A message shares as text rather than as the .eml beside it: a share sheet is aimed at everything that is not a mail client, and an .eml in a chat app is an attachment nobody can open. Every control feature-detects, and sharing a file is a separate question from sharing at all -- desktop Linux and Firefox have neither, and not every browser with `share` takes files. Anything that fails, including the transient activation running out while a large attachment is fetched, falls through to the download the button sits beside, so the worst case costs a tap rather than the file. `NotAllowedError` is reported as unsupported for that reason: it cannot be told apart from a refusal, and a toast about activation is not something a reader can act on. The share strings are contextual keys rather than the existing "Share…". That one means granting another account access, and several languages use a different verb for it -- German had "Freigeben" where the sheet wants "Teilen". Three new strings, in all nine catalogues. The manifest gains `launch_handler: navigate-existing`, so a mailto:, a shortcut or a notification tapped while ihasmail is running arrives in the copy that is running: two windows on one inbox disagree about what has been read. `focus-existing` would have been wrong -- it only focuses and leaves the target URL to launchQueue, which nothing here consumes, so it would swallow the mailto. There is deliberately still no `id`, and the manifest now says why: it is the one member resolved against the origin of start_url rather than against the manifest's own address, so no relative form can name a subpath mount, and the default id already is start_url -- writing one now would give every installed copy a new identity and orphan it as a second app. Verified by test rather than on a device: the extension driving Chrome was not connected, and Chrome on Linux has no Web Share to drive anyway. The preview dialog is covered by a component test that stubs the browser both ways.
103 lines
4.2 KiB
TypeScript
103 lines
4.2 KiB
TypeScript
/*
|
|
* The operating system's own share sheet.
|
|
*
|
|
* Everything that leaves ihasmail today leaves as a download, and on a phone a
|
|
* download is close to a dead end: the file lands in Downloads and the person
|
|
* who wanted to send it somewhere goes hunting for it in a file manager. Web
|
|
* Share hands the bytes straight to whatever they meant to send them to, which
|
|
* is the thing they were actually trying to do.
|
|
*
|
|
* Every entry point feature-detects and disappears where the API is not there
|
|
* rather than failing at the tap: `navigator.share` is absent on desktop Linux
|
|
* and in Firefox, exists on iOS and Android and on Windows and macOS Chrome,
|
|
* and file sharing is a separate question from sharing at all.
|
|
*/
|
|
|
|
/**
|
|
* What became of a share.
|
|
*
|
|
* `unsupported` is the interesting one: it says the share did not happen and
|
|
* the caller should do whatever it did before — for an attachment, download
|
|
* it. It covers both "this browser cannot" and "this browser could not this
|
|
* time", because to the caller those are the same instruction.
|
|
*/
|
|
export type ShareOutcome = "shared" | "dismissed" | "unsupported";
|
|
|
|
/** Whether the browser can share at all. */
|
|
export function canShare(): boolean {
|
|
return typeof navigator !== "undefined" && typeof navigator.share === "function";
|
|
}
|
|
|
|
/*
|
|
* Whether it can share *files*, asked once and remembered.
|
|
*
|
|
* `canShare()` needs a real File to answer, and the answer is about the
|
|
* browser rather than about any particular file, so a one-byte probe settles
|
|
* it for the session. It has to be asked before there is anything to share:
|
|
* this is what decides whether a Share button is drawn at all, and drawing one
|
|
* that turns out to be a download in disguise is worse than not drawing it.
|
|
*
|
|
* A byte rather than an empty file on purpose — an implementation is entitled
|
|
* to refuse a zero-length one, and being told "no" by the probe would hide the
|
|
* button everywhere.
|
|
*/
|
|
let fileShareSupported: boolean | null = null;
|
|
export function canShareFiles(): boolean {
|
|
if (fileShareSupported === null) {
|
|
try {
|
|
fileShareSupported =
|
|
canShare() &&
|
|
typeof navigator.canShare === "function" &&
|
|
navigator.canShare({ files: [new File(["x"], "probe.txt", { type: "text/plain" })] });
|
|
} catch {
|
|
fileShareSupported = false;
|
|
}
|
|
}
|
|
return fileShareSupported;
|
|
}
|
|
|
|
/** Reset the remembered probe. Tests only. */
|
|
export function resetShareSupport(): void {
|
|
fileShareSupported = null;
|
|
}
|
|
|
|
/** Share text, a title, a URL, or any combination the browser accepts. */
|
|
export async function shareText(data: { title?: string; text?: string; url?: string }): Promise<ShareOutcome> {
|
|
if (!canShare()) return "unsupported";
|
|
return await run(data);
|
|
}
|
|
|
|
/**
|
|
* Share one file. `unsupported` means nothing happened and the caller should
|
|
* fall back to a download.
|
|
*/
|
|
export async function shareFile(file: File, extra: { title?: string; text?: string } = {}): Promise<ShareOutcome> {
|
|
if (!canShare() || !navigator.canShare?.({ files: [file] })) return "unsupported";
|
|
return await run({ ...extra, files: [file] });
|
|
}
|
|
|
|
async function run(data: ShareData): Promise<ShareOutcome> {
|
|
try {
|
|
await navigator.share(data);
|
|
return "shared";
|
|
} catch (err) {
|
|
const name = err instanceof DOMException ? err.name : "";
|
|
// The sheet opened and was closed again. That is a decision, not a fault,
|
|
// and a toast for it would be scolding somebody for changing their mind.
|
|
if (name === "AbortError") return "dismissed";
|
|
/*
|
|
* `NotAllowedError` is reported as unsupported rather than raised, because
|
|
* what it nearly always means here is that the tap's transient activation
|
|
* ran out while the attachment downloaded. `share()` takes files and not a
|
|
* promise of them, so there is no way to open the sheet first and fill it
|
|
* afterwards — the fetch has to happen inside the gesture's window, and on
|
|
* a slow connection and a large attachment it will sometimes not fit.
|
|
*
|
|
* The caller's fallback is a download, which is exactly what the button
|
|
* did before this existed, so the failure costs a tap rather than the file.
|
|
*/
|
|
if (name === "NotAllowedError") return "unsupported";
|
|
throw err;
|
|
}
|
|
}
|