begin documenting mmm.component

2 files changed, 35 insertions, 0 deletions

diff --git a/root/meta/mmm.component/todoMVC/description: text$plain b/root/meta/mmm.component/todoMVC/description: text$plain
new file mode 100644
index 0000000..baaf6fc
--- /dev/null
+++ b/root/meta/mmm.component/todoMVC/description: text$plain
@@ -0,0 +1 @@
+TodoMVC using mmm.component
diff --git a/root/meta/mmm.component/todoMVC/text$moonscript -> mmm$component.moon b/root/meta/mmm.component/todoMVC/text$moonscript -> mmm$component.moon
new file mode 100644
index 0000000..dc4e5e1
--- /dev/null
+++ b/root/meta/mmm.component/todoMVC/text$moonscript -> mmm$component.moon
@@ -0,0 +1,34 @@
+import ReactiveVar, text, elements from require 'mmm.component'
+import article, div, form, span, h3, a, input from elements
+
+parent = div!
+todoItem = (desc, done) ->
+  -- convert into reactive data sources
+  desc, done = (ReactiveVar desc), ReactiveVar done
+  with me = div style:
+      margin: '8px'
+      padding: '8px'
+      background: '#eeeeee'
+    \append h3 (desc\map text), style: 'margin: 0;'
+    \append span done\map (done) -> text if done then 'done' else 'not done yet'
+    \append input type: 'checkbox', checked: done, onchange: (e) => done\set e.target.checked
+    \append a (text 'delete'), href: '#', onclick: (e) => parent\remove me
+
+parent\append todoItem 'write a Component System', true
+parent\append todoItem 'eat Lasagna', true
+parent\append todoItem 'do other things'
+
+desc = ReactiveVar 'start'
+form = with form {
+    action: ''
+    style:
+      margin: '2px'
+    onsubmit: (e) =>
+      e\preventDefault!
+      parent\append todoItem desc\get!
+      desc\set ''
+  }
+  \append input type: 'text', value: desc, onchange: (e) => desc\set e.target.value
+  \append input type: 'submit', value: 'add'
+
+article parent, form