Anyone integrated Bryntum calendar tools

[scalaris]

The Bryntum toolset looks very comprehensive. Anyone had any success integrating with Wappler?

https://www.bryntum.com/examples/

[FilipiRafael]

Did you manage to integrate with Bryantum? I’m not getting it because it doesn’t have a CDN link and Wappler doesn’t support importing the function, even via NPM.

[scalaris]

You need to download the files and set them up manually.

[FilipiRafael]

But how do you imported a construct function “new Scheduler”? Because i try import with "import { SchedulerPro } from “/node_modules/@bryntum/schedulerpro/schedulerpro.module.js” " or "import { SchedulerPro } from “/assets/@bryntum/schedulerpro/schedulerpro.module.js” " and not works with the follow error: “Parsing error: ‘import’ and ‘export’ may appear only with ‘sourceType: module’”. But Wappler not have support for .mjs files

[scalaris]

Have you tried this one to begin?

Bryntum Calendar - Script tag demo

[FilipiRafael]

Sure, i started with this one

[scalaris]

And no luck?

What’s the issue?

[FilipiRafael]

Yes, the problem is as follows:

Even downloading the test files or adding via NPM, to create Bryntum Scheduler with the new SchedulerPro function, I need to import with (import { SchedulerPro } from “/…/schedulerpro. module .js”;), but Wappler doesn’t supports this import, it throws an error saying that the file needs to be of type “module”, but Wappler also doesn’t support file of the same type with .mjs extension, so I thought the solution to use one in the main_layout to be global across the application, as Bryntum doesn’t have a CDN, but that didn’t work either.

Did you understand?

[scalaris]

Have you written any custom wrappers for Wappler?

[FilipiRafael]

Sorry, I do not understand your last question

[scalaris]

Custom modules

Writing Custom Modules and Formatters (NodeJS)

Writing your own Formatters Location All formatters are being placed in the extensions/server_connect/formatters folder. A single file can contain multiple formatters and you can have multiple files. Best practice is to group formatters that belong together in a single file. For example you to keep all array specific formatters in a file called array.js . File Structure Here a sample of how such a formatter file looks like. exports.uppercase = function(str) { return str.toUpperCase(); }…

[scalaris]

Have you seen this one ? Where they integrate BS modals

https://bryntum.com/examples/examples-scheduler/custom-event-editor/

[htatd]

@FilipiRafael Hi! Yesterday I needed to work with library for front-end that only had the npm solution too. I used browserify which worked perfectly.

With browserify you can require the needed node module and it will bundle the needed scripts to use in the browser

[scalaris]

Any luck? Have you given up?

[Arsalan]

Hey folks - I do DevRel for Bryntum.

I know this is an old thread but if you folks are still using Bryntum or planning to start using it again, I would be happy to help you. Moreover, our Forum on the website is quite active and helpful. Where you can find answers to your queries.