Feat: Add support for web as a platform

[robwalkerco]

Fixes #223
Required before #305 can be worked on.

Description

When trying to use Victory Native in an Expo Snack, I found that the default web platform was erroring.
This led me to investigate why Vistory Native was not working on the web platform, and subsequently this PR where I've fixed the issues and updated the example app so that it can easily be run on the web, as well an Android and iOS.

Known Issues

The pie-and-donut-charts screen contains 8 separate graphs, which is too many for my current browser (Arc) to render. WARNING: Too many active WebGL contexts. Oldest context will be lost. is logged to the console, and only the last three graphs are rendered. It seems there is no such limitation on iOS or Android.

I have not refactored that example screen in this PR to keep this PR smaller.

To overcome the limit of active WebGL contexts, we could refactor the screen into an accordion or split it into multiple screens.

Type of Change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

Checklist: (Feel free to delete this section upon completion)

• I have included a changeset if this change will require a version change to one of the packages.
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have run yarn run check:code and all checks pass
• I have created a changeset for new features, patches, or major changes
• I have added tests that prove my fix is effective or that my feature works
• My changes generate no new warnings
  • There is one minor note regarding the downgraded version of @react-native-community/slider not matching the Expo recommended version.
• Any dependent changes have been merged and published in downstream modules

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
victory-native-xl-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 13, 2024 3:28pm

[changeset-bot]

🦋 Changeset detected

Latest commit: 86a162d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
example	Minor
victory-native	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[robwalkerco]

Downgraded this version to resolve callstack/react-native-slider#617 which I could replicate while testing the sliders in the example app.

[zibs]

This is so awesome!

My only question is what's the story behind getGlyphWidths vs measureText changes?

[robwalkerco]

My only question is what's the story behind getGlyphWidths vs measureText changes?

@zibs measureText was deprecated in react-native-skia in favour of getGlyphWidth in 2022. It is not implemented in the skia web implementation -