clickgo 3.1.2-dev11 → 3.1.4-dev13

package/dist/lib/core.ts

@@ -19,10 +19,7 @@ import * as fs from './fs';
 import * as form from './form';
 import * as task from './task';
 import * as tool from './tool';
-import * as control from './control';
-import * as theme from './theme';
 import * as zip from './zip';
-import * as dom from './dom';
 
 /** --- Config 原始参考对象 --- */
 const configOrigin: types.IConfig = {
@@ -72,153 +69,6 @@ export abstract class AbstractApp {
     /** --- App 的入口文件 --- */
     public abstract main(): Promise<void>;
 
-    /**
-     * --- 先设置 App 的配置信息 ---
-     * @param config 配置对象
-     */
-    public async config(config: types.IAppConfig): Promise<boolean> {
-        const t = task.list[this.taskId];
-        if (!t) {
-            return false;
-        }
-        t.config = config;
-        // --- 加载余下的 xml 等静态包内资源，仅限 net 的 app 模式 ---
-        if (t.app.net) {
-            if (!t.config.files) {
-                return false;
-            }
-            const files = t.config.files;
-            const net = t.app.net;
-            await new Promise<void>(function(resolve) {
-                let loaded = 0;
-                const total = files.length;
-                const beforeTotal = Object.keys(t.app.files).length;
-                net.progress?.(loaded + beforeTotal, total + beforeTotal) as unknown;
-                for (const file of files) {
-                    fs.getContent(net.url + file.slice(1), {
-                        'current': net.current
-                    }).then(async function(blob) {
-                        if (blob === null || typeof blob === 'string') {
-                            clickgo.form.notify({
-                                'title': 'File not found',
-                                'content': net.url + file.slice(1),
-                                'type': 'danger'
-                            });
-                            return;
-                        }
-                        const mime = tool.getMimeByPath(file);
-                        if (['txt', 'json', 'js', 'css', 'xml', 'html'].includes(mime.ext)) {
-                            t.app.files[file] = (await tool.blob2Text(blob)).replace(/^\ufeff/, '');
-                        }
-                        else {
-                            t.app.files[file] = blob;
-                        }
-                        ++loaded;
-                        net.progress?.(loaded + beforeTotal, total + beforeTotal) as unknown;
-                        if (net.notify) {
-                            form.notifyProgress(net.notify, (loaded / total) / 2 + 0.5);
-                        }
-                        if (loaded < total) {
-                            return;
-                        }
-                        resolve();
-                    }).catch(function() {
-                        ++loaded;
-                        net.progress?.(loaded + beforeTotal, total + beforeTotal) as unknown;
-                        if (net.notify) {
-                            form.notifyProgress(net.notify, (loaded / total) / 2 + 0.5);
-                        }
-                        if (loaded < total) {
-                            return;
-                        }
-                        resolve();
-                    });
-                }
-            });
-            if (net.notify) {
-                setTimeout(function(): void {
-                    form.hideNotify(net.notify!);
-                }, 2000);
-            }
-        }
-        // --- 要加载 control ---
-        if (!await control.init(this.taskId)) {
-            return false;
-        }
-        // --- theme ---
-        if (config.themes?.length) {
-            for (let path of config.themes) {
-                path += '.cgt';
-                path = tool.urlResolve('/', path);
-                const file = await fs.getContent(path, {
-                    'files': t.app.files,
-                    'current': t.current
-                });
-                if (file && typeof file !== 'string') {
-                    const th = await theme.read(file);
-                    if (th) {
-                        await theme.load(th, t.id);
-                    }
-                }
-            }
-        }
-        else {
-            // --- 加载全局主题 ---
-            if (theme.global) {
-                await theme.load(undefined, this.taskId);
-            }
-        }
-        // --- locale ---
-        if (config.locales) {
-            for (let path in config.locales) {
-                const locale = config.locales[path];
-                if (!path.endsWith('.json')) {
-                    path += '.json';
-                }
-                const lcontent = await fs.getContent(path, {
-                    'encoding': 'utf8',
-                    'files': t.app.files,
-                    'current': t.current
-                });
-                if (!lcontent) {
-                    continue;
-                }
-                try {
-                    const data = JSON.parse(lcontent);
-                    task.loadLocaleData(locale, data, '', t.id);
-                }
-                catch {
-                    // --- 无所谓 ---
-                }
-            }
-        }
-        // --- 加载任务级全局样式 ---
-        if (config.style) {
-            const style = await fs.getContent(config.style + '.css', {
-                'encoding': 'utf8',
-                'files': t.app.files,
-                'current': t.current
-            });
-            if (style) {
-                const r = tool.stylePrepend(style, 'cg-task' + this.taskId.toString() + '_');
-                dom.pushStyle(this.taskId, await tool.styleUrl2DataUrl(config.style, r.style, t.app.files));
-            }
-        }
-        // --- 加载图标 ---
-        if (config.icon) {
-            const icon = await fs.getContent(config.icon, {
-                'files': t.app.files,
-                'current': t.current
-            });
-            if (icon && typeof icon !== 'string') {
-                t.app.icon = await tool.blob2DataUrl(icon);
-            }
-        }
-        // --- 全部成功，设置 t.class 为自己 ---
-        t.class = this;
-        return true;
-    }
-
     /**
      * --- 以某个窗体进行正式启动这个 app（入口 form），不启动则任务也启动失败 ---
      * @param form 窗体对象
@@ -329,6 +179,12 @@ export abstract class AbstractApp {
         return;
     }
 
+    /** --- location hash 改变事件 --- */
+    public onHashChanged(hash: string): void | Promise<void>;
+    public onHashChanged(): void {
+        return;
+    }
+
 }
 
 /** --- CDN 地址 --- */
@@ -392,7 +248,12 @@ clickgo.vue.watch(config, function() {
 });
 
 /** --- module 列表 --- */
-const modules: Record<string, { func: () => any | Promise<any>; 'obj': null | any; 'loading': boolean; }> = {
+const modules: Record<string, {
+    func: () => any | Promise<any>;
+    'obj': null | any;
+    'loading': boolean;
+    'resolve': Array<() => void | Promise<void>>;
+}> = {
     'monaco': {
         func: async function() {
             return new Promise(function(resolve, reject) {
@@ -408,7 +269,8 @@ const modules: Record<string, { func: () => any | Promise<any>; 'obj': null | an
             });
         },
         'obj': null,
-        'loading': false
+        'loading': false,
+        'resolve': []
     }
 };
 
@@ -424,97 +286,61 @@ export function regModule(name: string, func: () => any | Promise<any>): boolean
     modules[name] = {
         func: func,
         'obj': null,
-        'loading': false
+        'loading': false,
+        'resolve': []
     };
     return true;
 }
 
 /**
- * --- 外接模块需要 init 后才能使用 ---
- * @param names 要加载的模块名
+ * --- 获取外接模块 ---
+ * @param name 模块名
  */
-export function initModules(names: string | string[]): Promise<number> {
-    return new Promise(function(resolve) {
-        if (typeof names === 'string') {
-            names = [names];
-        }
-        if (names.length === 0) {
-            resolve(0);
-            return;
+export function getModule(name: string): Promise<null | any> {
+    return new Promise((resolve) => {
+        if (!modules[name]) {
+            return null;
         }
-        let loaded = 0;
-        let successful = 0;
-        for (const name of names) {
-            if (!modules[name]) {
-                ++loaded;
-                if (loaded === names.length) {
-                    resolve(successful);
-                    return;
-                }
-                continue;
-            }
-            if (modules[name].obj) {
-                ++loaded;
-                ++successful;
-                if (loaded === names.length) {
-                    resolve(successful);
-                    return;
-                }
-                continue;
-            }
+        if (!modules[name].obj) {
+            // --- obj 是 null 判断是否要初始化 ---
             if (modules[name].loading) {
-                ++loaded;
-                if (loaded === names.length) {
-                    resolve(successful);
-                    return;
-                }
-                continue;
-            }
-            // --- 正式开始加载 init ---
-            modules[name].loading = true;
-            const rtn = modules[name].func();
-            if (rtn instanceof Promise) {
-                rtn.then(function(obj) {
-                    modules[name].obj = obj;
-                    modules[name].loading = false;
-                    ++loaded;
-                    ++successful;
-                    if (loaded === names.length) {
-                        resolve(successful);
-                        return;
-                    }
-                }).catch(function() {
-                    modules[name].loading = false;
-                    ++loaded;
-                    if (loaded === names.length) {
-                        resolve(successful);
-                    }
+                // --- 加载中，等待 ---
+                modules[name].resolve.push(() => {
+                    resolve(modules[name].obj);
                 });
             }
             else {
-                modules[name].obj = rtn;
-                modules[name].loading = false;
-                ++loaded;
-                ++successful;
-                if (loaded === names.length) {
-                    resolve(successful);
+                // --- 没加载，开始加载 ---
+                const rtn = modules[name].func();
+                if (rtn instanceof Promise) {
+                    modules[name].loading = true;
+                    rtn.then(function(obj) {
+                        modules[name].obj = obj;
+                        modules[name].loading = false;
+                        resolve(obj);
+                        for (const r of modules[name].resolve) {
+                            r() as any;
+                        }
+                    }).catch(function() {
+                        modules[name].loading = false;
+                        resolve(null);
+                        for (const r of modules[name].resolve) {
+                            r() as any;
+                        }
+                    });
+                }
+                else {
+                    modules[name].obj = rtn;
+                    resolve(rtn);
                 }
             }
+            return;
         }
+        resolve(modules[name].obj);
+        return;
     });
 }
 
-/**
- * --- 获取外接模块 ---
- * @param name 模块名
- */
-export function getModule(name: string): null | any {
-    if (!modules[name]) {
-        return null;
-    }
-    return modules[name].obj;
-}
-
 /** --- 系统要处理的全局响应事件 --- */
 const globalEvents = {
     screenResize: function(): void {
@@ -678,7 +504,7 @@ export function trigger(name: types.TGlobalEvent, taskId: number | string | bool
             if (typeof formId !== 'string') {
                 break;
             }
-            if (typeof taskId === 'number') {
+            if (typeof taskId !== 'string') {
                 taskId = taskId.toString();
             }
             (boot as any)[eventName](taskId, formId);
@@ -691,6 +517,20 @@ export function trigger(name: types.TGlobalEvent, taskId: number | string | bool
             }
             break;
         }
+        case 'hashChanged': {
+            if (typeof taskId !== 'string') {
+                break;
+            }
+            (boot as any)[eventName](taskId);
+            for (const tid in task.list) {
+                const t = task.list[tid];
+                (t.class as any)?.[eventName](taskId);
+                for (const fid in t.forms) {
+                    t.forms[fid].vroot[eventName]?.(taskId);
+                }
+            }
+            break;
+        }
     }
 }
 
@@ -707,6 +547,13 @@ export async function readApp(blob: Blob): Promise<false | types.IApp> {
     }
     // --- 开始读取文件 ---
     const files: Record<string, Blob | string> = {};
+    /** --- 配置文件 --- */
+    const configContent = await z.getContent('/config.json');
+    if (!configContent) {
+        return false;
+    }
+    const config: types.IAppConfig = JSON.parse(configContent);
+    // --- 读取包 ---
     const list = z.readDir('/', {
         'hasChildren': true
     });
@@ -730,8 +577,10 @@ export async function readApp(blob: Blob): Promise<false | types.IApp> {
         }
     }
     return {
-        'icon': icon,
-        'files': files
+        'type': 'app',
+        'config': config,
+        'files': files,
+        'icon': icon
     };
 }
 
@@ -798,53 +647,97 @@ export async function fetchApp(
             return null;
         }
     }
-    // --- 从网络嗅探 ---
-    let loaded = 0;
-    let total = 30;
-    // --- 网络嗅探，不知道文件总数，先暂定 30，不过超出 30 文件的建议打包为 cga ---
-    const files = await loader.sniffFiles(url + 'app.js', {
-        'dir': '/',
-        adapter: async (url) => {
-            const r = await fs.getContent(url, {
-                'encoding': 'utf8',
-                'current': current
-            });
-            return r;
-        },
-        'loaded': () => {
-            ++loaded;
-            if (loaded === total) {
-                ++total;
-            }
-            if (opt.notifyId) {
-                form.notifyProgress(opt.notifyId, (loaded / total) / 2);
+    // --- 从网络加载 app ---
+    let config: types.IAppConfig;
+    /** --- 已加载的 files --- */
+    const files: Record<string, Blob | string> = {};
+    try {
+        const blob = await fs.getContent(url + 'config.json', {
+            'current': current
+        });
+        if (blob === null || typeof blob === 'string') {
+            return null;
+        }
+        config = JSON.parse(await tool.blob2Text(blob));
+        await new Promise<void>(function(resolve) {
+            if (!config.files) {
+                return;
             }
+            const total = config.files.length;
+            let loaded = 0;
             if (opt.progress) {
-                opt.progress(loaded, total) as unknown;
+                opt.progress(loaded + 1, total + 1) as unknown;
+            }
+            for (const file of config.files) {
+                fs.getContent(url + file.slice(1), {
+                    'current': current
+                }).then(async function(blob) {
+                    if (blob === null || typeof blob === 'string') {
+                        clickgo.form.notify({
+                            'title': 'File not found',
+                            'content': url + file.slice(1),
+                            'type': 'danger'
+                        });
+                        return;
+                    }
+                    const mime = tool.getMimeByPath(file);
+                    if (['txt', 'json', 'js', 'css', 'xml', 'html'].includes(mime.ext)) {
+                        files[file] = (await tool.blob2Text(blob)).replace(/^\ufeff/, '');
+                    }
+                    else {
+                        files[file] = blob;
+                    }
+                    ++loaded;
+                    if (opt.notifyId) {
+                        form.notifyProgress(opt.notifyId, loaded / total);
+                    }
+                    if (opt.progress) {
+                        opt.progress(loaded + 1, total + 1) as unknown;
+                    }
+                    if (loaded < total) {
+                        return;
+                    }
+                    resolve();
+                }).catch(function() {
+                    ++loaded;
+                    if (opt.notifyId) {
+                        form.notifyProgress(opt.notifyId, loaded / total);
+                    }
+                    if (opt.progress) {
+                        opt.progress(loaded + 1, total + 1) as unknown;
+                    }
+                    if (loaded < total) {
+                        return;
+                    }
+                    resolve();
+                });
             }
-        }
-    });
-    // --- net 模式此处加载完只算到 50%，因为还有 app 类当中 config 中的静态部分，暂定预留 50% ---
-    if (opt.notifyId) {
-        form.notifyProgress(opt.notifyId, 0.5);
+        });
     }
-    if (Object.keys(files).length === 0) {
+    catch (e: any) {
+        console.log('core.fetchApp', e);
+        trigger('error', 0, 0, e, e.message);
         return null;
     }
-    const ul = url.length - 1;
-    for (const fn in files) {
-        files[fn.slice(ul)] = files[fn];
-        delete files[fn];
+
+    let icon = '';
+    if (config.icon && (files[config.icon] instanceof Blob)) {
+        icon = await tool.blob2DataUrl(files[config.icon] as Blob);
     }
+    if (icon === '') {
+        const iconBlob = await fs.getContent('/clickgo/icon.png', {
+            'current': current
+        });
+        if (iconBlob instanceof Blob) {
+            icon = await tool.blob2DataUrl(iconBlob);
+        }
+    }
+
     return {
-        'net': {
-            'current': current,
-            'notify': opt.notifyId,
-            'url': url,
-            'progress': opt.progress
-        },
-        'icon': '',
-        'files': files
+        'type': 'app',
+        'config': config,
+        'files': files,
+        'icon': icon
     };
 }
 
@@ -902,3 +795,27 @@ export function getAvailArea(): types.IAvailArea {
         };
     }
 }
+
+/**
+ * --- 修改浏览器 hash ---
+ * @param hash 修改的值，不含 #
+ * @param taskId 基任务，App 模式下无效
+ */
+export function hash(hash: string, taskId?: number): boolean {
+    if (!taskId) {
+        return false;
+    }
+    const t = task.list[taskId];
+    if (!t) {
+        return false;
+    }
+    if (!t.runtime.permissions.includes('root') && !t.runtime.permissions.includes('hash')) {
+        return false;
+    }
+    window.location.hash = hash;
+    return true;
+}
+
+window.addEventListener('hashchange', function() {
+    trigger('hashChanged', window.location.hash ? window.location.hash.slice(1) : '');
+});