Files
readest/apps/readest-app/src/utils/deeplink.ts
T
Huang Xin 2f5e583653 feat(annotations): configurable export link type + dedicated Import Annotations modal (#4350)
* feat(export): make annotation export link type configurable

Add an Annotation Link selector (App / Web) to the Export Annotations
dialog. Defaults to the app deeplink in the native app and the universal
web link on the web, so web exports no longer emit readest:// links that
only the desktop/mobile app can open. The default markdown template now
uses the configurable annotation.link variable.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(annotations): move Moon+ Reader import into a dedicated Import Annotations modal

Replace the single 'Import from Moon+ Reader' menu item with an 'Import
Annotations' entry (below 'Export Annotations') that opens a dedicated
modal listing import sources. Currently lists Moon+ Reader; the boxed-list
layout makes adding future providers a one-row change.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-05-29 07:48:00 +02:00

93 lines
3.3 KiB
TypeScript

import { READEST_WEB_BASE_URL } from '@/services/constants';
export type AnnotationDeepLink = {
bookHash: string;
noteId: string;
cfi?: string;
};
/**
* Which form of annotation link markdown export embeds: the custom-scheme
* `readest://` app deeplink or the universal `https://` web link.
*/
export type AnnotationLinkType = 'app' | 'web';
const ANNOTATION_PATH_PREFIX = '/o/book/';
/**
* Build the canonical HTTPS URL for an annotation. Used in markdown export
* and Readwise sync. Mobile App Links (web.readest.com) intercept this URL
* and open the native app; on desktop browsers it resolves to the smart
* landing page at /o/book/{hash}/annotation/{id}.
*/
export const buildAnnotationWebUrl = ({ bookHash, noteId, cfi }: AnnotationDeepLink): string => {
const base = `${READEST_WEB_BASE_URL}${ANNOTATION_PATH_PREFIX}${bookHash}/annotation/${noteId}`;
return cfi ? `${base}?cfi=${encodeURIComponent(cfi)}` : base;
};
/**
* Build the custom-scheme URL. Kept as a parallel form for share-sheet flows
* and direct deeplink scenarios. Markdown export uses the HTTPS form.
*/
export const buildAnnotationAppUrl = ({ bookHash, noteId, cfi }: AnnotationDeepLink): string => {
const base = `readest://book/${bookHash}/annotation/${noteId}`;
return cfi ? `${base}?cfi=${encodeURIComponent(cfi)}` : base;
};
/**
* Build the annotation link for the requested {@link AnnotationLinkType}.
* `app` yields the custom-scheme deeplink; `web` yields the universal HTTPS form.
*/
export const buildAnnotationUrl = (
link: AnnotationDeepLink,
linkType: AnnotationLinkType,
): string => (linkType === 'app' ? buildAnnotationAppUrl(link) : buildAnnotationWebUrl(link));
/**
* Parse an incoming readest:// or https://web.readest.com annotation URL.
* Accepts the new hierarchical form (book/{hash}/annotation/{id}) and the
* legacy flat form (annotation/{hash}/{id}) emitted by older Readwise syncs.
* Returns null if the URL doesn't match.
*/
export const parseAnnotationDeepLink = (url: string): AnnotationDeepLink | null => {
let parsed: URL;
try {
parsed = new URL(url);
} catch {
return null;
}
const isCustomScheme = parsed.protocol === 'readest:';
const isWebHost =
(parsed.protocol === 'https:' || parsed.protocol === 'http:') &&
parsed.host === 'web.readest.com';
if (!isCustomScheme && !isWebHost) return null;
// For readest:// URLs the URL parser stores the first path segment in the
// host. Reconstruct a uniform segment list across both schemes.
const segments: string[] = isCustomScheme
? [parsed.host, ...parsed.pathname.split('/')].filter(Boolean)
: parsed.pathname.split('/').filter(Boolean);
// HTTPS landing page is prefixed with /o/. Strip it for uniform parsing.
if (isWebHost) {
if (segments[0] !== 'o') return null;
segments.shift();
}
const cfiParam = parsed.searchParams.get('cfi');
const cfi = cfiParam ? cfiParam : undefined;
// Hierarchical: book/{hash}/annotation/{id}
if (segments.length === 4 && segments[0] === 'book' && segments[2] === 'annotation') {
return { bookHash: segments[1]!, noteId: segments[3]!, cfi };
}
// Legacy flat: annotation/{hash}/{id}
if (segments.length === 3 && segments[0] === 'annotation') {
return { bookHash: segments[1]!, noteId: segments[2]!, cfi };
}
return null;
};