@rpg-engine/long-bow 0.3.47 → 0.3.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (144) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +181 -181
  3. package/dist/components/CharacterStatus/CharacterStatus.d.ts +9 -0
  4. package/dist/long-bow.cjs.development.js +754 -727
  5. package/dist/long-bow.cjs.development.js.map +1 -1
  6. package/dist/long-bow.cjs.production.min.js +1 -1
  7. package/dist/long-bow.cjs.production.min.js.map +1 -1
  8. package/dist/long-bow.esm.js +756 -729
  9. package/dist/long-bow.esm.js.map +1 -1
  10. package/dist/stories/CharacterStatus.stories.d.ts +5 -0
  11. package/package.json +100 -100
  12. package/src/components/Abstractions/SlotsContainer.tsx +45 -45
  13. package/src/components/Arrow/SelectArrow.tsx +65 -65
  14. package/src/components/Arrow/img/arrow01-left-clicked.png +0 -0
  15. package/src/components/Arrow/img/arrow01-left.png +0 -0
  16. package/src/components/Arrow/img/arrow01-right-clicked.png +0 -0
  17. package/src/components/Arrow/img/arrow01-right.png +0 -0
  18. package/src/components/Arrow/img/arrow02-left-clicked.png +0 -0
  19. package/src/components/Arrow/img/arrow02-left.png +0 -0
  20. package/src/components/Arrow/img/arrow02-right-clicked.png +0 -0
  21. package/src/components/Arrow/img/arrow02-right.png +0 -0
  22. package/src/components/Button.tsx +41 -41
  23. package/src/components/Character/CharacterSelection.tsx +96 -96
  24. package/src/components/CharacterStatus/Character.png +0 -0
  25. package/src/components/CharacterStatus/CharacterStatus.tsx +120 -0
  26. package/src/components/Chat/Chat.tsx +195 -194
  27. package/src/components/Chatdeprecated/ChatDeprecated.tsx +200 -200
  28. package/src/components/CheckButton.tsx +65 -65
  29. package/src/components/CircularController/CircularController.tsx +162 -162
  30. package/src/components/CraftBook/CraftBook.tsx +235 -230
  31. package/src/components/CraftBook/MockItems.ts +46 -46
  32. package/src/components/DraggableContainer.tsx +154 -154
  33. package/src/components/Dropdown.tsx +96 -96
  34. package/src/components/DropdownSelectorContainer.tsx +42 -42
  35. package/src/components/Equipment/EquipmentSet.tsx +190 -190
  36. package/src/components/HistoryDialog.tsx +104 -104
  37. package/src/components/Input.tsx +15 -15
  38. package/src/components/Item/Cards/ItemTooltip.tsx +33 -33
  39. package/src/components/Item/Inventory/ErrorBoundary.tsx +42 -42
  40. package/src/components/Item/Inventory/ItemContainer.tsx +175 -175
  41. package/src/components/Item/Inventory/ItemContainerTypes.ts +6 -6
  42. package/src/components/Item/Inventory/ItemQuantitySelector.tsx +142 -142
  43. package/src/components/Item/Inventory/ItemSlot.tsx +465 -465
  44. package/src/components/Item/Inventory/itemContainerHelper.ts +156 -156
  45. package/src/components/ListMenu.tsx +63 -63
  46. package/src/components/Multitab/Tab.tsx +57 -57
  47. package/src/components/Multitab/TabBody.tsx +13 -13
  48. package/src/components/Multitab/TabsContainer.tsx +97 -97
  49. package/src/components/NPCDialog/NPCDialog.tsx +121 -121
  50. package/src/components/NPCDialog/NPCDialogText.tsx +113 -113
  51. package/src/components/NPCDialog/NPCMultiDialog.tsx +159 -159
  52. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +237 -237
  53. package/src/components/ProgressBar.tsx +92 -92
  54. package/src/components/PropertySelect/PropertySelect.tsx +114 -114
  55. package/src/components/QuestInfo/QuestInfo.tsx +232 -232
  56. package/src/components/QuestList.tsx +129 -129
  57. package/src/components/RPGUIContainer.tsx +47 -47
  58. package/src/components/RPGUIForceRenderStart.tsx +45 -45
  59. package/src/components/RPGUIRoot.tsx +14 -14
  60. package/src/components/RadioButton.tsx +53 -53
  61. package/src/components/RadioInput/RadioButton.tsx +98 -98
  62. package/src/components/RadioInput/RadioInput.tsx +98 -98
  63. package/src/components/RadioInput/instruments.ts +15 -15
  64. package/src/components/RangeSlider.tsx +78 -78
  65. package/src/components/RelativeListMenu.tsx +83 -83
  66. package/src/components/ScrollList.tsx +79 -79
  67. package/src/components/SimpleProgressBar.tsx +62 -62
  68. package/src/components/SkillProgressBar.tsx +133 -133
  69. package/src/components/SkillsContainer.tsx +191 -167
  70. package/src/components/Spellbook/QuickSpells.tsx +120 -120
  71. package/src/components/Spellbook/Spell.tsx +201 -201
  72. package/src/components/Spellbook/Spellbook.tsx +144 -144
  73. package/src/components/Spellbook/SpellbookShortcuts.tsx +77 -77
  74. package/src/components/Spellbook/constants.ts +12 -12
  75. package/src/components/Spellbook/mockSpells.ts +60 -60
  76. package/src/components/StaticBook/StaticBook.tsx +105 -105
  77. package/src/components/TextArea.tsx +11 -11
  78. package/src/components/TimeWidget/DayNightPeriod/DayNightPeriod.tsx +35 -35
  79. package/src/components/TimeWidget/TimeWidget.tsx +63 -63
  80. package/src/components/TradingMenu/TradingItemRow.tsx +197 -197
  81. package/src/components/TradingMenu/TradingMenu.tsx +203 -203
  82. package/src/components/TradingMenu/items.mock.ts +37 -36
  83. package/src/components/Truncate.tsx +25 -25
  84. package/src/components/itemSelector/ItemSelector.tsx +136 -136
  85. package/src/components/shared/Column.tsx +16 -16
  86. package/src/components/shared/Ellipsis.tsx +65 -65
  87. package/src/components/shared/SpriteFromAtlas.tsx +102 -102
  88. package/src/components/typography/DynamicText.tsx +49 -49
  89. package/src/constants/uiColors.ts +20 -20
  90. package/src/constants/uiDevices.ts +3 -3
  91. package/src/constants/uiFonts.ts +12 -12
  92. package/src/hooks/useEventListener.ts +21 -21
  93. package/src/hooks/useOutsideAlerter.ts +25 -25
  94. package/src/index.tsx +40 -40
  95. package/src/libs/StringHelpers.ts +3 -3
  96. package/src/mocks/atlas/entities/entities.json +20215 -20215
  97. package/src/mocks/atlas/icons/icons.json +735 -735
  98. package/src/mocks/atlas/items/items.json +12086 -12086
  99. package/src/mocks/equipmentSet.mocks.ts +393 -393
  100. package/src/mocks/itemContainer.mocks.ts +560 -560
  101. package/src/mocks/skills.mocks.ts +128 -128
  102. package/src/stories/Arrow.stories.tsx +26 -26
  103. package/src/stories/Button.stories.tsx +36 -36
  104. package/src/stories/CharacterSelection.stories.tsx +45 -45
  105. package/src/stories/CharacterStatus.stories.tsx +29 -0
  106. package/src/stories/Chat.stories.tsx +187 -187
  107. package/src/stories/ChatDeprecated.stories.tsx +170 -170
  108. package/src/stories/CheckButton.stories.tsx +48 -48
  109. package/src/stories/CircullarController.stories.tsx +33 -33
  110. package/src/stories/CraftBook.stories.tsx +40 -40
  111. package/src/stories/DayNightPeriod.stories.tsx +27 -27
  112. package/src/stories/DraggableContainer.stories.tsx +28 -28
  113. package/src/stories/Dropdown.stories.tsx +46 -46
  114. package/src/stories/DropdownSelectorContainer.stories.tsx +41 -41
  115. package/src/stories/EquipmentSet.stories.tsx +65 -65
  116. package/src/stories/HistoryDialog.stories.tsx +61 -61
  117. package/src/stories/ItemContainer.stories.tsx +124 -124
  118. package/src/stories/ItemQuantitySelector.stories.tsx +26 -26
  119. package/src/stories/ItemSelector.stories.tsx +77 -77
  120. package/src/stories/ItemTradingComponent.stories.tsx +35 -35
  121. package/src/stories/ListMenu.stories.tsx +56 -56
  122. package/src/stories/Multitab.stories.tsx +51 -51
  123. package/src/stories/NPCDialog.stories.tsx +130 -130
  124. package/src/stories/NPCMultiDialog.stories.tsx +71 -71
  125. package/src/stories/ProgressBar.stories.tsx +23 -23
  126. package/src/stories/PropertySelect.stories.tsx +40 -40
  127. package/src/stories/QuestInfo.stories.tsx +107 -107
  128. package/src/stories/QuestList.stories.tsx +82 -82
  129. package/src/stories/QuickSpells.stories.tsx +38 -38
  130. package/src/stories/RPGUIContainers.stories.tsx +42 -42
  131. package/src/stories/RadioButton.stories.tsx +49 -49
  132. package/src/stories/RadioInput.stories.tsx +34 -34
  133. package/src/stories/RangeSlider.stories.tsx +64 -64
  134. package/src/stories/ScrollList.stories.tsx +85 -85
  135. package/src/stories/SimpleProgressBar.stories.tsx +22 -22
  136. package/src/stories/SkillProgressBar.stories.tsx +34 -34
  137. package/src/stories/SkillsContainer.stories.tsx +35 -35
  138. package/src/stories/Spellbook.stories.tsx +107 -107
  139. package/src/stories/StaticBook.stories.tsx +32 -32
  140. package/src/stories/Text.stories.tsx +42 -42
  141. package/src/stories/TimeWidget.stories.tsx +27 -27
  142. package/src/stories/TradingMenu.stories.tsx +45 -45
  143. package/src/types/eventTypes.ts +4 -4
  144. package/src/types/index.d.ts +2 -2
@@ -1,107 +1,107 @@
1
- import { Meta, Story } from '@storybook/react';
2
- import React, { useEffect, useState } from 'react';
3
- import { RPGUIRoot } from '../components/RPGUIRoot';
4
- import {
5
- defaultSpellShortcut,
6
- SPELL_SHORTCUTS_STORAGE_KEY,
7
- } from '../components/Spellbook/constants';
8
- import { mockSpells } from '../components/Spellbook/mockSpells';
9
- import { ISpellbookProps, Spellbook } from '../components/Spellbook/Spellbook';
10
-
11
- const meta: Meta = {
12
- title: 'Spellbook',
13
- component: Spellbook,
14
- };
15
-
16
- export default meta;
17
-
18
- const Template: Story<ISpellbookProps> = args => {
19
- const [spellShortcuts, setSpellShortcuts] = useState([]);
20
-
21
- useEffect(() => {
22
- const shortcuts = localStorage.getItem(SPELL_SHORTCUTS_STORAGE_KEY);
23
- if (shortcuts) {
24
- setSpellShortcuts(JSON.parse(shortcuts));
25
- }
26
- }, []);
27
-
28
- const setSpellShortcut = (key: string, index: number) => {
29
- const spellShortcuts = JSON.parse(
30
- localStorage.getItem(SPELL_SHORTCUTS_STORAGE_KEY) as string
31
- );
32
-
33
- const spell = mockSpells.find(s => s.key === key);
34
- if (!spell) {
35
- return;
36
- }
37
-
38
- if (!spellShortcuts) {
39
- const newSpellShortcuts = [
40
- defaultSpellShortcut,
41
- defaultSpellShortcut,
42
- defaultSpellShortcut,
43
- defaultSpellShortcut,
44
- ];
45
-
46
- newSpellShortcuts[index] = spell;
47
-
48
- localStorage.setItem(
49
- SPELL_SHORTCUTS_STORAGE_KEY,
50
- JSON.stringify(newSpellShortcuts)
51
- );
52
- } else {
53
- spellShortcuts[index] = spell;
54
-
55
- localStorage.setItem(
56
- SPELL_SHORTCUTS_STORAGE_KEY,
57
- JSON.stringify(spellShortcuts)
58
- );
59
- }
60
-
61
- setSpellShortcuts(spellShortcuts);
62
- };
63
-
64
- const removeSpellShortcut = (index: number) => {
65
- const spellShortcuts = JSON.parse(
66
- localStorage.getItem(SPELL_SHORTCUTS_STORAGE_KEY) as string
67
- );
68
-
69
- if (!spellShortcuts) return;
70
-
71
- spellShortcuts[index] = defaultSpellShortcut;
72
-
73
- localStorage.setItem(
74
- SPELL_SHORTCUTS_STORAGE_KEY,
75
- JSON.stringify(spellShortcuts)
76
- );
77
-
78
- setSpellShortcuts(spellShortcuts);
79
- };
80
-
81
- return (
82
- <RPGUIRoot>
83
- <div
84
- style={{
85
- width: '50%',
86
- height: '75%',
87
- }}
88
- >
89
- <Spellbook
90
- {...args}
91
- setSpellShortcut={setSpellShortcut}
92
- removeSpellShortcut={removeSpellShortcut}
93
- spellShortcuts={spellShortcuts}
94
- />
95
- </div>
96
- </RPGUIRoot>
97
- );
98
- };
99
-
100
- export const Default = Template.bind({});
101
- Default.args = {
102
- onClose: () => console.log('close'),
103
- onSpellClick: spellKey => console.log(spellKey),
104
- spells: mockSpells,
105
- magicLevel: 3,
106
- mana: 5,
107
- };
1
+ import { Meta, Story } from '@storybook/react';
2
+ import React, { useEffect, useState } from 'react';
3
+ import { RPGUIRoot } from '../components/RPGUIRoot';
4
+ import {
5
+ defaultSpellShortcut,
6
+ SPELL_SHORTCUTS_STORAGE_KEY,
7
+ } from '../components/Spellbook/constants';
8
+ import { mockSpells } from '../components/Spellbook/mockSpells';
9
+ import { ISpellbookProps, Spellbook } from '../components/Spellbook/Spellbook';
10
+
11
+ const meta: Meta = {
12
+ title: 'Spellbook',
13
+ component: Spellbook,
14
+ };
15
+
16
+ export default meta;
17
+
18
+ const Template: Story<ISpellbookProps> = args => {
19
+ const [spellShortcuts, setSpellShortcuts] = useState([]);
20
+
21
+ useEffect(() => {
22
+ const shortcuts = localStorage.getItem(SPELL_SHORTCUTS_STORAGE_KEY);
23
+ if (shortcuts) {
24
+ setSpellShortcuts(JSON.parse(shortcuts));
25
+ }
26
+ }, []);
27
+
28
+ const setSpellShortcut = (key: string, index: number) => {
29
+ const spellShortcuts = JSON.parse(
30
+ localStorage.getItem(SPELL_SHORTCUTS_STORAGE_KEY) as string
31
+ );
32
+
33
+ const spell = mockSpells.find(s => s.key === key);
34
+ if (!spell) {
35
+ return;
36
+ }
37
+
38
+ if (!spellShortcuts) {
39
+ const newSpellShortcuts = [
40
+ defaultSpellShortcut,
41
+ defaultSpellShortcut,
42
+ defaultSpellShortcut,
43
+ defaultSpellShortcut,
44
+ ];
45
+
46
+ newSpellShortcuts[index] = spell;
47
+
48
+ localStorage.setItem(
49
+ SPELL_SHORTCUTS_STORAGE_KEY,
50
+ JSON.stringify(newSpellShortcuts)
51
+ );
52
+ } else {
53
+ spellShortcuts[index] = spell;
54
+
55
+ localStorage.setItem(
56
+ SPELL_SHORTCUTS_STORAGE_KEY,
57
+ JSON.stringify(spellShortcuts)
58
+ );
59
+ }
60
+
61
+ setSpellShortcuts(spellShortcuts);
62
+ };
63
+
64
+ const removeSpellShortcut = (index: number) => {
65
+ const spellShortcuts = JSON.parse(
66
+ localStorage.getItem(SPELL_SHORTCUTS_STORAGE_KEY) as string
67
+ );
68
+
69
+ if (!spellShortcuts) return;
70
+
71
+ spellShortcuts[index] = defaultSpellShortcut;
72
+
73
+ localStorage.setItem(
74
+ SPELL_SHORTCUTS_STORAGE_KEY,
75
+ JSON.stringify(spellShortcuts)
76
+ );
77
+
78
+ setSpellShortcuts(spellShortcuts);
79
+ };
80
+
81
+ return (
82
+ <RPGUIRoot>
83
+ <div
84
+ style={{
85
+ width: '50%',
86
+ height: '75%',
87
+ }}
88
+ >
89
+ <Spellbook
90
+ {...args}
91
+ setSpellShortcut={setSpellShortcut}
92
+ removeSpellShortcut={removeSpellShortcut}
93
+ spellShortcuts={spellShortcuts}
94
+ />
95
+ </div>
96
+ </RPGUIRoot>
97
+ );
98
+ };
99
+
100
+ export const Default = Template.bind({});
101
+ Default.args = {
102
+ onClose: () => console.log('close'),
103
+ onSpellClick: spellKey => console.log(spellKey),
104
+ spells: mockSpells,
105
+ magicLevel: 3,
106
+ mana: 5,
107
+ };
@@ -1,32 +1,32 @@
1
- import { Meta, Story } from '@storybook/react';
2
- import React from 'react';
3
- import { RPGUIRoot } from '..';
4
- import {
5
- IStaticBookProps,
6
- StaticBook,
7
- } from '../components/StaticBook/StaticBook';
8
-
9
- const meta: Meta = {
10
- title: 'Static Book',
11
- component: StaticBook,
12
- };
13
-
14
- export default meta;
15
-
16
- const Template: Story<IStaticBookProps> = args => (
17
- <RPGUIRoot>
18
- <StaticBook
19
- {...args}
20
- onClose={() => console.log('Trying to close the book!')}
21
- />
22
- </RPGUIRoot>
23
- );
24
-
25
- export const Default = Template.bind({});
26
-
27
- const bookMock =
28
- 'Computers and RPGs have always gone hand-in-hand. Even when the bes and Oubliette. A few, such as Oubliette, had simple graphics, though most started out as just text or used ASCII’s standard set of text-mode graphics The most successful dungeon crawler of all time is, of course, Blizzard’s Diablo. But Rogue’s longest-lived descendent is arguably a much more interesting game—1987’s Nethack. Technically, it was based on a Rogue clone called, yes, Hack, but let’s not quibble. Nethack takes the basic dungeon crawling concept and adds several decades worth of development. The original PC RPGs—such as MUDs, or multi-user dungeons—appeared in the mid-70s. These weren’t for home computers, but mainframes, typically found in universities. They tended to be based on either Dungeons & Dragons, which itself launched in 1974, or be variously disguised takes on Tolkien. These included Dungeon, DND, Orthanc, and Oubliette. A few, such as Oubliette, had simple graphics, though most started out as just text or used ASCII’s standard set of text-mode graphics The most successful dungeon crawler of all time is, of course, Blizzard’s Diablo. But Rogue’s longest-lived descendent is arguably a much more interesting game—1987’s Nethack. Technically, it was based on a Rogue clone called, yes, Hack, but let’s not quibble. Nethack takes the basic dungeon crawling concept and adds several decades worth of development. Despite the primitive technology, these games often offered surprising depth. Don Daglow’s Dungeon for instance, a 1975 D&D pastiche, offered control of an entire multiplayer party, mapping, NPCs with AI, line-of-sight-based combat, and both melee and ranged attacks. Moria, from the same year, served up wireframe graphics for its characters, and even featured rudimentary 3D views of its corridors. Small ones, with no detail, but let’s not forget that even Space Invaders wasn’t out yet! Ever wondered if throwing a custard pie in a basilisk’s face will stop its petrifying stare? Nethack not only answers that question (it will), but also implements blindness if you get hit by a pie yourself, causes you to break your code if a vegan character eats one (seriously), and ensures the attack doesn’t count if you’re on a pacifist run (it does no damage, no matter your combat bonus). This level of detail lead to the saying “The Dev Team Thinks Of Everything”. Many versions are now available, from the original ASCII-based game to graphical overhauls like Vulture’s Eye. All are free, as a condition of the distribution licence. While the original Rogue was a single-player game, the first multiplayer game was probably 1980’s MUD, or Multi-User Dungeon. This was a text-based game, but with the ability to play with other people. It was also the first game to use the term “multiplayer” in its name. MUDs were hugely popular, and spawned a whole genre of games, including the aforementioned Nethack. The most successful of these was probably 1988’s MUD1, which was so popular that it was ported to the Commodore 64. The most successful of these was probably 1988’s MUD1, which was so popular that it was ported to the Commodore 64. The most successful of these was probably 1988’s MUD1, which was so popular that it was ported to the Commodore 64. The most successful of these was probably 1988’s MUD1, which was so popular that it was ported to the Commodore 64. ';
29
-
30
- Default.args = {
31
- content: bookMock,
32
- };
1
+ import { Meta, Story } from '@storybook/react';
2
+ import React from 'react';
3
+ import { RPGUIRoot } from '..';
4
+ import {
5
+ IStaticBookProps,
6
+ StaticBook,
7
+ } from '../components/StaticBook/StaticBook';
8
+
9
+ const meta: Meta = {
10
+ title: 'Static Book',
11
+ component: StaticBook,
12
+ };
13
+
14
+ export default meta;
15
+
16
+ const Template: Story<IStaticBookProps> = args => (
17
+ <RPGUIRoot>
18
+ <StaticBook
19
+ {...args}
20
+ onClose={() => console.log('Trying to close the book!')}
21
+ />
22
+ </RPGUIRoot>
23
+ );
24
+
25
+ export const Default = Template.bind({});
26
+
27
+ const bookMock =
28
+ 'Computers and RPGs have always gone hand-in-hand. Even when the bes and Oubliette. A few, such as Oubliette, had simple graphics, though most started out as just text or used ASCII’s standard set of text-mode graphics The most successful dungeon crawler of all time is, of course, Blizzard’s Diablo. But Rogue’s longest-lived descendent is arguably a much more interesting game—1987’s Nethack. Technically, it was based on a Rogue clone called, yes, Hack, but let’s not quibble. Nethack takes the basic dungeon crawling concept and adds several decades worth of development. The original PC RPGs—such as MUDs, or multi-user dungeons—appeared in the mid-70s. These weren’t for home computers, but mainframes, typically found in universities. They tended to be based on either Dungeons & Dragons, which itself launched in 1974, or be variously disguised takes on Tolkien. These included Dungeon, DND, Orthanc, and Oubliette. A few, such as Oubliette, had simple graphics, though most started out as just text or used ASCII’s standard set of text-mode graphics The most successful dungeon crawler of all time is, of course, Blizzard’s Diablo. But Rogue’s longest-lived descendent is arguably a much more interesting game—1987’s Nethack. Technically, it was based on a Rogue clone called, yes, Hack, but let’s not quibble. Nethack takes the basic dungeon crawling concept and adds several decades worth of development. Despite the primitive technology, these games often offered surprising depth. Don Daglow’s Dungeon for instance, a 1975 D&D pastiche, offered control of an entire multiplayer party, mapping, NPCs with AI, line-of-sight-based combat, and both melee and ranged attacks. Moria, from the same year, served up wireframe graphics for its characters, and even featured rudimentary 3D views of its corridors. Small ones, with no detail, but let’s not forget that even Space Invaders wasn’t out yet! Ever wondered if throwing a custard pie in a basilisk’s face will stop its petrifying stare? Nethack not only answers that question (it will), but also implements blindness if you get hit by a pie yourself, causes you to break your code if a vegan character eats one (seriously), and ensures the attack doesn’t count if you’re on a pacifist run (it does no damage, no matter your combat bonus). This level of detail lead to the saying “The Dev Team Thinks Of Everything”. Many versions are now available, from the original ASCII-based game to graphical overhauls like Vulture’s Eye. All are free, as a condition of the distribution licence. While the original Rogue was a single-player game, the first multiplayer game was probably 1980’s MUD, or Multi-User Dungeon. This was a text-based game, but with the ability to play with other people. It was also the first game to use the term “multiplayer” in its name. MUDs were hugely popular, and spawned a whole genre of games, including the aforementioned Nethack. The most successful of these was probably 1988’s MUD1, which was so popular that it was ported to the Commodore 64. The most successful of these was probably 1988’s MUD1, which was so popular that it was ported to the Commodore 64. The most successful of these was probably 1988’s MUD1, which was so popular that it was ported to the Commodore 64. The most successful of these was probably 1988’s MUD1, which was so popular that it was ported to the Commodore 64. ';
29
+
30
+ Default.args = {
31
+ content: bookMock,
32
+ };
@@ -1,42 +1,42 @@
1
- import { Meta, Story } from '@storybook/react';
2
- import React from 'react';
3
- import { RPGUIRoot } from '../../src';
4
- import {
5
- IInputProps,
6
- Input as InputComponent,
7
- } from '../../src/components/Input';
8
- import {
9
- ITextArea,
10
- TextArea as TextAreaComponent,
11
- } from '../../src/components/TextArea';
12
-
13
- const meta: Meta = {
14
- title: 'Text',
15
- component: InputComponent,
16
- };
17
-
18
- export default meta;
19
-
20
- const InputTemplate: Story<IInputProps> = args => (
21
- <RPGUIRoot>
22
- <InputComponent {...args} />
23
- </RPGUIRoot>
24
- );
25
-
26
- export const Input = InputTemplate.bind({});
27
-
28
- Input.args = {
29
- placeholder: 'Test placeholder',
30
- };
31
-
32
- const TextAreaTemplate: Story<ITextArea> = args => (
33
- <RPGUIRoot>
34
- <TextAreaComponent {...args} />
35
- </RPGUIRoot>
36
- );
37
-
38
- export const TextArea = TextAreaTemplate.bind({});
39
-
40
- TextArea.args = {
41
- placeholder: 'Test placeholder',
42
- };
1
+ import { Meta, Story } from '@storybook/react';
2
+ import React from 'react';
3
+ import { RPGUIRoot } from '../../src';
4
+ import {
5
+ IInputProps,
6
+ Input as InputComponent,
7
+ } from '../../src/components/Input';
8
+ import {
9
+ ITextArea,
10
+ TextArea as TextAreaComponent,
11
+ } from '../../src/components/TextArea';
12
+
13
+ const meta: Meta = {
14
+ title: 'Text',
15
+ component: InputComponent,
16
+ };
17
+
18
+ export default meta;
19
+
20
+ const InputTemplate: Story<IInputProps> = args => (
21
+ <RPGUIRoot>
22
+ <InputComponent {...args} />
23
+ </RPGUIRoot>
24
+ );
25
+
26
+ export const Input = InputTemplate.bind({});
27
+
28
+ Input.args = {
29
+ placeholder: 'Test placeholder',
30
+ };
31
+
32
+ const TextAreaTemplate: Story<ITextArea> = args => (
33
+ <RPGUIRoot>
34
+ <TextAreaComponent {...args} />
35
+ </RPGUIRoot>
36
+ );
37
+
38
+ export const TextArea = TextAreaTemplate.bind({});
39
+
40
+ TextArea.args = {
41
+ placeholder: 'Test placeholder',
42
+ };
@@ -1,27 +1,27 @@
1
- import { PeriodOfDay } from '@rpg-engine/shared';
2
- import { Meta, Story } from '@storybook/react';
3
- import React from 'react';
4
- import { RPGUIRoot } from '../components/RPGUIRoot';
5
- import {
6
- IClockWidgetProps,
7
- TimeWidget,
8
- } from '../components/TimeWidget/TimeWidget';
9
-
10
- const meta: Meta = {
11
- title: 'Time Widget',
12
- component: TimeWidget,
13
- };
14
-
15
- export default meta;
16
-
17
- const Template: Story<IClockWidgetProps> = args => (
18
- <RPGUIRoot>
19
- <TimeWidget {...args} />
20
- </RPGUIRoot>
21
- );
22
-
23
- export const Default = Template.bind({});
24
- Default.args = {
25
- TimeClock: '10:00',
26
- periodOfDay: PeriodOfDay.Morning,
27
- };
1
+ import { PeriodOfDay } from '@rpg-engine/shared';
2
+ import { Meta, Story } from '@storybook/react';
3
+ import React from 'react';
4
+ import { RPGUIRoot } from '../components/RPGUIRoot';
5
+ import {
6
+ IClockWidgetProps,
7
+ TimeWidget,
8
+ } from '../components/TimeWidget/TimeWidget';
9
+
10
+ const meta: Meta = {
11
+ title: 'Time Widget',
12
+ component: TimeWidget,
13
+ };
14
+
15
+ export default meta;
16
+
17
+ const Template: Story<IClockWidgetProps> = args => (
18
+ <RPGUIRoot>
19
+ <TimeWidget {...args} />
20
+ </RPGUIRoot>
21
+ );
22
+
23
+ export const Default = Template.bind({});
24
+ Default.args = {
25
+ TimeClock: '10:00',
26
+ periodOfDay: PeriodOfDay.Morning,
27
+ };
@@ -1,45 +1,45 @@
1
- import { ITradeResponseItem } from '@rpg-engine/shared';
2
- import { Meta, Story } from '@storybook/react';
3
- import React from 'react';
4
- import { RPGUIRoot } from '../components/RPGUIRoot';
5
- import { itemMock } from '../components/TradingMenu/items.mock';
6
- import {
7
- ITrandingMenu,
8
- TradingMenu,
9
- } from '../components/TradingMenu/TradingMenu';
10
- import atlasJSON from '../mocks/atlas/items/items.json';
11
- import atlasIMG from '../mocks/atlas/items/items.png';
12
-
13
- const meta: Meta = {
14
- title: 'Trading Menu',
15
- component: TradingMenu,
16
- };
17
-
18
- export default meta;
19
-
20
- const Template: Story<ITrandingMenu> = args => (
21
- <RPGUIRoot>
22
- <TradingMenu {...args} />
23
- </RPGUIRoot>
24
- );
25
-
26
- export const Default = Template.bind({});
27
-
28
- const onConfirm = (items: ITradeResponseItem[]) => {
29
- console.log('on confirm trading menu');
30
- console.log(items);
31
- };
32
-
33
- const onClose = () => {
34
- console.log('close');
35
- };
36
-
37
- Default.args = {
38
- traderItems: itemMock,
39
- onClose: onClose,
40
- onConfirm: onConfirm,
41
- type: 'buy',
42
- atlasJSON: atlasJSON,
43
- atlasIMG: atlasIMG,
44
- characterAvailableGold: 1000,
45
- };
1
+ import { ITradeResponseItem } from '@rpg-engine/shared';
2
+ import { Meta, Story } from '@storybook/react';
3
+ import React from 'react';
4
+ import { RPGUIRoot } from '../components/RPGUIRoot';
5
+ import { itemMock } from '../components/TradingMenu/items.mock';
6
+ import {
7
+ ITrandingMenu,
8
+ TradingMenu,
9
+ } from '../components/TradingMenu/TradingMenu';
10
+ import atlasJSON from '../mocks/atlas/items/items.json';
11
+ import atlasIMG from '../mocks/atlas/items/items.png';
12
+
13
+ const meta: Meta = {
14
+ title: 'Trading Menu',
15
+ component: TradingMenu,
16
+ };
17
+
18
+ export default meta;
19
+
20
+ const Template: Story<ITrandingMenu> = args => (
21
+ <RPGUIRoot>
22
+ <TradingMenu {...args} />
23
+ </RPGUIRoot>
24
+ );
25
+
26
+ export const Default = Template.bind({});
27
+
28
+ const onConfirm = (items: ITradeResponseItem[]) => {
29
+ console.log('on confirm trading menu');
30
+ console.log(items);
31
+ };
32
+
33
+ const onClose = () => {
34
+ console.log('close');
35
+ };
36
+
37
+ Default.args = {
38
+ traderItems: itemMock,
39
+ onClose: onClose,
40
+ onConfirm: onConfirm,
41
+ type: 'buy',
42
+ atlasJSON: atlasJSON,
43
+ atlasIMG: atlasIMG,
44
+ characterAvailableGold: 1000,
45
+ };
@@ -1,4 +1,4 @@
1
- export interface IPosition {
2
- x: number;
3
- y: number;
4
- }
1
+ export interface IPosition {
2
+ x: number;
3
+ y: number;
4
+ }
@@ -1,2 +1,2 @@
1
- declare module '*.gif';
2
- declare module '*.png';
1
+ declare module '*.gif';
2
+ declare module '*.png';