@rpg-engine/long-bow 0.3.44 → 0.3.45

package/src/mocks/equipmentSet.mocks.ts

@@ -1,12 +1,29 @@
 import {
   IEquipmentSet,
+  IItem,
+  ItemRarities,
   // IItem,
   ItemSlotType,
   ItemSubType,
-  ItemType,
+  ItemType
 } from '@rpg-engine/shared';
 
-export const items: any = {
+interface IEquipmentSetItems {
+  leftHand: IItem
+  head: IItem
+  armor: IItem
+  legs: IItem
+  boot: IItem
+  neck: IItem
+  ring: IItem
+  accessory: IItem
+  inventory: IItem
+  rightHand: IItem
+
+
+}
+
+export const items: IEquipmentSetItems = {
   leftHand: {
     _id: '0',
     type: ItemType.Weapon,
@@ -38,6 +55,9 @@ export const items: any = {
     isStackable: false,
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    isTwoHanded: false,
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   head: {
     _id: '1',
@@ -68,6 +88,9 @@ export const items: any = {
     isStackable: false,
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    isTwoHanded: false,
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   armor: {
     _id: '2',
@@ -99,6 +122,9 @@ export const items: any = {
     fullDescription: 'Recover your life',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    isTwoHanded: false,
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   legs: {
     _id: '3',
@@ -130,6 +156,9 @@ export const items: any = {
     fullDescription: 'Leather legs',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    isTwoHanded: false,
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   boot: {
     _id: '4',
@@ -160,6 +189,9 @@ export const items: any = {
     fullDescription: 'Key to open things',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    isTwoHanded: false,
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   neck: {
     _id: '5',
@@ -191,6 +223,9 @@ export const items: any = {
     fullDescription: 'Somes shard, some crafts.',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    isTwoHanded: false,
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   ring: {
     _id: '6',
@@ -222,6 +257,9 @@ export const items: any = {
     fullDescription: 'Use this axe to chop wood and stuffs.',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    isTwoHanded: false,
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   accessory: {
     _id: '392acek4j7c8e80d2fs60404',
@@ -241,7 +279,7 @@ export const items: any = {
     isItemContainer: true,
     isSolid: false,
     key: 'stone',
-    texturePath: 'ranged-weapons/stone-qty-1.png',
+    texturePath: 'ranged-weapons/stone-qty-5.png',
     textureKey: 'stone',
     name: 'stone',
     generateContainerSlots: 10,
@@ -256,6 +294,7 @@ export const items: any = {
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   inventory: {
     _id: '8',
@@ -273,7 +312,7 @@ export const items: any = {
     isSolid: false,
     key: 'backpack',
     texturePath: 'containers/backpack.png',
-    textureKey: 'backpack',
+    textureKey: 'containers/backpack.png',
     name: 'backpack',
     description: 'Open the gates, but use the key!',
     attack: 7,
@@ -298,6 +337,9 @@ export const items: any = {
       updatedAt: '2022-06-19T06:09:57.971Z',
       isEmpty: true,
     },
+    isTwoHanded: false,
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
   rightHand: {
     _id: '629acef1c7c8e8002ff60736',
@@ -330,6 +372,9 @@ export const items: any = {
     isStackable: false,
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    isTwoHanded: false,
+    hasUseWith: false,
+    rarity: ItemRarities.Common
   },
 };
 

package/src/mocks/itemContainer.mocks.ts

@@ -1,9 +1,8 @@
 import {
   IItem,
-  IItemContainer,
-  ItemSlotType,
+  IItemContainer, ItemRarities, ItemSlotType,
   ItemSubType,
-  ItemType,
+  ItemType
 } from '@rpg-engine/shared';
 
 export const items: IItem[] = [
@@ -40,6 +39,7 @@ export const items: IItem[] = [
     isStackable: false,
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Legendary
   },
   {
     _id: '629acef1c7c8e8002ff73564',
@@ -72,6 +72,7 @@ export const items: IItem[] = [
     isStackable: false,
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Epic
   },
   {
     _id: '629acef1c7c8e8002ff60723',
@@ -105,6 +106,7 @@ export const items: IItem[] = [
     fullDescription: 'Recover your life',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Uncommon
   },
   {
     _id: '629acek4j7c8e8002ff60034',
@@ -138,6 +140,7 @@ export const items: IItem[] = [
     fullDescription: 'Recover your mana',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Rare
   },
   {
     _id: '629acek4j7c8e8002fg60034',
@@ -171,6 +174,7 @@ export const items: IItem[] = [
     fullDescription: 'Key to open things',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e8002ff60403',
@@ -204,6 +208,7 @@ export const items: IItem[] = [
     fullDescription: 'Somes shard, some crafts.',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e8002ff60404',
@@ -240,9 +245,10 @@ 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',
+    rarity: ItemRarities.Common
   },
   {
-    _id: '392acek4j7c8e80d2ff60404',
+    _id: '392acek4j7c8e80d2fs60404',
     hasUseWith: false,
     type: ItemType.Accessory,
     subType: ItemSubType.Ranged,
@@ -274,6 +280,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -308,6 +315,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -342,6 +350,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -376,6 +385,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -410,6 +420,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -444,6 +455,7 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
   {
     _id: '392acek4j7c8e80d2fs60404',
@@ -455,7 +467,7 @@ export const items: IItem[] = [
     isEquipable: true,
     isStackable: true,
     maxStackSize: 100,
-    stackQty: 3.75,
+    stackQty: 203.23,
     isUsable: false,
     isStorable: true,
     isTwoHanded: false,
@@ -478,7 +490,43 @@ export const items: IItem[] = [
     fullDescription: 'You see a stone. It is used with slingshot',
     createdAt: '2022-06-04T03:18:09.335Z',
     updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
   },
+  {
+    _id: '392acek4j7casd0d2fs60404',
+    hasUseWith: false,
+    type: ItemType.Other,
+    subType: ItemSubType.Other,
+    textureAtlas: 'items',
+    allowedEquipSlotType: [],
+    isEquipable: true,
+    isStackable: true,
+    maxStackSize: 100,
+    stackQty: 345,
+    isUsable: false,
+    isStorable: true,
+    isTwoHanded: false,
+    layer: 1,
+    isItemContainer: true,
+    isSolid: false,
+    key: 'gold-coin',
+    texturePath: 'others/gold-coin.png',
+    textureKey: 'gold-coin',
+    name: 'gold-coin',
+    generateContainerSlots: 10,
+    description: 'You see a coin.',
+    attack: 7,
+    defense: 3,
+    weight: 13,
+    tiledId: 67,
+    x: 320,
+    y: 144,
+    scene: 'MainScene',
+    fullDescription: 'You see a stone. It is used with slingshot',
+    createdAt: '2022-06-04T03:18:09.335Z',
+    updatedAt: '2022-06-04T18:16:49.056Z',
+    rarity: ItemRarities.Common
+  }
 ];
 
 export const itemContainerMock: IItemContainer = {
@@ -501,7 +549,7 @@ export const itemContainerMock: IItemContainer = {
     11: items[11],
     12: items[12],
     13: items[13],
-    // 14: items[14],
+    14: items[14],
     //remaining slots are considered null by default
   },
   allowedItemTypes: [],

package/src/mocks/skills.mocks.ts

@@ -1,4 +1,4 @@
-import { SkillType } from '@rpg-engine/shared';
+import { ISkill, SkillType } from '@rpg-engine/shared';
 
 export const skillMock = {
   _id: '62aebda8785a9f0089a4f757',
@@ -110,6 +110,12 @@ export const skillMock = {
     skillPoints: 2,
     skillPointsToNextLevel: 80,
   },
+  blacksmithing: {
+    type: SkillType.Crafting,
+    level: 1,
+    skillPoints: 2,
+    skillPointsToNextLevel: 80,
+  },
   level: 2,
   xpGainRate: 100,
   experience: 31,
@@ -119,4 +125,4 @@ export const skillMock = {
   createdAt: '2022-06-19T06:09:44.661Z',
   updatedAt: '2022-06-19T06:09:44.661Z',
   __v: 0,
-};
+} as ISkill;

package/src/stories/Chat.stories.tsx

@@ -1,8 +1,8 @@
 import { ChatMessageType, IChatMessage } from '@rpg-engine/shared';
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
-import { Chat } from '../../src/components/Chat/Chat';
-import { RPGUIRoot } from '../../src/components/RPGUIRoot';
+import { Chat } from '../components/Chat/Chat';
+import { RPGUIRoot } from '../components/RPGUIRoot';
 
 const meta: Meta = {
   title: 'Chat',
@@ -152,6 +152,20 @@ const chatMessagesMock = [
     createdAt: '2020-08-20T16:00:00.000Z',
     updatedAt: '2020-08-20T16:00:00.000Z',
   },
+  {
+    _id: 'test-id-9',
+    message: '22222EEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
 ];
 
 const Template: Story<IChatMessage> = args => (
@@ -160,8 +174,11 @@ const Template: Story<IChatMessage> = args => (
       onSendChatMessage={msg => console.log(msg)}
       chatMessages={chatMessagesMock}
       opacity={0.5}
-      height={'200px'}
+      styles={{
+        height: '200px',
+      }}
       onCloseButton={() => console.log('closing chat...')}
+      sendMessage={true}
       {...args}
     />
   </RPGUIRoot>

package/src/stories/ChatDeprecated.stories.tsx

@@ -0,0 +1,170 @@
+import { ChatMessageType, IChatMessage } from '@rpg-engine/shared';
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { ChatDeprecated } from '../components/Chatdeprecated/ChatDeprecated';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+
+const meta: Meta = {
+  title: 'ChatDeprecated',
+  component: ChatDeprecated,
+};
+
+export default meta;
+
+const chatMessagesMock = [
+  {
+    _id: 'test-id-1',
+    message: 'test message',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-1',
+    message: 'test message',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-2',
+    message: 'Good morning!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-3',
+    message: 'How are you doing?',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-4',
+    message: 'Hey hey hey!!!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-5',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-6',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-7',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-8',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+  {
+    _id: 'test-id-9',
+    message: 'BITCONNEEEEEEEEECT!',
+    emitter: {
+      _id: 'someid',
+      name: 'Guilherme',
+    },
+    type: ChatMessageType.Global,
+    x: 128,
+    y: 128,
+    scene: 'MainScene',
+    createdAt: '2020-08-20T16:00:00.000Z',
+    updatedAt: '2020-08-20T16:00:00.000Z',
+  },
+];
+
+const Template: Story<IChatMessage> = args => (
+  <RPGUIRoot>
+    <ChatDeprecated
+      onSendChatMessage={msg => console.log(msg)}
+      chatMessages={chatMessagesMock}
+      opacity={0.5}
+      height={'200px'}
+      onCloseButton={() => console.log('closing chat...')}
+      {...args}
+    />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});

package/src/stories/CircullarController.stories.tsx

@@ -0,0 +1,33 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '..';
+import {
+  CircularController,
+  CircularControllerProps,
+} from '../components/CircularController/CircularController';
+import { SPELL_SHORTCUTS_STORAGE_KEY } from '../components/Spellbook/constants';
+
+const meta: Meta = {
+  title: 'Circular Controller',
+  component: CircularController,
+};
+
+export default meta;
+
+const Template: Story<CircularControllerProps> = args => (
+  <RPGUIRoot>
+    <CircularController {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  spells: JSON.parse(
+    localStorage.getItem(SPELL_SHORTCUTS_STORAGE_KEY) as string
+  ),
+  onSpellClick: key => console.log(key),
+  onActionClick: () => console.log('action'),
+  onCancelClick: () => console.log('cancel attack'),
+  mana: 100,
+};

package/src/stories/CraftBook.stories.tsx

@@ -0,0 +1,40 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '..';
+import { CraftBook } from '../components/CraftBook/CraftBook';
+import { craftableItems } from '../components/CraftBook/MockItems';
+import atlasJSON from '../mocks/atlas/items/items.json';
+import atlasIMG from '../mocks/atlas/items/items.png';
+
+const meta: Meta = {
+  title: 'Craft Book',
+  component: CraftBook,
+};
+
+export default meta;
+
+const Template: Story = args => (
+  <RPGUIRoot>
+    <CraftBook
+      atlasIMG={atlasIMG}
+      atlasJSON={atlasJSON}
+      onSelect={onSelect}
+      onClose={() => console.log('closing Equipment Set Container')}
+      craftablesItems={craftableItems}
+      onCraftItem={onCraftItem}
+      {...args}
+    />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+const onCraftItem = (value: string | undefined) => {
+  console.log('Craft', value);
+};
+
+const onSelect = (value: string) => {
+  console.log('Story package', value);
+};
+
+Default.args = {};

package/src/stories/DropdownSelectorContainer.stories.tsx

@@ -0,0 +1,41 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '..';
+import {
+  DropdownSelectorContainer,
+  IDropdownSelectorContainer,
+} from '../components/DropdownSelectorContainer';
+
+const meta: Meta = {
+  title: 'DropdownSelectorContainer',
+  component: DropdownSelectorContainer,
+};
+
+export default meta;
+
+const Template: Story<IDropdownSelectorContainer> = args => (
+  <RPGUIRoot>
+    <DropdownSelectorContainer {...args} details="There are server details" />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  title: 'Choose a server',
+  onChange: () => {},
+  options: [
+    {
+      id: 'europe-germany',
+      name: 'Europe (Germany)',
+    },
+    {
+      id: 'europe-uk',
+      name: 'Europe (UK)',
+    },
+    {
+      id: 'america-us',
+      name: 'America',
+    },
+  ],
+};