minecraft-inventory 0.1.1 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "minecraft-inventory",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "license": "MIT",
   "release": {
@@ -18,15 +18,17 @@
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "mc-assets": "*",
-    "minecraft-data": "^3.105.0",
-    "typescript": "^5.9.3"
-  },
-  "dependencies": {
-    "@xmcl/text-component": "^2.1.3",
     "react": "^19.2.4",
-    "react-dom": "^19.2.4"
+    "react-dom": "^19.2.4",
+    "minecraft-data": "^3.105.0",
+    "typescript": "^5.9.3",
+    "@xmcl/text-component": "^2.1.3"
   },
+  "dependencies": {},
   "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@xmcl/text-component": "*",
     "mc-assets": "*"
   },
   "peerDependenciesMeta": {

package/src/components/InventoryOverlay/InventoryOverlay.tsx

@@ -220,7 +220,7 @@ export function InventoryOverlay({
                   onPushFrame={handleRecipePushFrame}
                 />
               ) : (
-                <InventoryWindow type={type} title={title} properties={properties} />
+                <InventoryWindow type={type} title={title} properties={properties} showDebug={debugBounds} />
               )}
             </div>
           </div>

package/src/components/InventoryWindow/InventoryBackground.tsx

@@ -8,12 +8,14 @@ interface InventoryBackgroundProps {
   definition: InventoryTypeDefinition
   children: React.ReactNode
   title?: string
+  showDebug?: boolean
 }
 
 export function InventoryBackground({
   definition,
   children,
   title,
+  showDebug
 }: InventoryBackgroundProps) {
   const textures = useTextures()
   const { scale } = useScale()
@@ -35,7 +37,7 @@ export function InventoryBackground({
         height: h,
         imageRendering: 'pixelated',
         display: 'inline-block',
-        outline: '1px solid rgba(255, 0, 0, 0.7)',
+        outline: showDebug ? '1px solid rgba(255, 0, 0, 0.7)' : 'none',
         outlineOffset: 0,
       }}
     >

package/src/components/InventoryWindow/InventoryWindow.tsx

@@ -19,6 +19,7 @@ interface InventoryWindowProps {
   className?: string
   style?: React.CSSProperties
   enableKeyboardShortcuts?: boolean
+  showDebug?: boolean
 }
 
 export function InventoryWindow({
@@ -29,6 +30,7 @@ export function InventoryWindow({
   className,
   style,
   enableKeyboardShortcuts = true,
+  showDebug = false,
 }: InventoryWindowProps) {
   const def = getInventoryType(type)
   const { windowState, getSlot } = useInventoryContext()
@@ -72,7 +74,7 @@ export function InventoryWindow({
       className={['mc-inv-root', className].filter(Boolean).join(' ')}
       style={{ position: 'relative', display: 'inline-block', ...style }}
     >
-      <InventoryBackground definition={def} title={effectiveTitle}>
+      <InventoryBackground definition={def} title={effectiveTitle} showDebug={showDebug}>
         {/* Render slots */}
         {def.slots.map((slotDef) => (
           <div

package/src/index.tsx

@@ -47,7 +47,7 @@ export type { ActionLogEntry, DemoConnectorOptions } from './connector/demo'
 
 // Registry
 export { registerInventoryType, getInventoryType, getAllInventoryTypes } from './registry'
-export type { InventoryTypeDefinition } from './registry'
+export type { InventoryTypeDefinition, WindowType } from './registry'
 
 // Types
 export type {

package/src/registry/index.ts

@@ -19,3 +19,4 @@ export function getAllInventoryTypes(): InventoryTypeDefinition[] {
 
 export { inventoryDefinitions }
 export type { InventoryTypeDefinition }
+export type WindowType = keyof typeof inventoryDefinitions