diff options
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | src/index.tsx | 14 |
2 files changed, 15 insertions, 1 deletions
diff --git a/package.json b/package.json index 6e1f3f6..01a52d5 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ }, "scripts": { "start": "react-scripts start", - "build": "react-scripts build", + "build": "REACT_APP_SHA=$COMMIT_REF REACT_APP_BRANCH=$BRANCH react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, diff --git a/src/index.tsx b/src/index.tsx index 4146d1d..055c262 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -3,6 +3,20 @@ import ReactDOM from 'react-dom'; import App from './App'; import * as serviceWorker from './serviceWorker'; +import colors from "./colors"; + +console.log("%c Python Discord Forms ", `font-size: 8em; font-family: "Hind", "Arial"; font-weight: 900; background-color: ${colors.blurple}; border-radius: 10px;`) +console.log("%cWelcome to Python Discord Forms", `font-size: 3em; font-family: "Hind", "Arial";`) + +console.log(` Environment: %c ${process.env.NODE_ENV} `, `padding: 2px; border-radius: 5px; background-color: ${process.env.NODE_ENV === "production" ? colors.success : colors.error}`) +console.log(` Location: %c ${document.location.pathname + document.location.search + document.location.hash} `, `padding: 2px; border-radius: 5px; background-color: ${colors.success}`) +console.log(` User Agent: %c ${navigator.userAgent} `, `padding: 2px; border-radius: 5px; background-color: ${colors.success}`) +console.log(` User Agent: %c ${navigator.userAgent} `, `padding: 2px; border-radius: 5px; background-color: ${colors.success}`) +console.log(` Branch: %c ${process.env.REACT_APP_BRANCH} `, `padding: 2px; border-radius: 5px; background-color: ${process.env.REACT_APP_BRANCH === "main" ? colors.success : colors.error}`) +console.log(` SHA: %c ${process.env.REACT_APP_SHA} `, `padding: 2px; border-radius: 5px; background-color: ${colors.success}`) + +console.log("%cCome join us on Discord! https://discord.gg/python", `font-size: 1.5em; font-family: "Hind", "Arial"; color: ${colors.blurple}`) + ReactDOM.render( <React.StrictMode> <App /> |