@wavemaker/angular-codegen 11.0.3-next.23393 → 11.0.3-next.23394

angular-codegen/dependencies/transpilation-mobile.cjs.js

@@ -38622,9 +38622,12 @@ class ASTCompiler {
     cleanup() {
         this.ast = this.cAst = this.stmts = this.cStmts = this.declarations = this.pipes = this.pipeNameVsIsPureMap = undefined;
     }
-    compile() {
+    compile(defOnly) {
         this.extendCtxWithLocals();
         this.addReturnStmt(this.build(this.ast));
+        if (defOnly) {
+            return { fnBody: this.fnBody(), fnArgs: this.fnArgs(), pipes: this.pipes };
+        }
         const fn = new Function(this.fnArgs(), this.fnBody());
         let boundFn;
         if (this.exprType === ExpressionType$1.Binding) {
@@ -38643,13 +38646,27 @@ const nullPipe = () => {
         transform: noop$1$1
     };
 };
+let _cspEnabled;
+const isCSPEnabled = () => {
+    if (typeof _cspEnabled !== 'undefined') {
+        return _cspEnabled;
+    }
+    try {
+        new Function();
+        _cspEnabled = false;
+    }
+    catch (e) {
+        _cspEnabled = true;
+    }
+    return _cspEnabled;
+};
 let pipeProvider;
 var ExpressionType$1;
 (function (ExpressionType$$1) {
     ExpressionType$$1[ExpressionType$$1["Binding"] = 0] = "Binding";
     ExpressionType$$1[ExpressionType$$1["Action"] = 1] = "Action";
 })(ExpressionType$1 || (ExpressionType$1 = {}));
-function $parseExpr(expr) {
+function $parseExpr(expr, defOnly) {
     if (!pipeProvider) {
         console.log('set pipe provider');
         return noop$1$1;
@@ -38668,51 +38685,89 @@ function $parseExpr(expr) {
     if (fn) {
         return fn;
     }
-    const parser = new Parser$1(new Lexer);
-    const ast = parser.parseBinding(expr, '', 0);
     let boundFn;
-    if (ast.errors.length) {
-        fn = noop$1$1;
-        boundFn = fn;
-    }
-    else {
-        const pipeNameVsIsPureMap = pipeProvider.getPipeNameVsIsPureMap();
-        const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Binding, pipeNameVsIsPureMap);
-        fn = astCompiler.compile();
-        if (fn.usedPipes.length) {
-            const pipeArgs = [];
-            let hasPurePipe = false;
-            for (const [pipeName] of fn.usedPipes) {
-                const pipeInfo = pipeProvider.meta(pipeName);
-                let pipeInstance;
-                if (!pipeInfo) {
-                    pipeInstance = nullPipe;
+    if (!defOnly) {
+        boundFn = getFnForBindExpr(expr);
+    }
+    // fallback to generate function in runtime. This will break if CSP is enabled
+    if (!boundFn) {
+        // If CSP enabled, function def not found from the generated fn expressions for the page.
+        // Handle bind expressions used internally inside WM components. e.g. wmAnchor used inside nav.comp.html
+        if (isCSPEnabled()) {
+            boundFn = function (ctx, locals) {
+                // handle internal bindings for wm widgets used inside a component
+                let _ctx = Object.assign({}, locals);
+                Object.setPrototypeOf(_ctx, ctx);
+                return _.get(_ctx, expr);
+            };
+        }
+        else {
+            const parser = new Parser$1(new Lexer);
+            const ast = parser.parseBinding(expr, '', 0);
+            if (ast.errors.length) {
+                fn = noop$1$1;
+                boundFn = fn;
+            }
+            else {
+                const pipeNameVsIsPureMap = pipeProvider.getPipeNameVsIsPureMap();
+                const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Binding, pipeNameVsIsPureMap);
+                fn = astCompiler.compile(defOnly);
+                if (defOnly) {
+                    return fn;
+                }
+                if (fn.usedPipes.length) {
+                    const pipeArgs = [];
+                    let hasPurePipe = false;
+                    for (const [pipeName] of fn.usedPipes) {
+                        const pipeInfo = pipeProvider.meta(pipeName);
+                        let pipeInstance;
+                        if (!pipeInfo) {
+                            pipeInstance = nullPipe;
+                        }
+                        else {
+                            if (pipeInfo.pure) {
+                                hasPurePipe = true;
+                                pipeInstance = purePipes.get(pipeName);
+                            }
+                            if (!pipeInstance) {
+                                pipeInstance = pipeProvider.getInstance(pipeName);
+                            }
+                            if (pipeInfo.pure) {
+                                purePipes.set(pipeName, pipeInstance);
+                            }
+                        }
+                        pipeArgs.push(pipeInstance);
+                    }
+                    pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
+                    boundFn = fn.bind(undefined, ...pipeArgs);
                 }
                 else {
-                    if (pipeInfo.pure) {
-                        hasPurePipe = true;
-                        pipeInstance = purePipes.get(pipeName);
-                    }
-                    if (!pipeInstance) {
-                        pipeInstance = pipeProvider.getInstance(pipeName);
-                    }
-                    if (pipeInfo.pure) {
-                        purePipes.set(pipeName, pipeInstance);
-                    }
+                    boundFn = fn.bind(undefined, undefined);
                 }
-                pipeArgs.push(pipeInstance);
             }
-            pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
-            boundFn = fn.bind(undefined, ...pipeArgs);
-        }
-        else {
-            boundFn = fn.bind(undefined, undefined);
         }
     }
     exprFnCache.set(expr, boundFn);
     return boundFn;
 }
-function $parseEvent(expr) {
+function simpleFunctionEvaluator(expr, ctx, locals) {
+    let _ctx = Object.assign({}, locals);
+    Object.setPrototypeOf(_ctx, ctx);
+    let parts = expr.split('(');
+    let fnName = parts[0];
+    let computedFn = _.get(ctx, fnName);
+    if (computedFn) {
+        let args = parts[1].replace(')', '');
+        args = args.split(',');
+        let computedArgs = [];
+        args.forEach((arg) => {
+            arg = arg && arg.trim();
+            computedArgs.push(_.get(_ctx, arg));
+        });
+        return computedFn.bind(_ctx)(...computedArgs);
+    }
+}
+function $parseEvent(expr, defOnly) {
     if (!isString$1(expr)) {
         return noop$1$1;
     }
@@ -38724,16 +38779,80 @@ function $parseEvent(expr) {
     if (fn) {
         return fn;
     }
-    const parser = new Parser$1(new Lexer);
-    const ast = parser.parseAction(expr, '', 0);
-    if (ast.errors.length) {
-        return noop$1$1;
+    if (!defOnly) {
+        fn = getFnForEventExpr(expr);
+    }
+    // fallback to generate function in runtime. This will break if CSP is enabled
+    if (!fn) {
+        if (isCSPEnabled()) {
+            fn = simpleFunctionEvaluator.bind(undefined, expr);
+        }
+        else {
+            const parser = new Parser$1(new Lexer);
+            const ast = parser.parseAction(expr, '', 0);
+            if (ast.errors.length) {
+                return noop$1$1;
+            }
+            const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Action);
+            fn = astCompiler.compile(defOnly);
+        }
     }
-    const astCompiler = new ASTCompiler(ast.ast, ExpressionType$1.Action);
-    fn = astCompiler.compile();
     eventFnCache.set(expr, fn);
     return fn;
 }
+const fnNameMap = new Map();
+const getFnByExpr = (expr) => fnNameMap.get(expr);
+const fnExecutor = (expr, exprType) => {
+    let fn = getFnByExpr(expr);
+    if (!fn) {
+        return;
+    }
+    const usedPipes = fn.usedPipes || [];
+    if (exprType === ExpressionType$1.Binding) {
+        fn = fn.bind(undefined, plus, minus, isDef, getPurePipeVal);
+    }
+    else {
+        fn = fn.bind(undefined, plus, minus, isDef);
+    }
+    if (usedPipes.length) {
+        const pipeArgs = [];
+        let hasPurePipe = false;
+        for (const [pipeName] of usedPipes) {
+            const pipeInfo = pipeProvider.meta(pipeName);
+            let pipeInstance;
+            if (!pipeInfo) {
+                pipeInstance = nullPipe;
+            }
+            else {
+                if (pipeInfo.pure) {
+                    hasPurePipe = true;
+                    pipeInstance = purePipes.get(pipeName);
+                }
+                if (!pipeInstance) {
+                    pipeInstance = pipeProvider.getInstance(pipeName);
+                }
+                if (pipeInfo.pure) {
+                    purePipes.set(pipeName, pipeInstance);
+                }
+            }
+            pipeArgs.push(pipeInstance);
+        }
+        pipeArgs.unshift(hasPurePipe ? new Map() : undefined);
+        fn = fn.bind(undefined, ...pipeArgs);
+    }
+    else {
+        if (exprType === ExpressionType$1.Binding) {
+            fn = fn.bind(undefined, undefined);
+        }
+    }
+    return fn;
+};
+const getFnForBindExpr = (expr) => {
+    return fnExecutor(expr, ExpressionType$1.Binding);
+};
+const getFnForEventExpr = (expr) => {
+    return fnExecutor(expr, ExpressionType$1.Action);
+};
 
 const registry = new Map();
 const watchIdGenerator = new IDGenerator('watch-id-');
@@ -39574,10 +39693,26 @@ const loadScript = (url, loadViaScriptTag, cacheable = false) => __awaiter$1(voi
         return Promise.resolve();
     }
     if (loadViaScriptTag) {
-        return fetchContent('text', _url, false, text => {
-            const script = document.createElement('script');
-            script.textContent = text;
-            document.head.appendChild(script);
+        return new Promise((resolve, reject) => {
+            let script = document.createElement('script');
+            script.type = 'text/javascript';
+            script.src = _url;
+            script.async = false;
+            if (script.readyState) { //IE
+                script.onreadystatechange = () => {
+                    if (script.readyState === "loaded" || script.readyState === "complete") {
+                        script.onreadystatechange = null;
+                        resolve(true);
+                    }
+                };
+            }
+            else { //Other browsers
+                script.onload = () => {
+                    resolve(true);
+                };
+            }
+            script.onerror = (error) => reject(error);
+            document.getElementsByTagName('head')[0].appendChild(script);
         });
     }
     else if (cacheable) {
@@ -39593,13 +39728,6 @@ const loadScript = (url, loadViaScriptTag, cacheable = false) => __awaiter$1(voi
             .done(response => response)
             .fail(reason => reason);
     }
-    // return fetch(_url)
-    //     .then(response => response.text())
-    //     .then(text => {
-    //         const script = document.createElement('script');
-    //         script.textContent = text;
-    //         document.head.appendChild(script);
-    //     });
 });
 const loadScripts = (urls = [], loadViaScriptTag = true) => __awaiter$1(void 0, void 0, void 0, function* () {
     for (const url of urls) {
@@ -39629,7 +39757,8 @@ const setSessionStorageItem = (key, value) => {
  * @param key string
  */
 const getSessionStorageItem = key => {
-    let item = window.sessionStorage.getItem(_WM_APP_PROJECT.id);
+    // sanity check for this to work with ng-codegen
+    let item = window && window.sessionStorage && window.sessionStorage.getItem(_WM_APP_PROJECT.id);
     if (item) {
         item = JSON.parse(item);
         return item[key];
@@ -39853,6 +39982,7 @@ const processFilterExpBindNode = (context, filterExpressions) => {
     const filter$ = new Subject();
     const bindFilExpObj = (obj, targetNodeKey) => {
         if (stringStartsWith(obj[targetNodeKey], 'bind:')) {
+            // [Todo-CSP]: needs a check, where is this used
             destroyFn($watch(obj[targetNodeKey].replace('bind:', ''), context, {}, (newVal, oldVal) => {
                 if ((newVal === oldVal && _.isUndefined(newVal)) || (_.isUndefined(newVal) && !_.isUndefined(oldVal))) {
                     return;
@@ -40096,6 +40226,7 @@ const triggerItemAction = (scope, item) => {
     const linkTarget = item.target;
     if (itemAction) {
         if (!scope.itemActionFn) {
+            //[Todo-CSP]: This will not work as function will be dynamic
             scope.itemActionFn = $parseEvent(itemAction);
         }
         scope.itemActionFn(scope.userDefinedExecutionContext, Object.create(item));
@@ -41811,7 +41942,7 @@ const getRequiredProviders = (nodeDef, providers, nodeAttrs) => {
         }
     });
 };
-const ɵ11 = getRequiredProviders;
+const ɵ11$1 = getRequiredProviders;
 const DIMENSION_PROPS = ['padding', 'borderwidth', 'margin'];
 const SEPARATOR = ' ', UNSET = 'unset';
 const setDimensionProp = (cssObj, key, nv) => {
@@ -41846,7 +41977,7 @@ const setDimensionProp = (cssObj, key, nv) => {
         cssObj[cssKey] = nv;
     }
 };
-const ɵ12 = setDimensionProp;
+const ɵ12$1 = setDimensionProp;
 const processDimensionAttributes = attrMap => {
     const attrKeys = Array.from(attrMap.keys());
     attrKeys.forEach((attrKey) => {
@@ -44999,8 +45130,8 @@ exports.transpile = transpile;
 exports.ɵ0 = ɵ0$h;
 exports.ɵ1 = ɵ1$5;
 exports.ɵ10 = ɵ10$1;
-exports.ɵ11 = ɵ11;
-exports.ɵ12 = ɵ12;
+exports.ɵ11 = ɵ11$1;
+exports.ɵ12 = ɵ12$1;
 exports.ɵ13 = ɵ13;
 exports.ɵ14 = ɵ14;
 exports.ɵ2 = ɵ2$4;