How do you handle build of widgets when creating new widget ?

[tlenclos]

Hi and thanks for your work on Mozaik !

Quick question, how do you handle the build of new widgets using ES6 syntax ?
For example I forked your github widget and used npm link, then I got an error when starting the app as the ES6 syntax if not valid:

/Users/.../mozaik-ext-github/src/client.js:1
(function (exports, require, module, __filename, __dirname) { import request f
                                                              ^^^^^^
SyntaxError: Unexpected reserved word

[plouc]

You'll have to tell browserify to transpile your module, https://github.com/plouc/mozaik-ext-github/blob/master/package.json#L49

[tlenclos]

I'm using gulp watch on my mozaik project, npm link with my fork of your github widget. So I got the same package.json that you linked.

[tlenclos]

Maybe you can document your workflow when creating a new widget or forking an existing one ?

[plouc]

You're right, I could :) Unfortunately, I were not able to make the link npm command works because of peer dependencies, I put the git repo directly into the node_modules directory

[tlenclos]

And what command are you doing to compile the files in node_modules/mozaik-ext-github for example ?

[plouc]

Don't have have my laptop right now, but I think it's:

gulp watch:dev

BTW, the actual workflow is annoying, I'm planning to move to webpack soon

[plouc]

@tlenclos, I'm closing this issue, feel free to create one if it doesn't work

[torarnv]

Any update on webpack? I'm looking into using mozaik for our dashboard, as it looks really shiny, but the process of creating a new widget seems a bit complicated, lots of react boilerplate, rebuilding between each code/style change. Is there a recommended workflow that perhaps looks more like the simplicity of dashing, e.g. https://gist.github.com/YuriKazakov/c85f8cbde7235105dd16 ?

[plouc]

@torarnv, unfortunately, I don't have the time for now to work on my side projects

[plouc]

You should have a look at the time widgets

[torarnv]

@plouc Sorry to hear that, but thanks for being honest! 👍

[plouc]

but the time widget is light enough (with some react boilerplate) :)