mushroom-cli 1.1.0-alpha.9 → 1.2.0-alpha.1

package/docs/mt.extension.js

@@ -0,0 +1,174 @@
+(function () {
+    var urls = {};
+    function loadFile(url, successCallback, errorCallback) {
+        if (url in urls) {
+            var args = urls[url];
+            args.cached = true;
+            setTimeout(successCallback, 1, args);
+            return;
+        }
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function () {
+            if (this.readyState !== 4)
+                return;
+            if (this.status < 200 || this.status >= 300) {
+                if (typeof this.debugMode === "function" && this.debugMode())
+                    console.error("Unable to load: " + url);
+                return;
+            }
+            var args = { content: this.responseText };
+            urls[url] = args;
+            if (typeof successCallback === "function")
+                successCallback(args);
+        };
+        xhr.onerror = function () {
+            if (typeof this.debugMode === "function" && this.debugMode())
+                console.error("Error occurred when loading: " + url);
+            if (typeof errorCallback === "function")
+                errorCallback();
+        };
+        xhr.onabort = function () {
+            if (typeof this.debugMode === "function" && this.debugMode())
+                console.error("Connection aborted: " + url);
+            if (typeof errorCallback === "function")
+                errorCallback();
+        };
+        xhr.ontimeout = function () {
+            if (typeof this.debugMode === "function" && this.debugMode())
+                console.error("Connection timeout: " + url);
+            if (typeof errorCallback === "function")
+                errorCallback();
+        };
+        xhr.open("GET", url, true);
+        xhr.send(null);
+    }
+
+    mt.modules = {};
+    mt.bindModule = function (module, dom, data, session) {
+        if (!module || !dom)
+            return;
+        
+        loadFile("/modules/" + module + "/" + module + "-view.html", function (response) {
+            dom.innerHTML = "<link rel='stylesheet' href='/modules/" + module + "/" + module + "-style.min.css' />" + response.content;
+            loadFile("/modules/" + module + "/" + module + "-script.js", function (resp) {
+                if (!resp.content)
+                    return;
+
+                if (!resp.cached) {
+                    try {
+                        eval(resp.content);
+                    } catch (e) {
+                        throw "Invalid module script";
+                    }
+                    if (!mt.modules[module])
+                        throw "Invalid module script";
+                    if (typeof mt.modules[module].init === "function")
+                        mt.modules[module].init();
+                }
+
+                var config = mt.modules[module];
+
+                var args = { dom: dom, data: data, fnPool: config.fn, session: session };
+                if (typeof config.prebinding === "function") {
+                    config.prebinding(args);
+                }
+
+                mt.bindDom(dom, args.data, args.fnPool, session);
+
+                if (typeof config.load === "function") {
+                    args.dom = dom;
+                    args.session = session;
+                    config.load(args);
+                }
+            }, function () {
+                mt.bindDom(dom, data, null, session);
+            });
+            
+            
+        });
+        
+    };
+
+    //#region mt-link
+    if (mt["default"] === undefined) mt["default"] = {};
+    if (mt["default"].mtLink === undefined) mt["default"].mtLink = {};
+    // cho phép mở rộng được về sau: ví dụ thay thế bằng custom dialog
+    mt["default"].mtLink.itemClickHandler = function (dom, message, callback) {
+        if (confirm(message))
+            callback(dom);
+    }
+
+    function mtLinkHandler(dom) {
+        mt.bindModule(dom.__mtLinkConfig.module, document.getElementById("page-wrapper"), dom.__mtLinkConfig.params);
+    }
+
+    function mtLinkClicked(e) {
+        if (this.__mtLinkConfig.confirm)
+            mt["default"].mtLink.itemClickHandler(this, this.__mtLinkConfig.confirm, mtLinkHandler);
+        else
+            mtLinkHandler(this);
+
+        e = e || window.event;
+        e.stopPropagation();
+        e.preventDefault();
+        e.cancelBubble = true;
+        return false;
+    }
+
+    mt.registerDomFeature("mtLink", function (arg) {
+        if (arg.dom.nodeName !== "A") {
+            arg.dom.dataset.mtLinkError = "mtLink feature only affects <a> tag";
+            return;
+        }
+
+        if (!arg.config.module) {
+            arg.dom.dataset.mtLinkError = "mtLink feature: missing module";
+            return;
+        }
+
+        arg.dom.__mtLinkConfig = mt.fnUtils.mergeData({ mask: arg.config, data: arg.data, session: arg.session });
+
+        if (!arg.dom.href)
+            arg.dom.href = "javascript:void(0)";
+
+        mt.fnUtils.addEventListener(arg.dom, "click", mtLinkClicked, false);
+                                          
+        delete arg.dom.dataset.mtLink;
+    });
+    //#endregion
+
+    //#region mt-module
+    mt.registerDomFeature("mtModule", function (arg) {
+        if (!arg.config.module) {
+            arg.dom.dataset.mtModuleError = "mtModule feature: missing module";
+            return;
+        }
+
+        var params = mt.fnUtils.mergeData({ mask: arg.config.params, data: arg.data, session: arg.session });
+        mt.bindModule(arg.config.module, arg.dom, params, arg.session);
+        arg.mediator.skipInner = true;
+
+        delete arg.dom.dataset.mtModule;
+    });
+    //#endregion
+
+    //#region mt-inline-module
+    mt.inlineModuleTemplates = {};
+    mt.registerDomFeature("mtInlineModule", function (arg) {
+        var config = mt.fnUtils.mergeData({ mask: arg.config, data: arg.data, session: arg.session });
+
+        if (!config.module) {
+            arg.dom.dataset.mtInlineModuleError = "mtInlineModule feature: missing module";
+            return;
+        }
+
+        arg.dom.innerHTML = mt.inlineModuleTemplates[config.module] || "";
+
+        delete arg.dom.dataset.mtInlineModule;
+
+        mt.bindDom(arg.dom, config.params);
+
+        arg.mediator.skipInner = true;
+    });
+    //#endregion
+})();

package/gen/gen-api-docs.js

@@ -12,7 +12,7 @@ function processGenDocs(aliasProject, entities, source, html, args, projectName,
     const roles = aliasProject.allowRoles.includes("*") ? source.roles : source.roles?.filter(r => aliasProject.allowRoles.includes(r.name));
     
     html = html.replace(/^\uFEFF/, '');
-    html = html.replace(/<script src=(["'])\/\//g, "<script src=$1http://");
+    html = html.replace(/<script src="([^"]+)" data-mt-cond='\{"lazy-load": 1\}'><\/script>/g, (scriptTag, src) => `<script data-mt-cond='{"x": 1}'>${fs.readFileSync(__dirname + "/../docs/" + src).toString()}</script>`);
     html = html.replace("</body>", `<script data-mt-cond='{"x": 1}'>
     window.data.name = ${JSON.stringify(source.name)};
     window.data.description = ${JSON.stringify(source.description)};
@@ -38,7 +38,7 @@ function processGenDocs(aliasProject, entities, source, html, args, projectName,
             if (typeof msg != "string") return;
 
             if (msg.indexOf("MUSHROOM-CLI:") === 0) {
-                console.log("GenDocEngine:" + msg.substr("MUSHROOM-CLI:".length));
+                console.log("GenDocEngine:" + msg.substring("MUSHROOM-CLI:".length));
             }
 
             if (msg === "MUSHROOM-CLI: FAIL"){
@@ -102,7 +102,7 @@ async function genDocs(args, projectName, project, alias, source) {
     const aliasProject = ((project.docs || {}).alias || {})[alias];
 
     if (!aliasProject) {
-        throw new Error(`Not found gen docs configuration. Please run 'npx mr config ${projectName} gen docs OUTPUT_FILE.html${alias === "default" ? "" : " alias " + alias}' first`);
+        throw new Error(`Not found gen docs configuration. Please run 'npx mushroom-cli config ${projectName} gen docs OUTPUT_FILE.html${alias === "default" ? "" : " alias " + alias}' first`);
     }
 
     const entities = common.getEntities(source, aliasProject.allowRoles);
@@ -117,8 +117,8 @@ async function genDocs(args, projectName, project, alias, source) {
         }
     }
 
-    console.log('Fetching https://api.siten.vn/gen/docs.html');
-    const html = await fetch('https://api.siten.vn/gen/docs.html').then(res => res.text());
+    //const html = await fetch('https://api.siten.vn/gen/docs.html').then(res => res.text());
+    const html = fs.readFileSync(__dirname + "/../docs/docs.html").toString();
     await processGenDocs(aliasProject, entities, source, html, args, projectName, alias);
 }