@jeremyckahn/farmhand 1.23.2 → 1.23.4

package/dist/assets/index-CaYdR-lC.css

@@ -0,0 +1 @@
+:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animated{animation-duration:var(--animate-duration);animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.repeat-1{animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{animation-iteration-count:calc(var(--animate-repeat) * 2)}.animated.repeat-3{animation-iteration-count:calc(var(--animate-repeat) * 3)}.animated.delay-1s{animation-delay:var(--animate-delay)}.animated.delay-2s{animation-delay:calc(var(--animate-delay) * 2)}.animated.delay-3s{animation-delay:calc(var(--animate-delay) * 3)}.animated.delay-4s{animation-delay:calc(var(--animate-delay) * 4)}.animated.delay-5s{animation-delay:calc(var(--animate-delay) * 5)}.animated.faster{animation-duration:calc(var(--animate-duration) / 2)}.animated.fast{animation-duration:calc(var(--animate-duration) * .8)}.animated.slow{animation-duration:calc(var(--animate-duration) * 2)}.animated.slower{animation-duration:calc(var(--animate-duration) * 3)}@media print,(prefers-reduced-motion:reduce){.animated{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.animated[class*=Out]{opacity:0}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartBeat{animation-name:heartBeat;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}

package/dist/index.html

@@ -75,8 +75,8 @@
         gtag('config', analyticsID)
       })()
     </script>
-    <script type="module" crossorigin src="./assets/index-DNPchtK9.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-CNcrTYN-.css">
+    <script type="module" crossorigin src="./assets/index-4ynbl-GC.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-CaYdR-lC.css">
   <link rel="manifest" href="./manifest.webmanifest"></head>
   <body>
     <noscript>

package/dist/service-worker.js

@@ -1,3 +1,3 @@
-if(!self.define){let e,s={};const i=(i,n)=>(i=new URL(i+".js",n).href,s[i]||new Promise(s=>{if("document"in self){const e=document.createElement("script");e.src=i,e.onload=s,document.head.appendChild(e)}else e=i,importScripts(i),s()}).then(()=>{let e=s[i];if(!e)throw new Error(`Module ${i} didn’t register its module`);return e}));self.define=(n,o)=>{const r=e||("document"in self?document.currentScript.src:"")||location.href;if(s[r])return;let d={};const l=e=>i(e,r),t={module:{uri:r},exports:d,require:l};s[r]=Promise.all(n.map(e=>t[e]||l(e))).then(e=>(o(...e),d))}}define(["./workbox-2fbc6a65"],function(e){"use strict";self.addEventListener("message",e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()}),e.precacheAndRoute([{url:"index.html",revision:"80a42fe894ce3eed31600d8d77591744"},{url:"electron.js",revision:"b0456826f47539f6c1957c3add5eb959"},{url:"assets/workbox-window.prod.es5-Bd17z0YL.js",revision:null},{url:"assets/index-DNPchtK9.js",revision:null},{url:"assets/index-CNcrTYN-.css",revision:null},{url:"favicon.ico",revision:"445bb19d4a8fd46eb433dd43cbdce691"},{url:"logo192.png",revision:"70746d790b8990639d1390337d77d81a"},{url:"logo512.png",revision:"b044ab46b3f33f0e2d313d961bf1f654"},{url:"logoMaskable.png",revision:"23be58ccf16df9f43658aad3da30056d"},{url:"manifest.webmanifest",revision:"3ad071a00582451c9cdeb827b37b9ebe"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html")))});
+if(!self.define){let e,s={};const i=(i,n)=>(i=new URL(i+".js",n).href,s[i]||new Promise(s=>{if("document"in self){const e=document.createElement("script");e.src=i,e.onload=s,document.head.appendChild(e)}else e=i,importScripts(i),s()}).then(()=>{let e=s[i];if(!e)throw new Error(`Module ${i} didn’t register its module`);return e}));self.define=(n,o)=>{const r=e||("document"in self?document.currentScript.src:"")||location.href;if(s[r])return;let d={};const l=e=>i(e,r),t={module:{uri:r},exports:d,require:l};s[r]=Promise.all(n.map(e=>t[e]||l(e))).then(e=>(o(...e),d))}}define(["./workbox-2fbc6a65"],function(e){"use strict";self.addEventListener("message",e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()}),e.precacheAndRoute([{url:"index.html",revision:"722454fd4105f0205fcba60b9eef981e"},{url:"electron.js",revision:"b0456826f47539f6c1957c3add5eb959"},{url:"assets/workbox-window.prod.es5-Bd17z0YL.js",revision:null},{url:"assets/index-CaYdR-lC.css",revision:null},{url:"assets/index-4ynbl-GC.js",revision:null},{url:"favicon.ico",revision:"445bb19d4a8fd46eb433dd43cbdce691"},{url:"logo192.png",revision:"70746d790b8990639d1390337d77d81a"},{url:"logo512.png",revision:"b044ab46b3f33f0e2d313d961bf1f654"},{url:"logoMaskable.png",revision:"23be58ccf16df9f43658aad3da30056d"},{url:"manifest.webmanifest",revision:"3ad071a00582451c9cdeb827b37b9ebe"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html")))});
 //# sourceMappingURL=service-worker.js.map
 //# sourceMappingURL=service-worker.js.map

package/dist/service-worker.js.map

@@ -1 +1 @@
-{"version":3,"file":"service-worker.js","sources":["../../../../../tmp/06cb6b3e71b87fe0bf1a78c24727277a/service-worker.js"],"sourcesContent":["import {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/home/runner/work/farmhand/farmhand/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {cleanupOutdatedCaches as workbox_precaching_cleanupOutdatedCaches} from '/home/runner/work/farmhand/farmhand/node_modules/workbox-precaching/cleanupOutdatedCaches.mjs';\nimport {registerRoute as workbox_routing_registerRoute} from '/home/runner/work/farmhand/farmhand/node_modules/workbox-routing/registerRoute.mjs';\nimport {NavigationRoute as workbox_routing_NavigationRoute} from '/home/runner/work/farmhand/farmhand/node_modules/workbox-routing/NavigationRoute.mjs';\nimport {createHandlerBoundToURL as workbox_precaching_createHandlerBoundToURL} from '/home/runner/work/farmhand/farmhand/node_modules/workbox-precaching/createHandlerBoundToURL.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\nself.addEventListener('message', (event) => {\n  if (event.data && event.data.type === 'SKIP_WAITING') {\n    self.skipWaiting();\n  }\n});\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n  {\n    \"url\": \"index.html\",\n    \"revision\": \"80a42fe894ce3eed31600d8d77591744\"\n  },\n  {\n    \"url\": \"electron.js\",\n    \"revision\": \"b0456826f47539f6c1957c3add5eb959\"\n  },\n  {\n    \"url\": \"assets/workbox-window.prod.es5-Bd17z0YL.js\",\n    \"revision\": null\n  },\n  {\n    \"url\": \"assets/index-DNPchtK9.js\",\n    \"revision\": null\n  },\n  {\n    \"url\": \"assets/index-CNcrTYN-.css\",\n    \"revision\": null\n  },\n  {\n    \"url\": \"favicon.ico\",\n    \"revision\": \"445bb19d4a8fd46eb433dd43cbdce691\"\n  },\n  {\n    \"url\": \"logo192.png\",\n    \"revision\": \"70746d790b8990639d1390337d77d81a\"\n  },\n  {\n    \"url\": \"logo512.png\",\n    \"revision\": \"b044ab46b3f33f0e2d313d961bf1f654\"\n  },\n  {\n    \"url\": \"logoMaskable.png\",\n    \"revision\": \"23be58ccf16df9f43658aad3da30056d\"\n  },\n  {\n    \"url\": \"manifest.webmanifest\",\n    \"revision\": \"3ad071a00582451c9cdeb827b37b9ebe\"\n  }\n], {});\nworkbox_precaching_cleanupOutdatedCaches();workbox_routing_registerRoute(new workbox_routing_NavigationRoute(workbox_precaching_createHandlerBoundToURL(\"index.html\")));\n\n\n"],"names":["self","addEventListener","event","data","type","skipWaiting","workbox_precaching_precacheAndRoute","url","revision","workbox_precaching_cleanupOutdatedCaches","workbox_routing_registerRoute","workbox_routing_NavigationRoute","workbox_precaching_createHandlerBoundToURL"],"mappings":"inBAmBAA,KAAKC,iBAAiB,UAAYC,IAC5BA,EAAMC,MAA4B,iBAApBD,EAAMC,KAAKC,MAC3BJ,KAAKK,gBASTC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,aACPC,SAAY,oCAEd,CACED,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,6CACPC,SAAY,MAEd,CACED,IAAO,2BACPC,SAAY,MAEd,CACED,IAAO,4BACPC,SAAY,MAEd,CACED,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,mBACPC,SAAY,oCAEd,CACED,IAAO,uBACPC,SAAY,qCAEb,CAAA,GACHC,EAAAA,wBAA2CC,EAAAA,cAA8B,IAAIC,EAAAA,gBAAgCC,0BAA2C"}
+{"version":3,"file":"service-worker.js","sources":["../../../../../tmp/ddd5756e9844fd752d030ba271838589/service-worker.js"],"sourcesContent":["import {precacheAndRoute as workbox_precaching_precacheAndRoute} from '/home/runner/work/farmhand/farmhand/node_modules/workbox-precaching/precacheAndRoute.mjs';\nimport {cleanupOutdatedCaches as workbox_precaching_cleanupOutdatedCaches} from '/home/runner/work/farmhand/farmhand/node_modules/workbox-precaching/cleanupOutdatedCaches.mjs';\nimport {registerRoute as workbox_routing_registerRoute} from '/home/runner/work/farmhand/farmhand/node_modules/workbox-routing/registerRoute.mjs';\nimport {NavigationRoute as workbox_routing_NavigationRoute} from '/home/runner/work/farmhand/farmhand/node_modules/workbox-routing/NavigationRoute.mjs';\nimport {createHandlerBoundToURL as workbox_precaching_createHandlerBoundToURL} from '/home/runner/work/farmhand/farmhand/node_modules/workbox-precaching/createHandlerBoundToURL.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\n\n\nself.addEventListener('message', (event) => {\n  if (event.data && event.data.type === 'SKIP_WAITING') {\n    self.skipWaiting();\n  }\n});\n\n/**\n * The precacheAndRoute() method efficiently caches and responds to\n * requests for URLs in the manifest.\n * See https://goo.gl/S9QRab\n */\nworkbox_precaching_precacheAndRoute([\n  {\n    \"url\": \"index.html\",\n    \"revision\": \"722454fd4105f0205fcba60b9eef981e\"\n  },\n  {\n    \"url\": \"electron.js\",\n    \"revision\": \"b0456826f47539f6c1957c3add5eb959\"\n  },\n  {\n    \"url\": \"assets/workbox-window.prod.es5-Bd17z0YL.js\",\n    \"revision\": null\n  },\n  {\n    \"url\": \"assets/index-CaYdR-lC.css\",\n    \"revision\": null\n  },\n  {\n    \"url\": \"assets/index-4ynbl-GC.js\",\n    \"revision\": null\n  },\n  {\n    \"url\": \"favicon.ico\",\n    \"revision\": \"445bb19d4a8fd46eb433dd43cbdce691\"\n  },\n  {\n    \"url\": \"logo192.png\",\n    \"revision\": \"70746d790b8990639d1390337d77d81a\"\n  },\n  {\n    \"url\": \"logo512.png\",\n    \"revision\": \"b044ab46b3f33f0e2d313d961bf1f654\"\n  },\n  {\n    \"url\": \"logoMaskable.png\",\n    \"revision\": \"23be58ccf16df9f43658aad3da30056d\"\n  },\n  {\n    \"url\": \"manifest.webmanifest\",\n    \"revision\": \"3ad071a00582451c9cdeb827b37b9ebe\"\n  }\n], {});\nworkbox_precaching_cleanupOutdatedCaches();workbox_routing_registerRoute(new workbox_routing_NavigationRoute(workbox_precaching_createHandlerBoundToURL(\"index.html\")));\n\n\n"],"names":["self","addEventListener","event","data","type","skipWaiting","workbox_precaching_precacheAndRoute","url","revision","workbox_precaching_cleanupOutdatedCaches","workbox_routing_registerRoute","workbox_routing_NavigationRoute","workbox_precaching_createHandlerBoundToURL"],"mappings":"inBAmBAA,KAAKC,iBAAiB,UAAYC,IAC5BA,EAAMC,MAA4B,iBAApBD,EAAMC,KAAKC,MAC3BJ,KAAKK,gBASTC,EAAAA,iBAAoC,CAClC,CACEC,IAAO,aACPC,SAAY,oCAEd,CACED,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,6CACPC,SAAY,MAEd,CACED,IAAO,4BACPC,SAAY,MAEd,CACED,IAAO,2BACPC,SAAY,MAEd,CACED,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,cACPC,SAAY,oCAEd,CACED,IAAO,mBACPC,SAAY,oCAEd,CACED,IAAO,uBACPC,SAAY,qCAEb,CAAA,GACHC,EAAAA,wBAA2CC,EAAAA,cAA8B,IAAIC,EAAAA,gBAAgCC,0BAA2C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jeremyckahn/farmhand",
-  "version": "1.23.2",
+  "version": "1.23.4",
   "publishConfig": {
     "access": "public"
   },
@@ -68,7 +68,7 @@
     "browserslist": "^4.21.9",
     "cheerio": "^1.0.0-rc.3",
     "cross-env": "^7.0.2",
-    "electron": "^39.8.4",
+    "electron": "^41.10.6",
     "electron-builder": "^26.0.12",
     "esbuild": "^0.28.1",
     "eslint": "^8.57.1",
@@ -87,8 +87,8 @@
     "mprocs": "^0.9.6",
     "nodemon": "^2.0.2",
     "npm-run-all": "^4.1.3",
-    "prettier": "^1.13.7",
-    "pretty-quick": "^2.0.1",
+    "prettier": "^3.5.3",
+    "pretty-quick": "^4.0.0",
     "serve": "^14.2.0",
     "typescript": "^6.0.2",
     "vercel": "^59.11.7",
@@ -101,13 +101,9 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@fontsource/francois-one": "^5.2.6",
-    "@fontsource/public-sans": "^5.1.1",
-    "@fortawesome/fontawesome-svg-core": "^1.2.27",
-    "@fortawesome/free-regular-svg-icons": "^5.12.1",
-    "@fortawesome/free-solid-svg-icons": "^5.12.1",
-    "@fortawesome/react-fontawesome": "^0.1.9",
-    "@mui/icons-material": "^5.15.0",
+    "@fontsource/jersey-10": "^5.3.0",
+    "@fontsource/jersey-20": "^5.3.0",
+    "@fontsource/jersey-25": "^5.3.0",
     "@mui/lab": "^5.0.0-alpha.156",
     "@mui/material": "^5.15.0",
     "@mui/styles": "^5.15.0",
@@ -134,7 +130,6 @@
     "notistack": "^2.0.8",
     "path": "npm:path-browserify@^1.0.1",
     "process": "^0.11.10",
-    "prop-types": "^15.6.2",
     "react": "^17.0.2",
     "react-confetti": "6.1.0",
     "react-dom": "^17.0.2",

package/src/common/services/randomNumber.test.ts

@@ -1,8 +1,68 @@
-import { randomNumberService } from './randomNumber.js'
+import { randomStream } from '../../enums.js'
+
+import { RandomNumberService, randomNumberService } from './randomNumber.js'
 
 const chance = 0.6
 
 describe('RandomNumberService', () => {
+  describe('generateRandomNumber', () => {
+    let service: RandomNumberService
+
+    beforeEach(() => {
+      service = new RandomNumberService()
+    })
+
+    test('returns queued numbers for a stream before random ones', () => {
+      const reference = new RandomNumberService()
+
+      reference.seedRandomNumber('123')
+      const firstSeeded = reference.generateRandomNumber()
+
+      service.seedRandomNumber('123')
+      service.queueRandomNumbers(randomStream.PRECIPITATION, [0.1, 0.2])
+
+      expect(service.generateRandomNumber(randomStream.PRECIPITATION)).toEqual(
+        0.1
+      )
+      expect(service.generateRandomNumber(randomStream.PRECIPITATION)).toEqual(
+        0.2
+      )
+      // Queued numbers don't consume seeded draws, so the seeded sequence
+      // resumes from its start
+      expect(service.generateRandomNumber(randomStream.PRECIPITATION)).toEqual(
+        firstSeeded
+      )
+    })
+
+    test('queued numbers only affect their own stream', () => {
+      vitest.spyOn(Math, 'random').mockReturnValue(0.42)
+      service.queueRandomNumbers(randomStream.PRECIPITATION, [0.1])
+
+      expect(service.generateRandomNumber(randomStream.STORM)).toEqual(0.42)
+      expect(service.generateRandomNumber()).toEqual(0.42)
+      expect(service.generateRandomNumber(randomStream.PRECIPITATION)).toEqual(
+        0.1
+      )
+    })
+
+    test('unqueued stream draws come from the shared seeded sequence', () => {
+      const reference = new RandomNumberService()
+
+      reference.seedRandomNumber('123')
+      const shared = [
+        reference.generateRandomNumber(),
+        reference.generateRandomNumber(),
+      ]
+
+      service.seedRandomNumber('123')
+
+      expect([
+        service.generateRandomNumber(randomStream.PRECIPITATION),
+        service.generateRandomNumber(randomStream.STORM),
+      ]).toEqual(shared)
+    })
+  })
+
   describe('isRandomNumberLessThan', () => {
     test('it returns true when random number is below chance', () => {
       vitest

package/src/common/services/randomNumber.ts

@@ -1,9 +1,19 @@
 import seedrandom from 'seedrandom'
 import globalWindow from 'global/window.js'
 
+import { randomStream } from '../../enums.js'
+
 export class RandomNumberService {
   seededRandom: (() => number) | null = null
 
+  /**
+   * Values queued per stream name that are returned, in order, before any
+   * seeded or Math.random value. This lets tests force a specific outcome
+   * (e.g. rain tonight) without searching for a seed that happens to produce
+   * it. Exposed via the window.farmhand debug hook.
+   */
+  queuedNumbers: Map<randomStream, number[]> = new Map()
+
   constructor() {
     // The availability of window.location needs to be checked before accessing
     // its .search property. This code runs in both a browser and Node.js
@@ -21,10 +31,35 @@ export class RandomNumberService {
     this.seededRandom = seedrandom(seed)
   }
 
-  generateRandomNumber(): number {
+  /**
+   * @param stream Optional name of the random number stream being drawn
+   * from, which lets queueRandomNumbers target it. Values that aren't queued
+   * come from the same seeded (or Math.random) sequence regardless of stream.
+   */
+  generateRandomNumber(stream?: randomStream): number {
+    if (stream !== undefined) {
+      const queuedNumber = this.queuedNumbers.get(stream)?.shift()
+
+      if (queuedNumber !== undefined) {
+        return queuedNumber
+      }
+    }
+
     return this.seededRandom ? this.seededRandom() : Math.random()
   }
 
+  /**
+   * @param stream Name of the random number stream to queue values for.
+   * @param numbers Values to return from the stream, in order, before it
+   * resumes producing random numbers.
+   */
+  queueRandomNumbers(stream: randomStream, numbers: number[]) {
+    this.queuedNumbers.set(stream, [
+      ...(this.queuedNumbers.get(stream) ?? []),
+      ...numbers,
+    ])
+  }
+
   unseedRandomNumber() {
     this.seededRandom = null
   }

package/src/common/utils.ts

@@ -1,25 +1,34 @@
 import { itemsMap } from '../data/maps.js'
+import { randomStream } from '../enums.js'
+import { getValueAdjustmentStream } from '../utils/getValueAdjustmentStream.js'
 
 import { randomNumberService } from './services/randomNumber.ts'
 
-export const random = () => {
-  return randomNumberService.generateRandomNumber()
+/**
+ * @param stream Optional name of the random number stream being drawn from.
+ * See RandomNumberService#generateRandomNumber.
+ */
+export const random = (stream?: randomStream) => {
+  return randomNumberService.generateRandomNumber(stream)
 }
 
 export const generateValueAdjustments = (
   priceCrashes: Partial<Record<string, farmhand.priceEvent>> = {},
   priceSurges: Partial<Record<string, farmhand.priceEvent>> = {}
 ): Record<string, number> =>
-  Object.keys(itemsMap).reduce((acc, key) => {
-    if (itemsMap[key].doesPriceFluctuate) {
-      if (priceCrashes[key]) {
-        acc[key] = 0.5
-      } else if (priceSurges[key]) {
-        acc[key] = 1.5
-      } else {
-        acc[key] = random() + 0.5
+  Object.keys(itemsMap).reduce(
+    (acc, key) => {
+      if (itemsMap[key].doesPriceFluctuate) {
+        if (priceCrashes[key]) {
+          acc[key] = 0.5
+        } else if (priceSurges[key]) {
+          acc[key] = 1.5
+        } else {
+          acc[key] = random(getValueAdjustmentStream(key)) + 0.5
+        }
       }
-    }
 
-    return acc
-  }, {} as Record<string, number>)
+      return acc
+    },
+    {} as Record<string, number>
+  )

package/src/components/AccountingView/AccountingView.tsx

@@ -4,9 +4,10 @@ import CardHeader from '@mui/material/CardHeader/index.js'
 import CardContent from '@mui/material/CardContent/index.js'
 import Button from '@mui/material/Button/index.js'
 import TextField from '@mui/material/TextField/index.js'
-import AccountBalanceIcon from '@mui/icons-material/AccountBalance.js'
+
 import NumberFormat from 'react-number-format'
-import { func, number } from 'prop-types'
+
+import { AccountBalanceIcon } from '../PixelIcon/index.js'
 
 import FarmhandContext from '../Farmhand/Farmhand.context.js'
 import { moneyString } from '../../utils/moneyString.js'
@@ -65,10 +66,10 @@ const AccountingView = ({
     Math.min(loanBalance, money)
   )
 
-  useEffect(() => setLoanInputValue(Math.min(loanBalance, money)), [
-    loanBalance,
-    money,
-  ])
+  useEffect(
+    () => setLoanInputValue(Math.min(loanBalance, money)),
+    [loanBalance, money]
+  )
 
   return (
     <Div className="AccountingView">
@@ -156,13 +157,6 @@ const AccountingView = ({
   )
 }
 
-AccountingView.propTypes = {
-  handleClickTakeOutLoanButton: func.isRequired,
-  handleClickLoanPaydownButton: func.isRequired,
-  loanBalance: number.isRequired,
-  money: number.isRequired,
-}
-
 export default function Consumer(props: Partial<AccountingViewProps>) {
   return (
     <FarmhandContext.Consumer>

package/src/components/Achievement/Achievement.tsx

@@ -1,12 +1,11 @@
 import React from 'react'
 import classNames from 'classnames'
 
-import AssignmentLateIcon from '@mui/icons-material/AssignmentLate.js'
 import Card from '@mui/material/Card/index.js'
 import CardHeader from '@mui/material/CardHeader/index.js'
 import CardContent from '@mui/material/CardContent/index.js'
-import BeenhereIcon from '@mui/icons-material/Beenhere.js'
-import { bool, object, shape, string } from 'prop-types'
+
+import { AssignmentLateIcon, BeenhereIcon } from '../PixelIcon/index.js'
 
 import FarmhandContext from '../Farmhand/Farmhand.context.js'
 import { Div } from '../Elements/index.js'
@@ -62,18 +61,6 @@ const Achievement = ({
   )
 }
 
-Achievement.propTypes = {
-  achievement: shape({
-    description: string.isRequired,
-    id: string.isRequired,
-    name: string.isRequired,
-    rewardDescription: string.isRequired,
-  }).isRequired,
-  completedAchievements: object.isRequired,
-  gameState: object.isRequired,
-  isComplete: bool,
-}
-
 export default function Consumer(props: {
   achievement: farmhand.achievement
   completedAchievements?: Partial<Record<string, boolean>>

package/src/components/AchievementsView/AchievementsView.tsx

@@ -2,7 +2,6 @@ import React from 'react'
 import Accordion from '@mui/material/Accordion/index.js'
 import AccordionSummary from '@mui/material/AccordionSummary/index.js'
 import AccordionDetails from '@mui/material/AccordionDetails/index.js'
-import { object } from 'prop-types'
 import Divider from '@mui/material/Divider/index.js'
 
 import FarmhandContext from '../Farmhand/Farmhand.context.js'
@@ -23,8 +22,8 @@ const partitionAchievements = memoize(
         return acc
       },
       {
-        complete: [] as typeof achievements[number][],
-        incomplete: [] as typeof achievements[number][],
+        complete: [] as (typeof achievements)[number][],
+        incomplete: [] as (typeof achievements)[number][],
       }
     )
 )
@@ -84,10 +83,6 @@ const AchievementsView = ({
   </Div>
 )
 
-AchievementsView.propTypes = {
-  completedAchievements: object.isRequired,
-}
-
 export default function Consumer(
   props: Partial<Parameters<typeof AchievementsView>[0]>
 ) {

package/src/components/AnimatedNumber/AnimatedNumber.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react'
 // eslint-disable-next-line no-unused-vars
 import { tween, Tweenable } from 'shifty'
-import { func as funcProp, number as numberProp } from 'prop-types'
 
 import { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion.js'
 
@@ -55,9 +54,4 @@ const AnimatedNumber = ({
   return <span className="AnimatedNumber">{formatter(displayedNumber)}</span>
 }
 
-AnimatedNumber.propTypes = {
-  formatter: funcProp,
-  number: numberProp.isRequired,
-}
-
 export default AnimatedNumber

package/src/components/AppBar/AppBar.tsx

@@ -1,19 +1,19 @@
 import React, { useEffect, useRef, useState } from 'react'
 // eslint-disable-next-line no-unused-vars
 import { tween, Tweenable } from 'shifty'
-import { array, bool, func, number, string } from 'prop-types'
 
 import { default as MuiAppBar } from '@mui/material/AppBar/index.js'
 import Toolbar from '@mui/material/Toolbar/index.js'
 import Typography from '@mui/material/Typography/index.js'
-import StepIcon from '@mui/material/StepIcon/index.js'
 
 import FarmhandContext from '../Farmhand/Farmhand.context.js'
+import { WarningIcon } from '../PixelIcon/index.js'
 import { seasonNameMap } from '../../data/seasons.js'
 import { getCurrentSeason } from '../../utils/getCurrentSeason.js'
 import { getDayOfSeason } from '../../utils/getDayOfSeason.js'
 import { moneyString } from '../../utils/moneyString.js'
-import { breakpoints } from '../../styles/tokens.js'
+import { pixelBevel, pixelFrameSx } from '../../styles/pixel.js'
+import { breakpoints, colors, fonts } from '../../styles/tokens.js'
 import { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion.js'
 
 const MoneyDisplay = ({ money }: { money: number }) => {
@@ -103,7 +103,7 @@ export const AppBar = ({
         display: 'flex',
         '& h2': {
           color: '#fff',
-          fontFamily: '"Francois One", monospace',
+          fontFamily: fonts.display,
           fontSize: '1.2em',
         },
         '& .stage-header': {
@@ -130,8 +130,21 @@ export const AppBar = ({
           right: '1em',
         },
         '& .notification-indicator-container': {
+          alignItems: 'center',
+          cursor: 'pointer',
           display: 'flex',
-          '& .error-indicator': { marginLeft: '1em' },
+          '& .notification-count': {
+            ...pixelFrameSx({ outline: colors.neutralOutline }),
+            backgroundColor: 'rgba(0, 0, 0, 0.38)',
+            boxShadow: pixelBevel(),
+            color: '#fff',
+            fontFamily: fonts.display,
+            lineHeight: 1,
+            minWidth: '1.5em',
+            padding: '0.2em 0.35em',
+            textAlign: 'center',
+          },
+          '& .error-indicator': { display: 'flex', marginLeft: '1em' },
         },
       },
     }}
@@ -148,8 +161,8 @@ export const AppBar = ({
             onClick: handleClickNotificationIndicator,
           }}
         >
-          <Typography>
-            <StepIcon {...{ icon: todaysNotifications.length }} />
+          <Typography {...{ className: 'notification-count' }}>
+            {todaysNotifications.length}
           </Typography>
           {areAnyNotificationsErrors && (
             <Typography
@@ -157,7 +170,7 @@ export const AppBar = ({
                 className: 'error-indicator',
               }}
             >
-              <StepIcon {...{ error: true, icon: '' }} />
+              <WarningIcon {...{ color: 'error' }} />
             </Typography>
           )}
         </div>
@@ -192,15 +205,6 @@ export const AppBar = ({
   </MuiAppBar>
 )
 
-AppBar.propTypes = {
-  dayCount: number.isRequired,
-  handleClickNotificationIndicator: func.isRequired,
-  money: number.isRequired,
-  showNotifications: bool.isRequired,
-  todaysNotifications: array.isRequired,
-  viewTitle: string.isRequired,
-}
-
 export default function Consumer(props: Partial<Parameters<typeof AppBar>[0]>) {
   return (
     <FarmhandContext.Consumer>

package/src/components/Cellar/Cellar.tsx

@@ -32,5 +32,3 @@ export const Cellar = () => {
     </Div>
   )
 }
-
-Cellar.propTypes = {}

package/src/components/Cellar/CellarInventoryTabPanel.tsx

@@ -1,5 +1,4 @@
 import React, { useContext, useState } from 'react'
-import { number } from 'prop-types'
 import Divider from '@mui/material/Divider/index.js'
 import Card from '@mui/material/Card/index.js'
 import CardContent from '@mui/material/CardContent/index.js'
@@ -98,8 +97,3 @@ Kegs that contain wine compound in value at a rate of ${WINE_INTEREST_RATE}% for
     </TabPanel>
   )
 }
-
-CellarInventoryTabPanel.propTypes = {
-  currentTab: number.isRequired,
-  index: number.isRequired,
-}

package/src/components/Cellar/FermentationTabPanel.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import { number } from 'prop-types'
 import Divider from '@mui/material/Divider/index.js'
 import Card from '@mui/material/Card/index.js'
 import CardContent from '@mui/material/CardContent/index.js'
@@ -37,8 +36,3 @@ export const FermentationTabPanel = ({
     </ul>
   </TabPanel>
 )
-
-FermentationTabPanel.propTypes = {
-  currentTab: number.isRequired,
-  index: number.isRequired,
-}

package/src/components/Cellar/Keg.tsx

@@ -2,7 +2,6 @@ import Button from '@mui/material/Button/index.js'
 import Card from '@mui/material/Card/index.js'
 import CardActions from '@mui/material/CardActions/index.js'
 import CardHeader from '@mui/material/CardHeader/index.js'
-import { object } from 'prop-types'
 import { useContext } from 'react'
 
 import { itemsMap } from '../../data/maps.js'
@@ -119,7 +118,3 @@ export function Keg({ keg }: { keg: farmhand.keg }) {
     </Card>
   )
 }
-
-Keg.propTypes = {
-  keg: object.isRequired,
-}

package/src/components/Cellar/TabPanel/index.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import { node, number } from 'prop-types'
 
 export const TabPanel = (
   props: React.PropsWithChildren<
@@ -21,12 +20,6 @@ export const TabPanel = (
   )
 }
 
-TabPanel.propTypes = {
-  children: node,
-  index: number.isRequired,
-  value: number.isRequired,
-}
-
 export const a11yProps = (index: number) => ({
   id: `cellar-tab-${index}`,
   'aria-controls': `cellar-tabpanel-${index}`,

package/src/components/Cellar/WinemakingTabPanel.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import { number } from 'prop-types'
 import Divider from '@mui/material/Divider/index.js'
 import Card from '@mui/material/Card/index.js'
 import CardContent from '@mui/material/CardContent/index.js'
@@ -37,8 +36,3 @@ export const WinemakingTabPanel = ({
     </ul>
   </TabPanel>
 )
-
-WinemakingTabPanel.propTypes = {
-  currentTab: number.isRequired,
-  index: number.isRequired,
-}

package/src/components/ContextPane/ContextPane.tsx

@@ -1,5 +1,4 @@
 import React, { memo } from 'react'
-import { array, string } from 'prop-types'
 
 import FarmhandContext from '../Farmhand/Farmhand.context.js'
 import Inventory from '../Inventory/index.js'
@@ -61,11 +60,6 @@ export const ContextPane = ({
   )
 }
 
-ContextPane.propTypes = {
-  playerInventory: array.isRequired,
-  stageFocus: string.isRequired,
-}
-
 export default function Consumer() {
   return (
     <FarmhandContext.Consumer>

package/src/components/CowCard/Bloodline/Bloodline.tsx

@@ -1,5 +1,4 @@
 import React, { memo } from 'react'
-import { object } from 'prop-types'
 import Tooltip from '@mui/material/Tooltip/index.js'
 
 import { cowColors } from '../../../enums.js'
@@ -25,7 +24,6 @@ const Bloodline = ({
         <Tooltip
           {...{
             key: color,
-            arrow: true,
             placement: 'top',
             title: COW_COLOR_NAMES[color as keyof typeof COW_COLOR_NAMES],
           }}
@@ -48,8 +46,4 @@ const Bloodline = ({
   </Ul>
 )
 
-Bloodline.propTypes = {
-  colorsInBloodline: object.isRequired,
-}
-
 export default memo(Bloodline)