feat: 添加浏览器无头模式选项

Author: phk422

README.md

@@ -31,10 +31,11 @@ Usage: tiny-app-cli [options]
 自动提审与发布微信、支付宝小程序, 更好的实现小程序的CI/CD
 
 Options:
-  -V, --version              output the version number
-  -p, --platform <platform>  操作的平台 (choices: "weixin", "alipay")
-  -a, --action <action>      提审或者发布 (choices: "review", "release")
-  -h, --help                 display help for command
+  -V, --version               output the version number
+  -p, --platform <platform>   操作的平台 (choices: "weixin", "alipay")
+  -a, --action <action>       提审或者发布 (choices: "review", "release")
+  -hl, --headless [headless]  浏览器无头模式 (choices: "false", "new", default: "new")
+  -h, --help                  display help for command
 ```
 
 示例

src/core/index.ts

@@ -5,7 +5,7 @@ import weixinRobot from '../weixin'
 import { isEmpty } from '../utils'
 
 export default async function main(options: InputOptions) {
-  let result: prompts.Answers<
+  const result: prompts.Answers<
   'platform' | 'action'
 > = await prompts(
   [
@@ -36,12 +36,12 @@ export default async function main(options: InputOptions) {
     },
   },
 )
-  result = {
+  const opts = {
     ...options,
     ...result,
   }
-  if (result.platform === PLATFORM.WEIXIN)
-    await weixinRobot(result.action as ACTION)
+  if (opts.platform === PLATFORM.WEIXIN)
+    await weixinRobot(opts)
   else
     console.log(bgGreen('正在开发中...'))
 }

src/index.ts

@@ -1,14 +1,16 @@
 import { Option, program } from 'commander'
 import { ACTION, PLATFORM, description, name, version } from './constants'
 import main from './core'
+import { handleOptions } from './utils'
 
 program.name(name).version(version).description(description)
   .addOption(new Option('-p, --platform <platform>', '操作的平台').choices(Object.values(PLATFORM)))
   .addOption(new Option('-a, --action <action>', '提审或者发布').choices(Object.values(ACTION)))
+  .addOption(new Option('-hl, --headless [headless]', '浏览器无头模式').default('new').choices(['false', 'new']))
 
 program.parse()
 
-const options = program.opts<InputOptions>()
+const options = handleOptions(program.opts<InputOptions>())
 
 main(options).catch((err) => {
   console.error(err)

src/types/index.d.ts

@@ -1,8 +1,10 @@
+import type { PuppeteerLaunchOptions } from 'puppeteer'
 import type { ACTION, PLATFORM } from '../constants'
 
 declare global {
   interface InputOptions {
     platform: PLATFORM
     action: ACTION
+    headless: PuppeteerLaunchOptions['headless']
   }
 }

src/utils/index.ts

@@ -64,3 +64,16 @@ export function isEmpty(value: unknown) {
 
   return false
 }
+
+export function transBooleanStrToBool(value: string) {
+  if (value === 'true')
+    return true
+  if (value === 'false')
+    return false
+  return value
+}
+
+export function handleOptions(opts: InputOptions) {
+  opts.headless = transBooleanStrToBool(opts.headless as string) as never
+  return opts
+}

src/weixin/index.ts

@@ -11,13 +11,14 @@ let browser: Browser
 let page: Page
 
 let spinner: Ora
+let options: InputOptions
 
 /**
  * 获取微信图片二维码
  */
-export async function getLoginScanCode() {
+export async function getLoginScanCode(opts: InputOptions = options) {
   spinner = ora('正在获取登录二维码...').start()
-  browser = await puppeteer.launch({ headless: false })
+  browser = await puppeteer.launch({ headless: __DEV__ ? false : opts.headless })
   page = await browser.newPage()
   await page.setViewport(VIEWPORT)
   await page.goto(WEIXIN_URL)
@@ -150,11 +151,12 @@ export async function toRelease() {
   console.log('正在开发中...')
 }
 
-export default async function weixinRobot(action: ACTION) {
+export default async function weixinRobot(opts: InputOptions) {
+  options = opts
   try {
     await getLoginScanCode()
     await jumpToVersions()
-    if (action === ACTION.REVIEW) {
+    if (options.action === ACTION.REVIEW) {
       await jumpToConfirmPage()
       await toSubmitAudit()
     }
@@ -164,7 +166,6 @@ export default async function weixinRobot(action: ACTION) {
     process.exit(0)
   }
   catch (err) {
-    console.log(__DEV__)
     if (__DEV__) {
       console.error(err)
       return