feat: use ts build

[spaenleh]

In this PR I convert the package to be built with Typescript only and not vite library mode.

Motivation

While vite library mode is very convenient to create a bundled package, it uses single file mode by default which makes the library code unable to be tree-shaked.

If we expose the library with preserved module structure, the library should be tree-shakable and the consumers should be able to reduce the size of their bundle by not including unused code.

Caveats

In my test, after exposing the Typescript build, the size of the consumer did not really decrease.
Possible reasons for this is that since I had to use the named imports of @mui/material instead of the second level default exports The bundle was still larger. This issue seems to not be on the fix list for the MUI team, as seems like a design issue on their behalf. If we wanted to really reduce our bundle size we should look at another component library that has better support for bundle size optimisation and tree-shaking. If looking at the analysis from https://arethetypeswrong.github.io/?p=@mui/[email protected] the issue lies in the fact that the second level imports are maskaraded in CJS exports. So it will not play nicely with the current ts + nodenext setup.

Other changes

I took the opportunity to do a bit of summer cleaning too:

• use as much lucide-icons as possible to replace the mui icons
• use type instead of interface in all prop definitions
• remove the usage of FC in favour of (props: Props) => JSX.Element
• remove intermediate index.ts files in subfolders and directly export the components in the main index.ts

Questions

Should we use only named exports for components instead of having default exports that are then named ?

Downstream test PRs and bundle size comparison

Player:

graasp/graasp-player#825
2,312.19 kB -> 1,589.27 kB
31% shrink in bundle size

Builder

graasp/graasp-builder#1390
4,646.32 kB -> 4,379.26 kB
5% shrink in bundle size

Library

graasp/graasp-library#665
1.56Mb -> 1.45 Mb
7% shrink in bundle size

Analytics

graasp/graasp-analytics#419
2,257.06 kB -> 2,033.90 kB
9% shrink in bundle size

Account

graasp/client#315
1,660.81 kB -> 1,351.62 kB
18% shrink in bundle size

Auth

graasp/graasp-auth#442
1,599.91 kB -> 1,280.01 kB
19% shrink in bundle size

[ReidyT]

Thanks for the PR, LGTM! 👾

[sonarqubecloud]

Quality Gate passed

Issues
8 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud