@cowwo/dsh-icon-custom 0.1.0 → 0.2.1

package/README.md

@@ -19,6 +19,23 @@ Scoped name: `@cowwo/dsh-icon-custom`.
 3. The current tab icon changes immediately; it is persisted under `$DSH_HOME/custom-favicon/`.
 4. Click **恢复默认** to clear the custom icon and fall back to the platform favicon.
 
+## PWA install icon
+
+Tick **同时替换 PWA 安装图标** (checked state is remembered per icon) to also replace the icon of the installed PWA — the icon used on the desktop / home screen after the site is installed as an app. The plugin rewrites the `/manifest.webmanifest` icons entry to point at your icon (SVG is advertised as `sizes: "any"`, PNG reports its real dimensions, ICO its first entry). For iPhones/iPads a `<link rel="apple-touch-icon">` is pointed at the custom icon as well, which only works with a PNG (iOS ignores SVG touch icons).
+
+![PWA install icon option](./docs/pwa-option.png)
+
+When the site is installed as an app, the browser's install dialog picks the custom icon up:
+
+![PWA install dialog](./docs/install-dialog.png)
+
+Notes:
+
+- The option is **off by default**: without it, behavior is identical to before and the platform manifest is served verbatim.
+- The option can be toggled at any time after upload — no need to re-upload the file.
+- Browsers re-check the manifest on their own schedule. An **already-installed** PWA usually keeps its old icon until you re-install it (or the browser's next manifest update picks up the new `src`).
+- PNG is the recommended format for the PWA icon (UI / launcher icons are rasterized); the same uploaded file is used, never re-encoded.
+
 ## Format support
 
 - **SVG** — recognized by content (`<svg`), validated against script / event‑handler / `javascript:` injection.

package/README.zh.md

@@ -19,6 +19,23 @@ dsh plugin --profile web add dsh-icon-custom
 3. 当前标签页图标立即替换;文件会保存到 `$DSH_HOME/custom-favicon/`。
 4. 点击**恢复默认**清除自定义图标,回到平台默认图标。
 
+## PWA 安装图标
+
+勾选**同时替换 PWA 安装图标**(勾选状态按图标记录保存),网页「安装为应用 / 添加到主屏幕」后,桌面和启动器上的图标也会换成你上传的这张。插件会把 `/manifest.webmanifest` 的 icons 项改写为你的图标(SVG 标注 `sizes: "any"`,PNG 按真实尺寸标注,ICO 取第一条目尺寸);在 iPhone/iPad 上还会把 `<link rel="apple-touch-icon">` 指向你的图标——但这只在你的图标是 **PNG** 时有效(iOS 不支持 SVG 触屏图标)。
+
+![同时替换 PWA 安装图标选项](./docs/pwa-option.png)
+
+把网页「安装为应用」时,浏览器弹出的安装对话框也会显示你的图标:
+
+![PWA 安装对话框](./docs/install-dialog.png)
+
+说明:
+
+- 该选项**默认不勾选**:不勾选时行为与之前完全一致,平台 manifest 原样透传。
+- 上传后随时可以勾选/取消,不用重新上传文件。
+- 浏览器按自己的节奏重新检查 manifest;**已经安装**的应用通常要等重新安装(或浏览器下一次 manifest 更新读到新的 `src`)才会换图标。
+- PWA 图标推荐上传 **PNG**(桌面 / 启动器图标通常会被栅格化);复用同一张上传图,不重新编码。
+
 ## 支持的格式
 
 - **SVG** — 按内容(`<svg`)识别,并拦截 `<script>` / 事件属性 / `javascript:` 注入。

package/client/client.js

@@ -25,6 +25,9 @@ window.__ModuleLoader__.load({
 			updated: "更新时间",
 			successUpload: "已应用新图标",
 			successReset: "已恢复默认图标",
+			pwa: "同时替换 PWA 安装图标",
+			pwaHint: "安装为应用(添加到主屏幕)后,桌面上的图标也换成这张;已安装的应用可能需要重新安装才会更新。",
+			successPwa: "PWA 图标设置已更新",
 			fail: "操作失败",
 			noFile: "请先选择图标文件"
 		};
@@ -44,6 +47,9 @@ window.__ModuleLoader__.load({
 			updated: "Updated",
 			successUpload: "New icon applied",
 			successReset: "Default icon restored",
+			pwa: "Also replace the PWA app icon",
+			pwaHint: "The icon used after installing the site as an app (add to home screen). Already-installed apps may need a reinstall to pick it up.",
+			successPwa: "PWA icon setting updated",
 			fail: "Operation failed",
 			noFile: "Choose a file first"
 		};
@@ -73,6 +79,7 @@ window.__ModuleLoader__.load({
 			const t = props.t;
 			const rpc = props.rpc;
 			const [status, setStatus] = React.useState(null);
+			const [pwaEnabled, setPwaEnabled] = React.useState(false);
 			const [busy, setBusy] = React.useState(false);
 			const [error, setError] = React.useState("");
 			const [notice, setNotice] = React.useState("");
@@ -81,8 +88,10 @@ window.__ModuleLoader__.load({
 			const load = React.useCallback(async () => {
 				try {
 					const resp = await rpc.call("/api", "iconCustom/getStatus", { args: {} });
-					if (resp && resp.ok === true) setStatus(resp.value);
-					else setError(reason(resp, t("fail")));
+					if (resp && resp.ok === true) {
+						setStatus(resp.value);
+						setPwaEnabled(resp.value.pwa === true);
+					} else setError(reason(resp, t("fail")));
 				} catch (e) {
 					setError(String((e && e.message) || e || t("fail")));
 				}
@@ -138,10 +147,11 @@ window.__ModuleLoader__.load({
 					setBusy(true);
 					try {
 						const resp = await rpc.call("/api", "iconCustom/setIcon", {
-							args: { request: { mime: file.type || "image/svg+xml", name: file.name, data } }
+							args: { request: { mime: file.type || "image/svg+xml", name: file.name, pwa: pwaEnabled, data } }
 						});
 						if (resp && resp.ok === true) {
 							setStatus(resp.value);
+							setPwaEnabled(resp.value.pwa === true);
 							setNotice(t("successUpload"));
 							applyLive(resp.value);
 						} else {
@@ -155,7 +165,7 @@ window.__ModuleLoader__.load({
 				};
 				reader.onerror = () => setError(t("fail"));
 				reader.readAsDataURL(file);
-			}, [rpc, t, applyLive]);
+			}, [rpc, t, pwaEnabled, applyLive]);
 
 			const onReset = React.useCallback(async () => {
 				setError("");
@@ -165,6 +175,7 @@ window.__ModuleLoader__.load({
 					const resp = await rpc.call("/api", "iconCustom/resetIcon", { args: {} });
 					if (resp && resp.ok === true) {
 						setStatus(resp.value);
+						setPwaEnabled(false);
 						setNotice(t("successReset"));
 						applyDefault();
 					} else {
@@ -177,6 +188,32 @@ window.__ModuleLoader__.load({
 				}
 			}, [rpc, t, applyDefault]);
 
+			const onTogglePwa = React.useCallback(async (event) => {
+				const enabled = event.target.checked === true;
+				setError("");
+				setNotice("");
+				setBusy(true);
+				try {
+					const resp = await rpc.call("/api", "iconCustom/setPwa", {
+						args: { request: { enabled } }
+					});
+					if (resp && resp.ok === true) {
+						setStatus(resp.value);
+						setPwaEnabled(resp.value.pwa === true);
+						setNotice(t("successPwa"));
+						applyLive(resp.value);
+					} else {
+						setPwaEnabled(!enabled);
+						setError(reason(resp, t("fail")));
+					}
+				} catch (e) {
+					setPwaEnabled(!enabled);
+					setError(String((e && e.message) || e || t("fail")));
+				} finally {
+					setBusy(false);
+				}
+			}, [rpc, t, applyLive]);
+
 			const active = status && status.active === true;
 			const previewSrc = active ? `/icon-custom.svg?v=${status.rev}` : "/favicon.svg";
 
@@ -216,6 +253,11 @@ window.__ModuleLoader__.load({
 					),
 					React.createElement("input", { ref: inputRef, type: "file", accept: ".svg,.png,.ico,.cur,image/svg+xml,image/png,image/x-icon", style: { display: "none" }, onChange: onFileChange })
 				),
+				React.createElement("label", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "10px 0 0", fontSize: 12, color: "var(--dsw-alias-label-primary)", cursor: busy ? "default" : "pointer" } },
+					React.createElement("input", { type: "checkbox", checked: pwaEnabled, disabled: busy || !active, onChange: onTogglePwa, style: { cursor: busy ? "default" : "pointer" } }),
+					React.createElement("span", null, t("pwa"))
+				),
+				React.createElement("div", { style: style.hint }, t("pwaHint")),
 				React.createElement("div", { style: style.hint }, t("uploadHint")),
 				React.createElement("div", { style: style.hint }, t("resetHint")),
 				notice ? React.createElement("div", { style: style.notice }, notice) : null,

package/lib/index.js

@@ -19,6 +19,7 @@
 import { TypertRemoteService } from '@deepseek-ai/dsh-typert-protocol'
 import { readFileSync } from 'node:fs'
 import { mkdir, rename, writeFile } from 'node:fs/promises'
+import { createRequire } from 'node:module'
 import { homedir } from 'node:os'
 import { join, resolve } from 'node:path'
 
@@ -34,6 +35,25 @@ const MIME_EXT = {
 const PNG_MAGIC = [0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a]
 const ICO_MAGIC = [0x00, 0x00, 0x01, 0x00]
 const CUR_MAGIC = [0x00, 0x00, 0x02, 0x00]
+// Fallback platform manifest, mirroring @deepseek-ai/dsh-web-frontend/dist/
+// manifest.webmanifest. Used only when the real file cannot be resolved (e.g.
+// the plugin is developed outside the harness node_modules); the primary path
+// reads the actual dist file at startup so platform-side field changes are
+// followed automatically.
+const FALLBACK_MANIFEST = {
+	id: '/',
+	name: 'DeepSeek Harness',
+	short_name: 'DSH',
+	start_url: '/',
+	scope: '/',
+	display: 'fullscreen',
+	icons: [{
+		src: '/favicon.svg',
+		sizes: 'any',
+		type: 'image/svg+xml',
+		purpose: 'any'
+	}]
+}
 
 /** Resolve the Harness home the same way `@deepseek-ai/dsh-home-paths` does. */
 function resolveHome() {
@@ -128,6 +148,63 @@ function base64Body(dataUrl) {
 	return { bytes: Buffer.from(body, 'base64') }
 }
 
+/**
+ * Read the platform PWA manifest once at startup. Primary path resolves the
+ * actual dist file the same way @deepseek-ai/dsh-web-app does; the fallback
+ * constants keep the plugin working when developed outside the harness
+ * node_modules. Returns both the raw bytes (served verbatim while the PWA
+ * option is off) and the parsed object (base for the rewritten manifest).
+ */
+function loadBaseManifest() {
+	try {
+		const req = createRequire(import.meta.url)
+		const path = req.resolve('@deepseek-ai/dsh-web-frontend/dist/manifest.webmanifest')
+		const raw = readFileSync(path, 'utf8')
+		const parsed = JSON.parse(raw)
+		if (typeof parsed === 'object' && parsed !== null) return { raw, parsed }
+	} catch { /* fall through to constants */ }
+	const parsed = FALLBACK_MANIFEST
+	return { raw: JSON.stringify(parsed, null, 2), parsed }
+}
+
+/** PNG pixel size from IHDR: `<W>x<H>`, or null when unreadable. */
+function pngLabel(buf, offset) {
+	if (buf.length < offset + 23) return null
+	const w = buf.readUInt32BE(offset + 15)
+	const h = buf.readUInt32BE(offset + 19)
+	if (w <= 0 || h <= 0) return null
+	return `${w}x${h}`
+}
+
+/** First ICO/CUR directory entry size; a 0 byte means 256. */
+function icoFirstSize(buf, offset) {
+	if (buf.length < offset + 8) return null
+	const w = buf[offset + 6]
+	const h = buf[offset + 7]
+	return { w: w === 0 ? 256 : w, h: h === 0 ? 256 : h }
+}
+
+/**
+ * Manifest `sizes` attribute for the active icon: SVG is scalable (`any`),
+ * PNG reports its true IHDR dimensions, ICO reports its first entry size.
+ * Anything unreadable falls back to `any` — the platform manifest itself
+ * ships an SVG with `sizes: "any"` and remains installable.
+ */
+function iconSizes(mime, bytes) {
+	if (mime === 'image/png') {
+		const offset = indexOfPattern(bytes, PNG_MAGIC, 16)
+		const label = offset === -1 ? null : pngLabel(bytes, offset)
+		if (label !== null) return label
+	} else if (mime === 'image/x-icon') {
+		const offset = indexOfPattern(bytes, ICO_MAGIC, 16)
+		const cur = indexOfPattern(bytes, CUR_MAGIC, 16)
+		const at = offset !== -1 ? offset : cur
+		const size = at === -1 ? null : icoFirstSize(bytes, at)
+		if (size !== null) return `${size.w}x${size.h}`
+	}
+	return 'any'
+}
+
 /**
  * 图标替换服务:保存/读取用户上传的 favicon,并通过 webServer 提供
  * `/icon-custom.svg` 路由与 index 头部改写。通过 typert
@@ -141,16 +218,26 @@ export class FaviconCustomService extends TypertRemoteService {
 		this.storageDir = join(resolveHome(), 'custom-favicon')
 		this.libraryDir = join(this.storageDir, 'library')
 		this.indexPath = join(this.storageDir, 'library.json')
-		// { activeId, icons: { [id]: { id, mime, ext, name, size, savedAt, rev } } }
+		// { activeId, icons: { [id]: { id, mime, ext, name, size, savedAt, rev, pwa } } }
 		this.library = { activeId: null, icons: {} }
-		// The active icon's loaded state: { rev, mime, ext, name, size, savedAt, bytes } | null
+		// The active icon's loaded state: { rev, mime, ext, name, size, savedAt, pwa, bytes } | null
 		this.current = null
+		// Platform PWA manifest (raw + parsed), read once at startup.
+		this.baseManifest = loadBaseManifest()
 		this._load()
 		ctx.effect(() => ctx.webServer.register({
 			kind: 'exact',
 			path: '/icon-custom.svg',
 			handler: (request, response) => this._handleIcon(request, response)
 		}), 'dsh-icon-custom: /icon-custom.svg route')
+		// Exact route beats the frontend-static fallback (webserver match order:
+		// exact table → prefix table → fallback), so this transparently overrides
+		// the dist manifest without touching any platform file.
+		ctx.effect(() => ctx.webServer.register({
+			kind: 'exact',
+			path: '/manifest.webmanifest',
+			handler: (request, response) => this._handleManifest(request, response)
+		}), 'dsh-icon-custom: /manifest.webmanifest route')
 		ctx.effect(() => ctx.webServer.tapIndex((html) => this._rewriteIndex(html)),
 			'dsh-icon-custom: index tap')
 	}
@@ -181,8 +268,8 @@ export class FaviconCustomService extends TypertRemoteService {
 	status() {
 		const c = this.current
 		return c === null
-			? { active: false, rev: null, mime: null, ext: null, name: null, size: null, savedAt: null }
-			: { active: true, rev: c.rev, mime: c.mime, ext: c.ext, name: c.name, size: c.size, savedAt: c.savedAt }
+			? { active: false, pwa: false, rev: null, mime: null, ext: null, name: null, size: null, savedAt: null }
+			: { active: true, pwa: c.pwa === true, rev: c.rev, mime: c.mime, ext: c.ext, name: c.name, size: c.size, savedAt: c.savedAt }
 	}
 
 	/** typert endpoint: read current status. */
@@ -193,6 +280,8 @@ export class FaviconCustomService extends TypertRemoteService {
 	/** typert endpoint: store a new icon uploaded as a data URL and make it active. */
 	async setIcon(request) {
 		if (request === null || typeof request !== 'object') throw new Error('缺少图标参数')
+		// `pwa`: whether this icon also replaces the PWA install icon (opt-in).
+		const pwa = request.pwa === true
 		const { name, data } = request
 		if (typeof data !== 'string' || data.length === 0) throw new Error('缺少图标数据')
 		const { bytes } = base64Body(data)
@@ -210,6 +299,7 @@ export class FaviconCustomService extends TypertRemoteService {
 		const rec = {
 			id,
 			mime, ext,
+			pwa,
 			name: typeof name === 'string' && name.trim().length > 0 ? name.trim().slice(0, 128) : null,
 			size: bytes.length, savedAt: now, rev
 		}
@@ -220,6 +310,21 @@ export class FaviconCustomService extends TypertRemoteService {
 		return this.status()
 	}
 
+	/** typert endpoint: toggle the PWA-icon flag on the active icon (no re-upload). */
+	async setPwa(request) {
+		if (request === null || typeof request !== 'object' || typeof request.enabled !== 'boolean') {
+			throw new Error('缺少 enabled 参数')
+		}
+		const id = this.library.activeId
+		if (id === null || this.current === null) throw new Error('当前没有自定义图标')
+		const rec = this.library.icons[id]
+		if (rec === null || typeof rec !== 'object') throw new Error('图标记录不存在')
+		rec.pwa = request.enabled === true
+		this.current.pwa = rec.pwa
+		await this._saveLibrary().catch(() => {}) // index is advisory
+		return this.status()
+	}
+
 	/** typert endpoint: clear the active marker so the platform icon is used.
 	 *  Icon files stay on disk for the future icon-library UI. */
 	async resetIcon() {
@@ -256,15 +361,60 @@ export class FaviconCustomService extends TypertRemoteService {
 		response.end(c.bytes)
 	}
 
-	/** Rewrite the head `<link rel="icon">` only when a custom icon is active. */
+	/** PWA manifest body: platform manifest verbatim, or with `icons` pointed
+	 *  at the custom icon when the PWA option is on for the active icon. */
+	_manifestJson() {
+		const c = this.current
+		if (c === null || c.pwa !== true) return this.baseManifest.raw
+		const icons = [{
+			src: `/icon-custom.svg?v=${c.rev}`,
+			sizes: iconSizes(c.mime, c.bytes),
+			type: c.mime,
+			purpose: 'any'
+		}]
+		return JSON.stringify({ ...this.baseManifest.parsed, icons }, null, 2)
+	}
+
+	/** Serve the PWA manifest (platform default unless the PWA option is on). */
+	async _handleManifest(request, response) {
+		if (request.method !== 'GET' && request.method !== 'HEAD') {
+			response.writeHead(405, { allow: 'GET, HEAD' })
+			response.end()
+			return
+		}
+		const body = this._manifestJson()
+		response.writeHead(200, {
+			'content-type': 'application/manifest+json',
+			// The static dist server sends no cache headers; require revalidation
+			// so a toggled PWA icon is picked up without a hard cache purge.
+			'cache-control': 'no-cache',
+			'x-content-type-options': 'nosniff'
+		})
+		if (request.method === 'HEAD') {
+			response.end()
+			return
+		}
+		response.end(body)
+	}
+
+	/** Rewrite the head `<link rel="icon">` only when a custom icon is active.
+	 *  Also points `<link rel="apple-touch-icon">` (iOS home-screen installs)
+	 *  at the custom icon when the PWA option is on and the icon is a PNG —
+	 *  iOS ignores SVG apple-touch-icons. */
 	_rewriteIndex(html) {
 		const c = this.current
 		if (c === null) return html
+		let out = html
 		const href = `/icon-custom.svg?v=${c.rev}`
 		const tag = `<link rel="icon" type="${c.mime}" href="${href}" />`
 		const re = /<link\s+rel="icon"[^>]*\/?>/i
-		if (re.test(html)) return html.replace(re, tag)
-		return html.replace(/<head>/i, `<head>${tag}`)
+		out = re.test(out) ? out.replace(re, tag) : out.replace(/<head>/i, `<head>${tag}`)
+		if (c.pwa === true && c.mime === 'image/png') {
+			const tag2 = `<link rel="apple-touch-icon" href="${href}" />`
+			const re2 = /<link\s+rel="apple-touch-icon"[^>]*\/?>/i
+			out = re2.test(out) ? out.replace(re2, tag2) : out.replace(/<head>/i, `<head>${tag2}`)
+		}
+		return out
 	}
 }
 

package/lib/typert.host.js

@@ -3,6 +3,7 @@ import { z } from 'zod'
 
 const statusSchema = z.object({
 	active: z.boolean(),
+	pwa: z.boolean(),
 	rev: z.string().nullable(),
 	mime: z.string().nullable(),
 	ext: z.string().nullable(),
@@ -14,9 +15,14 @@ const statusSchema = z.object({
 const setIconRequestSchema = z.object({
 	mime: z.string().min(1),
 	name: z.string().max(128).optional(),
+	pwa: z.boolean().optional(),
 	data: z.string().min(1)
 })
 
+const setPwaRequestSchema = z.object({
+	enabled: z.boolean()
+})
+
 const setIconResultSchema = statusSchema
 
 export const TYPERT = {
@@ -63,6 +69,31 @@ export const TYPERT = {
 			},
 			sourceLocation: { file: 'lib/index.js', line: 1, column: 1 }
 		},
+		{
+			id: 'dsh-icon-custom#iconCustom/setPwa',
+			service: 'iconCustom',
+			namespace: 'iconCustom',
+			method: 'setPwa',
+			invocation: { kind: 'direct' },
+			parameters: [
+				{
+					name: 'request',
+					wire: 'request',
+					source: 'json',
+					codec: {
+						mode: 'strict',
+						typeSymbol: 'dsh-icon-custom#iconCustom/setPwa:request',
+						schema: setPwaRequestSchema
+					}
+				}
+			],
+			result: {
+				mode: 'strict',
+				typeSymbol: 'dsh-icon-custom#iconCustom/setPwa:result',
+				schema: statusSchema
+			},
+			sourceLocation: { file: 'lib/index.js', line: 1, column: 1 }
+		},
 		{
 			id: 'dsh-icon-custom#iconCustom/resetIcon',
 			service: 'iconCustom',
@@ -91,7 +122,7 @@ export const TYPERT = {
 					{
 						kind: 'method',
 						name: 'getStatus',
-						signature: 'async getStatus(): Promise<{ active: boolean; rev: string | null; mime: string | null; ext: string | null; name: string | null; size: number | null; savedAt: number | null }>',
+						signature: 'async getStatus(): Promise<{ active: boolean; pwa: boolean; rev: string | null; mime: string | null; ext: string | null; name: string | null; size: number | null; savedAt: number | null }>',
 						description: "Read the current favicon status.",
 						summary: "Read the current favicon status.",
 						jsDoc: "/** Read the current favicon status. */",
@@ -100,16 +131,25 @@ export const TYPERT = {
 					{
 						kind: 'method',
 						name: 'setIcon',
-						signature: 'async setIcon(request: { mime: string; name?: string; data: string }): Promise<{ active: boolean; rev: string | null; mime: string | null; ext: string | null; name: string | null; size: number | null; savedAt: number | null }>',
+						signature: 'async setIcon(request: { mime: string; name?: string; pwa?: boolean; data: string }): Promise<{ active: boolean; pwa: boolean; rev: string | null; mime: string | null; ext: string | null; name: string | null; size: number | null; savedAt: number | null }>',
 						description: "Store a new favicon uploaded as a data URL.",
 						summary: "Store a new favicon.",
 						jsDoc: "/** Store a new favicon. */",
 						tags: []
 					},
+					{
+						kind: 'method',
+						name: 'setPwa',
+						signature: 'async setPwa(request: { enabled: boolean }): Promise<{ active: boolean; pwa: boolean; rev: string | null; mime: string | null; ext: string | null; name: string | null; size: number | null; savedAt: number | null }>',
+						description: "Toggle whether the active custom icon also replaces the PWA install icon.",
+						summary: "Toggle the PWA-icon option.",
+						jsDoc: "/** Toggle the PWA-icon option. */",
+						tags: []
+					},
 					{
 						kind: 'method',
 						name: 'resetIcon',
-						signature: 'async resetIcon(): Promise<{ active: boolean; rev: string | null; mime: string | null; ext: string | null; name: string | null; size: number | null; savedAt: number | null }>',
+						signature: 'async resetIcon(): Promise<{ active: boolean; pwa: boolean; rev: string | null; mime: string | null; ext: string | null; name: string | null; size: number | null; savedAt: number | null }>',
 						description: "Clear the active custom favicon marker so the platform icon is used; stored icon files are kept.",
 						summary: "Clear the custom favicon.",
 						jsDoc: "/** Clear the custom favicon. */",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cowwo/dsh-icon-custom",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "自定义浏览器标签页图标:在设置页上传 SVG/PNG/ICO,立即生效并持久保存。· Custom browser tab favicon: upload SVG/PNG/ICO from the settings page, applies instantly and persists.",
   "type": "module",
   "main": "lib/index.js",
@@ -57,6 +57,8 @@
     "lib",
     "client",
     "cordis.patch.yml",
+    "docs/pwa-option.png",
+    "docs/install-dialog.png",
     "README.md",
     "README.zh.md",
     "LICENSE"