malinajs 0.6.61 → 0.6.64

package/compile.js

@@ -53,7 +53,7 @@ const isNumber = (value) => {
 function detectExpressionType(name) {
     if(isSimpleName(name)) return 'identifier';
 
-    let ast = acorn.parse(name, {allowReturnOutsideFunction: true});
+    let ast = acorn.parse(name, {allowReturnOutsideFunction: true, ecmaVersion: 'latest'});
 
     function checkIdentificator(body) {
         if(body.length != 1) return;
@@ -250,7 +250,7 @@ const genId = () => {
 
 
 const extractKeywords = (exp) => {
-    let ast = acorn.parse(exp, {sourceType: 'module', ecmaVersion: 12});
+    let ast = acorn.parse(exp, {sourceType: 'module', ecmaVersion: 'latest'});
 
     const keys = new Set();
     const rec = (n) => {
@@ -305,7 +305,7 @@ const replaceElementKeyword = (exp, fn) => {
 
 const parseJS = (exp) => {
     let self = {};
-    self.ast = acorn.parse(exp, {sourceType: 'module', ecmaVersion: 12});
+    self.ast = acorn.parse(exp, {sourceType: 'module', ecmaVersion: 'latest'});
 
     self.transform = function(fn) {
         const rec = (n, pk) => {
@@ -1010,6 +1010,9 @@ function parse() {
                         assert(parent.type === 'fragment', 'Fragment error: /fragment');
                         return;
                     } else throw 'Error binding: ' + bind.value;
+                } else {
+                    addText(readBinding().raw);
+                    continue;
                 }
             }
 
@@ -1126,7 +1129,7 @@ function parse$1() {
             if(isBlockComment) return;
             this.script.comments.push({start, end, value});
         };
-        this.script.ast = acorn.parse(source, {sourceType: 'module', ecmaVersion: 12, onComment});
+        this.script.ast = acorn.parse(source, {sourceType: 'module', ecmaVersion: 'latest', onComment});
 
         if(source.includes('$props')) this.require('$props');
         if(source.includes('$attributes')) this.require('$attributes');
@@ -4681,7 +4684,7 @@ function bindProp(prop, node, element) {
             ctx.writeLine(`$runtime.bindInput($cd, ${n.el}, '${attr}', () => ${exp}, ${argName} => {${exp} = ${argName}; $$apply();});`);
         })};
     } else if(name == 'style' && arg) {
-        let styleName = toCamelCase(arg);
+        let styleName = arg;
         let exp;
         if(prop.value) {
             if(isExpression(prop.value)) {
@@ -4698,12 +4701,12 @@ function bindProp(prop, node, element) {
                         name: styleName,
                         value: prop.value
                     }, (ctx, n) => {
-                        ctx.writeLine(`${n.el}.style.${n.name} = \`${this.Q(n.value)}\`;`);
+                        ctx.writeLine(`${n.el}.style.${toCamelCase(n.name)} = \`${this.Q(n.value)}\`;`);
                     })};
                 }
             }
         } else {
-            exp = styleName;
+            exp = toCamelCase(styleName);
         }
 
         let hasElement = exp.includes('$element');
@@ -4719,7 +4722,7 @@ function bindProp(prop, node, element) {
                 if(ctx.inuse.apply) {
                     ctx.writeLine(`$runtime.bindStyle($cd, ${n.el}, '${n.styleName}', () => (${n.exp}));`);
                 } else {
-                    ctx.writeLine(`${n.el}.style.${n.styleName} = ${n.exp};`);
+                    ctx.writeLine(`${n.el}.style.${toCamelCase(n.styleName)} = ${n.exp};`);
                 }
             })]
         })};

package/malina.js

@@ -54,7 +54,7 @@
     function detectExpressionType(name) {
         if(isSimpleName(name)) return 'identifier';
 
-        let ast = acorn.parse(name, {allowReturnOutsideFunction: true});
+        let ast = acorn.parse(name, {allowReturnOutsideFunction: true, ecmaVersion: 'latest'});
 
         function checkIdentificator(body) {
             if(body.length != 1) return;
@@ -251,7 +251,7 @@
 
 
     const extractKeywords = (exp) => {
-        let ast = acorn.parse(exp, {sourceType: 'module', ecmaVersion: 12});
+        let ast = acorn.parse(exp, {sourceType: 'module', ecmaVersion: 'latest'});
 
         const keys = new Set();
         const rec = (n) => {
@@ -306,7 +306,7 @@
 
     const parseJS = (exp) => {
         let self = {};
-        self.ast = acorn.parse(exp, {sourceType: 'module', ecmaVersion: 12});
+        self.ast = acorn.parse(exp, {sourceType: 'module', ecmaVersion: 'latest'});
 
         self.transform = function(fn) {
             const rec = (n, pk) => {
@@ -1011,6 +1011,9 @@
                             assert(parent.type === 'fragment', 'Fragment error: /fragment');
                             return;
                         } else throw 'Error binding: ' + bind.value;
+                    } else {
+                        addText(readBinding().raw);
+                        continue;
                     }
                 }
 
@@ -1127,7 +1130,7 @@
                 if(isBlockComment) return;
                 this.script.comments.push({start, end, value});
             };
-            this.script.ast = acorn.parse(source, {sourceType: 'module', ecmaVersion: 12, onComment});
+            this.script.ast = acorn.parse(source, {sourceType: 'module', ecmaVersion: 'latest', onComment});
 
             if(source.includes('$props')) this.require('$props');
             if(source.includes('$attributes')) this.require('$attributes');
@@ -4682,7 +4685,7 @@
                 ctx.writeLine(`$runtime.bindInput($cd, ${n.el}, '${attr}', () => ${exp}, ${argName} => {${exp} = ${argName}; $$apply();});`);
             })};
         } else if(name == 'style' && arg) {
-            let styleName = toCamelCase(arg);
+            let styleName = arg;
             let exp;
             if(prop.value) {
                 if(isExpression(prop.value)) {
@@ -4699,12 +4702,12 @@
                             name: styleName,
                             value: prop.value
                         }, (ctx, n) => {
-                            ctx.writeLine(`${n.el}.style.${n.name} = \`${this.Q(n.value)}\`;`);
+                            ctx.writeLine(`${n.el}.style.${toCamelCase(n.name)} = \`${this.Q(n.value)}\`;`);
                         })};
                     }
                 }
             } else {
-                exp = styleName;
+                exp = toCamelCase(styleName);
             }
 
             let hasElement = exp.includes('$element');
@@ -4720,7 +4723,7 @@
                     if(ctx.inuse.apply) {
                         ctx.writeLine(`$runtime.bindStyle($cd, ${n.el}, '${n.styleName}', () => (${n.exp}));`);
                     } else {
-                        ctx.writeLine(`${n.el}.style.${n.styleName} = ${n.exp};`);
+                        ctx.writeLine(`${n.el}.style.${toCamelCase(n.styleName)} = ${n.exp};`);
                     }
                 })]
             })};
@@ -5931,7 +5934,7 @@
         return {event, fn};
     }
 
-    const version = '0.6.61';
+    const version = '0.6.64';
 
 
     async function compile(source, config = {}) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "malinajs",
-  "version": "0.6.61",
+  "version": "0.6.64",
   "license": "MIT",
   "scripts": {
     "prepare": "npm run build",
@@ -15,7 +15,7 @@
     "brotli": "brotli --input /app/malinajs/example/public/app.min.js --output /app/malinajs/example/public/app.min.js.br; brotli --input /app/malinajs/example/public/app.min2.js --output /app/malinajs/example/public/app.min2.js.br"
   },
   "dependencies": {
-    "acorn": "^7.3.1",
+    "acorn": "^8.7.1",
     "astring": "^1.4.3",
     "css-tree": "^1.0.0-alpha.39"
   },