在自己的项目中使用自定义聚合物元素-如何正确执行？

Question

So I found this nice port of Chart.js as a polymer component on customelements.io but I'm not able to use them in my polymer.dart project. I copied all the files from the library project into my project and fixed the paths but the elements are not showing up. I get

Uncaught ReferenceError: Polymer is not defined chart-bar.html:27(anonymous function) chart-bar.html:27

(+ same error for the other files from the library proj).

I have no bower.json in my project (but a pubspec.yaml) and I'm wondering if I need one because the library project got one in there?

So what is the right way to get those polymer elements into my project?

Answer 1

There is currently no straight-forward way to use Polymer.js polymer elements in a Polymer.dart project. You can try to generate Dart wrappers using https://github.com/dart-lang/custom-element-apigen / https://pub.dartlang.org/search?q=custom-element-apigen .

The code generation depends on proper JavaScript codedoc in the JS elements which is often incomplete but I have heard of people who were satisfied by the result (Dart core_elements/paper_elements are generated with this but there is also manual work involved).