@rpg-engine/long-bow 0.2.27 → 0.2.29

package/src/mocks/itemContainer.mocks.ts

@@ -3,7 +3,7 @@ import {
   IItemContainer,
   ItemSlotType,
   ItemSubType,
-  ItemType
+  ItemType,
 } from '@rpg-engine/shared';
 
 export const items: IItem[] = [
@@ -240,7 +240,7 @@ export const items: IItem[] = [
       'You see a bag. It has made using leather and it has 10 total slots.',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
-  },  
+  },
   {
     _id: '392acek4j7c8e80d2ff60404',
     hasUseWith: false,
@@ -263,8 +263,7 @@ export const items: IItem[] = [
     textureKey: 'stone',
     name: 'stone',
     generateContainerSlots: 10,
-    description:
-      'You see a stone. It is used with slingshot.',
+    description: 'You see a stone. It is used with slingshot.',
     attack: 7,
     defense: 3,
     weight: 13,
@@ -272,11 +271,10 @@ export const items: IItem[] = [
     x: 320,
     y: 144,
     scene: 'MainScene',
-    fullDescription:
-      'You see a stone. It is used with slingshot',
+    fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
-  },  
+  },
   {
     _id: '392acek4j7c8e80d2fs60404',
     hasUseWith: false,
@@ -299,8 +297,7 @@ export const items: IItem[] = [
     textureKey: 'stone',
     name: 'stone',
     generateContainerSlots: 10,
-    description:
-      'You see a stone. It is used with slingshot.',
+    description: 'You see a stone. It is used with slingshot.',
     attack: 7,
     defense: 3,
     weight: 13,
@@ -308,11 +305,10 @@ export const items: IItem[] = [
     x: 320,
     y: 144,
     scene: 'MainScene',
-    fullDescription:
-      'You see a stone. It is used with slingshot',
+    fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
-  },  
+  },
   {
     _id: '392acek4j7c8e80d2fs60404',
     hasUseWith: false,
@@ -335,8 +331,7 @@ export const items: IItem[] = [
     textureKey: 'stone',
     name: 'stone',
     generateContainerSlots: 10,
-    description:
-      'You see a stone. It is used with slingshot.',
+    description: 'You see a stone. It is used with slingshot.',
     attack: 7,
     defense: 3,
     weight: 13,
@@ -344,11 +339,10 @@ export const items: IItem[] = [
     x: 320,
     y: 144,
     scene: 'MainScene',
-    fullDescription:
-      'You see a stone. It is used with slingshot',
+    fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
-  },  
+  },
   {
     _id: '392acek4j7c8e80d2fs60404',
     hasUseWith: false,
@@ -371,8 +365,7 @@ export const items: IItem[] = [
     textureKey: 'stone',
     name: 'stone',
     generateContainerSlots: 10,
-    description:
-      'You see a stone. It is used with slingshot.',
+    description: 'You see a stone. It is used with slingshot.',
     attack: 7,
     defense: 3,
     weight: 13,
@@ -380,11 +373,10 @@ export const items: IItem[] = [
     x: 320,
     y: 144,
     scene: 'MainScene',
-    fullDescription:
-      'You see a stone. It is used with slingshot',
+    fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
-  },  
+  },
   {
     _id: '392acek4j7c8e80d2fs60404',
     hasUseWith: false,
@@ -407,8 +399,7 @@ export const items: IItem[] = [
     textureKey: 'stone',
     name: 'stone',
     generateContainerSlots: 10,
-    description:
-      'You see a stone. It is used with slingshot.',
+    description: 'You see a stone. It is used with slingshot.',
     attack: 7,
     defense: 3,
     weight: 13,
@@ -416,11 +407,10 @@ export const items: IItem[] = [
     x: 320,
     y: 144,
     scene: 'MainScene',
-    fullDescription:
-      'You see a stone. It is used with slingshot',
+    fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
-  },  
+  },
   {
     _id: '392acek4j7c8e80d2fs60404',
     hasUseWith: false,
@@ -443,8 +433,7 @@ export const items: IItem[] = [
     textureKey: 'gold-coin',
     name: 'gold-coin',
     generateContainerSlots: 10,
-    description:
-      'You see a coin.',
+    description: 'You see a coin.',
     attack: 7,
     defense: 3,
     weight: 13,
@@ -452,11 +441,10 @@ export const items: IItem[] = [
     x: 320,
     y: 144,
     scene: 'MainScene',
-    fullDescription:
-      'You see a stone. It is used with slingshot',
+    fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
-  }
+  },
 ];
 
 export const itemContainerMock: IItemContainer = {

package/src/stories/ItemTradingComponent.stories.tsx

@@ -0,0 +1,39 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+import {
+  ItemTradingComponent,
+  ITradeComponentProps,
+} from '../components/TradingMenu/itemComponent';
+import atlasJSON from '../mocks/atlas/items/items.json';
+import atlasIMG from '../mocks/atlas/items/items.png';
+import { itemMock } from '../components/TradingMenu/items.mock';
+import { ITransactionItem } from '@rpg-engine/shared';
+
+const updateChartTotals = (itemInfo: ITransactionItem) => {
+  console.log(itemInfo);
+  // will be needed read all itens from chart list ignoring the current item (itemInfo) and recalculate the totals
+  // with the amount updated set the total to a state to be shown to the player.
+  // OBS: This list with Id, quantity and amount will be the one to send to API,
+  //    because the API need to know wichi Items and the quantity of it to make a purchese and set the itens to the player.
+};
+
+const meta: Meta = {
+  title: 'Trading Item',
+  component: ItemTradingComponent,
+};
+export default meta;
+
+const Template: Story<ITradeComponentProps> = args => (
+  <RPGUIRoot>
+    <ItemTradingComponent {...args} traderItem={itemMock[0]} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  atlasIMG: atlasIMG,
+  atlasJSON: atlasJSON,
+  updateChartTotals,
+};

package/src/stories/SkillProgressBar.stories.tsx

@@ -1,6 +1,8 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import atlasJSON from '../mocks/atlas/items/items.json';
+import atlasIMG from '../mocks/atlas/items/items.png';
 import {
   ISkillProgressBarProps,
   SkillProgressBar,
@@ -27,4 +29,6 @@ Default.args = {
   skillPoints: 10,
   skillPointsToNextLevel: 100,
   texturePath: 'swords/broad-sword.png',
+  atlasIMG: atlasIMG,
+  atlasJSON: atlasJSON,
 };

package/src/stories/SkillsContainer.stories.tsx

@@ -6,6 +6,8 @@ import {
   SkillsContainer,
 } from '../../src/components/SkillsContainer';
 import { skillMock } from '../../src/mocks/skills.mocks';
+import atlasJSON from '../mocks/atlas/items/items.json';
+import atlasIMG from '../mocks/atlas/items/items.png';
 
 const meta: Meta = {
   title: 'Skills Container',
@@ -20,6 +22,8 @@ const Template: Story<ISkillContainerProps> = args => (
       {...args}
       skill={skillMock}
       onCloseButton={() => console.log('close skill container')}
+      atlasIMG={atlasIMG}
+      atlasJSON={atlasJSON}
     />
   </RPGUIRoot>
 );

package/src/stories/TrandingMenu.stories.tsx

@@ -0,0 +1,38 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+import {
+  TrandingMenu,
+  ITrandingMenu,
+} from '../components/TradingMenu/TrandingMenu';
+import atlasJSON from '../mocks/atlas/items/items.json';
+import atlasIMG from '../mocks/atlas/items/items.png';
+import { itemMock } from '../components/TradingMenu/items.mock';
+
+const meta: Meta = {
+  title: 'Trading Menu',
+  component: TrandingMenu,
+};
+
+export default meta;
+
+const Template: Story<ITrandingMenu> = args => (
+  <RPGUIRoot>
+    <TrandingMenu {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+const onClose = () => {
+  console.log('close');
+};
+
+Default.args = {
+  traderItems: itemMock,
+  onClose: onClose,
+  type: 'buy',
+  atlasJSON: atlasJSON,
+  atlasIMG: atlasIMG,
+  characterAvailableGold: 1000,
+};

package/dist/libs/ItemSlotHelper.d.ts

@@ -1,2 +0,0 @@
-import { IItem } from "@rpg-engine/shared";
-export declare const getItemTextureKeyPath: (itemToRender: IItem, atlasJSON: any) => string;

package/src/libs/ItemSlotHelper.ts

@@ -1,25 +0,0 @@
-import { IItem } from "@rpg-engine/shared";
-
-export const getItemTextureKeyPath = (itemToRender: IItem, atlasJSON: any) => {
-  
-  const stackQty = itemToRender?.stackQty ?? 0;
-  const itemTexturePath = itemToRender.texturePath;
-
-  if (itemToRender && stackQty >= 1) {      
-    const idx = stackQty >= 5 ? '5' : stackQty;
-    
-    const textureBreakPath = itemTexturePath.split('.');
-    const txtPrefix: string = textureBreakPath[0];
-    const txtExtension: string = textureBreakPath[1];
-    console.log(`${txtPrefix}-qty-${idx}.${txtExtension}`);
-    const newTexturePath = `${txtPrefix}-qty-${idx}.${txtExtension}`;
-    const spriteData = atlasJSON.frames[newTexturePath];
-
-    if (spriteData !== undefined) {      
-      return newTexturePath;
-    }
-  }
-  return itemTexturePath;
-
-};
-