feat(components): components can now pass data to the slots

fixtures/components-named-slots/alert.edge

@@ -1,2 +1,2 @@
-{{ $slots.heading }}
-{{ $slots.main }}
+{{ $slots.heading() }}
+{{ $slots.main() }}

fixtures/components-named-slots/compiled.js

@@ -1,15 +1,25 @@
 (function (template, ctx) {
   let out = ''
   out += template.renderWithState('components-named-slots/alert', {}, { 'heading': (function (template, ctx) {
+return function (props) {
   let out = ''
+  ctx.newFrame()
+  ctx.setOnFrame('props', props)
   out += '    This is title'
   out += '\n'
+  ctx.removeFrame()
   return out
+}
 })(template, ctx), 'main': (function (template, ctx) {
+return function (props) {
   let out = ''
+  ctx.newFrame()
+  ctx.setOnFrame('props', props)
   out += '  This is then body'
   out += '\n'
+  ctx.removeFrame()
   return out
+}
 })(template, ctx) })
   return out
 })(template, ctx)

fixtures/components-props/alert.edge

@@ -1,2 +1,2 @@
 {{ title }}
-{{ $slots.main }}
+{{ $slots.main() }}

fixtures/components-props/compiled.js

@@ -1,10 +1,15 @@
 (function (template, ctx) {
   let out = ''
   out += template.renderWithState('components-props/alert', { 'title': 'H1' }, { 'main': (function (template, ctx) {
+return function (props) {
   let out = ''
+  ctx.newFrame()
+  ctx.setOnFrame('props', props)
   out += 'Hello world'
   out += '\n'
+  ctx.removeFrame()
   return out
+}
 })(template, ctx) })
   return out
 })(template, ctx)

fixtures/components-slot-props/alert.edge

@@ -0,0 +1,2 @@
+Top level username is {{ username || 'Guest' }}
+{{ $slots.title({ username: 'nikk' }) }}

fixtures/components-slot-props/compiled.js

@@ -0,0 +1,16 @@
+(function (template, ctx) {
+  let out = ''
+  out += template.renderWithState('components-slot-props/alert', {}, { 'title': (function (template, ctx) {
+return function (props) {
+  let out = ''
+  ctx.newFrame()
+  ctx.setOnFrame('props', props)
+  out += '    Hello '
+  out += `${ctx.escape(ctx.resolve('props').username)}`
+  out += '\n'
+  ctx.removeFrame()
+  return out
+}
+})(template, ctx) })
+  return out
+})(template, ctx)

fixtures/components-slot-props/index.edge

@@ -0,0 +1,5 @@
+@component('components-slot-props/alert')
+  @slot('title')
+    Hello {{ props.username }}
+  @endslot
+@endcomponent

fixtures/components-slot-props/index.json

@@ -0,0 +1,3 @@
+{
+  "username": "virk"
+}

fixtures/components-slot-props/index.txt

@@ -0,0 +1,2 @@
+Top level username is Guest
+    Hello nikk

fixtures/components-state/alert.edge

@@ -1 +1 @@
-{{ $slots.main }}
+{{ $slots.main() }}

fixtures/components-state/compiled.js

@@ -1,11 +1,16 @@
 (function (template, ctx) {
   let out = ''
   out += template.renderWithState('components-state/alert', {}, { 'main': (function (template, ctx) {
+return function (props) {
   let out = ''
+  ctx.newFrame()
+  ctx.setOnFrame('props', props)
   out += '  Hello '
   out += `${ctx.escape(ctx.resolve('username'))}`
   out += '\n'
+  ctx.removeFrame()
   return out
+}
 })(template, ctx) })
   return out
 })(template, ctx)

fixtures/components/alert.edge

@@ -1 +1 @@
-{{ $slots.main }}
+{{ $slots.main() }}

fixtures/components/compiled.js

@@ -1,10 +1,15 @@
 (function (template, ctx) {
   let out = ''
   out += template.renderWithState('components/alert', {}, { 'main': (function (template, ctx) {
+return function (props) {
   let out = ''
+  ctx.newFrame()
+  ctx.setOnFrame('props', props)
   out += '  Hello world'
   out += '\n'
+  ctx.removeFrame()
   return out
+}
 })(template, ctx) })
   return out
 })(template, ctx)

japaFile.js

@@ -10,4 +10,4 @@ Assertion.use((chai, utils) => {
   }
 })
 
-cli.run('test/edge.spec.ts')
+cli.run('test/*.spec.ts')