fix inserted snippet indent

Author: hipstersmoothie

src/Playroom/CodeMirror/snippets.js

@@ -29,11 +29,19 @@ const addClass = (el, className) => {
 };
 
 const showSnippets = (cm, config = {}, code, height, changeRenderedCode) => {
+  const cursor = cm.getCursor();
+  const token = cm.getTokenAt(cursor);
+  const pad = Array(token.end)
+    .fill()
+    .map(() => ' ')
+    .join('');
   const snippets = Object.keys(config).reduce((all, displayText) => {
     all.push({
-      text: formatCode({ code: config[displayText], cursor: cm.getCursor() })
-        .formattedCode,
-      displayText
+      displayText,
+      text: formatCode({ code: config[displayText], cursor })
+        .formattedCode.split('\n')
+        .map(l => `${pad}${l}`)
+        .join('\n')
     });
     return all;
   }, []);
@@ -67,8 +75,6 @@ const showSnippets = (cm, config = {}, code, height, changeRenderedCode) => {
       Esc: resetCode
     },
     hint: () => {
-      const cursor = cm.getCursor();
-      const token = cm.getTokenAt(cursor);
       const start =
         token.type === 'tag bracket' ? token.start + 1 : token.start;
       const end = cursor.ch;