Extending from native classes

Follow up of https://github.com/ember-decorators/ember-decorators/issues/115#issuecomment-427057102 and new issue here, as requested by @rwjblue

Extending a native class with .extend which itself is extending EmberObject is throwing a

TypeError: Class constructor CLASS_NAME cannot be invoked without 'new'

The motivation of this is being able to use native classes and mixins, like this:

class Foo extends EmberObject {
  // ...
}

const Bar = Foo.extend({
  // ...
});

class Baz extends Bar {
  // ...
}

See this ember-twiddle: https://canary.ember-twiddle.com/b365ecfbc29444455d082cf1b295156b?openFiles=tests.foo-test.js%2C

[krisselden]

If you create a patched version extend in your app so that babel compiles it according to your App settings.

import EmberObject from "@ember/object";
EmberObject.extend = function (...args) {
  class Class extends this;
  Class.reopen(...args);
  return Class;
}
export default EmberObject;

then import from that in your app it should workaround the problem until we publish the es so that ember-cli compiles ember with the same babel settings.

[Krzyrok]

Great! Thanks for link 😃