Using dart to create a javascript library

Question

The problem

I\'m currently working on a JavaScript library, and in order to reduce the amount of bugs I thought that my library might benefit from using Dart\'s sta

Answer 1

Wrap dart class into custom element, the Dart object auto expose to javascript. Assume we have 2 Dart Classes, SlickGrid Class contains Column class in Dart

class SlickGrid{
   List<Column> columns;
}

class Column{}

class GridWrap extends HtmlElement {
      ShadowRoot shadowRoot;
      SlickGrid grid;  // here is your cool object
}

compile to javascript, and register custom element, then open javascript console,

//this is SlickGrid object
var grid= document.querySelector('cj-grid').grid; 
// this is dart Column Object
var column = grid.columns.$index(0,0);  
// call toString function in dart object that produce json string...
column.toString$0()  

Answer 2

Even though Dart supports this use case, if you target JavaScript developers I would stick with JavaScript.

@AlexandreArdhuin shows in his answer to Expose Dart functions to javascript how you can make a Dart function available to JavaScript.
Under the dart-js-interop are many examples how to do function calls and pass data between Dart and JavaScript.