chore: update app metadata, branding, and assets for distribution

- Set app name and configure native macOS menu/About panel - Update appId, maintainer, version, and homepage for release - Replace app icon with updated PNG and add SVG source - Remove unused background assets from public/
2026-04-19 18:21:25 +08:00
1 parent 359c885904
commit 44179efadd
@@ -1,4 +1,4 @@
-appId: com.hikid.app
+appId: fun.hikid.app
 productName: HiKid
 directories:
  buildResources: build
@@ -35,7 +35,7 @@ linux:
    - AppImage
    - snap
    - deb
-  maintainer: HiKid Team
+  maintainer: xiaochong
  category: Utility
 appImage:
  artifactName: ${name}-${version}.${ext}
@@ -1,10 +1,10 @@
 {
  "name": "hi-kid",
-  "version": "1.0.0",
+  "version": "0.1.0",
  "description": "HiKid - Your AI English Pal",
  "main": "./out/main/index.js",
  "author": "xiaochong",
-  "homepage": "https://github.com/groovyquan/hi-kid",
+  "homepage": "https://github.com/xiaochong/hi-kid",
  "scripts": {
    "format": "prettier --write .",
    "lint": "eslint --cache .",
@@ -1,9 +0,0 @@
-<svg width="1833" height="1693" viewBox="0 0 1833 1693" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect width="1833" height="1693" fill="url(#pattern0_124_3579)" fill-opacity="0.3"/>
-<defs>
-<pattern id="pattern0_124_3579" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0_124_3579" transform="scale(0.000854572 0.000925239)"/>
-</pattern>
-<image id="image0_124_3579" width="1170" height="2532" preserveAspectRatio="none" xlink:href="data:image/png;base64,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 truncated
-</defs>
-</svg>
@@ -1,20 +0,0 @@
-<svg width="1080" height="2280" viewBox="0 0 1080 2280" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_54_2368" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1080" height="2280">
-<rect width="1080" height="2280" fill="#F8F4E8"/>
-</mask>
-<g mask="url(#mask0_54_2368)">
-<rect width="1080" height="2280" fill="#F8F4E8"/>
-<path d="M1148.1 2565.96H-119.49V1996.02H1148.1V2565.96Z" fill="#8ACED7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2214.89L22.8619 2210.99C44.5808 2208.4 90.3047 2201.9 134.885 2181.12C180.609 2159.03 225.19 2122.66 270.914 2125.26C315.495 2127.86 361.219 2170.73 405.8 2195.41C451.524 2220.09 496.104 2226.58 518.966 2229.18L541.828 2233.08V2251.26H518.966C496.104 2251.26 451.524 2251.26 405.8 2251.26C361.219 2251.26 315.495 2251.26 270.914 2251.26C225.19 2251.26 180.609 2251.26 134.885 2251.26C90.3047 2251.26 44.5808 2251.26 22.8619 2251.26H0V2214.89Z" fill="#2EBDAD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M542 2214.89L519.138 2210.99C497.419 2208.4 451.695 2201.9 407.115 2181.12C361.391 2159.03 316.81 2122.66 271.086 2125.26C226.505 2127.86 180.781 2170.73 136.2 2195.41C90.4765 2220.09 45.8957 2226.58 23.0337 2229.18L0.171753 2233.08V2251.26H23.0337C45.8957 2251.26 90.4765 2251.26 136.2 2251.26C180.781 2251.26 226.505 2251.26 271.086 2251.26C316.81 2251.26 361.391 2251.26 407.115 2251.26C451.695 2251.26 497.419 2251.26 519.138 2251.26H542V2214.89Z" fill="#2EBDAD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M500 2214.89L522.862 2210.99C544.581 2208.4 590.305 2201.9 634.885 2181.12C680.609 2159.03 725.19 2122.66 770.914 2125.26C815.495 2127.86 861.219 2170.73 905.8 2195.41C951.524 2220.09 996.104 2226.58 1018.97 2229.18L1041.83 2233.08V2251.26H1018.97C996.104 2251.26 951.524 2251.26 905.8 2251.26C861.219 2251.26 815.495 2251.26 770.914 2251.26C725.19 2251.26 680.609 2251.26 634.885 2251.26C590.305 2251.26 544.581 2251.26 522.862 2251.26H500V2214.89Z" fill="#2EBDAD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1080 2214.67L1055.53 2210.77C1032.28 2208.18 983.333 2201.69 935.612 2180.93C886.667 2158.87 838.945 2122.54 790 2125.13C742.278 2127.73 693.333 2170.55 645.612 2195.2C596.667 2219.86 548.945 2226.34 524.473 2228.94L500 2232.83V2251H524.473C548.945 2251 596.667 2251 645.612 2251C693.333 2251 742.278 2251 790 2251C838.945 2251 886.667 2251 935.612 2251C983.333 2251 1032.28 2251 1055.53 2251H1080V2214.67Z" fill="#2EBDAD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1542 2214.89L1519.14 2210.99C1497.42 2208.4 1451.7 2201.9 1407.11 2181.12C1361.39 2159.03 1316.81 2122.66 1271.09 2125.26C1226.51 2127.86 1180.78 2170.73 1136.2 2195.41C1090.48 2220.09 1045.9 2226.58 1023.03 2229.18L1000.17 2233.08V2251.26H1023.03C1045.9 2251.26 1090.48 2251.26 1136.2 2251.26C1180.78 2251.26 1226.51 2251.26 1271.09 2251.26C1316.81 2251.26 1361.39 2251.26 1407.11 2251.26C1451.7 2251.26 1497.42 2251.26 1519.14 2251.26H1542V2214.89Z" fill="#2EBDAD"/>
-<path d="M1255.59 2805.94H-12V2236H1255.59V2805.94Z" fill="#2EBDAD"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M0 1959.89L22.8619 1955.99C44.5808 1953.4 90.3047 1946.9 134.885 1926.12C180.609 1904.03 225.19 1867.66 270.914 1870.26C315.495 1872.86 361.219 1915.73 405.8 1940.41C451.524 1965.09 496.104 1971.58 518.966 1974.18L541.828 1978.08V1996.26H518.966C496.104 1996.26 451.524 1996.26 405.8 1996.26C361.219 1996.26 315.495 1996.26 270.914 1996.26C225.19 1996.26 180.609 1996.26 134.885 1996.26C90.3047 1996.26 44.5808 1996.26 22.8619 1996.26H0V1959.89Z" fill="#8ACED7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M542 1959.89L519.138 1955.99C497.419 1953.4 451.695 1946.9 407.115 1926.12C361.391 1904.03 316.81 1867.66 271.086 1870.26C226.505 1872.86 180.781 1915.73 136.2 1940.41C90.4765 1965.09 45.8957 1971.58 23.0337 1974.18L0.171753 1978.08V1996.26H23.0337C45.8957 1996.26 90.4765 1996.26 136.2 1996.26C180.781 1996.26 226.505 1996.26 271.086 1996.26C316.81 1996.26 361.391 1996.26 407.115 1996.26C451.695 1996.26 497.419 1996.26 519.138 1996.26H542V1959.89Z" fill="#8ACED7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M498.709 1955.99H522.862C544.581 1953.4 590.305 1946.9 634.886 1926.12C680.61 1904.03 725.191 1867.66 770.915 1870.26C815.495 1872.86 861.219 1915.73 905.8 1940.41C951.524 1965.09 996.105 1971.58 1018.97 1974.18L1041.83 1978.08V1996.26H1018.97C996.105 1996.26 951.524 1996.26 905.8 1996.26C861.219 1996.26 815.495 1996.26 770.915 1996.26C725.191 1996.26 680.61 1996.26 634.886 1996.26C590.305 1996.26 544.581 1996.26 522.862 1996.26H500.001L498.709 1955.99Z" fill="#8ACED7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1080 1959.67L1055.53 1955.77C1032.28 1953.18 983.333 1946.69 935.612 1925.93C886.667 1903.87 838.945 1867.54 790 1870.13C742.278 1872.73 693.333 1915.55 645.612 1940.2C596.667 1964.86 548.945 1971.35 524.473 1973.94L500 1977.83V1996H524.473C548.945 1996 596.667 1996 645.612 1996C693.333 1996 742.278 1996 790 1996C838.945 1996 886.667 1996 935.612 1996C983.333 1996 1032.28 1996 1055.53 1996H1080V1959.67Z" fill="#8ACED7"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M1542 1959.89L1519.14 1955.99C1497.42 1953.4 1451.7 1946.9 1407.11 1926.12C1361.39 1904.03 1316.81 1867.66 1271.09 1870.26C1226.51 1872.86 1180.78 1915.73 1136.2 1940.41C1090.48 1965.09 1045.9 1971.58 1023.03 1974.18L1000.17 1978.08V1996.26H1023.03C1045.9 1996.26 1090.48 1996.26 1136.2 1996.26C1180.78 1996.26 1226.51 1996.26 1271.09 1996.26C1316.81 1996.26 1361.39 1996.26 1407.11 1996.26C1451.7 1996.26 1497.42 1996.26 1519.14 1996.26H1542V1959.89Z" fill="#8ACED7"/>
-</g>
-</svg>
@@ -0,0 +1,65 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+  <defs>
+    <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#A8D5BA"/>
+      <stop offset="100%" stop-color="#7FBF9A"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Rounded square background -->
+  <rect x="16" y="16" width="480" height="480" rx="110" ry="110" fill="url(#bgGrad)"/>
+
+  <!-- Subtle inner shadow/highlight -->
+  <rect x="16" y="16" width="480" height="480" rx="110" ry="110" fill="none" stroke="rgba(255,255,255,0.25)" stroke-width="4"/>
+
+  <!-- Kitten -->
+  <g transform="translate(36, 26) scale(2)">
+    <!-- Tail -->
+    <path d="M 155 140 Q 175 120 170 100 Q 165 80 150 95" fill="none" stroke="#F4C295" stroke-width="10" stroke-linecap="round"/>
+
+    <!-- Body -->
+    <ellipse cx="100" cy="155" rx="55" ry="40" fill="#FFE4C4"/>
+    <ellipse cx="100" cy="155" rx="35" ry="25" fill="#FFF0D9"/>
+
+    <!-- Ears -->
+    <path d="M 55 75 L 45 35 L 85 55 Z" fill="#FFE4C4"/>
+    <path d="M 58 68 L 52 42 L 78 56 Z" fill="#FFB7C5"/>
+    <path d="M 145 75 L 155 35 L 115 55 Z" fill="#FFE4C4"/>
+    <path d="M 142 68 L 148 42 L 122 56 Z" fill="#FFB7C5"/>
+
+    <!-- Head -->
+    <circle cx="100" cy="90" r="50" fill="#FFE4C4"/>
+
+    <!-- Blush -->
+    <ellipse cx="65" cy="105" rx="8" ry="5" fill="#FFB7C5" opacity="0.5"/>
+    <ellipse cx="135" cy="105" rx="8" ry="5" fill="#FFB7C5" opacity="0.5"/>
+
+    <!-- Eyes -->
+    <ellipse cx="75" cy="85" rx="12" ry="14" fill="#FFFFFF"/>
+    <ellipse cx="75" cy="85" rx="7" ry="9" fill="#4A3728"/>
+    <circle cx="78" cy="81" r="3" fill="#FFFFFF"/>
+    <ellipse cx="125" cy="85" rx="12" ry="14" fill="#FFFFFF"/>
+    <ellipse cx="125" cy="85" rx="7" ry="9" fill="#4A3728"/>
+    <circle cx="128" cy="81" r="3" fill="#FFFFFF"/>
+
+    <!-- Nose -->
+    <ellipse cx="100" cy="102" rx="5" ry="4" fill="#FFB7C5"/>
+
+    <!-- Mouth (smile - idle state) -->
+    <path d="M 92 108 Q 100 115 108 108" fill="none" stroke="#4A3728" stroke-width="2" stroke-linecap="round"/>
+
+    <!-- Whiskers -->
+    <line x1="45" y1="95" x2="70" y2="100" stroke="#C4A882" stroke-width="1.5" stroke-linecap="round"/>
+    <line x1="42" y1="105" x2="68" y2="105" stroke="#C4A882" stroke-width="1.5" stroke-linecap="round"/>
+    <line x1="45" y1="115" x2="70" y2="110" stroke="#C4A882" stroke-width="1.5" stroke-linecap="round"/>
+    <line x1="155" y1="95" x2="130" y2="100" stroke="#C4A882" stroke-width="1.5" stroke-linecap="round"/>
+    <line x1="158" y1="105" x2="132" y2="105" stroke="#C4A882" stroke-width="1.5" stroke-linecap="round"/>
+    <line x1="155" y1="115" x2="130" y2="110" stroke="#C4A882" stroke-width="1.5" stroke-linecap="round"/>
+
+    <!-- Paws -->
+    <ellipse cx="70" cy="185" rx="12" ry="8" fill="#FFE4C4"/>
+    <ellipse cx="70" cy="187" rx="7" ry="5" fill="#FFB7C5"/>
+    <ellipse cx="130" cy="185" rx="12" ry="8" fill="#FFE4C4"/>
+    <ellipse cx="130" cy="187" rx="7" ry="5" fill="#FFB7C5"/>
+  </g>
+</svg>
@@ -1,5 +1,5 @@
 import 'dotenv/config'
-import { app, shell, BrowserWindow } from 'electron'
+import { app, shell, BrowserWindow, Menu } from 'electron'
 import { join } from 'path'
 import { electronApp, optimizer, is } from '@electron-toolkit/utils'
 import icon from '../../resources/icon.png?asset'
@@ -12,6 +12,8 @@ function cleanup(): void {
  stopServers()
 }

+app.setName('HiKid')
+
 function createWindow(): void {
  // Create the browser window.
  const mainWindow = new BrowserWindow({
@@ -48,8 +50,73 @@ function createWindow(): void {
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
 app.whenReady().then(() => {
+  // Override macOS app menu so the menu bar shows "HiKid" instead of "Electron"
+  if (process.platform === 'darwin') {
+    const menu = Menu.buildFromTemplate([
+      {
+        label: 'HiKid',
+        submenu: [
+          { role: 'about' },
+          { type: 'separator' },
+          { role: 'services' },
+          { type: 'separator' },
+          { role: 'hide' },
+          { role: 'hideOthers' },
+          { role: 'unhide' },
+          { type: 'separator' },
+          { role: 'quit' }
+        ]
+      },
+      {
+        label: 'Edit',
+        submenu: [
+          { role: 'undo' },
+          { role: 'redo' },
+          { type: 'separator' },
+          { role: 'cut' },
+          { role: 'copy' },
+          { role: 'paste' },
+          { role: 'selectAll' }
+        ]
+      },
+      {
+        label: 'View',
+        submenu: [
+          { role: 'reload' },
+          { role: 'forceReload' },
+          { role: 'toggleDevTools' },
+          { type: 'separator' },
+          { role: 'resetZoom' },
+          { role: 'zoomIn' },
+          { role: 'zoomOut' },
+          { type: 'separator' },
+          { role: 'togglefullscreen' }
+        ]
+      },
+      {
+        label: 'Window',
+        submenu: [
+          { role: 'minimize' },
+          { role: 'close' },
+          { role: 'zoom' },
+          { type: 'separator' },
+          { role: 'front' }
+        ]
+      }
+    ])
+    Menu.setApplicationMenu(menu)
+  }
+
  // Set app user model id for windows
-  electronApp.setAppUserModelId('com.electron')
+  electronApp.setAppUserModelId('fun.hikid.app')
+
+  // Configure macOS About panel
+  app.setAboutPanelOptions({
+    applicationName: 'HiKid',
+    applicationVersion: app.getVersion(),
+    version: `Electron ${process.versions.electron}`,
+    copyright: '© xiaochong'
+  })

  // Default open or close DevTools by F12 in development
  // and ignore CommandOrControl + R in production.