@web-atoms/core 2.4.71 → 2.5.2

package/dist/web/services/WebBusyIndicatorService.js.map

@@ -1 +1 @@
-{"version":3,"names":["App","_App","_diInject","Inject","_diRegisterSingleton","RegisterSingleton","_servicesBusyIndicatorService","BusyIndicatorService","_servicesNavigationService","NavigationService","_controlsAtomControl","AtomControl","_stylesStyleBuilder","cssNumberToString","execute","_export","WebBusyIndicatorService","constructor","zIndex","indicators","createIndicator","host","document","createElement","popup","app","className","span","divStyle","style","position","overflow","left","right","bottom","top","spanStyle","margin","width","height","maxHeight","maxWidth","appendChild","ws","navigationService","e","getHostForElement","body","refreshScreen","bind","screen","registerDisposable","dispose","remove","__decorate"],"sources":["../../../src/web/services/WebBusyIndicatorService.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["App","_App","_diInject","Inject","_diRegisterSingleton","RegisterSingleton","_servicesBusyIndicatorService","BusyIndicatorService","_servicesNavigationService","NavigationService","_controlsAtomControl","AtomControl","_stylesStyleBuilder","cssNumberToString","execute","_export","WebBusyIndicatorService","constructor","zIndex","indicators","createIndicator","host","document","createElement","popup","app","className","span","divStyle","style","position","overflow","left","right","bottom","top","spanStyle","margin","width","height","maxHeight","maxWidth","appendChild","ws","navigationService","e","getHostForElement","body","refreshScreen","bind","screen","registerDisposable","dispose","remove","Symbol","__decorate"],"sources":["../../../src/web/services/WebBusyIndicatorService.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web-atoms/core",
-  "version": "2.4.71",
+  "version": "2.5.2",
   "description": "Web Atoms Core",
   "main": "index.js",
   "scripts": {
@@ -48,7 +48,7 @@
     "postcss-preset-env": "^10.1.5",
     "remap-istanbul": "^0.11.1",
     "test-dom": "^1.0.0",
-    "tslib": "^2.4.1",
+    "tslib": "^2.8.1",
     "xmlhttprequest": "^1.8.0"
   },
   "dependencies": {

package/src/App.ts

@@ -166,7 +166,7 @@ export class App extends ServiceProvider {
         }, 5);
     }
 
-    public createBusyIndicator(taskInfo?: IBackgroundTaskInfo ): IDisposable {
+    public createBusyIndicator(taskInfo?: IBackgroundTaskInfo ): Disposable {
         this.busyIndicatorService = this.busyIndicatorService
             || this.resolve(BusyIndicatorService);
         return this.busyIndicatorService.createIndicator(taskInfo);
@@ -334,10 +334,10 @@ export class App extends ServiceProvider {
         if (a && a.then && a.catch) {
             a.then((r) => {
                 // do nothing
-                indicator.dispose();
+                indicator[Symbol.dispose]();
             });
             a.catch((e) => {
-                indicator.dispose();
+                indicator[Symbol.dispose]();
                 // tslint:disable-next-line:no-console
                 // console.error("XFApp.onReady");
                 // tslint:disable-next-line:no-console
@@ -345,7 +345,7 @@ export class App extends ServiceProvider {
             });
             return;
         }
-        indicator.dispose();
+        indicator[Symbol.dispose]();
     }
 
 }

package/src/core/AtomLoader.ts

@@ -62,87 +62,83 @@ export class AtomLoader {
             returnPromise?: Promise<any>,
             id?: string}> {
 
-        const busyIndicator = app.createBusyIndicator({
+        using _busy = app.createBusyIndicator({
             title: url.toString(),
             description: `Loading View ${url}`
         });
 
-        try {
-            const view = await AtomLoader.load<T>(url, app);
-            let vm = view.viewModel;
-            if (!vm) {
-                if (!vmFactory) {
-                    return { view };
-                }
-                vm = vmFactory();
-                view.viewModel = vm;
-            }
-            if ("parameters" in view) {
-                vm = (view as any).parameters;
+        const view = await AtomLoader.load<T>(url, app);
+        let vm = view.viewModel;
+        if (!vm) {
+            if (!vmFactory) {
+                return { view };
             }
-            if (vm) {
-                const jsonService = app.get(JsonService);
-                for (const key in url.query) {
-                    if (url.query.hasOwnProperty(key)) {
-                        const element = url.query[key];
-                        if (typeof element === "object") {
-                            vm[key] = jsonService.parse(jsonService.stringify(element));
-                            continue;
-                        }
-                        if (/^json\:/.test(key)) {
-                            const k = key.split(":")[1];
-                            vm[k] = jsonService.parse(element.toString());
-                            continue;
-                        }
-                        if (/^ref\:/.test(key)) {
-                            const rs = app.get(ReferenceService);
-                            const v = rs.get(element as string);
-                            vm[key.split(":", 2)[1]] = v.consume();
-                            continue;
-                        }
-                        try {
-                            vm[key] = element;
-                        } catch (e) {
-                            // tslint:disable-next-line: no-console
-                            console.error(e);
-                        }
+            vm = vmFactory();
+            view.viewModel = vm;
+        }
+        if ("parameters" in view) {
+            vm = (view as any).parameters;
+        }
+        if (vm) {
+            const jsonService = app.get(JsonService);
+            for (const key in url.query) {
+                if (url.query.hasOwnProperty(key)) {
+                    const element = url.query[key];
+                    if (typeof element === "object") {
+                        vm[key] = jsonService.parse(jsonService.stringify(element));
+                        continue;
+                    }
+                    if (/^json\:/.test(key)) {
+                        const k = key.split(":")[1];
+                        vm[k] = jsonService.parse(element.toString());
+                        continue;
+                    }
+                    if (/^ref\:/.test(key)) {
+                        const rs = app.get(ReferenceService);
+                        const v = rs.get(element as string);
+                        vm[key.split(":", 2)[1]] = v.consume();
+                        continue;
+                    }
+                    try {
+                        vm[key] = element;
+                    } catch (e) {
+                        // tslint:disable-next-line: no-console
+                        console.error(e);
                     }
                 }
             }
+        }
 
-            // register hooks !! if it is a window !!
-            if (hookCloseEvents && vm) {
-
-                const disposables = view.disposables;
+        // register hooks !! if it is a window !!
+        if (hookCloseEvents && vm) {
 
-                const id = (AtomLoader.id++).toString();
-                (view as any).id = id;
+            const disposables = view.disposables;
 
-                const returnPromise = new Promise((resolve, reject) => {
-                    disposables.add( app.subscribe(`atom-window-close:${id}`, (m, r) => {
-                        resolve(r);
-                        view.dispose();
-                    }));
-                    disposables.add( app.subscribe(`atom-window-cancel:${id}`, () => {
-                        reject("cancelled");
-                        view.dispose();
-                    }));
-                });
+            const id = (AtomLoader.id++).toString();
+            (view as any).id = id;
 
-                // it is responsibility of view holder to dispose the view
-                // disposables.add((view as any));
+            const returnPromise = new Promise((resolve, reject) => {
+                disposables.add( app.subscribe(`atom-window-close:${id}`, (m, r) => {
+                    resolve(r);
+                    view.dispose();
+                }));
+                disposables.add( app.subscribe(`atom-window-cancel:${id}`, () => {
+                    reject("cancelled");
+                    view.dispose();
+                }));
+            });
 
-                vm.windowName = id;
+            // it is responsibility of view holder to dispose the view
+            // disposables.add((view as any));
 
-                (view as any).returnPromise = returnPromise;
+            vm.windowName = id;
 
-                return { view, disposables, returnPromise, id };
-            }
+            (view as any).returnPromise = returnPromise;
 
-            return { view };
-        } finally {
-            busyIndicator.dispose();
+            return { view, disposables, returnPromise, id };
         }
+
+        return { view };
     }
 
     public static async loadClass<T extends AtomControl>(
@@ -150,115 +146,107 @@ export class AtomLoader {
         { title, [displayRouteSymbol]: route, ... parameters }: any = {},
         app: App): Promise<T> {
 
-        const busyIndicator = app.createBusyIndicator({
+        using _busyIndicator = app.createBusyIndicator({
             title: url?.toString(),
             description: `Loading View ${url}`
         });
 
-        try {
-            const view = await AtomLoader.load<T>(url, app);
-            const vm = getOwnInheritedProperty(view, "viewModel");
-            let params;
-            if ("parameters" in view) {
-                params = (view as any).parameters;
-            }
-            if (!vm) {
-                params = (view as any).parameters ??= {};
-            } else {
-                console.warn("ViewModel is deprecated");
-            }
-            if (title) {
-                (view as any).title = title;
-            }
-            if (params) {
-                params[displayRouteSymbol] = route;
-            }
-            if ((vm || params) && parameters) {
-                for (const key in parameters) {
-                    if (parameters.hasOwnProperty(key)) {
-                        const element = parameters[key];
-                        try {
-                            if (vm) { vm[key] = element; }
-                            if (params) { params[key] = element; }
-                        } catch (e) {
-                            // tslint:disable-next-line: no-console
-                            console.error(e);
-                        }
+        const view = await AtomLoader.load<T>(url, app);
+        const vm = getOwnInheritedProperty(view, "viewModel");
+        let params;
+        if ("parameters" in view) {
+            params = (view as any).parameters;
+        }
+        if (!vm) {
+            params = (view as any).parameters ??= {};
+        } else {
+            console.warn("ViewModel is deprecated");
+        }
+        if (title) {
+            (view as any).title = title;
+        }
+        if (params) {
+            params[displayRouteSymbol] = route;
+        }
+        if ((vm || params) && parameters) {
+            for (const key in parameters) {
+                if (parameters.hasOwnProperty(key)) {
+                    const element = parameters[key];
+                    try {
+                        if (vm) { vm[key] = element; }
+                        if (params) { params[key] = element; }
+                    } catch (e) {
+                        // tslint:disable-next-line: no-console
+                        console.error(e);
                     }
                 }
             }
-            (view as any).init?.()
-                ?.catch((error) => {
-                    if (!CancelToken.isCancelled(error)) {
-                        // tslint:disable-next-line: no-console
-                        console.error(error);
-                    }
-                });
-            return view;
-        } finally {
-            busyIndicator.dispose();
         }
+        (view as any).init?.()
+            ?.catch((error) => {
+                if (!CancelToken.isCancelled(error)) {
+                    // tslint:disable-next-line: no-console
+                    console.error(error);
+                }
+            });
+        return view;
     }
 
     public static async loadControl<T extends AtomControl>(
         url: AtomUri,
         app: App): Promise<T> {
 
-        const busyIndicator = app.createBusyIndicator({
+        using _busyIndicator = app.createBusyIndicator({
             title: url?.toString(),
             description: `Loading View ${url}`
         });
 
-        try {
-            const view = await AtomLoader.load<T>(url, app);
-            const vm = getOwnInheritedProperty(view, "viewModel");
-            let params;
-            if ("parameters" in view) {
-                params = (view as any).parameters;
-            }
-            if (!vm) {
-                params = (view as any).parameters ??= {};
-            }
-            if (vm || params) {
-                const jsonService = app.get(JsonService);
-                for (const key in url.query) {
-                    if (url.query.hasOwnProperty(key)) {
-                        const element = url.query[key];
-                        if (/^json\:/.test(key)) {
-                            const k = key.split(":")[1];
-                            const v = jsonService.parse(element.toString());
-                            if (vm) { vm[k] = v; }
-                            if (params) { params[k] = v; }
-                            continue;
-                        }
-                        if (/^ref\:/.test(key)) {
-                            const rs = app.get(ReferenceService);
-                            const v = rs.get(element as string).consume();
-                            const keyName = key.split(":", 2)[1];
-                            if (vm) { vm[keyName] = v; }
-                            if (params) { params[keyName] = v; }
-                            continue;
-                        }
-                        try {
-                            if (vm) { vm[key] = element; }
-                            if (params) { params[key] = element; }
-                        } catch (e) {
-                            // tslint:disable-next-line: no-console
-                            console.error(e);
-                        }
+        const view = await AtomLoader.load<T>(url, app);
+        const vm = getOwnInheritedProperty(view, "viewModel");
+        let params;
+        if ("parameters" in view) {
+            params = (view as any).parameters;
+        }
+        if (!vm) {
+            params = (view as any).parameters ??= {};
+        }
+        if (vm || params) {
+            const jsonService = app.get(JsonService);
+            for (const key in url.query) {
+                if (url.query.hasOwnProperty(key)) {
+                    const element = url.query[key];
+                    if (/^json\:/.test(key)) {
+                        const k = key.split(":")[1];
+                        const v = jsonService.parse(element.toString());
+                        if (vm) { vm[k] = v; }
+                        if (params) { params[k] = v; }
+                        continue;
+                    }
+                    if (/^ref\:/.test(key)) {
+                        const rs = app.get(ReferenceService);
+                        const v = rs.get(element as string).consume();
+                        const keyName = key.split(":", 2)[1];
+                        if (vm) { vm[keyName] = v; }
+                        if (params) { params[keyName] = v; }
+                        continue;
+                    }
+                    try {
+                        if (vm) { vm[key] = element; }
+                        if (params) { params[key] = element; }
+                    } catch (e) {
+                        // tslint:disable-next-line: no-console
+                        console.error(e);
                     }
                 }
             }
-            (view as any).init?.()
-                ?.catch((error) => {
-                    if (!CancelToken.isCancelled(error)) {
-                        console.error(error);
-                    }
-                });
-            return view;
-        } finally {
-            busyIndicator.dispose();
         }
+        (view as any).init?.()
+            ?.catch((error) => {
+                if (!CancelToken.isCancelled(error)) {
+                    console.error(error);
+                }
+            });
+        return view;
     }
 
 }

package/src/core/types.ts

@@ -66,6 +66,8 @@ export type CancelReason = "cancelled" | "timeout";
 
 export const ignoreValue: any = Symbol("ignore");
 
+export const errorHandled = Symbol("errorHandled");
+
 /**
  *
  *
@@ -75,6 +77,11 @@ export const ignoreValue: any = Symbol("ignore");
 export class CancelToken implements IDisposable {
 
     public static isCancelled(e: any) {
+
+        if (e[errorHandled]) {
+            return true;
+        }
+
         if (/^(cancelled$|canceled$|aborterror\:)/i.test(e.message ?? e.toString().trim())) {
             return true;
         }

package/src/services/BusyIndicatorService.ts

@@ -10,9 +10,9 @@ export interface IBackgroundTaskInfo {
 @RegisterSingleton
 export class BusyIndicatorService {
 
-    public createIndicator(info?: IBackgroundTaskInfo): IDisposable {
+    public createIndicator(info?: IBackgroundTaskInfo): Disposable {
         return {
-            dispose() {
+            [Symbol.dispose]() {
                 // do nothing.
             }
         };

package/src/services/FetchBuilder.ts

@@ -247,65 +247,60 @@ export default class FetchBuilder {
         postProcessor: (r: Response, next?: (data) => any) => T | Promise<T>): Promise<{ result: T, headers: any, status: number }> {
 
         let { log, logError, hideBusyIndicator } = this.request;
-        let d:IDisposable;
+        using _d = !hideBusyIndicator ? App.current.createBusyIndicator() : null;
         try {
-            d = !hideBusyIndicator ? App.current.createBusyIndicator() : null;
-            try {
-
-                const { headers, fetchProxy, jsonPostProcessor } = this.request;
-                const r = await (fetchProxy ?? fetch)(this.request.url, this.request);
-                if (ensureSuccess) {
-                    if (r.status > 300) {
-                        log = logError;
-                        log?.(`fetch: ${this.request.method ?? "GET"} ${this.request.url}`);
-                        if (log && headers) {
-                            for (const key in headers) {
-                                if (headers.hasOwnProperty(key)) {
-                                    log?.(`${key}: ${headers[key]}`);
-                                }
+
+            const { headers, fetchProxy, jsonPostProcessor } = this.request;
+            const r = await (fetchProxy ?? fetch)(this.request.url, this.request);
+            if (ensureSuccess) {
+                if (r.status > 300) {
+                    log = logError;
+                    log?.(`fetch: ${this.request.method ?? "GET"} ${this.request.url}`);
+                    if (log && headers) {
+                        for (const key in headers) {
+                            if (headers.hasOwnProperty(key)) {
+                                log?.(`${key}: ${headers[key]}`);
                             }
                         }
-                        log?.(`${r.status} ${r.statusText || "Http Error"}`);
-                        const type = r.headers.get("content-type");
-                        if (/\/json/i.test(type)) {
-                            const json: any = await r.json();
-                            log?.(json);
-                            const message = json.title
-                            ?? json.detail
-                            ?? json.message
-                            ?? json.exceptionMessage
-                            ?? "Json Server Error";
-                            log = null;
-                            logError = null;
-                            throw new JsonError(message, json);
-                        }
-                        const text = await r.text();
-                        log?.(text);
+                    }
+                    log?.(`${r.status} ${r.statusText || "Http Error"}`);
+                    const type = r.headers.get("content-type");
+                    if (/\/json/i.test(type)) {
+                        const json: any = await r.json();
+                        log?.(json);
+                        const message = json.title
+                        ?? json.detail
+                        ?? json.message
+                        ?? json.exceptionMessage
+                        ?? "Json Server Error";
                         log = null;
                         logError = null;
-                        throw new Error(`Fetch failed with error ${r.status} for ${this.request.url}\n${text}`);
+                        throw new JsonError(message, json);
                     }
+                    const text = await r.text();
+                    log?.(text);
+                    log = null;
+                    logError = null;
+                    throw new Error(`Fetch failed with error ${r.status} for ${this.request.url}\n${text}`);
                 }
-                log?.(`${this.request.method ?? "GET"} ${this.request.url}`);
-                if (log && headers) {
-                    for (const key in headers) {
-                        if (headers.hasOwnProperty(key)) {
-                            log?.(`${key}: ${headers[key]}`);
-                        }
+            }
+            log?.(`${this.request.method ?? "GET"} ${this.request.url}`);
+            if (log && headers) {
+                for (const key in headers) {
+                    if (headers.hasOwnProperty(key)) {
+                        log?.(`${key}: ${headers[key]}`);
                     }
                 }
-                const result = await postProcessor(r, jsonPostProcessor);
-                if (log) {
-                    log(`${r.status} ${r.statusText || "OK"}`)
-                    log(result);
-                }
-                return { result, headers: r.headers, status: r.status };
-            } catch (error) {
-                log?.(error);
-                throw error;
             }
-        } finally {
-            d?.dispose();
+            const result = await postProcessor(r, jsonPostProcessor);
+            if (log) {
+                log(`${r.status} ${r.statusText || "OK"}`)
+                log(result);
+            }
+            return { result, headers: r.headers, status: r.status };
+        } catch (error) {
+            log?.(error);
+            throw error;
         }
     }