Add support for ES6 module syntax

[simonexmachina]

Maybe I'm missing something, but I can't see how to use ES6 modules from CoffeeScript. We should have this.

[jashkenas]

It looks like there isn't yet a single JS runtime that supports ES6 modules yet: http://kangax.github.io/es5-compat-table/es6/

We should not have this until it's ready.

[simonexmachina]

Its preventing me from using an es6 module transpiler. Is there any way I can
prevent this from being a syntax error?

[davidchambers]

Is there any way I can prevent this from being a syntax error?

Could you include the code as JavaScript between backticks?

`import { Point, pow, sqrt } from 'math'`

# actual CoffeeScript code...

`export Segment`

[simonexmachina]

Yes, but it's pretty ugly! Thanks for the tip though, that works.

[alexgorbatchev]

👍

[mbixby]

+1

`export` Controller.extend # not working
   content: ...

vs.

# in 'controllers/configuration/items'
ConfigurationItemsController = Controller.extend
  content: ...
`export ConfigurationItemsController`

[abhayathapa]

+1. Great

[kimroen]

Is this something we should reconsider? With things like Ember App Kit and similar projects evolving, I think there's at least grounds to brainstorm a potential solution.

[mbixby]

Is the solution I posted (inline javascript) too invasive to be implemented?

[kimroen]

It's absolutely more of a nuisance than an actual issue.

Things like this: (export default)

export default Ember.TextField.extend({
  didInsertElement: function() {
    this.$().focus();
    this.$().addClass('focus'); // headless testing is brittle
  }
});

I would like to be able to write

export default Ember.TextField.extend
  didInsertElement: ->
    @$()
      .focus()
      .addClass 'focus'

[mbixby]

@kimroen see @jashkenas's answer above

[kimroen]

I obviously read through the issue before commenting :)

No worries, I just thought it was worth reconsidering. Do with as you please.

[alexgorbatchev]

👍

[mikejholly]

👍