minecraft-inventory 0.1.0 → 0.1.1

package/src/types.ts

@@ -43,6 +43,8 @@ export type InventoryAction =
   | { type: 'enchant'; enchantIndex: number }
   | { type: 'beacon'; primaryEffect: number; secondaryEffect: number }
   | { type: 'hotbar-swap'; slotIndex: number; hotbarSlot: number }
+  /** Emitted by the Hotbar "open inventory" button; integrations (e.g. mineflayer) handle this. */
+  | { type: 'open-inventory' }
 
 export interface InventoryWindowState {
   windowId: number
@@ -110,11 +112,11 @@ export interface InventoryTypeDefinition {
   backgroundTexture: string
   backgroundWidth: number
   backgroundHeight: number
-  /** Minecraft version for GUI texture lookup, e.g. '1.16.4' or '1.21.4'. Defaults to base URL version. */
-  guiTextureVersion?: string
   slots: SlotDefinition[]
   progressBars?: ProgressBar[]
   playerInventoryOffset?: { x: number; y: number }
+  /** Pixel offset applied to the title position relative to the default (6px top, 8px left). */
+  titleOffset?: { x: number; y: number }
   properties?: Record<string, { dataSlot: number; description: string }>
   windowType?: number | string
   hasTitle?: boolean

package/src/utils/globalMouse.ts

@@ -0,0 +1,14 @@
+// Module-level singleton — always reflects latest cursor position.
+// A single listener is registered once at module load time, shared across all consumers.
+export const globalMouse = { x: -9999, y: -9999 }
+
+if (typeof window !== 'undefined') {
+  window.addEventListener(
+    'mousemove',
+    (e) => {
+      globalMouse.x = e.clientX
+      globalMouse.y = e.clientY
+    },
+    { passive: true, capture: true },
+  )
+}

package/src/components/Hotbar/Hotbar.tsx

@@ -1,180 +0,0 @@
-import React from 'react'
-import { useInventoryContext } from '../../context/InventoryContext'
-import { useScale } from '../../context/ScaleContext'
-import { useTextures } from '../../context/TextureContext'
-import { Slot } from '../Slot'
-import { ItemCanvas } from '../ItemCanvas'
-import type { SlotState } from '../../types'
-
-interface HotbarProps {
-  slots?: SlotState[]
-  activeSlot?: number
-  showOffhand?: boolean
-  offhandSlot?: SlotState
-  className?: string
-  style?: React.CSSProperties
-}
-
-export function Hotbar({
-  slots: slotsProp,
-  activeSlot: activeSlotProp,
-  showOffhand = true,
-  offhandSlot: offhandProp,
-  className,
-  style,
-}: HotbarProps) {
-  const { playerState, windowState, sendAction } = useInventoryContext()
-  const { scale } = useScale()
-  const textures = useTextures()
-
-  const hotbarSlots = slotsProp ?? (
-    playerState?.inventory
-      .filter((s) => s.index >= 36 && s.index <= 44)
-      .sort((a, b) => a.index - b.index) ?? []
-  )
-
-  const activeSlot = activeSlotProp ?? playerState?.activeHotbarSlot ?? 0
-  const offhandItem = offhandProp ?? playerState?.inventory.find((s) => s.index === 45) ?? null
-
-  const SLOT_SIZE = 20 * scale
-  const HOTBAR_H = 22 * scale
-  const OFFHAND_W = 24 * scale
-
-  const hotbarUrl = textures.getGuiTextureUrl('gui/widgets')
-
-  const totalWidth = (showOffhand ? OFFHAND_W + 4 * scale : 0) + 182 * scale
-
-  return (
-    <div
-      className={['mc-inv-root', className].filter(Boolean).join(' ')}
-      style={{
-        position: 'relative',
-        width: totalWidth,
-        height: HOTBAR_H + 2 * scale,
-        display: 'flex',
-        alignItems: 'flex-end',
-        ...style,
-      }}
-    >
-      {/* Offhand slot */}
-      {showOffhand && (
-        <div
-          className="mc-inv-hotbar-offhand"
-          style={{
-            position: 'relative',
-            width: OFFHAND_W,
-            height: HOTBAR_H,
-            flexShrink: 0,
-            marginRight: 4 * scale,
-          }}
-        >
-          <img
-            className="mc-inv-hotbar-offhand-bg"
-            src={hotbarUrl}
-            alt=""
-            aria-hidden
-            style={{
-              position: 'absolute',
-              top: 0,
-              left: 0,
-              width: OFFHAND_W,
-              height: HOTBAR_H,
-              objectFit: 'none',
-              objectPosition: `-${24 * scale}px -${22 * scale}px`,
-              imageRendering: 'pixelated',
-              display: 'block',
-            }}
-            draggable={false}
-          />
-          {offhandItem?.item && (
-            <div
-              className="mc-inv-hotbar-offhand-item"
-              style={{
-                position: 'absolute',
-                top: 3 * scale,
-                left: 3 * scale,
-              }}
-            >
-              <ItemCanvas item={offhandItem.item} size={16 * scale} />
-            </div>
-          )}
-        </div>
-      )}
-
-      {/* Main hotbar */}
-      <div
-        className="mc-inv-hotbar-main"
-        style={{
-          position: 'relative',
-          width: 182 * scale,
-          height: HOTBAR_H + 2 * scale,
-          flexShrink: 0,
-        }}
-      >
-        {/* Hotbar background */}
-        <img
-          className="mc-inv-hotbar-bg"
-          src={hotbarUrl}
-          alt=""
-          aria-hidden
-          style={{
-            position: 'absolute',
-            top: scale,
-            left: 0,
-            width: 182 * scale,
-            height: HOTBAR_H,
-            objectFit: 'none',
-            objectPosition: `0 0`,
-            imageRendering: 'pixelated',
-            display: 'block',
-          }}
-          draggable={false}
-        />
-
-        {/* Active slot indicator */}
-        <img
-          className="mc-inv-hotbar-indicator"
-          src={hotbarUrl}
-          alt=""
-          aria-hidden
-          style={{
-            position: 'absolute',
-            top: 0,
-            left: (activeSlot * 20 - 1) * scale,
-            width: 24 * scale,
-            height: 24 * scale,
-            objectFit: 'none',
-            objectPosition: `0 -${22 * scale}px`,
-            imageRendering: 'pixelated',
-            display: 'block',
-          }}
-          draggable={false}
-        />
-
-        {/* Items */}
-        {hotbarSlots.map((slot, i) => (
-          <div
-            key={slot.index}
-            className="mc-inv-hotbar-slot"
-            style={{
-              position: 'absolute',
-              top: 4 * scale,
-              left: (3 + i * 20) * scale,
-              cursor: 'pointer',
-            }}
-            onClick={() => {
-              sendAction({
-                type: 'click',
-                slotIndex: slot.index,
-                button: 'left',
-                mode: 'normal',
-              })
-            }}
-          >
-            {slot.item && <ItemCanvas item={slot.item} size={16 * scale} />}
-          </div>
-        ))}
-      </div>
-    </div>
-  )
-}

package/src/components/Hotbar/index.ts

@@ -1 +0,0 @@
-export { Hotbar } from './Hotbar'