import debounce from 'discourse/lib/debounce';
import highlightSyntax from 'discourse/lib/highlight-syntax';
import { bufferedRender } from 'discourse-common/lib/buffered-render';

export default Ember.Component.extend(bufferedRender({
  buildBuffer(buffer) {
    buffer.push("<pre><code class='" + this.get('codeClass') + "'>");
    buffer.push(Handlebars.Utils.escapeExpression(this.get('value')));
    buffer.push("</code></pre>");
  },

  _refreshHighlight: debounce(function() {
    this.rerenderBuffer();
  }, 50).observes('value'),

  _applyHighlight: function() {
    highlightSyntax(this.$());
  }.on('didInsertElement')
}));