new js interop and commonjs

[Aetet]

Currently with new js interop we can load only objects that exists in global. But what about commonjs and es6 module system support? Is it planned to load them?

[zoechi]

Can you please be more specific about what you want. You can load the modules in JS script tags and instantiate classes from Dart. A concrete example that shows what you try to accomplish would be helpful.

[Aetet]

We have library Awesome.
We can load module with js interop if module in global window.Awesome = Awesome;

If module from commonjs-like modules:

var npmModule = require('some-npm-module');

function Awesome() {
   this.obj = npmModule();
}

module.exports = Awesome;

We cannot load it with global require just now. Can js interop support this format of loading modules?

[Aetet]

@zoechi Does this example clearify situation?

[zoechi]

Actually no, not for me, hopefully for the project members.
Why don't you just load it in a JS script tag or using old-style JS-interop?
After it is loaded new JS-interop should work fine.

[Aetet]

Because I don't want global variables. I want that all my vars stays local, and not affect global window object. So Commonjs helps keep incapsulation and does not pollute global. Just script tag create all vars global.

[jacob314]

We don't have any support currently but this is something we will work on supporting in the future.
It is dirty but for now you can work around the lack of support by importing your libraries all under some unlikely to conflict name. For example in JavaScript:
'''
$JS_MODULES_WORKAROUND_931 = {'Awesome': Awesome};
'''
then in dart
''''
@js('$JS_MODULES_WORKAROUND_931.Awesome')
library awesome;

@js('SomeAwesomeClass')
class .... {
}
'''

[jacob314]

Duplicate of #25059