malinajs 0.7.13 → 0.7.14

package/malina.js

@@ -21,7 +21,7 @@
     let prev = current_context;
     try {
       current_context = context;
-      return fn();
+      return fn.call(context);
     } finally {
       current_context = prev;
     }
@@ -610,14 +610,10 @@
             });
           }
 
-          let className = {};
-          node.class.forEach(sel => {
-            if(sel.$selector) sel = get_context().css.resolve(sel);
-            className[sel] = true;
-          });
-          className = Object.keys(className).join(' ');
-          if(className) ctx.write(` class="${className}"`);
-
+          if (node.class.size) {
+            ctx.add(get_context().css.resolveAsNode(node.class, [' class="', '"']));
+          }
+          
           if(node.children.length) {
             ctx.write('>');
             node.children.forEach(n => ctx.build(n));
@@ -2372,13 +2368,13 @@
                 ctx.writeLine(`${elName}.setAttribute('${a.name}', \`${Q(a.value)}\`);`);
               });
             }));
+
             binds.push(xNode('bindClasses', { el }, (ctx, n) => {
               let el = n.el;
+              if (!el.class.size) return;
               let elName = el.bindName();
-              if(el.class.size) {
-                let className = Array.from(el.class.values()).join(' ');
-                ctx.writeLine(`${elName}.className += ' ${className}';`);
-              }
+              ctx.add(this.css.resolveAsNode(el.class, [`${elName}.className += ' `, `';`]));
+              ctx.write(true);
             }));
           }
           bindTail.forEach(b => binds.push(b));
@@ -4839,6 +4835,18 @@
       return sel.local;
     };
 
+    self.resolveAsNode = function(classList, wrap) {
+      return xNode('resolve-class', { classList, wrap }, (ctx, n) => {
+        let className = {};
+        n.classList.forEach(sel => {
+          if(sel.$selector) sel = this.resolve(sel);
+          className[sel] = true;
+        });
+        className = Object.keys(className).join(' ');
+        if(className) ctx.write(`${n.wrap[0]}${className}${n.wrap[1]}`);
+      });
+    };
+
     self.getContent = function() {
       removeBlocks.forEach(node => {
         let i = node.parent.children.indexOf(node);
@@ -6879,7 +6887,7 @@
     });
   }
 
-  const version = '0.7.13';
+  const version = '0.7.14';
 
 
   async function compile(source, config = {}) {
@@ -6983,7 +6991,7 @@
       }
     };
 
-    use_context(ctx, () => setup.call(ctx));
+    use_context(ctx, setup);
 
     await hook(ctx, 'dom:before');
     ctx.parseHTML();
@@ -7010,7 +7018,7 @@
     await hook(ctx, 'js:before');
     ctx.js_parse();
     await hook(ctx, 'js');
-    use_context(ctx, () => ctx.js_transform());
+    use_context(ctx, ctx.js_transform);
     await hook(ctx, 'js:after');
 
     await hook(ctx, 'css:before');
@@ -7019,38 +7027,38 @@
     await hook(ctx, 'css');
 
     await hook(ctx, 'runtime:before');
-    use_context(ctx, () => ctx.buildRuntime());
+    use_context(ctx, ctx.buildRuntime);
     await hook(ctx, 'runtime');
 
     await hook(ctx, 'build:before');
 
-    use_context(ctx, () => {
-      const result = ctx.result = xNode('block');
+    use_context(ctx, function() {
+      const result = this.result = xNode('block');
       result.push('import * as $runtime from \'malinajs/runtime.js\';');
       result.push('import { $watch, $tick } from \'malinajs/runtime.js\';');
-      result.push(ctx.module.top);
+      result.push(this.module.top);
       result.push(xNode('componentFn-wrapper', {
-        $compile: [ctx.module.head, ctx.module.code, ctx.module.body, ctx.glob.rootCD],
+        $compile: [this.module.head, this.module.code, this.module.body, this.glob.rootCD],
         name: config.name,
-        componentFn: ctx.glob.componentFn
-      }, (ctx2, n) => {
+        componentFn: this.glob.componentFn
+      }, (ctx, n) => {
         if(config.exportDefault) {
-          if(ctx.glob.$$selfComponent.value) {
-            ctx2.write(true, 'const $$selfComponent = ');
-            ctx2.add(n.componentFn);
-            ctx2.write(true, 'export default $$selfComponent;');
+          if(this.glob.$$selfComponent.value) {
+            ctx.write(true, 'const $$selfComponent = ');
+            ctx.add(n.componentFn);
+            ctx.write(true, 'export default $$selfComponent;');
           } else {
-            ctx2.write(true, 'export default ');
-            ctx2.add(n.componentFn);
+            ctx.write(true, 'export default ');
+            ctx.add(n.componentFn);
           }
         } else {
-          assert(!ctx.glob.$$selfComponent.value, 'Not supported');
-          ctx2.write(true, `const ${n.name} = `);
-          ctx2.add(n.componentFn);
+          assert(!this.glob.$$selfComponent.value, 'Not supported');
+          ctx.write(true, `const ${n.name} = `);
+          ctx.add(n.componentFn);
         }
       }));
 
-      ctx.result = xBuild(result);
+      this.result = xBuild(result);
     });
 
     await hook(ctx, 'build');
@@ -7061,7 +7069,7 @@
   async function hook(ctx, name) {
     for(let i = 0; i < ctx.config.plugins.length; i++) {
       const fn = ctx.config.plugins[i][name];
-      if(fn) await use_context(ctx, () => fn(ctx));
+      if(fn) await use_context(ctx, () => fn.call(ctx, ctx));
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "malinajs",
-  "version": "0.7.13",
+  "version": "0.7.14",
   "license": "MIT",
   "scripts": {
     "build": "npm run build_runtime && rollup -c",