REFACTOR: Use component for `cook-text` to improve async workflow

app/assets/javascripts/discourse/components/cook-text.js.es6

@@ -0,0 +1,15 @@
+import { cookAsync } from 'discourse/lib/text';
+
+const CookText = Ember.Component.extend({
+  tagName: '',
+  cooked: null,
+
+  didReceiveAttrs() {
+    this._super(...arguments);
+    cookAsync(this.get('rawText')).then(cooked => this.set('cooked', cooked));
+  }
+});
+
+CookText.reopenClass({ positionalParams: ['rawText'] });
+
+export default CookText;

app/assets/javascripts/discourse/helpers/cook-text.js.es6

@@ -1,18 +0,0 @@
-import { cookAsync } from 'discourse/lib/text';
-import guid from 'pretty-text/guid';
-import { registerUnbound } from 'discourse-common/lib/helpers';
-
-function cookText(text) {
-  const id = `${guid().replace(/-/g, '')}`;
-
-  cookAsync(text)
-    .then(cooked => {
-      Em.run.next(()=>{
-        $('#' + id).html(cooked.string);
-      });
-  });
-
-  return new Handlebars.SafeString(`<div id='${id}'></div>`);
-}
-
-registerUnbound('cook-text', cookText);

app/assets/javascripts/discourse/templates/components/cook-text.hbs

@@ -0,0 +1 @@
+{{cooked}}

app/assets/javascripts/discourse/templates/components/queued-post.hbs

@@ -34,7 +34,7 @@
       {{#if editing}}
         {{d-editor value=buffered.raw}}
       {{else}}
-        {{{cook-text post.raw}}}
+        {{cook-text post.raw}}
       {{/if}}
     </div>