- support refering to view root with name @.

 - support multiple arguments in `render` function.

Author: zbryikt

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Logs
 
+## v0.2.1
+
+ - support refering to view root with name `@`.
+ - support multiple arguments in `render` function.
+
+
 ## v0.2.0
 
  - only check direct parent instead of ancestor to verify if ld-each node has been processed.

dist/index.js

@@ -183,7 +183,7 @@
       });
       this.nodes = this.nodes.concat(nodes);
       prefixRE = this.prefix ? new RegExp("^" + this.prefix + "\\$") : null;
-      return nodes.map(function(node){
+      nodes.map(function(node){
         var names;
         names = (node.getAttribute(this$.ld) || "").split(' ');
         if (this$.prefix) {
@@ -201,6 +201,14 @@
           });
         });
       });
+      if (!this.map.nodes['@']) {
+        return this.map.nodes['@'] = [{
+          node: this.root,
+          names: '@',
+          local: {},
+          evts: {}
+        }];
+      }
     },
     procEach: function(name, data, key){
       var list, getkey, hash, items, nodes, proxyIndex, ns, i$, i, n, j, node, idx, expectedIdx, _, this$ = this;
@@ -413,7 +421,12 @@
       return obj.nodes.splice(idx, 1);
     },
     render: function(names){
-      var _, i$, ref$, len$, k, this$ = this;
+      var args, res$, i$, to$, _, ref$, len$, k, this$ = this;
+      res$ = [];
+      for (i$ = 1, to$ = arguments.length; i$ < to$; ++i$) {
+        res$.push(arguments[i$]);
+      }
+      args = res$;
       this.fire('beforeRender');
       _ = function(n){
         var ref$, key;
@@ -437,9 +450,9 @@
         }
       };
       if (names) {
-        (Array.isArray(names)
+        ((Array.isArray(names)
           ? names
-          : [names]).map(function(it){
+          : [names]).concat(args)).map(function(it){
           return _(it);
         });
       } else {

dist/index.min.js

@@ -4,7 +4,7 @@
   "license": "MIT",
   "main": "dist/ldview.min.js",
   "description": "view template micro framework",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "files": [
     "dist/**/*"
   ],

package-lock.json

@@ -100,6 +100,7 @@ ldview.prototype = Object.create(Object.prototype) <<< do
       names = (node.getAttribute(@ld) or "").split(' ')
       if @prefix => names = names.map -> it.replace(prefixRE,"").trim!
       names.map ~> @map.nodes[][it].push {node, names, local: {}, evts: {}}
+    if !@map.nodes['@'] => @map.nodes['@'] = [{node: @root, names: '@', local: {}, evts: {}}]
 
     # TODO
     # we should remove nodes from @map if they are updated and have ld/ld-each attribute removed.
@@ -205,7 +206,8 @@ ldview.prototype = Object.create(Object.prototype) <<< do
     if node and !idx => idx = obj.nodes.indexOf(node)
     return obj.nodes.splice idx, 1
 
-  render: (names) ->
+  render: (names, ...args) ->
+
     @fire \beforeRender
     _ = (n) ~>
       if typeof(n) == \object =>
@@ -216,7 +218,7 @@ ldview.prototype = Object.create(Object.prototype) <<< do
         @_render n,d,i
       if @map.eaches[n] and @handler[n] => @map.eaches[n].map ~> @proc-each n, it, key
 
-    if names => (if Array.isArray(names) => names else [names]).map -> _ it
+    if names => ((if Array.isArray(names) => names else [names]) ++ args).map -> _ it
     else for k in @names => _(k)
     @fire \afterRender
 

package.json

@@ -14,6 +14,9 @@
           data.slice start, end
         view:
           handler:
+            '@': ({node, ctx, ctxs}) ->
+              node.style
+                ..background = <[#ecb #bfc #bcf]>[Math.floor(Math.random! * 3)]
             title: ({node, ctx, ctxs}) -> node.innerText = ctx.title
             description: ({node, ctx, ctxs}) -> node.innerText = ctx.description
             date:({node, ctx, ctxs, views}) -> node.innerText = ctxs.0.time

src/ldview.ls

@@ -183,7 +183,7 @@
       });
       this.nodes = this.nodes.concat(nodes);
       prefixRE = this.prefix ? new RegExp("^" + this.prefix + "\\$") : null;
-      return nodes.map(function(node){
+      nodes.map(function(node){
         var names;
         names = (node.getAttribute(this$.ld) || "").split(' ');
         if (this$.prefix) {
@@ -201,6 +201,14 @@
           });
         });
       });
+      if (!this.map.nodes['@']) {
+        return this.map.nodes['@'] = [{
+          node: this.root,
+          names: '@',
+          local: {},
+          evts: {}
+        }];
+      }
     },
     procEach: function(name, data, key){
       var list, getkey, hash, items, nodes, proxyIndex, ns, i$, i, n, j, node, idx, expectedIdx, _, this$ = this;
@@ -413,7 +421,12 @@
       return obj.nodes.splice(idx, 1);
     },
     render: function(names){
-      var _, i$, ref$, len$, k, this$ = this;
+      var args, res$, i$, to$, _, ref$, len$, k, this$ = this;
+      res$ = [];
+      for (i$ = 1, to$ = arguments.length; i$ < to$; ++i$) {
+        res$.push(arguments[i$]);
+      }
+      args = res$;
       this.fire('beforeRender');
       _ = function(n){
         var ref$, key;
@@ -437,9 +450,9 @@
         }
       };
       if (names) {
-        (Array.isArray(names)
+        ((Array.isArray(names)
           ? names
-          : [names]).map(function(it){
+          : [names]).concat(args)).map(function(it){
           return _(it);
         });
       } else {

web/src/ls/index.ls

@@ -1,4 +1,3 @@
-// Generated by LiveScript 1.3.1
 (function(){
   var ctx, data, view;
   ctx = {
@@ -23,6 +22,13 @@
         },
         view: {
           handler: {
+            '@': function(arg$){
+              var node, ctx, ctxs, x$;
+              node = arg$.node, ctx = arg$.ctx, ctxs = arg$.ctxs;
+              x$ = node.style;
+              x$.background = ['#ecb', '#bfc', '#bcf'][Math.floor(Math.random() * 3)];
+              return x$;
+            },
             title: function(arg$){
               var node, ctx, ctxs;
               node = arg$.node, ctx = arg$.ctx, ctxs = arg$.ctxs;