Unsupported $scroll target about alpine-magic-helpers HOT 5 CLOSED

#52
It could it the same bug reported here. There will be a fix soon, I'll message you to test it when ready.

from alpine-magic-helpers.

@OGhawsi Wnen you have time, could you try <script src="https://cdn.jsdelivr.net/gh/SimoTod/alpine-magic-helpers@bug/scroll-float-values/dist/index.min.js"></script> and let me know if it fixes your bug?
If everything is okay, we'll tag a patch release soon. Thanks

from alpine-magic-helpers.

We released it so your error may be fixed already. Let us know.

from alpine-magic-helpers.

Thanks, @SimoTod for your quick fix and response. It is working fine now.
and I have noticed that the size of my js file increased to 417 KiB from 200 Kib after installing alpine-magic-helpers, and with npm run prod, the js file size is 50 KiB and without this package, it is only 26 KiB. And AlpineJS is known for its small size, so it would be nice if the size of the compiled package is reduced.
Thanks.

from alpine-magic-helpers.

HI @OGhawsi. thanks for confirming that.

This library adds a bunch of features to enhance the Alpine experience. That comes with a cost, additional KB.
As you pointed out, in production and with proper minification is currently ~24KB because there is some additional code to support multiple browsers.

This is unlikely to diminish and it will go up while we add new features but we will try to keep it as small as possible.
If you see a point where you can optimize it further, feel free to send a PR and we'll review and get it merged.

Bear in mind that 24KB is roughly the weight of a low-quality image and about half the size of the sprite that Google uses in its search engine (https://ssl.gstatic.com/gb/images/p1_799229b0.png). Over the network, when using gzip is about 8KB so I wouldn't define it as "huge".

If you are compiling your bundle and you don't use certain features, you can strip them from your build since all the helpers are exported separately (see https://github.com/alpine-collective/alpine-magic-helpers/blob/master/src/index.js#L9).
Fetch alone for example is 13KB so if you don't use it, you'll save more than half the weight.

I hope it helps.

from alpine-magic-helpers.