@rpg-engine/long-bow 0.7.96 → 0.7.98

package/src/mocks/informationCenter.mocks.ts

@@ -0,0 +1,562 @@
+import {
+  BasicAttribute,
+  CharacterBuffDurationType,
+  CharacterBuffType,
+  EntityAttackType,
+  ItemRarities,
+  ItemSlotType,
+  ItemSubType,
+  ItemType,
+  NPCAlignment,
+  NPCSubtype,
+  RangeTypes,
+} from '@rpg-engine/shared';
+import {
+  IFaqItem,
+  IVideoGuide,
+} from '../components/InformationCenter/InformationCenter';
+import {
+  EntityEffectBlueprint,
+  IInformationCenterItem,
+  IInformationCenterNPC,
+  LootProbability,
+  MovementSpeed,
+} from '../components/InformationCenter/InformationCenterTypes';
+
+export const mockBestiaryItems: IInformationCenterNPC[] = [
+  {
+    id: '1',
+    name: 'Yellow Dragon',
+    key: 'yellow-dragon-02/down/standing/0.png',
+    subType: NPCSubtype.Dragon,
+    alignment: NPCAlignment.Hostile,
+    attackType: EntityAttackType.Melee,
+    maxRangeAttack: RangeTypes.High,
+    speed: MovementSpeed.Standard,
+    baseHealth: 5000,
+    skills: {
+      level: 300,
+      strength: { level: 280 },
+      dexterity: { level: 260 },
+      resistance: { level: 290 },
+    },
+    fleeOnLowHealth: false,
+    entityEffects: [EntityEffectBlueprint.Burning],
+    areaSpells: [
+      {
+        spellKey: 'ThunderStorm',
+        probability: 35,
+        power: 'UltraHigh',
+      },
+      {
+        spellKey: 'LightningBreath',
+        probability: 45,
+        power: 'High',
+      },
+    ],
+    loots: [
+      {
+        itemBlueprintKey: 'DragonScale',
+        chance: LootProbability.Uncommon,
+      },
+      {
+        itemBlueprintKey: 'ThunderStaff',
+        chance: LootProbability.Rare,
+      },
+      {
+        itemBlueprintKey: 'DragonEssence',
+        chance: LootProbability.Uncommon,
+        quantityRange: [1, 3],
+      },
+    ],
+  },
+  {
+    id: '2',
+    name: 'Orc Warrior',
+    key: 'orc-warrior/down/standing/0.png',
+    subType: NPCSubtype.Humanoid,
+    alignment: NPCAlignment.Hostile,
+    attackType: EntityAttackType.Melee,
+    maxRangeAttack: RangeTypes.High,
+    speed: MovementSpeed.Standard,
+    baseHealth: 800,
+    skills: {
+      level: 85,
+      strength: { level: 95 },
+      dexterity: { level: 75 },
+      resistance: { level: 80 },
+    },
+    fleeOnLowHealth: false,
+    entityEffects: [EntityEffectBlueprint.Bleeding, EntityEffectBlueprint.Rage],
+    areaSpells: [
+      {
+        spellKey: 'WarCry',
+        probability: 25,
+        power: 'Medium',
+      },
+    ],
+    loots: [
+      {
+        itemBlueprintKey: 'OrcishAxe',
+        chance: LootProbability.Uncommon,
+      },
+      {
+        itemBlueprintKey: 'HealingHerb',
+        chance: LootProbability.Common,
+        quantityRange: [1, 4],
+      },
+    ],
+  },
+  {
+    id: '3',
+    name: 'Ancient Skeleton',
+    key: 'skeleton/down/standing/0.png',
+    subType: NPCSubtype.Undead,
+    alignment: NPCAlignment.Hostile,
+    attackType: EntityAttackType.Melee,
+    maxRangeAttack: RangeTypes.High,
+    speed: MovementSpeed.Standard,
+    baseHealth: 400,
+    skills: {
+      level: 45,
+      strength: { level: 50 },
+      dexterity: { level: 60 },
+      resistance: { level: 40 },
+    },
+    fleeOnLowHealth: false,
+    entityEffects: [
+      EntityEffectBlueprint.Curse,
+      EntityEffectBlueprint.Weakness,
+    ],
+    areaSpells: [
+      {
+        spellKey: 'BoneShards',
+        probability: 20,
+        power: 'Medium',
+      },
+    ],
+    loots: [
+      {
+        itemBlueprintKey: 'RustySword',
+        chance: LootProbability.Common,
+      },
+      {
+        itemBlueprintKey: 'BoneDust',
+        chance: LootProbability.Uncommon,
+        quantityRange: [1, 3],
+      },
+    ],
+  },
+  {
+    id: '4',
+    name: 'Dire Wolf',
+    key: 'wolf/down/standing/0.png',
+    subType: NPCSubtype.Animal,
+    alignment: NPCAlignment.Hostile,
+    attackType: EntityAttackType.Melee,
+    maxRangeAttack: RangeTypes.High,
+    speed: MovementSpeed.Fast,
+    baseHealth: 350,
+    skills: {
+      level: 40,
+      strength: { level: 45 },
+      dexterity: { level: 65 },
+      resistance: { level: 35 },
+    },
+    fleeOnLowHealth: true,
+    entityEffects: [
+      EntityEffectBlueprint.Bleeding,
+      EntityEffectBlueprint.Cripple,
+    ],
+    areaSpells: [],
+    loots: [
+      {
+        itemBlueprintKey: 'WolfFang',
+        chance: LootProbability.Common,
+        quantityRange: [1, 2],
+      },
+      {
+        itemBlueprintKey: 'WolfPelt',
+        chance: LootProbability.Uncommon,
+      },
+    ],
+  },
+  {
+    id: '5',
+    name: 'Minotaur',
+    key: 'minotaur/down/standing/0.png',
+    subType: NPCSubtype.Animal,
+    alignment: NPCAlignment.Hostile,
+    attackType: EntityAttackType.Melee,
+    maxRangeAttack: RangeTypes.High,
+    speed: MovementSpeed.Fast,
+    baseHealth: 420,
+    skills: {
+      level: 50,
+      strength: { level: 55 },
+      dexterity: { level: 70 },
+      resistance: { level: 60 },
+    },
+    fleeOnLowHealth: true,
+    entityEffects: [
+      EntityEffectBlueprint.Freezing,
+      EntityEffectBlueprint.Bleeding,
+    ],
+    areaSpells: [
+      {
+        spellKey: 'FrostBite',
+        probability: 15,
+        power: 'Medium',
+      },
+    ],
+    loots: [
+      {
+        itemBlueprintKey: 'FrostEssence',
+        chance: LootProbability.Uncommon,
+        quantityRange: [1, 2],
+      },
+      {
+        itemBlueprintKey: 'ArcticPelt',
+        chance: LootProbability.Rare,
+      },
+    ],
+  },
+  {
+    id: '6',
+    name: 'Lich Lord',
+    key: 'litch/down/standing/0.png',
+    subType: NPCSubtype.Undead,
+    alignment: NPCAlignment.Hostile,
+    attackType: EntityAttackType.Ranged,
+    maxRangeAttack: RangeTypes.High,
+    speed: MovementSpeed.Standard,
+    baseHealth: 2200,
+    skills: {
+      level: 200,
+      strength: { level: 160 },
+      dexterity: { level: 180 },
+      resistance: { level: 220 },
+    },
+    fleeOnLowHealth: false,
+    entityEffects: [
+      EntityEffectBlueprint.Curse,
+      EntityEffectBlueprint.Drain,
+      EntityEffectBlueprint.Shadow,
+    ],
+    areaSpells: [
+      {
+        spellKey: 'DeathNova',
+        probability: 30,
+        power: 'VeryHigh',
+      },
+      {
+        spellKey: 'SoulDrain',
+        probability: 25,
+        power: 'High',
+      },
+    ],
+    loots: [
+      {
+        itemBlueprintKey: 'Phylactery',
+        chance: LootProbability.VeryRare,
+      },
+      {
+        itemBlueprintKey: 'NecromancerStaff',
+        chance: LootProbability.Rare,
+      },
+      {
+        itemBlueprintKey: 'DarkEssence',
+        chance: LootProbability.Uncommon,
+        quantityRange: [2, 4],
+      },
+    ],
+  },
+  {
+    id: '7',
+    name: 'Cyclops',
+    key: 'cyclops/down/standing/0.png',
+    subType: NPCSubtype.Animal,
+    alignment: NPCAlignment.Hostile,
+    attackType: EntityAttackType.Ranged,
+    maxRangeAttack: RangeTypes.High,
+    speed: MovementSpeed.Slow,
+    baseHealth: 1800,
+    skills: {
+      level: 150,
+      strength: { level: 180 },
+      dexterity: { level: 90 },
+      resistance: { level: 130 },
+    },
+    fleeOnLowHealth: false,
+    entityEffects: [
+      EntityEffectBlueprint.Stun,
+      EntityEffectBlueprint.Knockback,
+    ],
+    areaSpells: [
+      {
+        spellKey: 'BoulderThrow',
+        probability: 40,
+        power: 'High',
+      },
+    ],
+    loots: [
+      {
+        itemBlueprintKey: 'GiantClub',
+        chance: LootProbability.Uncommon,
+      },
+      {
+        itemBlueprintKey: 'CyclopsEye',
+        chance: LootProbability.VeryRare,
+      },
+      {
+        itemBlueprintKey: 'GiantBone',
+        chance: LootProbability.Common,
+        quantityRange: [1, 3],
+      },
+    ],
+  },
+  {
+    id: '8',
+    name: 'Forest Troll',
+    key: 'forest-troll/down/standing/0.png',
+    subType: NPCSubtype.Animal,
+    alignment: NPCAlignment.Hostile,
+    attackType: EntityAttackType.Melee,
+    maxRangeAttack: RangeTypes.High,
+    speed: MovementSpeed.Standard,
+    baseHealth: 1200,
+    skills: {
+      level: 100,
+      strength: { level: 130 },
+      dexterity: { level: 80 },
+      resistance: { level: 110 },
+    },
+    fleeOnLowHealth: false,
+    entityEffects: [
+      EntityEffectBlueprint.Poison,
+      EntityEffectBlueprint.Regeneration,
+    ],
+    areaSpells: [
+      {
+        spellKey: 'ToxicCloud',
+        probability: 20,
+        power: 'Medium',
+      },
+    ],
+    loots: [
+      {
+        itemBlueprintKey: 'TrollClub',
+        chance: LootProbability.Uncommon,
+      },
+      {
+        itemBlueprintKey: 'TrollBlood',
+        chance: LootProbability.Rare,
+        quantityRange: [1, 2],
+      },
+      {
+        itemBlueprintKey: 'MossyPendant',
+        chance: LootProbability.Uncommon,
+      },
+    ],
+  },
+];
+
+export const mockItems: IInformationCenterItem[] = [
+  {
+    name: 'Dragon Scale Armor',
+    key: 'dark-shield',
+    type: ItemType.Armor,
+    subType: ItemSubType.Armor,
+    textureAtlas: 'items',
+    texturePath: 'shields/dark-shield.png',
+    description: 'A legendary armor forged from dragon scales.',
+    weight: 15,
+    basePrice: 5000,
+    canSell: true,
+    maxStackSize: 1,
+    usableEffectDescription: 'Increases defense by 150',
+    allowedEquipSlotType: [ItemSlotType.Torso],
+    attack: 0,
+    defense: 150,
+    tier: 5,
+    rarity: ItemRarities.Legendary,
+    equippedBuff: [
+      {
+        type: CharacterBuffType.Skill,
+        trait: BasicAttribute.Strength,
+        buffPercentage: 10,
+        durationType: CharacterBuffDurationType.Permanent,
+      },
+    ],
+    equippedBuffDescription: 'Increases strength by 10%',
+    entityEffects: [EntityEffectBlueprint.Burning],
+    entityEffectChance: 70,
+  },
+  {
+    name: 'Angelic Sword',
+    key: 'angelic-sword',
+    type: ItemType.Weapon,
+    subType: ItemSubType.Sword,
+    textureAtlas: 'items',
+    texturePath: 'swords/angelic-sword.png',
+    description: 'A legendary sword imbued with the power of lightning.',
+    weight: 8,
+    basePrice: 8000,
+    canSell: true,
+    allowedEquipSlotType: [ItemSlotType.LeftHand, ItemSlotType.RightHand],
+    attack: 120,
+    defense: 0,
+    tier: 5,
+    rangeType: EntityAttackType.Melee,
+    rarity: ItemRarities.Legendary,
+    maxStackSize: 1,
+    usableEffectDescription: 'Increases attack by 120',
+  },
+  {
+    name: 'Greater Life Potion',
+    key: 'greater-life-potion',
+    type: ItemType.Consumable,
+    subType: ItemSubType.Potion,
+    textureAtlas: 'items',
+    texturePath: 'potions/greater-life-potion.png',
+    description: 'Restores a significant amount of health.',
+    weight: 0.5,
+    basePrice: 100,
+    canSell: true,
+    maxStackSize: 100,
+    usableEffectDescription: 'Restores 200 HP when consumed',
+    rarity: ItemRarities.Common,
+    tier: 1,
+    allowedEquipSlotType: [ItemSlotType.LeftHand],
+  },
+  {
+    name: 'Zephyrus Bow',
+    key: 'ranged-weapons/zephyrus-bow.png',
+    type: ItemType.Weapon,
+    subType: ItemSubType.Ranged,
+    textureAtlas: 'items',
+    texturePath: 'ranged-weapons/zephyrus-bow.png',
+    description: 'A basic wooden shield.',
+    weight: 3,
+    basePrice: 50,
+    canSell: true,
+    maxStackSize: 1,
+    usableEffectDescription: 'Increases attack by 120',
+    allowedEquipSlotType: [ItemSlotType.LeftHand],
+    attack: 0,
+    defense: 15,
+    tier: 1,
+    rarity: ItemRarities.Common,
+  },
+];
+
+export const mockFaqItems: IFaqItem[] = [
+  {
+    id: '1',
+    question: 'How do I level up my character?',
+    answer:
+      'You can level up by gaining experience points through combat, completing quests, and exploring new areas. Each level grants you skill points to improve your abilities.',
+  },
+  {
+    id: '2',
+    question: 'What are the different item rarities?',
+    answer:
+      'Items come in different rarities: Common (white), Uncommon (green), Rare (blue), and Very Rare (purple). Higher rarity items generally have better stats and unique properties.',
+  },
+  {
+    id: '3',
+    question: 'How does combat work?',
+    answer:
+      "Combat is turn-based and depends on your character's stats. Attack determines damage dealt, Defense reduces damage taken, and HP represents your health points.",
+  },
+];
+
+export const mockTutorials: IVideoGuide[] = [
+  {
+    id: '1',
+    title: 'Getting Started Guide',
+    description:
+      'Learn the basics of character creation, movement, and basic combat.',
+    thumbnailUrl: '/tutorials/getting-started.jpg',
+    videoUrl: 'https://youtube.com/watch?v=getting-started',
+    category: 'General',
+  },
+  {
+    id: '2',
+    title: 'Advanced Combat Techniques',
+    description:
+      'Master the art of combat with advanced combos and spell casting.',
+    thumbnailUrl: '/tutorials/advanced-combat.jpg',
+    videoUrl: 'https://youtube.com/watch?v=advanced-combat',
+    category: 'Combat',
+  },
+  {
+    id: '3',
+    title: 'Crafting System Tutorial',
+    description:
+      'Everything you need to know about crafting weapons and items.',
+    thumbnailUrl: '/tutorials/crafting.jpg',
+    videoUrl: 'https://youtube.com/watch?v=crafting',
+    category: 'Crafting',
+  },
+  {
+    id: '4',
+    title: 'Secret Areas Guide',
+    description: 'Discover hidden locations and treasures across the world.',
+    thumbnailUrl: '/tutorials/exploration.jpg',
+    videoUrl: 'https://youtube.com/watch?v=exploration',
+    category: 'Exploration',
+  },
+  {
+    id: '5',
+    title: 'Boss Battle Strategies',
+    description:
+      'Learn effective strategies to defeat challenging boss encounters.',
+    thumbnailUrl: '/tutorials/boss-battles.jpg',
+    videoUrl: 'https://youtube.com/watch?v=boss-battles',
+    category: 'Combat',
+  },
+  {
+    id: '6',
+    title: 'Resource Gathering Guide',
+    description:
+      'Efficient methods for gathering crafting materials and resources.',
+    thumbnailUrl: '/tutorials/resource-gathering.jpg',
+    videoUrl: 'https://youtube.com/watch?v=resource-gathering',
+    category: 'Crafting',
+  },
+  {
+    id: '7',
+    title: 'Dungeon Exploration Tips',
+    description:
+      'Essential tips for surviving and navigating dangerous dungeons.',
+    thumbnailUrl: '/tutorials/dungeon-tips.jpg',
+    videoUrl: 'https://youtube.com/watch?v=dungeon-tips',
+    category: 'Exploration',
+  },
+  {
+    id: '8',
+    title: 'Character Build Guide',
+    description: 'Optimize your character builds for different playstyles.',
+    thumbnailUrl: '/tutorials/character-builds.jpg',
+    videoUrl: 'https://youtube.com/watch?v=character-builds',
+    category: 'General',
+  },
+  {
+    id: '9',
+    title: 'PvP Combat Guide',
+    description: 'Advanced tactics for player versus player combat scenarios.',
+    thumbnailUrl: '/tutorials/pvp-combat.jpg',
+    videoUrl: 'https://youtube.com/watch?v=pvp-combat',
+    category: 'Combat',
+  },
+  {
+    id: '10',
+    title: 'Rare Item Crafting',
+    description:
+      'Special recipes and techniques for crafting rare and legendary items.',
+    thumbnailUrl: '/tutorials/rare-crafting.jpg',
+    videoUrl: 'https://youtube.com/watch?v=rare-crafting',
+    category: 'Crafting',
+  },
+];

package/src/stories/Features/craftbook/CraftBook.stories.tsx

@@ -49,7 +49,7 @@ const Template: Story = args => (
       atlasJSON={atlasJSON}
       onSelect={onSelect}
       onClose={() => console.log('closing Equipment Set Container')}
-      craftablesItems={extendedCraftableItems}
+      craftablesItems={args.craftablesItems ?? extendedCraftableItems}
       onCraftItem={(value, maxCraftable) => {
         console.log('Crafting:', {
           itemKey: value,
@@ -81,3 +81,17 @@ export const WithCategory = Template.bind({});
 WithCategory.args = {
   savedSelectedType: 'Weapon',
 };
+
+// Add a story with empty state
+export const Empty = Template.bind({});
+Empty.args = {
+  craftablesItems: [],
+  savedSelectedType: 'Weapon',
+};
+
+// Add a story with search that yields no results
+export const NoSearchResults = Template.bind({});
+NoSearchResults.args = {
+  craftablesItems: extendedCraftableItems,
+  searchTerm: 'xyzabc123', // A search term that won't match any items
+};

package/src/stories/UI/info/InformationCenter.stories.tsx

@@ -0,0 +1,58 @@
+import type { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { InformationCenter } from '../../../components/InformationCenter/InformationCenter';
+import { IInformationCenterItem } from '../../../components/InformationCenter/InformationCenterTypes';
+import { RPGUIRoot } from '../../../components/RPGUI/RPGUIRoot';
+import entitiesAtlasJSON from '../../../mocks/atlas/entities/entities.json';
+import entitiesAtlasIMG from '../../../mocks/atlas/entities/entities.png';
+import itemsAtlasJSON from '../../../mocks/atlas/items/items.json';
+import itemsAtlasIMG from '../../../mocks/atlas/items/items.png';
+import { mockBestiaryItems, mockFaqItems, mockItems, mockTutorials } from '../../../mocks/informationCenter.mocks';
+ 
+
+const meta: Meta = {
+  title: 'UI/Info/InformationCenter',
+  component: InformationCenter,
+  parameters: {
+    layout: 'centered',
+  },
+};
+
+export default meta;
+
+const Template: Story = args => (
+  <RPGUIRoot>
+    <InformationCenter
+      itemsAtlasJSON={itemsAtlasJSON}
+      itemsAtlasIMG={itemsAtlasIMG}
+      entitiesAtlasJSON={entitiesAtlasJSON}
+      entitiesAtlasIMG={entitiesAtlasIMG}
+      faqItems={mockFaqItems}
+      bestiaryItems={mockBestiaryItems}
+      videoGuides={mockTutorials}
+      items={mockItems as unknown as IInformationCenterItem[]}
+      {...args}
+    />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+Default.args = {};
+
+export const Loading = Template.bind({});
+Loading.args = {
+  loading: true,
+};
+
+export const Error = Template.bind({});
+Error.args = {
+  error: 'Failed to load content',
+};
+
+export const Empty = Template.bind({});
+Empty.args = {
+  faqItems: [],
+  bestiaryItems: [],
+  videoGuides: [],
+  items: [],
+}; 

package/src/stories/UI/joystick/JoystickDPad.stories.tsx

@@ -0,0 +1,52 @@
+import { action } from '@storybook/addon-actions';
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { JoystickDPad } from '../../../components/DPad/JoystickDPad';
+
+export default {
+  title: 'UI/Joystick/DPad',
+  component: JoystickDPad,
+  argTypes: {
+    options: {
+      control: 'object',
+    },
+    disabled: {
+      control: 'boolean',
+    },
+  },
+} as Meta;
+
+const Template: Story = args => <JoystickDPad {...args} />;
+
+export const Default = Template.bind({});
+Default.args = {
+  onDirectionPress: (direction: 'up' | 'down' | 'left' | 'right') => {
+    console.log(`Direction pressed: ${direction}`);
+    action(`Direction pressed`)(direction);
+  },
+};
+
+export const WithBackground = Template.bind({});
+WithBackground.args = {
+  ...Default.args,
+  options: {
+    showBackground: true,
+  },
+};
+
+export const WithCustomOptions = Template.bind({});
+WithCustomOptions.args = {
+  ...Default.args,
+  options: {
+    size: 150,
+    opacity: 0.8,
+    pressInterval: 100,
+    showBackground: true,
+  },
+};
+
+export const Disabled = Template.bind({});
+Disabled.args = {
+  ...Default.args,
+  disabled: true,
+};