chore: migrate from CRA and Jest to Vite and Vitest

il3ven commented 1 year ago

This PR migrates the codebase from CRA and Jest to Vite and Vitest.

Changes:

Update public folder in firebase.json to dist from build
Change REACT_APP env variables to VITE_APP
Move index.html to root as it is required by Vite
Update packages like use-debounce, json2csv as their newer versions have proper support for ESM
Remove esModuleInterop from tsconfig to keep our app as close as possible to create-vite-app template
Instead of Webpack's raw-loader use Vite specific loader argument
Use import.meta.env instead of process.env as recommended by Vite
Migrated to Vitest from Jest. Vitest has better ecosystem integration with Vite and its API is also similar to Jest.
Add colord because it was missing from package.json.

Checking out to this PR won't work. To test locally you'll have to checkout to rowyio/form-builder#10 and use yarn link. I have made some changes to that package. Reason for the change is explained in rowyio/form-builder#10.

I have tested the changes locally after linking to @rowy/form-builder. yarn build, yarn start work as expected. yarn test fails with a firebase auth/network-request-failed. ( Help needed )

For this PR, I have used @vitejs/plugin-react and not @vitejs/plugin-react-swc because jotai doesn't support fully support swc. I did try swc at first but it didn't work.

Fixes #1275 /claim #1275

vercel[bot] commented 1 year ago

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

Name	Status	Preview	Comments	Updated (UTC)
rowy-os	❌ Failed (Inspect)			Jun 10, 2023 2:01pm

1 Ignored Deployment

vercel[bot] commented 1 year ago

@il3ven is attempting to deploy a commit to the Rowy Team on Vercel.

A member of the Team first needs to authorize it.

shamsmosowi commented 1 year ago

Thank you @il3ven ! it works perfectly!

rowyio / rowy

chore: migrate from CRA and Jest to Vite and Vitest #1279