Compare commits

...

3 Commits

Author SHA1 Message Date
Renovate Bot
9414b936c7 chore(deps): update dependency vite to v7.2.10 2025-12-08 15:04:05 +00:00
4ee3b8248a show neutral amount 2025-12-08 16:02:54 +01:00
f2e4f23c42 add second shader bg 2025-12-08 15:42:23 +01:00
8 changed files with 347 additions and 118 deletions

View File

@ -29,11 +29,11 @@
"ts-proto": "^2.8.3",
"typescript": "~5.9.3",
"typescript-eslint": "^8.48.1",
"vite": "npm:rolldown-vite@7.2.5"
"vite": "npm:rolldown-vite@7.2.10"
},
"pnpm": {
"overrides": {
"vite": "npm:rolldown-vite@7.2.5"
"vite": "npm:rolldown-vite@7.2.10"
}
}
}

165
frontend/pnpm-lock.yaml generated
View File

@ -5,7 +5,7 @@ settings:
excludeLinksFromLockfile: false
overrides:
vite: npm:rolldown-vite@7.2.5
vite: npm:rolldown-vite@7.2.10
importers:
@ -38,7 +38,7 @@ importers:
version: 19.2.3(@types/react@19.2.7)
'@vitejs/plugin-react':
specifier: ^5.1.2
version: 5.1.2(rolldown-vite@7.2.5(@types/node@24.10.1))
version: 5.1.2(rolldown-vite@7.2.10(@types/node@24.10.1))
eslint:
specifier: ^9.39.1
version: 9.39.1
@ -61,8 +61,8 @@ importers:
specifier: ^8.48.1
version: 8.48.1(eslint@9.39.1)(typescript@5.9.3)
vite:
specifier: npm:rolldown-vite@7.2.5
version: rolldown-vite@7.2.5(@types/node@24.10.1)
specifier: npm:rolldown-vite@7.2.10
version: rolldown-vite@7.2.10(@types/node@24.10.1)
packages:
@ -234,99 +234,90 @@ packages:
'@napi-rs/wasm-runtime@1.1.0':
resolution: {integrity: sha512-Fq6DJW+Bb5jaWE69/qOE0D1TUN9+6uWhCeZpdnSBk14pjLcCWR7Q8n49PTSPHazM37JqrsdpEthXy2xn6jWWiA==}
'@oxc-project/runtime@0.97.0':
resolution: {integrity: sha512-yH0zw7z+jEws4dZ4IUKoix5Lh3yhqIJWF9Dc8PWvhpo7U7O+lJrv7ZZL4BeRO0la8LBQFwcCewtLBnVV7hPe/w==}
'@oxc-project/runtime@0.101.0':
resolution: {integrity: sha512-t3qpfVZIqSiLQ5Kqt/MC4Ge/WCOGrrcagAdzTcDaggupjiGxUx4nJF2v6wUCXWSzWHn5Ns7XLv13fCJEwCOERQ==}
engines: {node: ^20.19.0 || >=22.12.0}
'@oxc-project/types@0.97.0':
resolution: {integrity: sha512-lxmZK4xFrdvU0yZiDwgVQTCvh2gHWBJCBk5ALsrtsBWhs0uDIi+FTOnXRQeQfs304imdvTdaakT/lqwQ8hkOXQ==}
'@oxc-project/types@0.101.0':
resolution: {integrity: sha512-nuFhqlUzJX+gVIPPfuE6xurd4lST3mdcWOhyK/rZO0B9XWMKm79SuszIQEnSMmmDhq1DC8WWVYGVd+6F93o1gQ==}
'@rolldown/binding-android-arm64@1.0.0-beta.50':
resolution: {integrity: sha512-XlEkrOIHLyGT3avOgzfTFSjG+f+dZMw+/qd+Y3HLN86wlndrB/gSimrJCk4gOhr1XtRtEKfszpadI3Md4Z4/Ag==}
'@rolldown/binding-android-arm64@1.0.0-beta.53':
resolution: {integrity: sha512-Ok9V8o7o6YfSdTTYA/uHH30r3YtOxLD6G3wih/U9DO0ucBBFq8WPt/DslU53OgfteLRHITZny9N/qCUxMf9kjQ==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [android]
'@rolldown/binding-darwin-arm64@1.0.0-beta.50':
resolution: {integrity: sha512-+JRqKJhoFlt5r9q+DecAGPLZ5PxeLva+wCMtAuoFMWPoZzgcYrr599KQ+Ix0jwll4B4HGP43avu9My8KtSOR+w==}
'@rolldown/binding-darwin-arm64@1.0.0-beta.53':
resolution: {integrity: sha512-yIsKqMz0CtRnVa6x3Pa+mzTihr4Ty+Z6HfPbZ7RVbk1Uxnco4+CUn7Qbm/5SBol1JD/7nvY8rphAgyAi7Lj6Vg==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [darwin]
'@rolldown/binding-darwin-x64@1.0.0-beta.50':
resolution: {integrity: sha512-fFXDjXnuX7/gQZQm/1FoivVtRcyAzdjSik7Eo+9iwPQ9EgtA5/nB2+jmbzaKtMGG3q+BnZbdKHCtOacmNrkIDA==}
'@rolldown/binding-darwin-x64@1.0.0-beta.53':
resolution: {integrity: sha512-GTXe+mxsCGUnJOFMhfGWmefP7Q9TpYUseHvhAhr21nCTgdS8jPsvirb0tJwM3lN0/u/cg7bpFNa16fQrjKrCjQ==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [x64]
os: [darwin]
'@rolldown/binding-freebsd-x64@1.0.0-beta.50':
resolution: {integrity: sha512-F1b6vARy49tjmT/hbloplzgJS7GIvwWZqt+tAHEstCh0JIh9sa8FAMVqEmYxDviqKBaAI8iVvUREm/Kh/PD26Q==}
'@rolldown/binding-freebsd-x64@1.0.0-beta.53':
resolution: {integrity: sha512-9Tmp7bBvKqyDkMcL4e089pH3RsjD3SUungjmqWtyhNOxoQMh0fSmINTyYV8KXtE+JkxYMPWvnEt+/mfpVCkk8w==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [x64]
os: [freebsd]
'@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.50':
resolution: {integrity: sha512-U6cR76N8T8M6lHj7EZrQ3xunLPxSvYYxA8vJsBKZiFZkT8YV4kjgCO3KwMJL0NOjQCPGKyiXO07U+KmJzdPGRw==}
'@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.53':
resolution: {integrity: sha512-a1y5fiB0iovuzdbjUxa7+Zcvgv+mTmlGGC4XydVIsyl48eoxgaYkA3l9079hyTyhECsPq+mbr0gVQsFU11OJAQ==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm]
os: [linux]
'@rolldown/binding-linux-arm64-gnu@1.0.0-beta.50':
resolution: {integrity: sha512-ONgyjofCrrE3bnh5GZb8EINSFyR/hmwTzZ7oVuyUB170lboza1VMCnb8jgE6MsyyRgHYmN8Lb59i3NKGrxrYjw==}
'@rolldown/binding-linux-arm64-gnu@1.0.0-beta.53':
resolution: {integrity: sha512-bpIGX+ov9PhJYV+wHNXl9rzq4F0QvILiURn0y0oepbQx+7stmQsKA0DhPGwmhfvF856wq+gbM8L92SAa/CBcLg==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [linux]
'@rolldown/binding-linux-arm64-musl@1.0.0-beta.50':
resolution: {integrity: sha512-L0zRdH2oDPkmB+wvuTl+dJbXCsx62SkqcEqdM+79LOcB+PxbAxxjzHU14BuZIQdXcAVDzfpMfaHWzZuwhhBTcw==}
'@rolldown/binding-linux-arm64-musl@1.0.0-beta.53':
resolution: {integrity: sha512-bGe5EBB8FVjHBR1mOLOPEFg1Lp3//7geqWkU5NIhxe+yH0W8FVrQ6WRYOap4SUTKdklD/dC4qPLREkMMQ855FA==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [linux]
'@rolldown/binding-linux-x64-gnu@1.0.0-beta.50':
resolution: {integrity: sha512-gyoI8o/TGpQd3OzkJnh1M2kxy1Bisg8qJ5Gci0sXm9yLFzEXIFdtc4EAzepxGvrT2ri99ar5rdsmNG0zP0SbIg==}
'@rolldown/binding-linux-x64-gnu@1.0.0-beta.53':
resolution: {integrity: sha512-qL+63WKVQs1CMvFedlPt0U9PiEKJOAL/bsHMKUDS6Vp2Q+YAv/QLPu8rcvkfIMvQ0FPU2WL0aX4eWwF6e/GAnA==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [x64]
os: [linux]
'@rolldown/binding-linux-x64-musl@1.0.0-beta.50':
resolution: {integrity: sha512-zti8A7M+xFDpKlghpcCAzyOi+e5nfUl3QhU023ce5NCgUxRG5zGP2GR9LTydQ1rnIPwZUVBWd4o7NjZDaQxaXA==}
'@rolldown/binding-linux-x64-musl@1.0.0-beta.53':
resolution: {integrity: sha512-VGl9JIGjoJh3H8Mb+7xnVqODajBmrdOOb9lxWXdcmxyI+zjB2sux69br0hZJDTyLJfvBoYm439zPACYbCjGRmw==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [x64]
os: [linux]
'@rolldown/binding-openharmony-arm64@1.0.0-beta.50':
resolution: {integrity: sha512-eZUssog7qljrrRU9Mi0eqYEPm3Ch0UwB+qlWPMKSUXHNqhm3TvDZarJQdTevGEfu3EHAXJvBIe0YFYr0TPVaMA==}
'@rolldown/binding-openharmony-arm64@1.0.0-beta.53':
resolution: {integrity: sha512-B4iIserJXuSnNzA5xBLFUIjTfhNy7d9sq4FUMQY3GhQWGVhS2RWWzzDnkSU6MUt7/aHUrep0CdQfXUJI9D3W7A==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [openharmony]
'@rolldown/binding-wasm32-wasi@1.0.0-beta.50':
resolution: {integrity: sha512-nmCN0nIdeUnmgeDXiQ+2HU6FT162o+rxnF7WMkBm4M5Ds8qTU7Dzv2Wrf22bo4ftnlrb2hKK6FSwAJSAe2FWLg==}
'@rolldown/binding-wasm32-wasi@1.0.0-beta.53':
resolution: {integrity: sha512-BUjAEgpABEJXilGq/BPh7jeU3WAJ5o15c1ZEgHaDWSz3LB881LQZnbNJHmUiM4d1JQWMYYyR1Y490IBHi2FPJg==}
engines: {node: '>=14.0.0'}
cpu: [wasm32]
'@rolldown/binding-win32-arm64-msvc@1.0.0-beta.50':
resolution: {integrity: sha512-7kcNLi7Ua59JTTLvbe1dYb028QEPaJPJQHqkmSZ5q3tJueUeb6yjRtx8mw4uIqgWZcnQHAR3PrLN4XRJxvgIkA==}
'@rolldown/binding-win32-arm64-msvc@1.0.0-beta.53':
resolution: {integrity: sha512-s27uU7tpCWSjHBnxyVXHt3rMrQdJq5MHNv3BzsewCIroIw3DJFjMH1dzCPPMUFxnh1r52Nf9IJ/eWp6LDoyGcw==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [arm64]
os: [win32]
'@rolldown/binding-win32-ia32-msvc@1.0.0-beta.50':
resolution: {integrity: sha512-lL70VTNvSCdSZkDPPVMwWn/M2yQiYvSoXw9hTLgdIWdUfC3g72UaruezusR6ceRuwHCY1Ayu2LtKqXkBO5LIwg==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [ia32]
os: [win32]
'@rolldown/binding-win32-x64-msvc@1.0.0-beta.50':
resolution: {integrity: sha512-4qU4x5DXWB4JPjyTne/wBNPqkbQU8J45bl21geERBKtEittleonioACBL1R0PsBu0Aq21SwMK5a9zdBkWSlQtQ==}
'@rolldown/binding-win32-x64-msvc@1.0.0-beta.53':
resolution: {integrity: sha512-cjWL/USPJ1g0en2htb4ssMjIycc36RvdQAx1WlXnS6DpULswiUTVXPDesTifSKYSyvx24E0YqQkEm0K/M2Z/AA==}
engines: {node: ^20.19.0 || >=22.12.0}
cpu: [x64]
os: [win32]
'@rolldown/pluginutils@1.0.0-beta.50':
resolution: {integrity: sha512-5e76wQiQVeL1ICOZVUg4LSOVYg9jyhGCin+icYozhsUzM+fHE7kddi1bdiE0jwVqTfkjba3jUFbEkoC9WkdvyA==}
'@rolldown/pluginutils@1.0.0-beta.53':
resolution: {integrity: sha512-vENRlFU4YbrwVqNDZ7fLvy+JR1CRkyr01jhSiDpE1u6py3OMzQfztQU2jxykW3ALNxO4kSlqIDeYyD0Y9RcQeQ==}
@ -425,7 +416,7 @@ packages:
resolution: {integrity: sha512-EcA07pHJouywpzsoTUqNh5NwGayl2PPVEJKUSinGGSxFGYn+shYbqMGBg6FXDqgXum9Ou/ecb+411ssw8HImJQ==}
engines: {node: ^20.19.0 || >=22.12.0}
peerDependencies:
vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
vite: npm:rolldown-vite@7.2.10
acorn-jsx@5.3.2:
resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@ -897,8 +888,8 @@ packages:
resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
engines: {node: '>=4'}
rolldown-vite@7.2.5:
resolution: {integrity: sha512-u09tdk/huMiN8xwoiBbig197jKdCamQTtOruSalOzbqGje3jdHiV0njQlAW0YvzoahkirFePNQ4RYlfnRQpXZA==}
rolldown-vite@7.2.10:
resolution: {integrity: sha512-v2ekZjuVLfumjp1Cr7LSQM1n2oOo3+gMruhOgT0Q4/cQ2J3nkTDLTAWLQQ86UHMbFYyVIN1wGh8BEZbvjkyctg==}
engines: {node: ^20.19.0 || >=22.12.0}
hasBin: true
peerDependencies:
@ -937,8 +928,8 @@ packages:
yaml:
optional: true
rolldown@1.0.0-beta.50:
resolution: {integrity: sha512-JFULvCNl/anKn99eKjOSEubi0lLmNqQDAjyEMME2T4CwezUDL0i6t1O9xZsu2OMehPnV2caNefWpGF+8TnzB6A==}
rolldown@1.0.0-beta.53:
resolution: {integrity: sha512-Qd9c2p0XKZdgT5AYd+KgAMggJ8ZmCs3JnS9PTMWkyUfteKlfmKtxJbWTHkVakxwXs1Ub7jrRYVeFeF7N0sQxyw==}
engines: {node: ^20.19.0 || >=22.12.0}
hasBin: true
@ -1268,56 +1259,51 @@ snapshots:
'@tybys/wasm-util': 0.10.1
optional: true
'@oxc-project/runtime@0.97.0': {}
'@oxc-project/runtime@0.101.0': {}
'@oxc-project/types@0.97.0': {}
'@oxc-project/types@0.101.0': {}
'@rolldown/binding-android-arm64@1.0.0-beta.50':
'@rolldown/binding-android-arm64@1.0.0-beta.53':
optional: true
'@rolldown/binding-darwin-arm64@1.0.0-beta.50':
'@rolldown/binding-darwin-arm64@1.0.0-beta.53':
optional: true
'@rolldown/binding-darwin-x64@1.0.0-beta.50':
'@rolldown/binding-darwin-x64@1.0.0-beta.53':
optional: true
'@rolldown/binding-freebsd-x64@1.0.0-beta.50':
'@rolldown/binding-freebsd-x64@1.0.0-beta.53':
optional: true
'@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.50':
'@rolldown/binding-linux-arm-gnueabihf@1.0.0-beta.53':
optional: true
'@rolldown/binding-linux-arm64-gnu@1.0.0-beta.50':
'@rolldown/binding-linux-arm64-gnu@1.0.0-beta.53':
optional: true
'@rolldown/binding-linux-arm64-musl@1.0.0-beta.50':
'@rolldown/binding-linux-arm64-musl@1.0.0-beta.53':
optional: true
'@rolldown/binding-linux-x64-gnu@1.0.0-beta.50':
'@rolldown/binding-linux-x64-gnu@1.0.0-beta.53':
optional: true
'@rolldown/binding-linux-x64-musl@1.0.0-beta.50':
'@rolldown/binding-linux-x64-musl@1.0.0-beta.53':
optional: true
'@rolldown/binding-openharmony-arm64@1.0.0-beta.50':
'@rolldown/binding-openharmony-arm64@1.0.0-beta.53':
optional: true
'@rolldown/binding-wasm32-wasi@1.0.0-beta.50':
'@rolldown/binding-wasm32-wasi@1.0.0-beta.53':
dependencies:
'@napi-rs/wasm-runtime': 1.1.0
optional: true
'@rolldown/binding-win32-arm64-msvc@1.0.0-beta.50':
'@rolldown/binding-win32-arm64-msvc@1.0.0-beta.53':
optional: true
'@rolldown/binding-win32-ia32-msvc@1.0.0-beta.50':
'@rolldown/binding-win32-x64-msvc@1.0.0-beta.53':
optional: true
'@rolldown/binding-win32-x64-msvc@1.0.0-beta.50':
optional: true
'@rolldown/pluginutils@1.0.0-beta.50': {}
'@rolldown/pluginutils@1.0.0-beta.53': {}
'@tybys/wasm-util@0.10.1':
@ -1454,7 +1440,7 @@ snapshots:
'@typescript-eslint/types': 8.48.1
eslint-visitor-keys: 4.2.1
'@vitejs/plugin-react@5.1.2(rolldown-vite@7.2.5(@types/node@24.10.1))':
'@vitejs/plugin-react@5.1.2(rolldown-vite@7.2.10(@types/node@24.10.1))':
dependencies:
'@babel/core': 7.28.5
'@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.5)
@ -1462,7 +1448,7 @@ snapshots:
'@rolldown/pluginutils': 1.0.0-beta.53
'@types/babel__core': 7.20.5
react-refresh: 0.18.0
vite: rolldown-vite@7.2.5(@types/node@24.10.1)
vite: rolldown-vite@7.2.10(@types/node@24.10.1)
transitivePeerDependencies:
- supports-color
@ -1870,38 +1856,37 @@ snapshots:
resolve-from@4.0.0: {}
rolldown-vite@7.2.5(@types/node@24.10.1):
rolldown-vite@7.2.10(@types/node@24.10.1):
dependencies:
'@oxc-project/runtime': 0.97.0
'@oxc-project/runtime': 0.101.0
fdir: 6.5.0(picomatch@4.0.3)
lightningcss: 1.30.2
picomatch: 4.0.3
postcss: 8.5.6
rolldown: 1.0.0-beta.50
rolldown: 1.0.0-beta.53
tinyglobby: 0.2.15
optionalDependencies:
'@types/node': 24.10.1
fsevents: 2.3.3
rolldown@1.0.0-beta.50:
rolldown@1.0.0-beta.53:
dependencies:
'@oxc-project/types': 0.97.0
'@rolldown/pluginutils': 1.0.0-beta.50
'@oxc-project/types': 0.101.0
'@rolldown/pluginutils': 1.0.0-beta.53
optionalDependencies:
'@rolldown/binding-android-arm64': 1.0.0-beta.50
'@rolldown/binding-darwin-arm64': 1.0.0-beta.50
'@rolldown/binding-darwin-x64': 1.0.0-beta.50
'@rolldown/binding-freebsd-x64': 1.0.0-beta.50
'@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.50
'@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.50
'@rolldown/binding-linux-arm64-musl': 1.0.0-beta.50
'@rolldown/binding-linux-x64-gnu': 1.0.0-beta.50
'@rolldown/binding-linux-x64-musl': 1.0.0-beta.50
'@rolldown/binding-openharmony-arm64': 1.0.0-beta.50
'@rolldown/binding-wasm32-wasi': 1.0.0-beta.50
'@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.50
'@rolldown/binding-win32-ia32-msvc': 1.0.0-beta.50
'@rolldown/binding-win32-x64-msvc': 1.0.0-beta.50
'@rolldown/binding-android-arm64': 1.0.0-beta.53
'@rolldown/binding-darwin-arm64': 1.0.0-beta.53
'@rolldown/binding-darwin-x64': 1.0.0-beta.53
'@rolldown/binding-freebsd-x64': 1.0.0-beta.53
'@rolldown/binding-linux-arm-gnueabihf': 1.0.0-beta.53
'@rolldown/binding-linux-arm64-gnu': 1.0.0-beta.53
'@rolldown/binding-linux-arm64-musl': 1.0.0-beta.53
'@rolldown/binding-linux-x64-gnu': 1.0.0-beta.53
'@rolldown/binding-linux-x64-musl': 1.0.0-beta.53
'@rolldown/binding-openharmony-arm64': 1.0.0-beta.53
'@rolldown/binding-wasm32-wasi': 1.0.0-beta.53
'@rolldown/binding-win32-arm64-msvc': 1.0.0-beta.53
'@rolldown/binding-win32-x64-msvc': 1.0.0-beta.53
scheduler@0.27.0: {}

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -16,15 +16,18 @@ function App() {
const [token, setToken] = useState<string>(
localStorage.getItem("token") || ""
);
const [isShaderTheme, setIsShaderTheme] = useState<boolean>(false);
const [theme, setTheme] = useState<string>("default");
const [isShaderTheme, setIsShaderTheme] = useState(false);
useEffect(() => {
if (isShaderTheme) {
if (theme !== "default") {
document.body.classList.add("shader-theme");
setIsShaderTheme(true);
} else {
document.body.classList.remove("shader-theme");
setIsShaderTheme(false);
}
}, [isShaderTheme]);
}, [theme]);
const fetchPeople = () => {
if (!token) return;
@ -76,15 +79,13 @@ function App() {
<button onClick={handleLogout} className="btn-secondary">
Logout
</button>
<button
onClick={() => setIsShaderTheme(!isShaderTheme)}
className="btn-secondary"
style={{ marginLeft: "1rem" }}
>
{isShaderTheme ? "Normal Theme" : "Shader Theme"}
</button>
<select value={theme} onChange={(e) => setTheme(e.target.value)}>
<option value="default">Default Theme</option>
<option value="blackhole">Blackhole Theme</option>
<option value="star">Star Theme</option>
</select>
</div>
{isShaderTheme && <ShaderBackground />}
{isShaderTheme && <ShaderBackground theme= {theme} />}
<Routes>
<Route path="/" element={<PersonList people={people} />} />
<Route path="/games" element={<GameList />} />

View File

@ -12,6 +12,9 @@ export function GameFilter() {
const [people, setPeople] = useState<Person[]>([]);
const [selectedPeople, setSelectedPeople] = useState<Set<string>>(new Set());
const [filteredGames, setFilteredGames] = useState<string[]>([]);
const [gameToPositive, setGameToPositive] = useState<
Map<string, Set<string>>
>(new Map());
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const [metaData, _setMetaData] = useState<{ [key: string]: GameProto }>({});
@ -27,6 +30,7 @@ export function GameFilter() {
useEffect(() => {
if (selectedPeople.size === 0) {
// eslint-disable-next-line react-hooks/set-state-in-effect
setFilteredGames([]);
return;
}
@ -39,22 +43,31 @@ export function GameFilter() {
return;
}
// Create a map of game -> set of people who would play it
const gameToPlayers = new Map<string, Set<string>>();
// Create a map of game -> set of people who would not play it
const gameToNegative = new Map<string, Set<string>>();
const gameToPositiveOpinion = new Map<string, Set<string>>();
selectedPersons.forEach((person) => {
person.opinion.forEach((op) => {
if (!gameToPlayers.has(op.title)) {
gameToPlayers.set(op.title, new Set());
if (!gameToNegative.has(op.title)) {
gameToNegative.set(op.title, new Set());
}
if (!gameToPositiveOpinion.has(op.title)) {
gameToPositiveOpinion.set(op.title, new Set());
}
if (!op.wouldPlay) {
gameToPlayers.get(op.title)!.add(person.name);
gameToNegative.get(op.title)!.add(person.name);
}
if (op.wouldPlay) {
gameToPositiveOpinion.get(op.title)!.add(person.name);
}
});
});
setGameToPositive(gameToPositiveOpinion);
// Filter games where ALL selected people would play
const game_titles = Array.from(gameToPlayers.entries())
const game_titles = Array.from(gameToNegative.entries())
.filter(([, players]) => players.size === 0)
.map(([game]) => game);
@ -169,8 +182,21 @@ export function GameFilter() {
marginTop: "0.5rem",
}}
>
All {selectedPeople.size} selected would play
{gameToPositive.get(game)!.size} selected would play
</div>
{selectedPeople.size - gameToPositive.get(game)!.size >
0 && (
<div
style={{
fontSize: "0.9em",
color: "#d4d400",
marginTop: "0.3rem",
}}
>
? {selectedPeople.size - gameToPositive.get(game)!.size}{" "}
{(selectedPeople.size - gameToPositive.get(game)!.size) > 1 ? "are" : "is"} neutral
</div>
)}
</div>
<GameImage game={game} />
</Link>

View File

@ -1,6 +1,7 @@
import { useEffect, useRef } from "react";
import SHADER_CODE from "./assets/shader.glsl?raw";
import BLACKHOLE_SHADER_CODE from "./assets/blackhole.glsl?raw";
import STAR_SHADER_CODE from "./assets/star.glsl?raw";
function buildProgram(
ctx: WebGL2RenderingContext,
@ -112,8 +113,11 @@ function isPowerOf2(value: number) {
return (value & (value - 1)) === 0;
}
type ShaderBackgroundProps = {
theme: string;
};
export const ShaderBackground = () => {
export const ShaderBackground: React.FC<ShaderBackgroundProps> = ({ theme }) => {
const canvasRef = useRef<HTMLCanvasElement>(null);
useEffect(() => {
@ -127,12 +131,25 @@ export const ShaderBackground = () => {
gl.clearColor(0, 0, 0, 1);
gl.clear(gl.COLOR_BUFFER_BIT);
const shader = buildShader(gl, gl.FRAGMENT_SHADER, SHADER_CODE);
let shader_code;
switch (theme) {
case "blackhole":
shader_code = BLACKHOLE_SHADER_CODE;
break;
case "star":
shader_code = STAR_SHADER_CODE;
break;
default:
console.error("Unknown shader theme:", theme);
return;
}
const shader = buildShader(gl, gl.FRAGMENT_SHADER, shader_code);
const vertexShader = buildShader(
gl,
gl.VERTEX_SHADER,
`#version 300 es
precision lowp float;
precision highp float;
in vec2 a_position;
@ -172,7 +189,7 @@ export const ShaderBackground = () => {
const final_iChannel1 = gl.getUniformLocation(finalProgram, "iChannel1");
const ichannel1_texture = loadTexture(gl, "assets/ichannel1.png");
const ichannel1_texture = loadTexture(gl, "assets/small_noise.png");
gl!.viewport(0, 0, canvas!.width, canvas!.height);
@ -186,7 +203,7 @@ export const ShaderBackground = () => {
function update(now: number) {
// time in seconds
const time = (now) / 1000;
const time = now / 1000;
gl!.clear(gl!.COLOR_BUFFER_BIT);
setTime(finalProgram!, time);
@ -197,7 +214,7 @@ export const ShaderBackground = () => {
}
requestAnimationFrame(update);
});
}, [theme]);
return (
<canvas

View File

@ -1,5 +1,5 @@
#version 300 es
precision mediump float;
precision highp float;
uniform vec3 iResolution;
uniform float iTime;
uniform sampler2D iChannel1;

View File

@ -0,0 +1,200 @@
#version 300 es
precision highp float;
uniform vec3 iResolution;
uniform float iTime;
out vec4 FragColor;
// mix noise for alive animation, full source
vec4 hash4(vec4 n) {
return fract(sin(n) * 1399763.5453123f);
}
vec3 hash3(vec3 n) {
return fract(sin(n) * 1399763.5453123f);
}
vec3 hpos(vec3 n) {
return hash3(vec3(dot(n, vec3(157.0f, 113.0f, 271.0f)), dot(n, vec3(271.0f, 157.0f, 113.0f)), dot(n, vec3(113.0f, 271.0f, 157.0f))));
}
float noise4q(vec4 x) {
vec4 n3 = vec4(0, 0.25f, 0.5f, 0.75f);
vec4 p2 = floor(x.wwww + n3);
vec4 b = floor(x.xxxx + n3) + floor(x.yyyy + n3) * 157.0f + floor(x.zzzz + n3) * 113.0f;
vec4 p1 = b + fract(p2 * 0.00390625f) * vec4(164352.0f, -164352.0f, 163840.0f, -163840.0f);
p2 = b + fract((p2 + 1.0f) * 0.00390625f) * vec4(164352.0f, -164352.0f, 163840.0f, -163840.0f);
vec4 f1 = fract(x.xxxx + n3);
vec4 f2 = fract(x.yyyy + n3);
f1 = f1 * f1 * (3.0f - 2.0f * f1);
f2 = f2 * f2 * (3.0f - 2.0f * f2);
vec4 n1 = vec4(0, 1.0f, 157.0f, 158.0f);
vec4 n2 = vec4(113.0f, 114.0f, 270.0f, 271.0f);
vec4 vs1 = mix(hash4(p1), hash4(n1.yyyy + p1), f1);
vec4 vs2 = mix(hash4(n1.zzzz + p1), hash4(n1.wwww + p1), f1);
vec4 vs3 = mix(hash4(p2), hash4(n1.yyyy + p2), f1);
vec4 vs4 = mix(hash4(n1.zzzz + p2), hash4(n1.wwww + p2), f1);
vs1 = mix(vs1, vs2, f2);
vs3 = mix(vs3, vs4, f2);
vs2 = mix(hash4(n2.xxxx + p1), hash4(n2.yyyy + p1), f1);
vs4 = mix(hash4(n2.zzzz + p1), hash4(n2.wwww + p1), f1);
vs2 = mix(vs2, vs4, f2);
vs4 = mix(hash4(n2.xxxx + p2), hash4(n2.yyyy + p2), f1);
vec4 vs5 = mix(hash4(n2.zzzz + p2), hash4(n2.wwww + p2), f1);
vs4 = mix(vs4, vs5, f2);
f1 = fract(x.zzzz + n3);
f2 = fract(x.wwww + n3);
f1 = f1 * f1 * (3.0f - 2.0f * f1);
f2 = f2 * f2 * (3.0f - 2.0f * f2);
vs1 = mix(vs1, vs2, f1);
vs3 = mix(vs3, vs4, f1);
vs1 = mix(vs1, vs3, f2);
float r = dot(vs1, vec4(0.25f));
return r * r * (3.0f - 2.0f * r);
}
// body of a star
float noiseSpere(vec3 ray, vec3 pos, float r, mat3 mr, float zoom, vec3 subnoise, float anim) {
float b = dot(ray, pos);
float c = dot(pos, pos) - b * b;
vec3 r1 = vec3(0.0f);
float s = 0.0f;
float d = 0.03125f;
float d2 = zoom / (d * d);
float ar = 5.0f;
for(int i = 0; i < 3; i++) {
float rq = r * r;
if(c < rq) {
float l1 = sqrt(rq - c);
r1 = ray * (b - l1) - pos;
r1 = r1 * mr;
s += abs(noise4q(vec4(r1 * d2 + subnoise * ar, anim * ar)) * d);
}
ar -= 2.0f;
d *= 4.0f;
d2 *= 0.0625f;
r = r - r * 0.02f;
}
return s;
}
// glow ring
float ring(vec3 ray, vec3 pos, float r, float size) {
float b = dot(ray, pos);
float c = dot(pos, pos) - b * b;
float s = max(0.0f, (1.0f - size * abs(r - sqrt(c))));
return s;
}
// rays of a star
float ringRayNoise(vec3 ray, vec3 pos, float r, float size, mat3 mr, float anim) {
float b = dot(ray, pos);
vec3 pr = ray * b - pos;
float c = length(pr);
pr *= mr;
pr = normalize(pr);
float s = max(0.0f, (1.0f - size * abs(r - c)));
float nd = noise4q(vec4(pr * 1.0f, -anim + c)) * 2.0f;
nd = pow(nd, 2.0f);
float n = 0.4f;
float ns = 1.0f;
if(c > r) {
n = noise4q(vec4(pr * 10.0f, -anim + c));
ns = noise4q(vec4(pr * 50.0f, -anim * 2.5f + c * 2.0f)) * 2.0f;
}
n = n * n * nd * ns;
return pow(s, 4.0f) + s * s * n;
}
vec4 noiseSpace(vec3 ray, vec3 pos, float r, mat3 mr, float zoom, vec3 subnoise, float anim) {
float b = dot(ray, pos);
float c = dot(pos, pos) - b * b;
vec3 r1 = vec3(0.0f);
float s = 0.0f;
float d = 0.0625f * 1.5f;
float d2 = zoom / d;
float rq = r * r;
float l1 = sqrt(abs(rq - c));
r1 = (ray * (b - l1) - pos) * mr;
r1 *= d2;
s += abs(noise4q(vec4(r1 + subnoise, anim)) * d);
s += abs(noise4q(vec4(r1 * 0.5f + subnoise, anim)) * d * 2.0f);
s += abs(noise4q(vec4(r1 * 0.25f + subnoise, anim)) * d * 4.0f);
//return s;
return vec4(s * 2.0f, abs(noise4q(vec4(r1 * 0.1f + subnoise, anim))), abs(noise4q(vec4(r1 * 0.1f + subnoise * 6.0f, anim))), abs(noise4q(vec4(r1 * 0.1f + subnoise * 13.0f, anim))));
}
float sphereZero(vec3 ray, vec3 pos, float r) {
float b = dot(ray, pos);
float c = dot(pos, pos) - b * b;
float s = 1.0f;
if(c < r * r)
s = 0.0f;
return s;
}
void mainImage(out vec4 fragColor, in vec2 fragCoord) {
vec2 p = (-iResolution.xy + 2.0f * fragCoord.xy) / iResolution.y;
float time = iTime * 1.0f;
float mx = time * 0.025f;
float my = -0.6f;
vec2 rotate = vec2(mx, my);
vec2 sins = sin(rotate);
vec2 coss = cos(rotate);
mat3 mr = mat3(vec3(coss.x, 0.0f, sins.x), vec3(0.0f, 1.0f, 0.0f), vec3(-sins.x, 0.0f, coss.x));
mr = mat3(vec3(1.0f, 0.0f, 0.0f), vec3(0.0f, coss.y, sins.y), vec3(0.0f, -sins.y, coss.y)) * mr;
mat3 imr = mat3(vec3(coss.x, 0.0f, -sins.x), vec3(0.0f, 1.0f, 0.0f), vec3(sins.x, 0.0f, coss.x));
imr = imr * mat3(vec3(1.0f, 0.0f, 0.0f), vec3(0.0f, coss.y, -sins.y), vec3(0.0f, sins.y, coss.y));
vec3 ray = normalize(vec3(p, 2.0f));
vec3 pos = vec3(0.0f, 0.0f, 3.0f);
float s1 = noiseSpere(ray, pos, 1.0f, mr, 0.5f, vec3(0.0f), time);
s1 = pow(min(1.0f, s1 * 2.4f), 2.0f);
float s2 = noiseSpere(ray, pos, 1.0f, mr, 4.0f, vec3(83.23f, 34.34f, 67.453f), time);
s2 = min(1.0f, s2 * 2.2f);
fragColor = vec4(mix(vec3(1.0f, 1.0f, 0.0f), vec3(1.0f), pow(s1, 60.0f)) * s1, 1.0f);
fragColor += vec4(mix(mix(vec3(1.0f, 0.0f, 0.0f), vec3(1.0f, 0.0f, 1.0f), pow(s2, 2.0f)), vec3(1.0f), pow(s2, 10.0f)) * s2, 1.0f);
fragColor.xyz -= vec3(ring(ray, pos, 1.03f, 11.0f)) * 2.0f;
fragColor = max(vec4(0.0f), fragColor);
float s3 = ringRayNoise(ray, pos, 0.96f, 1.0f, mr, time);
fragColor.xyz += mix(vec3(1.0f, 0.6f, 0.1f), vec3(1.0f, 0.95f, 1.0f), pow(s3, 3.0f)) * s3;
float zero = sphereZero(ray, pos, 0.9f);
if(zero > 0.0f) {
vec4 s4 = noiseSpace(ray, pos, 100.0f, mr, 0.05f, vec3(1.0f, 2.0f, 4.0f), 0.0f);
s4.x = pow(s4.x, 3.0f);
fragColor.xyz += mix(mix(vec3(1.0f, 0.0f, 0.0f), vec3(0.0f, 0.0f, 1.0f), s4.y * 1.9f), vec3(0.9f, 1.0f, 0.1f), s4.w * 0.75f) * s4.x * pow(s4.z * 2.5f, 3.0f) * 0.2f * zero;
}
fragColor = max(vec4(0.0f), fragColor);
fragColor = min(vec4(1.0f), fragColor);
}
void main() {
mainImage(FragColor, gl_FragCoord.xy);
}