magenta.js with tensorflow.js

I’m trying to use tensorflow.js alongside with magenta.js, to load my custom tfjs model, but it seems there is some compatibility issue.

Here is a codepen to illustrate the issue. https://codepen.io/naotokui/pen/VBxvvE

I copied Tero Parviainen’s pen and added <script src="https://cdnjs.cloudflare.com/ajax/libs/tensorflow/0.12.4/tf.min.js"> </script> to the html file.

Then I hit the generate sequence button, I got this error:

    at o (VM221 magentamusic.min.js:7)
    at i (VM221 magentamusic.min.js:7)
    at VM221 magentamusic.min.js:7
    at Array.forEach (<anonymous>)
    at t (VM221 magentamusic.min.js:7)
    at Object.n.assertArgumentsAreTensors (VM221 magentamusic.min.js:7)
    at n.concat (VM221 magentamusic.min.js:7)
    at VM221 magentamusic.min.js:7
    at Object.t.tidy (VM221 magentamusic.min.js:7)
    at Object.e.value [as concat] (VM221 magentamusic.min.js:7)

In the 2nd codepen, magenta.js is imported before tensorflow.js, then I got this error:

    at t.evaluateFeature (VM768 magentamusic.min.js:7)
    at t.get (VM768 magentamusic.min.js:7)
    at VM765 tf.min.js:2
    at VM765 tf.min.js:2
    at VM765 tf.min.js:2

https://codepen.io/naotokui/pen/yqjYXM

Any ideas?

[adarob]

Yes, this is a good point. We will need to package the full tfjs and not just tfjs-core for this to work. @cghawthorne @teropa any objections?

[naotokui]

Thank you!!