• Node v22.14.x.
• Electron v36.x.
• SQLite v5.x.
  • On Windows, Python 3.10 or above is required.

npm install
npm start

This application uses Prisma ORM to manage its database interactions.

A unique Prisma Client is generated from the schema defined in source control which sometimes may need to be regenerated along with the database for troubleshooting purposes.

npm run db:reset

After resetting the database the teams and players data will be repopulated using PandaScore API. A token must be provided in the .env file in order for this to work.

Provides convenience wrappers and business logic for common development tasks.

npm run cli help

Generate platform specific distributables.

More Info.

npm run make

The publish command will build the application and publish it to Github as a draft release.

export GITHUB_TOKEN="<...>"
npm run publish

The installers only accept an .ico file so it must be manually converted from the base assets/icon.png image.

More Info.

npm run gen:icon

The resolution used for games and the app should be set to 1280x960.

The game being demoed should also be running in window mode so that the transition between app and game is seamless when taking videos.

.webm format should be used for videos such as the one used in the landing page because .mp4 has stuttering and performance issues.

VP9 prefers to encode in two passes so the first pass compiles a log file with statistics about the video file which is then used in the second pass to make the video.

ffmpeg -i landing.mp4 -b:v 0 -crf 30 -pass 1 -an -f webm -y /dev/null
ffmpeg -i landing.mp4 -b:v 0 -crf 30 -pass 2 landing.webm

For VP9, the CRF can range from 0 (best quality) to 63 (smallest file size). It is set to 30 above for roughly, medium quality.

SVGs are great for responsive apps so if it's feasible, consider converting that PNG to an SVG using ImageMagick and AutoTrace.

convert autotrace:src/assets/logo.png src/icons/logo.svg

This is caused by editing files while the app is transpiling.