🎨 Optimize the use of CLI.

bin/builders/BaseBuilder.ts

@@ -1,3 +1,4 @@
+import ora from "ora";
 import path from 'path';
 import fsExtra from "fs-extra";
 import prompts from 'prompts';
@@ -39,6 +40,8 @@ export default abstract class BaseBuilder {
   }
 
   protected async runBuildCommand(directory: string, command: string) {
+    const spinner = ora('Building...').start();
+    setTimeout(() => spinner.succeed(), 5000);
     const isChina = await isChinaDomain("www.npmjs.com");
     if (isChina) {
       logger.info("Located in China, using npm/Rust CN mirror.");

bin/builders/BuilderProvider.ts

@@ -3,19 +3,20 @@ import MacBuilder from './MacBuilder';
 import WinBuilder from './WinBuilder';
 import LinuxBuilder from './LinuxBuilder';
 
-import { IS_MAC, IS_WIN, IS_LINUX } from '@/utils/platform';
+const { platform } = process;
+
+const buildersMap: Record<string, new () => BaseBuilder> = {
+  darwin: MacBuilder,
+  win32: WinBuilder,
+  linux: LinuxBuilder,
+};
 
 export default class BuilderProvider {
   static create(): BaseBuilder {
-    if (IS_MAC) {
+    const Builder = buildersMap[platform];
-      return new MacBuilder();
+    if (!Builder) {
+      throw new Error('The current system is not supported!');
     }
-    if (IS_WIN) {
+    return new Builder();
-      return new WinBuilder();
-    }
-    if (IS_LINUX) {
-      return new LinuxBuilder();
-    }
-    throw new Error('The current system is not supported!');
   }
 }

bin/cli.ts

@@ -1,3 +1,4 @@
+import ora from "ora";
 import log from 'loglevel';
 import { program } from 'commander';
 
@@ -46,10 +47,11 @@ program
       log.setLevel('debug');
     }
 
+    const spinner = ora('Preparing...').start();
     const builder = BuilderProvider.create();
     await builder.prepare();
-
     const appOptions = await handleInputOptions(options, url);
+    spinner.succeed();
 
     log.debug('PakeAppOptions', appOptions);
 

bin/helpers/merge.ts

@@ -127,19 +127,19 @@ export async function mergeConfig(
   const platformIconMap: PlatformMap = {
     win32: {
       fileExt: '.ico',
-      path: `png/${name.toLowerCase()}_32.ico`,
+      path: `png/${name.toLowerCase()}_256.ico`,
       defaultIcon: 'png/icon_256.ico',
       message: 'Windows icon must be .ico and 256x256px.',
     },
     linux: {
       fileExt: '.png',
-      path: `png/${name.toLowerCase()}_32.png`,
+      path: `png/${name.toLowerCase()}_512.png`,
       defaultIcon: 'png/icon_512.png',
       message: 'Linux icon must be .png and 512x512px.',
     },
     darwin: {
       fileExt: '.icns',
-      path: `icons/${name.toLowerCase()}_32.icns`,
+      path: `icons/${name.toLowerCase()}.icns`,
       defaultIcon: 'icons/icon.icns',
       message: 'MacOS icon must be .icns type.',
     },

bin/options/icon.ts

@@ -25,11 +25,10 @@ export async function handleIcon(options: PakeAppOptions) {
 
 export async function downloadIcon(iconUrl: string) {
   try {
-    const iconResponse = await axios.get(iconUrl, {
+    const iconResponse = await axios.get(iconUrl, { responseType: 'arraybuffer' });
-      responseType: 'arraybuffer',
-    });
 
     const iconData = await iconResponse.data;
+
     if (!iconData) {
       return null;
     }
@@ -42,6 +41,7 @@ export async function downloadIcon(iconUrl: string) {
     const { path: tempPath } = await dir();
     const iconPath = `${tempPath}/icon.${fileDetails.ext}`;
     await fsExtra.outputFile(iconPath, iconData);
+
     return iconPath;
   } catch (error) {
     if (error.response && error.response.status === 404) {

bin/utils/ip.ts

@@ -10,7 +10,8 @@ const ping = async (host: string) => {
   const ip = await lookup(host);
   const start = new Date();
 
-  return new Promise<number>((resolve, reject) => {
+  // Prevent timeouts from affecting user experience.
+  const requestPromise = new Promise<number>((resolve, reject) => {
     const req = http.get(`http://${ip.address}`, (res) => {
       const delay = new Date().getTime() - start.getTime();
       res.resume();
@@ -21,14 +22,23 @@ const ping = async (host: string) => {
       reject(err);
     });
   });
+
+  const timeoutPromise = new Promise<number>((_, reject) => {
+    setTimeout(() => {
+      reject(new Error('Request timed out after 3 seconds'));
+    }, 3000);
+  });
+
+  return Promise.race([requestPromise, timeoutPromise]);
 };
 
+
 async function isChinaDomain(domain: string): Promise<boolean> {
   try {
     const [ip] = await resolve(domain);
     return await isChinaIP(ip, domain);
   } catch (error) {
-    logger.info(`${domain} can't be parse!`);
+    logger.debug(`${domain} can't be parse!`);
     return false;
   }
 }
@@ -36,10 +46,10 @@ async function isChinaDomain(domain: string): Promise<boolean> {
 async function isChinaIP(ip: string, domain: string): Promise<boolean> {
   try {
     const delay = await ping(ip);
-    logger.info(`${domain} latency is ${delay} ms`);
+    logger.debug(`${domain} latency is ${delay} ms`);
     return delay > 500;
   } catch (error) {
-    logger.info(`ping ${domain} failed!`);
+    logger.debug(`ping ${domain} failed!`);
     return false;
   }
 }

dist/cli.js

@@ -1,3 +1,4 @@
+import ora from 'ora';
 import log from 'loglevel';
 import { InvalidArgumentError, program } from 'commander';
 import fsExtra from 'fs-extra';
@@ -15,7 +16,6 @@ import shelljs from 'shelljs';
 import dns from 'dns';
 import http from 'http';
 import { promisify } from 'util';
-import ora from 'ora';
 import updateNotifier from 'update-notifier';
 import fs from 'fs';
 
@@ -42,10 +42,10 @@ const currentModulePath = fileURLToPath(import.meta.url);
 // Resolve the parent directory of the current module
 const npmDirectory = path.join(path.dirname(currentModulePath), '..');
 
-const { platform: platform$1 } = process;
+const { platform: platform$2 } = process;
-const IS_MAC = platform$1 === 'darwin';
+const IS_MAC = platform$2 === 'darwin';
-const IS_WIN = platform$1 === 'win32';
+const IS_WIN = platform$2 === 'win32';
-const IS_LINUX = platform$1 === 'linux';
+const IS_LINUX = platform$2 === 'linux';
 
 async function handleIcon(options) {
     if (options.icon) {
@@ -64,9 +64,7 @@ async function handleIcon(options) {
 }
 async function downloadIcon(iconUrl) {
     try {
-        const iconResponse = await axios.get(iconUrl, {
+        const iconResponse = await axios.get(iconUrl, { responseType: 'arraybuffer' });
-            responseType: 'arraybuffer',
-        });
         const iconData = await iconResponse.data;
         if (!iconData) {
             return null;
@@ -347,9 +345,9 @@ const platformConfigs = {
     darwin: MacConf,
     linux: LinuxConf
 };
-const { platform } = process;
+const { platform: platform$1 } = process;
 // @ts-ignore
-const platformConfig = platformConfigs[platform];
+const platformConfig = platformConfigs[platform$1];
 let tauriConfig = {
     tauri: {
         ...CommonConf.tauri,
@@ -378,7 +376,8 @@ const ping = async (host) => {
     const lookup = promisify(dns.lookup);
     const ip = await lookup(host);
     const start = new Date();
-    return new Promise((resolve, reject) => {
+    // Prevent timeouts from affecting user experience.
+    const requestPromise = new Promise((resolve, reject) => {
         const req = http.get(`http://${ip.address}`, (res) => {
             const delay = new Date().getTime() - start.getTime();
             res.resume();
@@ -388,6 +387,12 @@ const ping = async (host) => {
             reject(err);
         });
     });
+    const timeoutPromise = new Promise((_, reject) => {
+        setTimeout(() => {
+            reject(new Error('Request timed out after 3 seconds'));
+        }, 3000);
+    });
+    return Promise.race([requestPromise, timeoutPromise]);
 };
 async function isChinaDomain(domain) {
     try {
@@ -395,18 +400,18 @@ async function isChinaDomain(domain) {
         return await isChinaIP(ip, domain);
     }
     catch (error) {
-        logger.info(`${domain} can't be parse!`);
+        logger.debug(`${domain} can't be parse!`);
         return false;
     }
 }
 async function isChinaIP(ip, domain) {
     try {
         const delay = await ping(ip);
-        logger.info(`${domain} latency is ${delay} ms`);
+        logger.debug(`${domain} latency is ${delay} ms`);
         return delay > 500;
     }
     catch (error) {
-        logger.info(`ping ${domain} failed!`);
+        logger.debug(`ping ${domain} failed!`);
         return false;
     }
 }
@@ -457,6 +462,8 @@ class BaseBuilder {
         }
     }
     async runBuildCommand(directory, command) {
+        const spinner = ora('Building...').start();
+        setTimeout(() => spinner.succeed(), 5000);
         const isChina = await isChinaDomain("www.npmjs.com");
         if (isChina) {
             logger.info("Located in China, using npm/Rust CN mirror.");
@@ -557,19 +564,19 @@ async function mergeConfig(url, options, tauriConf) {
     const platformIconMap = {
         win32: {
             fileExt: '.ico',
-            path: `png/${name.toLowerCase()}_32.ico`,
+            path: `png/${name.toLowerCase()}_256.ico`,
             defaultIcon: 'png/icon_256.ico',
             message: 'Windows icon must be .ico and 256x256px.',
         },
         linux: {
             fileExt: '.png',
-            path: `png/${name.toLowerCase()}_32.png`,
+            path: `png/${name.toLowerCase()}_512.png`,
             defaultIcon: 'png/icon_512.png',
             message: 'Linux icon must be .png and 512x512px.',
         },
         darwin: {
             fileExt: '.icns',
-            path: `icons/${name.toLowerCase()}_32.icns`,
+            path: `icons/${name.toLowerCase()}.icns`,
             defaultIcon: 'icons/icon.icns',
             message: 'MacOS icon must be .icns type.',
         },
@@ -718,23 +725,24 @@ class LinuxBuilder extends BaseBuilder {
     }
 }
 
+const { platform } = process;
+const buildersMap = {
+    darwin: MacBuilder,
+    win32: WinBuilder,
+    linux: LinuxBuilder,
+};
 class BuilderProvider {
     static create() {
-        if (IS_MAC) {
+        const Builder = buildersMap[platform];
-            return new MacBuilder();
+        if (!Builder) {
+            throw new Error('The current system is not supported!');
         }
-        if (IS_WIN) {
+        return new Builder();
-            return new WinBuilder();
-        }
-        if (IS_LINUX) {
-            return new LinuxBuilder();
-        }
-        throw new Error('The current system is not supported!');
     }
 }
 
 var name = "pake-cli";
-var version = "2.1.0";
+var version = "2.1.1";
 var description = "🤱🏻 Turn any webpage into a desktop app with Rust. 🤱🏻 很简单的用 Rust 打包网页生成很小的桌面 App。";
 var engines = {
 	node: ">=16.0.0"
@@ -907,9 +915,11 @@ program
     if (options.debug) {
         log.setLevel('debug');
     }
+    const spinner = ora('Preparing...').start();
     const builder = BuilderProvider.create();
     await builder.prepare();
     const appOptions = await handleOptions(options, url);
+    spinner.succeed();
     log.debug('PakeAppOptions', appOptions);
     await builder.build(url, appOptions);
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pake-cli",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "🤱🏻 Turn any webpage into a desktop app with Rust. 🤱🏻 很简单的用 Rust 打包网页生成很小的桌面 App。",
   "engines": {
     "node": ">=16.0.0"

tsconfig.json

@@ -5,6 +5,10 @@
     "types": [
       "node"
     ],
+    "lib": [
+      "es2020",
+      "dom"
+    ],
     "esModuleInterop": true,
     "resolveJsonModule": true,
     "allowSyntheticDefaultImports": true,