minecraft-inventory 0.1.12 → 0.1.14

package/package.json

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

package/src/InventoryGUI.tsx

@@ -24,6 +24,8 @@ export interface InventoryGUIProps {
   textureBaseUrl?: string
   textureConfig?: Partial<TextureConfig>
   enableKeyboardShortcuts?: boolean
+  /** Hide empty slot labels like Head, Chest, Legs, Feet */
+  noPlaceholders?: boolean
   onClose?: () => void
   className?: string
   style?: React.CSSProperties
@@ -42,6 +44,7 @@ export function InventoryGUI({
   textureBaseUrl,
   textureConfig,
   enableKeyboardShortcuts = true,
+  noPlaceholders = false,
   onClose,
   className,
   style,
@@ -64,7 +67,7 @@ export function InventoryGUI({
   return (
     <TextureProvider baseUrl={textureBaseUrl} config={textureConfig}>
       <ScaleProvider scale={scale}>
-        <InventoryProvider connector={connector}>
+        <InventoryProvider connector={connector} noPlaceholders={noPlaceholders}>
           <div
             ref={containerRef}
             className={className}

package/src/components/InventoryOverlay/InventoryOverlay.tsx

@@ -298,7 +298,7 @@ export function InventoryOverlay({
               lineHeight: 1,
             }}
           >
-            INV 0.1.12
+            INV 0.1.14
           </a>
         )}
 

package/src/components/ItemCanvas/ItemCanvas.tsx

@@ -193,29 +193,40 @@ export const ItemCanvas = memo(function ItemCanvas({
         />
       ) : null /* still loading — render nothing (slot stays empty) */}
 
-      {/* Durability bar */}
-      {hasDurability && (
-        <>
-          <div className="mc-inv-item-durability-bg" style={{
-            position: 'absolute',
-            bottom: 1,
-            left: 1,
-            width: 'calc(100% - 2px)',
-            height: Math.max(1, Math.round(renderSize * 0.063)),
-            background: '#000',
-            pointerEvents: 'none',
-          }} />
-          <div className="mc-inv-item-durability-bar" style={{
-            position: 'absolute',
-            bottom: 1,
-            left: 1,
-            width: `${(item.durability! / item.maxDurability!) * 100}%`,
-            height: Math.max(1, Math.round(renderSize * 0.063)),
-            background: barColor,
-            pointerEvents: 'none',
-          }} />
-        </>
-      )}
+      {/* Durability bar — vanilla layout: x=2, y=13 in 16×16 item area */}
+      {hasDurability && (() => {
+        const mcPx = Math.max(1, Math.round(pixelSize))
+        const barLeft = 2 * mcPx
+        const bgBottom = mcPx
+        const bgWidth = 13 * mcPx
+        const bgHeight = 2 * mcPx
+        const ratio = item.durability! / item.maxDurability!
+        const fillWidth = Math.round(13 * ratio) * mcPx
+        const fillHeight = mcPx
+        const fillBottom = 2 * mcPx
+        return (
+          <>
+            <div className="mc-inv-item-durability-bg" style={{
+              position: 'absolute',
+              bottom: bgBottom,
+              left: barLeft,
+              width: bgWidth,
+              height: bgHeight,
+              background: '#000',
+              pointerEvents: 'none',
+            }} />
+            <div className="mc-inv-item-durability-bar" style={{
+              position: 'absolute',
+              bottom: fillBottom,
+              left: barLeft,
+              width: fillWidth,
+              height: fillHeight,
+              background: barColor,
+              pointerEvents: 'none',
+            }} />
+          </>
+        )
+      })()}
 
       {/* Item count */}
       {!noCount && item.count > 1 && (

package/src/components/Slot/Slot.tsx

@@ -55,6 +55,7 @@ export function Slot({
     focusedSlot,
     setFocusedSlot,
     dragEndedRef,
+    noPlaceholders,
   } = useInventoryContext()
 
   const { contentSize } = useScale()
@@ -377,7 +378,7 @@ export function Slot({
         />
       )}
 
-      {!item && label && (
+      {!item && label && !noPlaceholders && (
         <div
           ref={labelRef}
           className={styles.emptyLabel}

package/src/context/InventoryContext.tsx

@@ -45,6 +45,8 @@ export interface InventoryContextValue {
   /** Ref set to true when a drag just ended; cleared on next mouseDown.
    *  Used by Slot to suppress spurious click events that fire after endDrag. */
   dragEndedRef: React.MutableRefObject<boolean>
+  /** When true, empty slot labels (Head, Chest, Legs, etc.) are not rendered */
+  noPlaceholders: boolean
 }
 
 const InventoryContext = createContext<InventoryContextValue | null>(null)
@@ -59,9 +61,10 @@ interface InventoryProviderProps {
   connector: InventoryConnector | null
   children: React.ReactNode
   noDragSpread?: boolean
+  noPlaceholders?: boolean
 }
 
-export function InventoryProvider({ connector, children, noDragSpread = false }: InventoryProviderProps) {
+export function InventoryProvider({ connector, children, noDragSpread = false, noPlaceholders = false }: InventoryProviderProps) {
   const [windowState, setWindowState] = useState<InventoryWindowState | null>(
     () => connector?.getWindowState() ?? null,
   )
@@ -304,6 +307,7 @@ export function InventoryProvider({ connector, children, noDragSpread = false }:
     grabOffset,
     setGrabOffset,
     noDragSpread,
+    noPlaceholders,
     pKeyActive,
     setPKeyActive,
     focusedSlot,