@rpg-engine/long-bow 0.4.2 → 0.4.4

package/src/components/typography/DynamicText.tsx

@@ -1,49 +1,49 @@
-import React, { useEffect, useState } from 'react';
-import styled from 'styled-components';
-
-interface IProps {
-  text: string;
-  onFinish?: () => void;
-  onStart?: () => void;
-}
-
-export const DynamicText: React.FC<IProps> = ({ text, onFinish, onStart }) => {
-  const [textState, setTextState] = useState<string>('');
-
-  useEffect(() => {
-    let i = 0;
-    const interval = setInterval(() => {
-      // on every interval, show one more character
-
-      if (i === 0) {
-        if (onStart) {
-          onStart();
-        }
-      }
-
-      if (i < text.length) {
-        setTextState(text.substring(0, i + 1));
-        i++;
-      } else {
-        clearInterval(interval);
-        if (onFinish) {
-          onFinish();
-        }
-      }
-    }, 50);
-
-    return () => {
-      clearInterval(interval);
-    };
-  }, [text]);
-
-  return <TextContainer>{textState}</TextContainer>;
-};
-
-const TextContainer = styled.p`
-  font-size: 0.7rem !important;
-  color: white;
-  text-shadow: 1px 1px 0px #000000;
-  letter-spacing: 1.2px;
-  word-break: normal;
-`;
+import React, { useEffect, useState } from 'react';
+import styled from 'styled-components';
+
+interface IProps {
+  text: string;
+  onFinish?: () => void;
+  onStart?: () => void;
+}
+
+export const DynamicText: React.FC<IProps> = ({ text, onFinish, onStart }) => {
+  const [textState, setTextState] = useState<string>('');
+
+  useEffect(() => {
+    let i = 0;
+    const interval = setInterval(() => {
+      // on every interval, show one more character
+
+      if (i === 0) {
+        if (onStart) {
+          onStart();
+        }
+      }
+
+      if (i < text.length) {
+        setTextState(text.substring(0, i + 1));
+        i++;
+      } else {
+        clearInterval(interval);
+        if (onFinish) {
+          onFinish();
+        }
+      }
+    }, 50);
+
+    return () => {
+      clearInterval(interval);
+    };
+  }, [text]);
+
+  return <TextContainer>{textState}</TextContainer>;
+};
+
+const TextContainer = styled.p`
+  font-size: 0.7rem !important;
+  color: white;
+  text-shadow: 1px 1px 0px #000000;
+  letter-spacing: 1.2px;
+  word-break: normal;
+`;

package/src/constants/uiColors.ts

@@ -1,20 +1,20 @@
-export const uiColors = {
-  lightGray: '#888',
-  gray: '#4E4A4E',
-  darkGray: '#3e3e3e',
-  darkYellow: '#FFC857',
-  yellow: '#FFFF00',
-  orange: '#D27D2C',
-  cardinal: '#C5283D',
-  red: '#D04648',
-  darkRed: '#442434',
-  raisinBlack: '#191923',
-  navyBlue: '#0E79B2',
-  purple: '#6833A3',
-  darkPurple: '#522761',
-  blue: '#597DCE',
-  darkBlue: '#30346D',
-  brown: '#854C30',
-  lightGreen: '#66cd1c',
-  brownGreen: '#346524',
-};
+export const uiColors = {
+  lightGray: '#888',
+  gray: '#4E4A4E',
+  darkGray: '#3e3e3e',
+  darkYellow: '#FFC857',
+  yellow: '#FFFF00',
+  orange: '#D27D2C',
+  cardinal: '#C5283D',
+  red: '#D04648',
+  darkRed: '#442434',
+  raisinBlack: '#191923',
+  navyBlue: '#0E79B2',
+  purple: '#6833A3',
+  darkPurple: '#522761',
+  blue: '#597DCE',
+  darkBlue: '#30346D',
+  brown: '#854C30',
+  lightGreen: '#66cd1c',
+  brownGreen: '#346524',
+};

package/src/constants/uiDevices.ts

@@ -1,3 +1,3 @@
-import { isMobileOrTablet } from '@rpg-engine/shared';
-
-export const IS_MOBILE_OR_TABLET = isMobileOrTablet();
+import { isMobileOrTablet } from '@rpg-engine/shared';
+
+export const IS_MOBILE_OR_TABLET = isMobileOrTablet();

package/src/constants/uiFonts.ts

@@ -1,12 +1,12 @@
-export const uiFonts = {
-  size: {
-    xxsmall: '8px',
-    xsmall: '9px',
-    small: '12px',
-    medium: '14px',
-    large: '16px',
-    xLarge: '18px',
-    xxLarge: '20px',
-    xxxLarge: '24px',
-  },
-};
+export const uiFonts = {
+  size: {
+    xxsmall: '8px',
+    xsmall: '9px',
+    small: '12px',
+    medium: '14px',
+    large: '16px',
+    xLarge: '18px',
+    xxLarge: '20px',
+    xxxLarge: '24px',
+  },
+};

package/src/hooks/useEventListener.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-
-//@ts-ignore
-export const useEventListener = (type, handler, el = window) => {
-  const savedHandler = React.useRef();
-
-  React.useEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-
-  React.useEffect(() => {
-    //@ts-ignore
-    const listener = e => savedHandler.current(e);
-
-    el.addEventListener(type, listener);
-
-    return () => {
-      el.removeEventListener(type, listener);
-    };
-  }, [type, el]);
-};
+import React from 'react';
+
+//@ts-ignore
+export const useEventListener = (type, handler, el = window) => {
+  const savedHandler = React.useRef();
+
+  React.useEffect(() => {
+    savedHandler.current = handler;
+  }, [handler]);
+
+  React.useEffect(() => {
+    //@ts-ignore
+    const listener = e => savedHandler.current(e);
+
+    el.addEventListener(type, listener);
+
+    return () => {
+      el.removeEventListener(type, listener);
+    };
+  }, [type, el]);
+};

package/src/hooks/useOutsideAlerter.ts

@@ -1,25 +1,25 @@
-import { useEffect } from 'react';
-
-export function useOutsideClick(ref: any, id: string) {
-  useEffect(() => {
-    /**
-     * Alert if clicked on outside of element
-     */
-    function handleClickOutside(event: any) {
-      if (ref.current && !ref.current.contains(event.target)) {
-        const event = new CustomEvent('clickOutside', {
-          detail: {
-            id,
-          },
-        });
-        document.dispatchEvent(event);
-      }
-    }
-    // Bind the event listener
-    document.addEventListener('pointerdown', handleClickOutside);
-    return () => {
-      // Unbind the event listener on clean up
-      document.removeEventListener('pointerdown', handleClickOutside);
-    };
-  }, [ref]);
-}
+import { useEffect } from 'react';
+
+export function useOutsideClick(ref: any, id: string) {
+  useEffect(() => {
+    /**
+     * Alert if clicked on outside of element
+     */
+    function handleClickOutside(event: any) {
+      if (ref.current && !ref.current.contains(event.target)) {
+        const event = new CustomEvent('clickOutside', {
+          detail: {
+            id,
+          },
+        });
+        document.dispatchEvent(event);
+      }
+    }
+    // Bind the event listener
+    document.addEventListener('pointerdown', handleClickOutside);
+    return () => {
+      // Unbind the event listener on clean up
+      document.removeEventListener('pointerdown', handleClickOutside);
+    };
+  }, [ref]);
+}

package/src/index.tsx

@@ -1,42 +1,42 @@
-export * from './components/Button';
-export * from './components/Character/CharacterSelection';
-export * from './components/Chat/Chat';
-export * from './components/Chatdeprecated/ChatDeprecated';
-export * from './components/CheckButton';
-export * from './components/CircularController/CircularController';
-export * from './components/CraftBook/CraftBook';
-export * from './components/DraggableContainer';
-export * from './components/Dropdown';
-export * from './components/DropdownSelectorContainer';
-export * from './components/Equipment/EquipmentSet';
-export * from './components/HistoryDialog';
-export * from './components/Input';
-export { ErrorBoundary } from './components/Item/Inventory/ErrorBoundary';
-export * from './components/Item/Inventory/ItemContainer';
-export * from './components/Item/Inventory/ItemSlot';
-export * from './components/itemSelector/ItemSelector';
-export * from './components/ListMenu';
-export * from './components/Marketplace/Marketplace';
-export * from './components/Marketplace/MarketplaceRows';
-export * from './components/NPCDialog/NPCDialog';
-export * from './components/NPCDialog/NPCMultiDialog';
-export * from './components/NPCDialog/QuestionDialog/QuestionDialog';
-export * from './components/ProgressBar';
-export * from './components/PropertySelect/PropertySelect';
-export * from './components/QuestInfo/QuestInfo';
-export * from './components/QuestList';
-export * from './components/RadioButton';
-export * from './components/RangeSlider';
-export * from './components/RPGUIContainer';
-export * from './components/RPGUIRoot';
-export * from './components/shared/SpriteFromAtlas';
-export * from './components/Shortcuts/Shortcuts';
-export * from './components/SkillProgressBar';
-export * from './components/SkillsContainer';
-export * from './components/Spellbook/Spellbook';
-export * from './components/TextArea';
-export * from './components/TimeWidget/TimeWidget';
-export * from './components/TradingMenu/TradingMenu';
-export * from './components/Truncate';
-export * from './components/typography/DynamicText';
-export { useEventListener } from './hooks/useEventListener';
+export * from './components/Button';
+export * from './components/Character/CharacterSelection';
+export * from './components/Chat/Chat';
+export * from './components/Chatdeprecated/ChatDeprecated';
+export * from './components/CheckButton';
+export * from './components/CircularController/CircularController';
+export * from './components/CraftBook/CraftBook';
+export * from './components/DraggableContainer';
+export * from './components/Dropdown';
+export * from './components/DropdownSelectorContainer';
+export * from './components/Equipment/EquipmentSet';
+export * from './components/HistoryDialog';
+export * from './components/Input';
+export { ErrorBoundary } from './components/Item/Inventory/ErrorBoundary';
+export * from './components/Item/Inventory/ItemContainer';
+export * from './components/Item/Inventory/ItemSlot';
+export * from './components/itemSelector/ItemSelector';
+export * from './components/ListMenu';
+export * from './components/Marketplace/Marketplace';
+export * from './components/Marketplace/MarketplaceRows';
+export * from './components/NPCDialog/NPCDialog';
+export * from './components/NPCDialog/NPCMultiDialog';
+export * from './components/NPCDialog/QuestionDialog/QuestionDialog';
+export * from './components/ProgressBar';
+export * from './components/PropertySelect/PropertySelect';
+export * from './components/QuestInfo/QuestInfo';
+export * from './components/QuestList';
+export * from './components/RadioButton';
+export * from './components/RangeSlider';
+export * from './components/RPGUIContainer';
+export * from './components/RPGUIRoot';
+export * from './components/shared/SpriteFromAtlas';
+export * from './components/Shortcuts/Shortcuts';
+export * from './components/SkillProgressBar';
+export * from './components/SkillsContainer';
+export * from './components/Spellbook/Spellbook';
+export * from './components/TextArea';
+export * from './components/TimeWidget/TimeWidget';
+export * from './components/TradingMenu/TradingMenu';
+export * from './components/Truncate';
+export * from './components/typography/DynamicText';
+export { useEventListener } from './hooks/useEventListener';

package/src/libs/CastingTypeHelper.ts

@@ -1,8 +1,8 @@
-export const formatSpellCastingType = (castingType: string): string => {
-    const formattedCastingType = castingType
-      .split("-")
-      .map(word => word.charAt(0).toUpperCase() + word.slice(1))
-      .join(" ");
-  
-    return formattedCastingType;
+export const formatSpellCastingType = (castingType: string): string => {
+    const formattedCastingType = castingType
+      .split("-")
+      .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+      .join(" ");
+  
+    return formattedCastingType;
   };

package/src/libs/StringHelpers.ts

@@ -1,3 +1,3 @@
-export const chunkString = (str: string, length: number) => {
-  return str.match(new RegExp('.{1,' + length + '}', 'g'));
-};
+export const chunkString = (str: string, length: number) => {
+  return str.match(new RegExp('.{1,' + length + '}', 'g'));
+};

package/src/libs/itemCounter.ts

@@ -1,22 +1,22 @@
-import { IItem, IItemContainer } from "@rpg-engine/shared";
-
-export const countItemFromInventory = (itemKey: string, inventory: IItemContainer) => {
-  let itemsFromInventory: (IItem | undefined | null)[] = [];
-
-  if (inventory) {
-    Object.keys(inventory.slots).forEach(i => {
-      const index = parseInt(i);
-
-      if (inventory.slots[index]?.key === itemKey) {
-        itemsFromInventory.push(inventory.slots[index]);
-      }
-    });
-  }
-
-  const totalQty = itemsFromInventory.reduce(
-    (acc, item) => acc + (item?.stackQty || 1),
-    0
-  );
-
-  return totalQty;
+import { IItem, IItemContainer } from "@rpg-engine/shared";
+
+export const countItemFromInventory = (itemKey: string, inventory: IItemContainer) => {
+  let itemsFromInventory: (IItem | undefined | null)[] = [];
+
+  if (inventory) {
+    Object.keys(inventory.slots).forEach(i => {
+      const index = parseInt(i);
+
+      if (inventory.slots[index]?.key === itemKey) {
+        itemsFromInventory.push(inventory.slots[index]);
+      }
+    });
+  }
+
+  const totalQty = itemsFromInventory.reduce(
+    (acc, item) => acc + (item?.stackQty || 1),
+    0
+  );
+
+  return totalQty;
 };