@basthon/gui-base 0.50.2 → 0.50.4

package/lib/main.d.ts

@@ -23,6 +23,7 @@ export declare class GUIBase {
     private _maxCheckpoints;
     protected _contentFilename: string;
     protected _urlKey: string;
+    private _extensions;
     private _console_error;
     constructor(options: GUIOptions);
     /**
@@ -91,7 +92,12 @@ export declare class GUIBase {
      */
     loadFromQS(key: string): Promise<string | null>;
     /**
-     * Setup the UI (typically connect events etc..).
+     * Load all URL requested (and registered) extensions
+     * (call submited callback).
+     */
+    private _loadExtensions;
+    /**
+     * Setup the UI (typically connect events, load extensions etc..).
      */
     protected setupUI(options: any): Promise<void>;
     /**
@@ -153,6 +159,10 @@ export declare class GUIBase {
      * Load modules submited via URL (module= parameter) (async).
      */
     loadURLModules(): Promise<void>;
+    /**
+     * Register an extension and its callback.
+     */
+    registerExtension(name: string, callback: (() => Promise<void>)): void;
     /**
      * Opening file: If it has ext as extension, loading it in
      * the editor or put on (emulated) local filesystem

package/lib/main.js

@@ -10,6 +10,7 @@ export class GUIBase {
         this._maxCheckpoints = 10;
         this._contentFilename = "content.txt";
         this._urlKey = "content";
+        this._extensions = new Map();
         /* console errors redirected to notification system */
         this._console_error = console.error;
         this._language = options.language;
@@ -141,25 +142,44 @@ export class GUIBase {
         return content;
     }
     /**
-     * Setup the UI (typically connect events etc..).
+     * Load all URL requested (and registered) extensions
+     * (call submited callback).
+     */
+    async _loadExtensions() {
+        /* get requested extensions from URL */
+        const url = new URL(window.location.href);
+        const extensions = (url.searchParams.get("extensions") || "").split(',');
+        // call callbacks for requested extensions
+        const promises = [];
+        for (const ext of extensions) {
+            const callback = this._extensions.get(ext);
+            if (callback != null)
+                promises.push(callback());
+            else
+                console.error(`Extension '${ext}' not supported.`);
+        }
+        await Promise.all(promises);
+    }
+    /**
+     * Setup the UI (typically connect events, load extensions etc..).
      */
     async setupUI(options) {
-        this.kernelLoader.kernelAvailable().then((kernel) => {
-            // this is ugly but it seems complicated to make
-            // GUI available in websocket for the notebook
-            // so patch it!
-            const dispatchEvent = kernel.dispatchEvent.bind(this.kernel);
-            kernel.dispatchEvent = async (event, data) => {
-                if (event === "eval.request")
-                    await this.backup(false);
-                dispatchEvent(event, data);
-            };
-            kernel.addEventListener("eval.finished", () => {
-                this.validateBackup();
-            });
-            kernel.addEventListener("eval.error", () => {
-                this.validateBackup();
-            });
+        /* wait for kernel load */
+        const kernel = await this.kernelLoader.kernelAvailable();
+        // this is ugly but it seems complicated to make
+        // GUI available in websocket for the notebook
+        // so patch it!
+        const dispatchEvent = kernel.dispatchEvent.bind(this.kernel);
+        kernel.dispatchEvent = async (event, data) => {
+            if (event === "eval.request")
+                await this.backup(false);
+            dispatchEvent(event, data);
+        };
+        kernel.addEventListener("eval.finished", () => {
+            this.validateBackup();
+        });
+        kernel.addEventListener("eval.error", () => {
+            this.validateBackup();
         });
     }
     /**
@@ -250,6 +270,7 @@ export class GUIBase {
         window.addEventListener('error', onerror);
         window.addEventListener("unhandledrejection", onerror);
         console.error = (message) => onerror(new Error(message));
+        await this._loadExtensions();
         await ((_a = this._checkpoints) === null || _a === void 0 ? void 0 : _a.ready());
         await this.setupUI(options);
         await this.loadInitialContent(options);
@@ -295,16 +316,20 @@ export class GUIBase {
         for (let fileURL of url.searchParams.getAll(key)) {
             fileURL = decodeURIComponent(fileURL);
             const filename = fileURL.split('/').pop() || "";
-            promises.push(fetch(fileURL).then((response) => {
-                if (!response.ok)
-                    throw new Error(response.statusText);
-                return response.arrayBuffer();
-            }).then((data) => {
-                return put(filename, data);
-            }).catch((error) => {
+            promises.push((async () => {
                 var _a;
-                throw new Error(`Impossible de charger le fichier ${filename} : ${(_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : error.toString()}`);
-            }));
+                let data;
+                try {
+                    const response = await fetch(fileURL);
+                    if (!response.ok)
+                        throw new Error(response.statusText);
+                    data = await response.arrayBuffer();
+                    await put(filename, data);
+                }
+                catch (error) {
+                    throw new Error(`Impossible de charger le fichier ${filename} : ${(_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : error.toString()}`);
+                }
+            })());
         }
         await Promise.all(promises);
     }
@@ -317,7 +342,7 @@ export class GUIBase {
             reader.readAsArrayBuffer(file);
             reader.onload = async (event) => {
                 var _a, _b, _c;
-                (_a = this.kernelSafe) === null || _a === void 0 ? void 0 : _a.putRessource(file.name, reader.result);
+                await ((_a = this.kernelSafe) === null || _a === void 0 ? void 0 : _a.putRessource(file.name, reader.result));
                 this.info(`Fichier utilisable depuis ${(_b = this.kernel) === null || _b === void 0 ? void 0 : _b.languageName()}`, `${file.name} est maintenant utilisable depuis ${(_c = this.kernel) === null || _c === void 0 ? void 0 : _c.languageName()}`);
                 resolve();
             };
@@ -340,6 +365,12 @@ export class GUIBase {
             return;
         await this._loadFromURL('module', this.kernelSafe.putModule.bind(this.kernelSafe));
     }
+    /**
+     * Register an extension and its callback.
+     */
+    registerExtension(name, callback) {
+        this._extensions.set(name, callback);
+    }
     /**
      * Opening file: If it has ext as extension, loading it in
      * the editor or put on (emulated) local filesystem

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basthon/gui-base",
-  "version": "0.50.2",
+  "version": "0.50.4",
   "description": "Basthon - Base GUI",
   "homepage": "https://basthon.fr",
   "bugs": {
@@ -25,9 +25,9 @@
     "clean": "rm -rf lib/"
   },
   "dependencies": {
-    "@basthon/checkpoints": "0.50.2",
-    "@basthon/kernel-base": "0.50.2",
-    "@basthon/kernel-loader": "0.50.2",
+    "@basthon/checkpoints": "0.50.4",
+    "@basthon/kernel-base": "0.50.4",
+    "@basthon/kernel-loader": "0.50.4",
     "js-base64": "^3.7.2",
     "pako": "^2.0.4",
     "promise-delegate": "^1.0.1"
@@ -41,5 +41,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d6a29ffb3b897481cee59cab8d73e8406fd42777"
+  "gitHead": "e5551d308c66dbc081600522fe2d68ee8d34884c"
 }