@sybz-components/portal-dev 1.0.3

package/README.md

@@ -0,0 +1,113 @@
+# @sybz-components/portal-dev
+
+成华、石景山门户自动登录与本地前端联调 CLI。支持自动启动项目开发服务、识别图形验证码、登录门户，以及携带门户 Token 打开本地页面。
+
+## 环境要求
+
+- Node.js 18+
+- Google Chrome 或 Microsoft Edge
+- 目标项目已安装依赖，并提供 `dev` script
+
+## 安装
+
+全局安装：
+
+```bash
+pnpm add -g @sybz-components/portal-dev
+```
+
+## 第一次使用（推荐）
+
+全局安装后，在任意目录运行：
+
+```bash
+portal-dev config
+```
+
+根据中文提示选择门户、输入账号和密码即可。密码输入时会显示为 `*`。账号配置属于当前电脑用户，与具体项目无关，只需配置一次。
+
+默认配置文件位置：
+
+- macOS / Linux：`~/.config/sybz-components/portal-dev.json`
+- Windows：`%APPDATA%\sybz-components\portal-dev.json`
+
+程序会自动创建目录，并尽可能将配置文件权限设为仅当前用户可读写。
+
+配置完成后直接运行：
+
+```bash
+portal-dev
+```
+
+需要分别配置两个门户时：
+
+```bash
+portal-dev config --portal sjs
+portal-dev config --portal chenghua
+```
+
+## 使用
+
+石景山门户会启动本地开发服务、进入智能体样板间，并携带门户 Token 打开本地页面：
+
+```bash
+portal-dev
+```
+
+成华门户完成自动登录后进入智能体广场：
+
+```bash
+portal-dev --portal chenghua
+```
+
+不在项目目录时可以指定项目路径：
+
+```bash
+portal-dev --portal sjs --project .
+portal-dev --portal chenghua --project .
+```
+
+查看命令帮助：
+
+```bash
+portal-dev --help
+```
+
+## 安装 Codex Skill
+
+安装包后执行：
+
+```bash
+portal-dev skill install
+```
+
+Skill 默认安装到 `~/.codex/skills/portal-dev`。之后可以在 Codex 中直接说：
+
+```text
+使用 portal-dev 启动当前项目的石景山门户联调
+```
+
+或者：
+
+```text
+使用 portal-dev 登录成华门户
+```
+
+## 安全说明
+
+- CLI 不会在终端打印用户名、密码或门户 Token。
+- 门户 Token 只用于当前浏览器会话，不写入文件。
+- 用户级配置文件不位于项目目录，不会随项目提交到 Git；仍不要把它复制进源码或 npm 包。
+- `portal-dev config` 输入密码时不会回显明文，也不会在命令历史中留下密码。
+
+## 本仓库开发
+
+在 `sybz-components` 仓库根目录执行：
+
+```bash
+pnpm --dir packages/portal-dev check
+pnpm portal:skill:install
+pnpm portal:release
+```
+
+`portal:release` 会执行检查、升级 patch 版本并发布 npm 包，执行前请确认当前分支和版本状态。

package/bin/portal-dev.mjs

@@ -0,0 +1,57 @@
+#!/usr/bin/env node
+import { cpSync, existsSync, mkdirSync, rmSync } from 'node:fs'
+import { spawn } from 'node:child_process'
+import { dirname, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const packageDir = resolve(dirname(fileURLToPath(import.meta.url)), '..')
+const args = process.argv.slice(2)
+
+if (args[0] === 'skill' && args[1] === 'install') {
+  const homeDir = process.env.HOME || process.env.USERPROFILE
+  if (!homeDir) throw new Error('无法识别用户目录，请设置 HOME 或 USERPROFILE')
+  const sourceDir = resolve(packageDir, 'skills/portal-dev')
+  const targetRoot = args[2] ? resolve(args[2]) : resolve(homeDir, '.codex/skills')
+  const targetDir = resolve(targetRoot, 'portal-dev')
+  if (!existsSync(sourceDir)) throw new Error(`Skill 源目录不存在：${sourceDir}`)
+  mkdirSync(targetRoot, { recursive: true })
+  rmSync(targetDir, { recursive: true, force: true })
+  cpSync(sourceDir, targetDir, { recursive: true })
+  console.log(`portal-dev Skill 已安装到 ${targetDir}`)
+  process.exit(0)
+}
+
+if (args[0] === 'config') {
+  const child = spawn(process.execPath, [resolve(packageDir, 'src/configure.mjs'), ...args.slice(1)], {
+    cwd: process.cwd(),
+    env: process.env,
+    stdio: 'inherit',
+  })
+  child.on('error', (error) => {
+    throw error
+  })
+  child.on('exit', (code, signal) => (signal ? process.kill(process.pid, signal) : process.exit(code ?? 0)))
+} else if (args.includes('--help') || args.includes('-h')) {
+  console.log(`用法：
+  portal-dev
+  portal-dev config [--portal sjs|chenghua]
+  portal-dev --portal sjs [--project <目录>]
+  portal-dev --portal chenghua [--project <目录>]
+  portal-dev skill install [Codex skills 目录]
+
+首次使用只需运行一次 portal-dev config。
+之后在项目目录运行 portal-dev 即可，默认使用石景山门户。`)
+  process.exit(0)
+} else {
+  const child = spawn(process.execPath, [resolve(packageDir, 'src/portal-dev.mjs'), ...args], {
+    cwd: process.cwd(),
+    env: process.env,
+    stdio: 'inherit',
+  })
+
+  for (const signal of ['SIGINT', 'SIGTERM']) process.on(signal, () => child.kill(signal))
+  child.on('error', (error) => {
+    throw error
+  })
+  child.on('exit', (code, signal) => (signal ? process.kill(process.pid, signal) : process.exit(code ?? 0)))
+}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@sybz-components/portal-dev",
+  "version": "1.0.3",
+  "description": "成华和石景山门户自动登录与本地前端联调 CLI",
+  "type": "module",
+  "bin": {
+    "portal-dev": "./bin/portal-dev.mjs"
+  },
+  "files": [
+    "bin",
+    "src",
+    "skills",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "skill:install": "node ./bin/portal-dev.mjs skill install",
+    "check": "node --check bin/portal-dev.mjs && node --check src/config-file.mjs && node --check src/configure.mjs && node --check src/portal-dev.mjs && node --check src/recognize-captcha.mjs",
+    "release": "pnpm check && npm version patch && npm publish"
+  },
+  "dependencies": {
+    "@napi-rs/canvas": "^1.0.3",
+    "playwright-core": "^1.62.0",
+    "tesseract.js": "^7.0.0"
+  }
+}

package/skills/portal-dev/SKILL.md

@@ -0,0 +1,34 @@
+---
+name: portal-dev
+description: 启动前端项目的石景山门户本地联调，或自动登录成华门户。用户提到 dev:portal、门户联调、成华登录、石景山登录或从任意项目启动门户调试时使用。
+---
+
+# 门户本地调试
+
+调用已安装的 `portal-dev` CLI，不要复制或改写登录自动化逻辑。
+
+## 执行
+
+缺少账号配置时先执行：
+
+```bash
+portal-dev config --portal sjs
+```
+
+石景山门户联调：
+
+```bash
+portal-dev --portal sjs --project <project-directory>
+```
+
+成华门户登录：
+
+```bash
+portal-dev --portal chenghua --project <project-directory>
+```
+
+保持进程运行并告诉用户当前状态；只有用户明确要求停止时才终止。不得输出用户名、密码或门户 Token。
+
+## 配置
+
+账号密码只从当前用户的专属配置文件读取，`portal-dev config` 会交互式创建该文件。缺少凭据时，引导用户在本机终端运行 `portal-dev config`，不索要或展示具体密码。

package/skills/portal-dev/agents/openai.yaml

@@ -0,0 +1,4 @@
+interface:
+  display_name: '门户本地调试'
+  short_description: '自动登录成华、石景山门户并启动本地联调'
+  default_prompt: '使用 $portal-dev 启动当前项目的门户本地调试。'

package/src/config-file.mjs

@@ -0,0 +1,39 @@
+import { chmodSync, existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs'
+import { homedir } from 'node:os'
+import { dirname, resolve } from 'node:path'
+
+export const getPortalConfigPath = () => {
+  const configRoot =
+    process.platform === 'win32' ? resolve(homedir(), 'AppData', 'Roaming') : resolve(homedir(), '.config')
+  return resolve(configRoot, 'sybz-components', 'portal-dev.json')
+}
+
+export const readPortalConfig = () => {
+  const configPath = getPortalConfigPath()
+  if (!existsSync(configPath)) return { version: 1, profiles: {} }
+  try {
+    const config = JSON.parse(readFileSync(configPath, 'utf8'))
+    if (!config || typeof config !== 'object' || Array.isArray(config)) throw new Error('根节点必须是对象')
+    return { ...config, profiles: config.profiles && typeof config.profiles === 'object' ? config.profiles : {} }
+  } catch (error) {
+    throw new Error(`门户配置文件格式错误：${configPath}\n${error.message}`)
+  }
+}
+
+export const writePortalProfile = (portal, profile) => {
+  const configPath = getPortalConfigPath()
+  const config = readPortalConfig()
+  const nextConfig = {
+    ...config,
+    version: 1,
+    profiles: { ...config.profiles, [portal]: profile },
+  }
+  mkdirSync(dirname(configPath), { recursive: true, mode: 0o700 })
+  writeFileSync(configPath, `${JSON.stringify(nextConfig, null, 2)}\n`, { mode: 0o600 })
+  try {
+    chmodSync(configPath, 0o600)
+  } catch {
+    // Windows 等不支持 POSIX 权限的环境由系统用户目录权限保护。
+  }
+  return configPath
+}

package/src/configure.mjs

@@ -0,0 +1,69 @@
+import { createInterface } from 'node:readline/promises'
+import { writePortalProfile } from './config-file.mjs'
+
+const args = process.argv.slice(2)
+const readArg = (name) => {
+  const index = args.indexOf(name)
+  return index >= 0 ? args[index + 1] : undefined
+}
+
+const askPassword = (message) => {
+  if (!process.stdin.isTTY) throw new Error('当前终端不支持安全密码输入，请在本机终端中运行 portal-dev config')
+
+  return new Promise((resolvePassword, reject) => {
+    let password = ''
+    process.stdout.write(message)
+    process.stdin.setRawMode(true)
+    process.stdin.resume()
+    process.stdin.setEncoding('utf8')
+
+    const cleanup = () => {
+      process.stdin.setRawMode(false)
+      process.stdin.pause()
+      process.stdin.removeListener('data', onData)
+    }
+    const onData = (input) => {
+      for (const character of input) {
+        if (character === '\u0003') {
+          cleanup()
+          process.stdout.write('\n')
+          reject(new Error('已取消配置'))
+          return
+        }
+        if (character === '\r' || character === '\n') {
+          cleanup()
+          process.stdout.write('\n')
+          resolvePassword(password)
+          return
+        }
+        if (character === '\u007f' || character === '\b') {
+          if (password) {
+            password = password.slice(0, -1)
+            process.stdout.write('\b \b')
+          }
+          continue
+        }
+        password += character
+        process.stdout.write('*')
+      }
+    }
+
+    process.stdin.on('data', onData)
+  })
+}
+
+const rl = createInterface({ input: process.stdin, output: process.stdout })
+const portalArg = readArg('--portal')
+const portalAnswer = portalArg || (await rl.question('请选择门户（1=石景山，2=成华，直接回车默认石景山）：'))
+const portal = portalAnswer === '2' || portalAnswer === 'chenghua' ? 'chenghua' : 'sjs'
+const portalName = portal === 'chenghua' ? '成华' : '石景山'
+const username = (await rl.question(`请输入${portalName}门户账号：`)).trim()
+rl.close()
+if (!username) throw new Error('账号不能为空')
+const password = await askPassword(`请输入${portalName}门户密码（输入内容会隐藏）：`)
+if (!password) throw new Error('密码不能为空')
+
+const configPath = writePortalProfile(portal, { username, password })
+
+console.log(`配置完成：${configPath}`)
+console.log(`现在进入前端项目目录，运行：${portal === 'sjs' ? 'portal-dev' : 'portal-dev --portal chenghua'}`)

package/src/portal-dev.mjs

@@ -0,0 +1,241 @@
+import { existsSync, readFileSync } from 'node:fs'
+import { spawn } from 'node:child_process'
+import { dirname, resolve } from 'node:path'
+import { chromium } from 'playwright-core'
+import { readPortalConfig } from './config-file.mjs'
+import { recognizeCaptcha } from './recognize-captcha.mjs'
+
+const sleep = (milliseconds) => new Promise((resolvePromise) => setTimeout(resolvePromise, milliseconds))
+const args = process.argv.slice(2)
+const readArg = (name) => {
+  const index = args.indexOf(name)
+  return index >= 0 ? args[index + 1] : undefined
+}
+
+const portal = readArg('--portal') || 'sjs'
+if (!['sjs', 'chenghua'].includes(portal)) throw new Error(`不支持的门户：${portal}，可选值为 sjs、chenghua`)
+const loginOnly = args.includes('--login-only') || portal === 'chenghua'
+
+const findProject = () => {
+  const explicit = readArg('--project')
+  if (explicit) return resolve(explicit)
+  let current = process.cwd()
+  while (true) {
+    if (existsSync(resolve(current, 'package.json'))) return current
+    const parent = dirname(current)
+    if (parent === current) break
+    current = parent
+  }
+  throw new Error('未找到前端项目，请先进入项目目录，或使用 --project <路径> 指定')
+}
+
+const projectDir = findProject()
+if (!existsSync(resolve(projectDir, 'package.json')))
+  throw new Error(`目标项目不存在或缺少 package.json：${projectDir}`)
+const portalProfile = readPortalConfig().profiles[portal] || {}
+
+const configs = {
+  sjs: {
+    loginUrl: 'http://115.190.54.111:1880/passport/login/userLogin',
+    username: portalProfile.username,
+    password: portalProfile.password,
+  },
+  chenghua: {
+    loginUrl: 'https://www.chenghua-ai.com/passport/login/userLogin',
+    username: portalProfile.username,
+    password: portalProfile.password,
+  },
+}
+const config = configs[portal]
+if (!config.username || !config.password) {
+  throw new Error(
+    `尚未配置${portal === 'chenghua' ? '成华' : '石景山'}门户账号，请先运行 portal-dev config --portal ${portal}`,
+  )
+}
+
+const localOrigin = 'http://localhost:5173'
+const iframeHost = 'hia.sjsdoubao.com:31118'
+const iframePath = '/exhibition-hall'
+const roomName = '3D智能展厅智能体'
+const chromeCandidates = {
+  darwin: [
+    '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+    '/Applications/Microsoft Edge.app/Contents/MacOS/Microsoft Edge',
+  ],
+  win32: [
+    `${process.env.PROGRAMFILES || ''}\\Google\\Chrome\\Application\\chrome.exe`,
+    `${process.env['PROGRAMFILES(X86)'] || ''}\\Google\\Chrome\\Application\\chrome.exe`,
+    `${process.env.LOCALAPPDATA || ''}\\Google\\Chrome\\Application\\chrome.exe`,
+  ],
+  linux: ['/usr/bin/google-chrome', '/usr/bin/google-chrome-stable', '/usr/bin/chromium', '/usr/bin/chromium-browser'],
+}
+const executablePath = chromeCandidates[process.platform]?.find(existsSync)
+if (!executablePath) throw new Error('未找到 Chrome 或 Edge，请先安装浏览器')
+
+const localUrl = new URL(localOrigin)
+const isReady = async () => {
+  try {
+    return (await fetch(localOrigin, { redirect: 'manual' })).status < 500
+  } catch {
+    return false
+  }
+}
+
+let devServer
+if (!loginOnly && !(await isReady())) {
+  const packageJson = JSON.parse(readFileSync(resolve(projectDir, 'package.json'), 'utf8'))
+  if (!packageJson.scripts?.dev) throw new Error(`目标项目没有 dev script：${projectDir}`)
+  const runner = existsSync(resolve(projectDir, 'bun.lock'))
+    ? 'bun'
+    : existsSync(resolve(projectDir, 'pnpm-lock.yaml'))
+      ? 'pnpm'
+      : 'npm'
+  console.log(`正在启动项目开发服务：${projectDir}`)
+  devServer = spawn(runner, ['run', 'dev', '--', '--host', localUrl.hostname, '--port', localUrl.port || '80'], {
+    cwd: projectDir,
+    env: process.env,
+    stdio: 'inherit',
+  })
+  for (let index = 0; index < 120 && !(await isReady()); index += 1) await sleep(500)
+  if (!(await isReady())) throw new Error(`本地开发服务启动超时：${localOrigin}`)
+}
+
+const browser = await chromium.launch({ headless: false, executablePath })
+const context = await browser.newContext()
+const page = await context.newPage()
+await page.goto(config.loginUrl, { waitUntil: 'domcontentloaded' })
+
+const visibleLocator = async (selectors) => {
+  for (const frame of page.frames()) {
+    for (const selector of selectors) {
+      const locator = frame.locator(selector).filter({ visible: true }).first()
+      if (await locator.count().catch(() => 0)) return locator
+    }
+  }
+  return null
+}
+
+const clickText = async (text) => {
+  for (const frame of page.frames()) {
+    const locator = frame.getByText(text, { exact: false }).filter({ visible: true }).first()
+    if (await locator.count().catch(() => 0)) {
+      await locator.click()
+      return true
+    }
+  }
+  return false
+}
+
+const login = async () => {
+  for (let attempt = 1; attempt <= 3; attempt += 1) {
+    let captcha
+    try {
+      captcha = await visibleLocator([
+        'img.code-img',
+        'img[class*="captcha" i]',
+        'img[alt*="验证码"]',
+        'img[title*="验证码"]',
+      ])
+      if (!captcha) throw new Error('未找到图形验证码')
+      const captchaUrl = await captcha.evaluate((image) => image.currentSrc || image.src || '')
+      const captchaText = await recognizeCaptcha(
+        captchaUrl && !captchaUrl.startsWith('blob:') ? captchaUrl : await captcha.screenshot(),
+      )
+      console.log(`已识别图形验证码（第 ${attempt}/3 次）`)
+      const usernameInput = await visibleLocator([
+        'input[autocomplete="username"]',
+        'input[name="username"]',
+        'input[placeholder*="用户名"]',
+        'input[placeholder*="账号"]',
+      ])
+      const passwordInput = await visibleLocator([
+        'input[autocomplete="current-password"]',
+        'input[name="password"]',
+        'input[type="password"]',
+        'input[placeholder*="密码"]',
+      ])
+      const captchaInput = await visibleLocator([
+        'input[placeholder*="图形验证码"]',
+        'input[placeholder*="验证码"]',
+        'input[name*="captcha" i]',
+        'input[name*="code" i]',
+      ])
+      if (!usernameInput || !passwordInput || !captchaInput) throw new Error('登录表单字段不完整')
+      await usernameInput.fill(config.username)
+      await passwordInput.fill(config.password)
+      await captchaInput.fill(captchaText)
+      const button = await visibleLocator([
+        '.btn-box .btn',
+        'button:has-text("登录")',
+        '[role="button"]:has-text("登录")',
+      ])
+      if (!button) throw new Error('未找到登录按钮')
+      await button.click()
+      await sleep(1800)
+      const stillLoginForm = Boolean(await visibleLocator(['input[type="password"]', 'input[placeholder*="验证码"]']))
+      if (!page.url().includes('/passport/login/') && !stillLoginForm) return
+      throw new Error('登录未成功')
+    } catch (error) {
+      console.error(`第 ${attempt} 次登录失败：${error instanceof Error ? error.message : error}`)
+      if (attempt < 3) await captcha?.click().catch(() => undefined)
+      await sleep(800)
+    }
+  }
+  throw new Error('自动登录失败，已达到最多重试次数')
+}
+
+if (page.url().includes('/passport/login/') || portal === 'chenghua') await login()
+if (loginOnly) {
+  await page.goto('https://www.chenghua-ai.com/chat/pages/application', { waitUntil: 'domcontentloaded' })
+  console.log('成华门户登录已完成，按 Ctrl+C 结束。')
+  await new Promise(() => undefined)
+}
+
+let sampleRoomClicked = false
+let searched = false
+let targetUrl
+for (let index = 0; index < 180; index += 1) {
+  for (const frame of page.frames()) {
+    try {
+      const candidate = new URL(frame.url())
+      if (
+        candidate.host === iframeHost &&
+        candidate.pathname.startsWith(iframePath) &&
+        candidate.searchParams.has('token')
+      )
+        targetUrl = candidate
+    } catch {
+      continue
+    }
+  }
+  if (targetUrl) break
+  if (!sampleRoomClicked) sampleRoomClicked = await clickText('智能体样板间')
+  else if (!searched) {
+    const search = await visibleLocator([
+      'input[placeholder*="搜索"]',
+      'input[placeholder*="查找"]',
+      'input[type="search"]',
+    ])
+    if (search) {
+      await search.fill(roomName)
+      searched = true
+      await sleep(800)
+    }
+  } else (await clickText(roomName)) || (await clickText('3D智能展厅'))
+  await sleep(1000)
+}
+
+if (!targetUrl) throw new Error(`未找到目标智能体入口：${roomName}`)
+const destination = new URL(`${targetUrl.pathname}${targetUrl.search}${targetUrl.hash}`, localOrigin)
+await context.newPage().then((localPage) => localPage.goto(destination.href))
+console.log(`门户本地调试已就绪：${localOrigin}${targetUrl.pathname}`)
+console.log('Token 未打印、未写入文件。按 Ctrl+C 结束。')
+
+const shutdown = async () => {
+  devServer?.kill('SIGTERM')
+  await browser.close().catch(() => undefined)
+  process.exit(0)
+}
+process.on('SIGINT', shutdown)
+process.on('SIGTERM', shutdown)
+await new Promise(() => undefined)

package/src/recognize-captcha.mjs

@@ -0,0 +1,70 @@
+import { createCanvas, loadImage } from '@napi-rs/canvas'
+import { createWorker, PSM } from 'tesseract.js'
+
+const CAPTCHA_PATTERN = /^[A-Z0-9]{4}$/
+
+export async function recognizeCaptcha(source) {
+  const image = await loadImage(source)
+  const { width, height } = image
+  const input = createCanvas(width, height)
+  const context = input.getContext('2d')
+  context.drawImage(image, 0, 0, width, height)
+  const pixels = context.getImageData(0, 0, width, height)
+  const mask = new Uint8Array(width * height)
+  for (let index = 0; index < mask.length; index += 1) {
+    const offset = index * 4
+    const brightness = pixels.data[offset] * 0.299 + pixels.data[offset + 1] * 0.587 + pixels.data[offset + 2] * 0.114
+    mask[index] = brightness > 150 ? 1 : 0
+  }
+  const opened = dilate(erode(mask, width, height), width, height)
+  const scale = 4
+  const padding = 12
+  const output = createCanvas(width * scale + padding * 2, height * scale + padding * 2)
+  const outputContext = output.getContext('2d')
+  outputContext.fillStyle = '#fff'
+  outputContext.fillRect(0, 0, output.width, output.height)
+  outputContext.fillStyle = '#000'
+  for (let y = 0; y < height; y += 1) {
+    for (let x = 0; x < width; x += 1) {
+      if (opened[y * width + x]) outputContext.fillRect(padding + x * scale, padding + y * scale, scale, scale)
+    }
+  }
+
+  const worker = await createWorker('eng')
+  try {
+    await worker.setParameters({
+      tessedit_char_whitelist: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789',
+      tessedit_pageseg_mode: PSM.SINGLE_WORD,
+    })
+    const { data } = await worker.recognize(output.toBuffer('image/png'))
+    const result = data.text.toUpperCase().replace(/[^A-Z0-9]/g, '')
+    if (!CAPTCHA_PATTERN.test(result)) throw new Error(`验证码识别结果无效：${JSON.stringify(data.text)}`)
+    return result
+  } finally {
+    await worker.terminate()
+  }
+}
+
+const erode = (mask, width, height) => {
+  const result = new Uint8Array(mask.length)
+  for (let y = 1; y < height - 1; y += 1) {
+    for (let x = 1; x < width - 1; x += 1) {
+      const index = y * width + x
+      result[index] =
+        mask[index] && mask[index - 1] && mask[index + 1] && mask[index - width] && mask[index + width] ? 1 : 0
+    }
+  }
+  return result
+}
+
+const dilate = (mask, width, height) => {
+  const result = new Uint8Array(mask.length)
+  for (let y = 1; y < height - 1; y += 1) {
+    for (let x = 1; x < width - 1; x += 1) {
+      const index = y * width + x
+      result[index] =
+        mask[index] || mask[index - 1] || mask[index + 1] || mask[index - width] || mask[index + width] ? 1 : 0
+    }
+  }
+  return result
+}