Use ES6 modules, use webpack bundler (cont.)

[tyrasd]

continuation of #282 (moving onto a branch on the main github repo for easier collaboration @simon04).

• install packages from npm via
• use ES6 module export/import
• use webpack for bundling the ide (index.html)
• use webpack for bundling the interactive map (map.html)
• make the tests run again
• get rid of *_packaged.html files
• switch to different publishing mechanism: use gh-pages branch to contain only bundled stuff (like this maybe)?

[tyrasd]

thanks. I couldn't find out how to get this to run properly on the weekend. I still have to get used to the new import syntax 🤷‍♂️

[simon04]

The best introduction into ES6 modules I've found is the chapter in Exploring ES6.

[simon04]

Jay, all tests finally succeed. I also removed the _packaged.html files.

For publishing, I'd recommend the NPM package gh-pages. Its usage is as simple as npm run build && gh-pages build/.

[tyrasd]

Great! Thanks for the effort, Simon!

Is it correct that now everything is done except for the publishing step (which I'll take a look at asap – and thanks for the tip with the gh-pages package)?

[simon04]

Now, copying the icons/ to build/ is also handled by webpack. I think, all tasks are done. But please also try building the application and inspect the output in build/.

For running gh-pages build/, please be aware that this command not only makes a commit, but immediately pushes the result.

[mmd-osm]

Somehow this change seems to have broken the shortlink feature: the share button only produces lengthy URLs rather than the /s/xyz redirect.

[tyrasd]

@mmd-osm thanks for spotting that! I think I probably just forgot to set the respective setting when re-deploying on overpass-turbo.eu.

[tyrasd]

it should work again now. let me know if you find any more regressions. 👍

[mmd-osm]

I'm not sure about this one. There's a "/missing translation/" shown instead of some German text in Autorun mode: http://overpass-turbo.eu/s/oSq

[tyrasd]

👍 It's a regression. And I see this also in the English UI.

[mmd-osm]

Here's another one...

[bbox:{{bbox}}];
node[place=village];
out;

{{style:
node{
  text: eval('tag("name")');
}
}}

Fails with: Error while evaluating mapcss evals TypeError: o.a.evalparser is undefined

[mmd-osm]

Hmmm.. somehow, a recent deployment broke the shortlink feature again.

[tyrasd]

oops. 🙈 It should now work again.

[mmd-osm]

There's still something wrong with the new deployment: overpass-turbo.eu reports as "(beta)", and all of my saved queries are gone in the meantime - even the overpass-ide_code in localStorage got overwritten by some other query. :(

[tyrasd]

sorry again, I really have to fix up my deploy scripts 😒

It should work again now.

even the overpass-ide_code in localStorage

Are you sure? I don't think that's something that could have happened only by me messing up the build parameters here. For me, my saved queries are accessible again now.

[mmd-osm]

Great, thanks a lot for the quick fix!

Are you sure? I don't think that's something that could have happened only by me messing up the build parameters here. For me, my saved queries are accessible again now.

Yes, you're right. I only looked at the Firefox dev tools, which seems to limit the variable length. All good in turbo now.