We legally cannot redistribute the source SCSS files for this repository, as they are from Metronic. Although the codebase itself has been completely cleanly implemented, with no metronic, the SCSS is still theirs, and we do not have the legal right to redistribute it.

If you are a member of TNG-Dev, you will have access to tachi-client-scss. This submodule is located at src/_assets/metronic-scss. Cloning this will make that the source of truth for CSS styling. Otherwise, we fall back to src/_assets/compiled-css/main.css. This is legally redistributable compiled (minified) output from the metronic SCSS.

Dev Server

pnpm start launches a development server for rapid iteration. Use this if you're developing.

Building

pnpm build compiles the source code into build/. This directory can then be shipped around and served by tools like nginx. This should be used for production use cases only, as compiling the client takes around 20-30 seconds, whereas the dev server is near instant.

Config

For local development, use the bootstrap.sh script in ../_scripts to set everything up.

Other configuration variables are as follows:

# Stop react from launching a browser when you run pnpm start.
BROWSER="none"

# Where IMGScores should be generated from.
REACT_APP_IMGSCORE_URL=""

# KAI API Client IDs.
REACT_APP_EAG_CLIENT_ID=""
REACT_APP_MIN_CLIENT_ID=""
REACT_APP_FLO_CLIENT_ID=""

# How long users should have to read the rules for, in seconds.
# Defaults to 30, but useful to lower for localdev.
REACT_APP_RULES_READ_TIME=30

# Whether to require login to view the site.
REACT_APP_MANDATE_LOGIN=true

# What git repo to read from by default in the seeds viewer.
REACT_APP_GIT_REPO=""

# What client mode to use. Should be btchi, ktchi or omni.
# This affects some things, like what buttons should appear in certain places.
REACT_APP_TCHIC_MODE="omni"