minecraft-inventory 0.1.36 → 0.1.37

package/package.json

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

package/src/components/InventoryOverlay/InventoryOverlay.tsx

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

package/src/components/JEI/JEI.tsx

@@ -81,6 +81,7 @@ export function JEI({
   const { hoveredSlot } = useInventoryContext()
   const [search, setSearch] = useState('')
   const [page, setPage] = useState(0)
+  const [showAllItems, setShowAllItems] = useState(false)
   const [showFavorites, setShowFavorites] = useState(false)
   const [favorites, setFavorites] = useState<Set<string>>(loadFavorites)
   // Map from negative slot index → JEI item (to enable F-key and R/U on hover)
@@ -187,7 +188,7 @@ export function JEI({
   }, [items, showFavorites, favorites])
 
   const filteredItems = useMemo(() => {
-    if (!search.trim()) return baseList
+    if (!search.trim()) return showAllItems ? baseList : []
     const q = search.toLowerCase()
     return baseList.filter(
       (item) =>
@@ -195,7 +196,7 @@ export function JEI({
         item.name.toLowerCase().includes(q) ||
         String(item.type).includes(q),
     )
-  }, [baseList, search])
+  }, [baseList, search, showAllItems])
 
   const totalPages = Math.ceil(filteredItems.length / itemsPerPage)
   const visibleItems = filteredItems.slice(page * itemsPerPage, (page + 1) * itemsPerPage)
@@ -310,6 +311,16 @@ export function JEI({
           >
             <StarIcon size={Math.max(1, Math.round(6 * scale))} />
           </button>
+          {!showAllItems && (
+            <button
+              className={styles.pageBtn}
+              onClick={() => { setShowAllItems(true); setPage(0) }}
+              style={{ fontSize: 6 * scale, padding: `${scale}px ${2 * scale}px` }}
+              title="Show all items"
+            >
+              👁
+            </button>
+          )}
         </div>
       </div>