浅念
40 lines
1.5 KiB
TypeScript
40 lines
1.5 KiB
TypeScript
/**
|
||
* 分享链接与二维码纯逻辑（P4a Task 9，依赖注入 qrcode 实现供 vitest 覆盖）
|
||
*
|
||
* - viewer URL：VITE_VIEWER_BASE + /a/{publicToken}（viewer 路由
|
||
* /a/:token；base 缺省兜底本机 dev 5175，尾斜杠容忍）
|
||
* - 二维码：node-qrcode canvas 渲染；实现经参数注入（单测不拉真库），
|
||
* 组件侧默认传 QRCode.toCanvas
|
||
*/
|
||
|
||
/** viewer 部署基址（缺省兜底本机 dev） */
|
||
export const VIEWER_BASE_FALLBACK = 'http://127.0.0.1:5175'
|
||
|
||
/** 部署基址 + 公开令牌 → viewer 相册页 URL（尾斜杠容忍） */
|
||
export function buildViewerAlbumUrl(base: string, publicToken: string): string {
|
||
return `${base.replace(/\/+$/, '')}/a/${publicToken}`
|
||
}
|
||
|
||
/** 环境基址（VITE_VIEWER_BASE 缺省兜底；Vite 注入 import.meta.env） */
|
||
export function viewerBaseFromEnv(env: { VITE_VIEWER_BASE?: string }): string {
|
||
const base = env.VITE_VIEWER_BASE?.trim()
|
||
return base && base !== '' ? base : VIEWER_BASE_FALLBACK
|
||
}
|
||
|
||
/** 二维码单点绘制函数（注入边界：组件包 QRCode.toCanvas，单测传假实现——
|
||
@types/qrcode 的 callback 重载使整模块注入不可赋值，收窄到本签名） */
|
||
export type QrDraw = (
|
||
canvas: HTMLCanvasElement,
|
||
text: string,
|
||
options: { width: number; margin: number }
|
||
) => Promise<unknown> | void
|
||
|
||
/** URL → 二维码 canvas（组件 watch 相册变化时调用） */
|
||
export async function renderShareQr(
|
||
canvas: HTMLCanvasElement,
|
||
url: string,
|
||
draw: QrDraw
|
||
): Promise<void> {
|
||
await draw(canvas, url, { width: 200, margin: 2 })
|
||
}
|