clickgo-native 0.0.1-dev → 0.0.3-dev3

package/dist/index.ts

@@ -1,365 +1,509 @@
+import * as electron from 'electron';
+import * as path from 'path';
+import * as libFs from './lib/fs';
+export const fs = libFs;
+import * as libTool from './lib/tool';
+export const tool = libTool;
+
 // npm publish --tag dev --access public
 // --- sass --watch dist/:dist/ --style compressed --no-source-map ---
-import * as electron from 'electron';
-electron.Menu.setApplicationMenu(null);
 
-/** --- 环境是否已经准备好了 --- */
-let isReady: boolean = false;
-/** --- 窗体是否显示边框 --- */
-let isFrame: boolean = false;
-/** --- 是否关闭窗口就退出 --- */
-let isQuit: boolean = true;
+/** --- 是否是沉浸式的 --- */
+let isImmersion: boolean = false;
+// --- windows 下是且只会是沉浸式，其他系统以启动的第一个窗体为准绑定大小最小化最大化关闭等功能 ---
 
-// const platform: NodeJS.Platform = process.platform;
-const platform: NodeJS.Platform = 'darwin';
+/** --- 窗体是否含有 border 边框，有的话将不是沉浸式，也不会绑定任何窗体的大小和相关事件 --- */
+let hasFrame: boolean = false;
 
-let token: string = '';
-/**
- * --- 验证 token 是否正确 ---
- * @param t 要验证的 token
- */
-export function verifyToken(t: string): boolean {
-    if (t !== token) {
-        return false;
-    }
-    return true;
-}
+/** --- 是否没有物理窗体时就主动退出软件（进程结束），如果不要窗体只有 node 的话，会用到 false 的情况 --- */
+let isNoFormQuit: boolean = true;
 
-/**
- * --- 等到 native 环境装载完毕 ---
- */
-export async function ready(): Promise<void> {
-    await electron.app.whenReady();
-    isReady = true;
-}
+/** --- 主窗体 --- */
+let form: electron.BrowserWindow | undefined;
 
-/** --- node 监听前台消息列表 --- */
-const listeners: Record<string, Array<{
-    'once': boolean;
-    'handler': (param?: string) => any | Promise<any>;
-}>> = {};
-// --- 添加前台监听 ---
-export function on(
-    name: string,
-    handler: (param?: string) => any | Promise<any>,
-    once: boolean = false
-): void {
-    if (!listeners[name]) {
-        listeners[name] = [];
-    }
-    listeners[name].push({
-        'once': once,
-        'handler': handler
-    });
-}
-export function once(name: string, handler: (param?: string) => any | Promise<any>): void {
-    on(name, handler, true);
-}
+/** --- 当前设定的通讯 token --- */
+let token: string = '';
 
-// --- 移除前台监听 ---
-export function off(name: string, handler: (param?: string) => any | Promise<any>): void {
-    if (!listeners[name]) {
-        return;
-    }
-    for (let i = 0; i < listeners[name].length; ++i) {
-        if (listeners[name][i].handler !== handler) {
-            continue;
-        }
-        listeners[name].splice(i, 1);
-        if (listeners[name].length === 0) {
-            delete listeners[name];
-            break;
-        }
-        --i;
-    }
-}
+/** --- 当前系统平台 --- */
+const platform: NodeJS.Platform = process.platform;
+// const platform: NodeJS.Platform = 'darwin';
 
-let win: electron.BrowserWindow | undefined;
-function createForm(path: string): void {
-    const op: Electron.BrowserWindowConstructorOptions = {
-        'width': 500,
-        'height': 400,
-        'frame': isFrame,
-        'resizable': false,
-        'show': false,
-        // 'hasShadow': false,
-        'center': true,
-        'transparent': isFrame ? undefined : true
-    };
-    /*
-    if (platform === 'win32') {
-        op.transparent = true;
-    }
-    */
-    win = new electron.BrowserWindow(op);
-    win.webContents.userAgent = 'electron/' + electron.app.getVersion() + ' ' + platform + '/' + process.arch;
-    win.once('ready-to-show', function(): void {
-        if (!win) {
-            return;
-        }
-        if (platform === 'win32') {
-            win.maximize();
-            win.setIgnoreMouseEvents(true, { 'forward': true });
-        }
-        else {
-            // --- 设置为第一个窗体的大小 ---
-        }
-        win.show();
-        // --- timer ---
-        const timerFunc = async function(): Promise<void> {
-            if (!win) {
+/** --- 监听前台的执行的方法，内置的方法，用户可调用方法自行添加 --- */
+const methods: Record<string, {
+    'once': boolean;
+    'handler': (...param: any[]) => any | Promise<any>;
+}> = {
+    // --- 成功运行一个 task 后 init ---
+    'cg-init': {
+        'once': true,
+        handler: function(t: string) {
+            // --- t 是网页传来的 token ---
+            if (!t || !form) {
                 return;
             }
-            try {
-                const rtn = await win.webContents.executeJavaScript('window.clickGoNative && clickGoNative.isReady');
-                if (!rtn) {
-                    // --- 下一次循环 ---
-                    setTimeout(function() {
-                        timerFunc().catch(function(e) {
-                            console.log(e);
-                        });
-                    }, 100);
-                    return;
-                }
-            }
-            catch {
-                // --- 下一次循环 ---
-                setTimeout(function() {
-                    timerFunc().catch(function(e) {
-                        console.log(e);
-                    });
-                }, 100);
+            form.resizable = true;
+            token = t;
+        }
+    },
+    // --- 完全退出软件进程 ---
+    'cg-quit': {
+        'once': false,
+        handler: function(t: string): void {
+            if (!t || !form) {
                 return;
             }
-            // --- 检测浏览器是否有要执行的内容 ---
-            const list = JSON.parse(await win.webContents.executeJavaScript('clickGoNative.cgInnerGetSends()')) as Array<{ 'id': number; 'name': string; 'param': string | undefined; }>;
-            for (const item of list) {
-                if (!listeners[item.name]) {
-                    continue;
-                }
-                // --- 根据 name 执行相关函数 ---
-                for (let i = 0; i < listeners[item.name].length; ++i) {
-                    const it = listeners[item.name][i];
-                    const result = it.handler(item.param);
-                    if (it.once) {
-                        listeners[item.name].splice(i, 1);
-                        --i;
-                    }
-                    if (result instanceof Promise) {
-                        result.then(function(result) {
-                            if (!win) {
-                                return;
-                            }
-                            win.webContents.executeJavaScript(`clickGoNative.cgInnerReceive(${item.id}, "${item.name}", ${result !== undefined ? (', "' + (result as string).replace(/"/g, '\\"') + '"') : ''})`).catch(function(e) {
-                                console.log(e);
-                            });
-                        }).catch(function(e) {
-                            console.log(e);
-                        });
-                    }
-                    else {
-                        if (!win) {
-                            return;
-                        }
-                        win.webContents.executeJavaScript(`clickGoNative.cgInnerReceive(${item.id}, "${item.name}", ${result !== undefined ? (', "' + (result as string).replace(/"/g, '\\"') + '"') : ''})`).catch(function(e) {
-                            console.log(e);
-                        });
-                    }
-                    if (it.once) {
-                        listeners[item.name].splice(i, 1);
-                        if (listeners[item.name].length === 0) {
-                            delete listeners[item.name];
-                            break;
-                        }
-                        --i;
-                    }
-                }
-            }
-            // --- 下一次循环 ---
-            setTimeout(function() {
-                timerFunc().catch(function(e) {
-                    console.log(e);
-                });
-            }, 100);
-        };
-        timerFunc().catch(function(e) {
-            console.log(e);
-        });
-    });
-    const lio = path.indexOf('?');
-    const search = lio === -1 ? '' : path.slice(lio + 1);
-    if (lio !== -1) {
-        path = path.slice(0, lio);
-    }
-    win.loadFile(path, {
-        'search': search
-    }).catch(function(e): void {
-        throw e;
-    });
-    win.on('close', function() {
-        win = undefined;
-    });
-}
-
-export function run(path: string, opt: { 'frame'?: boolean; 'quit'?: boolean; } = {}): void {
-    if (!isReady) {
-        return;
-    }
-    if (opt.frame !== undefined) {
-        isFrame = opt.frame;
-    }
-    if (opt.quit !== undefined) {
-        isQuit = opt.quit;
-    }
-    createForm(path);
-    // --- 成功运行一个 task 后 init ---
-    once('cg-init', function(t): void {
-        if (!t || !win) {
-            return;
-        }
-        win.resizable = true;
-        token = t;
-    });
-    // --- 退出软件 ---
-    on('cg-quit', function(j): void {
-        if (!win || !j) {
-            return;
-        }
-        try {
-            const rtn = JSON.parse(j);
-            if (!verifyToken(rtn.token)) {
+            if (!verifyToken(t)) {
                 return;
             }
             electron.app.quit();
         }
-        catch (e) {
-            console.log(e);
-        }
-    });
-    // --- 设置窗体大小 ---
-    on('cg-set-size', function(j) {
-        if (!win || !j) {
-            return;
-        }
-        try {
-            const rtn = JSON.parse(j);
-            if (!verifyToken(rtn.token)) {
+    },
+    // --- 设置实体窗体大小，仅非沉浸式可设置 ---
+    'cg-set-size': {
+        'once': false,
+        handler: function(t: string, width: number, height: number): void {
+            if (isImmersion || !form || !width || !height) {
                 return;
             }
-            if (!rtn.width || !rtn.height) {
+            if (!verifyToken(t)) {
                 return;
             }
-            win.setSize(rtn.width, rtn.height);
-            win.center();
-        }
-        catch (e) {
-            console.log(e);
+            form.setSize(width, height);
+            form.center();
         }
-    });
-    // --- 设置窗体最大化、最小化、还原 ---
-    on('cg-set-state', function(j) {
-        if (!win || !j) {
-            return;
-        }
-        try {
-            const rtn = JSON.parse(j);
-            if (!verifyToken(rtn.token)) {
+    },
+    // --- 设置窗体最大化、最小化、还原，仅非 frame 可设置 ---
+    'cg-set-state': {
+        'once': false,
+        handler: function(t: string, state: string): void {
+            if (hasFrame || !form || !state) {
+                return;
+            }
+            if (!verifyToken(t)) {
                 return;
             }
-            switch (rtn.state) {
+            switch (state) {
                 case 'max': {
-                    win.maximize();
+                    form.maximize();
                     break;
                 }
                 case 'min': {
-                    win.minimize();
+                    form.minimize();
                     break;
                 }
                 default: {
-                    win.restore();
+                    form.restore();
                 }
             }
         }
-        catch (e) {
-            console.log(e);
-        }
-    });
-    // --- 响应主 task 被关闭的情况 ---
-    on('cg-main-close', function(j) {
-        if (!win || !j) {
-            return;
+    },
+    // --- 关闭窗体（可能软件进程不会被退出） ---
+    'cg-close': {
+        'once': false,
+        handler: function(t: string): void {
+            if (!form) {
+                return;
+            }
+            if (!verifyToken(t)) {
+                return;
+            }
+            form.close();
         }
-        try {
-            const rtn = JSON.parse(j);
-            if (!verifyToken(rtn.token)) {
+    },
+    // --- 设置 IgnoreMouseEvents，仅限沉浸式 ---
+    'cg-mouse-ignore': {
+        'once': false,
+        handler: function(t: string, val: boolean): void {
+            if (!isImmersion || !form) {
                 return;
             }
-            if (isQuit) {
-                electron.app.quit();
+            if (!verifyToken(t)) {
+                return;
+            }
+            if (val) {
+                form.setIgnoreMouseEvents(true, { 'forward': true });
             }
             else {
-                win.close();
+                form.setIgnoreMouseEvents(false);
             }
         }
-        catch (e) {
-            console.log(e);
+    },
+    // --- 是否允许最大化 ---
+    'cg-maximizable': {
+        'once': false,
+        handler: function(t: string, val: boolean): void {
+            if (isImmersion || !form) {
+                return;
+            }
+            if (!verifyToken(t)) {
+                return;
+            }
+            form.setMaximizable(val);
         }
-    });
-    // --- 设置 IgnoreMouseEvents，仅限 windows ---
-    on('cg-mouse-ignore', function(j) {
-        if (!win || !j) {
-            return;
+    },
+
+    // --- fs 相关操作 ---
+
+    'cg-fs-getContent': {
+        'once': false,
+        handler: async function(
+            t: string,
+            path: string,
+            options: Record<string, any>
+        ): Promise<string | Buffer | null> {
+            if (!verifyToken(t)) {
+                return null;
+            }
+            return libFs.getContent(path, options);
         }
-        try {
-            const rtn = JSON.parse(j);
-            if (!verifyToken(rtn.token)) {
-                return;
+    },
+    'cg-fs-putContent': {
+        'once': false,
+        handler: async function(
+            t: string, path: string, data: string | Buffer, options: Record<string, any>
+        ): Promise<boolean> {
+            if (!verifyToken(t)) {
+                return false;
             }
-            if (rtn.param) {
-                win.setIgnoreMouseEvents(true, { 'forward': true });
+            return fs.putContent(path, data, options);
+        }
+    },
+    'cg-fs-readLink': {
+        'once': false,
+        handler: async function(t: string, path: string, encoding?: BufferEncoding): Promise<string | null> {
+            if (!verifyToken(t)) {
+                return null;
             }
-            else {
-                win.setIgnoreMouseEvents(false);
+            return fs.readLink(path, encoding);
+        }
+    },
+    'cg-fs-symlink': {
+        'once': false,
+        handler: async function(t: string, filePath: string, linkPath: string, type?: 'dir' | 'file' | 'junction'): Promise<boolean> {
+            if (!verifyToken(t)) {
+                return false;
             }
+            return fs.symlink(filePath, linkPath, type);
         }
-        catch (e) {
-            console.log(e);
+    },
+    'cg-fs-unlink': {
+        'once': false,
+        handler: async function(t: string, path: string): Promise<boolean> {
+            if (!verifyToken(t)) {
+                return false;
+            }
+            return fs.unlink(path);
         }
-    });
-    electron.app.on('window-all-closed', function(): void {
-        /*
-        // --- MAC ---
-        if (platform !== 'darwin') {
-            electron.app.quit();
+    },
+    'cg-fs-stats': {
+        'once': false,
+        handler: async function(t: string, path: string): Promise<Record<string, any> | null> {
+            if (!verifyToken(t)) {
+                return null;
+            }
+            return fs.stats(path);
         }
-        */
-        if (isQuit) {
-            electron.app.quit();
+    },
+    'cg-fs-mkdir': {
+        'once': false,
+        handler: async function(t: string, path: string, mode: number): Promise<boolean> {
+            if (!verifyToken(t)) {
+                return false;
+            }
+            return fs.mkdir(path, mode);
         }
-    });
-    electron.app.on('activate', function(): void {
-        if (electron.BrowserWindow.getAllWindows().length === 0) {
+    },
+    'cg-fs-rmdir': {
+        'once': false,
+        handler: async function(t: string, path: string): Promise<boolean> {
+            if (!verifyToken(t)) {
+                return false;
+            }
+            return fs.rmdir(path);
+        }
+    },
+    'cg-fs-chmod': {
+        'once': false,
+        handler: async function(t: string, path: string, mod: string | number): Promise<boolean> {
+            if (!verifyToken(t)) {
+                return false;
+            }
+            return fs.chmod(path, mod);
+        }
+    },
+    'cg-fs-rename': {
+        'once': false,
+        handler: async function(t: string, oldPath: string, newPath: string): Promise<boolean> {
+            if (!verifyToken(t)) {
+                return false;
+            }
+            return fs.rename(oldPath, newPath);
+        }
+    },
+    'cg-fs-readDir': {
+        'once': false,
+        handler: async function(t: string, path: string, encoding?: BufferEncoding): Promise<any[]> {
+            if (!verifyToken(t)) {
+                return [];
+            }
+            return fs.readDir(path, encoding);
+        }
+    },
+    'cg-fs-copyFile': {
+        'once': false,
+        handler: async function(t: string, src: string, dest: string): Promise<boolean> {
+            if (!verifyToken(t)) {
+                return false;
+            }
+            return fs.copyFile(src, dest);
+        }
+    },
+
+    // --- 无需校验码 ---
+
+    // --- 测试与 native 的连通性 ---
+    'cg-ping': {
+        'once': false,
+        handler: function(t: string): string {
+            // --- t 不是 token，传过来什么就会传回去 ---
+            return 'pong: ' + t;
+        }
+    },
+    // --- 判断窗体是否是最大化状态 ---
+    'cg-is-max': {
+        'once': false,
+        handler: function(): boolean {
+            return form?.isMaximized ? true : false;
+        }
+    }
+};
+
+/** --- 全局类 --- */
+export abstract class AbstractBoot {
+
+    /**
+     * --- 是否是沉浸式运行 ---
+     */
+    public get isImmersion(): boolean {
+        return isImmersion;
+    }
+
+    /**
+     * --- 是否含有实体窗体边框和标题 ---
+     */
+    public get hasFrame(): boolean {
+        return hasFrame;
+    }
+
+    /**
+     * --- 没有实体窗体时整个实体进程是不是会被结束 ---
+     */
+    public get isNoFormQuit(): boolean {
+        return isNoFormQuit;
+    }
+
+    /**
+     * --- 当前系统代号 ---
+     */
+    public get platform(): NodeJS.Platform {
+        return platform;
+    }
+
+    /**
+     * --- 当前的通讯 token ---
+     */
+    public get token(): string {
+        return token;
+    }
+
+    /** --- 入口方法 --- */
+    public abstract main(): void | Promise<void>;
+
+    /**
+     * --- 开始运行起来一个主实体窗体，整个进程本方法只能执行一次 ---
+     * @param path 实体窗体网页路径
+     * @param opt 参数
+     */
+    public run(path: string, opt: { 'frame'?: boolean; 'quit'?: boolean; } = {}): void {
+        if (opt.frame !== undefined) {
+            // --- 默认 false ---
+            hasFrame = opt.frame;
+        }
+        if (opt.quit !== undefined) {
+            // --- 默认 true ---
+            isNoFormQuit = opt.quit;
+        }
+        // --- 判断是否是沉浸式 ---
+        if (platform === 'win32') {
+            // --- 是 Windows 才有可能是沉浸式 ---
+            if (!hasFrame) {
+                // --- 实体窗体没有边框，一定是沉浸式 ---
+                isImmersion = true;
+            }
+        }
+        // --- 创建实体窗体 ---
+        createForm(path);
+        // --- 监听所有实体窗体关闭事件 ---
+        electron.app.on('window-all-closed', function(): void {
+            if (isNoFormQuit) {
+                electron.app.quit();
+            }
+        });
+        // --- 软件被活动性激活的事件 ---
+        electron.app.on('activate', function(): void {
+            if (electron.BrowserWindow.getAllWindows().length > 0) {
+                return;
+            }
             createForm(path);
-            // --- 成功运行一个 task 后 init ---
-            once('cg-init', function(t): void {
-                if (!t || !win) {
-                    return;
+            // --- 成功运行一个 task 后再次添加 init ---
+            methods['cg-init'] = {
+                'once': true,
+                handler: function(t: string) {
+                    // --- t 是网页传来的 token ---
+                    if (!t || !form) {
+                        return;
+                    }
+                    form.resizable = true;
+                    token = t;
                 }
-                win.resizable = true;
-                token = t;
-            });
+            };
+        });
+    }
+
+    /**
+     * --- 绑定监听网页调用方法的方法 ---
+     * @param name 方法名
+     * @param handler 要执行的函数
+     * @param once 是否只执行一次
+     */
+    public on(
+        name: string,
+        handler: (...param: any[]) => any | Promise<any>,
+        once: boolean = false
+    ): void {
+        methods[name] = {
+            'once': once,
+            'handler': handler
+        };
+    }
+
+    /**
+     * --- 绑定监听网页调用方法的方法但只会执行一次 ---
+     * @param name 方法名
+     * @param handler 要执行的函数
+     */
+    public once(name: string, handler: (...param: any[]) => any | Promise<any>): void {
+        this.on(name, handler, true);
+    }
+
+    /**
+     * --- 解绑监听的方法 ---
+     * @param name 方法名
+     */
+    public off(name: string): void {
+        if (!methods[name]) {
+            return;
         }
+        delete methods[name];
+    }
+
+}
+
+/** --- 用户调用运行 boot 类 --- */
+export function launcher(boot: AbstractBoot): void {
+    (async function() {
+        // --- 等到 native 环境装载完毕 ---
+        await electron.app.whenReady();
+        await fs.refreshDrives();
+        // --- 执行回调 ---
+        await boot.main();
+    })().catch(function() {
+        return;
     });
 }
 
-// --- listeners 监视 ---
-setInterval(function() {
-    const keysCount: Record<string, number> = {};
-    let count: number = 0;
-    for (const key in listeners) {
-        keysCount[key] = listeners[key].length;
-        count += keysCount[key];
+// --- 系统启动 ---
+
+electron.Menu.setApplicationMenu(null);
+
+// --- 实际用来监听网页传输过来的数据 ---
+electron.ipcMain.handle('pre', function(e: electron.IpcMainInvokeEvent, name: string, ...param: any[]): any {
+    if (!methods[name]) {
+        return;
+    }
+    const r = methods[name].handler(...param);
+    if (methods[name].once) {
+        delete methods[name];
+    }
+    return r;
+});
+
+/**
+ * --- 验证 token 是否正确 ---
+ * @param t 要验证的 token
+ */
+export function verifyToken(t: string): boolean {
+    if (t !== token) {
+        return false;
+    }
+    return true;
+}
+
+/**
+ * --- 内部调用用来创建实体窗体的函数 ---
+ * @param p 窗体网页路径
+ */
+function createForm(p: string): void {
+    const op: Electron.BrowserWindowConstructorOptions = {
+        'webPreferences': {
+            'nodeIntegration': false,
+            'contextIsolation': true,
+            'preload': path.join(__dirname, '/pre.js')
+        },
+        'width': hasFrame ? 800 : 500,
+        'height': hasFrame ? 600 : 300,
+        'frame': hasFrame,
+        'resizable': false,
+        'show': false,
+        'center': true,
+        'transparent': isImmersion ? true : false
+    };
+    form = new electron.BrowserWindow(op);
+    form.webContents.userAgent = 'electron/' + electron.app.getVersion() + ' ' + platform + '/' + process.arch + ' immersion/' + (isImmersion ? '1' : '0') + ' frame/' + (hasFrame ? '1' : '0');
+    // form.webContents.openDevTools();
+    form.once('ready-to-show', function(): void {
+        if (!form) {
+            return;
+        }
+        if (isImmersion) {
+            // --- 沉浸式默认最大化 ---
+            form.maximize();
+            form.setIgnoreMouseEvents(true, { 'forward': true });
+        }
+        else {
+            // --- 设置为第一个窗体的大小 ---
+        }
+        form.show();
+    });
+    const lio = p.indexOf('?');
+    const search = lio === -1 ? '' : p.slice(lio + 1);
+    if (lio !== -1) {
+        p = p.slice(0, lio);
     }
-    console.log('keysCount', keysCount);
-    console.log(`All count: ${count}`);
-}, 5000);
+    form.loadFile(p, {
+        'search': search
+    }).catch(function(e): void {
+        throw e;
+    });
+    form.on('close', function() {
+        form = undefined;
+    });
+    // --- 最大化事件 ---
+    form.on('maximize', function() {
+        form?.webContents.executeJavaScript('if(window.clickgoNativeWeb){clickgoNativeWeb.invoke("maximize")}') as any;
+    });
+    // --- 最大化还原 ---
+    form.on('unmaximize', function() {
+        form?.webContents.executeJavaScript('if(window.clickgoNativeWeb){clickgoNativeWeb.invoke("unmaximize")}') as any;
+    });
+}