Finding custom WebJAR installed through extension manager

Help / Discuss
#1

Hi all,

I was able to install a Typed.js WebJAR through the extension manager.
image

However, I am unable to find the access to the javascript. I tried to use the following code to find it:
{{velocity}}
$services.webjars.url(‘org.webjars.npm:typed.js’,‘typed.js’)
{{/velocity}}
and got
image
however, when I try to open directly, the file doesn’t exist.
image

Would like some guidance!

Best Regards,
Leon

#2

This works:

{{velocity}}
{{html clean="false"}}
  <script>
    require.config({
      paths: {
       typed : "$services.webjars.url('org.webjars.npm:typed.js','lib/typed.js')"
        }
    });

    require(['typed'], function(Typed) {
      var typed = new Typed('#typed', {
        stringsElement: '#typed-strings'
      });
    } );
  </script>

  <div id="typed-strings">
    <p>Typed.js is a <strong>JavaScript</strong> library.</p>
    <p>It <em>types</em> out sentences.</p>
  </div>
  <span id="typed"></span>
{{/html}}
{{/velocity}}

The need to include an extra “lib/” is a feature of the installed “webjar” file.

#3

Thanks!