@rpg-engine/long-bow 0.3.52 → 0.3.53
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.
- package/dist/components/CircularController/CircularController.d.ts +1 -2
- package/dist/components/Item/Inventory/ItemContainer.d.ts +1 -2
- package/dist/components/Shortcuts/Shortcuts.d.ts +1 -10
- package/dist/components/Shortcuts/ShortcutsSetter.d.ts +1 -1
- package/dist/components/Spellbook/Spellbook.d.ts +1 -2
- package/dist/components/Spellbook/constants.d.ts +1 -1
- package/dist/long-bow.cjs.development.js +89 -94
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +87 -93
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/CircularController/CircularController.tsx +2 -1
- package/src/components/Item/Inventory/ItemContainer.tsx +1 -1
- package/src/components/Shortcuts/Shortcuts.tsx +2 -11
- package/src/components/Shortcuts/ShortcutsSetter.tsx +7 -2
- package/src/components/Spellbook/Spellbook.tsx +1 -2
- package/src/components/Spellbook/constants.ts +1 -1
- package/src/stories/ItemContainer.stories.tsx +7 -2
- package/src/stories/Spellbook.stories.tsx +1 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { IItemContainer } from '@rpg-engine/shared';
|
|
1
|
+
import { IItemContainer, IShortcut } from '@rpg-engine/shared';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { IShortcut } from '../Shortcuts/Shortcuts';
|
|
4
3
|
export declare type CircularControllerProps = {
|
|
5
4
|
onActionClick: () => void;
|
|
6
5
|
onCancelClick: () => void;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { IItem, IItemContainer, ItemContainerType } from '@rpg-engine/shared';
|
|
1
|
+
import { IItem, IItemContainer, IShortcut, ItemContainerType } from '@rpg-engine/shared';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { IPosition } from '../../../types/eventTypes';
|
|
4
|
-
import { IShortcut } from '../../Shortcuts/Shortcuts';
|
|
5
4
|
export interface IItemContainerProps {
|
|
6
5
|
itemContainer: IItemContainer;
|
|
7
6
|
onClose?: () => void;
|
|
@@ -1,14 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IItemContainer, IShortcut } from '@rpg-engine/shared';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export declare enum ShortcutType {
|
|
4
|
-
Spell = 0,
|
|
5
|
-
Item = 1,
|
|
6
|
-
None = 2
|
|
7
|
-
}
|
|
8
|
-
export interface IShortcut {
|
|
9
|
-
type: ShortcutType;
|
|
10
|
-
payload: IRawSpell | IItem | null;
|
|
11
|
-
}
|
|
12
3
|
export declare type ShortcutsProps = {
|
|
13
4
|
shortcuts: IShortcut[];
|
|
14
5
|
onShortcutCast: (index: number) => void;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import { IRawSpell } from '@rpg-engine/shared';
|
|
1
|
+
import { IRawSpell, IShortcut } from '@rpg-engine/shared';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { IShortcut } from '../Shortcuts/Shortcuts';
|
|
4
3
|
export interface ISpellbookProps {
|
|
5
4
|
onClose?: () => void;
|
|
6
5
|
onInputFocus?: () => void;
|
|
@@ -33063,94 +33063,6 @@ var SingleShortcut = /*#__PURE__*/styled.button.withConfig({
|
|
|
33063
33063
|
componentId: "sc-vz5ev8-0"
|
|
33064
33064
|
})(["width:3rem;height:3rem;background-color:", ";border:2px solid ", ";border-radius:50%;text-transform:uppercase;font-size:0.7rem;font-weight:bold;display:flex;align-items:center;justify-content:center;position:relative;span{pointer-events:none;}.mana{position:absolute;top:-5px;right:0;font-size:0.65rem;color:", ";}.qty{position:absolute;top:-5px;right:0;font-size:0.65rem;}.magicWords{margin-top:4px;}.keyboard{position:absolute;bottom:-5px;left:0;font-size:0.65rem;color:", ";}&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}&:disabled{opacity:0.5;}"], uiColors.lightGray, uiColors.darkGray, uiColors.blue, uiColors.yellow, uiColors.darkGray, uiColors.gray);
|
|
33065
33065
|
|
|
33066
|
-
(function (ShortcutType) {
|
|
33067
|
-
ShortcutType[ShortcutType["Spell"] = 0] = "Spell";
|
|
33068
|
-
ShortcutType[ShortcutType["Item"] = 1] = "Item";
|
|
33069
|
-
ShortcutType[ShortcutType["None"] = 2] = "None";
|
|
33070
|
-
})(exports.ShortcutType || (exports.ShortcutType = {}));
|
|
33071
|
-
var Shortcuts = function Shortcuts(_ref) {
|
|
33072
|
-
var shortcuts = _ref.shortcuts,
|
|
33073
|
-
onShortcutCast = _ref.onShortcutCast,
|
|
33074
|
-
mana = _ref.mana,
|
|
33075
|
-
_ref$isBlockedCasting = _ref.isBlockedCastingByKeyboard,
|
|
33076
|
-
isBlockedCastingByKeyboard = _ref$isBlockedCasting === void 0 ? false : _ref$isBlockedCasting,
|
|
33077
|
-
atlasJSON = _ref.atlasJSON,
|
|
33078
|
-
atlasIMG = _ref.atlasIMG,
|
|
33079
|
-
inventory = _ref.inventory;
|
|
33080
|
-
React.useEffect(function () {
|
|
33081
|
-
var handleKeyDown = function handleKeyDown(e) {
|
|
33082
|
-
if (isBlockedCastingByKeyboard) return;
|
|
33083
|
-
var shortcutIndex = Number(e.key) - 1;
|
|
33084
|
-
if (shortcutIndex >= 0 && shortcutIndex <= 5) {
|
|
33085
|
-
onShortcutCast(shortcutIndex);
|
|
33086
|
-
}
|
|
33087
|
-
};
|
|
33088
|
-
window.addEventListener('keydown', handleKeyDown);
|
|
33089
|
-
return function () {
|
|
33090
|
-
window.removeEventListener('keydown', handleKeyDown);
|
|
33091
|
-
};
|
|
33092
|
-
}, [shortcuts, isBlockedCastingByKeyboard]);
|
|
33093
|
-
return React__default.createElement(List, null, Array.from({
|
|
33094
|
-
length: 6
|
|
33095
|
-
}).map(function (_, i) {
|
|
33096
|
-
var _shortcuts$i, _shortcuts$i3, _payload$manaCost;
|
|
33097
|
-
if (((_shortcuts$i = shortcuts[i]) == null ? void 0 : _shortcuts$i.type) === exports.ShortcutType.Item) {
|
|
33098
|
-
var _shortcuts$i2;
|
|
33099
|
-
var _payload = (_shortcuts$i2 = shortcuts[i]) == null ? void 0 : _shortcuts$i2.payload;
|
|
33100
|
-
var itemsFromEquipment = [];
|
|
33101
|
-
if (inventory) {
|
|
33102
|
-
Object.keys(inventory.slots).forEach(function (i) {
|
|
33103
|
-
var _inventory$slots$inde;
|
|
33104
|
-
var index = parseInt(i);
|
|
33105
|
-
if (((_inventory$slots$inde = inventory.slots[index]) == null ? void 0 : _inventory$slots$inde.key) === (_payload == null ? void 0 : _payload.key)) {
|
|
33106
|
-
itemsFromEquipment.push(inventory.slots[index]);
|
|
33107
|
-
}
|
|
33108
|
-
});
|
|
33109
|
-
}
|
|
33110
|
-
var totalQty = itemsFromEquipment.reduce(function (acc, item) {
|
|
33111
|
-
return acc + ((item == null ? void 0 : item.stackQty) || 1);
|
|
33112
|
-
}, 0);
|
|
33113
|
-
return React__default.createElement(SingleShortcut, {
|
|
33114
|
-
key: i,
|
|
33115
|
-
onClick: onShortcutCast.bind(null, i),
|
|
33116
|
-
disabled: false
|
|
33117
|
-
}, _payload && React__default.createElement(SpriteFromAtlas, {
|
|
33118
|
-
atlasIMG: atlasIMG,
|
|
33119
|
-
atlasJSON: atlasJSON,
|
|
33120
|
-
spriteKey: shared.getItemTextureKeyPath({
|
|
33121
|
-
key: _payload.texturePath,
|
|
33122
|
-
texturePath: _payload.texturePath,
|
|
33123
|
-
stackQty: _payload.stackQty || 1
|
|
33124
|
-
}, atlasJSON),
|
|
33125
|
-
width: 32,
|
|
33126
|
-
height: 32
|
|
33127
|
-
}), React__default.createElement("span", {
|
|
33128
|
-
className: "qty"
|
|
33129
|
-
}, totalQty), React__default.createElement("span", {
|
|
33130
|
-
className: "keyboard"
|
|
33131
|
-
}, i + 1));
|
|
33132
|
-
}
|
|
33133
|
-
var payload = (_shortcuts$i3 = shortcuts[i]) == null ? void 0 : _shortcuts$i3.payload;
|
|
33134
|
-
return React__default.createElement(SingleShortcut, {
|
|
33135
|
-
key: i,
|
|
33136
|
-
onClick: onShortcutCast.bind(null, i),
|
|
33137
|
-
disabled: mana < ((_payload$manaCost = payload == null ? void 0 : payload.manaCost) != null ? _payload$manaCost : 0)
|
|
33138
|
-
}, React__default.createElement("span", {
|
|
33139
|
-
className: "mana"
|
|
33140
|
-
}, payload && payload.manaCost), React__default.createElement("span", {
|
|
33141
|
-
className: "magicWords"
|
|
33142
|
-
}, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
|
|
33143
|
-
return word[0];
|
|
33144
|
-
})), React__default.createElement("span", {
|
|
33145
|
-
className: "keyboard"
|
|
33146
|
-
}, i + 1));
|
|
33147
|
-
}));
|
|
33148
|
-
};
|
|
33149
|
-
var List = /*#__PURE__*/styled.p.withConfig({
|
|
33150
|
-
displayName: "Shortcuts__List",
|
|
33151
|
-
componentId: "sc-kgtsi7-0"
|
|
33152
|
-
})(["width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-sizing:border-box;margin:0 !important;"]);
|
|
33153
|
-
|
|
33154
33066
|
var CircularController = function CircularController(_ref) {
|
|
33155
33067
|
var onActionClick = _ref.onActionClick,
|
|
33156
33068
|
onCancelClick = _ref.onCancelClick,
|
|
@@ -33175,8 +33087,8 @@ var CircularController = function CircularController(_ref) {
|
|
|
33175
33087
|
var _shortcuts$i, _shortcuts$i2, _shortcuts$i4, _payload$manaCost;
|
|
33176
33088
|
var variant = '';
|
|
33177
33089
|
if (i === 0) variant = 'top';else if (i >= 3) variant = "bottom-" + (i - 3);
|
|
33178
|
-
var onShortcutClickBinded = ((_shortcuts$i = shortcuts[i]) == null ? void 0 : _shortcuts$i.type) !==
|
|
33179
|
-
if (((_shortcuts$i2 = shortcuts[i]) == null ? void 0 : _shortcuts$i2.type) ===
|
|
33090
|
+
var onShortcutClickBinded = ((_shortcuts$i = shortcuts[i]) == null ? void 0 : _shortcuts$i.type) !== shared.ShortcutType.None ? onShortcutClick.bind(null, i) : function () {};
|
|
33091
|
+
if (((_shortcuts$i2 = shortcuts[i]) == null ? void 0 : _shortcuts$i2.type) === shared.ShortcutType.Item) {
|
|
33180
33092
|
var _shortcuts$i3;
|
|
33181
33093
|
var _payload = (_shortcuts$i3 = shortcuts[i]) == null ? void 0 : _shortcuts$i3.payload;
|
|
33182
33094
|
var itemsFromEquipment = [];
|
|
@@ -34449,7 +34361,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34449
34361
|
atlasIMG = _ref.atlasIMG;
|
|
34450
34362
|
var getContent = function getContent(index) {
|
|
34451
34363
|
var _shortcuts$index, _shortcuts$index3;
|
|
34452
|
-
if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) ===
|
|
34364
|
+
if (((_shortcuts$index = shortcuts[index]) == null ? void 0 : _shortcuts$index.type) === shared.ShortcutType.Item) {
|
|
34453
34365
|
var _shortcuts$index2;
|
|
34454
34366
|
var _payload = (_shortcuts$index2 = shortcuts[index]) == null ? void 0 : _shortcuts$index2.payload;
|
|
34455
34367
|
if (!_payload) return null;
|
|
@@ -34474,7 +34386,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34474
34386
|
return word[0];
|
|
34475
34387
|
}));
|
|
34476
34388
|
};
|
|
34477
|
-
return React__default.createElement(Container$b, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List
|
|
34389
|
+
return React__default.createElement(Container$b, null, React__default.createElement("p", null, "Shortcuts:"), React__default.createElement(List, {
|
|
34478
34390
|
id: "shortcuts_list"
|
|
34479
34391
|
}, Array.from({
|
|
34480
34392
|
length: 6
|
|
@@ -34483,7 +34395,7 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
|
|
|
34483
34395
|
key: i,
|
|
34484
34396
|
onClick: function onClick() {
|
|
34485
34397
|
removeShortcut(i);
|
|
34486
|
-
if (!shortcuts[i] || shortcuts[i].type ===
|
|
34398
|
+
if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
|
|
34487
34399
|
},
|
|
34488
34400
|
disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
|
|
34489
34401
|
isBeingSet: settingShortcutIndex === i
|
|
@@ -34501,7 +34413,7 @@ var Shortcut = /*#__PURE__*/styled.button.withConfig({
|
|
|
34501
34413
|
var isBeingSet = _ref2.isBeingSet;
|
|
34502
34414
|
return isBeingSet ? uiColors.yellow : uiColors.darkGray;
|
|
34503
34415
|
}, uiColors.darkGray, uiColors.gray);
|
|
34504
|
-
var List
|
|
34416
|
+
var List = /*#__PURE__*/styled.div.withConfig({
|
|
34505
34417
|
displayName: "ShortcutsSetter__List",
|
|
34506
34418
|
componentId: "sc-xuouuf-2"
|
|
34507
34419
|
})(["width:100%;display:flex;align-items:center;gap:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;box-sizing:border-box;margin:0 !important;"]);
|
|
@@ -35342,6 +35254,89 @@ var RPGUIRoot = function RPGUIRoot(_ref) {
|
|
|
35342
35254
|
}, children);
|
|
35343
35255
|
};
|
|
35344
35256
|
|
|
35257
|
+
var Shortcuts = function Shortcuts(_ref) {
|
|
35258
|
+
var shortcuts = _ref.shortcuts,
|
|
35259
|
+
onShortcutCast = _ref.onShortcutCast,
|
|
35260
|
+
mana = _ref.mana,
|
|
35261
|
+
_ref$isBlockedCasting = _ref.isBlockedCastingByKeyboard,
|
|
35262
|
+
isBlockedCastingByKeyboard = _ref$isBlockedCasting === void 0 ? false : _ref$isBlockedCasting,
|
|
35263
|
+
atlasJSON = _ref.atlasJSON,
|
|
35264
|
+
atlasIMG = _ref.atlasIMG,
|
|
35265
|
+
inventory = _ref.inventory;
|
|
35266
|
+
React.useEffect(function () {
|
|
35267
|
+
var handleKeyDown = function handleKeyDown(e) {
|
|
35268
|
+
if (isBlockedCastingByKeyboard) return;
|
|
35269
|
+
var shortcutIndex = Number(e.key) - 1;
|
|
35270
|
+
if (shortcutIndex >= 0 && shortcutIndex <= 5) {
|
|
35271
|
+
onShortcutCast(shortcutIndex);
|
|
35272
|
+
}
|
|
35273
|
+
};
|
|
35274
|
+
window.addEventListener('keydown', handleKeyDown);
|
|
35275
|
+
return function () {
|
|
35276
|
+
window.removeEventListener('keydown', handleKeyDown);
|
|
35277
|
+
};
|
|
35278
|
+
}, [shortcuts, isBlockedCastingByKeyboard]);
|
|
35279
|
+
return React__default.createElement(List$1, null, Array.from({
|
|
35280
|
+
length: 6
|
|
35281
|
+
}).map(function (_, i) {
|
|
35282
|
+
var _shortcuts$i, _shortcuts$i3, _payload$manaCost;
|
|
35283
|
+
if (((_shortcuts$i = shortcuts[i]) == null ? void 0 : _shortcuts$i.type) === shared.ShortcutType.Item) {
|
|
35284
|
+
var _shortcuts$i2;
|
|
35285
|
+
var _payload = (_shortcuts$i2 = shortcuts[i]) == null ? void 0 : _shortcuts$i2.payload;
|
|
35286
|
+
var itemsFromEquipment = [];
|
|
35287
|
+
if (inventory) {
|
|
35288
|
+
Object.keys(inventory.slots).forEach(function (i) {
|
|
35289
|
+
var _inventory$slots$inde;
|
|
35290
|
+
var index = parseInt(i);
|
|
35291
|
+
if (((_inventory$slots$inde = inventory.slots[index]) == null ? void 0 : _inventory$slots$inde.key) === (_payload == null ? void 0 : _payload.key)) {
|
|
35292
|
+
itemsFromEquipment.push(inventory.slots[index]);
|
|
35293
|
+
}
|
|
35294
|
+
});
|
|
35295
|
+
}
|
|
35296
|
+
var totalQty = itemsFromEquipment.reduce(function (acc, item) {
|
|
35297
|
+
return acc + ((item == null ? void 0 : item.stackQty) || 1);
|
|
35298
|
+
}, 0);
|
|
35299
|
+
return React__default.createElement(SingleShortcut, {
|
|
35300
|
+
key: i,
|
|
35301
|
+
onClick: onShortcutCast.bind(null, i),
|
|
35302
|
+
disabled: false
|
|
35303
|
+
}, _payload && React__default.createElement(SpriteFromAtlas, {
|
|
35304
|
+
atlasIMG: atlasIMG,
|
|
35305
|
+
atlasJSON: atlasJSON,
|
|
35306
|
+
spriteKey: shared.getItemTextureKeyPath({
|
|
35307
|
+
key: _payload.texturePath,
|
|
35308
|
+
texturePath: _payload.texturePath,
|
|
35309
|
+
stackQty: _payload.stackQty || 1
|
|
35310
|
+
}, atlasJSON),
|
|
35311
|
+
width: 32,
|
|
35312
|
+
height: 32
|
|
35313
|
+
}), React__default.createElement("span", {
|
|
35314
|
+
className: "qty"
|
|
35315
|
+
}, totalQty), React__default.createElement("span", {
|
|
35316
|
+
className: "keyboard"
|
|
35317
|
+
}, i + 1));
|
|
35318
|
+
}
|
|
35319
|
+
var payload = (_shortcuts$i3 = shortcuts[i]) == null ? void 0 : _shortcuts$i3.payload;
|
|
35320
|
+
return React__default.createElement(SingleShortcut, {
|
|
35321
|
+
key: i,
|
|
35322
|
+
onClick: onShortcutCast.bind(null, i),
|
|
35323
|
+
disabled: mana < ((_payload$manaCost = payload == null ? void 0 : payload.manaCost) != null ? _payload$manaCost : 0)
|
|
35324
|
+
}, React__default.createElement("span", {
|
|
35325
|
+
className: "mana"
|
|
35326
|
+
}, payload && payload.manaCost), React__default.createElement("span", {
|
|
35327
|
+
className: "magicWords"
|
|
35328
|
+
}, payload == null ? void 0 : payload.magicWords.split(' ').map(function (word) {
|
|
35329
|
+
return word[0];
|
|
35330
|
+
})), React__default.createElement("span", {
|
|
35331
|
+
className: "keyboard"
|
|
35332
|
+
}, i + 1));
|
|
35333
|
+
}));
|
|
35334
|
+
};
|
|
35335
|
+
var List$1 = /*#__PURE__*/styled.p.withConfig({
|
|
35336
|
+
displayName: "Shortcuts__List",
|
|
35337
|
+
componentId: "sc-kgtsi7-0"
|
|
35338
|
+
})(["width:100%;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-sizing:border-box;margin:0 !important;"]);
|
|
35339
|
+
|
|
35345
35340
|
var SimpleProgressBar = function SimpleProgressBar(_ref) {
|
|
35346
35341
|
var value = _ref.value,
|
|
35347
35342
|
_ref$bgColor = _ref.bgColor,
|