npm - leiao-brand - Versions diffs - 1.0.0 - Mend

leiao-brand 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,10 @@
+# leiao-brand
+在客户自己的 React Native 工程里，用图形页改桌面图标、显示名、iOS Bundle ID、Android 包名。不经过 SaaS 控制台。
+```bash
+cd 你的RN工程
+npx leiao-brand
+```
+浏览器打开后点「写进工程」。需要 Node ≥ 22.11，工程里要有 `ios/` 和 `android/`。

package/bin/leiao-brand.js ADDED Viewed

@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+import {spawnSync} from 'node:child_process';
+import {fileURLToPath} from 'node:url';
+const cli = fileURLToPath(new URL('../src/cli.ts', import.meta.url));
+const result = spawnSync(process.execPath, ['--import', 'tsx', cli, ...process.argv.slice(2)], {
+  stdio: 'inherit',
+});
+process.exit(result.status ?? 1);

package/package.json ADDED Viewed

@@ -0,0 +1,32 @@
+{
+  "name": "leiao-brand",
+  "version": "1.0.0",
+  "description": "Local graphical branding for a React Native project",
+  "license": "MIT",
+  "author": "lao408349",
+  "type": "module",
+  "bin": {
+    "leiao-brand": "bin/leiao-brand.js"
+  },
+  "files": [
+    "bin",
+    "public",
+    "src",
+    "!src/test"
+  ],
+  "scripts": {
+    "start": "tsx src/cli.ts",
+    "test": "tsx --test src/test/*.test.ts"
+  },
+  "engines": {
+    "node": ">=22.11.0"
+  },
+  "dependencies": {
+    "sharp": "^0.35.4",
+    "tsx": "^4.21.0"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "typescript": "^5.9.3"
+  }
+}

package/public/index.html ADDED Viewed

@@ -0,0 +1,249 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>改桌面外观</title>
+    <style>
+      :root {
+        color-scheme: light;
+        --text: #1f2329;
+        --muted: #646a73;
+        --line: rgba(31, 35, 41, 0.08);
+        --fill: #f4f5f7;
+        --bg: #f7f8fa;
+      }
+      * { box-sizing: border-box; }
+      body {
+        margin: 0;
+        min-height: 100vh;
+        background: var(--bg);
+        color: var(--text);
+        font: 14px/22px "PingFang SC", "Noto Sans SC", -apple-system, sans-serif;
+      }
+      main {
+        display: grid;
+        grid-template-columns: 176px minmax(0, 1fr);
+        gap: 32px;
+        max-width: 720px;
+        margin: 0 auto;
+        padding: 32px 20px 48px;
+      }
+      h1 { font-size: 18px; margin: 0 0 6px; }
+      .lead { color: var(--muted); margin: 0 0 20px; }
+      .phone {
+        width: 176px;
+        height: 334px;
+        padding: 16px 14px;
+        border-radius: 32px;
+        background: #111318;
+        box-shadow: 0 16px 40px rgba(17, 19, 24, 0.18);
+      }
+      .screen {
+        height: 100%;
+        padding: 28px 10px 16px;
+        border-radius: 22px;
+        background:
+          radial-gradient(120% 80% at 20% 0%, rgba(120, 170, 255, 0.35), transparent 55%),
+          linear-gradient(180deg, #2a3142 0%, #1a1e28 100%);
+      }
+      .app {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 8px;
+        width: 72px;
+      }
+      .icon {
+        width: 56px;
+        height: 56px;
+        border-radius: 13px;
+        object-fit: cover;
+        background: #e8ebf0;
+        color: #5b6475;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 22px;
+        font-weight: 600;
+        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
+      }
+      .label {
+        width: 72px;
+        color: #fff;
+        font-size: 11px;
+        line-height: 14px;
+        text-align: center;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      label { display: block; margin: 0 0 14px; }
+      label span { display: block; margin-bottom: 4px; }
+      input, .drop {
+        width: 100%;
+        border: 1px solid var(--line);
+        border-radius: 10px;
+        background: #fff;
+        padding: 8px 10px;
+        font: inherit;
+      }
+      .drop {
+        min-height: 72px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: var(--muted);
+        border-style: dashed;
+        cursor: pointer;
+      }
+      button {
+        appearance: none;
+        border: 0;
+        border-radius: 10px;
+        background: #1456f0;
+        color: #fff;
+        padding: 8px 14px;
+        font: inherit;
+        cursor: pointer;
+      }
+      button:disabled { opacity: 0.55; cursor: default; }
+      .note, .err { color: var(--muted); font-size: 12px; line-height: 18px; }
+      .err { color: #c62828; }
+      .path { margin-top: 16px; word-break: break-all; }
+      @media (max-width: 720px) {
+        main { grid-template-columns: 1fr; }
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <div class="phone" aria-hidden="true">
+        <div class="screen">
+          <div class="app">
+            <div id="icon" class="icon">应</div>
+            <div id="preview" class="label">应用名称</div>
+          </div>
+        </div>
+      </div>
+      <section>
+        <h1>桌面外观</h1>
+        <p class="lead">写进当前 RN 工程。控制台是独立部署的 SaaS，不管图标和包名。</p>
+        <label>
+          <span>图标</span>
+          <div class="drop" id="drop">拖入或点击上传 PNG</div>
+          <input id="file" type="file" accept="image/png" hidden />
+        </label>
+        <label>
+          <span>名称</span>
+          <input id="name" placeholder="论玄" />
+        </label>
+        <label>
+          <span>iOS Bundle ID</span>
+          <input id="ios" placeholder="com.lunxuan.app" />
+        </label>
+        <label>
+          <span>Android 包名</span>
+          <input id="android" placeholder="com.lunxuan.app" />
+        </label>
+        <button id="save" type="button">写进工程</button>
+        <p class="note">会改 Info.plist、project.pbxproj、strings.xml、applicationId、app.json，以及 AppIcon / mipmap。Android 的 Java/Kotlin 目录名不会动。</p>
+        <p class="path note" id="root"></p>
+        <p class="err" id="err"></p>
+      </section>
+    </main>
+    <script>
+      const nameEl = document.getElementById('name');
+      const iosEl = document.getElementById('ios');
+      const androidEl = document.getElementById('android');
+      const preview = document.getElementById('preview');
+      const iconEl = document.getElementById('icon');
+      const drop = document.getElementById('drop');
+      const file = document.getElementById('file');
+      const save = document.getElementById('save');
+      const err = document.getElementById('err');
+      const rootEl = document.getElementById('root');
+      let iconBase64 = '';
+      function showName() {
+        const value = nameEl.value.trim() || '应用名称';
+        preview.textContent = value;
+        if (!iconEl.querySelector('img')) {
+          iconEl.textContent = value.slice(0, 1);
+        }
+      }
+      function setIcon(src) {
+        iconEl.innerHTML = '';
+        const img = document.createElement('img');
+        img.className = 'icon';
+        img.src = src;
+        iconEl.appendChild(img);
+      }
+      async function load() {
+        const data = await fetch('/api/brand').then(r => r.json());
+        nameEl.value = data.name || '';
+        iosEl.value = data.iosBundleId || '';
+        androidEl.value = data.androidPackage || '';
+        rootEl.textContent = data.root || '';
+        showName();
+        if (data.hasIcon) {
+          setIcon('/api/icon?t=' + Date.now());
+        }
+      }
+      function takePng(next) {
+        if (!next || !next.type.includes('png')) {
+          err.textContent = '请上传 PNG 图标';
+          return;
+        }
+        const reader = new FileReader();
+        reader.onload = () => {
+          const result = String(reader.result || '');
+          iconBase64 = result.split(',')[1] || '';
+          setIcon(result);
+          drop.textContent = '已选 ' + next.name;
+        };
+        reader.readAsDataURL(next);
+      }
+      nameEl.addEventListener('input', showName);
+      drop.addEventListener('click', () => file.click());
+      drop.addEventListener('dragover', event => event.preventDefault());
+      drop.addEventListener('drop', event => {
+        event.preventDefault();
+        takePng(event.dataTransfer.files[0]);
+      });
+      file.addEventListener('change', () => takePng(file.files[0]));
+      save.addEventListener('click', async () => {
+        err.textContent = '';
+        save.disabled = true;
+        try {
+          const res = await fetch('/api/apply', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({
+              name: nameEl.value,
+              iosBundleId: iosEl.value,
+              androidPackage: androidEl.value,
+              iconBase64,
+            }),
+          });
+          const data = await res.json();
+          if (!res.ok) {
+            throw new Error(data.error || '写入失败');
+          }
+          drop.textContent = data.hasIcon ? '图标已写入' : '拖入或点击上传 PNG';
+        } catch (error) {
+          err.textContent = error instanceof Error ? error.message : '写入失败';
+        } finally {
+          save.disabled = false;
+        }
+      });
+      load().catch(error => {
+        err.textContent = error instanceof Error ? error.message : '读不到工程';
+      });
+    </script>
+  </body>
+</html>

package/src/apply.ts ADDED Viewed

@@ -0,0 +1,89 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import {writeIcons} from './icons';
+import {
+  androidGradlePath,
+  androidStringsPath,
+  firstFile,
+  iosPbxprojPath,
+  iosPlistPath,
+  readBrand,
+  type BrandState,
+} from './project';
+export type BrandInput = {
+  name: string;
+  iosBundleId?: string;
+  androidPackage?: string;
+  icon?: Buffer;
+};
+function xmlText(value: string) {
+  return value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+function replacePlistString(text: string, key: string, value: string) {
+  const next = `<key>${key}</key>\n\t<string>${xmlText(value)}</string>`;
+  if (new RegExp(`<key>${key}</key>\\s*<string>[^<]*</string>`).test(text)) {
+    return text.replace(new RegExp(`<key>${key}</key>\\s*<string>[^<]*</string>`), next);
+  }
+  return text.replace(/<dict>/, `<dict>\n\t${next}`);
+}
+export async function applyBrand(root: string, input: BrandInput): Promise<BrandState> {
+  const name = String(input.name || '').trim();
+  if (!name) {
+    throw new Error('先填名称');
+  }
+  const iosBundleId = String(input.iosBundleId || '').trim();
+  const androidPackage = String(input.androidPackage || '').trim();
+  const plist = iosPlistPath(root);
+  if (plist) {
+    const text = replacePlistString(fs.readFileSync(plist, 'utf8'), 'CFBundleDisplayName', name);
+    fs.writeFileSync(plist, text);
+  }
+  const pbx = iosPbxprojPath(root);
+  if (pbx && iosBundleId) {
+    const text = fs
+      .readFileSync(pbx, 'utf8')
+      .replace(/PRODUCT_BUNDLE_IDENTIFIER = [^;]+;/g, `PRODUCT_BUNDLE_IDENTIFIER = "${iosBundleId}";`);
+    fs.writeFileSync(pbx, text);
+  }
+  const strings = androidStringsPath(root);
+  if (strings) {
+    const text = fs
+      .readFileSync(strings, 'utf8')
+      .replace(/<string name="app_name">[^<]*<\/string>/, `<string name="app_name">${xmlText(name)}</string>`);
+    fs.writeFileSync(strings, text);
+  }
+  const gradle = androidGradlePath(root);
+  if (gradle && androidPackage) {
+    const text = fs
+      .readFileSync(gradle, 'utf8')
+      .replace(/applicationId\s+["'][^"']+["']/, `applicationId "${androidPackage}"`);
+    fs.writeFileSync(gradle, text);
+  }
+  const appJson = firstFile(root, ['app.json']);
+  if (appJson) {
+    const data = JSON.parse(fs.readFileSync(appJson, 'utf8')) as {displayName?: string; name?: string};
+    data.displayName = name;
+    fs.writeFileSync(appJson, `${JSON.stringify(data, null, 2)}\n`);
+  }
+  if (input.icon) {
+    await writeIcons(root, input.icon);
+  }
+  return readBrand(root);
+}
+export function insideRoot(root: string, file: string) {
+  const resolved = path.resolve(file);
+  const base = path.resolve(root);
+  return resolved === base || resolved.startsWith(`${base}${path.sep}`);
+}

package/src/cli.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import {exec} from 'node:child_process';
+import path from 'node:path';
+import {findProjectRoot} from './project';
+import {createBrandServer} from './server';
+function arg(name: string, fallback = '') {
+  const index = process.argv.indexOf(name);
+  if (index >= 0 && process.argv[index + 1]) {
+    return process.argv[index + 1];
+  }
+  return fallback;
+}
+const origin = process.env.INIT_CWD || process.cwd();
+const start = arg('--dir') ? path.resolve(origin, arg('--dir')) : origin;
+const root = findProjectRoot(start);
+const port = Number(arg('--port', '3939')) || 3939;
+const openBrowser = !process.argv.includes('--no-open');
+const server = createBrandServer(root);
+server.listen(port, '127.0.0.1', () => {
+  const url = `http://127.0.0.1:${port}`;
+  console.log(`工程  ${root}`);
+  console.log(`品牌  ${url}`);
+  if (openBrowser && process.platform === 'darwin') {
+    exec(`open ${url}`);
+  }
+});

package/src/icons.ts ADDED Viewed

@@ -0,0 +1,67 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import sharp from 'sharp';
+import {androidMipmapDirs, iosAppIconDir} from './project';
+const IOS_ICONS = [
+  {file: 'icon-20@2x.png', idiom: 'iphone', scale: '2x', size: '20x20', px: 40},
+  {file: 'icon-20@3x.png', idiom: 'iphone', scale: '3x', size: '20x20', px: 60},
+  {file: 'icon-29@2x.png', idiom: 'iphone', scale: '2x', size: '29x29', px: 58},
+  {file: 'icon-29@3x.png', idiom: 'iphone', scale: '3x', size: '29x29', px: 87},
+  {file: 'icon-40@2x.png', idiom: 'iphone', scale: '2x', size: '40x40', px: 80},
+  {file: 'icon-40@3x.png', idiom: 'iphone', scale: '3x', size: '40x40', px: 120},
+  {file: 'icon-60@2x.png', idiom: 'iphone', scale: '2x', size: '60x60', px: 120},
+  {file: 'icon-60@3x.png', idiom: 'iphone', scale: '3x', size: '60x60', px: 180},
+  {file: 'icon-1024.png', idiom: 'ios-marketing', scale: '1x', size: '1024x1024', px: 1024},
+];
+const ANDROID_SIZES: Record<string, number> = {
+  'mipmap-mdpi': 48,
+  'mipmap-hdpi': 72,
+  'mipmap-xhdpi': 96,
+  'mipmap-xxhdpi': 144,
+  'mipmap-xxxhdpi': 192,
+};
+export function assertPngIcon(buffer: Buffer) {
+  if (buffer.length < 24 || buffer[0] !== 0x89 || buffer[1] !== 0x50 || buffer[2] !== 0x4e || buffer[3] !== 0x47) {
+    throw new Error('请上传 PNG 图标');
+  }
+  if (buffer.length > 8 * 1024 * 1024) {
+    throw new Error('图标不能超过 8MB');
+  }
+}
+export async function writeIcons(root: string, sourcePng: Buffer) {
+  assertPngIcon(sourcePng);
+  const iosDir = iosAppIconDir(root);
+  if (iosDir) {
+    fs.mkdirSync(iosDir, {recursive: true});
+    for (const item of IOS_ICONS) {
+      await sharp(sourcePng).resize(item.px, item.px).png().toFile(path.join(iosDir, item.file));
+    }
+    fs.writeFileSync(
+      path.join(iosDir, 'Contents.json'),
+      `${JSON.stringify(
+        {
+          images: IOS_ICONS.map(item => ({
+            filename: item.file,
+            idiom: item.idiom,
+            scale: item.scale,
+            size: item.size,
+          })),
+          info: {author: 'leiao-brand', version: 1},
+        },
+        null,
+        2,
+      )}\n`,
+    );
+  }
+  const dirs = androidMipmapDirs(root);
+  for (const dir of dirs) {
+    const px = ANDROID_SIZES[path.basename(dir)] || 192;
+    await sharp(sourcePng).resize(px, px).png().toFile(path.join(dir, 'ic_launcher.png'));
+    await sharp(sourcePng).resize(px, px).png().toFile(path.join(dir, 'ic_launcher_round.png'));
+  }
+}

package/src/project.ts ADDED Viewed

@@ -0,0 +1,163 @@
+import fs from 'node:fs';
+import path from 'node:path';
+export type BrandState = {
+  root: string;
+  name: string;
+  iosBundleId: string;
+  androidPackage: string;
+  iconPath: string;
+};
+export function findProjectRoot(start: string) {
+  let dir = path.resolve(start);
+  for (let i = 0; i < 10; i++) {
+    if (
+      fs.existsSync(path.join(dir, 'ios')) &&
+      fs.existsSync(path.join(dir, 'android')) &&
+      fs.existsSync(path.join(dir, 'package.json'))
+    ) {
+      return dir;
+    }
+    const parent = path.dirname(dir);
+    if (parent === dir) {
+      break;
+    }
+    dir = parent;
+  }
+  throw new Error('请在 React Native 工程根目录运行（要有 ios/ 和 android/）');
+}
+export function firstFile(root: string, parts: string[]) {
+  const full = path.join(root, ...parts);
+  if (fs.existsSync(full) && fs.statSync(full).isFile()) {
+    return full;
+  }
+  return '';
+}
+export function walkFiles(root: string, match: (rel: string, name: string) => boolean) {
+  const found: string[] = [];
+  if (!fs.existsSync(root)) {
+    return found;
+  }
+  const stack = [root];
+  while (stack.length) {
+    const current = stack.pop()!;
+    for (const entry of fs.readdirSync(current, {withFileTypes: true})) {
+      const full = path.join(current, entry.name);
+      const rel = path.relative(root, full);
+      if (rel.split(path.sep).includes('node_modules') || rel.split(path.sep).includes('Pods')) {
+        continue;
+      }
+      if (entry.isDirectory()) {
+        stack.push(full);
+        continue;
+      }
+      if (match(rel, entry.name)) {
+        found.push(full);
+      }
+    }
+  }
+  return found;
+}
+function plistString(text: string, key: string) {
+  const match = text.match(new RegExp(`<key>${key}</key>\\s*<string>([^<]*)</string>`));
+  return match?.[1] || '';
+}
+function firstCapture(text: string, pattern: RegExp) {
+  const match = text.match(pattern);
+  return match?.[1] || '';
+}
+export function iosPlistPath(root: string) {
+  return (
+    walkFiles(path.join(root, 'ios'), (rel, name) => name === 'Info.plist' && !rel.includes('Test')).sort(
+      (a, b) => a.length - b.length,
+    )[0] || ''
+  );
+}
+export function iosPbxprojPath(root: string) {
+  return walkFiles(path.join(root, 'ios'), (_rel, name) => name === 'project.pbxproj')[0] || '';
+}
+export function iosAppIconDir(root: string) {
+  return (
+    walkFiles(path.join(root, 'ios'), (_rel, name) => name === 'Contents.json').find(file =>
+      file.includes('AppIcon.appiconset'),
+    )?.replace(/\/Contents\.json$/, '') || ''
+  );
+}
+export function androidStringsPath(root: string) {
+  return firstFile(root, ['android', 'app', 'src', 'main', 'res', 'values', 'strings.xml']);
+}
+export function androidGradlePath(root: string) {
+  return firstFile(root, ['android', 'app', 'build.gradle']);
+}
+export function androidMipmapDirs(root: string) {
+  const res = path.join(root, 'android', 'app', 'src', 'main', 'res');
+  if (!fs.existsSync(res)) {
+    return [];
+  }
+  return fs
+    .readdirSync(res, {withFileTypes: true})
+    .filter(entry => entry.isDirectory() && entry.name.startsWith('mipmap-') && !entry.name.includes('anydpi'))
+    .map(entry => path.join(res, entry.name));
+}
+export function currentIconPath(root: string) {
+  const appIcon = iosAppIconDir(root);
+  const marketing = appIcon ? path.join(appIcon, 'icon-1024.png') : '';
+  if (marketing && fs.existsSync(marketing)) {
+    return marketing;
+  }
+  const xxx = path.join(root, 'android', 'app', 'src', 'main', 'res', 'mipmap-xxxhdpi', 'ic_launcher.png');
+  if (fs.existsSync(xxx)) {
+    return xxx;
+  }
+  for (const dir of androidMipmapDirs(root)) {
+    const png = path.join(dir, 'ic_launcher.png');
+    if (fs.existsSync(png)) {
+      return png;
+    }
+  }
+  if (appIcon) {
+    const png = walkFiles(appIcon, (_rel, name) => name.endsWith('.png'))[0];
+    if (png) {
+      return png;
+    }
+  }
+  return '';
+}
+export function readBrand(root: string): BrandState {
+  const plist = iosPlistPath(root);
+  const pbx = iosPbxprojPath(root);
+  const strings = androidStringsPath(root);
+  const gradle = androidGradlePath(root);
+  const appJson = firstFile(root, ['app.json']);
+  const name =
+    (plist && plistString(fs.readFileSync(plist, 'utf8'), 'CFBundleDisplayName')) ||
+    (strings && firstCapture(fs.readFileSync(strings, 'utf8'), /<string name="app_name">([^<]*)<\/string>/)) ||
+    (appJson && String((JSON.parse(fs.readFileSync(appJson, 'utf8')) as {displayName?: string}).displayName || '')) ||
+    '';
+  const iosBundleId = pbx
+    ? firstCapture(fs.readFileSync(pbx, 'utf8'), /PRODUCT_BUNDLE_IDENTIFIER = ([^;]+);/).replace(/^"|"$/g, '')
+    : '';
+  const androidPackage = gradle
+    ? firstCapture(fs.readFileSync(gradle, 'utf8'), /applicationId\s+["']([^"']+)["']/)
+    : '';
+  return {
+    root,
+    name,
+    iosBundleId,
+    androidPackage,
+    iconPath: currentIconPath(root),
+  };
+}

package/src/server.ts ADDED Viewed

@@ -0,0 +1,79 @@
+import fs from 'node:fs';
+import http from 'node:http';
+import path from 'node:path';
+import {fileURLToPath} from 'node:url';
+import {applyBrand} from './apply';
+import {readBrand} from './project';
+const publicDir = fileURLToPath(new URL('../public', import.meta.url));
+function send(res: http.ServerResponse, status: number, body: string | Buffer, type: string) {
+  res.writeHead(status, {'Content-Type': type, 'Cache-Control': 'no-store'});
+  res.end(body);
+}
+function readBody(req: http.IncomingMessage) {
+  return new Promise<Buffer>((resolve, reject) => {
+    const chunks: Buffer[] = [];
+    req.on('data', chunk => chunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk)));
+    req.on('end', () => resolve(Buffer.concat(chunks)));
+    req.on('error', reject);
+  });
+}
+export function createBrandServer(root: string) {
+  return http.createServer(async (req, res) => {
+    const url = new URL(req.url || '/', 'http://127.0.0.1');
+    try {
+      if (req.method === 'GET' && url.pathname === '/api/brand') {
+        const brand = readBrand(root);
+        send(res, 200, JSON.stringify({...brand, hasIcon: Boolean(brand.iconPath)}), 'application/json; charset=utf-8');
+        return;
+      }
+      if (req.method === 'GET' && url.pathname === '/api/icon') {
+        const brand = readBrand(root);
+        if (!brand.iconPath || !fs.existsSync(brand.iconPath)) {
+          send(res, 404, 'no icon', 'text/plain');
+          return;
+        }
+        send(res, 200, fs.readFileSync(brand.iconPath), 'image/png');
+        return;
+      }
+      if (req.method === 'POST' && url.pathname === '/api/apply') {
+        const body = JSON.parse((await readBody(req)).toString('utf8') || '{}') as {
+          name?: string;
+          iosBundleId?: string;
+          androidPackage?: string;
+          iconBase64?: string;
+        };
+        const icon = body.iconBase64 ? Buffer.from(body.iconBase64, 'base64') : undefined;
+        const next = await applyBrand(root, {
+          name: body.name || '',
+          iosBundleId: body.iosBundleId,
+          androidPackage: body.androidPackage,
+          icon,
+        });
+        send(res, 200, JSON.stringify({...next, hasIcon: Boolean(next.iconPath)}), 'application/json; charset=utf-8');
+        return;
+      }
+      if (req.method === 'GET') {
+        const file = url.pathname === '/' ? 'index.html' : url.pathname.replace(/^\/+/, '');
+        const full = path.normalize(path.join(publicDir, file));
+        if (!full.startsWith(publicDir) || !fs.existsSync(full) || !fs.statSync(full).isFile()) {
+          send(res, 404, 'not found', 'text/plain');
+          return;
+        }
+        const type = full.endsWith('.css')
+          ? 'text/css; charset=utf-8'
+          : full.endsWith('.js')
+            ? 'text/javascript; charset=utf-8'
+            : 'text/html; charset=utf-8';
+        send(res, 200, fs.readFileSync(full), type);
+        return;
+      }
+      send(res, 405, 'method', 'text/plain');
+    } catch (error) {
+      send(res, 400, JSON.stringify({error: error instanceof Error ? error.message : '失败'}), 'application/json; charset=utf-8');
+    }
+  });
+}