add new app

.github/workflows/deploy.yml

@@ -20,12 +20,9 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 18.x
-      - name: install dependencies
-        run: npm ci
-      - name: build app
-        run: npm run build
-        env:
-          PUBLIC_URL: /game
+      - name: run build.ps1
+        shell: pwsh
+        run: ./build.ps1
       - name: upload artifact
         uses: actions/upload-pages-artifact@v1
         with:

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

build.ps1

@@ -0,0 +1,29 @@
+function LogCommand($command) {
+    Write-Host "> $($command | Out-String)"
+    & $command
+}
+
+Push-Location -Path $PSScriptRoot
+try {
+    LogCommand { npm ci }
+    $ENV:PUBLIC_URL = "/new-app"
+    LogCommand { npm run build -ws --if-present }
+
+    if (Test-Path "./build") {
+        Remove-Item -Recurse -Force build
+    }
+
+    New-Item -ItemType Directory -Path "./build" | Out-Null
+
+    Write-Host "Copy react site to build/new-app folder"
+    Copy-Item -Path "./new-app/build" -Destination "./build/new-app" -Recurse -Force | Out-Null
+
+    Write-Host "Copy static site to build/breeding folder"
+    Copy-Item -Path "./breeding" -Destination "./build/breeding" -Recurse -Force | Out-Null
+
+    Write-Host "Copy static index to build folder"
+    Copy-Item -Path "./index.html" -Destination "./build" -Recurse -Force | Out-Null
+}
+finally {
+    Pop-Location
+}

new-app/src/App.js

@@ -1,4 +1,3 @@
-import logo from './logo.svg';
 import './App.css';
 import React, { useState } from 'react';
 
@@ -30,7 +29,8 @@ function App() {
   };
 
   // select the species from values where the variant array doesn't contain "Mission", "Boss" or "Minion"
-  const species = values.species.filter((item) => !item.variants || !item.variants.includes("Mission") && !item.variants.includes("Boss") && !item.variants.includes("Minion"));
+  const excludes = ["Mission", "Boss", "Minion"];
+  const species = values.species.filter((item) => !item.variants || !item.variants.some(v => excludes.includes(v)));
 
   return (
     <div>