Improve atom demos

* Update mentionAtom mobiledoc with more atoms
* Add image-atom with inline image
* Fix demo mobiledoc for input-card
* Update renderers, add html image-atom

demo/app/controllers/index.js

@@ -7,7 +7,7 @@ let { $ } = Ember;
 export default Ember.Controller.extend({
   init() {
     this._super.apply(this, arguments);
-    let mobiledoc = mobiledocs['simple'];
+    let mobiledoc = mobiledocs['mentionAtom'];
     this.set('mobiledoc', mobiledoc);
     this.set('editedMobiledoc', mobiledoc);
     this.set('rendererName', 'dom');

demo/app/mobiledoc-atoms/dom.js

@@ -1,5 +1,7 @@
 import mentionAtom from './dom/mention';
+import imageAtom from './dom/image';
 
 export default [
-  mentionAtom
+  mentionAtom,
+  imageAtom
 ];

demo/app/mobiledoc-atoms/dom/image.js

@@ -0,0 +1,10 @@
+export default {
+  name: 'image-atom',
+  type: 'dom',
+  render() {
+    const element = document.createElement("img");
+    element.style.display = 'inline';
+    element.src = 'http://placehold.it/30x20';
+    return element;
+  }
+};

demo/app/mobiledoc-atoms/html.js

@@ -1,5 +1,7 @@
 import mentionAtom from './html/mention';
+import imageAtom from './html/image';
 
 export default [
-  mentionAtom
+  mentionAtom,
+  imageAtom
 ];

demo/app/mobiledoc-atoms/html/image.js

@@ -0,0 +1,7 @@
+export default {
+  name: 'image-atom',
+  type: 'html',
+  render({value}) {
+    return `<img src="${value}">`;
+  }
+};

demo/app/mobiledocs/index.js

@@ -2,7 +2,14 @@ export default {
   mentionAtom: {
     version: '0.3.0',
     atoms: [
-      ['mention-atom', 'Bob', {}]
+      ['mention-atom', 'Bob', {}],
+      ['mention-atom', 'Bob', {}],
+      ['mention-atom', 'Bob', {}],
+      ['mention-atom', 'Bob', {}],
+      ['mention-atom', 'Bob', {}],
+      ['mention-atom', 'Bob', {}],
+      ['mention-atom', 'Bob', {}],
+      ['image-atom', 'n/a', {}]
     ],
     markups: [],
     cards: [],
@@ -13,7 +20,24 @@ export default {
       [1, 'P', [
         [0, [], 0, 'Text before the atom. '],
         [1, [], 0, 0],
-        [0, [], 0, ' Text after the atom.']
+        [0, [], 0, ' Text after the atom, before image: '],
+        [1, [], 0, 7],
+        [0, [], 0, ' text after the image atom']
+      ]],
+      [1, 'P', [
+        [1, [], 0, 1],
+        [0, [], 0, ' atom at start']
+      ]],
+      [1, 'P', [
+        [0, [], 0, 'atom at end '],
+        [1, [], 0, 2]
+      ]],
+      [1, 'P', [
+        [1, [], 0, 3],
+        [1, [], 0, 4],
+        [0, [], 0, ' multiple atoms at start and end '],
+        [1, [], 0, 5],
+        [1, [], 0, 6]
       ]]
     ]
   },
@@ -49,7 +73,7 @@ export default {
     ],
     sections: [
       [1, 'H2', [
-        [[], 0, 'Input Card']
+        [0, [], 0, 'Input Card']
       ]],
       [10, 0],
       [1, 'P', [

demo/package.json

@@ -35,8 +35,8 @@
     "ember-mobiledoc-editor": "0.3.2-beta.5",
     "ember-disable-proxy-controllers": "^1.0.0",
     "ember-export-application-global": "^1.0.3",
-    "ember-mobiledoc-dom-renderer": "^0.2.1",
-    "ember-mobiledoc-html-renderer": "^0.2.0",
-    "ember-mobiledoc-text-renderer": "^0.2.0"
+    "ember-mobiledoc-dom-renderer": "^0.3.0-beta.1",
+    "ember-mobiledoc-html-renderer": "^0.3.0-beta.1",
+    "ember-mobiledoc-text-renderer": "^0.3.0-beta.1"
   }
 }