minecraft-inventory 0.1.40 → 0.1.42

package/README.md

@@ -10,7 +10,7 @@ A flexible, scalable React library for rendering Minecraft inventory GUIs. Desig
 - Tooltips that follow the cursor, matching the original Minecraft style
 - Full keyboard support: number keys (1-9) to swap hotbar, Q to drop, double-click to collect, scroll wheel to pick/place
 - Mobile support: tap-to-focus inventory interactions plus long-press slot actions (pick half / custom amount / drop one / drop all)
-- Optional JEI (item browser) panel on the left or right
+- Optional JEI (item browser) panel on right
 - Bot connector layer — plugs into a mineflayer bot or any custom server connection
 - Demo connector with action logging for local development
 - Extendable registry — add new inventory types in one place
@@ -622,10 +622,6 @@ Each Minecraft window type has a fixed slot layout defined by the server protoco
 - [`prismarine-windows`](https://github.com/PrismarineJS/prismarine-windows) for JS slot maps
 - Minecraft source: `net/minecraft/world/inventory/` for the canonical layout
 
-### Memory leak note (Tooltip / MessageFormattedString)
-
-If opening tooltips increases memory without returning to baseline, see [docs/MEMORY_LEAK_ANALYSIS.md](docs/MEMORY_LEAK_ANALYSIS.md). The likely cause is `filter:blur(2px)` on obfuscated (§k) text creating retained compositor layers.
-
 ### Connector protocol
 
 When implementing a custom connector, actions have these shapes:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minecraft-inventory",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "type": "module",
   "license": "MIT",
   "release": {

package/src/components/InventoryOverlay/InventoryOverlay.tsx

@@ -330,7 +330,7 @@ export function InventoryOverlay({
               lineHeight: 1,
             }}
           >
-            INV 0.1.40
+            INV 0.1.42
           </a>
         )}
 

package/src/components/RecipeGuide/RecipeInventoryView.tsx

@@ -6,6 +6,14 @@ import { useScale } from '../../context/ScaleContext'
 import { useTextures } from '../../context/TextureContext'
 import { getInventoryType } from '../../registry'
 
+function isTypingTarget(target: EventTarget | null): boolean {
+  if (!target || !(target instanceof HTMLElement)) return false
+  const tag = target.tagName
+  if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT') return true
+  if (target.isContentEditable) return true
+  return false
+}
+
 interface RecipeInventoryViewProps {
   navStack: RecipeNavFrame[]
   onBack: () => void
@@ -96,6 +104,7 @@ export function RecipeInventoryView({
   useEffect(() => {
     const handler = (e: KeyboardEvent) => {
       if (e.code !== 'KeyR' && e.code !== 'KeyU') return
+      if (isTypingTarget(e.target)) return
       const item = hoveredItemRef.current
       if (!item) return
       onPushFrame(item, e.code === 'KeyR' ? 'recipes' : 'usages')
@@ -104,10 +113,13 @@ export function RecipeInventoryView({
     return () => window.removeEventListener('keydown', handler)
   }, [onPushFrame])
 
-  // Escape = go back one level
+  // Escape / Backspace = go back one frame (Backspace on root frame closes recipe view)
   useEffect(() => {
     const handler = (e: KeyboardEvent) => {
-      if (e.code === 'Escape') onBack()
+      if (e.code !== 'Escape' && e.code !== 'Backspace') return
+      if (isTypingTarget(e.target)) return
+      onBack()
+      if (e.code === 'Backspace') e.preventDefault()
     }
     window.addEventListener('keydown', handler)
     return () => window.removeEventListener('keydown', handler)