Very large code size on web

[edkimmel]

Description

react-native-gesture-handler is a very heavy dependency on web.

At a glance, both the web and native gesture / handler implementations are being included. I believe that by wrapping the underlying gestures in the GestureObject export, tree-shaking has been effectively disabled as well.

Steps to reproduce

Include react-native-gesture-handler on web.

Snack or a link to a repository

n/a

Gesture Handler version

2.9.0

React Native version

0.71

Platforms

Web

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[latekvo]

Hi, it looks like the package size isn't much larger on web than it is on other platforms.
On android it's 306kB, and on web it's 492kB, but that's including the web-specific handlers implementation, which isn't present on other platforms.

I looked into your concern about loading native implementations while on web, but that doesn't seem to be the case.
The only files I found to be loaded were the non-platform-specific, and the web-specific files.

Regarding your concerns about tree shaking, it's unavailable in Metro, and as far as i understand, the tree-shaking that is provided by alternatives like Re.pack don't really work on the code of imported libraries, but instead optimize your imports of sideEffect-free libraries.

Exception to that is when a library provides multiple nested packages, but Gesture Handler doesn't really do that for most of it's features besides a few exceptions, which would probably save you around 20kB if tree-shaken.