how to use kendo-ui professional with jspm

[Sylvain]

Hi,

I'm using Aurelia (aurelia.io) which relies on jspm/systemjs to load libraries. I know there is a japm/bower package for github:kendo-labs/bower-kendo-ui but how should I set things up in order to use kendo-ui professional as a jspm package? Shoud I create my own private kendo-ui github repository and use it a jspm package?

Thanks

Sylvain

[Petyo]

Hello Sylvain,

you can use this git repository to obtain Kendo UI Professional.

Regards,
Petyo
Telerik

 

 

[Cory]

Assuming the structure of the Pro package is similar to that of the Core package on npm, it references the kendo.ui.core script that includes all of the core widgets. If folks are using jspm, I think it's safe to assume they want to take advantage of modules. Considering jspm can load AMD modules, is there a recommended way of importing individual widgets using the published Kendo packages?

 

I did the following to work around this:

 

- jspm install kendo-ui

- Modify jspm_packages\github\kendo-labs\[e-mail] to the following:

 

exports.combobox = require("github:kendo-labs/bower-kendo-ui@2015.2.803/src/js/kendo.combobox";
// module.exports = require("github:kendo-labs/bower-kendo-ui@2015.2.803/src/js/kendo.ui.core");

 

- Remove "format global"; from the top of each of the dependent modules (kendo.list, kendo.mobile.scroller, and kendo.data).

- Import the module in my app using the following:

 

import {combobox} from 'kendo-ui';

​ 

This is clearly a hack, so I'd appreciate any feedback or thoughts on the recommended approach.

 

[Petyo]

Hello Cory,

To be honest, we haven't explored jspm in details. We are keeping an eye on system.js, and we consider migrating our internal structure to it, but, so far, this will introduce some breaking changes in our deliverables, which we haven't found reliable means to overcome. Obviously, switching the source files to SystemJS/ES6 will provide better support for individual widget loading with jspm, too.

Meanwhile, We have an article describing the necessary RequireJS configuration - perhaps it may help you somehow.

Regards,
Petyo
Telerik