Serabe

import Ember from 'ember';

function logLifeCicle(name) {
  return function() {
    console.log(name, ...arguments);
  };
}

export default Ember.Component.extend({
  bar: 0,

Serabe

import Ember from 'ember';

function logLifeCicle(name) {
  return function() {
    console.log(name, arguments);
  };
}

export default Ember.Component.extend({
  bar: 0,

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
});

Serabe

import Ember from 'ember';

export default class MyComponent extends Ember.Component {
  tagName = '';
  
  constructor() {
    super(...arguments);
    
    // Empty string causes runtime error
    // "Assertion Failed: You cannot use `elementId` on a tag-less component"

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  numbers: [{ number: 1 }, { number: 2 }, { number: 3 }].mapBy('number')
});

Serabe

import Ember from 'ember';

export default Ember.Component.extend({
});

Serabe

import Ember from 'ember';

export default Ember.Component.extend({
});

Serabe

import Ember from 'ember';
const { String: {htmlSafe}} = Ember;
export default Ember.Component.extend({
  attributeBindings: ['ariaLabel'],
  ariaLabel: 'Hello!',
  
  didInsertElement() {
    console.log(this.$()[0].outerHTML);
    Ember.set(this, 'text', htmlSafe(`<pre><code>
${this.$()[0].outerHTML.replace('<', '&lt;')}

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  logger: Ember.inject.service(),
  textBoxInDOM: Ember.computed(function()
  {
      let elem = document.getElementById('codeThing');
    	alert((typeof elem));
      return (typeof elem);