Modernized website stack (#6)

* Updated lots of things in website

* Fixed links

* Moved nav menu out of redux

* Removed Redux

* TvNetworkLogo

* Team logos working

* Fixed more stuff

.github/workflows/frontend-ci.yml

@@ -0,0 +1,21 @@
+name: Run Frontend CI on PR
+on: [push]
+jobs:
+  frontend-ci:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+      - name: Install dependencies
+        run: npm install
+        working-directory: website
+      - name: Lint
+        run: npm run lint
+        working-directory: website
+      - name: Build
+        run: npm run build
+        working-directory: website

.gitignore

@@ -5,7 +5,7 @@ node_modules/
 coverage/
 
 # Production
-build/
+dist/
 
 # Configuration files
 config/config.json

.prettierignore

@@ -0,0 +1,2 @@
+.eslintrc
+dist/

.prettierrc

@@ -3,5 +3,7 @@
   "bracketSpacing": false,
   "printWidth": 100,
   "singleQuote": true,
-  "trailingComma": "es5"
+  "trailingComma": "es5",
+  "plugins": ["@ianvs/prettier-plugin-sort-imports"],
+  "importOrder": ["<BUILT_IN_MODULES>", "", "<THIRD_PARTY_MODULES>", "", "^[.]"]
 }

firebase.json

@@ -1,6 +1,6 @@
 {
   "hosting": {
-    "public": "website/build/",
+    "public": "website/dist/",
     "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
     "headers": [
       {

tsconfig.json

@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+      "target": "ES2020",
+      "useDefineForClassFields": true,
+      "lib": ["ES2020", "DOM", "DOM.Iterable"],
+      "module": "ESNext",
+      "skipLibCheck": true,
+
+      /* Bundler mode */
+      "moduleResolution": "bundler",
+      "allowImportingTsExtensions": true,
+      "resolveJsonModule": true,
+      "isolatedModules": true,
+      "noEmit": true,
+      "jsx": "react-jsx",
+
+      /* Linting */
+      "strict": true,
+      "noUnusedLocals": true,
+      "noUnusedParameters": true,
+      "noFallthroughCasesInSwitch": true
+    },
+    "include": ["website/src"]
+  }

website/.eslintrc

@@ -0,0 +1,23 @@
+{
+  "root": true,
+  "env": {
+    "browser": true,
+    "es2020": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended"
+  ],
+  "ignorePatterns": [
+    "dist",
+    ".eslintrc.cjs"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "plugins": [
+    "react-refresh"
+  ],
+  "rules": {
+    "react-refresh/only-export-components": ["warn", {"allowConstantExport": true}]
+  }
+}

website/public/index.html → website/index.html

@@ -18,30 +18,30 @@
 
     <meta name="theme-color" content="#2a8c5f" />
 
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
 
     <!-- Favicons -->
     <link
       rel="shortcut icon"
       type="image/png"
-      href="%PUBLIC_URL%/favicon-16x16.png"
+      href="/favicon-16x16.png"
       sizes="16x16"
     />
     <link
       rel="shortcut icon"
       type="image/png"
-      href="%PUBLIC_URL%/favicon-32x32.png"
+      href="/favicon-32x32.png"
       sizes="32x32"
     />
     <link
       rel="shortcut icon"
       type="image/png"
-      href="%PUBLIC_URL%/favicon-96x96.png"
+      href="/favicon-96x96.png"
       sizes="96x96"
     />
 
     <!-- iOS home screen icon -->
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon-180x180.png" sizes="180x180" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png" sizes="180x180" />
 
     <!-- Open Graph -->
     <meta property="og:type" content="website" />
@@ -51,7 +51,7 @@
       content="Historical Notre Dame Fighting Irish football schedules, stats, and analyses."
     />
     <meta property="og:url" content="https://notreda.me/" />
-    <meta property="og:image" content="https://notreda.me/%PUBLIC_URL%/social.png" />
+    <meta property="og:image" content="https://notreda.me/social.png" />
     <meta property="og:image:width" content="700" />
     <meta property="og:image:height" content="700" />
 
@@ -63,7 +63,7 @@
       name="twitter:description"
       content="Historical Notre Dame Fighting Irish football schedules, stats, and analyses."
     />
-    <meta name="twitter:image:src" content="https://notreda.me/%PUBLIC_URL%/social.png" />
+    <meta name="twitter:image:src" content="https://notreda.me/social.png" />
 
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-GB2H4X9YPX"></script>
@@ -90,5 +90,6 @@ <h1>notreda.me</h1>
     </noscript>
 
     <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
   </body>
 </html>