fix most annoying ts-js issue here I guess

package.json

@@ -41,7 +41,7 @@
     "iconify-icon": "^1.0.8",
     "jszip": "^3.10.1",
     "lit": "^2.8.0",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "minecraft-data": "^3.0.0",
     "net-browserify": "github:zardoy/prismarinejs-net-browserify",
     "peerjs": "^1.5.0",
@@ -56,6 +56,8 @@
     "workbox-build": "^7.0.0"
   },
   "devDependencies": {
+    "@types/lodash-es": "^4.17.9",
+    "@types/stats.js": "^0.17.1",
     "@types/three": "0.128.0",
     "assert": "^2.0.0",
     "browserify-zlib": "^0.2.0",

src/index.ts

@@ -78,7 +78,7 @@ import serverOptions from './defaultLocalServerOptions'
 import updateTime from './updateTime'
 
 import { subscribeKey } from 'valtio/utils'
-import _ from 'lodash'
+import _ from 'lodash-es'
 
 import { genTexturePackTextures, watchTexturepackInViewer } from './texturePack'
 import { connectToPeer } from './localServerMultiplayer'

src/inventory.ts

@@ -134,7 +134,7 @@ subscribe(activeModalStack, () => {
   const inventoryOpened = activeModalStack.at(-1)?.reactType === 'inventory'
   if (inventoryOpened) {
     const inv = showInventory(undefined, getImage, {}, bot)
-    inv.canvas.style.zIndex = 10
+    inv.canvas.style.zIndex = '10'
     inv.canvas.style.position = 'fixed'
     inv.canvas.style.inset = '0'
     // todo scaling

tsconfig.json

@@ -14,7 +14,10 @@
         "allowUnreachableCode": true,
         "forceConsistentCasingInFileNames": true,
         "useUnknownInCatchVariables": false,
-        "skipLibCheck": true
+        "skipLibCheck": true,
+        // this the only options that allows smooth transition from js to ts (by not dropping types from js files)
+        // however might need to consider includeing *only needed libraries* instead of using this
+        "maxNodeModuleJsDepth": 1
         // "strictNullChecks": true
     },
     "include": [