Skip to content

paion-data/VK-45.01

 
 

Repository files navigation

VK 45.01

CI/CD sentry.io Node 18 TypeScript webpack Yarn 2 ESLint Prettier Jest Cypress Lighthouse Apache License
Argos Visual Testing

Introduction

VK 45.01 is a companion project for tiger and is a web app hosting subtitles of selected movies extracted using Tiger.

The app is hosted at vk4501.paion-data.com.

Selected Movies

Generation War (German)

Movie Source

Subtitles

Development

VK-45.01 has the following packages:

Getting Source Code

git clone [email protected]:paion-data/VK-45.01.git
cd VK-45.01

Install dependencies by

Note

Node 18 and Yarn 2 must be installed in local environment.

yarn

Scripts

  • yarn start: Runs the app in development mode. Open http://localhost:3000 to view it in the browser. The page automatically reloads if we make changes to the code. we will see the build errors and lint warnings in the console.
  • yarn test: Runs the unit tests
  • yarn cypress:open & yarn e2e: Opens Cypress End-to-End test console and runs the End-to-End tests, respectively
  • yarn build: Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance. The build is minified and the filenames include the hashes.

Automatically Formatting Codebase

When CI/CD complains about "Code style check" as the following:

Simply run the following command at project root which will auto formatting the codebase using Prettier:

yarn prettier --ignore-path .gitignore . --write

Tip

It's always a good practice to auto-formatting code whenever convenient

Application Monitoring

sentry.io has been integrated into the vk4501.paion-data.com. Specifically:

  • sourcemap is uploaded to sentry during build time
  • error trace are sent to sentry during run time

While error trace will always be sent in production mode (process.env.NODE_ENV === "production"), an .env.sentry-build-plugin is, however, required for yarn build to be able to generate and upload the sourcemap.

Note

If the .env.sentry-build-plugin is not present, yarn build will still run successfully. It's just not possible then to locate the exact location of error in code on sentry issue console because sourcemap hasn't been uploaded

License

The use and distribution terms for VK-45.01 are covered by the Apache License, Version 2.0.

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 62.9%
  • CSS 20.3%
  • JavaScript 15.0%
  • HTML 1.8%