npm - @jeremyckahn/farmhand - Versions diffs - 1.19.19 → 1.19.21 - Mend

@jeremyckahn/farmhand 1.19.19 → 1.19.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (447) hide show

package/dist/index.html CHANGED Viewed

@@ -75,7 +75,7 @@
         gtag('config', analyticsID)
       })()
     </script>
-    <script type="module" crossorigin src="./assets/index-BxA2fVaN.js"></script>
+    <script type="module" crossorigin src="./assets/index-CG_lY1MJ.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-EAmLqUoU.css">
   <link rel="manifest" href="./manifest.webmanifest"></head>
   <body>

package/dist/service-worker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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 l={};const d=e=>i(e,r),t={module:{uri:r},exports:l,require:d};s[r]=Promise.all(n.map(e=>t[e]||d(e))).then(e=>(o(...e),l))}}define(["./workbox-1ef09536"],function(e){"use strict";self.addEventListener("message",e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()}),e.precacheAndRoute([{url:"index.html",revision:"e1974b1d9c36265aa6fb0aca0f2e0829"},{url:"electron.js",revision:"b0456826f47539f6c1957c3add5eb959"},{url:"assets/workbox-window.prod.es5-BIl4cyR9.js",revision:null},{url:"assets/index-EAmLqUoU.css",revision:null},{url:"assets/index-BxA2fVaN.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")))});
+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-1ef09536"],function(e){"use strict";self.addEventListener("message",e=>{e.data&&"SKIP_WAITING"===e.data.type&&self.skipWaiting()}),e.precacheAndRoute([{url:"index.html",revision:"a1c92de9c95bea8ed6f4580b9232df81"},{url:"electron.js",revision:"b0456826f47539f6c1957c3add5eb959"},{url:"assets/workbox-window.prod.es5-BIl4cyR9.js",revision:null},{url:"assets/index-EAmLqUoU.css",revision:null},{url:"assets/index-CG_lY1MJ.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

package/dist/service-worker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"service-worker.js","sources":["../../../../../tmp/~~31d19dcfea5a6e0611996fc979281d9a~~/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\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\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\": \"~~e1974b1d9c36265aa6fb0aca0f2e0829~~\"\n },\n {\n \"url\": \"electron.js\",\n \"revision\": \"b0456826f47539f6c1957c3add5eb959\"\n },\n {\n \"url\": \"assets/workbox-window.prod.es5-BIl4cyR9.js\",\n \"revision\": null\n },\n {\n \"url\": \"assets/index-EAmLqUoU.css\",\n \"revision\": null\n },\n {\n \"url\": \"assets/index-~~BxA2fVaN~~.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();\nworkbox_routing_registerRoute(new workbox_routing_NavigationRoute(workbox_precaching_createHandlerBoundToURL(\"index.html\")));\n\n\n\n\n\n\n"],"names":["self","addEventListener","event","data","type","skipWaiting","workbox_precaching_precacheAndRoute","url","revision","workbox_precaching_cleanupOutdatedCaches","workbox","registerRoute","workbox_routing_NavigationRoute","NavigationRoute","workbox_precaching_createHandlerBoundToURL"],"mappings":"inBAuBAA,KAAKC,iBAAiB,UAAYC,IAC5BA,EAAMC,MAA4B,iBAApBD,EAAMC,KAAKC,MAC3BJ,KAAKK,gBAYTC,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,CAAE,GACLC,EAAAA,wBAC6BC,EAAAC,cAAC,IAAIC,EAA+BC,gBAACC,0BAA2C"}
1	+ {"version":3,"file":"service-worker.js","sources":["../../../../../tmp/e7545006cbe4aca953a3f69db2d32c01/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\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\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\": \"a1c92de9c95bea8ed6f4580b9232df81\"\n },\n {\n \"url\": \"electron.js\",\n \"revision\": \"b0456826f47539f6c1957c3add5eb959\"\n },\n {\n \"url\": \"assets/workbox-window.prod.es5-BIl4cyR9.js\",\n \"revision\": null\n },\n {\n \"url\": \"assets/index-EAmLqUoU.css\",\n \"revision\": null\n },\n {\n \"url\": \"assets/index-CG_lY1MJ.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();\nworkbox_routing_registerRoute(new workbox_routing_NavigationRoute(workbox_precaching_createHandlerBoundToURL(\"index.html\")));\n\n\n\n\n\n\n"],"names":["self","addEventListener","event","data","type","skipWaiting","workbox_precaching_precacheAndRoute","url","revision","workbox_precaching_cleanupOutdatedCaches","workbox","registerRoute","workbox_routing_NavigationRoute","NavigationRoute","workbox_precaching_createHandlerBoundToURL"],"mappings":"inBAuBAA,KAAKC,iBAAiB,UAAYC,IAC5BA,EAAMC,MAA4B,iBAApBD,EAAMC,KAAKC,MAC3BJ,KAAKK,gBAYTC,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,CAAE,GACLC,EAAAA,wBAC6BC,EAAAC,cAAC,IAAIC,EAA+BC,gBAACC,0BAA2C"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@jeremyckahn/farmhand",
-  "version": "1.19.19",
+  "version": "1.19.21",
   "publishConfig": {
     "access": "public"
   },
@@ -23,7 +23,7 @@
     "electron": "wait-on tcp:3000 && electron .",
     "print:crops": "npx babel-node --presets @babel/preset-env --presets babel-preset-vite src/scripts/generate-crop-table.js",
     "lint": "eslint src --max-warnings=0",
-    "prettier": "prettier 'src/**/*.js' --write",
+    "prettier": "prettier 'src/**/*.{js,ts,tsx}' --write",
     "preversion": "npm test",
     "postversion": "git push && git push --tags",
     "start": "vite --port=3000",
@@ -87,6 +87,7 @@
     "sass": "^1.69.5",
     "scss-reset": "^1.4.2",
     "serve": "^14.2.0",
+    "typescript": "^6.0.2",
     "vercel": "^50.10.1",
     "vite": "^7.3.1",
     "vite-plugin-pwa": "^1.2.0",

package/src/common/services/{randomNumber.js → randomNumber.ts} RENAMED Viewed

@@ -31,6 +31,7 @@ export class RandomNumberService {
    * @returns {number}
    */
   generateRandomNumber() {
+    // @ts-expect-error
     return this.seededRandom ? this.seededRandom() : Math.random()
   }

package/src/common/{utils.js → utils.ts} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { itemsMap } from '../data/maps.js'
-import { randomNumberService } from './services/randomNumber.js'
+import { randomNumberService } from './services/randomNumber.ts'
 export const random = () => {
   return randomNumberService.generateRandomNumber()

package/src/components/AccountingView/{AccountingView.js → AccountingView.tsx} RENAMED Viewed

@@ -29,6 +29,7 @@ const MoneyNumberFormat = forwardRef(
    * @param {React.Dispatch<React.SetStateAction<number>>} props.setLoanInputValue - Function to set the loan input value
    * @param {React.ForwardedRef<unknown>} [ref] - Forwarded ref for the component
    */
+  // @ts-expect-error
   ({ max, min, onChange, setLoanInputValue, ...rest }, ref) => (
     <NumberFormat
       fixedDecimalScale

package/src/components/AchievementsView/{AchievementsView.js → AchievementsView.tsx} RENAMED Viewed

@@ -13,11 +13,13 @@ import { memoize } from '../../utils/memoize.js'
 import './AchievementsView.sass'
+// @ts-expect-error
 const partitionAchievements = memoize(completedAchievements =>
   achievements.reduce(
     (acc, achievement) => {
       acc[
         completedAchievements[achievement.id] ? 'complete' : 'incomplete'
+        // @ts-expect-error
       ].push(achievement)
       return acc
@@ -29,10 +31,10 @@ const partitionAchievements = memoize(completedAchievements =>
   )
 )
-const AchievementsList = ({ achievements }) => (
+const AchievementsList = ({ unpartitionedAchievements }) => (
   <AccordionDetails>
     <ul className="card-list">
-      {achievements.map(achievement => (
+      {unpartitionedAchievements.map(achievement => (
         <li {...{ key: achievement.id }}>
           <Achievement {...{ achievement }} />
         </li>
@@ -57,7 +59,7 @@ const AchievementsView = ({
           <AccordionSummary>
             <h3>Completed</h3>
           </AccordionSummary>
-          <AchievementsList {...{ achievements: complete }} />
+          <AchievementsList {...{ unpartitionedAchievements: complete }} />
         </Accordion>
         <Divider />
       </>
@@ -66,7 +68,7 @@ const AchievementsView = ({
       <AccordionSummary>
         <h3>Not Completed</h3>
       </AccordionSummary>
-      <AchievementsList {...{ achievements: incomplete }} />
+      <AchievementsList {...{ unpartitionedAchievements: incomplete }} />
     </Accordion>
   </div>
 )

package/src/components/AnimatedNumber/{AnimatedNumber.js → AnimatedNumber.tsx} RENAMED Viewed

@@ -1,9 +1,9 @@
 import React, { useEffect, useState } from 'react'
 // eslint-disable-next-line no-unused-vars
 import { tween, Tweenable } from 'shifty'
-import { func, number } from 'prop-types'
+import { func as funcProp, number as numberProp } from 'prop-types'
-const defaultFormatter = (/** @type {number} */ number) => `${number}`
+const defaultFormatter = (/** @type {number} */ num) => `${num}`
 /**
  * AnimatedNumber component that displays a number with an animation effect.
@@ -28,14 +28,15 @@ const AnimatedNumber = ({ number, formatter = defaultFormatter }) => {
   useEffect(() => {
     if (number !== previousNumber) {
       if (currentTweenable) {
+        // @ts-expect-error
         currentTweenable.cancel()
       }
       const tweenable = tween({
         easing: 'easeOutQuad',
         duration: 750,
-        render: ({ number }) => {
-          setDisplayedNumber(Number(number))
+        render: ({ number: tweenedNumber }) => {
+          setDisplayedNumber(Number(tweenedNumber))
         },
         from: {
           number: previousNumber,
@@ -43,11 +44,13 @@ const AnimatedNumber = ({ number, formatter = defaultFormatter }) => {
         to: { number },
       })
+      // @ts-expect-error
       setCurrentTweenable(tweenable)
     }
     return () => {
       if (currentTweenable) {
+        // @ts-expect-error
         currentTweenable.cancel()
       }
     }
@@ -57,8 +60,8 @@ const AnimatedNumber = ({ number, formatter = defaultFormatter }) => {
 }
 AnimatedNumber.propTypes = {
-  formatter: func,
-  number: number.isRequired,
+  formatter: funcProp,
+  number: numberProp.isRequired,
 }
 export default AnimatedNumber

package/src/components/AppBar/{AppBar.js → AppBar.tsx} RENAMED Viewed

@@ -34,14 +34,15 @@ const MoneyDisplay = ({ money }) => {
   useEffect(() => {
     if (money !== previousMoney) {
+      // @ts-expect-error
       currentTweenable?.cancel()
       const tweenable = tween({
         easing: 'easeOutQuad',
         duration: 750,
-        render: ({ color, money }) => {
+        render: ({ color, money: currentMoney }) => {
           setTextColor(String(color))
-          setDisplayedMoney(Number(money))
+          setDisplayedMoney(Number(currentMoney))
         },
         from: {
           color: money > previousMoney ? 'rgb(0, 255, 0)' : 'rgb(255, 0, 0)',
@@ -50,10 +51,12 @@ const MoneyDisplay = ({ money }) => {
         to: { color: idleColor, money },
       })
+      // @ts-expect-error
       setCurrentTweenable(tweenable)
     }
     return () => {
+      // @ts-expect-error
       currentTweenable?.cancel()
     }
   }, [currentTweenable, money, previousMoney])

package/src/components/BailOutErrorBoundary/{BailOutErrorBoundary.js → BailOutErrorBoundary.tsx} RENAMED Viewed

@@ -19,6 +19,7 @@ class BailOutErrorBoundary extends React.Component {
   }
   render() {
+    // @ts-expect-error
     if (this.state.hasError) {
       return null
     }
@@ -27,6 +28,7 @@ class BailOutErrorBoundary extends React.Component {
   }
 }
+// @ts-expect-error
 BailOutErrorBoundary.propTypes = {}
 export default BailOutErrorBoundary

package/src/components/Cellar/{CellarInventoryTabPanel.js → CellarInventoryTabPanel.tsx} RENAMED Viewed

@@ -48,6 +48,7 @@ export const CellarInventoryTabPanel = ({ index, currentTab }) => {
     .filter(term => term.length > 0)
   const filteredKegs = cellarInventory.filter(keg => {
+    // @ts-expect-error
     const item = itemsMap[keg.itemId]
     const itemName = item.name.toLowerCase()
     const fermentationRecipeName = `${FERMENTED_CROP_NAME}${itemName}`
@@ -74,6 +75,7 @@ export const CellarInventoryTabPanel = ({ index, currentTab }) => {
       )}
       <ul className="card-list">
         {filteredKegs.map(keg => (
+          // @ts-expect-error
           <li key={keg.id}>
             <Keg keg={keg} />
           </li>

package/src/components/Cellar/{Keg.js → Keg.tsx} RENAMED Viewed

@@ -46,7 +46,6 @@ export function Keg({ keg }) {
   let imageSrc = items[item.id]
-  // @ts-expect-error
   let recipeName = FERMENTED_CROP_NAME`${item}`
   const handleSellClick = () => {

package/src/components/ContextPane/{ContextPane.test.js → ContextPane.test.tsx} RENAMED Viewed

@@ -152,6 +152,7 @@ describe('PlayerInventory', () => {
     ]
     render(
+      // @ts-expect-error
       <PlayerInventory {...baseItemProps} playerInventory={playerInventory} />
     )
@@ -162,6 +163,7 @@ describe('PlayerInventory', () => {
   })
   test('shows empty inventory when no items present', () => {
+    // @ts-expect-error
     render(<PlayerInventory {...baseItemProps} playerInventory={[]} />)
     expect(screen.getByTestId('mocked-inventory')).toBeInTheDocument()
@@ -177,6 +179,7 @@ describe('PlayerInventory', () => {
     ]
     render(
+      // @ts-expect-error
       <PlayerInventory {...baseItemProps} playerInventory={playerInventory} />
     )

package/src/components/ContextPane/{ContextPane.js → ContextPane.tsx} RENAMED Viewed

@@ -16,6 +16,7 @@ export const PlayerInventory = memo(
    * @param {farmhand.item[]} props.playerInventory - The array of items in the
    * player's inventory.
    */
+  // @ts-expect-error
   ({ playerInventory }) => (
     <Inventory
       {...{
@@ -24,6 +25,7 @@ export const PlayerInventory = memo(
       }}
     />
   ),
+  // @ts-expect-error
   (prev, next) => prev.playerInventory === next.playerInventory
 )

package/src/components/CowCard/Bloodline/{Bloodline.test.js → Bloodline.test.tsx} RENAMED Viewed

@@ -70,7 +70,8 @@ test('displays tooltips on hover', async () => {
   const brownElement = document.querySelector('.brown')
   expect(brownElement).toBeInTheDocument()
-  await userEvent.hover(/** @type {Element} */ (brownElement))
+  // @ts-expect-error
+  await userEvent.hover(/** @type {Element} */ brownElement)
   expect(await screen.findByText('Brown')).toBeInTheDocument()
 })
@@ -86,12 +87,14 @@ test('handles multiple color tooltips', async () => {
   const blueElement = document.querySelector('.blue')
   expect(blueElement).toBeInTheDocument()
-  await userEvent.hover(/** @type {Element} */ (blueElement))
+  // @ts-expect-error
+  await userEvent.hover(/** @type {Element} */ blueElement)
   expect(await screen.findByText('Blue')).toBeInTheDocument()
   const whiteElement = document.querySelector('.white')
   expect(whiteElement).toBeInTheDocument()
-  await userEvent.hover(/** @type {Element} */ (whiteElement))
+  // @ts-expect-error
+  await userEvent.hover(/** @type {Element} */ whiteElement)
   expect(await screen.findByText('White')).toBeInTheDocument()
 })

package/src/components/CowCard/{CowCard.js → CowCard.tsx} RENAMED Viewed

@@ -107,8 +107,8 @@ export const CowCard = (
   const [cowImage, setCowImage] = useState(pixel)
   // @see https://github.com/microsoft/TypeScript/issues/27387#issuecomment-659671940
-  const cardRef = useRef(/** @type {HTMLDivElement|null} */ (null))
-  const scrollAnchorRef = useRef(/** @type {HTMLAnchorElement|null} */ (null))
+  const cardRef = useRef(/** @type {HTMLDivElement|null} */ null)
+  const scrollAnchorRef = useRef(/** @type {HTMLAnchorElement|null} */ null)
   const isCowPurchased =
     !!cowInventory.find(({ id }) => id === cow.id) &&
@@ -126,11 +126,11 @@ export const CowCard = (
   useEffect(() => {
     ;(async () => {
-      const cowImage = await getCowImage(cow)
+      const fetchedCowImage = await getCowImage(cow)
       if (isMounted() === false) return
-      setCowImage(cowImage)
+      setCowImage(fetchedCowImage)
     })()
     setDisplayName(getCowDisplayName(cow, playerId, allowCustomPeerCowNames))
@@ -143,7 +143,9 @@ export const CowCard = (
       if (!scrollAnchor || !card) return
       // scrollIntoView is not defined in the unit test environment.
+      // @ts-expect-error
       if (scrollAnchor.scrollIntoView && !isInViewport(card)) {
+        // @ts-expect-error
         scrollAnchor.scrollIntoView({ behavior: 'smooth' })
       }
     }

package/src/components/CowCard/Subheader/{Subheader.js → Subheader.tsx} RENAMED Viewed

@@ -34,6 +34,7 @@ import './Subheader.sass'
 const isHeartFull = (heartIndex, numberOfFullHearts) =>
   heartIndex + 0.5 < numberOfFullHearts
+// @ts-expect-error
 const getCowMapById = memoize(
   /**
    * @param {farmhand.state['cowInventory']} cowInventory

package/src/components/CowPen/{Cow.js → Cow.tsx} RENAMED Viewed

@@ -40,11 +40,13 @@ export class Cow extends Component {
   static hugAnimationDuration = 750
   get waitVariance() {
+    // @ts-expect-error
     return 2000 * this.props.cowInventory.length
   }
   componentDidUpdate(prevProps) {
     if (
+      // @ts-expect-error
       this.props.isSelected &&
       !prevProps.isSelected &&
       this.repositionTimeoutId !== null
@@ -52,17 +54,20 @@ export class Cow extends Component {
       clearTimeout(this.repositionTimeoutId)
     }
+    // @ts-expect-error
     if (!this.props.isSelected && prevProps.isSelected) {
       this.scheduleMove()
     }
     if (
+      // @ts-expect-error
       this.props.cow.happinessBoostsToday >
         prevProps.cow.happinessBoostsToday &&
       !this.state.showHugAnimation
     ) {
       this.setState({ showHugAnimation: true })
+      // @ts-expect-error
       this.animateHugTimeoutId = setTimeout(() => {
         if (this.isComponentMounted) {
           this.setState({ showHugAnimation: false })
@@ -141,9 +146,9 @@ export class Cow extends Component {
         from: { x, y },
         to: { x: newX, y: randomPosition() },
         duration: Cow.transitionAnimationDuration,
-        render: ({ x, y }) => {
+        render: ({ x: newXValue, y: newYValue }) => {
           if (this.isComponentMounted) {
-            this.setState({ x, y })
+            this.setState({ x: newXValue, y: newYValue })
           }
         },
         easing: 'linear',
@@ -165,10 +170,12 @@ export class Cow extends Component {
   }
   scheduleMove = () => {
+    // @ts-expect-error
     if (this.props.isSelected) {
       return
     }
+    // @ts-expect-error
     this.repositionTimeoutId = setTimeout(
       this.repositionTimeoutHandler,
       random() * this.waitVariance
@@ -179,6 +186,7 @@ export class Cow extends Component {
     this.isComponentMounted = true
     this.scheduleMove()
     ;(async () => {
+      // @ts-expect-error
       const cowImage = await getCowImage(this.props.cow)
       if (!this.isComponentMounted) return
@@ -199,10 +207,15 @@ export class Cow extends Component {
   render() {
     const {
       props: {
+        // @ts-expect-error
         allowCustomPeerCowNames,
+        // @ts-expect-error
         cow,
+        // @ts-expect-error
         handleCowClick,
+        // @ts-expect-error
         playerId,
+        // @ts-expect-error
         isSelected,
       },
       state: { cowImage, isTransitioning, rotate, showHugAnimation, x, y },
@@ -216,16 +229,16 @@ export class Cow extends Component {
     return (
       <div
-          className={classNames('cow', {
-            'is-transitioning': isTransitioning,
-            'is-selected': isSelected,
-            'is-loaded': cowImage !== pixel,
-          })}
-          onClick={() => handleCowClick(cow)}
-          style={{
-            left: `${x}%`,
-            top: `${y}%`,
-          }}
+        className={classNames('cow', {
+          'is-transitioning': isTransitioning,
+          'is-selected': isSelected,
+          'is-loaded': cowImage !== pixel,
+        })}
+        onClick={() => handleCowClick(cow)}
+        style={{
+          left: `${x}%`,
+          top: `${y}%`,
+        }}
       >
         {isSelected && (
           <p className="visually_hidden">{cowDisplayName} is selected</p>
@@ -259,7 +272,7 @@ export class Cow extends Component {
           </div>
         </Tooltip>
         <ol {...{ className: 'happiness-boosts-today' }}>
-          {new Array(this.props.cow.happinessBoostsToday)
+          {new Array((this.props as any).cow.happinessBoostsToday)
             .fill(undefined)
             .map((_, i) => (
               <li {...{ key: i }}>
@@ -276,6 +289,7 @@ export class Cow extends Component {
   }
 }
+// @ts-expect-error
 Cow.propTypes = {
   allowCustomPeerCowNames: bool.isRequired,
   cow: object.isRequired,

package/src/components/CowPen/{CowPen.test.js → CowPen.test.tsx} RENAMED Viewed

@@ -58,12 +58,14 @@ describe('Cow', () => {
   })
   test('applies selected class when cow is selected', () => {
+    // @ts-expect-error
     render(<Cow {...defaultCowProps} isSelected={true} />)
     expect(document.querySelector('.cow.is-selected')).toBeInTheDocument()
   })
   test('does not apply selected class when cow is not selected', () => {
+    // @ts-expect-error
     render(<Cow {...defaultCowProps} isSelected={false} />)
     expect(document.querySelector('.cow.is-selected')).not.toBeInTheDocument()
@@ -73,16 +75,19 @@ describe('Cow', () => {
     const user = userEvent.setup({ advanceTimers: vitest.advanceTimersByTime })
     const handleCowClick = vitest.fn()
+    // @ts-expect-error
     render(<Cow {...defaultCowProps} handleCowClick={handleCowClick} />)
     const cowElement = document.querySelector('.cow')
     expect(cowElement).toBeInTheDocument()
-    await user.click(/** @type {HTMLElement} */ (cowElement))
+    // @ts-expect-error
+    await user.click(/** @type {HTMLElement} */ cowElement)
     expect(handleCowClick).toHaveBeenCalledWith(defaultCowProps.cow)
   })
   test('displays cow tooltip on hover', () => {
+    // @ts-expect-error
     render(<Cow {...defaultCowProps} isSelected={true} />)
     // When cow is selected, tooltip should be visible
@@ -95,6 +100,7 @@ describe('Cow', () => {
       happiness: 0.8,
     }
+    // @ts-expect-error
     render(<Cow {...defaultCowProps} cow={happyCow} />)
     expect(document.querySelector('.fa-heart')).toBeInTheDocument()
@@ -107,6 +113,7 @@ describe('Cow', () => {
       happinessBoostsToday: 0,
     }
+    // @ts-expect-error
     render(<Cow {...defaultCowProps} cow={sadCow} />)
     // Check that there are no happiness boost indicators specifically
@@ -121,6 +128,7 @@ describe('Cow', () => {
       color: cowColors.BROWN,
     }
+    // @ts-expect-error
     render(<Cow {...defaultCowProps} cow={brownCow} />)
     expect(document.querySelector('.cow')).toBeInTheDocument()
@@ -134,6 +142,7 @@ describe('Cow', () => {
     }
     render(
+      // @ts-expect-error
       <Cow {...defaultCowProps} cow={peerCow} allowCustomPeerCowNames={true} />
     )
@@ -148,6 +157,7 @@ describe('Cow', () => {
     }
     render(
+      // @ts-expect-error
       <Cow {...defaultCowProps} cow={peerCow} allowCustomPeerCowNames={false} />
     )
@@ -184,9 +194,11 @@ describe('Cow', () => {
   })
   test('stops movement when cow is selected', () => {
+    // @ts-expect-error
     const { rerender } = render(<Cow {...defaultCowProps} isSelected={false} />)
     // Change to selected
+    // @ts-expect-error
     rerender(<Cow {...defaultCowProps} isSelected={true} />)
     const cowElement = document.querySelector('.cow')
@@ -195,9 +207,11 @@ describe('Cow', () => {
   })
   test('resumes movement when cow is deselected', () => {
+    // @ts-expect-error
     const { rerender } = render(<Cow {...defaultCowProps} isSelected={true} />)
     // Change to not selected
+    // @ts-expect-error
     rerender(<Cow {...defaultCowProps} isSelected={false} />)
     const cowElement = document.querySelector('.cow')

package/src/components/CowPen/{Tumbleweeds.js → Tumbleweeds.tsx} RENAMED Viewed

@@ -65,7 +65,7 @@ const Tumbleweed = ({ onAnimationComplete }) => {
  */
 export const Tumbleweeds = ({ doSpawn }) => {
   // A list of UUIDs, each representing a Tumbleweed component.
-  const [tumbleweeds, setTumbleweeds] = useState(/** @type {string[]} */ ([]))
+  const [tumbleweeds, setTumbleweeds] = useState(/** @type {string[]} */ [])
   // The current interval between tumbleweed spawns.
   const [spawnIntervalMs, setSpawnIntervalMs] = useState(initialSpawnIntervalMs)
   // The timestamp of the last scheduled tumbleweed spawn.
@@ -73,6 +73,7 @@ export const Tumbleweeds = ({ doSpawn }) => {
   // Adds a new tumbleweed to the list.
   const spawnTumbleweed = () => {
+    // @ts-expect-error
     setTumbleweeds(oldTumbleweeds => [...oldTumbleweeds, v4()])
   }

package/src/components/Farmhand/{Farmhand.context.js → Farmhand.context.tsx} RENAMED Viewed

@@ -162,12 +162,12 @@ export const createContextData = () => {
       todaysPurchases: {},
       todaysRevenue: 0,
       todaysStartingInventory: {},
-      toolLevels: /** @type {Record<globalThis.farmhand.toolType, globalThis.farmhand.toolLevel>} */ ({
+      toolLevels: /** @type {Record<globalThis.farmhand.toolType, globalThis.farmhand.toolLevel>} */ {
         SCYTHE: 'DEFAULT',
         SHOVEL: 'DEFAULT',
         HOE: 'DEFAULT',
         WATERING_CAN: 'DEFAULT',
-      }),
+      },
       valueAdjustments: {},
       version: '1.0.0',
       todaysNotifications: [],