minecraft-inventory 0.1.15 → 0.1.17

package/package.json

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

package/src/components/InventoryOverlay/InventoryOverlay.tsx

@@ -31,6 +31,8 @@ export interface InventoryOverlayProps {
   jeiPosition?: 'left' | 'right'
   jeiOnGetRecipes?: (item: JEIItem) => RecipeGuide[]
   jeiOnGetUsages?: (item: JEIItem) => RecipeGuide[]
+  jeiOnItemClick?: (item: JEIItem) => void
+  jeiOnItemRightClick?: (item: JEIItem) => void
   /** Enable Notes sidebar (uses localStorage by default if callbacks not provided) */
   enableNotes?: boolean
   /** Callback to get notes. If not provided and enableNotes is true, uses localStorage. */
@@ -72,6 +74,8 @@ export function InventoryOverlay({
   jeiPosition = 'right',
   jeiOnGetRecipes,
   jeiOnGetUsages,
+  jeiOnItemClick,
+  jeiOnItemRightClick,
   enableNotes = false,
   notesOnGet,
   notesOnSave,
@@ -144,6 +148,8 @@ export function InventoryOverlay({
     <JEI
       items={jeiItems}
       position={jeiPosition}
+      onItemClick={jeiOnItemClick}
+      onItemRightClick={jeiOnItemRightClick}
       onGetRecipes={jeiOnGetRecipes}
       onGetUsages={jeiOnGetUsages}
       onPushRecipeFrame={pushRecipeFrame}
@@ -298,7 +304,7 @@ export function InventoryOverlay({
               lineHeight: 1,
             }}
           >
-            INV 0.1.15
+            INV 0.1.17
           </a>
         )}
 

package/src/components/JEI/JEI.module.css

@@ -17,6 +17,10 @@
   font-family: inherit;
   font-size: inherit;
   transition: background 0.1s;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
 }
 
 .pageBtn:hover:not(:disabled) {

package/src/components/JEI/JEI.tsx

@@ -26,6 +26,7 @@ interface JEIProps {
   maxHeight?: number
   onItemClick?: (item: JEIItem) => void
   onItemMiddleClick?: (item: JEIItem) => void
+  onItemRightClick?: (item: JEIItem) => void
   /** Called when R is pressed while hovering an item — return list of recipes to display */
   onGetRecipes?: (item: JEIItem) => RecipeGuide[]
   /** Called when U is pressed while hovering an item — return list of usages to display */
@@ -67,6 +68,7 @@ export function JEI({
   maxHeight,
   onItemClick,
   onItemMiddleClick,
+  onItemRightClick,
   onGetRecipes,
   onGetUsages,
   onPushRecipeFrame,
@@ -278,8 +280,7 @@ export function JEI({
         >
           <button
             className={styles.pageBtn}
-            onClick={() => setPage((p) => Math.max(0, p - 1))}
-            disabled={page === 0}
+            onClick={() => setPage((p) => (p > 0 ? p - 1 : Math.max(0, totalPages - 1)))}
             style={{ fontSize: 6 * scale, padding: `${scale}px ${2 * scale}px` }}
             title="Previous page"
           >
@@ -290,8 +291,7 @@ export function JEI({
           </span>
           <button
             className={styles.pageBtn}
-            onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}
-            disabled={page >= totalPages - 1}
+            onClick={() => setPage((p) => (p < totalPages - 1 ? p + 1 : 0))}
             style={{ fontSize: 6 * scale, padding: `${scale}px ${2 * scale}px` }}
             title="Next page"
           >
@@ -353,6 +353,12 @@ export function JEI({
                     } else {
                       pushRecipeFrame(jeiItem, 'recipes')
                     }
+                  } else if (button === 'right' && mode === 'normal') {
+                    if (onItemRightClick) {
+                      onItemRightClick(jeiItem)
+                    } else {
+                      pushRecipeFrame(jeiItem, 'usages')
+                    }
                   } else if (button === 'middle' && onItemMiddleClick) {
                     onItemMiddleClick(jeiItem)
                   }

package/src/components/RecipeGuide/RecipeInventoryView.tsx

@@ -185,16 +185,14 @@ export function RecipeInventoryView({
           <>
             <NavBtn
               scale={scale}
-              onClick={() => onGuideIndexChange(Math.max(0, frame.guideIndex - 1))}
-              disabled={frame.guideIndex === 0}
+              onClick={() => onGuideIndexChange(frame.guideIndex > 0 ? frame.guideIndex - 1 : totalGuides - 1)}
             >◀</NavBtn>
             <span style={{ color: '#404040', minWidth: 40 * scale, textAlign: 'center' }}>
               {frame.guideIndex + 1} / {totalGuides}
             </span>
             <NavBtn
               scale={scale}
-              onClick={() => onGuideIndexChange(Math.min(totalGuides - 1, frame.guideIndex + 1))}
-              disabled={frame.guideIndex >= totalGuides - 1}
+              onClick={() => onGuideIndexChange(frame.guideIndex < totalGuides - 1 ? frame.guideIndex + 1 : 0)}
             >▶</NavBtn>
           </>
         )}
@@ -523,6 +521,9 @@ function NavBtn({
         lineHeight: 1,
         outline: 'none',
         flexShrink: 0,
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
       }}
     >
       {children}