@rpg-engine/long-bow 0.7.89 → 0.7.91

package/dist/components/CraftBook/CraftBook.d.ts

@@ -5,7 +5,7 @@ export interface IItemCraftSelectorProps {
     atlasIMG: any;
     onClose: () => void;
     onSelect: (value: string) => void;
-    onCraftItem: (value: string | undefined) => void;
+    onCraftItem: (value: string | undefined, maxCraftable: number) => void;
     craftablesItems: ICraftableItem[];
     equipmentSet?: IEquipmentSet | null;
     inventory?: IItemContainer | null;

package/dist/components/CraftBook/utils/calculateMaxCraftable.d.ts

@@ -0,0 +1,2 @@
+import { ICraftableItem, IItemContainer } from '@rpg-engine/shared';
+export declare function calculateMaxCraftable(recipe: ICraftableItem | undefined, inventory: IItemContainer | null | undefined): number;

package/dist/long-bow.cjs.development.js

@@ -28595,6 +28595,26 @@ var MinCraftingRequirementsText = /*#__PURE__*/styled__default.p.withConfig({
   return levelIsOk ? uiColors.lightGreen : uiColors.lightGray;
 });
 
+function calculateMaxCraftable(recipe, inventory) {
+  if (!inventory || !(recipe != null && recipe.ingredients)) {
+    return 0;
+  }
+  return recipe.ingredients.reduce(function (maxPossible, ingredient) {
+    var _inventoryItem$stackQ;
+    var inventoryItem = Object.values(inventory.slots).find(function (item) {
+      return (item == null ? void 0 : item.key) === ingredient.key;
+    });
+    if (!inventoryItem) {
+      return 0;
+    }
+    var possibleWithThisIngredient = Math.floor((_inventoryItem$stackQ = inventoryItem.stackQty) != null ? _inventoryItem$stackQ : 0 / ingredient.qty);
+    if (maxPossible === -1) {
+      return possibleWithThisIngredient;
+    }
+    return Math.min(maxPossible, possibleWithThisIngredient);
+  }, -1);
+}
+
 var desktop = {
   width: 'min(900px, 80%)',
   height: 'min(700px, 80%)'
@@ -28628,9 +28648,12 @@ var CraftBook = function CraftBook(_ref) {
   var _useState3 = React.useState(),
     size = _useState3[0],
     setSize = _useState3[1];
-  var _useState4 = React.useState(false),
-    isCraftingDisabled = _useState4[0],
-    setIsCraftingDisabled = _useState4[1];
+  var _useState4 = React.useState(''),
+    searchTerm = _useState4[0],
+    setSearchTerm = _useState4[1];
+  var _useState5 = React.useState(false),
+    isCraftingDisabled = _useState5[0],
+    setIsCraftingDisabled = _useState5[1];
   React.useEffect(function () {
     var handleResize = function handleResize() {
       if (window.innerWidth < 500 && (size == null ? void 0 : size.width) !== mobilePortrait.width && (!scale || scale < 1)) {
@@ -28696,6 +28719,11 @@ var CraftBook = function CraftBook(_ref) {
       }, row);
     });
   };
+  var filteredCraftableItems = craftablesItems == null ? void 0 : craftablesItems.filter(function (item) {
+    var matchesSearch = item.name.toLowerCase().includes(searchTerm.toLowerCase());
+    var matchesCategory = selectedType === 'Suggested' || item.type === selectedType;
+    return matchesSearch && matchesCategory;
+  });
   if (!size) return null;
   return React__default.createElement(DraggableContainer, {
     type: exports.RPGUIContainerTypes.Framed,
@@ -28712,13 +28740,21 @@ var CraftBook = function CraftBook(_ref) {
     style: {
       width: '100%'
     }
-  }, React__default.createElement(Title$2, null, "Craftbook"), React__default.createElement(Subtitle, null, "Select an item to craft"), React__default.createElement("hr", {
+  }, React__default.createElement(Title$2, null, "Craftbook"), React__default.createElement(Subtitle, null, "Select an item to craft"), React__default.createElement(SearchContainer$1, null, React__default.createElement("input", {
+    type: "text",
+    className: "rpgui-input",
+    placeholder: "Search items...",
+    value: searchTerm,
+    onChange: function onChange(e) {
+      return setSearchTerm(e.target.value);
+    }
+  })), React__default.createElement("hr", {
     className: "golden"
   })), React__default.createElement(ContentContainer, null, React__default.createElement(ItemTypes, {
     className: "inputRadioCraftBook"
   }, renderItemTypes()), React__default.createElement(RadioInputScroller, {
     className: "inputRadioCraftBook"
-  }, craftablesItems == null ? void 0 : craftablesItems.map(function (item) {
+  }, filteredCraftableItems == null ? void 0 : filteredCraftableItems.map(function (item) {
     return React__default.createElement(CraftingRecipe, {
       key: item.key,
       atlasIMG: atlasIMG,
@@ -28739,7 +28775,11 @@ var CraftBook = function CraftBook(_ref) {
     buttonType: exports.ButtonTypes.RPGUIButton,
     onPointerDown: function onPointerDown() {
       if (!craftItemKey || isCraftingDisabled) return;
-      onCraftItem(craftItemKey);
+      var selectedItem = craftablesItems.find(function (item) {
+        return item.key === craftItemKey;
+      });
+      var maxCraftable = calculateMaxCraftable(selectedItem, inventory);
+      onCraftItem(craftItemKey, maxCraftable);
       setIsCraftingDisabled(true);
       setTimeout(function () {
         setIsCraftingDisabled(false);
@@ -28775,6 +28815,10 @@ var ItemTypes = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CraftBook__ItemTypes",
   componentId: "sc-19q95ue-6"
 })(["display:flex;overflow-y:scroll;overflow-x:hidden;width:max-content;flex-direction:column;padding-right:5px;@media (max-width:", "){overflow-x:scroll;overflow-y:hidden;padding-right:0;width:100%;}"], mobilePortrait.width);
+var SearchContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "CraftBook__SearchContainer",
+  componentId: "sc-19q95ue-7"
+})(["margin:8px 0;padding:0 16px;input{width:100%;font-size:0.8rem;padding:8px 12px;background-color:rgba(0,0,0,0.3);border:none;color:white;border-radius:4px;&::placeholder{color:rgba(255,255,255,0.5);}&:focus{outline:none;background-color:rgba(0,0,0,0.4);}}"]);
 
 var Dropdown = function Dropdown(_ref) {
   var options = _ref.options,