Sourcemaps 🗺 about hyperapp HOT 6 CLOSED

@rbiggs SourceMaps are now available:

• https://unpkg.com/[email protected]/dist/hyperapp.js.map
• https://unpkg.com/[email protected]/dist/hyperapp.hx.js.map

from hyperapp.

Yup, I just noticed. Thanks. Will make it a whole lot easier to debug now.

from hyperapp.

Yea. Rollup with rollup-plugin-buble and rollup-plugin-uglify and passing just sourceMap: true to Rollup, gives zero config and sourcemaps.

from hyperapp.

Hi @rbiggs, can you share how you are using source maps to debug? I don't use them, so I really wasn't paying much attention when this issue was created, but now that I thought about it a bit, hyperapp is written in ES5, so what's the benefit of distributing a source map?

See below.

from hyperapp.

@dodekeract Are you using https://unpkg.com/[email protected]/dist/hyperapp.js.map?

See below.

from hyperapp.

I was using a dev server to test hyperapp. In production you'll be using the minified/uglified version of hyperapp, so sourcemaps are very useful to have!

The last line in hyperapp.js

//# sourceMappingURL=hyperapp.js.map

makes the Dev Console download/load hyperapp's source map during a debug session, when an exception occurs, etc.

Without source maps 😞

With source maps 😄

How to enable source maps?

• When you grab the minified hyperapp from the CDN, you don't have anything to do because the sourcemap link is already embedded in the file.

• When you bundle your app with hyperapp.js yourself, it's up to you to generate sourcemaps, just like we generate sourcemaps for hyperapp in this repo. This is easy to do with webpack, rollup, etc.

from hyperapp.