object loop

Author: Jeff Escalante

lib/index.js

@@ -142,10 +142,10 @@ function walk (opts, nodes) {
 
       if (Array.isArray(target)) {
         for (let index = 0; index < target.length; index++) {
-          const item = target[index]
-          // add item and optional index loop locals
+          const value = target[index]
+          // add value and optional index loop locals
           const scopedLocals = {}
-          scopedLocals[loopParams.keys[0]] = item
+          scopedLocals[loopParams.keys[0]] = value
           if (loopParams.keys[1]) scopedLocals[loopParams.keys[1]] = index
           // merge nondestructively into existing locals
           const scopedOptions = merge(opts, { locals: scopedLocals })
@@ -158,7 +158,22 @@ function walk (opts, nodes) {
         }
         return m
       } else {
-        // object loop
+        for (let key in target) {
+          const value = target[key]
+          // add item and optional index loop locals
+          const scopedLocals = {}
+          scopedLocals[loopParams.keys[0]] = key
+          if (loopParams.keys[1]) scopedLocals[loopParams.keys[1]] = value
+          // merge nondestructively into existing locals
+          const scopedOptions = merge(opts, { locals: scopedLocals })
+          // provide the modified options to the content evaluation
+          // we need to clone the node because the normal operation modifies
+          // the node directly
+          const content = cloneDeep(node.content)
+          const res = walk(scopedOptions, content)
+          m.push(res)
+        }
+        return m
       }
     }
 

test/fixtures/loop_object.expected.html

@@ -0,0 +1,7 @@
+<p>x</p>
+
+  <p>a: b</p>
+
+  <p>c: d</p>
+
+<p>x</p>

test/fixtures/loop_object.html

@@ -0,0 +1,5 @@
+<p>x</p>
+<each loop='key, value in items'>
+  <p>{{key}}: {{value}}</p>
+</each>
+<p>x</p>

test/index.js

@@ -71,6 +71,10 @@ test('loop', (t) => {
   return matchExpected(t, 'loop', { locals: { items: [1, 2, 3] } })
 })
 
+test('loop object', (t) => {
+  return matchExpected(t, 'loop_object', { locals: { items: { a: 'b', c: 'd' } } })
+})
+
 //
 // Utility
 //