qak2019
/
cents
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(web): brand PWA as 有数记账

This commit is contained in:
openclaw 2026-07-26 20:11:03 +08:00
parent 65ce9670b8
commit ae31f2e567
13 changed files with 36 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.example
View File

@ -4,8 +4,8 @@ DOMAIN=cents.homemade.net.cn
# App install identity. Use "dev" for cents-dev and "pro" for cents-pro.
APP_VARIANT=pro
# Optional overrides for the PWA install name/id.
# VITE_APP_NAME=Cents Dev
# VITE_APP_SHORT_NAME=Cents Dev
# VITE_APP_NAME=有数记账 Dev
# VITE_APP_SHORT_NAME=有数 Dev
# VITE_APP_ID=/?app=cents-dev
# Public VPS / frps address.

5
apps/web/index.html
View File

@ -3,8 +3,10 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#f7f4ee" />
<meta name="theme-color" content="#43c9bd" />
<link rel="manifest" href="/manifest.webmanifest" />
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<title>Cents</title>
</head>
<body>
@ -12,4 +14,3 @@
<script type="module" src="/src/main.ts"></script>
</body>
</html>

BIN
apps/web/public/apple-touch-icon-dev.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
apps/web/public/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
apps/web/public/icon-192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
apps/web/public/icon-512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 290 KiB

BIN
apps/web/public/icon-dev-192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
apps/web/public/icon-dev-512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 197 KiB

BIN
apps/web/public/icon-dev-maskable-512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 135 KiB

BIN
apps/web/public/icon-maskable-512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

6
apps/web/public/icon.svg
View File

@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
<rect width="128" height="128" rx="24" fill="#214e4b"/>
<path d="M34 38h60v52H34z" fill="#f7f4ee"/>
<path d="M44 50h40M44 64h30M44 78h22" stroke="#214e4b" stroke-width="8" stroke-linecap="round"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 274 B

2
apps/web/public/sw.js
View File

@ -1,5 +1,5 @@
const CACHE_NAME = "cents-shell-v3";
const APP_SHELL = ["/", "/manifest.webmanifest", "/icon.svg"];
const APP_SHELL = ["/", "/manifest.webmanifest"];
self.addEventListener("install", (event) => {
event.waitUntil(caches.open(CACHE_NAME).then((cache) => cache.addAll(APP_SHELL)));

41
apps/web/vite.config.ts
View File

@ -7,11 +7,15 @@ type AppVariant = "dev" | "pro";
function appIdentityPlugin(mode: string): Plugin {
const env = loadEnv(mode, monorepoRoot, "");
const envValue = (name: string) => process.env[name] || env[name];
const defaultVariant: AppVariant = mode === "development" ? "dev" : "pro";
const variant: AppVariant = env.APP_VARIANT === "dev" || env.APP_VARIANT === "pro" ? env.APP_VARIANT : defaultVariant;
const appName = env.VITE_APP_NAME || (variant === "dev" ? "Cents Dev" : "Cents");
const shortName = env.VITE_APP_SHORT_NAME || appName;
const appId = env.VITE_APP_ID || (variant === "dev" ? "/?app=cents-dev" : "/?app=cents");
const configuredVariant = envValue("APP_VARIANT");
const variant: AppVariant = configuredVariant === "dev" || configuredVariant === "pro" ? configuredVariant : defaultVariant;
const appName = envValue("VITE_APP_NAME") || (variant === "dev" ? "有数记账 Dev" : "有数记账");
const shortName = envValue("VITE_APP_SHORT_NAME") || appName;
const appId = envValue("VITE_APP_ID") || (variant === "dev" ? "/?app=cents-dev" : "/?app=cents");
const iconPrefix = variant === "dev" ? "icon-dev" : "icon";
const appleTouchIcon = variant === "dev" ? "/apple-touch-icon-dev.png" : "/apple-touch-icon.png";
const manifest = JSON.stringify(
{
@ -21,14 +25,26 @@ function appIdentityPlugin(mode: string): Plugin {
description: "家庭共享账本",
start_url: "/",
display: "standalone",
background_color: "#f7f4ee",
theme_color: "#f7f4ee",
background_color: "#ffffff",
theme_color: "#43c9bd",
icons: [
{
src: "/icon.svg",
sizes: "any",
type: "image/svg+xml",
purpose: "any maskable",
src: `/${iconPrefix}-192.png`,
sizes: "192x192",
type: "image/png",
purpose: "any",
},
{
src: `/${iconPrefix}-512.png`,
sizes: "512x512",
type: "image/png",
purpose: "any",
},
{
src: `/${iconPrefix}-maskable-512.png`,
sizes: "512x512",
type: "image/png",
purpose: "maskable",
},
],
},
@ -50,7 +66,10 @@ function appIdentityPlugin(mode: string): Plugin {
});
},
transformIndexHtml(html) {
return html.replace(/<title>.*<\/title>/, `<title>${appName}</title>`);
return html
.replace(/<title>.*<\/title>/, `<title>${appName}</title>`)
.replace('href="/icon-192.png"', `href="/${iconPrefix}-192.png"`)
.replace('href="/apple-touch-icon.png"', `href="${appleTouchIcon}"`);
},
generateBundle() {
this.emitFile({