{{pascalCase name}}
};
+const {{pascalCase name}}: React.FC<{{pascalCase name}}Props & React.ComponentPropsWithRef<"div">> = ({ className }) => {
+ return {{pascalCase name}}
+};
export default {{pascalCase name}};
\ No newline at end of file
diff --git a/plopfile.js b/plopfile.js
index 1e6df045..ba5381f6 100644
--- a/plopfile.js
+++ b/plopfile.js
@@ -1,4 +1,4 @@
-module.exports = function (plop) {
+export default function (plop) {
plop.setGenerator("component", {
description: "Create a component dir/file",
prompts: [
@@ -21,4 +21,4 @@ module.exports = function (plop) {
// },
],
});
-};
+}
diff --git a/postcss.config.js b/postcss.config.js
old mode 100755
new mode 100644
index 33ad091d..2e7af2b7
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,4 +1,4 @@
-module.exports = {
+export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
diff --git a/public/manifest.json b/public/manifest.json
deleted file mode 100755
index 1a37689e..00000000
--- a/public/manifest.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
- "short_name": "CODEX.QUEST",
- "name": "CODEX.QUEST",
- "icons": [
- {
- "src": "favicon.ico",
- "sizes": "64x64 32x32 24x24 16x16",
- "type": "image/x-icon"
- },
- {
- "src": "logo192.png",
- "type": "image/png",
- "sizes": "192x192"
- },
- {
- "src": "logo512.png",
- "type": "image/png",
- "sizes": "512x512"
- }
- ],
- "start_url": ".",
- "display": "standalone",
- "theme_color": "#000000",
- "background_color": "#ffffff"
-}
diff --git a/public/robots.txt b/public/robots.txt
deleted file mode 100755
index e9e57dc4..00000000
--- a/public/robots.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
diff --git a/scripts/migrateCharacterClass.ts b/scripts/migrateCharacterClass.ts
new file mode 100644
index 00000000..fe264416
--- /dev/null
+++ b/scripts/migrateCharacterClass.ts
@@ -0,0 +1,30 @@
+import firebase from "firebase/compat/app";
+
+const db = firebase.firestore();
+
+// Step 1: Get all users
+const usersRef = db.collection("users");
+usersRef.get().then((userSnapshot) => {
+ userSnapshot.forEach((userDoc) => {
+ const userId = userDoc.id;
+
+ // Step 2: For each user, get all characters
+ const charactersRef = db.collection(`users/${userId}/characters`);
+ charactersRef.get().then((characterSnapshot) => {
+ characterSnapshot.forEach((characterDoc) => {
+ const characterData = characterDoc.data();
+
+ // Step 3: Check & Update
+ if (typeof characterData.class === "string") {
+ const newClassArray = characterData.class.split(" ");
+ characterData.class = newClassArray;
+
+ // Step 4: Update Firestore
+ charactersRef.doc(characterDoc.id).update({
+ class: newClassArray,
+ });
+ }
+ });
+ });
+ });
+});
diff --git a/src/.firebaserc b/src/.firebaserc
new file mode 100755
index 00000000..b177cb54
--- /dev/null
+++ b/src/.firebaserc
@@ -0,0 +1,5 @@
+{
+ "projects": {
+ "default": "codex-quest"
+ }
+}
diff --git a/src/App.tsx b/src/App.tsx
old mode 100755
new mode 100644
index c07f9194..1b8353ed
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,40 +1,28 @@
+import "./firebase";
+import { ConfigProvider, Spin } from "antd";
+import React, { Suspense, lazy, useEffect, useState } from "react";
import { Route, Routes } from "react-router-dom";
+import { User, getAuth, onAuthStateChanged } from "firebase/auth";
+import "../node_modules/modern-normalize/modern-normalize.css";
import PageLayout from "./components/PageLayout/PageLayout";
-// import CharacterList from "./pages/CharacterList/CharacterList";
-import {
- getAuth,
- GoogleAuthProvider,
- signInWithPopup,
- onAuthStateChanged,
- User,
-} from "firebase/auth";
-import { Suspense, lazy, useEffect, useState } from "react";
-import { doc, setDoc } from "firebase/firestore";
-import { db } from "./firebase.js";
-import { ConfigProvider, Spin } from "antd";
-import GameSheet from "./pages/GameSheet/GameSheet";
-import GameList from "./pages/GameList/GameList";
-import { MODE, ModeType } from "./data/definitions";
-// import Welcome from "./pages/Welcome/Welcome";
-// import CharacterCreator from "./pages/CharacterCreator/CharacterCreator";
-// import Sources from "./pages/Sources/Sources";
-
-// Lazy load all the components that are routed
-const CharacterList = lazy(() => import("./pages/CharacterList/CharacterList"));
-const Welcome = lazy(() => import("./pages/Welcome/Welcome"));
-const CharacterCreator = lazy(
- () => import("./pages/CharacterCreator/CharacterCreator")
+import { cqTheme } from "./support/theme";
+const PageWelcome = lazy(() => import("./components/PageWelcome/PageWelcome"));
+const PageCharacterSheet = lazy(
+ () => import("./components/PageCharacterSheet/PageCharacterSheet"),
+);
+const PageHome = lazy(() => import("./components/PageHome/PageHome"));
+const PageGameSheet = lazy(
+ () => import("./components/PageGameSheet/PageGameSheet"),
);
-const Sources = lazy(() => import("./pages/Sources/Sources"));
-const CharacterSheet = lazy(
- () => import("./pages/CharacterSheet/CharacterSheet")
+const PageNewCharacter = lazy(
+ () => import("./components/PageNewCharacter/PageNewCharacter"),
);
-const GMPortal = lazy(() => import("./pages/GameList/GameList"));
+const PageNewGame = lazy(() => import("./components/PageNewGame/PageNewGame"));
+const PageSources = lazy(() => import("./components/PageSources/PageSources"));
-function App() {
+const App: React.FC = () => {
const [user, setUser] = useState
-
-
-
- );
-}
diff --git a/src/components/AttackModal/AttackButtons/AttackButtons.tsx b/src/components/AttackModal/AttackButtons/AttackButtons.tsx
deleted file mode 100755
index 670113d5..00000000
--- a/src/components/AttackModal/AttackButtons/AttackButtons.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Button } from "antd";
-import { useState } from "react";
-import { AttackType, EquipmentItem } from "../../../data/definitions";
-
-type AttackButtonsProps = {
- weapon: EquipmentItem;
- damage?: (damage: string) => void;
- attack: (attack: AttackType) => void;
- type: AttackType;
- ammo?: EquipmentItem;
- isMissile?: boolean;
- handleCancel: () => void;
-};
-
-export default function AttackButtons({
- weapon,
- damage,
- attack,
- type,
- className,
- ammo,
- isMissile,
- handleCancel,
-}: AttackButtonsProps & React.ComponentPropsWithRef<"div">) {
- const [isDmgBtnDisabled, setIsDmgBtnDisabled] = useState(true);
- const isButtonDisabled =
- type === "missile" && isMissile && !ammo && !weapon.damage;
-
- return (
-
-
- {damage && (
-
- )}
-
- );
-}
diff --git a/src/components/AttackModal/AttackModal.tsx b/src/components/AttackModal/AttackModal.tsx
deleted file mode 100755
index cfe9d251..00000000
--- a/src/components/AttackModal/AttackModal.tsx
+++ /dev/null
@@ -1,242 +0,0 @@
-import { Modal, RadioChangeEvent, Typography, notification } from "antd";
-import { useState } from "react";
-import { DiceRoller } from "@dice-roller/rpg-dice-roller";
-import CloseIcon from "../CloseIcon/CloseIcon";
-import equipmentItems from "../../data/equipmentItems.json";
-import WeaponTypeBoth from "./WeaponTypeBoth/WeaponTypeBoth";
-import AttackButtons from "./AttackButtons/AttackButtons";
-import WeaponTypeMissile from "./WeaponTypeMissile/WeaponTypeMissile";
-import { races } from "../../data/races";
-import { classes } from "../../data/classes";
-import {
- AttackType,
- CharacterData,
- ClassNames,
- EquipmentItem,
- RaceNames,
-} from "../../data/definitions";
-import { ModalProps } from "../../modals/definitions";
-
-interface AttackModalProps extends ModalProps {
- isAttackModalOpen: boolean;
- attackBonus: number;
- weapon?: EquipmentItem;
- setCharacterData: (character: CharacterData) => void;
-}
-
-const roller = new DiceRoller();
-
-export default function AttackModal({
- isAttackModalOpen,
- handleCancel,
- attackBonus,
- characterData,
- setCharacterData,
- weapon,
-}: AttackModalProps & React.ComponentPropsWithRef<"div">) {
- const [isMissile, setisMissile] = useState(false);
- const [missileRangeBonus, setMissileRangeBonus] = useState(0);
- const [ammo, setAmmo] = useState- (+2 if attacking from behind) - - ) : ( - "" - )} - {equipmentAttackBonus() ? ( - <> -
- {equipmentAttackBonus()} - - ) : ( - "" - )} - - ), - duration: 0, - className: "!bg-seaBuckthorn", - closeIcon:
- {attackingWeapon.type === "power" && (
- attack("missile", ammo)}
- attackingWeapon={attackingWeapon}
- characterData={characterData}
- handleRangeChange={handleRangeChange}
- handleSwitchChange={handleSwitchChange}
- isMissile={isMissile}
- missileRangeBonus={missileRangeBonus}
- setAmmo={setAmmo}
- handleCancel={handleCancel}
- />
-
- ) : (
- No weapon selected
- )} - - - ); -} diff --git a/src/components/AttackModal/RangeRadioGroup/RangeRadioGroup.tsx b/src/components/AttackModal/RangeRadioGroup/RangeRadioGroup.tsx deleted file mode 100755 index 28460be9..00000000 --- a/src/components/AttackModal/RangeRadioGroup/RangeRadioGroup.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { Radio, RadioChangeEvent } from "antd"; - -type RangeRadioGroupProps = { - missileRangeBonus: number; - handleRangeChange: (e: RadioChangeEvent) => void; - missileRangeValues: number[]; -}; - -export default function RangeRadioGroup({ - missileRangeBonus, - handleRangeChange, - missileRangeValues, -}: RangeRadioGroupProps) { - return ( -
-
- );
-}
diff --git a/src/components/AttackModal/WeaponTypeMissile/WeaponTypeMissile.tsx b/src/components/AttackModal/WeaponTypeMissile/WeaponTypeMissile.tsx
deleted file mode 100755
index 05cda694..00000000
--- a/src/components/AttackModal/WeaponTypeMissile/WeaponTypeMissile.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { RadioChangeEvent } from "antd";
-import AmmoSelect from "../AmmoSelect/AmmoSelect";
-import AttackButtons from "../AttackButtons/AttackButtons";
-import RangeRadioGroup from "../RangeRadioGroup/RangeRadioGroup";
-import {
- AttackType,
- CharacterData,
- EquipmentItem,
-} from "../../../data/definitions";
-
-type WeaponTypeMissileProps = {
- handleSwitchChange: (switchChange: boolean) => void;
- isMissile: boolean;
- missileRangeBonus: number;
- handleRangeChange: (e: RadioChangeEvent) => void;
- attackingWeapon: EquipmentItem;
- characterData: CharacterData | undefined;
- damage: (roll: string, ammo?: string) => void;
- attack: (type: AttackType) => void;
- ammo: EquipmentItem | undefined;
- setAmmo: React.Dispatch
+
+ );
+ const handleChangeImageSource = (e: RadioChangeEvent) => {
+ setCharacter({ ...character, avatar: "" });
+ setImageSource(e.target.value);
+ };
+
+ return (
+ <>
+ Upload
+
+ {images.map((image) => (
+
+ ))}
+
+ );
+};
+
+export default StockAvatars;
diff --git a/src/components/BreadcrumbHomeLink/BreadcrumbHomeLink.tsx b/src/components/BreadcrumbHomeLink/BreadcrumbHomeLink.tsx
new file mode 100644
index 00000000..6f4325ad
--- /dev/null
+++ b/src/components/BreadcrumbHomeLink/BreadcrumbHomeLink.tsx
@@ -0,0 +1,14 @@
+import { HomeOutlined } from "@ant-design/icons";
+import React from "react";
+import { Link } from "react-router-dom";
+
+const BreadcrumbHomeLink: React.FC = () => {
+ return (
+
+
-
- {getClassType(characterData.class) === "custom" && (
-
- * Add your custom class's Attack Bonus to these numbers.
-
- )}
-
- );
-}
diff --git a/src/components/CharacterSheet/BaseStats/BaseStats.tsx b/src/components/CharacterSheet/BaseStats/BaseStats.tsx
deleted file mode 100755
index fe57dfb3..00000000
--- a/src/components/CharacterSheet/BaseStats/BaseStats.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-import { Avatar, Descriptions, Divider, Modal, Typography } from "antd";
-import { UserOutlined } from "@ant-design/icons";
-import ExperiencePoints from "./ExperiencePoints/ExperiencePoints";
-import { extractImageName } from "../../../support/stringSupport";
-import { images } from "../../../assets/images/faces/imageAssets";
-import classNames from "classnames";
-import { ReactNode, useState } from "react";
-import { marked } from "marked";
-import { isStandardClass, isStandardRace } from "../../../support/helpers";
-import { classes } from "../../../data/classes";
-import {
- CharacterData,
- ClassNames,
- RaceNames,
- SetCharacterData,
-} from "../../../data/definitions";
-import CloseIcon from "../../CloseIcon/CloseIcon";
-import { races } from "../../../data/races";
-
-type BaseStatsProps = {
- characterData: CharacterData;
- setCharacterData: SetCharacterData;
- userIsOwner?: boolean;
- showLevelUpModal?: () => void;
-};
-
-export default function BaseStats({
- characterData,
- setCharacterData,
- userIsOwner,
- showLevelUpModal,
-}: BaseStatsProps) {
- const [isModalOpen, setIsModalOpen] = useState(false);
- const [modalTitle, setModalTitle] = useState("");
- const [modalContent, setModalContent] = useState
-
- Attack Bonuses
-
-
-
-
- {raceName}
-
- {isStandardRace(raceName) ? (
-
- ) : (
-
- );
-
- const getClassModalContent = (classNames: ClassNames[]) =>
- setModalContent(
- "{raceName}" is a custom race.
- )}
-
- {classNames.map((className: ClassNames) => {
- return (
-
- );
-
- // Legacy characters created while the site was using Create React App will have broken image links that start with "/static/media/"
- // This code checks for that and replaces the broken link with the correct one
- let image = "";
- if (characterData.avatar.startsWith("/static/media/")) {
- const legacyImage = extractImageName(characterData.avatar);
- if (legacyImage) {
- // find the matching source images in `images`
- // "/src/assets/images/faces/gnome-boy-1.jpg" matches gnome-boy-1
- image = images.find((image) => image.includes(legacyImage)) || "";
- }
- } else {
- image = characterData.avatar;
- }
- const modalDescriptionsClassNames = classNames("[&+td]:cursor-pointer");
- return (
-
-
- {className}
-
- {isStandardClass(className) ? (
-
- ) : (
-
- );
- })}
-
- "{className}" is a custom class.
-
- )}
-
-
- );
-}
diff --git a/src/components/CharacterSheet/BaseStats/ExperiencePoints/ExperiencePoints.tsx b/src/components/CharacterSheet/BaseStats/ExperiencePoints/ExperiencePoints.tsx
deleted file mode 100755
index 405e2ebe..00000000
--- a/src/components/CharacterSheet/BaseStats/ExperiencePoints/ExperiencePoints.tsx
+++ /dev/null
@@ -1,154 +0,0 @@
-import { Button, Input, Space } from "antd";
-import { useEffect, useState } from "react";
-import { doc, updateDoc } from "firebase/firestore";
-import { db } from "../../../../firebase";
-import { useParams } from "react-router-dom";
-import HelpTooltip from "../../../HelpTooltip/HelpTooltip";
-import { classes } from "../../../../data/classes";
-import {
- CharacterData,
- ClassNames,
- SetCharacterData,
-} from "../../../../data/definitions";
-import classNames from "classnames";
-
-type ExperiencePointsProps = {
- characterData: CharacterData;
- setCharacterData?: SetCharacterData;
- userIsOwner?: boolean;
- showLevelUpModal?: () => void;
-};
-
-export default function ExperiencePoints({
- characterData,
- setCharacterData,
- userIsOwner,
- showLevelUpModal,
- className,
-}: ExperiencePointsProps & React.ComponentPropsWithRef<"div">) {
- const [prevValue, setPrevValue] = useState(characterData.xp.toString());
-
- const [inputValue, setInputValue] = useState(characterData.xp.toString());
-
- const handleInputChange = (event: React.ChangeEvent
- {characterData.avatar.length ? (
-
- {characterData.name}
-
-
-
-
-
- {characterData.level}
-
-
-
-
-
-
-
- {
- setModalTitle("Race");
- getRaceModalContent(characterData.race as RaceNames);
- showModal();
- }}
- >
- {characterData.race}
-
- {
- setModalTitle("Class");
- getClassModalContent(characterData.class as ClassNames[]);
- showModal();
- }}
- >
- {characterData.class.join(" ")}
-
-
-
- event.target.select()}
- onChange={handleInputChange}
- onBlur={handleInputBlur}
- onKeyDown={(event) => {
- if (event.key === "Enter") {
- handleInputBlur();
- }
- }}
- suffix={characterData.level < 20 && `/ ${totalLevelRequirement} XP`}
- disabled={!userIsOwner}
- name="Experience Points"
- id="experience-points"
- />
-
- {characterData.level < 20 && (
-
- )}
-
-
- );
-}
diff --git a/src/components/CharacterSheet/CharacterDescription/CharacterDescription.tsx b/src/components/CharacterSheet/CharacterDescription/CharacterDescription.tsx
deleted file mode 100755
index 5477bf5a..00000000
--- a/src/components/CharacterSheet/CharacterDescription/CharacterDescription.tsx
+++ /dev/null
@@ -1,179 +0,0 @@
-import { Input, Typography } from "antd";
-import { useEffect, useState, useRef, FC } from "react";
-import { doc, updateDoc } from "firebase/firestore";
-import { db } from "../../../firebase";
-import { useParams } from "react-router-dom";
-import HelpTooltip from "../../HelpTooltip/HelpTooltip";
-import DOMPurify from "dompurify";
-import { MinusCircleOutlined, PlusCircleOutlined } from "@ant-design/icons";
-import { getClassType } from "../../../support/helpers";
-import DescriptionFieldButton from "./DescriptionFieldButton/DescriptionFieldButton";
-import { CharacterData, SetCharacterData } from "../../../data/definitions";
-import { User } from "firebase/auth";
-
-type CharacterDescriptionProps = {
- characterData: CharacterData;
- setCharacterData: SetCharacterData;
- userIsOwner: boolean;
- user: User | null;
-};
-
-export default function CharacterDescription({
- characterData,
- setCharacterData,
- userIsOwner,
- user,
-}: CharacterDescriptionProps) {
- // Hooks and state variables
- const { uid, id } = useParams();
- const initialDesc = Array.isArray(characterData.desc)
- ? characterData.desc
- : [characterData.desc];
- const timeoutRef = useRef
-
- );
-}
diff --git a/src/components/CharacterSheet/CharacterSheetModals/CharacterSheetModals.tsx b/src/components/CharacterSheet/CharacterSheetModals/CharacterSheetModals.tsx
deleted file mode 100644
index 3182a875..00000000
--- a/src/components/CharacterSheet/CharacterSheetModals/CharacterSheetModals.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import AddCustomEquipmentModal from "../../../modals/AddCustomEquipmentModal";
-import AddEquipmentModal from "../../../modals/AddEquipmentModal";
-import CheatSheetModal from "../../../modals/CheatSheetModal";
-import DiceRollerModal from "../../../modals/DiceRollerModal";
-import LevelUpModal from "../../../modals/LevelUpModal";
-import { getAttackBonus, getHitDice } from "../../../support/helpers";
-import AttackModal from "../../AttackModal/AttackModal";
-import {
- CharacterData,
- SetCharacterData,
- EquipmentItem,
-} from "../../../data/definitions";
-import { User } from "firebase/auth";
-
-type CharacterSheetModalsProps = {
- characterData: CharacterData;
- handleCancel: () => void;
- isAddCustomEquipmentModalOpen: boolean;
- isAddEquipmentModalOpen: boolean;
- isAttackModalOpen: boolean;
- isCheatSheetModalOpen: boolean;
- isDiceRollerModalOpen: boolean;
- isLevelUpModalOpen: boolean;
- setCharacterData: SetCharacterData;
- weapon: EquipmentItem | undefined;
- user: User | null;
-};
-
-export default function CharacterSheetModals({
- characterData,
- handleCancel,
- isAddCustomEquipmentModalOpen,
- isAddEquipmentModalOpen,
- isAttackModalOpen,
- isCheatSheetModalOpen,
- isDiceRollerModalOpen,
- isLevelUpModalOpen,
- setCharacterData,
- weapon,
- user,
-}: CharacterSheetModalsProps) {
- return (
- <>
-
-
- Bio & Notes
-
- {getClassType(characterData.class) === "custom" && (
-
-
- {typeof characterData.desc === "object" &&
- characterData.desc.map((desc: string, index: number) => {
- return (
-
-
- handleTextAreaChange(e.target.value, index)}
- disabled={!userIsOwner}
- onBlur={() => handleImmediateUpdate()}
- />
-
- );
- })}
-
- {index > 0 && (
- handleDeleteDescriptionField(index)}
- icon={
-
-
- {selectedSpell === index && (
-
- )}
-
- );
- return [
- { key: "1", label: "Name", children: {spell.name} },
- { key: "2", label: "Range", children: spell.range },
- { key: "3", label: "Duration", children: spell.duration },
- { key: "4", label: "Description", children: spellDescription },
- ];
- });
- return (
-
- {spellItems.map((spellItem: any, index: number) => {
- return (
-
- );
-}
diff --git a/src/components/CharacterSheet/EquipmentInfo/EquipmentInfo.tsx b/src/components/CharacterSheet/EquipmentInfo/EquipmentInfo.tsx
deleted file mode 100755
index 2b58cdb4..00000000
--- a/src/components/CharacterSheet/EquipmentInfo/EquipmentInfo.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Button, Collapse, CollapseProps, Typography } from "antd";
-import HelpTooltip from "../../HelpTooltip/HelpTooltip";
-import { ExperimentOutlined, ToolOutlined } from "@ant-design/icons";
-import { CharacterData } from "../../../data/definitions";
-
-type EquipmentInfoProps = {
- userIsOwner: boolean;
- showAddEquipmentModal: () => void;
- showAddCustomEquipmentModal: () => void;
- characterData: CharacterData;
- collapseItems: CollapseProps["items"];
-};
-
-export default function EquipmentInfo({
- userIsOwner,
- showAddEquipmentModal,
- showAddCustomEquipmentModal,
- characterData,
- className,
- collapseItems,
-}: EquipmentInfoProps & React.ComponentPropsWithRef<"div">) {
- return (
-
-
- );
-}
diff --git a/src/components/CharacterSheet/EquipmentInfo/EquipmentList/EquipmentList.tsx b/src/components/CharacterSheet/EquipmentInfo/EquipmentList/EquipmentList.tsx
deleted file mode 100755
index 5f42094c..00000000
--- a/src/components/CharacterSheet/EquipmentInfo/EquipmentList/EquipmentList.tsx
+++ /dev/null
@@ -1,229 +0,0 @@
-import equipmentItems from "../../../../data/equipmentItems.json";
-import { Button, Empty, Radio, Typography } from "antd";
-import { DeleteOutlined } from "@ant-design/icons";
-import WeaponKeys from "../../../WeaponKeys/WeaponKeys";
-import ItemWrapper from "./ItemWrapper/ItemWrapper";
-import ItemDescription from "./ItemDescription/ItemDescription";
-import { classes } from "../../../../data/classes";
-import { useEffect } from "react";
-import {
- CharacterData,
- ClassNames,
- EquipmentItem,
- RaceNames,
- SetCharacterData,
-} from "../../../../data/definitions";
-import { races } from "../../../../data/races";
-
-type EquipmentListProps = {
- characterData: CharacterData;
- setCharacterData: SetCharacterData;
- categories: string[];
- handleCustomDelete: (item: EquipmentItem) => void;
- handleAttack?: boolean;
- handleAttackClick?: (item: EquipmentItem) => void;
- updateAC?: () => void;
-};
-
-const punchItem: EquipmentItem = {
- name: "Punch**",
- costValue: 0,
- costCurrency: "gp",
- category: "inherent",
- damage: "1d3",
- amount: 1,
- type: "melee",
- noDelete: true,
-};
-
-const kickItem: EquipmentItem = {
- name: "Kick**",
- costValue: 0,
- costCurrency: "gp",
- category: "inherent",
- damage: "1d4",
- amount: 1,
- type: "melee",
- noDelete: true,
-};
-
-export default function EquipmentList({
- characterData,
- setCharacterData,
- categories,
- handleCustomDelete,
- handleAttack,
- handleAttackClick,
- updateAC,
-}: EquipmentListProps) {
- const shownItems = characterData.equipment
- .filter((item: EquipmentItem) => categories.includes(item.category))
- .sort((a: EquipmentItem, b: EquipmentItem) => a.name.localeCompare(b.name));
-
- const handleUpdateAC = (item: string, type: string) => {
- const oldArmor = characterData.wearing?.armor;
- const oldShield = characterData.wearing?.shield;
-
- setCharacterData({
- ...characterData,
- wearing: {
- armor: characterData.wearing?.armor || "",
- shield: characterData.wearing?.shield || "",
- [type]: item,
- },
- });
-
- const newArmor = characterData.wearing?.armor;
- const newShield = characterData.wearing?.shield;
-
- if (oldArmor !== newArmor || oldShield !== newShield) {
- updateAC && updateAC();
- }
- };
-
- const EmptyRadio = ({ label }: { label: string }) => (
-
-
- Equipment
-
-
-
- }
- >
- Add/Edit Equipment
-
- }
- >
- Add Custom Equipment
-
-
-
- {characterData.equipment.map((item) => (
-
- {item.name}
- ))}
-
-
- {item.name}
-
- {!equipmentItems.some(
- (equipmentItem) => equipmentItem.name === item.name
- ) &&
- characterData.wearing &&
- item.name !== characterData.wearing.armor &&
- item.name !== characterData.wearing.shield && (
- }
- shape="circle"
- onClick={() => handleCustomDelete(item)}
- />
- )}
-
-
- {categories.includes("weapons") && (
- <>
-
- );
-}
diff --git a/src/components/CharacterSheet/EquipmentInfo/EquipmentList/ItemDescription/ItemDescription.tsx b/src/components/CharacterSheet/EquipmentInfo/EquipmentList/ItemDescription/ItemDescription.tsx
deleted file mode 100755
index c972f776..00000000
--- a/src/components/CharacterSheet/EquipmentInfo/EquipmentList/ItemDescription/ItemDescription.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Descriptions } from "antd";
-import { slugToTitleCase } from "../../../../../support/stringSupport";
-import { EquipmentItem } from "../../../../../data/definitions";
-
-type ItemDescriptionProps = {
- item: EquipmentItem;
-};
-
-export default function ItemDescription({ item }: ItemDescriptionProps) {
- return (
-
-
- );
-}
diff --git a/src/components/CharacterSheet/HitPoints/HitPoints.tsx b/src/components/CharacterSheet/HitPoints/HitPoints.tsx
deleted file mode 100755
index 8a74a1db..00000000
--- a/src/components/CharacterSheet/HitPoints/HitPoints.tsx
+++ /dev/null
@@ -1,180 +0,0 @@
-import { Input, Typography } from "antd";
-import { useEffect, useState } from "react";
-import { doc, updateDoc } from "firebase/firestore";
-import { db } from "../../../firebase";
-import { useParams } from "react-router-dom";
-import DOMPurify from "dompurify";
-import { CharacterData, SetCharacterData } from "../../../data/definitions";
-
-type HitPointsProps = {
- characterData: CharacterData;
- setCharacterData: SetCharacterData;
- userIsOwner: boolean;
-}
-
-export default function HitPoints({
- characterData,
- setCharacterData,
- className,
- userIsOwner,
-}: HitPointsProps & React.ComponentPropsWithRef<"div">) {
- const [prevValue, setPrevValue] = useState(
- characterData.hp.points.toString()
- );
- const [inputValue, setInputValue] = useState(
- characterData.hp.points.toString()
- );
- const [descValue, setDescValue] = useState(characterData.hp.desc || "");
-
- const { uid, id } = useParams();
-
- const handleInputChange = (event: React.ChangeEvent
-
- {item.name}
-
- {!equipmentItems.some(
- (equipmentItem) => equipmentItem.name === item.name
- ) &&
- !item.noDelete && (
- }
- shape="circle"
- onClick={() => handleCustomDelete(item)}
- />
- )}
-
-
-
-
-
- )}
-
-
- Hit Points
-
- {
- if (event.key === "Enter") {
- handleInputBlur();
- }
- }}
- onFocus={(event) => event.target.select()}
- name="Hit Points"
- id="hit-points"
- />
-
-
- Character count: {descValue.length}/500
-
-
- );
-}
diff --git a/src/components/CharacterSheet/InitiativeRoller/InitiativeRoller.tsx b/src/components/CharacterSheet/InitiativeRoller/InitiativeRoller.tsx
deleted file mode 100755
index 22686855..00000000
--- a/src/components/CharacterSheet/InitiativeRoller/InitiativeRoller.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Button, Tooltip, notification } from "antd";
-import { DiceRoller } from "@dice-roller/rpg-dice-roller";
-import CloseIcon from "../../CloseIcon/CloseIcon";
-import { CharacterData, RaceNames } from "../../../data/definitions";
-import { NodeIndexOutlined } from "@ant-design/icons";
-
-type InitiativeRollerProps = {
- characterData: CharacterData;
- buttonTextClassNames: string;
-};
-
-export default function InitiativeRoller({
- characterData,
- buttonTextClassNames,
-}: InitiativeRollerProps) {
- const [api, contextHolder] = notification.useNotification();
-
- const openNotification = (result: number) => {
- api.open({
- message: "Initiative Roll",
- description: result,
- duration: 0,
- className: "!bg-seaBuckthorn",
- closeIcon:
-
- {[
- ["gp", goldValue, setGoldValue, 1],
- ["sp", silverValue, setSilverValue, 10],
- ["cp", copperValue, setCopperValue, 100],
- ].map(([key, value, setFunc, multiplier]) => (
-
- event.target.select()}
- onChange={(event) =>
- handleInputChange(
- event,
- setFunc as React.Dispatch>
- )
- }
- onBlur={() =>
- handleInputBlur(
- value as string,
- (makeChange() as { [key: string]: number })[
- key as "gp" | "sp" | "cp"
- ],
- setFunc as React.Dispatch>,
- multiplier as number
- )
- }
- onKeyDown={(event) => {
- if (event.key === "Enter") {
- handleInputBlur(
- value as string,
- (makeChange() as { [key: string]: number })[
- key as "gp" | "sp" | "cp"
- ],
- setFunc as React.Dispatch>,
- multiplier as number
- );
- }
- }}
- addonAfter={key as string}
- disabled={!userIsOwner}
- id={key as string}
- />
-
-
- ))}
-
-
- );
-}
diff --git a/src/components/CharacterSheet/SavingThrows/SavingThrows.tsx b/src/components/CharacterSheet/SavingThrows/SavingThrows.tsx
deleted file mode 100755
index 72b8ed77..00000000
--- a/src/components/CharacterSheet/SavingThrows/SavingThrows.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import {
- getClassType,
- getSavingThrows,
- getSavingThrowsWeight,
-} from "../../../support/helpers";
-import { DiceRoller } from "@dice-roller/rpg-dice-roller";
-import CloseIcon from "../../CloseIcon/CloseIcon";
-import { Table, Typography, notification } from "antd";
-import {
- camelCaseToTitleCase,
- titleCaseToCamelCase,
-} from "../../../support/stringSupport";
-import { races } from "../../../data/races";
-import {
- CharacterData,
- RaceNames,
- SavingThrowsType,
-} from "../../../data/definitions";
-import SavingThrowsFootnotes from "./SavingThrowsFootnotes/SavingThrowsFootnotes";
-
-type TableCellRecord = {
- score: number;
- throw: string;
-};
-
-const roller = new DiceRoller();
-
-const defaultSavingThrows: SavingThrowsType = {
- deathRayOrPoison: 0,
- magicWands: 0,
- paralysisOrPetrify: 0,
- dragonBreath: 0,
- spells: 0,
-};
-
-export default function SavingThrows({
- characterData,
- className,
-}: { characterData: CharacterData } & React.ComponentPropsWithRef<"div">) {
- const classType = getClassType(characterData.class);
- const characterLevel = characterData.level;
-
- const [api, contextHolder] = notification.useNotification();
-
- const rollSavingThrow = (score: number, title: string) => {
- const raceModifier =
- races[characterData.race as RaceNames]?.savingThrows?.[
- titleCaseToCamelCase(title) as keyof SavingThrowsType
- ] || 0;
- const result = roller.roll(
- `d20${raceModifier > 0 ? `+${raceModifier}` : ""}`
- );
- const passFail = result.total >= score ? "Pass" : "Fail";
- openNotification(result.output + " - " + passFail, title);
- };
-
- const openNotification = (result: string, specialAbilityTitle: string) => {
- api.open({
- message: `${specialAbilityTitle} Roll`,
- description: result,
- duration: 0,
- className: "bg-seaBuckthorn",
- closeIcon:
-
- Money
-
-
-
-
- Saving Throws
-
-
-
-
- );
-}
diff --git a/src/components/CharacterSheet/SavingThrows/SavingThrowsFootnotes/SavingThrowsFootnotes.tsx b/src/components/CharacterSheet/SavingThrows/SavingThrowsFootnotes/SavingThrowsFootnotes.tsx
deleted file mode 100644
index 807dfdda..00000000
--- a/src/components/CharacterSheet/SavingThrows/SavingThrowsFootnotes/SavingThrowsFootnotes.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Typography } from "antd";
-import { classes } from "../../../../data/classes";
-import { CharacterData, ClassNames } from "../../../../data/definitions";
-import { marked } from "marked";
-
-export default function SavingThrowsFootnotes({
- characterData,
-}: {
- characterData: CharacterData;
-}) {
- return (
-
- {characterData.abilities.modifiers.constitution !== "+0" && (
-
-
-
- {title}
-
- {helpText && helpText.length > 0 &&
- }
- value={value}
- valueStyle={{
- fontSize: "3.75rem",
- lineHeight: "1",
- fontWeight: "bold",
- color: "#3E3643",
- }}
- suffix={altValue && Posion saving throws.`
- ),
- }}
- />
-
- )}
- {characterData.abilities.modifiers.intelligence !== "+0" && (
-
-
-
- )}
- {characterData.abilities.modifiers.wisdom !== "+0" && (
-
-
-
- )}
- {characterData.class.map(
- (className) =>
- classes[className as ClassNames]?.savingThrowsNotes?.map((note) => (
-
-
-
- ))
- )}
-
- );
-}
diff --git a/src/components/CharacterSheet/SimpleNumberStat/SimpleNumberStat.tsx b/src/components/CharacterSheet/SimpleNumberStat/SimpleNumberStat.tsx
deleted file mode 100755
index 580c157b..00000000
--- a/src/components/CharacterSheet/SimpleNumberStat/SimpleNumberStat.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Statistic, Typography } from "antd";
-import HelpTooltip from "../../HelpTooltip/HelpTooltip";
-
-type SimpleNumberStatProps = {
- title: string;
- value: string | number;
- altValue?: string | number;
- helpText?: string;
-};
-
-export default function SimpleNumberStat({
- title,
- value,
- helpText,
- altValue,
-}: SimpleNumberStatProps) {
- return (
- / {altValue}
}
- />
- );
-}
diff --git a/src/components/CharacterSheet/SpecialAbilitiesTable/SpecialAbilitiesFootnotes/SpecialAbilitiesFootnotes.tsx b/src/components/CharacterSheet/SpecialAbilitiesTable/SpecialAbilitiesFootnotes/SpecialAbilitiesFootnotes.tsx
deleted file mode 100644
index 20018e93..00000000
--- a/src/components/CharacterSheet/SpecialAbilitiesTable/SpecialAbilitiesFootnotes/SpecialAbilitiesFootnotes.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Typography } from "antd";
-import { getSpecialAbilityRaceOverrides } from "../../../../support/helpers";
-import { marked } from "marked";
-import { ClassNames, RaceNames } from "../../../../data/definitions";
-
-type SpecialAbilitiesFootnotesProps = {
- characterRace: RaceNames;
- characterClass: ClassNames;
-};
-
-export default function SpecialAbilitiesFootnotes({
- characterRace,
- characterClass,
-}: SpecialAbilitiesFootnotesProps) {
- const raceOverrides = getSpecialAbilityRaceOverrides(characterRace);
- let matchingOverrides: [string, string][] | [] = [];
- raceOverrides.map((raceOverride: any) => {
- if (raceOverride[0] === characterClass) {
- matchingOverrides = Object.entries(raceOverride[1]);
- }
- });
- return matchingOverrides.map((override: [string, string]) => (
-
-
-
-
-
- ));
-}
diff --git a/src/components/CharacterSheet/SpecialAbilitiesTable/SpecialAbilitiesTable.tsx b/src/components/CharacterSheet/SpecialAbilitiesTable/SpecialAbilitiesTable.tsx
deleted file mode 100755
index 21de6855..00000000
--- a/src/components/CharacterSheet/SpecialAbilitiesTable/SpecialAbilitiesTable.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import { Table, Typography, notification } from "antd";
-import HelpTooltip from "../../HelpTooltip/HelpTooltip";
-import { toTitleCase } from "../../../support/stringSupport";
-import { DiceRoller } from "@dice-roller/rpg-dice-roller";
-import CloseIcon from "../../CloseIcon/CloseIcon";
-import { classes } from "../../../data/classes";
-import {
- CharacterData,
- ClassNames,
- RaceNames,
-} from "../../../data/definitions";
-import React from "react";
-import SpecialAbilitiesFootnotes from "./SpecialAbilitiesFootnotes/SpecialAbilitiesFootnotes";
-
-type SpecialAbilitiesTableProps = {
- characterLevel: CharacterData["level"];
- characterClass: string;
- characterRace: RaceNames;
-};
-
-export default function SpecialAbilitiesTable({
- characterLevel,
- characterClass,
- characterRace,
- className,
-}: SpecialAbilitiesTableProps & React.ComponentPropsWithRef<"div">) {
- const dataSource: {}[] = [];
-
- const abilities =
- classes[characterClass as ClassNames].specialAbilities?.stats[
- characterLevel
- ] || [];
-
- classes[characterClass as ClassNames].specialAbilities?.titles.forEach(
- (skill: string, index: number) => {
- dataSource.push({ key: index + 1, skill, percentage: abilities[index] });
- }
- );
-
- const columns = [
- {
- title: "Skill",
- dataIndex: "skill",
- key: "skill",
- onCell: (record: any) => ({
- onClick: () => rollSpecialAbility(record.percentage, record.skill),
- }),
- },
- {
- title: "Percentage",
- dataIndex: "percentage",
- key: "percentage",
- onCell: (record: any) => ({
- onClick: () => rollSpecialAbility(record.percentage, record.skill),
- }),
- },
- ];
-
- const roller = new DiceRoller();
- const [api, contextHolder] = notification.useNotification();
- const openNotification = (result: string, specialAbilityTitle: string) => {
- api.open({
- message: `${specialAbilityTitle} Roll`,
- description: result,
- duration: 0,
- className: "bg-seaBuckthorn",
- closeIcon:
-
-
-
- );
-}
diff --git a/src/components/CharacterSheet/SpecialsRestrictions/SpecialsRestrictions.tsx b/src/components/CharacterSheet/SpecialsRestrictions/SpecialsRestrictions.tsx
deleted file mode 100755
index f94bb747..00000000
--- a/src/components/CharacterSheet/SpecialsRestrictions/SpecialsRestrictions.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { List, Tabs, TabsProps, Typography } from "antd";
-import { marked } from "marked";
-import { classes } from "../../../data/classes";
-import { races } from "../../../data/races";
-import {
- CharacterData,
- ClassNames,
- RaceNames,
-} from "../../../data/definitions";
-import { titleCaseToCamelCase } from "../../../support/stringSupport";
-
-// Ant Design's List component treats the input as a string and not as HTML.
-// To render HTML, you need to use dangerouslySetInnerHTML prop in React.
-// However, List.Item does not support dangerouslySetInnerHTML directly.
-// To overcome this, HtmlRender component accepts the HTML string and renders it correctly.
-const HtmlRender = ({ html }: { html: string }) => (
-
-);
-
-const SpecialsRestrictionsList = ({ dataSource }: { dataSource: any[] }) => (
-
-
- {toTitleCase(characterClass)} Special Abilities
-
-
- - (
-
- + Create, store, and play as an infinite number of characters. + +
- + Access all the official races, classes, and equipment as well as + virtually all of the supplemental releases. + +
- + Go even further and create custom races, classes, and equipment to + bring your unique character to life. + +
- + Roll initiative, attack, damage, saving throws, and special + abilities with our easy-to-use interface. Our Virtual Dice Tool + also lets you roll any other dice you need. + +
- + GM mode allows you to add players' characters and monitor their + stats for your whole game. + +
- Share your characters with anyone using unique URLs. +
- More features being added all the time! +
- - Create, store, and play as an infinite number of characters. - -
- - Access all the official races, classes, and equipment as well as - virtually all of the supplemental releases. - -
- - Go even further and create custom races and classes to bring - your unique character to life. - -
- - Create and use custom equipment from your character's - adventures. - -
- - Roll initiative, attack, damage, saving throws, and special - abilities with our easy-to-use interface. Our Virtual Dice Tool - also lets you roll any other dice you need. - -
- - Manage your equipment, money, HP, bio, XP, conditions/wounds, - spells, and more. - -
- Share your characters with anyone using unique URLs. -
- More features being added all the time! -
-
- Special Abilities & Restrictions
-
-
- );
-}
diff --git a/src/components/CharacterSheet/WeightStats/WeightStats.tsx b/src/components/CharacterSheet/WeightStats/WeightStats.tsx
deleted file mode 100755
index 57d99223..00000000
--- a/src/components/CharacterSheet/WeightStats/WeightStats.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Descriptions, Divider } from "antd";
-import { getCarryingCapacity } from "../../../support/formatSupport";
-import SimpleNumberStat from "../SimpleNumberStat/SimpleNumberStat";
-import {
- CharacterData,
- EquipmentItem,
- RaceNames,
-} from "../../../data/definitions";
-
-export default function WeightStats({
- characterData,
- className,
-}: { characterData: CharacterData } & React.ComponentPropsWithRef<"div">) {
- const capacity = getCarryingCapacity(
- +characterData.abilities.scores.strength,
- characterData.race as RaceNames
- );
- const weight = characterData.equipment.reduce(
- (accumulator: number, currentValue: EquipmentItem) =>
- accumulator + (currentValue.weight ?? 0) * (currentValue.amount ?? 0),
- 0
- );
-
- return (
-
-
-
- {capacity.heavy}
-
-
- {weight < capacity.light ? "Lightly Loaded" : "Heavily Loaded"}
-
-
-
- );
-}
diff --git a/src/components/CloseIcon/CloseIcon.tsx b/src/components/CloseIcon/CloseIcon.tsx
deleted file mode 100755
index 338a1ad1..00000000
--- a/src/components/CloseIcon/CloseIcon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-export default function CloseIcon() {
- return (
-
-
-
- );
-}
diff --git a/src/components/ContentListWrapper/ContentListWrapper.tsx b/src/components/ContentListWrapper/ContentListWrapper.tsx
new file mode 100644
index 00000000..533ff066
--- /dev/null
+++ b/src/components/ContentListWrapper/ContentListWrapper.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import classNames from "classnames";
+
+interface ContentListWrapperProps {
+ loading: boolean;
+ loadingContent: React.ReactNode;
+}
+
+const ContentListWrapper: React.FC<
+ ContentListWrapperProps & React.ComponentPropsWithRef<"div">
+> = ({ className, children, loading, loadingContent }) => {
+ const contentListWrapperClassNames = classNames(
+ "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 items-start",
+ className,
+ );
+ return (
+
+ {loading ? loadingContent : children}
+
+ );
+};
+
+export default ContentListWrapper;
diff --git a/src/components/EquipmentStore/EquipmentAccordion/EquipmentAccordion.tsx b/src/components/EquipmentStore/EquipmentAccordion/EquipmentAccordion.tsx
deleted file mode 100755
index f5cf2dd0..00000000
--- a/src/components/EquipmentStore/EquipmentAccordion/EquipmentAccordion.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import { Collapse, CollapseProps } from "antd";
-import { slugToTitleCase } from "../../../support/stringSupport";
-import equipmentItems from "../../../data/equipmentItems.json";
-import WeaponKeys from "../../WeaponKeys/WeaponKeys";
-import { classes } from "../../../data/classes";
-import {
- CharacterData,
- EquipmentCategories,
- EquipmentItem,
-} from "../../../data/definitions";
-import { ClassNames } from "../../../data/definitions";
-import classNames from "classnames";
-import EquipmentCheckboxGroup from "../EquipmentCheckboxGroup/EquipmentCheckboxGroup";
-
-type EquipmentAccordionProps = {
- characterData: CharacterData;
- onAmountChange: (item?: EquipmentItem) => void;
- onCheckboxCheck: (item?: EquipmentItem) => void;
- onRadioCheck: (item?: EquipmentItem) => void;
-};
-
-export default function EquipmentAccordion({
- onAmountChange,
- onCheckboxCheck,
- characterData,
- className,
-}: EquipmentAccordionProps & React.ComponentPropsWithRef<"div">) {
- const classCategories = characterData.class.flatMap(
- (classPiece) =>
- classes[classPiece as ClassNames]?.availableEquipmentCategories
- );
-
- const categories = classCategories.some((category) => category !== undefined)
- ? Array.from(new Set(classCategories))
- : Object.values(EquipmentCategories);
-
- const equipmentAccordionClassNames = classNames(
- className,
- "bg-seaBuckthorn",
- "h-fit"
- );
-
- const generalEquipmentName = "general-equipment";
-
- const generalEquipmentItems: CollapseProps["items"] = [
- ...new Set(
- equipmentItems
- .filter((item) => item.category === generalEquipmentName)
- .map((item) => item.subCategory)
- ),
- ].map((subCategory, index) => {
- return {
- key: index + 1 + "",
- label: slugToTitleCase(subCategory || ""),
- children: (
-
-
- Gold: {characterData.gold.toFixed(2)} | Weight:{" "}
- {characterData.equipment
- .reduce((total: number, item: EquipmentItem) => {
- return total + (item.weight || 0) * item.amount;
- }, 0)
- .toFixed(2)}
-
-
- Current Loadout
-
-
- );
-}
diff --git a/src/components/EquipmentStore/EquipmentInventory/RenderEquipmentList/RenderEquipmentList.tsx b/src/components/EquipmentStore/EquipmentInventory/RenderEquipmentList/RenderEquipmentList.tsx
deleted file mode 100644
index c1819c6c..00000000
--- a/src/components/EquipmentStore/EquipmentInventory/RenderEquipmentList/RenderEquipmentList.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { List, Typography } from "antd";
-import { classes } from "../../../../data/classes";
-import { ClassNames, EquipmentItem } from "../../../../data/definitions";
-
-export default function RenderEquipmentList({
- classNames,
-}: {
- classNames: ClassNames[];
-}) {
- return classNames.map(
- (classValue: ClassNames) =>
- classes[classValue].startingEquipment && (
-
- {getClassType(characterData.class) !== "custom" && (
-
-
- {/* STARTING EQUIPMENT */}
-
- )}
- {Object.entries(groupedEquipment).map(
- ([category, categoryItems]: [any, any]) => (
-
-
- )
- )}
- -
- {toTitleCase(category.replaceAll("-", " "))}
-
- }
- bordered
- dataSource={categoryItems.map(
- (categoryItem: EquipmentItem) => ({
- name: categoryItem.name,
- amount: categoryItem.amount,
- })
- )}
- renderItem={(item: EquipmentItem) => (
-
-
- Included w/ {classValue}
-
- }
- bordered
- dataSource={classes[classValue].startingEquipment?.map(
- (item: EquipmentItem) => ({
- name: item.name,
- amount: item.amount,
- })
- )}
- renderItem={(item) => (
-
- {inBuilder && (
-
-
+ Clipboard: All the data a GM will need! coming soon!
;
-};
-
-export default Clipboard;
diff --git a/src/components/GameSheet/PlayerList/PlayerList.tsx b/src/components/GameSheet/PlayerList/PlayerList.tsx
deleted file mode 100644
index c52ec7c0..00000000
--- a/src/components/GameSheet/PlayerList/PlayerList.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { CharacterData, PlayerListObject } from "../../../data/definitions";
-import PlayerStats from "../PlayerStats/PlayerStats";
-import AddPlayerForm from "../AddPlayerForm/AddPlayerForm";
-import { db } from "../../../firebase";
-import { doc, getDoc } from "firebase/firestore";
-import { get } from "http";
-
-type PlayerListProps = {
- players: PlayerListObject[];
- setPlayers: (players: PlayerListObject[]) => void;
- gameId: string;
- userId: string;
-};
-
-const getCharacterData = async (userId: string, characterId: string) => {
- const docRef = doc(db, `users/${userId}/characters/${characterId}`);
- const docSnap = await getDoc(docRef);
-
- if (docSnap.exists()) {
- return docSnap.data() as CharacterData;
- } else {
- console.error("No such document!");
- }
-};
-
-const PlayerList: React.FC
-
- );
-};
-
-export default PlayerList;
diff --git a/src/components/GameSheet/PlayerStats/PlayerStats.tsx b/src/components/GameSheet/PlayerStats/PlayerStats.tsx
deleted file mode 100644
index d7c64bff..00000000
--- a/src/components/GameSheet/PlayerStats/PlayerStats.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from "react";
-import { Abilities, CharacterData } from "../../../data/definitions";
-import { Button, Card, Descriptions, Typography } from "antd";
-import { openInNewTab } from "../../../support/helpers";
-
-interface PlayerStatsProps {
- player: CharacterData | undefined;
- userId: string;
- characterId: string;
-}
-
-const PlayerStats: React.FC
- {characterDataList.map((characterData, index) => (
-
-
- {Object.entries(player.abilities.scores).map((ability) => {
- const key = ability[0] as keyof Abilities;
- return (
-
-
-
- {key.slice(0, 3)}
-
-
- {ability[1]}
-
-
- {player.abilities.modifiers[key]}
-
-
- );
- })}
-
+ {spellBudget.map((max, index) => {
+ const spellLevel = index + 1;
+ const spellsAtLevel = getSpellsAtLevel(character).filter(
+ (spell) => spell.level[magicClass.toLowerCase()] === spellLevel,
+ );
+ return (
+ max > 0 && (
+
+ );
+};
+
+export default SpellOptionsContainer;
diff --git a/src/components/ModalLevelUp/SpellOptionsList/SpellOptionsList.tsx b/src/components/ModalLevelUp/SpellOptionsList/SpellOptionsList.tsx
new file mode 100644
index 00000000..7ddea927
--- /dev/null
+++ b/src/components/ModalLevelUp/SpellOptionsList/SpellOptionsList.tsx
@@ -0,0 +1,72 @@
+import { Spell } from "@/data/definitions";
+import { getSpellFromName } from "@/support/spellSupport";
+import { Checkbox, Flex, Typography } from "antd";
+import { CheckboxValueType } from "antd/es/checkbox/Group";
+import React, { useState } from "react";
+
+interface SpellOptionsListProps {
+ spellLevel: number;
+ spellsAtLevel: Spell[];
+ selectedSpells: Spell[][];
+ setSelectedSpells: (selectedSpells: Spell[][]) => void;
+ max: number;
+}
+
+const SpellOptionsList: React.FC<
+ SpellOptionsListProps & React.ComponentPropsWithRef<"div">
+> = ({
+ className,
+ spellLevel,
+ spellsAtLevel,
+ selectedSpells,
+ setSelectedSpells,
+ max,
+}) => {
+ const index = spellLevel - 1;
+ const [checkedValues, setCheckedValues] = useState
+
+
+ ) : (
+
+
+ )}
+ Roll Initiative
}
+ onClick={rollInitiative}
+ />
+ Cheat Sheet
}
+ onClick={handleCheatSheetClick}
+ />
+ Virtual Dice
}
+ onClick={handleVirtualDiceClick}
+ />
+
+
+ ),
+ },
+ ];
+
+ const descriptionsItems: DescriptionsProps["items"] = [
+ { key: "1", label: "Level", children: character.level },
+ { key: "2", label: "Race", children: character.race },
+ { key: "3", label: "Class", children: classArr.join(", ") },
+ ];
+
+ return (
+ <>
+ {
+ console.error(
+ "You are not logged in as the owner of this character",
+ );
+ }
+ }
+ >
+
+ {/* Name */}
+
+
+ Character count: {descValue.length}/500
+
+
+ - (
+
+ {spellImage && (
+
+
+ );
+};
+
+export default SpellDescriptions;
diff --git a/src/components/PageCharacterSheet/Spells/Spells.tsx b/src/components/PageCharacterSheet/Spells/Spells.tsx
new file mode 100644
index 00000000..3a9fe07e
--- /dev/null
+++ b/src/components/PageCharacterSheet/Spells/Spells.tsx
@@ -0,0 +1,22 @@
+import { CharacterDataContext } from "@/contexts/CharacterContext";
+import { Collapse, CollapseProps } from "antd";
+import React from "react";
+import SpellDescriptions from "./SpellDescriptions/SpellDescriptions";
+
+interface SpellsProps {}
+
+const Spells: React.FC
+
+ )}
+
+
+ ),
+ },
+ ];
+
+ React.useEffect(() => {
+ const unsubscribe = fetchDocument(uid, id, setGame, "games");
+ return () => unsubscribe();
+ }, [uid, id]);
+
+ return game ? (
+ <>
+
-
-
- {displayTitle[0]}
- 
- {displayTitle[1]}
-
-
- {user && isHomePage && (
-
- );
-}
diff --git a/src/components/PageLayout/FooterContent/FooterContent.tsx b/src/components/PageLayout/PageFooter/PageFooter.tsx
old mode 100755
new mode 100644
similarity index 83%
rename from src/components/PageLayout/FooterContent/FooterContent.tsx
rename to src/components/PageLayout/PageFooter/PageFooter.tsx
index 33727132..84d65565
--- a/src/components/PageLayout/FooterContent/FooterContent.tsx
+++ b/src/components/PageLayout/PageFooter/PageFooter.tsx
@@ -1,20 +1,20 @@
+import { Flex, Typography } from "antd";
import React from "react";
-import { Typography } from "antd";
-import { Link } from "react-router-dom";
-import classNames from "classnames";
import { version, bfrpgRelease, bfrpgEdition } from "../../../../package.json";
+import classNames from "classnames";
+import { Link } from "react-router-dom";
+interface PageFooterProps {}
-export default function FooterContent({
- className,
-}: React.ComponentPropsWithRef<"div">) {
- const FooterContentClassNames = classNames(
+const PageFooter: React.FC<
+ PageFooterProps & React.ComponentPropsWithRef<"div">
+> = ({ className }) => {
+ const footerClassNames = classNames(
className,
- "[&_*]:text-springWood",
- "[&_a]:text-seaBuckthorn"
+ "[&_div]:text-springWood",
+ "[&_a]:text-seaBuckthorn",
);
-
return (
-
- {MODE.GM}
- }
- defaultChecked
- />
-
- )}
- <>
- {user ? (
-
-
- {user.displayName || user.email}
-
-
- }
- onClick={() => auth.signOut()}
- />
-
-
- ) : (
-
- )}
-
-
+
© {new Date().getFullYear()}{" "}
{" "}
and is current to {bfrpgEdition} Edition (release {bfrpgRelease}).
-
+
+
);
-}
+};
+
+export default PageFooter;
diff --git a/src/components/PageLayout/PageHeader/PageHeader.tsx b/src/components/PageLayout/PageHeader/PageHeader.tsx
new file mode 100644
index 00000000..2d43e44d
--- /dev/null
+++ b/src/components/PageLayout/PageHeader/PageHeader.tsx
@@ -0,0 +1,69 @@
+import { User } from "firebase/auth";
+import React from "react";
+import { handleLogin } from "@/support/accountSupport";
+import { title } from "../../../../package.json";
+import DragonIcon from "@/assets/images/dragon-head.png";
+import { Button, Flex, Tooltip, Typography } from "antd";
+import classNames from "classnames";
+import LoginSignupModal from "@/components/ModalLoginSignup/ModalLoginSignup";
+import { LoginOutlined, LogoutOutlined } from "@ant-design/icons";
+import { auth } from "@/firebase";
+import { Link } from "react-router-dom";
+
+interface PageHeaderProps {
+ user: User | null;
+}
+
+const PageHeader: React.FC<
+ PageHeaderProps & React.ComponentPropsWithRef<"div">
+> = ({ user, className }) => {
+ const [isLoginSignupModalOpen, setIsLoginSignupModalOpen] =
+ React.useState(false);
+ const handleCancel = () => setIsLoginSignupModalOpen(false);
+
+ const siteTitle = title.split(" ");
+
+ const pageHeaderContainerClassNames = classNames(className);
+ return (
+
+
Sources
-
-
+ {user ? (
+
+ }
+ onClick={() => auth.signOut()}
+ className="shadow-none"
+ />
+
+ ) : (
+
+ Create New Character
}
+ onClick={() => navigate("/new-character")}
+ />
+ Create New Game
}
+ onClick={() => navigate("/new-game")}
+ />
+
+
+ ),
+ },
+];
+
+const PageNewCharacter: React.FC<
+ PageNewCharacterProps & React.ComponentPropsWithRef<"div">
+> = ({ className }) => {
+ // HOOKS
+ const navigate = useNavigate();
+ const [currentStep, setCurrentStep] = React.useState
+
+);
+
+const SpellOptions: React.FC<
+ SpellOptionsProps & React.ComponentPropsWithRef<"div">
+> = ({ character, characterClass, startingSpells, setStartingSpells }) => {
+ const { isMobile } = useDeviceType();
+ const { getSpellImage } = useImages();
+ const selectedSpell =
+ spells.find((spell: Spell) => spell.name === startingSpells[0]) ||
+ ({ description: "", duration: "", range: "" } as Spell);
+ const levelOneSpells = getSpellsAtLevel(character);
+ const spellImage = getSpellImage(toSlugCase(startingSpells[0] || ""));
+ const descriptionClassNames = classNames({ "flex-col": isMobile });
+ const selectOptions: SelectProps["options"] = levelOneSpells
+ .map((spell: Spell) => ({ value: spell.name, label: spell.name }))
+ .sort((a, b) => a.label.localeCompare(b.label));
+ const handleStartingSpellChange = (value: string) => {
+ setStartingSpells([value]);
+ };
+ return (
+
+
+ );
+};
+
+export default CharacterInventory;
diff --git a/src/components/PageNewCharacter/StepEquipment/CharacterInventoryItem/CharacterInventoryItem.tsx b/src/components/PageNewCharacter/StepEquipment/CharacterInventoryItem/CharacterInventoryItem.tsx
new file mode 100644
index 00000000..e5941cc0
--- /dev/null
+++ b/src/components/PageNewCharacter/StepEquipment/CharacterInventoryItem/CharacterInventoryItem.tsx
@@ -0,0 +1,20 @@
+import { EquipmentItem } from "@/data/definitions";
+import { Flex, Typography } from "antd";
+import React from "react";
+
+interface CharacterInventoryItemProps {
+ item: EquipmentItem;
+}
+
+const CharacterInventoryItem: React.FC<
+ CharacterInventoryItemProps & React.ComponentPropsWithRef<"div">
+> = ({ className, item }) => {
+ return (
+
+
+ Inventory
+
+
+ hasCustomClass
+ ) : (
+
+
+ ),
+ },
+];
+
+const PageNewGame: React.FC<
+ PageNewGameProps & React.ComponentPropsWithRef<"div">
+> = ({ className }) => {
+ const [form] = Form.useForm();
+
+ const onFinish = (values: any) => {
+ console.info(values);
+ };
+
+ const newGameDescription = marked(
+ `Create a new Basic Fantasy RPG game. You will be the Game Master and will be able to add players to your game using their characters' unique URLs.`,
+ );
+ return (
+ <>
+
+
Sources
This site could not exist without the awesome work of so many talented
@@ -74,8 +75,9 @@ export default function Sources() {
Smoot, R. Kevin. "New Races: A Basic Fantasy RPG Supplement." Basic
Fantasy Role-Playing Game, 2018, basicfantasy.org/downloads.html.
- Spiked dragon head icon by Delapouite
);
-}
+};
+
+export default PageSources;
diff --git a/src/components/PageWelcome/PageWelcome.tsx b/src/components/PageWelcome/PageWelcome.tsx
new file mode 100644
index 00000000..b02dca4b
--- /dev/null
+++ b/src/components/PageWelcome/PageWelcome.tsx
@@ -0,0 +1,88 @@
+import { Flex, Image, Typography } from "antd";
+import React from "react";
+import CharacterSheet from "@/assets/images/char-sheet-v2.png";
+import SiteLogo from "@/assets/images/dragon-head.png";
+import { useDeviceType } from "@/hooks/useDeviceType";
+
+const PageWelcome: React.FC = () => {
+ const { isMobile } = useDeviceType();
+ return (
+
+
+ );
+};
+
+export default PageWelcome;
diff --git a/src/components/WeaponKeys/WeaponKeys.tsx b/src/components/WeaponKeys/WeaponKeys.tsx
deleted file mode 100755
index 8f3496da..00000000
--- a/src/components/WeaponKeys/WeaponKeys.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Descriptions } from "antd";
-
-export default function WeaponKeys({
- className,
-}: React.ComponentPropsWithRef<"div">) {
- return (
-
-
- This weapon only does subduing damage
-
-
- Entangling: This weapon may be used to snare or hold opponents.
-
-
- Silver tip or blade, for use against lycanthropes.
-
-
- );
-}
diff --git a/src/contexts/CharacterContext.ts b/src/contexts/CharacterContext.ts
new file mode 100644
index 00000000..e7658a23
--- /dev/null
+++ b/src/contexts/CharacterContext.ts
@@ -0,0 +1,62 @@
+import React from "react";
+import { CharData } from "../data/definitions";
+
+interface CharacterDataContextProps {
+ character: CharData;
+ setCharacter: (character: CharData | null) => void;
+ userIsOwner: boolean;
+ uid: string | undefined;
+ id: string | undefined;
+}
+
+const defaultCharacter = {
+ abilities: {
+ scores: {
+ strength: 0,
+ intelligence: 0,
+ wisdom: 0,
+ dexterity: 0,
+ constitution: 0,
+ charisma: 0,
+ },
+ modifiers: {
+ strength: 0,
+ intelligence: 0,
+ wisdom: 0,
+ dexterity: 0,
+ constitution: 0,
+ charisma: 0,
+ },
+ },
+ avatar: "",
+ class: [],
+ desc: "",
+ equipment: [],
+ gold: 0,
+ hp: { dice: "", points: 0, max: 0, desc: "" },
+ level: 0,
+ name: "",
+ race: "",
+ restrictions: { race: [], class: [] },
+ savingThrows: {
+ deathRayOrPoison: 0,
+ magicWands: 0,
+ paralysisOrPetrify: 0,
+ dragonBreath: 0,
+ spells: 0,
+ },
+ specials: { race: [], class: [] },
+ spells: [],
+ weight: 0,
+ wearing: { armor: "", shield: "" },
+ xp: 0,
+};
+
+export const CharacterDataContext: React.Context =
+ React.createContext({
+ character: defaultCharacter,
+ setCharacter: () => {},
+ userIsOwner: false,
+ uid: "",
+ id: "",
+ });
diff --git a/src/data/classes/cleric.ts b/src/data/classes/cleric.ts
index 1b3dc087..4847d9dc 100755
--- a/src/data/classes/cleric.ts
+++ b/src/data/classes/cleric.ts
@@ -1,4 +1,4 @@
-import { DiceTypes } from "../definitions";
+import { DiceTypes, EquipmentItem } from "../definitions";
import { EquipmentCategories } from "../definitions";
import { ClassSetup } from "./definitions";
import equipmentItems from "../equipmentItems.json";
@@ -185,8 +185,8 @@ export const cleric: ClassSetup = {
],
startingEquipment: [
equipmentItems.find((item) =>
- item.name.toLowerCase().startsWith("holy symbol")
- )!,
+ item.name.toLowerCase().startsWith("holy symbol"),
+ )! as EquipmentItem,
],
powers: [
{
diff --git a/src/data/classes/illusionist.ts b/src/data/classes/illusionist.ts
index ee7419dc..7d123514 100755
--- a/src/data/classes/illusionist.ts
+++ b/src/data/classes/illusionist.ts
@@ -1,4 +1,4 @@
-import { DiceTypes } from "../definitions";
+import { DiceTypes, EquipmentItem } from "../definitions";
import { EquipmentCategories } from "../definitions";
import { ClassSetup } from "./definitions";
import equipmentItems from "../equipmentItems.json";
@@ -160,8 +160,8 @@ export const illusionist: ClassSetup = {
startingSpells: ["Read Magic"],
startingEquipment: [
equipmentItems.find((item) =>
- item.name.toLowerCase().startsWith("spellbook")
- )!,
+ item.name.toLowerCase().startsWith("spellbook"),
+ )! as EquipmentItem,
],
details: {
description:
diff --git a/src/data/classes/magicUser.ts b/src/data/classes/magicUser.ts
index 84c950b5..0c9831de 100755
--- a/src/data/classes/magicUser.ts
+++ b/src/data/classes/magicUser.ts
@@ -1,4 +1,4 @@
-import { DiceTypes } from "../definitions";
+import { DiceTypes, EquipmentItem } from "../definitions";
import { EquipmentCategories } from "../definitions";
import { ClassSetup } from "./definitions";
import equipmentItems from "../equipmentItems.json";
@@ -160,8 +160,8 @@ export const magicUser: ClassSetup = {
startingSpells: ["Read Magic"],
startingEquipment: [
equipmentItems.find((item) =>
- item.name.toLowerCase().startsWith("spellbook")
- )!,
+ item.name.toLowerCase().startsWith("spellbook"),
+ )! as EquipmentItem,
],
details: {
description:
diff --git a/src/data/classes/necromancer.ts b/src/data/classes/necromancer.ts
index d60bf60b..cdcafc40 100755
--- a/src/data/classes/necromancer.ts
+++ b/src/data/classes/necromancer.ts
@@ -1,4 +1,4 @@
-import { DiceTypes } from "../definitions";
+import { DiceTypes, EquipmentItem } from "../definitions";
import { EquipmentCategories } from "../definitions";
import { ClassSetup } from "./definitions";
import equipmentItems from "../equipmentItems.json";
@@ -168,12 +168,12 @@ export const necromancer: ClassSetup = {
startingSpells: ["Read Magic"],
startingEquipment: [
equipmentItems.find((item) =>
- item.name.toLowerCase().startsWith("spellbook")
- )!,
+ item.name.toLowerCase().startsWith("spellbook"),
+ )! as EquipmentItem,
],
details: {
description:
- "(Necromancers Release 10)\n\nNecromancers are Magic-Users who practice necromancy, seeking expertise of the darker side of the arcane. Necromancers are rare due to the unsavory nature of their profession, often living in proximity to graveyards, burial mounds, and other places associated with the dead. They are sometimes known by other terms such as _Bokor_ or even _Death Master_. Regardless of what they are called or the culture they come from, they share certain traits.\n\nNecromancers are poor fighters, with fighting ability equivalent to normal Magic-Users. Likewise they are no more hardy than standard Magic-Users (d4 hit die). They may not wear armor of any sort or use shields, but unlike other Magic-Users they have expanded weapon choices. In addition to the dagger and walking staff, Necromancers can use sickles, scythes, spades, and scimitars, and they can likewise use magical weapons of those types. Otherwise, Necromancers can generally be treated as equivalent to Magic-Users for any situation not covered here.\n\nThe Prime Requisite for Necromancers is Intelligence. In addition to requiring an Intelligence score of 11 or higher, a Necromancer also must have a Wisdom score of at least 9 in order to qualify for the rigors of the class. Although not a requirement, most Necromancers do not score high in looks or Charisma. The class generally attracts those who are persecuted or otherwise disenfranchised with normal society.\n\nNecromancers produce magic much like other types of Magic-Users, but have different spell choices. They can learn spells from each other so long as the spells are available to both classes. Like other Magic-Users, a firstlevel Necromancer begins play knowing **read magic** and one other spell of first level, recorded within a spellbook. The GM may roll for the spell, assign it as he or she sees fit, or allow the player to choose it, at his or her option.",
+ "(Necromancers Release 10)\n\nNecromancers are Magic-Users who practice necromancy, seeking expertise of the darker side of the arcane. Necromancers are rare due to the unsavory nature of their profession, often living in proximity to graveyards, burial mounds, and other places associated with the dead. They are sometimes known by other terms such as _Bokor_ or even _Death Master_. Regardless of what they are called or the culture they come from, they share certain traits.\n\nNecromancers are poor fighters, with fighting ability equivalent to normal Magic-Users. Likewise they are no more hardy than standard Magic-Users (d4 hit die). They may not wear armor of any sort or use shields, but unlike other Magic-Users they have expanded weapon choices. In addition to the dagger and walking staff, Necromancers can use sickles, scythes, spades, and scimitars, and they can likewise use magical weapons of those types. Otherwise, Necromancers can generally be treated as equivalent to Magic-Users for any situation not covered here.\n\nThe Prime Requisite for Necromancers is Intelligence. In addition to requiring an Intelligence score of 11 or higher, a Necromancer also must have a Wisdom score of at least 9 in order to qualify for the rigors of the class. Although not a requirement, most Necromancers do not score high in looks or Charisma. The class generally attracts those who are persecuted or otherwise disenfranchised with normal society.\n\nNecromancers produce magic much like other types of Magic-Users, but have different spell choices. They can learn spells from each other so long as the spells are available to both classes. Like other Magic-Users, a first level Necromancer begins play knowing **read magic** and one other spell of first level, recorded within a spellbook. The GM may roll for the spell, assign it as he or she sees fit, or allow the player to choose it, at his or her option.",
specials: [
"**Necromancers** can use sickles, scythes, spades, and scimitars",
],
diff --git a/src/data/classes/spellcrafter.ts b/src/data/classes/spellcrafter.ts
index 54e11499..1ce57a6a 100755
--- a/src/data/classes/spellcrafter.ts
+++ b/src/data/classes/spellcrafter.ts
@@ -1,4 +1,4 @@
-import { DiceTypes, EquipmentCategories } from "../definitions";
+import { DiceTypes, EquipmentCategories, EquipmentItem } from "../definitions";
import { ClassSetup } from "./definitions";
import equipmentItems from "../equipmentItems.json";
@@ -163,8 +163,8 @@ export const spellCrafter: ClassSetup = {
startingSpells: ["Read Magic"],
startingEquipment: [
equipmentItems.find((item) =>
- item.name.toLowerCase().startsWith("spellbook")
- )!,
+ item.name.toLowerCase().startsWith("spellbook"),
+ )! as EquipmentItem,
],
details: {
description:
diff --git a/src/data/definitions.ts b/src/data/definitions.ts
index a2037ffa..8c48fe22 100755
--- a/src/data/definitions.ts
+++ b/src/data/definitions.ts
@@ -1,3 +1,5 @@
+import { AttackTypes } from "../support/stringSupport";
+
export enum EquipmentCategories {
GENERAL = "general-equipment",
AXES = "axes",
@@ -17,6 +19,19 @@ export enum EquipmentCategories {
BEASTS = "beasts-of-burden",
}
+export enum EquipmentCategoriesWeapons {
+ AXES = "axes",
+ BOWS = "bows",
+ DAGGERS = "daggers",
+ SWORDS = "swords",
+ HAMMERMACE = "hammers-and-maces",
+ OTHERWEAPONS = "other-weapons",
+ SPEARSPOLES = "spears-and-polearms",
+ IMPROVISED = "improvised-weapons",
+ CHAINFLAIL = "chain-and-flail",
+ SLINGHURLED = "slings-and-hurled-weapons",
+}
+
export enum ClassNames {
ASSASSIN = "Assassin",
BARBARIAN = "Barbarian",
@@ -86,14 +101,22 @@ export type Abilities = {
charisma: number | string;
};
+export type CostCurrency = "gp" | "sp" | "cp";
+export type SizeOptions = "S" | "M" | "L";
+export type AttackTypeStrings =
+ | AttackTypes.MELEE
+ | AttackTypes.MISSILE
+ | AttackTypes.BOTH;
+
export type EquipmentItem = {
name: string;
costValue: number;
- costCurrency: string;
- category: string;
+ costCurrency: CostCurrency;
+ category: EquipmentCategories | "inherent" | "weapons";
amount: number;
+ subCategory?: string;
weight?: number;
- size?: string;
+ size?: SizeOptions;
damage?: string;
missileAC?: string;
AC?: string | number;
@@ -109,7 +132,7 @@ type SpecialRestriction = {
class: string[];
};
-export type CharacterData = {
+export type CharData = {
abilities: {
scores: Abilities;
modifiers: Abilities;
@@ -136,16 +159,11 @@ export type CharacterData = {
wearing?: { armor: string; shield: string };
weight: number;
xp: number;
+ userId?: string;
+ charId?: string;
};
-export type SetCharacterData = (characterData: CharacterData) => void;
-
-export interface CharacterDataStatePair {
- characterData: CharacterData;
- setCharacterData: SetCharacterData;
-}
-
-export type AttackType = "melee" | "missile";
+export type SetCharData = (characterData: CharData) => void;
export type AbilityRecord = {
key: string;
@@ -157,12 +175,15 @@ export type GameData = {
name: string;
id?: string;
players: PlayerListObject[];
+ notes?: string;
};
export type PlayerListObject = { user: string; character: string };
-export enum MODE {
- PLAYER = "Player Mode",
- GM = "GM Mode",
-}
-export type ModeType = MODE.PLAYER | MODE.GM;
+export type GamePlayer = {
+ user: string;
+ character: string;
+};
+export type GamePlayerList = GamePlayer[];
+
+export type AvatarTypes = "none" | "stock" | "upload";
diff --git a/src/data/equipmentItems.json b/src/data/equipmentItems.json
index e2af853c..d6a81909 100755
--- a/src/data/equipmentItems.json
+++ b/src/data/equipmentItems.json
@@ -6,7 +6,7 @@
"weight": 7,
"category": "general-equipment",
"subCategory": "cooking",
- "amount": 1
+ "amount": 0
},
{
"name": "Fire grate",
@@ -15,7 +15,7 @@
"weight": 5,
"category": "general-equipment",
"subCategory": "cooking",
- "amount": 1
+ "amount": 0
},
{
"name": "Fishhook",
@@ -24,7 +24,7 @@
"weight": 0,
"category": "general-equipment",
"subCategory": "cooking",
- "amount": 1
+ "amount": 0
},
{
"name": "Iron Pan (Frying)",
@@ -33,7 +33,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "cooking",
- "amount": 1
+ "amount": 0
},
{
"name": "Iron Pot",
@@ -42,7 +42,7 @@
"weight": 3,
"category": "general-equipment",
"subCategory": "cooking",
- "amount": 1
+ "amount": 0
},
{
"name": "Backpack (Standard or Halfling)",
@@ -51,7 +51,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "bags-and-pouches",
- "amount": 1
+ "amount": 0
},
{
"name": "Belt Pouch",
@@ -60,7 +60,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "bags-and-pouches",
- "amount": 1
+ "amount": 0
},
{
"name": "Bell, small",
@@ -69,7 +69,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Bellows",
@@ -78,7 +78,7 @@
"weight": 3,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Block and tackle",
@@ -87,7 +87,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Bucket (up to 5 gal)",
@@ -96,7 +96,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Bit and bridle",
@@ -105,7 +105,7 @@
"weight": 3,
"category": "general-equipment",
"subCategory": "tack-and-harness",
- "amount": 1
+ "amount": 0
},
{
"name": "Bed Roll",
@@ -114,7 +114,7 @@
"weight": 5,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Canvas (per sq. yard)",
@@ -123,7 +123,7 @@
"weight": 5,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Chain, heavy",
@@ -132,7 +132,7 @@
"weight": 10,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Chain, light",
@@ -141,7 +141,7 @@
"weight": 5,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Chisel",
@@ -150,7 +150,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Crowbar (3')",
@@ -159,7 +159,7 @@
"weight": 10,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Fishing net, 10 ft. sq.",
@@ -168,7 +168,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Grease Pot",
@@ -177,7 +177,7 @@
"weight": 5,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Hammer or Mallet",
@@ -186,7 +186,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Hand Drill",
@@ -195,7 +195,7 @@
"weight": 3,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Hourglass (Hour)",
@@ -204,7 +204,7 @@
"weight": 3,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Marbles, Bag",
@@ -213,7 +213,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Candles, 12",
@@ -222,7 +222,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Chalk, colored, small bag of pieces",
@@ -231,7 +231,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Chalk, small bag of pieces",
@@ -240,7 +240,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Charcoal sticks",
@@ -249,7 +249,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Coal Keeper",
@@ -258,7 +258,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Cord/Strap, per 3'",
@@ -267,7 +267,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Flask, Silver",
@@ -276,7 +276,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Flask, Steel",
@@ -285,7 +285,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Cloak",
@@ -294,7 +294,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "outerwear",
- "amount": 1
+ "amount": 0
},
{
"name": "Clothing, common outfit",
@@ -303,7 +303,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "outfit",
- "amount": 1
+ "amount": 0
},
{
"name": "Vial, glass",
@@ -312,7 +312,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Wax, beeswax",
@@ -321,7 +321,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Wooden Stake",
@@ -330,7 +330,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Grappling Hook",
@@ -339,7 +339,7 @@
"weight": 4,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Hammock",
@@ -348,7 +348,7 @@
"weight": 5,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Holy Symbol",
@@ -357,7 +357,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "class-items",
- "amount": 1
+ "amount": 0
},
{
"name": "Holy Symbol, Ornate",
@@ -366,7 +366,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "class-items",
- "amount": 1
+ "amount": 0
},
{
"name": "Holy Water, per vial",
@@ -377,7 +377,7 @@
"subCategory": "class-items",
"type": "missile",
"range": [10, 30, 50],
- "amount": 1
+ "amount": 0
},
{
"name": "Horseshoes & shoeing",
@@ -386,7 +386,7 @@
"weight": 10,
"category": "general-equipment",
"subCategory": "tack-and-harness",
- "amount": 1
+ "amount": 0
},
{
"name": "Writing Ink (per vial)",
@@ -395,7 +395,7 @@
"weight": 0.5,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Iron Spikes, 12",
@@ -404,7 +404,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Jar or Bottle, Ceramic",
@@ -413,7 +413,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Jar or Bottle, Glass",
@@ -422,7 +422,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Ladder, 10 ft.",
@@ -431,7 +431,7 @@
"weight": 20,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Lantern",
@@ -440,7 +440,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Lantern, Bullseye",
@@ -449,7 +449,7 @@
"weight": 3,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Lantern, Hooded",
@@ -458,7 +458,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Lens, small",
@@ -467,7 +467,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Manacles (without padlock)",
@@ -476,7 +476,7 @@
"weight": 4,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Map or scroll case",
@@ -485,7 +485,7 @@
"weight": 0.5,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Mess Kit",
@@ -494,7 +494,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Sealing Wax",
@@ -503,7 +503,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Signet Ring or personal seal",
@@ -512,7 +512,7 @@
"weight": 0,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Smoking Pipe",
@@ -521,7 +521,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Smoking pouch",
@@ -530,7 +530,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Oil (per flask)",
@@ -541,7 +541,7 @@
"subCategory": "dungeon-exploration",
"type": "missile",
"range": [10, 30, 50],
- "amount": 1
+ "amount": 0
},
{
"name": "Padlock (with 2 keys)",
@@ -550,7 +550,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Fine Paper or Vellum, per sheet",
@@ -559,7 +559,7 @@
"weight": 0,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Paper or Parchment, per sheet",
@@ -568,7 +568,7 @@
"weight": 0,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Quill",
@@ -577,7 +577,7 @@
"weight": 0,
"category": "general-equipment",
"subCategory": "wizards-wares",
- "amount": 1
+ "amount": 0
},
{
"name": "Quill Knife",
@@ -586,7 +586,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "wizards-wares",
- "amount": 1
+ "amount": 0
},
{
"name": "Quiver or Bolt case (20)",
@@ -595,7 +595,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "class-items",
- "amount": 1
+ "amount": 0
},
{
"name": "Rations, Dry, one week",
@@ -604,7 +604,7 @@
"weight": 14,
"category": "general-equipment",
"subCategory": "cooking",
- "amount": 1
+ "amount": 0
},
{
"name": "Rations, Elven Waybread, one week",
@@ -613,7 +613,7 @@
"weight": 7,
"category": "general-equipment",
"subCategory": "cooking",
- "amount": 1
+ "amount": 0
},
{
"name": "Rations, Standard (perishable), one day",
@@ -622,7 +622,7 @@
"weight": 4,
"category": "general-equipment",
"subCategory": "cooking",
- "amount": 1
+ "amount": 0
},
{
"name": "Tea pot",
@@ -631,7 +631,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "cooking",
- "amount": 1
+ "amount": 0
},
{
"name": "Tripod, cooking",
@@ -640,7 +640,7 @@
"weight": 10,
"category": "general-equipment",
"subCategory": "cooking",
- "amount": 1
+ "amount": 0
},
{
"name": "Rope, Hemp (per 50 ft.)",
@@ -649,7 +649,7 @@
"weight": 5,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Rope, Silk (per 50 ft.)",
@@ -658,7 +658,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Sack, Large",
@@ -667,7 +667,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "bags-and-pouches",
- "amount": 1
+ "amount": 0
},
{
"name": "Sack, Small",
@@ -676,7 +676,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "bags-and-pouches",
- "amount": 1
+ "amount": 0
},
{
"name": "Saddle, Pack",
@@ -685,7 +685,7 @@
"weight": 15,
"category": "general-equipment",
"subCategory": "bags-and-pouches",
- "amount": 1
+ "amount": 0
},
{
"name": "Saddle, Riding",
@@ -694,7 +694,7 @@
"weight": 35,
"category": "general-equipment",
"subCategory": "tack-and-harness",
- "amount": 1
+ "amount": 0
},
{
"name": "Saddlebags, pair",
@@ -703,7 +703,7 @@
"weight": 7,
"category": "general-equipment",
"subCategory": "bags-and-pouches",
- "amount": 1
+ "amount": 0
},
{
"name": "Bandages",
@@ -712,7 +712,7 @@
"weight": 0,
"category": "general-equipment",
"subCategory": "health",
- "amount": 1
+ "amount": 0
},
{
"name": "Crutches",
@@ -721,7 +721,7 @@
"weight": 4,
"category": "general-equipment",
"subCategory": "health",
- "amount": 1
+ "amount": 0
},
{
"name": "Oil (per flask), scented/rubbing",
@@ -730,7 +730,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "health",
- "amount": 1
+ "amount": 0
},
{
"name": "Perfume (per vial)",
@@ -739,7 +739,7 @@
"weight": 0.5,
"category": "general-equipment",
"subCategory": "health",
- "amount": 1
+ "amount": 0
},
{
"name": "Razor",
@@ -748,7 +748,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "health",
- "amount": 1
+ "amount": 0
},
{
"name": "Soap (per lb)",
@@ -757,7 +757,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "health",
- "amount": 1
+ "amount": 0
},
{
"name": "Soap, perfumed (per lb)",
@@ -766,7 +766,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "health",
- "amount": 1
+ "amount": 0
},
{
"name": "Spellbook (128 pages)",
@@ -775,7 +775,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "wizards-wares",
- "amount": 1
+ "amount": 0
},
{
"name": "Air Bladder",
@@ -784,7 +784,7 @@
"weight": 3,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Caltrops",
@@ -793,7 +793,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Crampons",
@@ -802,7 +802,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Hunter's Horn",
@@ -811,7 +811,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Piton, climbing",
@@ -820,7 +820,7 @@
"weight": 0,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Skates",
@@ -829,7 +829,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Snow skis",
@@ -838,7 +838,7 @@
"weight": 7,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Tent, Large (ten men)",
@@ -847,7 +847,7 @@
"weight": 20,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Tent, Pavillion",
@@ -856,7 +856,7 @@
"weight": 40,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Tent, Small (one man)",
@@ -865,7 +865,7 @@
"weight": 10,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Trap, small animal",
@@ -874,7 +874,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Trap, medium animal",
@@ -883,7 +883,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Trap, large animal",
@@ -892,7 +892,7 @@
"weight": 5,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Travois",
@@ -901,7 +901,7 @@
"weight": 15,
"category": "general-equipment",
"subCategory": "outdoor",
- "amount": 1
+ "amount": 0
},
{
"name": "Journal (blank)",
@@ -910,7 +910,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Thieves' picks and tools",
@@ -919,7 +919,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "class-items",
- "amount": 1
+ "amount": 0
},
{
"name": "Tinderbox, flint and steel",
@@ -928,7 +928,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Torches, 6",
@@ -937,7 +937,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Whetstone",
@@ -946,7 +946,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "class-items",
- "amount": 1
+ "amount": 0
},
{
"name": "Magnet, small",
@@ -955,7 +955,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Magnifying glass",
@@ -964,7 +964,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Mirror, small metal",
@@ -973,7 +973,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Mirror, small silver",
@@ -982,7 +982,7 @@
"weight": 0.1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Nails, Iron (20)",
@@ -991,7 +991,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Nails, Silver (20)",
@@ -1000,7 +1000,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Needle, magnitized",
@@ -1009,7 +1009,7 @@
"weight": 0,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Needle, sewing",
@@ -1018,7 +1018,7 @@
"weight": 0,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Paint, per gallon",
@@ -1027,7 +1027,7 @@
"weight": 4,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Paint, small pot",
@@ -1036,7 +1036,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Pick Axe, mining",
@@ -1045,7 +1045,7 @@
"weight": 7,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Pliers",
@@ -1054,7 +1054,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Pole, 10' collapsing",
@@ -1063,7 +1063,7 @@
"weight": 15,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Pole, 10' wooden",
@@ -1072,7 +1072,7 @@
"weight": 10,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Scissors",
@@ -1081,7 +1081,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "tools",
- "amount": 1
+ "amount": 0
},
{
"name": "Signal whistle",
@@ -1090,7 +1090,7 @@
"weight": 0,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "String/Twine, 100 ft.",
@@ -1099,7 +1099,7 @@
"weight": 1,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "String/Twine, Silk, 100 ft.",
@@ -1108,7 +1108,7 @@
"weight": 0.5,
"category": "general-equipment",
"subCategory": "dungeon-exploration",
- "amount": 1
+ "amount": 0
},
{
"name": "Wineskin/Waterskin",
@@ -1117,7 +1117,7 @@
"weight": 2,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Wineskin/Waterskin, gallon",
@@ -1126,7 +1126,7 @@
"weight": 7,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Winter blanket",
@@ -1135,7 +1135,7 @@
"weight": 3,
"category": "general-equipment",
"subCategory": "personal-equipment",
- "amount": 1
+ "amount": 0
},
{
"name": "Hand Axe",
@@ -1147,7 +1147,7 @@
"category": "axes",
"type": "both",
"range": [10, 20, 30],
- "amount": 1
+ "amount": 0
},
{
"name": "Battle Axe",
@@ -1158,7 +1158,7 @@
"damage": "1d8",
"category": "axes",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Great Axe",
@@ -1169,7 +1169,7 @@
"damage": "1d10",
"category": "axes",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Pickaxe (Military Pick)",
@@ -1180,7 +1180,7 @@
"damage": "1d6",
"category": "axes",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Mattock (Footman's Pick)",
@@ -1191,7 +1191,7 @@
"damage": "1d8",
"category": "axes",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Shortbow",
@@ -1202,7 +1202,7 @@
"category": "bows",
"type": "missile",
"range": [50, 100, 150],
- "amount": 1,
+ "amount": 0,
"ammo": ["Shortbow Arrow", "Silver†Shortbow Arrow"]
},
{
@@ -1214,7 +1214,7 @@
"category": "bows",
"type": "missile",
"range": [70, 140, 210],
- "amount": 1,
+ "amount": 0,
"ammo": ["Longbow Arrow", "Silver†Longbow Arrow"]
},
{
@@ -1226,7 +1226,7 @@
"category": "bows",
"type": "missile",
"range": [60, 120, 180],
- "amount": 1,
+ "amount": 0,
"ammo": ["Light Quarrel", "Silver†Light Quarrel"]
},
{
@@ -1238,7 +1238,7 @@
"category": "bows",
"type": "missile",
"range": [80, 160, 240],
- "amount": 1,
+ "amount": 0,
"ammo": ["Heavy Quarrel", "Silver†Heavy Quarrel"]
},
{
@@ -1250,7 +1250,7 @@
"category": "bows",
"type": "missile",
"range": [30, 60, 90],
- "amount": 1,
+ "amount": 0,
"ammo": ["Hand Quarrel", "Silver†Hand Quarrel"]
},
{
@@ -1261,7 +1261,7 @@
"weight": 7,
"category": "bows",
"type": "missile",
- "amount": 1,
+ "amount": 0,
"ammo": ["Bullet", "Silver†Bullet"]
},
{
@@ -1274,7 +1274,7 @@
"category": "daggers",
"type": "both",
"range": [10, 20, 30],
- "amount": 1
+ "amount": 0
},
{
"name": "Defending Dagger",
@@ -1285,7 +1285,7 @@
"damage": "1d4",
"category": "daggers",
"type": "both",
- "amount": 1
+ "amount": 0
},
{
"name": "Silver†Dagger",
@@ -1296,7 +1296,7 @@
"damage": "1d4",
"category": "daggers",
"type": "both",
- "amount": 1
+ "amount": 0
},
{
"name": "Shortsword/Cutlass",
@@ -1307,7 +1307,7 @@
"damage": "1d6",
"category": "swords",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Longsword/Scimitar",
@@ -1318,7 +1318,7 @@
"damage": "1d8",
"category": "swords",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Two-Handed Sword",
@@ -1329,7 +1329,7 @@
"damage": "1d10",
"category": "swords",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Warhammer",
@@ -1341,7 +1341,7 @@
"category": "hammers-and-maces",
"type": "both",
"range": [10, 20, 30],
- "amount": 1
+ "amount": 0
},
{
"name": "Light Mace",
@@ -1352,7 +1352,7 @@
"damage": "1d6",
"category": "hammers-and-maces",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Mace",
@@ -1363,7 +1363,7 @@
"damage": "1d8",
"category": "hammers-and-maces",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Morningstar",
@@ -1374,7 +1374,7 @@
"damage": "1d8",
"category": "hammers-and-maces",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Maul/Great Mace",
@@ -1385,7 +1385,7 @@
"damage": "1d10",
"category": "hammers-and-maces",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Club/Cudgel/Walking Staff",
@@ -1396,7 +1396,7 @@
"damage": "1d4",
"category": "other-weapons",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Silver Walking Stick/Staff†",
@@ -1407,7 +1407,7 @@
"damage": "1d4",
"category": "other-weapons",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Greatclub",
@@ -1418,7 +1418,7 @@
"damage": "1d8",
"category": "other-weapons",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Sap/Blackjack**",
@@ -1429,7 +1429,7 @@
"damage": "1d4",
"category": "other-weapons",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Hook",
@@ -1440,7 +1440,7 @@
"damage": "1d4",
"category": "other-weapons",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Sickle",
@@ -1451,7 +1451,7 @@
"damage": "1d6",
"category": "other-weapons",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Scythe",
@@ -1462,7 +1462,7 @@
"damage": "1d8",
"category": "other-weapons",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Quarterstaff",
@@ -1473,7 +1473,7 @@
"damage": "1d6",
"category": "spears-and-polearms",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Pole Arm",
@@ -1484,7 +1484,7 @@
"damage": "1d10",
"category": "spears-and-polearms",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Spade",
@@ -1495,7 +1495,7 @@
"damage": "1d6",
"category": "improvised-weapons",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Crowbar",
@@ -1506,7 +1506,7 @@
"damage": "1d6",
"category": "improvised-weapons",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Pitchfork",
@@ -1517,7 +1517,7 @@
"damage": "1d6",
"category": "improvised-weapons",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Chain††",
@@ -1528,7 +1528,7 @@
"damage": "1d4",
"category": "chain-and-flail",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Flail",
@@ -1539,7 +1539,7 @@
"damage": "1d8",
"category": "chain-and-flail",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Great Flail",
@@ -1550,7 +1550,7 @@
"damage": "1d10",
"category": "chain-and-flail",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Whip",
@@ -1561,7 +1561,7 @@
"damage": "1d3",
"category": "chain-and-flail",
"type": "melee",
- "amount": 1
+ "amount": 0
},
{
"name": "Sling",
@@ -1572,7 +1572,7 @@
"category": "slings-and-hurled-weapons",
"type": "missile",
"range": [30, 60, 90],
- "amount": 1,
+ "amount": 0,
"ammo": ["Stone"]
},
{
@@ -1585,7 +1585,7 @@
"damage": "1d3",
"type": "missile",
"range": [20, 40, 60],
- "amount": 1
+ "amount": 0
},
{
"name": "Dart/Throwing Blade",
@@ -1597,7 +1597,7 @@
"damage": "1d3",
"type": "missile",
"range": [10, 20, 30],
- "amount": 1
+ "amount": 0
},
{
"name": "Javelin",
@@ -1609,7 +1609,7 @@
"damage": "1d4",
"type": "missile",
"range": [20, 40, 60],
- "amount": 1
+ "amount": 0
},
{
"name": "Blowgun",
@@ -1620,7 +1620,7 @@
"category": "slings-and-hurled-weapons",
"type": "missile",
"range": [10, 20, 30],
- "amount": 1,
+ "amount": 0,
"ammo": ["Dart/Throwing Blade"]
},
{
@@ -1632,7 +1632,7 @@
"category": "slings-and-hurled-weapons",
"type": "missile",
"range": [10, 15, 20],
- "amount": 1
+ "amount": 0
},
{
"name": "Spear",
@@ -1645,7 +1645,7 @@
"twoHandedDamage": "1d8",
"type": "both",
"range": [10, 20, 30],
- "amount": 1
+ "amount": 0
},
{
"name": "Fork/Trident (E)",
@@ -1658,7 +1658,7 @@
"twoHandedDamage": "1d8",
"type": "both",
"range": [10, 20, 30],
- "amount": 1
+ "amount": 0
},
{
"name": "Boar Spear",
@@ -1671,7 +1671,7 @@
"twoHandedDamage": "1d8",
"type": "both",
"range": [10, 20, 30],
- "amount": 1
+ "amount": 0
},
{
"name": "Lance",
@@ -1682,7 +1682,7 @@
"category": "spears-and-polearms",
"damage": "1d8",
"type": "both",
- "amount": 1
+ "amount": 0
},
{
"name": "Shortbow Arrow",
@@ -1691,7 +1691,7 @@
"weight": 0.1,
"damage": "1d6",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Silver†Shortbow Arrow",
@@ -1700,7 +1700,7 @@
"weight": 0.1,
"damage": "1d6",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Longbow Arrow",
@@ -1709,7 +1709,7 @@
"weight": 0.1,
"damage": "1d8",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Silver†Longbow Arrow",
@@ -1718,7 +1718,7 @@
"weight": 0.1,
"damage": "1d8",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Light Quarrel",
@@ -1727,7 +1727,7 @@
"weight": 0.1,
"damage": "1d6",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Silver†Light Quarrel",
@@ -1736,7 +1736,7 @@
"weight": 0.1,
"damage": "1d6",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Heavy Quarrel",
@@ -1745,7 +1745,7 @@
"weight": 0.1,
"damage": "1d8",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Silver†Heavy Quarrel",
@@ -1754,7 +1754,7 @@
"weight": 0.1,
"damage": "1d8",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Hand Quarrel",
@@ -1763,7 +1763,7 @@
"weight": 0.1,
"damage": "1d3",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Silver†Hand Quarrel",
@@ -1772,7 +1772,7 @@
"weight": 0.1,
"damage": "1d3",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Bullet",
@@ -1781,7 +1781,7 @@
"weight": 0.1,
"damage": "1d4",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Silver†Bullet",
@@ -1790,7 +1790,7 @@
"weight": 0.1,
"damage": "1d4",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Stone",
@@ -1799,7 +1799,7 @@
"weight": 0.1,
"damage": "1d3",
"category": "ammunition",
- "amount": 1
+ "amount": 0
},
{
"name": "Padded/Quilted Armor",
@@ -1808,7 +1808,7 @@
"weight": 10,
"AC": 12,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Hide Armor",
@@ -1817,7 +1817,7 @@
"weight": 30,
"AC": 13,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Leather Armor",
@@ -1826,7 +1826,7 @@
"weight": 15,
"AC": 13,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Studded Leather Armor",
@@ -1835,7 +1835,7 @@
"weight": 25,
"AC": 14,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Ring Mail",
@@ -1844,7 +1844,7 @@
"weight": 30,
"AC": 14,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Brigandine Armor",
@@ -1853,7 +1853,7 @@
"weight": 30,
"AC": 15,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Chain Mail",
@@ -1862,7 +1862,7 @@
"weight": 40,
"AC": 15,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Scale Mail",
@@ -1871,7 +1871,7 @@
"weight": 55,
"AC": 16,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Splint Mail",
@@ -1880,7 +1880,7 @@
"weight": 45,
"AC": 16,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Banded Mail",
@@ -1889,7 +1889,7 @@
"weight": 35,
"AC": 16,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Plate Mail",
@@ -1898,7 +1898,7 @@
"weight": 50,
"AC": 17,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Field Plate Mail",
@@ -1907,7 +1907,7 @@
"weight": 70,
"AC": 18,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Full Plate Mail",
@@ -1916,7 +1916,7 @@
"weight": 80,
"AC": 19,
"category": "armor",
- "amount": 1
+ "amount": 0
},
{
"name": "Buckler Shield",
@@ -1926,7 +1926,7 @@
"AC": "+1",
"missileAC": "+0",
"category": "shields",
- "amount": 1
+ "amount": 0
},
{
"name": "Shield",
@@ -1936,7 +1936,7 @@
"AC": "+1",
"missileAC": "+1",
"category": "shields",
- "amount": 1
+ "amount": 0
},
{
"name": "Tower Shield",
@@ -1946,7 +1946,7 @@
"AC": "+1",
"missileAC": "+3",
"category": "shields",
- "amount": 1
+ "amount": 0
},
{
"name": "Light Barding",
@@ -1956,7 +1956,7 @@
"animalWeight": 50,
"AC": "+2",
"category": "barding",
- "amount": 1
+ "amount": 0
},
{
"name": "Mail Barding",
@@ -1966,7 +1966,7 @@
"animalWeight": 80,
"AC": "+4",
"category": "barding",
- "amount": 1
+ "amount": 0
},
{
"name": "Plate Barding",
@@ -1976,41 +1976,41 @@
"animalWeight": 100,
"AC": "+6",
"category": "barding",
- "amount": 1
+ "amount": 0
},
{
"name": "Horse, Draft",
"costValue": 120,
"costCurrency": "gp",
"category": "beasts-of-burden",
- "amount": 1
+ "amount": 0
},
{
"name": "Horse, War",
"costValue": 200,
"costCurrency": "gp",
"category": "beasts-of-burden",
- "amount": 1
+ "amount": 0
},
{
"name": "Horse, Riding",
"costValue": 75,
"costCurrency": "gp",
"category": "beasts-of-burden",
- "amount": 1
+ "amount": 0
},
{
"name": "Pony*",
"costValue": 40,
"costCurrency": "gp",
"category": "beasts-of-burden",
- "amount": 1
+ "amount": 0
},
{
"name": "Pony, War*",
"costValue": 80,
"costCurrency": "gp",
"category": "beasts-of-burden",
- "amount": 1
+ "amount": 0
}
]
diff --git a/src/data/equipmentItems.test.ts b/src/data/equipmentItems.test.ts
index 05f4f458..478bf230 100644
--- a/src/data/equipmentItems.test.ts
+++ b/src/data/equipmentItems.test.ts
@@ -1,3 +1,4 @@
+import { AttackTypes } from "../support/stringSupport";
import equipmentItems from "./equipmentItems.json";
describe("equipmentItems", () => {
@@ -18,8 +19,8 @@ describe("equipmentItems", () => {
const uniqueValues = [...new Set(values)];
expect(uniqueValues).toEqual(
expect.arrayContaining(
- values.filter((value) => typeof value === "number" && value > -1)
- )
+ values.filter((value) => typeof value === "number" && value > -1),
+ ),
);
});
@@ -31,12 +32,12 @@ describe("equipmentItems", () => {
test("every item that has a `category` value of 'general-equipment' also has a `subCategory` property with a string value", () => {
const generalEquipment = equipmentItems.filter(
- (item) => item.category === "general-equipment"
+ (item) => item.category === "general-equipment",
);
const subCategories = generalEquipment.map((item) => item.subCategory);
expect(subCategories.length).toBe(generalEquipment.length);
expect(
- subCategories.every((subCategory) => typeof subCategory === "string")
+ subCategories.every((subCategory) => typeof subCategory === "string"),
).toBe(true);
});
@@ -49,7 +50,11 @@ describe("equipmentItems", () => {
test("every item that has a `type` property has a value of 'melee', 'missile', or 'both'", () => {
const types = equipmentItems.map((item) => item.type);
const uniqueTypes = [...new Set(types)].sort();
- expect(uniqueTypes).toEqual(["both", "melee", "missile"]);
+ expect(uniqueTypes).toEqual([
+ AttackTypes.BOTH,
+ AttackTypes.MELEE,
+ AttackTypes.MISSILE,
+ ]);
});
test("every item that has a `weight` property has a value of typeof 'number' greater than -1", () => {
@@ -61,7 +66,7 @@ describe("equipmentItems", () => {
});
const uniqueWeights = [...new Set(weights)];
expect(uniqueWeights.every((weight) => typeof weight === "number")).toBe(
- true
+ true,
);
});
});
diff --git a/src/data/races/bisren.ts b/src/data/races/bisren.ts
index 13e431a3..1d263ae2 100644
--- a/src/data/races/bisren.ts
+++ b/src/data/races/bisren.ts
@@ -1,4 +1,5 @@
-import { ClassNames } from "../definitions";
+import { AttackTypes } from "@/support/stringSupport";
+import { ClassNames } from "@/data/definitions";
import { RaceSetup } from "./definitions";
// TODO: Add Details (specials, restrictions)
@@ -25,7 +26,7 @@ export const bisren: RaceSetup = {
category: "inherent",
damage: "1d6",
amount: 1,
- type: "melee",
+ type: AttackTypes.MELEE,
noDelete: true,
},
],
diff --git a/src/data/races/definitions.ts b/src/data/races/definitions.ts
index 4e8f87b2..1273d171 100755
--- a/src/data/races/definitions.ts
+++ b/src/data/races/definitions.ts
@@ -19,6 +19,7 @@ export interface RaceSetup {
minimumAbilityRequirements?: Record;
name: string;
noLargeEquipment?: boolean;
+ rangedBonus?: number;
savingThrows?: Partial;
specialAbilitiesOverride?: any;
uniqueAttacks?: EquipmentItem[];
diff --git a/src/data/races/halfling.ts b/src/data/races/halfling.ts
index eed55800..266497b8 100755
--- a/src/data/races/halfling.ts
+++ b/src/data/races/halfling.ts
@@ -14,6 +14,7 @@ export const halfling: RaceSetup = {
ClassNames.PALADIN,
ClassNames.SCOUT,
],
+ rangedBonus: 1,
hasLowCapacity: true,
additionalAttackBonus: "+1",
minimumAbilityRequirements: { dexterity: 9 },
@@ -33,7 +34,7 @@ export const halfling: RaceSetup = {
specials: [
"**Halflings** are unusually accurate with all sorts of ranged weapons, gaining a +1 attack bonus when employing them.",
"When attacked in melee by creatures larger than man-sized, **Halflings** gain a +2 bonus to their Armor Class.",
- "`**Halflings** are quick-witted, adding +1 to Initiative die rolls.",
+ "**Halflings** are quick-witted, adding +1 to Initiative die rolls.",
"In their preferred forest terrain, **Halflings** are able to hide very effectively; so long as they remain still there is only a 10% chance they will be detected. Even indoors, in dungeons or in non- preferred terrain they are able to hide such that there is only a 30% chance of detection. Note that a **Halfling Thief** will roll only once, using either the **Thief** ability or the **Halfling** ability, whichever is better.",
],
restrictions: [
diff --git a/src/declarations.d.ts b/src/declarations.d.ts
new file mode 100644
index 00000000..a36e2601
--- /dev/null
+++ b/src/declarations.d.ts
@@ -0,0 +1,6 @@
+declare module "*.svg" {
+ import React = require("react");
+ export const ReactComponent: React.FC>;
+ const src: string;
+ export default src;
+}
diff --git a/src/firebase.js b/src/firebase.ts
similarity index 100%
rename from src/firebase.js
rename to src/firebase.ts
diff --git a/src/hooks/useAttack.ts b/src/hooks/useAttack.ts
new file mode 100644
index 00000000..9e98dc36
--- /dev/null
+++ b/src/hooks/useAttack.ts
@@ -0,0 +1,140 @@
+import React from "react";
+import { useNotification } from "./useNotification";
+import { CharData, EquipmentItem } from "@/data/definitions";
+import {
+ getRollToAmmoDamageResult,
+ getRollToHitResult,
+ getRollToThrownDamageResult,
+ getWeapon,
+} from "@/components/ModalAttack/ModalAttackSupport";
+
+interface UseAttackReturnType {
+ range: string | undefined;
+ setRange: (range: string | undefined) => void;
+ contextHolder: React.ReactElement<
+ any,
+ string | React.JSXElementConstructor
+ >;
+ openNotification: (
+ title: string,
+ description: string,
+ duration?: number,
+ ) => void;
+ getRangeOptions: (range: EquipmentItem["range"]) =>
+ | {
+ label: string;
+ value: string;
+ }[]
+ | undefined;
+ handleRangeChange: (value: string) => void;
+ updateEquipmentAfterMissileAttack: (
+ ammoSelection: string | undefined,
+ equipment: EquipmentItem[],
+ isRecoveryChecked: boolean,
+ character: CharData,
+ setCharacter: (character: CharData) => void,
+ ) => boolean;
+ calculateMissileRollResults: (
+ character: CharData,
+ range: string | undefined,
+ equipment: EquipmentItem[],
+ ammoSelection: string | undefined,
+ thrown?: boolean,
+ ) => {
+ rollToHit: any;
+ rollToDamage: any;
+ };
+}
+
+export const useAttack = (): UseAttackReturnType => {
+ const [range, setRange] = React.useState(undefined);
+ const { contextHolder, openNotification } = useNotification();
+ const getRangeOptions = (range: EquipmentItem["range"]) =>
+ range?.map((r, index) => {
+ const rangeLabel = () => {
+ switch (index) {
+ case 0:
+ return "S";
+ case 1:
+ return "M";
+ case 2:
+ return "L";
+ default:
+ return "";
+ }
+ };
+ return {
+ label: `${rangeLabel()}/${r}'`,
+ value: rangeLabel(),
+ };
+ });
+ const handleRangeChange = (value: string) => {
+ setRange(value);
+ };
+ const updateEquipmentAfterMissileAttack = (
+ ammoSelection: string | undefined,
+ equipment: EquipmentItem[],
+ isRecoveryChecked: boolean,
+ character: CharData,
+ setCharacter: (character: CharData) => void,
+ ) => {
+ const weapon = getWeapon(ammoSelection ?? "", equipment);
+ if (weapon) {
+ const newEquipment = equipment.filter(
+ (item) => item.name !== ammoSelection,
+ );
+ const weaponRecovered = isRecoveryChecked && Math.random() < 0.25;
+
+ if (weaponRecovered) {
+ newEquipment.push(weapon);
+ } else {
+ weapon.amount = weapon.amount - 1;
+ if (weapon.amount > 0) newEquipment.push(weapon);
+ }
+
+ setCharacter({
+ ...character,
+ equipment: [...newEquipment],
+ });
+
+ return weaponRecovered;
+ }
+ return false;
+ };
+
+ const calculateMissileRollResults = (
+ character: CharData,
+ range: string | undefined,
+ equipment: EquipmentItem[],
+ ammoSelection: string | undefined,
+ thrown: boolean = false,
+ ) => {
+ const rollToHit = getRollToHitResult(character, "missile", range);
+ let rollToDamage;
+ if (thrown) {
+ rollToDamage = getRollToThrownDamageResult(
+ equipment,
+ ammoSelection,
+ character,
+ );
+ } else {
+ rollToDamage = getRollToAmmoDamageResult(
+ equipment,
+ ammoSelection,
+ character,
+ );
+ }
+ return { rollToHit, rollToDamage };
+ };
+
+ return {
+ range,
+ setRange,
+ contextHolder,
+ openNotification,
+ getRangeOptions,
+ handleRangeChange,
+ updateEquipmentAfterMissileAttack,
+ calculateMissileRollResults,
+ };
+};
diff --git a/src/hooks/useCharacterData.ts b/src/hooks/useCharacterData.ts
new file mode 100644
index 00000000..adba379e
--- /dev/null
+++ b/src/hooks/useCharacterData.ts
@@ -0,0 +1,33 @@
+import React from "react";
+import { useParams } from "react-router-dom";
+import { fetchDocument, updateDocument } from "../support/accountSupport";
+import { CharData } from "../data/definitions";
+import { User } from "firebase/auth";
+
+export function useCharacterData(user: User | null) {
+ const { uid, id } = useParams();
+ const [character, setCharacter] = React.useState(null);
+ const userIsOwner = user?.uid === uid;
+
+ React.useEffect(() => {
+ let unsubscribe: () => void;
+ if (uid && id) {
+ unsubscribe = fetchDocument(uid, id, setCharacter, "characters");
+ }
+ return () => unsubscribe && unsubscribe();
+ }, [uid, id]);
+
+ React.useEffect(() => {
+ if (uid && id && character) {
+ updateDocument({
+ collection: "users",
+ docId: uid,
+ subCollection: "characters",
+ subDocId: id,
+ data: { ...character },
+ });
+ }
+ }, [uid, id, character]);
+
+ return { character, setCharacter, userIsOwner, uid, id };
+}
diff --git a/src/hooks/useCharacterDice.ts b/src/hooks/useCharacterDice.ts
new file mode 100644
index 00000000..d08d6dbe
--- /dev/null
+++ b/src/hooks/useCharacterDice.ts
@@ -0,0 +1,17 @@
+// Custom Hook for rolling dice for a character.
+
+import { CharData } from "@/data/definitions";
+import { rollDice } from "@/support/characterSupport";
+import { useNotification } from "./useNotification";
+
+export function useCharacterDice(character: CharData) {
+ const { dexterity: dexBonus } = character.abilities.modifiers;
+ const { contextHolder, openNotification } = useNotification();
+
+ const rollInitiative = () => {
+ const result = rollDice(`1d6${dexBonus}`);
+ openNotification("Roll Initiative", result);
+ };
+
+ return { contextHolder, rollInitiative };
+}
diff --git a/src/hooks/useDeviceType.ts b/src/hooks/useDeviceType.ts
new file mode 100644
index 00000000..4a0229be
--- /dev/null
+++ b/src/hooks/useDeviceType.ts
@@ -0,0 +1,14 @@
+import { useMediaQuery } from "react-responsive";
+import {
+ mobileBreakpoint,
+ tabletBreakpoint,
+ desktopBreakpoint,
+} from "../support/stringSupport";
+
+export const useDeviceType = () => {
+ const isMobile = useMediaQuery({ query: mobileBreakpoint });
+ const isTablet = useMediaQuery({ query: tabletBreakpoint });
+ const isDesktop = useMediaQuery({ query: desktopBreakpoint });
+
+ return { isMobile, isTablet, isDesktop };
+};
diff --git a/src/hooks/useGameCharacters.ts b/src/hooks/useGameCharacters.ts
new file mode 100644
index 00000000..e9e6ad23
--- /dev/null
+++ b/src/hooks/useGameCharacters.ts
@@ -0,0 +1,143 @@
+import React from "react";
+import {
+ Abilities,
+ CharData,
+ ClassNames,
+ GamePlayerList,
+} from "../data/definitions";
+import { removePlayerFromGame } from "../support/accountSupport";
+import { doc, getDoc } from "firebase/firestore";
+import { db } from "../firebase";
+import { DescriptionsProps } from "antd";
+import { classSplit } from "../support/characterSupport";
+
+export function useGameCharacters(players: GamePlayerList): [
+ CharData[],
+ (gameId: string, userId: string, characterId: string) => Promise,
+ (scores: Abilities) => DescriptionsProps["items"],
+ (character: CharData) => DescriptionsProps["items"],
+ (characters: CharData[]) => {
+ showThief: boolean;
+ showAssassin: boolean;
+ showRanger: boolean;
+ showScout: boolean;
+ },
+] {
+ const [characterList, setCharacterList] = React.useState([]);
+
+ const getCharacter = async (userId: string, characterId: string) => {
+ const docRef = doc(db, `users/${userId}/characters/${characterId}`);
+ const docSnap = await getDoc(docRef);
+ if (docSnap.exists()) {
+ return docSnap.data() as CharData;
+ } else {
+ console.error("No such document!");
+ }
+ };
+
+ const removePlayer = async (
+ gameId: string,
+ userId: string,
+ characterId: string,
+ ) => {
+ await removePlayerFromGame(gameId, userId, characterId);
+ setCharacterList((prevCharacterList) =>
+ prevCharacterList.filter((character) => character.id !== characterId),
+ );
+ };
+
+ const generateAbilityItems = (
+ scores: Abilities,
+ ): DescriptionsProps["items"] => [
+ { key: "strength", label: "STR", children: scores.strength, span: 1 },
+ {
+ key: "intelligence",
+ label: "INT",
+ children: scores.intelligence,
+ span: 1,
+ },
+ { key: "wisdom", label: "WIS", children: scores.wisdom, span: 1 },
+ { key: "dexterity", label: "DEX", children: scores.dexterity, span: 1 },
+ {
+ key: "constitution",
+ label: "CON",
+ children: scores.constitution,
+ span: 1,
+ },
+ { key: "charisma", label: "CHA", children: scores.charisma, span: 1 },
+ ];
+
+ const generateDetailItems = (
+ character: CharData,
+ ): DescriptionsProps["items"] => {
+ const { level, hp, class: charClass, race } = character;
+ return [
+ {
+ key: "level",
+ label: "Level",
+ children: level,
+ span: 1,
+ },
+ {
+ key: "hp",
+ label: "HP",
+ children: `${hp.points} / ${hp.max}`,
+ span: 1,
+ },
+ {
+ key: "class",
+ label: "Class",
+ children: classSplit(charClass).join(", "),
+ span: 1,
+ },
+ { key: "race", label: "Race", children: race, span: 1 },
+ ];
+ };
+
+ const calculateClassAbilitiesToShow = (characters: CharData[]) => {
+ const classAbilities = {
+ showThief: false,
+ showAssassin: false,
+ showRanger: false,
+ showScout: false,
+ };
+
+ characters.forEach((character) => {
+ const classes = classSplit(character.class);
+ classAbilities.showThief ||= classes.includes(ClassNames.THIEF);
+ classAbilities.showAssassin ||= classes.includes(ClassNames.ASSASSIN);
+ classAbilities.showRanger ||= classes.includes(ClassNames.RANGER);
+ classAbilities.showScout ||= classes.includes(ClassNames.SCOUT);
+ });
+
+ return classAbilities;
+ };
+
+ React.useEffect(() => {
+ const fetchAllCharacterData = async () => {
+ const fetchedData: CharData[] = [];
+ for (const player of players) {
+ const data = await getCharacter(player.user, player.character);
+ if (data) {
+ // Add the player's user ID to the character data for stable reference
+ fetchedData.push({
+ ...data,
+ userId: player.user,
+ charId: player.character,
+ });
+ }
+ }
+ setCharacterList(fetchedData);
+ };
+
+ fetchAllCharacterData();
+ }, [players]);
+
+ return [
+ characterList,
+ removePlayer,
+ generateAbilityItems,
+ generateDetailItems,
+ calculateClassAbilitiesToShow,
+ ];
+}
diff --git a/src/hooks/useImages.ts b/src/hooks/useImages.ts
new file mode 100644
index 00000000..a0bf22af
--- /dev/null
+++ b/src/hooks/useImages.ts
@@ -0,0 +1,20 @@
+import { toSlugCase } from "@/support/stringSupport";
+
+export const useImages = () => {
+ const getRaceClassImage = (name: string) => {
+ const classImages = import.meta.glob("@/assets/images/classes/*.jpg");
+ const raceImages = import.meta.glob("@/assets/images/races/*.jpg");
+
+ return (
+ classImages[`/src/assets/images/classes/${toSlugCase(name)}.jpg`]?.name ??
+ raceImages[`/src/assets/images/races/${toSlugCase(name)}.jpg`]?.name
+ );
+ };
+
+ const getSpellImage = (name: string) => {
+ const spellImages = import.meta.glob("@/assets/images/spells/*.jpg");
+ return spellImages[`/src/assets/images/spells/${toSlugCase(name)}.jpg`]
+ ?.name;
+ };
+ return { getRaceClassImage, getSpellImage };
+};
diff --git a/src/hooks/useModal.ts b/src/hooks/useModal.ts
new file mode 100644
index 00000000..c1ee3803
--- /dev/null
+++ b/src/hooks/useModal.ts
@@ -0,0 +1,33 @@
+// useModal.js
+import React from "react";
+
+interface UseModalReturnType {
+ modalIsOpen: boolean;
+ setModalIsOpen: (modalIsOpen: boolean) => void;
+ modalTitle: string;
+ setModalTitle: (modalTitle: string) => void;
+ modalContent: React.ReactNode | undefined;
+ setModalContent: (modalContent: React.ReactNode) => void;
+ modalOkRef: React.RefObject<(() => void | undefined) | undefined>;
+}
+
+export const useModal = (): UseModalReturnType => {
+ const [modalIsOpen, setModalIsOpen] = React.useState(false);
+ const [modalTitle, setModalTitle] = React.useState("");
+ const [modalContent, setModalContent] = React.useState<
+ React.ReactNode | undefined
+ >(undefined);
+ const modalOkRef = React.useRef<(() => void | undefined) | undefined>(
+ undefined,
+ );
+
+ return {
+ modalIsOpen,
+ setModalIsOpen,
+ modalTitle,
+ setModalTitle,
+ modalContent,
+ setModalContent,
+ modalOkRef,
+ };
+};
diff --git a/src/hooks/useMoney.ts b/src/hooks/useMoney.ts
new file mode 100644
index 00000000..1c009c60
--- /dev/null
+++ b/src/hooks/useMoney.ts
@@ -0,0 +1,121 @@
+import { CharData, CostCurrency } from "@/data/definitions";
+import React from "react";
+
+export function useMoney(
+ character: CharData | null,
+ setCharacter: (character: CharData) => void,
+) {
+ const handleInputChange = (
+ event: React.ChangeEvent,
+ setFunc: React.Dispatch>,
+ ) => {
+ setFunc(event.target.value);
+ };
+
+ const makeChange = () => {
+ if (character) {
+ let copper = character.gold * 100;
+ const goldPieces = Math.floor(copper / 100);
+ copper %= 100;
+ const silverPieces = Math.floor(copper / 10);
+ copper %= 10;
+ const copperPieces = copper;
+
+ return {
+ gp: Math.round(goldPieces),
+ sp: Math.round(silverPieces),
+ cp: Math.round(copperPieces),
+ };
+ } else {
+ // default object when characterData is null/undefined
+ return { gp: 0, sp: 0, cp: 0 };
+ }
+ };
+ const { gp, sp, cp } = makeChange();
+ const [goldValue, setGoldValue] = React.useState(gp.toString());
+ const [silverValue, setSilverValue] = React.useState(sp.toString());
+ const [copperValue, setCopperValue] = React.useState(cp.toString());
+
+ const handleUpdate = async (
+ valueToSet: number,
+ originalValue: number,
+ multiplier: number,
+ setFunc: React.Dispatch>,
+ ) => {
+ if (isNaN(valueToSet) || !setCharacter || !character) return;
+
+ const newGoldValue =
+ character.gold + (valueToSet - originalValue) / multiplier;
+ setFunc(valueToSet.toString());
+ setCharacter({
+ ...character,
+ gold: newGoldValue,
+ });
+ };
+
+ const handleInputBlur = async (
+ newValue: string,
+ originalValue: number,
+ setFunc: React.Dispatch>,
+ multiplier: number,
+ ) => {
+ let valueToSet: number = NaN;
+
+ if (newValue.startsWith("+") || newValue.startsWith("-")) {
+ const delta = parseInt(newValue.slice(1));
+ if (isNaN(delta)) return;
+ valueToSet = newValue.startsWith("+")
+ ? originalValue + delta
+ : Math.max(originalValue - delta, 0);
+ } else {
+ const value = parseInt(newValue);
+ if (isNaN(value) || value < 0) return;
+ valueToSet = value;
+ }
+
+ await handleUpdate(valueToSet, originalValue, multiplier, setFunc);
+ };
+
+ const handleFocus = (e: React.FocusEvent) => {
+ setTimeout(() => {
+ e.target.select();
+ }, 50);
+ };
+
+ const handleChange = (
+ e: React.ChangeEvent,
+ setFunc: React.Dispatch>,
+ ) => {
+ handleInputChange(e, setFunc);
+ };
+
+ const handleBlurAndEnter = (
+ value: string,
+ setFunc: React.Dispatch>,
+ multiplier: number,
+ key: CostCurrency,
+ ) => {
+ const originalValue = (makeChange() as { [key: string]: number })[key];
+ handleInputBlur(value, originalValue, setFunc, multiplier);
+ };
+
+ React.useEffect(() => {
+ const { gp, sp, cp } = makeChange();
+ setGoldValue(gp.toString());
+ setSilverValue(sp.toString());
+ setCopperValue(cp.toString());
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [character?.gold]);
+
+ return {
+ goldValue,
+ setGoldValue,
+ silverValue,
+ setSilverValue,
+ copperValue,
+ setCopperValue,
+ handleFocus,
+ handleChange,
+ handleBlurAndEnter,
+ };
+}
diff --git a/src/hooks/useNotification.ts b/src/hooks/useNotification.ts
new file mode 100644
index 00000000..d28c1b9a
--- /dev/null
+++ b/src/hooks/useNotification.ts
@@ -0,0 +1,18 @@
+import { notification } from "antd";
+
+export function useNotification() {
+ const [api, contextHolder] = notification.useNotification();
+
+ const openNotification = (
+ title: string,
+ description: string,
+ duration: number = 0,
+ ) => {
+ api.open({
+ message: title,
+ description,
+ duration,
+ });
+ };
+ return { contextHolder, openNotification };
+}
diff --git a/src/hooks/useSpellData.ts b/src/hooks/useSpellData.ts
new file mode 100644
index 00000000..f285a66f
--- /dev/null
+++ b/src/hooks/useSpellData.ts
@@ -0,0 +1,31 @@
+import { classes } from "@/data/classes";
+import { classSplit } from "@/support/characterSupport";
+import React from "react";
+import { ClassNames } from "@/data/definitions";
+
+export function useSpellData() {
+ const [hasSpellBudget, setHasSpellBudget] = React.useState(false);
+
+ const checkSpellCaster = (charClass: string | string[]) => {
+ const classArr = classSplit(charClass);
+ return classArr.some((c) => {
+ const classData = classes[c as ClassNames];
+ return (
+ classData && classData.spellBudget && classData.spellBudget.length > 0
+ );
+ });
+ };
+
+ const isSpellCaster = React.useCallback(
+ (charClass: string | string[]) => {
+ const result = checkSpellCaster(charClass);
+ if (result !== hasSpellBudget) {
+ setHasSpellBudget(result);
+ }
+ return result;
+ },
+ [hasSpellBudget],
+ );
+
+ return { isSpellCaster };
+}
diff --git a/src/index.css b/src/index.css
old mode 100755
new mode 100644
index 3981a1e8..c2268d1d
--- a/src/index.css
+++ b/src/index.css
@@ -2,53 +2,6 @@
@tailwind components;
@tailwind utilities;
-button span {
- color: theme("colors.shipGray") !important;
-}
-
-.ant-layout > header .ant-typography,
-.ant-table {
- color: theme("colors.springWood") !important;
-}
-
-.ant-table {
- background-color: theme("colors.shipGray") !important;
-}
-
-.ant-table-row td {
- border-bottom-color: rgba(0, 0, 0, 2.5) !important;
-}
-
-.ant-table-row:hover td {
- background-color: rgba(0, 0, 0, 0.25) !important;
-}
-
-.ant-collapse-content,
-.ant-modal-content,
-.ant-modal-header {
- background-color: theme("colors.springWood") !important;
-}
-
-.ant-card-actions {
- background-color: theme("colors.seaBuckthorn") !important;
- border-top-color: rgba(0, 0, 0, 0.35) !important;
-}
-.ant-card-actions li {
- border-color: rgba(0, 0, 0, 0.35) !important;
-}
-.ant-card-actions li span .anticon:hover {
- color: rgba(0, 0, 0, 0.75) !important;
-}
-
-.ant-tabs-tab > div {
- padding: 0.25rem 0.5rem;
-}
-.ant-tabs-tab-active > div {
- background: theme("colors.shipGray") !important;
- border-radius: 0.5rem;
- color: theme("colors.springWood") !important;
-}
-
@font-face {
font-family: "Enchant";
src: url("assets/fonts/Enchant.ttf") format("truetype");
diff --git a/src/index.tsx b/src/index.tsx
deleted file mode 100755
index 65f54e6a..00000000
--- a/src/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App";
-import { BrowserRouter } from "react-router-dom";
-import "./index.css";
-
-const root = ReactDOM.createRoot(
- document.getElementById("root") as HTMLElement
-);
-root.render(
- (
-
-
-
-
- ) as any
-);
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 00000000..0c02d41b
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App.tsx";
+import { BrowserRouter } from "react-router-dom";
+import "./index.css";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+
+
+
+ ,
+);
diff --git a/src/modals/AddCustomEquipmentModal.tsx b/src/modals/AddCustomEquipmentModal.tsx
deleted file mode 100755
index 29a5f597..00000000
--- a/src/modals/AddCustomEquipmentModal.tsx
+++ /dev/null
@@ -1,635 +0,0 @@
-import { useEffect, useState } from "react";
-import {
- Button,
- Checkbox,
- Form,
- Input,
- InputNumber,
- Modal,
- Radio,
- RadioChangeEvent,
- Select,
-} from "antd";
-import { useParams } from "react-router-dom";
-import { doc, updateDoc } from "firebase/firestore";
-import { db } from "../firebase";
-import CloseIcon from "../components/CloseIcon/CloseIcon";
-import { AddCustomEquipmentModalProps } from "./definitions";
-import equipmentItems from "../data/equipmentItems.json";
-import { slugToTitleCase } from "../support/stringSupport";
-import { getItemCost } from "../support/formatSupport";
-import HomebrewWarning from "../components/HomebrewWarning/HomebrewWarning";
-import DOMPurify from "dompurify";
-import { EquipmentItem } from "../data/definitions";
-
-const initialFormState = {
- name: undefined,
- category: undefined,
- subCategory: undefined,
- costValue: undefined,
- costCurrency: "gp",
- armorOrShield: false,
- purchased: true,
- weight: undefined,
- damage: undefined,
- type: "both",
- ac: undefined,
- size: undefined,
- amount: 1,
-};
-
-const categoriesSet = new Set(equipmentItems.map((item) => item.category));
-
-const equipmentCategories = Array.from(categoriesSet)
- .map((category) => {
- return { value: category, label: slugToTitleCase(category) };
- })
- .sort((a, b) => a.label.localeCompare(b.label));
-
-const onFinishFailed = (errorInfo: any) => {
- console.error("Failed:", errorInfo);
-};
-
-export default function AddCustomEquipmentModal({
- isAddCustomEquipmentModalOpen,
- handleCancel,
- characterData,
- setCharacterData,
- user,
-}: AddCustomEquipmentModalProps) {
- const [formState, setFormState] = useState(initialFormState);
- const [prevValue, setPrevValue] = useState(characterData.equipment);
-
- const [form] = Form.useForm();
- const type = Form.useWatch("type", { form });
-
- const { uid, id } = useParams();
-
- const updateEquipment = async () => {
- if (!uid || !id) {
- console.error("User ID or Character ID is undefined");
- return;
- }
- if (user?.uid !== uid) {
- console.log("Not the owner of the character sheet.");
- return;
- }
-
- if (characterData.equipment !== prevValue) {
- const docRef = doc(db, "users", uid, "characters", id);
-
- try {
- await updateDoc(docRef, {
- equipment: characterData.equipment,
- gold: characterData.gold,
- });
- setPrevValue(characterData.equipment);
- } catch (error) {
- console.error("Error updating document: ", error);
- }
- }
- };
-
- useEffect(() => {
- updateEquipment();
- }, [characterData.equipment, characterData.gold, characterData.weight]);
-
- const onFinish = (values: any) => {
- // Common properties
- let newItem: EquipmentItem = {
- name: values.name,
- costValue: values.costValue,
- costCurrency: values.costCurrency,
- category: values.category,
- amount: values.amount,
- };
-
- // Additional properties based on category
- switch (values.category) {
- case "ammunition":
- newItem = {
- ...newItem,
- weight: values.weight,
- damage: values.damage,
- };
- break;
- case "armor":
- newItem = {
- ...newItem,
- AC: values["armor-ac"],
- weight: values.weight,
- };
- break;
- case "shields":
- newItem = {
- ...newItem,
- AC: values["shield-ac"],
- weight: values.weight,
- };
- break;
- case "axes":
- case "hammers-and-maces":
- case "improvised-weapons":
- case "other-weapons":
- case "spears-and-polearms":
- newItem = {
- ...newItem,
- size: values.size,
- weight: values.weight,
- damage: values.damage,
- type: values.type,
- range: values.range,
- };
- break;
- case "beasts-of-burden":
- // No additional properties
- break;
- case "bows":
- newItem = {
- ...newItem,
- size: values.size,
- weight: values.weight,
- type: "missile",
- range: values.range,
- };
- break;
- case "slings-and-hurled-weapons":
- newItem = {
- ...newItem,
- size: values.size,
- weight: values.weight,
- type: "missile",
- damage: values.damage,
- range: values.range,
- };
- break;
- case "brawling":
- case "chain-and-flail":
- case "swords":
- newItem = {
- ...newItem,
- size: values.size,
- weight: values.weight,
- damage: values.damage,
- type: "melee",
- };
- break;
- case "daggers":
- newItem = {
- ...newItem,
- size: values.size,
- weight: values.weight,
- damage: values.damage,
- type: "both",
- range: values.range,
- };
- break;
- case "items":
- newItem = {
- ...newItem,
- weight: values.weight,
- };
- break;
- default:
- break;
- }
-
- // Calculate the item cost
- const itemCost = getItemCost(newItem);
-
- // Update the character's equipment and gold
- const updatedEquipment = [...characterData.equipment, newItem];
- const updatedGold = characterData.gold - (values.purchased ? itemCost : 0);
-
- setCharacterData({
- ...characterData,
- equipment: updatedEquipment,
- gold: updatedGold,
- });
-
- handleCancel();
- setFormState(initialFormState);
- };
-
- const handleFormChange = (event: { target: { name: any; value: any } }) => {
- const { name, value } = event.target;
- setFormState({
- ...formState,
- [name]: DOMPurify.sanitize(value),
- });
- };
-
- const handleNumberChange = (
- value: number | string | null,
- fieldName: string
- ): void => {
- const numValue = typeof value === "string" ? Number(value) : value;
-
- setFormState({
- ...formState,
- [fieldName]: numValue,
- });
- };
-
- const handleSelectChange = (value: string, name: string) => {
- setFormState({
- ...formState,
- [name]: value,
- });
- };
-
- const handleRadioChange = (event: RadioChangeEvent) => {
- const { value } = event.target;
- setFormState({
- ...formState,
- type: value,
- });
- };
-
- const showAttackTypeCategories: string[] = [
- "axes",
- "hammers-and-maces",
- "improvised-weapons",
- "other-weapons",
- ];
-
- const showDamageCategories: string[] = [
- "ammunition",
- "axes",
- "chain-and-flail",
- "daggers",
- "hammers-and-maces",
- "improvised-weapons",
- "other-weapons",
- "slings-and-hurled-weapons",
- "spears-and-polearms",
- "swords",
- ];
-
- const showSizeCategories = [
- "axes",
- "bows",
- "chain-and-flail",
- "daggers",
- "hammers-and-maces",
- "improvised-weapons",
- "other-weapons",
- "slings-and-hurled-weapons",
- "spears-and-polearms",
- "swords",
- ];
-
- return (
- ) => {
- const cleanInput = DOMPurify.sanitize(event.target.value);
- setInputValue(cleanInput);
- };
-
- // Function for opening a notification with a given message.
- const openNotification = (result: string) => {
- api.open({
- message: "Virtual Dice",
- description: result,
- duration: 0,
- className: "!bg-seaBuckthorn",
- closeIcon:
- {
- if (event.key === "Enter") {
- handleRollClick();
- }
- }}
- />
-
-
-
- Type any dice notation in the input box. ex: 2d6+5
-
-
-
- );
-}
diff --git a/src/modals/LevelUpModal.tsx b/src/modals/LevelUpModal.tsx
deleted file mode 100755
index d1c15427..00000000
--- a/src/modals/LevelUpModal.tsx
+++ /dev/null
@@ -1,269 +0,0 @@
-import { Button, Checkbox, Modal, Typography } from "antd";
-import { DiceRoller } from "@dice-roller/rpg-dice-roller";
-import { CheckboxValueType } from "antd/es/checkbox/Group";
-import CloseIcon from "../components/CloseIcon/CloseIcon";
-import { LevelUpModalProps } from "./definitions";
-import spellList from "../data/spells.json";
-import { getClassType } from "../support/helpers";
-import { doc, updateDoc } from "firebase/firestore";
-import { db } from "../firebase";
-import { useParams } from "react-router-dom";
-import { InfoCircleOutlined } from "@ant-design/icons";
-import { useState } from "react";
-import { marked } from "marked";
-import DescriptionBubble from "../components/CharacterCreator/DescriptionBubble/DescriptionBubble";
-import { classes } from "../data/classes";
-import { ClassNames, Spell } from "../data/definitions";
-
-const roller = new DiceRoller();
-
-export default function LevelUpModal({
- characterData,
- handleCancel,
- isLevelUpModalOpen,
- setCharacterData,
- hitDice,
-}: LevelUpModalProps) {
- const { uid, id } = useParams();
- const [spellDescription, setSpellDescription] = useState("");
- const [spellName, setSpellName] = useState("");
-
- const newHitDiceValue = hitDice(
- characterData.level + 1,
- characterData.class,
- characterData.hp.dice
- );
- const spells: Spell[] = spellList;
-
- const spellsOfLevel = (className: string[], level: number) => {
- const classType = getClassType(className);
-
- let filteredSpells: Spell[] = [];
-
- switch (classType) {
- case "standard":
- filteredSpells = spells.filter(
- (spell) => spell.level[className[0].toLowerCase()] === level
- );
- break;
- case "combination":
- filteredSpells = spells.filter((spell) =>
- className.some((cls) => spell.level[cls.toLowerCase()] === level)
- );
- break;
- case "custom":
- // If the level is 1, return all spells. Otherwise, return an empty array.
- filteredSpells = level === 1 ? spells : [];
- break;
- default:
- filteredSpells = [];
- }
-
- return filteredSpells;
- };
-
- const shouldDisableCheckbox = (
- spell: string,
- newSpellCounts: number[],
- spellBudget: number[],
- newSpells: Spell[],
- index: number
- ) => {
- return (
- spell === "Read Magic" ||
- (newSpellCounts[index] >= spellBudget[index] &&
- !newSpells.some((knownSpell) => knownSpell.name === spell))
- );
- };
-
- const showSpellDescription = (text: string, title?: string) => {
- title && setSpellName(title);
- setSpellDescription(text);
- };
-
- const SpellSelector = ({ className }: { className: string }) => {
- let spellBudget: number[] = [];
- const newSpells = characterData.spells;
- const newSpellCounts = newSpells.reduce(
- (acc: number[], spell: Spell) => {
- // If it is a combination class, just use the magic-user level
- const spellLevel =
- getClassType(characterData.class) === "combination"
- ? spell.level[ClassNames.MAGICUSER.toLowerCase()]
- : spell.level[characterData.class[0].toLowerCase()];
- if (spellLevel !== null && !isNaN(spellLevel)) {
- acc[spellLevel - 1] += 1;
- }
- return acc;
- },
- [0, 0, 0, 0, 0, 0]
- );
- if (
- classes[characterData.class[0] as ClassNames]?.spellBudget &&
- getClassType(characterData.class) !== "custom"
- ) {
- if (getClassType(characterData.class) === "standard") {
- spellBudget =
- classes[characterData.class[0] as ClassNames].spellBudget![
- characterData.level
- ];
- } else {
- // If a combination class, use the magic-user spell budget
- spellBudget = classes[ClassNames.MAGICUSER as ClassNames].spellBudget?.[
- characterData.level
- ] ?? [0];
- }
- // If the character is a custom class, allow them to choose any spells
- } else if (getClassType(characterData.class) === "custom") {
- spellBudget = new Array(6).fill(Infinity);
- }
-
- const handleSpellChange =
- (level: number) => (checkedValues: CheckboxValueType[]) => {
- let newCheckedSpells: Spell[] = [];
-
- const classType = getClassType(characterData.class);
-
- if (classType === "custom" && level === 1) {
- // For custom classes, handle all spells
- newCheckedSpells = spells.filter((spell) =>
- checkedValues.includes(spell.name)
- );
- } else {
- // For standard and combination classes, filter out spells of the specific level
- const classNameToCheck =
- classType === "combination"
- ? ClassNames.MAGICUSER.toLowerCase()
- : characterData.class[0].toLowerCase();
-
- newCheckedSpells = characterData.spells.filter(
- (spell: Spell) => spell.level[classNameToCheck] !== level
- );
-
- checkedValues.forEach((value) => {
- const foundSpell = spells.find((spell) => spell.name === value);
- if (foundSpell) {
- newCheckedSpells.push(foundSpell);
- }
- });
- }
-
- setCharacterData({ ...characterData, spells: newCheckedSpells });
- };
-
- const isCustomClass = getClassType(characterData.class) === "custom";
-
- return characterData.level < 20 && spellBudget?.length ? (
- = ({ setEmail, setPassword, onLogin }) => {
- return (
- = ({
- email,
- setEmail,
- password,
- setPassword,
- onSubmit,
-}) => {
- return (
- ;
-}
-
-export interface LoginFormProps {
- setEmail: (email: string) => void;
- setPassword: (password: string) => void;
- onLogin: (e: FormEvent) => void;
-}
-
-export interface SignupFormProps {
- email: string;
- setEmail: (email: string) => void;
- password: string;
- setPassword: (password: string) => void;
- onSubmit: (e: FormEvent) => void;
-}
-
-export interface SpellCheckboxGroupProps {
- characterClass: string;
- level: number;
- max: number;
- checkedSpells: string[];
- setCheckedSpells: (checkedSpells: string[]) => void;
- checkedSpellsCount: number[];
- setCheckedSpellsCount: (checkedSpellsCount: number[]) => void;
-}
-
-export interface CreateCharacterModalProps {
- isModalOpen: boolean;
- setIsModalOpen: (isOpen: boolean) => void;
- onCharacterAdded: () => void;
-}
diff --git a/src/pages/CharacterCreator/CharacterCreator.tsx b/src/pages/CharacterCreator/CharacterCreator.tsx
deleted file mode 100755
index 16af4d5c..00000000
--- a/src/pages/CharacterCreator/CharacterCreator.tsx
+++ /dev/null
@@ -1,360 +0,0 @@
-import { marked } from "marked";
-import { useState } from "react";
-import { Button, Divider, Steps, Typography, message } from "antd";
-import CharacterAbilities from "../../components/CharacterCreator/CharacterAbilities/CharacterAbilities";
-import CharacterRace from "../../components/CharacterCreator/CharacterRace/CharacterRace";
-import CharacterClass from "../../components/CharacterCreator/CharacterClass/CharacterClass";
-import CharacterHitPoints from "../../components/CharacterCreator/CharacterHitPoints/CharacterHitPoints";
-import EquipmentStore from "../../components/EquipmentStore/EquipmentStore";
-import CharacterName from "../../components/CharacterCreator/CharacterName/CharacterName";
-import { useNavigate, useOutletContext } from "react-router-dom";
-import { collection, doc, setDoc } from "firebase/firestore";
-import { auth, db } from "../../firebase";
-import { classes } from "../../data/classes";
-import {
- Abilities,
- CharacterData,
- ClassNames,
- Spell,
-} from "../../data/definitions";
-
-const abilityDescription = marked(
- `Roll for your character's Abilities. **You can click the "Roll" buttons or use your own dice and record your scores**. Afterward your character will have a score ranging from 3 to 18 in each of the Abilities below. A bonus (or penalty) Modifier is then associated with each score. Your character's Abilities will begin to determine the options available to them in the next steps as well, so good luck!
-
- BFRPG Character Ability documentation`
-);
-
-const raceDescription = marked(
- `Choose your character's Race. **Some options may be unavailable due to your character's Ability Scores**. Each Race except Humans has a minimum and maximum value for specific Abilities that your character's Ability Scores must meet in order to select them. Consider that each Race has specific restrictions, special abilities, and Saving Throws. Choose wisely. **Races included in the base game rules are in bold**.
-
- BFRPG Character Race documentation`
-);
-
-const classDescription = marked(
- `Choose your character's Class. **Your character's Race and Ability Scores will determine which Class options are available**. Your Class choice determines your character's background and how they will progress through the game as they level up. **Classes included in the base game rules are in bold**.
-
- BFRPG Character Class documentation`
-);
-
-const hitPointsDescription = marked(
- `Roll for your character's Hit Points. **Your character's Race may place restrictions on the Hit Dice available to them, but generally this is determined by their chosen Class**. Additionally, your character's Constitution modifier is added/subtracted from this value with a minimum value of 1. The end result is the amount of Hit Points your character will start with and determines how much damage your character can take in battle.
-
- BFRPG Character Hit Points documentation`
-);
-
-const equipmentDescription = marked(
- `Roll for your character's starting gold and purchase their equipment. **Keep in mind that your character's Race and Class selections may limit types and amounts of equipment they can have**.
-
- BFRPG Character Equipment documentation`
-);
-
-const nameDescription = marked(
- `You're almost done! Personalize your newly minted character by giving them an identity. Optionally, upload a portrait image if you'd like. Image must be PNG/JPG and <= 1mb`
-);
-
-const emptyCharacter = {
- abilities: {
- scores: {
- strength: 0,
- intelligence: 0,
- wisdom: 0,
- constitution: 0,
- dexterity: 0,
- charisma: 0,
- },
- modifiers: {
- strength: "",
- intelligence: "",
- wisdom: "",
- constitution: "",
- dexterity: "",
- charisma: "",
- },
- },
- class: [],
- race: "",
- hp: {
- dice: "",
- points: 0,
- max: 0,
- desc: "",
- },
- spells: [],
- gold: 0,
- equipment: [],
- weight: 0,
- name: "",
- avatar: "",
- level: 1,
- specials: { race: [], class: [] },
- restrictions: { race: [], class: [] },
- savingThrows: {
- deathRayOrPoison: 0,
- magicWands: 0,
- paralysisOrPetrify: 0,
- dragonBreath: 0,
- spells: 0,
- },
- xp: 0,
- desc: "",
- wearing: {
- armor: "",
- shield: "",
- },
-};
-
-export default function CharacterCreator() {
- const outletContext = useOutletContext() as { className: string };
- const navigate = useNavigate();
- const [current, setCurrent] = useState(0);
- const [comboClass, setComboClass] = useState(false);
- const [checkedClasses, setCheckedClasses] = useState([]);
- const [characterData, setCharacterData] =
- useState(emptyCharacter);
- const [selectedSpell, setSelectedSpell] = useState(null);
- const [messageApi, contextHolder] = message.useMessage();
-
- const steps = [
- {
- title: "Abilities",
- fullTitle: "Roll for Ability Scores",
- description: abilityDescription,
- content: (
- ([]);
- const [loading, setLoading] = useState(true);
-
- const navigate = useNavigate();
-
- useEffect(() => {
- const fetchCharacters = async () => {
- try {
- if (user) {
- const uid = user.uid;
- const charactersCollectionRef = collection(
- db,
- `users/${uid}/characters`
- );
-
- // Listen to real-time updates
- const unsubscribe = onSnapshot(
- charactersCollectionRef,
- (snapshot) => {
- const userCharacters = snapshot.docs.map((doc) => {
- const data = doc.data() as CharacterData;
- data.id = doc.id;
- return data;
- });
- setCharacters(userCharacters);
- document.title = `CODEX.QUEST`;
- setLoading(false);
- }
- );
-
- // Return the unsubscribe function to clean up the listener
- return () => unsubscribe();
- }
- } catch (error) {
- console.error("Failed to fetch characters:", error);
- }
- };
-
- // Call the fetchCharacters function when the component mounts
- fetchCharacters();
- }, [user]);
-
- const confirm = async (characterId: string) => {
- if (user) {
- const characterDoc = doc(
- db,
- `users/${user.uid}/characters/${characterId}`
- );
- await deleteDoc(characterDoc);
- }
- };
-
- useEffect(() => {
- setLoading(false);
- }, [characters]);
-
- const characterListClassNames = classNames(
- outletContext.className,
- className,
- "text-shipGray",
- "[&>*+*]:mt-4"
- );
-
- return (
- (
- null
- );
- const [weapon, setWeapon] = useState(undefined);
-
- const userLoggedIn: User | null = user;
- const userIsOwner = userLoggedIn?.uid === uid;
-
- const outletContext = useOutletContext() as { className: string };
-
- const [isLevelUpModalOpen, setIsLevelUpModalOpen] = useState(false);
- const showLevelUpModal = () => {
- setIsLevelUpModalOpen(true);
- };
-
- const [isDiceRollerModalOpen, setIsDiceRollerModalOpen] = useState(false);
- const showDiceRollerModal = () => {
- setIsDiceRollerModalOpen(true);
- };
-
- const [isCheatSheetModalOpen, setIsCheatSheetModalOpen] = useState(false);
- const showCheatSheetModal = () => {
- setIsCheatSheetModalOpen(true);
- };
-
- const [isAddEquipmentModalOpen, setIsAddEquipmentModalOpen] = useState(false);
- const showAddEquipmentModal = () => {
- setIsAddEquipmentModalOpen(true);
- };
-
- const [isAddCustomEquipmentModalOpen, setIsAddCustomEquipmentModalOpen] =
- useState(false);
- const showAddCustomEquipmentModal = () => {
- setIsAddCustomEquipmentModalOpen(true);
- };
-
- const [isAttackModalOpen, setIsAttackModalOpen] = useState(false);
- const showAttackModal = () => {
- setIsAttackModalOpen(true);
- };
-
- const handleCancel = () => {
- setIsLevelUpModalOpen(false);
- setIsDiceRollerModalOpen(false);
- setIsAddEquipmentModalOpen(false);
- setIsAddCustomEquipmentModalOpen(false);
- setIsAttackModalOpen(false);
- setIsCheatSheetModalOpen(false);
- };
-
- const handleCustomDelete = (item: EquipmentItem) => {
- if (!characterData) return;
-
- const newEquipment = characterData.equipment.filter(
- (e: EquipmentItem) => e.name !== item.name
- );
- setCharacterData({ ...characterData, equipment: newEquipment });
- };
-
- const updateAC = async () => {
- if (!uid || !id) {
- console.error("User ID or Character ID is undefined");
- return;
- }
- if (user?.uid !== uid) {
- console.log("Not the owner of the character sheet.");
- return;
- }
- if (!characterData || !characterData.wearing) {
- console.error("Character data or wearing is undefined");
- return;
- }
-
- const docRef = doc(db, "users", uid, "characters", id);
-
- const updateData = {
- "wearing.armor": characterData.wearing.armor,
- "wearing.shield": characterData.wearing.shield,
- };
-
- try {
- await updateDoc(docRef, updateData);
- } catch (error) {
- console.error("Error updating character AC: ", error);
- }
- };
-
- useEffect(() => {
- updateAC();
- }, [characterData?.wearing]);
-
- const showMissileAC =
- characterData &&
- getArmorClass(characterData, setCharacterData, "missile") !==
- getArmorClass(characterData, setCharacterData);
-
- // GET CHARACTERDATA
- useEffect(() => {
- const characterDocRef = doc(db, `users/${uid}/characters/${id}`);
-
- // Listen to real-time updates
- const unsubscribe = onSnapshot(characterDocRef, (snapshot) => {
- if (snapshot.exists()) {
- let characterData = snapshot.data() as CharacterData;
- // Make sure legacy characters' class value is converted to an array
- if (typeof characterData.class === "string") {
- characterData.class = [characterData.class];
- // Make sure the string is not two standard classes with a space between them
- if (characterData.class[0].indexOf(" ") > -1) {
- const newArr = characterData.class[0].split(" ");
- // Make sure every value in the array is in the ClassNames enum
- // That way you know if it is a proper combination class and not a custom class with a space.
- if (newArr.every((className) => isStandardClass(className)))
- characterData.class = newArr;
- }
- }
- setCharacterData(characterData);
- document.title = `${characterData.name} | CODEX.QUEST`;
- } else {
- console.error("Character not found");
- }
- });
-
- // Return the unsubscribe function to clean up the listener
- return () => unsubscribe();
- }, [uid, id]);
-
- const buttonTextClassNames = classNames("hidden", "md:inline");
-
- const equipmentListCategories = {
- weapons: [
- "weapons",
- "brawling",
- EquipmentCategories.AXES,
- EquipmentCategories.BOWS,
- EquipmentCategories.DAGGERS,
- EquipmentCategories.SWORDS,
- EquipmentCategories.HAMMERMACE,
- EquipmentCategories.IMPROVISED,
- EquipmentCategories.CHAINFLAIL,
- EquipmentCategories.OTHERWEAPONS,
- EquipmentCategories.SLINGHURLED,
- EquipmentCategories.SPEARSPOLES,
- ],
- general: [EquipmentCategories.GENERAL, "items"],
- armor: [EquipmentCategories.ARMOR, "armor-and-shields"],
- shields: [EquipmentCategories.SHIELDS, "armor-and-shields"],
- beasts: [EquipmentCategories.BEASTS, EquipmentCategories.BARDING],
- ammo: [EquipmentCategories.AMMUNITION],
- };
-
- const handleAttackClick = (item: EquipmentItem) => {
- if (setWeapon) {
- setWeapon(item);
- }
- if (showAttackModal) {
- showAttackModal();
- }
- };
-
- const equipmentInfoCollapseItems = [
- {
- key: "1",
- label: "Spells",
- children: characterData && (
- ([]);
- const [gameData, setGameData] = useState(emptyGame);
- const [loading, setLoading] = useState(true);
- const [isNewGameModalOpen, setIsNewGameModalOpen] = useState(false);
- const [messageApi, contextHolder] = message.useMessage();
-
- const success = (name: string) => {
- messageApi.open({
- type: "success",
- content: `${name} successfully saved!`,
- });
- };
-
- const errorMessage = (message: string) => {
- messageApi.open({
- type: "error",
- content: "This is an error message",
- });
- };
-
- async function addGameData(gameData: GameData) {
- // Check if a user is currently logged in
- if (auth.currentUser) {
- // Get the current user's UID
- const uid = auth.currentUser.uid;
-
- // Get a reference to the Firestore document
- const docRef = doc(collection(db, `users/${uid}/games`));
-
- // Set the game data for the current user
- try {
- await setDoc(docRef, gameData);
- success(gameData.name);
- // Reset gameData
- setGameData(emptyGame);
- } catch (error) {
- console.error("Error writing document: ", error);
- errorMessage(`Error writing document (see console)`);
- }
- } else {
- console.error("No user is currently logged in.");
- errorMessage(`No user is currently logged in.`);
- }
- }
-
- const handleCancel = () => {
- setIsNewGameModalOpen(false);
- };
-
- useEffect(() => {
- const fetchGames = async () => {
- try {
- if (user) {
- const uid = user.uid;
- const gamesCollectionRef = collection(db, `users/${uid}/games`);
-
- // Listen to real-time updates
- const unsubscribe = onSnapshot(gamesCollectionRef, (snapshot) => {
- const userGames = snapshot.docs.map((doc) => {
- const data = doc.data() as GameData;
- data.id = doc.id;
- return data;
- });
- setGames(userGames);
- document.title = `CODEX.QUEST | Game List`;
- setLoading(false);
- });
-
- // Return the unsubscribe function to clean up the listener
- return () => unsubscribe();
- }
- } catch (error) {
- console.error("Failed to fetch games:", error);
- }
- };
-
- // Call the fetchGames function when the component mounts
- fetchGames();
- }, [user]);
-
- const confirm = async (gameId: string) => {
- if (user) {
- const gameDoc = doc(db, `users/${user.uid}/games/${gameId}`);
- await deleteDoc(gameDoc);
- }
- };
-
- useEffect(() => {
- setLoading(false);
- }, [games]);
-
- const gameListClassNames = classNames(
- outletContext.className,
- className,
- "text-shipGray",
- "[&>*+*]:mt-4"
- );
- return (
- (null);
- const [players, setPlayers] = useState([]);
- const [messageApi, contextHolder] = message.useMessage();
-
- useEffect(() => {
- setPlayers(gameData?.players || []);
- }, [gameData]);
-
- const { uid, id } = useParams();
-
- const gameSheetClassNames = classNames(
- "flex",
- "flex-col",
- "lg:flex-row",
- "gap-4",
- "[&>div]:flex-[1_0_0%]",
- "[&>div]:p-2"
- );
-
- // GET GameDATA
- useEffect(() => {
- const gameDocRef = doc(db, `users/${uid}/games/${id}`);
-
- // Listen to real-time updates
- const unsubscribe = onSnapshot(gameDocRef, (snapshot) => {
- if (snapshot.exists()) {
- let gameData = snapshot.data() as GameData;
- setGameData(gameData);
- document.title = `${gameData.name} | CODEX.QUEST`;
- } else {
- console.error("Game not found");
- }
- });
-
- // Return the unsubscribe function to clean up the listener
- return () => unsubscribe();
- }, [uid, id]);
-
- return (
- =>
+ new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.readAsDataURL(file);
+ reader.onload = () => resolve(reader.result as string);
+ reader.onerror = (error) => reject(error);
+ });
+
+type DeletePayload = {
+ collection: string;
+ docId: string;
+ uid: string;
+};
+
+export const deleteDocument = async ({
+ collection,
+ docId,
+ uid,
+}: DeletePayload) => {
+ if (!docId) {
+ console.error("Document ID is undefined");
+ return;
+ }
+
+ try {
+ const docRef = doc(db, `users/${uid}/${collection}/${docId}`);
+ await deleteDoc(docRef);
+ console.info(`Document ${docId} deleted successfully.`);
+ } catch (error) {
+ console.error("Error deleting document: ", error);
+ }
+};
+
+export function debounce(
+ func: (...args: any[]) => void,
+ wait: number,
+): (...args: any[]) => void {
+ let timeout: NodeJS.Timeout | null;
+
+ return function executedFunction(...args: any[]) {
+ const later = () => {
+ clearTimeout(timeout as NodeJS.Timeout);
+ func(...args);
+ };
+
+ if (timeout) {
+ clearTimeout(timeout);
+ }
+ timeout = setTimeout(later, wait);
+ };
+}
diff --git a/src/support/characterSupport.ts b/src/support/characterSupport.ts
new file mode 100644
index 00000000..d92148af
--- /dev/null
+++ b/src/support/characterSupport.ts
@@ -0,0 +1,483 @@
+import { images } from "../assets/images/faces/imageAssets";
+import { classes } from "../data/classes";
+import {
+ Abilities,
+ CharData,
+ ClassNames,
+ CostCurrency,
+ EquipmentItem,
+ RaceNames,
+ SavingThrowsType,
+ SetCharData,
+} from "../data/definitions";
+import { races } from "../data/races";
+import equipmentItems from "../data/equipmentItems.json";
+import { DiceRoller } from "@dice-roller/rpg-dice-roller";
+import { RaceSetup } from "../data/races/definitions";
+import { SelectProps } from "antd";
+import { AttackTypes, titleCaseToCamelCase } from "./stringSupport";
+
+export function extractImageName(url: string) {
+ const regex = /\/static\/media\/(.*[^-])\..*?\.jpg/;
+ const match = url.match(regex);
+ return match ? match[1] : undefined;
+}
+export const isStandardClass = (className: string) =>
+ Object.values(ClassNames).includes(className as ClassNames);
+
+export const getAvatar = (avatar: string) => {
+ let image = "";
+ if (avatar.startsWith("/static/media/")) {
+ const legacyImage = extractImageName(avatar);
+ if (legacyImage) {
+ // find the matching source images in `images`
+ // "/src/assets/images/faces/gnome-boy-1.jpg" matches gnome-boy-1
+ image = images.find((image) => image.includes(legacyImage)) || "";
+ }
+ } else {
+ image = avatar;
+ }
+ return image;
+};
+
+export const classSplit = (characterClass: string | string[]) => {
+ if (typeof characterClass === "string") {
+ return characterClass.split(" ");
+ }
+ return characterClass;
+};
+
+export const getClassType = (characterClass: string[]) => {
+ const classArr = classSplit(characterClass);
+
+ // NONE
+ if (classArr.length === 0 || classArr.every((className) => className === ""))
+ return "none";
+ // STANDARD
+ if (
+ classArr.length === 1 &&
+ classArr.every((className) => isStandardClass(className))
+ ) {
+ return "standard";
+ }
+ // COMBINATION
+ if (
+ classArr.length === 1 &&
+ classArr[0].split(" ").every((className) => isStandardClass(className))
+ ) {
+ return "combination";
+ }
+ if (
+ classArr.length > 1 &&
+ classArr.every((className) => isStandardClass(className))
+ ) {
+ return "combination";
+ }
+ // CUSTOM
+ return "custom";
+};
+
+export const getAttackBonus = (character: CharData) => {
+ const classArr = classSplit(character.class);
+ if (getClassType(classArr) === "custom") return 0;
+ let maxAttackBonus = 0;
+
+ classArr.forEach((classPiece) => {
+ const classAttackBonus =
+ classes[classPiece as ClassNames]?.attackBonus[character.level];
+ if (classAttackBonus > maxAttackBonus) {
+ maxAttackBonus = classAttackBonus;
+ }
+ });
+
+ return maxAttackBonus;
+};
+
+export const isStandardRace = (raceName: string) =>
+ Object.values(RaceNames).includes(raceName as RaceNames);
+
+const findACValue = (
+ itemList: EquipmentItem[],
+ itemName: string,
+ acType: "AC" | "missileAC",
+) => {
+ const foundItem = itemList.find((item) => item.name === itemName);
+ return Number(foundItem?.[acType] || 0);
+};
+
+export const getArmorClass = (
+ characterData: CharData,
+ setCharacterData: SetCharData,
+ type: AttackTypes.MISSILE | AttackTypes.MELEE = AttackTypes.MELEE,
+) => {
+ if (!characterData) return;
+
+ const { race, wearing, equipment } = characterData;
+ const armorClass = races[race as RaceNames]?.altBaseAC || 11;
+
+ if (!wearing) {
+ setCharacterData({ ...characterData, wearing: { armor: "", shield: "" } });
+ return armorClass;
+ }
+
+ const acType = type === AttackTypes.MELEE ? "AC" : "missileAC";
+ // Calculate Armor AC and Shield AC from equipmentItems or character's equipment
+ const armorAC =
+ findACValue(equipmentItems as EquipmentItem[], wearing.armor, "AC") ||
+ findACValue(equipment, wearing.armor, "AC");
+ const shieldAC =
+ findACValue(equipmentItems as EquipmentItem[], wearing.shield, acType) ||
+ findACValue(equipment, wearing.shield, acType);
+
+ return Math.max(armorClass + shieldAC, armorAC + shieldAC);
+};
+
+type ArmorCategory = "lightArmor" | "mediumArmor" | "heavyArmor";
+
+export const getMovement = (characterData: CharData) => {
+ if (!characterData) return;
+
+ const carryingCapacity = getCarryingCapacity(
+ +characterData.abilities.scores.strength,
+ characterData.race as RaceNames,
+ );
+
+ const armorSpeedMap: Record = {
+ lightArmor: [40, 30],
+ mediumArmor: [30, 20],
+ heavyArmor: [20, 10],
+ };
+
+ const armorCategoryMap: Record = {
+ "No Armor": "lightArmor",
+ "Magic Leather Armor": "lightArmor",
+ "": "lightArmor",
+ "Studded Leather Armor": "mediumArmor",
+ "Hide Armor": "mediumArmor",
+ "Leather Armor": "mediumArmor",
+ "Magic Metal Armor": "mediumArmor",
+ "Metal Armor": "heavyArmor",
+ "Chain Mail": "heavyArmor",
+ "Ring Mail": "heavyArmor",
+ "Brigandine Armor": "heavyArmor",
+ "Scale Mail": "heavyArmor",
+ "Splint Mail": "heavyArmor",
+ "Banded Mail": "heavyArmor",
+ "Plate Mail": "heavyArmor",
+ "Field Plate Mail": "heavyArmor",
+ "Full Plate Mail": "heavyArmor",
+ };
+
+ const currentArmor = characterData?.wearing?.armor || "";
+ const currentCategory = armorCategoryMap[currentArmor];
+ const [lightSpeed, heavySpeed] =
+ armorSpeedMap[currentCategory || "lightArmor"];
+
+ return characterData.weight <= carryingCapacity.light
+ ? lightSpeed
+ : heavySpeed;
+};
+
+// Helper function to get the strength range
+const getStrengthRange = (strength: number): string => {
+ if (strength === 3) return "3";
+ if (strength >= 4 && strength <= 5) return "4-5";
+ if (strength >= 6 && strength <= 8) return "6-8";
+ if (strength >= 9 && strength <= 12) return "9-12";
+ if (strength >= 13 && strength <= 15) return "13-15";
+ if (strength >= 16 && strength <= 17) return "16-17";
+ if (strength === 18) return "18";
+ return ""; // Handle out-of-range strength values
+};
+
+type Capacity = { light: number; heavy: number };
+type CapacityMap = Record;
+
+export const getCarryingCapacity = (
+ strength: number,
+ race: RaceNames,
+): Capacity => {
+ const capacities: CapacityMap = {
+ "3": { light: 25, heavy: 60 },
+ "4-5": { light: 35, heavy: 90 },
+ "6-8": { light: 50, heavy: 120 },
+ "9-12": { light: 60, heavy: 150 },
+ "13-15": { light: 65, heavy: 165 },
+ "16-17": { light: 70, heavy: 180 },
+ "18": { light: 80, heavy: 195 },
+ };
+
+ const lowCapacities: CapacityMap = {
+ "3": { light: 20, heavy: 40 },
+ "4-5": { light: 30, heavy: 60 },
+ "6-8": { light: 40, heavy: 80 },
+ "9-12": { light: 50, heavy: 100 },
+ "13-15": { light: 55, heavy: 110 },
+ "16-17": { light: 60, heavy: 120 },
+ "18": { light: 65, heavy: 130 },
+ };
+
+ const range = getStrengthRange(strength);
+
+ return races[race]?.hasLowCapacity ? lowCapacities[range] : capacities[range];
+};
+
+export const getHitPointsModifier = (classArr: string[]) => {
+ let modifier = 0;
+ for (const className of classArr) {
+ const classHitDiceModifier =
+ classes[className as ClassNames]?.hitDiceModifier;
+ if (classHitDiceModifier > modifier) {
+ modifier = classHitDiceModifier;
+ }
+ }
+ return modifier;
+};
+
+export const getHitDice = (
+ level: number,
+ className: string[],
+ dice: string,
+) => {
+ const dieType = dice.split("d")[1].split("+")[0];
+ const prefix = Math.min(level, 9);
+
+ // Calculate the suffix
+ const suffix = (level > 9 ? level - 9 : 0) * getHitPointsModifier(className);
+
+ // Combine to create the result
+ const result = `${prefix}d${dieType}${suffix > 0 ? "+" + suffix : ""}`;
+ return result;
+};
+
+export const getSavingThrows = (className: string, level: number) =>
+ classes[className as ClassNames]?.savingThrows.find(
+ (savingThrow) => (savingThrow[0] as number) >= level,
+ )?.[1] as SavingThrowsType;
+
+export const getSavingThrowsWeight = (savingThrows: SavingThrowsType) =>
+ Object.values(savingThrows).reduce((prev, curr) => prev + curr, 0);
+
+export const getBestSavingThrowList = (charClass: string[], level: number) => {
+ const defaultSavingThrows: SavingThrowsType = {
+ deathRayOrPoison: 0,
+ magicWands: 0,
+ paralysisOrPetrify: 0,
+ dragonBreath: 0,
+ spells: 0,
+ };
+ const classType = getClassType(charClass);
+ // if classType is standard, find saving throws for that class
+ if (classType === "standard") {
+ return getSavingThrows(charClass.join(), level) || defaultSavingThrows;
+ // if classType is combination, find saving throws for each class and use the best
+ } else {
+ const [firstClass, secondClass] = charClass;
+ const firstClassSavingThrows = getSavingThrows(firstClass, level);
+ const secondClassSavingThrows = getSavingThrows(secondClass, level);
+ return getSavingThrowsWeight(firstClassSavingThrows) <=
+ getSavingThrowsWeight(secondClassSavingThrows)
+ ? firstClassSavingThrows
+ : secondClassSavingThrows;
+ }
+};
+
+export const isAbilityKey = (
+ key: string,
+ characterData: CharData,
+): key is keyof typeof characterData.abilities.scores => {
+ return (
+ characterData &&
+ characterData.abilities &&
+ key in characterData.abilities.scores
+ );
+};
+
+const roller = new DiceRoller();
+export const rollDice = (dice: string) => roller.roll(dice).total;
+
+export const getModifier = (score: number): string => {
+ const modifierMapping: Record = {
+ 3: "-3",
+ 5: "-2",
+ 8: "-1",
+ 12: "+0",
+ 15: "+1",
+ 17: "+2",
+ 18: "+3",
+ };
+
+ for (const key in modifierMapping) {
+ if (score <= Number(key)) {
+ return modifierMapping[Number(key)];
+ }
+ }
+ return "+0"; // Default value
+};
+
+export const raceIsDisabled = (choice: RaceSetup, character: CharData) =>
+ (choice.minimumAbilityRequirements &&
+ Object.entries(choice.minimumAbilityRequirements).some(
+ ([ability, requirement]) =>
+ +character.abilities?.scores[
+ ability as keyof typeof character.abilities.scores
+ ] < (requirement as number), // Cast requirement to number
+ )) ||
+ (choice.maximumAbilityRequirements &&
+ Object.entries(choice.maximumAbilityRequirements).some(
+ ([ability, requirement]) =>
+ +character.abilities?.scores[
+ ability as keyof typeof character.abilities.scores
+ ] > (requirement as number), // Cast requirement to number
+ ));
+
+export const getRaceSelectOptions = (
+ character: CharData,
+ useBase: boolean = true,
+) => {
+ return Object.keys(races)
+ .filter((race) => !raceIsDisabled(races[race as RaceNames], character))
+ .filter((race) =>
+ useBase
+ ? [
+ RaceNames.DWARF,
+ RaceNames.ELF,
+ RaceNames.HALFLING,
+ RaceNames.HUMAN,
+ ].includes(race as RaceNames)
+ : race,
+ )
+ .sort((a, b) =>
+ races[a as keyof typeof races].name > races[b as keyof typeof races].name
+ ? 1
+ : -1,
+ )
+ .map((race) => ({
+ value: race,
+ label: race,
+ }));
+};
+
+export const getClassSelectOptions = (
+ character: CharData,
+ useBase: boolean = true,
+) => {
+ // Extract required properties from character
+ const raceKey = character.race;
+ const abilityScores = character.abilities?.scores;
+
+ // Get the list of enabled classes
+ const baseClasses = [
+ ClassNames.CLERIC,
+ ClassNames.FIGHTER,
+ ClassNames.MAGICUSER,
+ ClassNames.THIEF,
+ ];
+ const enabledClasses = getEnabledClasses(
+ raceKey as RaceNames,
+ abilityScores,
+ ).filter((className) =>
+ useBase ? baseClasses.includes(className) : className,
+ );
+
+ return Object.keys(classes)
+ .filter((className) => enabledClasses.includes(className as ClassNames))
+ .sort((a, b) =>
+ classes[a as keyof typeof classes].name >
+ classes[b as keyof typeof classes].name
+ ? 1
+ : -1,
+ )
+ .map((className) => ({ value: className, label: className }));
+};
+
+export const getEnabledClasses = (
+ raceKey: RaceNames,
+ abilityScores: Abilities,
+) => {
+ const race = isStandardRace(raceKey) ? races[raceKey] : undefined;
+ let classList = Object.values(ClassNames);
+ if (!race) return classList;
+ classList = classList
+ .filter((className) => race.allowedStandardClasses.indexOf(className) > -1)
+ .filter((className) => {
+ const classSetup = classes[className];
+ if (classSetup.minimumAbilityRequirements) {
+ for (const ability of Object.keys(
+ classSetup.minimumAbilityRequirements,
+ ) as (keyof Abilities)[]) {
+ const requirement = classSetup.minimumAbilityRequirements[ability];
+ if (requirement && +abilityScores[ability] < requirement) {
+ return false;
+ }
+ }
+ }
+ return true;
+ });
+ return classList;
+};
+
+export const getItemCost = (item: EquipmentItem) => {
+ let cost = item.costValue;
+ if (item.costCurrency === "sp") cost *= 0.1;
+ if (item.costCurrency === "cp") cost *= 0.01;
+ return cost * item.amount;
+};
+
+export const openInNewTab = (url: string) => {
+ const newWindow = window.open(url, "_blank", "noopener,noreferrer");
+ if (newWindow) newWindow.opener = null;
+};
+
+export const CURRENCIES: CostCurrency[] = ["gp", "sp", "cp"];
+export const equipmentSizes: SelectProps["options"] = [
+ {
+ label: "S",
+ value: "S",
+ },
+ {
+ label: "M",
+ value: "M",
+ },
+ {
+ label: "L",
+ value: "L",
+ },
+];
+
+export const rollSavingThrow = (
+ score: number,
+ title: string,
+ race: string,
+ openNotification: (result: string, savingThrowTitle: string) => void,
+) => {
+ const raceModifier =
+ races[race as RaceNames]?.savingThrows?.[
+ titleCaseToCamelCase(title) as keyof SavingThrowsType
+ ] || 0;
+ const result = roller.roll(
+ `d20${raceModifier > 0 ? `+${raceModifier}` : ""}`,
+ );
+ const passFail = result.total >= score ? "Pass" : "Fail";
+ openNotification(result.output + " - " + passFail, title);
+};
+
+export const rollSpecialAbility = (
+ score: number,
+ title: string,
+ openNotification: (result: string, specialAbilityTable: string) => void,
+) => {
+ const result = roller.roll(`d%`);
+ const passFail = result.total <= score ? "Pass" : "Fail";
+ openNotification(result.output + " - " + passFail, title);
+};
+
+export const getCharacterWeight = (character: CharData) => {
+ const equipmentWeight = character.equipment.reduce(
+ (accumulator: number, currentValue: EquipmentItem) =>
+ accumulator + (currentValue.weight ?? 0) * (currentValue.amount ?? 0),
+ 0,
+ );
+ const coinsWeight = character.gold * 0.05;
+ return equipmentWeight + coinsWeight;
+};
diff --git a/src/support/classNameSupport.ts b/src/support/classNameSupport.ts
new file mode 100644
index 00000000..b7d44858
--- /dev/null
+++ b/src/support/classNameSupport.ts
@@ -0,0 +1,5 @@
+export const avatarClassNames =
+ "shadow-md border-solid border-2 border-seaBuckthorn";
+
+export const newGameCharacterPageTitleClassNames =
+ "m-0 font-enchant leading-none tracking-wide";
diff --git a/src/support/colorSupport.ts b/src/support/colorSupport.ts
new file mode 100644
index 00000000..cf1337a1
--- /dev/null
+++ b/src/support/colorSupport.ts
@@ -0,0 +1,73 @@
+export enum ColorScheme {
+ SEABUCKTHORN = "#F9B32A",
+ SUSHI = "#80B045",
+ CALIFORNIA = "#FDA00D",
+ POMEGRANATE = "#F44336",
+ SHIPGRAY = "#3E3643",
+ SPRINGWOOD = "#F4F5EB",
+ STONE = "#9F9B8F",
+ RUST = "#965247",
+}
+
+export const hexToRgba = (hex: string, alpha = 1) => {
+ // Ensure the hex value starts with a hash symbol
+ const sanitizedHex = hex.startsWith("#") ? hex : "#" + hex;
+
+ // Extract red, green, and blue values
+ const [r, g, b] =
+ sanitizedHex.length === 7
+ ? [
+ parseInt(sanitizedHex.slice(1, 3), 16),
+ parseInt(sanitizedHex.slice(3, 5), 16),
+ parseInt(sanitizedHex.slice(5, 7), 16),
+ ]
+ : [
+ parseInt(sanitizedHex.slice(1, 2).repeat(2), 16),
+ parseInt(sanitizedHex.slice(2, 3).repeat(2), 16),
+ parseInt(sanitizedHex.slice(3, 4).repeat(2), 16),
+ ];
+
+ // Return the RGBA string
+ return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+};
+
+export const darkenHexColor = (hex: string, percent: number): string => {
+ // Convert hex to RGB first
+ let r = parseInt(hex.substring(1, 3), 16);
+ let g = parseInt(hex.substring(3, 5), 16);
+ let b = parseInt(hex.substring(5, 7), 16);
+
+ // Decrease each RGB component by the percentage provided
+ r = Math.floor(r * (1 - percent / 100));
+ g = Math.floor(g * (1 - percent / 100));
+ b = Math.floor(b * (1 - percent / 100));
+
+ // Convert RGB back to hex
+ return (
+ "#" +
+ ((1 << 24) | (r << 16) | (g << 8) | b).toString(16).slice(1).toUpperCase()
+ );
+};
+
+export const lightenHexColor = (hex: string, percent: number): string => {
+ // Convert hex to RGB first
+ let r = parseInt(hex.substring(1, 3), 16);
+ let g = parseInt(hex.substring(3, 5), 16);
+ let b = parseInt(hex.substring(5, 7), 16);
+
+ // Increase each RGB component by the percentage provided
+ r = Math.floor(r + ((255 - r) * percent) / 100);
+ g = Math.floor(g + ((255 - g) * percent) / 100);
+ b = Math.floor(b + ((255 - b) * percent) / 100);
+
+ // Ensure values don't exceed 255
+ r = r > 255 ? 255 : r;
+ g = g > 255 ? 255 : g;
+ b = b > 255 ? 255 : b;
+
+ // Convert RGB back to hex
+ return (
+ "#" +
+ ((1 << 24) | (r << 16) | (g << 8) | b).toString(16).slice(1).toUpperCase()
+ );
+};
diff --git a/src/support/equipmentSupport.ts b/src/support/equipmentSupport.ts
new file mode 100644
index 00000000..ca0f5506
--- /dev/null
+++ b/src/support/equipmentSupport.ts
@@ -0,0 +1,66 @@
+import equipmentItems from "../data/equipmentItems.json";
+import { EquipmentCategories, EquipmentItem } from "../data/definitions";
+import { AttackTypes } from "./stringSupport";
+
+// Get an object with properties for every equipment category. Those properties are arrays of equipment items.
+// If no equipment list is provided, the default equipment list is used.
+export const equipmentCategoryMap = (
+ equipmentList: EquipmentItem[] = equipmentItems as EquipmentItem[],
+) => {
+ const equipmentCategories: Record = {};
+
+ equipmentList.forEach((item: EquipmentItem) => {
+ if (equipmentCategories[item.category]) {
+ equipmentCategories[item.category].push(item);
+ } else {
+ equipmentCategories[item.category] = [item];
+ }
+ });
+
+ return equipmentCategories;
+};
+
+export const equipmentSubCategoryMap = () => {
+ const equipmentSubCategories: Record = {};
+
+ (equipmentItems as EquipmentItem[])
+ .filter((item) => item.category === EquipmentCategories.GENERAL)
+ .forEach((item: EquipmentItem) => {
+ if (item.subCategory) {
+ if (equipmentSubCategories[item.subCategory]) {
+ equipmentSubCategories[item.subCategory].push(item);
+ } else {
+ equipmentSubCategories[item.subCategory] = [item];
+ }
+ }
+ });
+
+ return equipmentSubCategories;
+};
+
+export const getItemsByCategory = (category: string) =>
+ equipmentCategoryMap()[category];
+
+export const punchItem: EquipmentItem = {
+ name: "Punch**",
+ costValue: 0,
+ costCurrency: "gp",
+ category: "inherent",
+ damage: "1d3",
+ amount: 1,
+ type: AttackTypes.MELEE,
+ noDelete: true,
+};
+
+export const kickItem: EquipmentItem = {
+ name: "Kick**",
+ costValue: 0,
+ costCurrency: "gp",
+ category: "inherent",
+ damage: "1d4",
+ amount: 1,
+ type: AttackTypes.MELEE,
+ noDelete: true,
+};
+
+export const equipmentNames = equipmentItems.map((item) => item.name);
diff --git a/src/support/formatSupport.test.ts b/src/support/formatSupport.test.ts
deleted file mode 100644
index b85861e2..00000000
--- a/src/support/formatSupport.test.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { RaceNames } from "../data/definitions";
-import { getItemCost, getCarryingCapacity } from "./formatSupport";
-
-describe("getItemCost", () => {
- let item = {
- costValue: 10,
- costCurrency: "gp",
- amount: 2,
- name: "foo",
- category: "bar",
- };
-
- test("should calculate cost for items in gold", () => {
- expect(getItemCost(item)).toBe(20);
- });
-
- test("should calculate cost for items in silver", () => {
- item.costCurrency = "sp";
- expect(getItemCost(item)).toBe(2);
- });
-
- test("should calculate cost for items in copper", () => {
- item.costCurrency = "cp";
- expect(getItemCost(item)).toBe(0.2);
- });
-
- test("should handle zero amount", () => {
- item.amount = 0;
- expect(getItemCost(item)).toBe(0);
- });
-});
-
-describe("getCarryingCapacity", () => {
- test("should return a capacity object", () => {
- expect(getCarryingCapacity(3, RaceNames.ELF)).toEqual({
- heavy: 60,
- light: 25,
- });
- });
-
- test("should return a capacity object", () => {
- expect(getCarryingCapacity(5, RaceNames.ELF)).toEqual({
- heavy: 90,
- light: 35,
- });
- });
-
- test("should return a capacity object", () => {
- expect(getCarryingCapacity(8, RaceNames.ELF)).toEqual({
- heavy: 120,
- light: 50,
- });
- });
-
- test("should return a capacity object", () => {
- expect(getCarryingCapacity(12, RaceNames.ELF)).toEqual({
- heavy: 150,
- light: 60,
- });
- });
-
- test("should return a capacity object", () => {
- expect(getCarryingCapacity(15, RaceNames.ELF)).toEqual({
- heavy: 165,
- light: 65,
- });
- });
-
- test("should return a capacity object", () => {
- expect(getCarryingCapacity(17, RaceNames.ELF)).toEqual({
- heavy: 180,
- light: 70,
- });
- });
-
- test("should return a capacity object", () => {
- expect(getCarryingCapacity(18, RaceNames.ELF)).toEqual({
- heavy: 195,
- light: 80,
- });
- });
-
- test("should return a smaller capacity object for a race with `hasLowCapacities`", () => {
- expect(getCarryingCapacity(5, RaceNames.GNOME)).toEqual({
- heavy: 60,
- light: 30,
- });
- });
-});
diff --git a/src/support/formatSupport.ts b/src/support/formatSupport.ts
deleted file mode 100755
index 436e6d6b..00000000
--- a/src/support/formatSupport.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-// import { Capacity, CapacityMap } from "../components/definitions";
-import { CharacterData, EquipmentItem, RaceNames } from "../data/definitions";
-import { races } from "../data/races";
-
-type Capacity = { light: number; heavy: number };
-type CapacityMap = Record;
-
-export const getItemCost = (item: EquipmentItem) => {
- let cost = item.costValue;
- if (item.costCurrency === "sp") cost *= 0.1;
- if (item.costCurrency === "cp") cost *= 0.01;
- return cost * item.amount;
-};
-
-export const getCarryingCapacity = (
- strength: number,
- race: RaceNames
-): Capacity => {
- const capacities: CapacityMap = {
- "3": { light: 25, heavy: 60 },
- "4-5": { light: 35, heavy: 90 },
- "6-8": { light: 50, heavy: 120 },
- "9-12": { light: 60, heavy: 150 },
- "13-15": { light: 65, heavy: 165 },
- "16-17": { light: 70, heavy: 180 },
- "18": { light: 80, heavy: 195 },
- };
-
- const lowCapacities: CapacityMap = {
- "3": { light: 20, heavy: 40 },
- "4-5": { light: 30, heavy: 60 },
- "6-8": { light: 40, heavy: 80 },
- "9-12": { light: 50, heavy: 100 },
- "13-15": { light: 55, heavy: 110 },
- "16-17": { light: 60, heavy: 120 },
- "18": { light: 65, heavy: 130 },
- };
-
- let range = "";
-
- if (strength === 3) {
- range = "3";
- } else if (strength >= 4 && strength <= 5) {
- range = "4-5";
- } else if (strength >= 6 && strength <= 8) {
- range = "6-8";
- } else if (strength >= 9 && strength <= 12) {
- range = "9-12";
- } else if (strength >= 13 && strength <= 15) {
- range = "13-15";
- } else if (strength >= 16 && strength <= 17) {
- range = "16-17";
- } else if (strength === 18) {
- range = "18";
- }
-
- return races[race]?.hasLowCapacity ? lowCapacities[range] : capacities[range];
-};
-
-export function makeChange(characterData: CharacterData) {
- if (characterData) {
- let copper = characterData.gold * 100;
- let goldPieces = Math.floor(copper / 100);
- copper %= 100;
- let silverPieces = Math.floor(copper / 10);
- copper %= 10;
- let copperPieces = copper;
-
- return {
- gp: Math.round(goldPieces),
- sp: Math.round(silverPieces),
- cp: Math.round(copperPieces),
- };
- } else {
- // default object when characterData is null/undefined
- return { gp: 0, sp: 0, cp: 0 };
- }
-}
diff --git a/src/support/helpers.test.ts b/src/support/helpers.test.ts
deleted file mode 100644
index e3a7798c..00000000
--- a/src/support/helpers.test.ts
+++ /dev/null
@@ -1,322 +0,0 @@
-import { CharacterData, ClassNames, RaceNames } from "../data/definitions";
-import {
- equipmentItemIsDisabled,
- getArmorClass,
- getClassType,
- getEnabledClasses,
- getHitDice,
- getHitPointsModifier,
- getSavingThrows,
- getSavingThrowsWeight,
- getSpecialAbilityRaceOverrides,
- isStandardRace,
- // useDebounce,
-} from "./helpers";
-// import React, { useState, useEffect } from "react";
-// import { renderHook } from "@testing-library/react";
-import equipmentItems from "../data/equipmentItems.json";
-
-let characterData: CharacterData = {
- savingThrows: {
- dragonBreath: 0,
- paralysisOrPetrify: 0,
- magicWands: 0,
- spells: 0,
- deathRayOrPoison: 0,
- },
- desc: [""],
- xp: 0,
- // Commented out for testing purposes
- // wearing: {
- // armor: "",
- // shield: "",
- // },
- name: "asd",
- equipment: [
- {
- AC: 15,
- costValue: 80,
- category: "armor",
- name: "Brigandine Armor",
- weight: 30,
- amount: 1,
- costCurrency: "gp",
- },
- ],
- weight: 30,
- hp: {
- points: 8,
- dice: "d8",
- desc: "",
- max: 8,
- },
- race: "Foo",
- restrictions: {
- class: [],
- race: [],
- },
- gold: 0,
- spells: [
- {
- level: {
- paladin: 2,
- "magic-user": null,
- cleric: 2,
- necromancer: null,
- illusionist: null,
- druid: 2,
- },
- description:
- "This spell allows the caster to charm one or more animals, in much the same fashion as charm person, at a rate of 1 hit die per caster level. The caster may decide which individual animals out of a mixed group are to be affected first; excess hit dice of effect are ignored. No saving throw is allowed, either for normal or giant-sized animals, but creatures of more fantastic nature (as determined by the GM) are allowed a save vs. Spells to resist. When the duration expires, the animals will resume normal activity immediately. \n\nThis spell does not grant the caster any special means of communication with the affected animals; if combined with speak with animals, this spell becomes significantly more useful.",
- duration: "level+1d4 rounds",
- range: "60'",
- name: "Charm Animal",
- },
- ],
- avatar: "",
- level: 1,
- specials: {
- class: [],
- race: [],
- },
- class: ["Bar"],
- abilities: {
- modifiers: {
- charisma: "+0",
- constitution: "+0",
- wisdom: "+0",
- strength: "+1",
- intelligence: "+1",
- dexterity: "+0",
- },
- scores: {
- intelligence: 13,
- strength: 13,
- charisma: 12,
- constitution: 10,
- dexterity: 10,
- wisdom: 11,
- },
- },
-};
-
-describe("getClassType", () => {
- test('should return "none" if characterClass is an empty array', () => {
- expect(getClassType([])).toBe("none");
- });
-
- test('should return "none" if characterClass is an array with an empty string', () => {
- expect(getClassType([""])).toBe("none");
- });
-
- test('should return "combination" if characterClass is an array with more than one element of documented classes', () => {
- expect(getClassType(["Fighter", "Magic-User"])).toBe("combination");
- });
-
- test('should return "custom" if characterClass is an array with at least one element of undocumented classes', () => {
- expect(getClassType(["Fighter", "Poodle"])).toBe("custom");
- });
-
- test('should return "combination" if characterClass is a string with a space, and each piece is a documented class', () => {
- expect(getClassType(["Fighter Magic-User"])).toBe("combination");
- });
-
- test('should return "custom" if characterClass is a string with a space, and any piece is not a documented class', () => {
- expect(getClassType(["Fighter Garrett"])).toBe("custom");
- });
-
- test('should return "standard" if characterClass is a string that is a documented class', () => {
- expect(getClassType(["Fighter"])).toBe("standard");
- });
-
- test('should return "custom" if characterClass is a string that is not a documented class', () => {
- expect(getClassType(["foo"])).toBe("custom");
- });
-});
-
-describe("isStandardRace", () => {
- test('should return "true" if a characterRace is a string that is a documented class', () => {
- expect(isStandardRace("Human")).toBe(true);
- });
-
- test('should return "false" if a characterRace is a string that is not a documented class', () => {
- expect(isStandardRace("Banana")).toBe(false);
- });
-});
-
-describe("getEnabledClasses", () => {
- // This test will break any time a new class is added, so... maybe not the best test.
- test("should return a list of enabled classNames based on character race selection and ability scores", () => {
- expect(
- getEnabledClasses(RaceNames.DWARF, {
- strength: 9,
- intelligence: 9,
- wisdom: 6,
- constitution: 11,
- dexterity: 11,
- charisma: 8,
- })
- ).toEqual([
- ClassNames.BARBARIAN,
- ClassNames.FIGHTER,
- ClassNames.THIEF,
- ClassNames.CUSTOM,
- ]);
- });
-});
-
-describe("getSavingThrows", () => {
- test("should return a list of saving throws based on character class and level", () => {
- expect(getSavingThrows(ClassNames.FIGHTER, 1)).toEqual({
- deathRayOrPoison: 12,
- dragonBreath: 15,
- magicWands: 13,
- paralysisOrPetrify: 14,
- spells: 17,
- });
- });
-});
-
-describe("getSavingThrowsWeight", () => {
- test("should return a number, or weight, of all the saving throw values for a class at a certain level", () => {
- expect(getSavingThrowsWeight(getSavingThrows(ClassNames.FIGHTER, 1))).toBe(
- 71
- );
- });
-});
-
-// jest.mock("react", () => ({
-// useState: jest.fn(),
-// useEffect: jest.fn(),
-// }));
-
-// it("should debounce the value", async () => {
-// const { result } = renderHook(() => {
-// const debouncedValue = useDebounce("initial value", 100);
-
-// return debouncedValue;
-// });
-
-// // Wait for the delay to pass.
-// await new Promise((resolve) => setTimeout(resolve, 100));
-
-// // Assert that the debouncedValue state is set correctly.
-// expect(result.current).toBe("initial value");
-// });
-
-describe("getHitPointsModifier", () => {
- test("should return an appropriate modifier given an array of one standard class name", () => {
- expect(getHitPointsModifier([ClassNames.FIGHTER])).toBe(2);
- });
-
- test("should return an appropriate modifier given an array of multiple standard class name", () => {
- expect(
- getHitPointsModifier([ClassNames.FIGHTER, ClassNames.MAGICUSER])
- ).toBe(2);
- });
-
- test("should return a '0' modifier given an array of non-standard class name", () => {
- expect(getHitPointsModifier(["foo"])).toBe(0);
- });
-
- test("should return a '0' modifier given an empty array", () => {
- expect(getHitPointsModifier([])).toBe(0);
- });
-});
-
-describe("getSpecialAbilityRaceOverrides", () => {
- test("should provide the overrides for a race that has them", () => {
- expect(getSpecialAbilityRaceOverrides(RaceNames.BISREN)).toEqual([
- [
- "Thief",
- {
- "Move Silently": "ADD 20% to this roll if IN DOORS/URBAN SETTING",
- "Open Locks": "ADD 10% to this roll",
- "Pick Pockets": "ADD 10% to this roll",
- "Remove Traps":
- "ADD 10% to this roll IF INDOORS, DEDUCT 20% IF OUTDOORS",
- },
- ],
- ]);
- });
-});
-
-describe("getArmorClass", () => {
- test("a normal starting AC", () => {
- expect(getArmorClass(characterData, () => console.log("ignore"))).toBe(11);
- });
-
- test("a race with a non-normal starting AC", () => {
- characterData.race = RaceNames.CHELONIAN;
- expect(getArmorClass(characterData, () => console.log("ignore"))).toBe(13);
- });
-
- test("a character with a properly formatted `wearing` property", () => {
- characterData.wearing = {
- armor: "",
- shield: "",
- };
- expect(getArmorClass(characterData, () => console.log("ignore"))).toBe(13);
- });
-
- test("a 'melee' type", () => {
- expect(
- getArmorClass(characterData, () => console.log("ignore"), "melee")
- ).toBe(13);
- });
-
- test("a 'missile' type", () => {
- expect(
- getArmorClass(characterData, () => console.log("ignore"), "missile")
- ).toBe(13);
- });
-});
-
-describe("equipmentItemIsDisabled", () => {
- const longbow = equipmentItems.filter((item) => item.name === "Longbow")[0];
- test("custom class has nothing disabled", () => {
- expect(equipmentItemIsDisabled(["foo"], RaceNames.HUMAN, longbow)).toBe(
- false
- );
- });
-
- test("races with `noLargeEquipment`", () => {
- expect(
- equipmentItemIsDisabled([ClassNames.CLERIC], RaceNames.GNOME, longbow)
- ).toBe(true);
- });
-
- test("classes with `noLargeEquipment`", () => {
- expect(
- equipmentItemIsDisabled([ClassNames.SCOUT], RaceNames.HUMAN, longbow)
- ).toBe(true);
- });
-
- test("classes with specific items restrictions (`specificEquipmentItems`)", () => {
- expect(
- equipmentItemIsDisabled([ClassNames.CLERIC], RaceNames.HUMAN, longbow)
- ).toBe(true);
- });
-});
-
-describe("getHitDice", () => {
- test("hit dice for level one standard class", () => {
- expect(getHitDice(1, [ClassNames.FIGHTER], "d8")).toBe("1d8");
- });
-
- test("high level hit dice for class with x2 multiplier suffix", () => {
- expect(getHitDice(11, [ClassNames.FIGHTER], "d8")).toBe("9d8+4");
- });
-
- test("high level hit dice for class with x1 multiplier suffix", () => {
- expect(getHitDice(11, [ClassNames.MAGICUSER], "d4")).toBe("9d4+2");
- });
-
- test("get hit dice for custom class", () => {
- expect(getHitDice(11, ["foo"], "d8")).toBe("9d8");
- });
-});
-
-describe("getAttackBonus", () => {});
-
-describe("getMovement", () => {});
diff --git a/src/support/helpers.ts b/src/support/helpers.ts
deleted file mode 100755
index 4177991b..00000000
--- a/src/support/helpers.ts
+++ /dev/null
@@ -1,299 +0,0 @@
-import { useEffect, useState } from "react";
-import { classes } from "../data/classes";
-import {
- Abilities,
- CharacterData,
- ClassNames,
- EquipmentItem,
- RaceNames,
- SavingThrowsType,
- SetCharacterData,
-} from "../data/definitions";
-import { races } from "../data/races";
-import equipmentItems from "../data/equipmentItems.json";
-import { getCarryingCapacity } from "./formatSupport";
-
-export const getClassType = (characterClass: string[]) => {
- // NONE
- if (
- characterClass.length === 0 ||
- characterClass.every((className) => className === "")
- )
- return "none";
-
- // STANDARD
- if (
- characterClass.length === 1 &&
- characterClass.every((className) => isStandardClass(className))
- ) {
- return "standard";
- }
-
- // COMBINATION
- if (
- characterClass.length === 1 &&
- characterClass[0]
- .split(" ")
- .every((className) => isStandardClass(className))
- ) {
- return "combination";
- }
-
- if (
- characterClass.length > 1 &&
- characterClass.every((className) => isStandardClass(className))
- ) {
- return "combination";
- }
-
- // CUSTOM
- return "custom";
-};
-
-export const isStandardClass = (className: string) =>
- Object.values(ClassNames).includes(className as ClassNames);
-
-export const isStandardRace = (raceName: string) =>
- Object.values(RaceNames).includes(raceName as RaceNames);
-
-export function getEnabledClasses(
- raceKey: RaceNames,
- abilityScores: Abilities
-) {
- const race = isStandardRace(raceKey) ? races[raceKey] : undefined;
- let classList = Object.values(ClassNames);
- if (!race) return classList;
- classList = classList
- .filter((className) => race.allowedStandardClasses.indexOf(className) > -1)
- .filter((className) => {
- const classSetup = classes[className];
- if (classSetup.minimumAbilityRequirements) {
- for (const ability of Object.keys(
- classSetup.minimumAbilityRequirements
- ) as (keyof Abilities)[]) {
- const requirement = classSetup.minimumAbilityRequirements[ability];
- if (requirement && +abilityScores[ability] < requirement) {
- return false;
- }
- }
- }
- return true;
- });
- return classList;
-}
-
-// Get the saving throws for a class at a given level
-export const getSavingThrows = (className: string, level: number) =>
- classes[className as ClassNames]?.savingThrows.find(
- (savingThrow) => (savingThrow[0] as number) >= level
- )?.[1] as SavingThrowsType;
-
-// Get the total weight of a saving throw object in order to determine "best"
-export const getSavingThrowsWeight = (savingThrows: SavingThrowsType) =>
- Object.values(savingThrows).reduce((prev, curr) => prev + curr, 0);
-
-export function useDebounce(value: any, delay: number) {
- const [debouncedValue, setDebouncedValue] = useState(value);
-
- useEffect(() => {
- const handler = setTimeout(() => {
- setDebouncedValue(value);
- }, delay);
-
- return () => {
- clearTimeout(handler);
- };
- }, [value, delay]);
-
- return debouncedValue;
-}
-
-export const getHitPointsModifier = (classArr: string[]) => {
- let modifier = 0;
- for (const className of classArr) {
- const classHitDiceModifier =
- classes[className as ClassNames]?.hitDiceModifier;
- if (classHitDiceModifier > modifier) {
- modifier = classHitDiceModifier;
- }
- }
- return modifier;
-};
-
-export const getSpecialAbilityRaceOverrides = (raceName: RaceNames) =>
- races[raceName]?.specialAbilitiesOverride ?? [];
-
-export const getArmorClass = (
- characterData: CharacterData,
- setCharacterData: SetCharacterData,
- type: "missile" | "melee" = "melee"
-) => {
- if (!characterData) return;
-
- let armorClass = races[characterData.race as RaceNames]?.altBaseAC || 11;
- let armorAC = 0;
- let shieldAC = 0;
-
- if (!characterData.wearing) {
- setCharacterData({
- ...characterData,
- wearing: { armor: "", shield: "" },
- });
- } else {
- armorAC = Number(
- equipmentItems.filter(
- (item) => item.name === characterData.wearing?.armor
- )[0]?.AC ||
- characterData.equipment.filter(
- (item) => item.name === characterData.wearing?.armor
- )[0]?.AC ||
- 0
- );
- if (type === "melee") {
- shieldAC = Number(
- equipmentItems.filter(
- (item) => item.name === characterData.wearing?.shield
- )[0]?.AC ||
- characterData.equipment.filter(
- (item) => item.name === characterData.wearing?.shield
- )[0]?.AC ||
- 0
- );
- } else {
- shieldAC = Number(
- equipmentItems.filter(
- (item) => item.name === characterData.wearing?.shield
- )[0]?.missileAC ||
- characterData.equipment.filter(
- (item) => item.name === characterData.wearing?.shield
- )[0]?.missileAC ||
- 0
- );
- }
- armorClass =
- armorAC + shieldAC > armorClass + shieldAC
- ? armorAC + shieldAC
- : armorClass + shieldAC;
- }
-
- return armorClass;
-};
-
-export const getHitDice = (
- level: number,
- className: string[],
- dice: string
-) => {
- const dieType = dice.split("d")[1].split("+")[0];
- const prefix = Math.min(level, 9);
-
- // Calculate the suffix
- let suffix = (level > 9 ? level - 9 : 0) * getHitPointsModifier(className);
-
- // Combine to create the result
- const result = `${prefix}d${dieType}${suffix > 0 ? "+" + suffix : ""}`;
- return result;
-};
-
-export const getAttackBonus = function (characterData: CharacterData) {
- if (getClassType(characterData.class) === "custom") return 0;
- let maxAttackBonus = 0;
-
- characterData.class.forEach((classPiece) => {
- const classAttackBonus =
- classes[classPiece as ClassNames]?.attackBonus[characterData.level];
- if (classAttackBonus > maxAttackBonus) {
- maxAttackBonus = classAttackBonus;
- }
- });
-
- return maxAttackBonus;
-};
-
-export const getMovement = (characterData: CharacterData) => {
- if (!characterData) return;
-
- const carryingCapacity = getCarryingCapacity(
- +characterData.abilities.scores.strength,
- characterData.race as RaceNames
- );
-
- const isWearing = (armorNames: string[]) => {
- return armorNames.includes(characterData?.wearing?.armor || "");
- };
-
- // This checks if there is armor being worn or not and adjusts movement.
- // TODO: Better way to do this?
- if (isWearing(["No Armor", "Magic Leather Armor", ""])) {
- return characterData.weight <= carryingCapacity.light ? 40 : 30;
- } else if (
- isWearing([
- "Studded Leather Armor",
- "Hide Armor",
- "Leather Armor",
- "Magic Metal Armor",
- "Hide Armor",
- ])
- ) {
- return characterData.weight <= carryingCapacity.light ? 30 : 20;
- } else if (
- isWearing([
- "Metal Armor",
- "Chain Mail",
- "Ring Mail",
- "Brigandine Armor",
- "Scale Mail",
- "Splint Mail",
- "Banded Mail",
- "Plate Mail",
- "Field Plate Mail",
- "Full Plate Mail",
- ])
- ) {
- return characterData.weight <= carryingCapacity.light ? 20 : 10;
- }
-};
-
-export const equipmentItemIsDisabled = (
- classNames: string[],
- raceName: RaceNames,
- item: EquipmentItem
-) => {
- // Nothing disabled for custom classes
- if (getClassType(classNames) === "custom") return false;
- // Races that do not allow large equipment
- if (races[raceName]?.noLargeEquipment && item.size === "L") return true;
- // Classes that do not allow large equipment
- if (
- classNames.some(
- (className) => classes[className as ClassNames].noLargeEquipment
- ) &&
- item.size === "L"
- ) {
- return true;
- }
- let disabled = false;
- classNames.forEach((className) => {
- if (classes[className as ClassNames].specificEquipmentItems) {
- const specificEquipmentItems = classes[className as ClassNames]
- .specificEquipmentItems || [[], []];
-
- // if the item category is listed in specificEquipmentItems[0] AND the string in specificEquipmentItems[1] is not in the item name
- if (
- specificEquipmentItems[0].includes(item.category) &&
- specificEquipmentItems[1].every(
- (string) => !item.name.toLowerCase().includes(string)
- )
- ) {
- disabled = true;
- }
- }
- });
-
- return disabled;
-};
-
-export const openInNewTab = (url: string) => {
- const newWindow = window.open(url, "_blank", "noopener,noreferrer");
- if (newWindow) newWindow.opener = null;
-};
diff --git a/src/support/pageNewCharacterSupport.tsx b/src/support/pageNewCharacterSupport.tsx
new file mode 100644
index 00000000..a6bda6f7
--- /dev/null
+++ b/src/support/pageNewCharacterSupport.tsx
@@ -0,0 +1,196 @@
+import StepAbilities from "@/components/PageNewCharacter/StepAbilities/StepAbilities";
+import StepClass from "@/components/PageNewCharacter/StepClass/StepClass";
+import StepDetails from "@/components/PageNewCharacter/StepDetails/StepDetails";
+import StepEquipment from "@/components/PageNewCharacter/StepEquipment/StepEquipment";
+import StepHitPoints from "@/components/PageNewCharacter/StepHitPoints/StepHitPoints";
+import StepRace from "@/components/PageNewCharacter/StepRace/StepRace";
+import { classes } from "@/data/classes";
+import { Abilities, CharData, ClassNames } from "@/data/definitions";
+import { MessageInstance } from "antd/es/message/interface";
+import { marked } from "marked";
+import { createDocument } from "@/support/accountSupport";
+import { auth } from "@/firebase";
+import { NavigateFunction } from "react-router-dom";
+
+const newCharacterStepDescriptions = {
+ abilities:
+ marked(`Roll for your character's Abilities. **You can click the "Roll" buttons or use your own dice and record your scores**. Afterward your character will have a score ranging from 3 to 18 in each of the Abilities below. A bonus (or penalty) Modifier is then associated with each score. Your character's Abilities will begin to determine the options available to them in the next steps as well, so good luck!
+
+ BFRPG Character Ability documentation`),
+ race: marked(`Choose your character's Race. **Some options may be unavailable due to your character's Ability Scores**. Each Race except Humans has a minimum and maximum value for specific Abilities that your character's Ability Scores must meet in order to select them. Consider that each Race has specific restrictions, special abilities, and Saving Throws. Choose wisely. **Races included in the base game rules are in bold**.
+
+ BFRPG Character Race documentation`),
+ class:
+ marked(`Choose your character's Class. **Your character's Race and Ability Scores will determine which Class options are available**. Your Class choice determines your character's background and how they will progress through the game as they level up. **Classes included in the base game rules are in bold**.
+
+ BFRPG Character Class documentation`),
+ hp: marked(`Roll for your character's Hit Points. **Your character's Race may place restrictions on the Hit Dice available to them, but generally this is determined by their chosen Class**. Additionally, your character's Constitution modifier is added/subtracted from this value with a minimum value of 1. The end result is the amount of Hit Points your character will start with and determines how much damage your character can take in battle.
+
+ BFRPG Character Hit Points documentation`),
+ equipment: marked(
+ `Roll for your character's starting gold and purchase their equipment. **Keep in mind that your character's Race and Class selections may limit types and amounts of equipment they can have**.
+
+ BFRPG Character Equipment documentation`,
+ ),
+ name: marked(
+ `You're almost done! Personalize your newly minted character by giving them an identity. Optionally, upload a portrait image if you'd like. Image must be PNG/JPG and <= 1mb`,
+ ),
+};
+
+export const getStepsItems = (
+ character: CharData,
+ setCharacter: (character: CharData) => void,
+ setComboClass: (comboClass: boolean) => void,
+ setComboClassSwitch: (comboClassSwitch: boolean) => void,
+ comboClass: boolean,
+ comboClassSwitch: boolean,
+) => [
+ {
+ title: "Abilities",
+ fulltitle: "Roll for Ability Scores",
+ description: newCharacterStepDescriptions.abilities,
+ content: (
+
+
+ Hail fellow well met!
+
+
+ Welcome to CODEX.QUEST, the ultimate companion for{" "}
+
+ Basic Fantasy RPG
+
+ .
+
+
+ Designed with the player in mind, this platform streamlines character
+ creation, providing an intuitive, user-friendly interface to craft
+ your unique character. From defining your character's abilities to
+ equipping them with the right gear, CODEX.QUEST ensures a seamless and
+ immersive gaming experience.
+
+
+ CODEX.QUEST is not just a tool; it's a companion designed to guide you
+ on your characters' adventures. Make the most of your gaming
+ experience by letting CODEX.QUEST handle the complexities of character
+ management, giving you more time to dive into the captivating
+ narratives and thrilling encounters that BFRPG offers. Best of all,
+ it's 100% FREE!
+
+
+ Bring Your Characters to Life
+
+
+
+
+ -
+
-
-
- );
-}
diff --git a/src/modals/AddEquipmentModal.tsx b/src/modals/AddEquipmentModal.tsx
deleted file mode 100755
index 9a6b3111..00000000
--- a/src/modals/AddEquipmentModal.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { Modal } from "antd";
-import { useParams } from "react-router-dom";
-import { useEffect, useState } from "react";
-import { doc, updateDoc } from "firebase/firestore";
-import { db } from "../firebase";
-import EquipmentStore from "../components/EquipmentStore/EquipmentStore";
-import CloseIcon from "../components/CloseIcon/CloseIcon";
-import { AddEquipmentModalProps } from "./definitions";
-
-export default function AddEquipmentModal({
- characterData,
- handleCancel,
- isAddEquipmentModalOpen,
- setCharacterData,
- user,
-}: AddEquipmentModalProps) {
- const [prevValue, setPrevValue] = useState(characterData?.equipment);
- const { uid, id } = useParams();
-
- const updateEquipment = async () => {
- if (!uid || !id) {
- console.error("User ID or Character ID is undefined");
- return;
- }
-
- if (user?.uid !== uid) {
- console.log("Not the owner of the character sheet.");
- return;
- }
-
- if (characterData && characterData.equipment !== prevValue) {
- const docRef = doc(db, "users", uid, "characters", id);
-
- try {
- await updateDoc(docRef, {
- equipment: characterData.equipment,
- gold: characterData.gold,
- });
- setPrevValue(characterData.equipment);
- } catch (error) {
- console.error("Error updating document: ", error);
- }
- }
- };
-
- useEffect(() => {
- updateEquipment();
- }, [characterData?.equipment, characterData?.gold, characterData?.weight]);
-
- return (
-
- {spellBudget.map((max, index) => {
- if ((isCustomClass && index !== 0) || max === 0) return null;
-
- return (
-
- ) : null;
- };
-
- const handleLevelUp = async () => {
- const result = roller.roll(newHitDiceValue).total;
- const newCharacterData = {
- ...characterData,
- hp: { ...characterData.hp, max: result, dice: newHitDiceValue },
- level: characterData.level + 1,
- };
-
- // Update the character in the component state
- setCharacterData(newCharacterData);
-
- // Update the character in Firebase
- try {
- if (!uid || !id) {
- console.error("User ID or Character ID is undefined");
- return;
- }
-
- const docRef = doc(db, "users", uid, "characters", id);
- await updateDoc(docRef, {
- "hp.max": newCharacterData.hp.max,
- "hp.dice": newCharacterData.hp.dice,
- level: newCharacterData.level,
- spells: newCharacterData.spells,
- });
- } catch (error) {
- console.error("Error updating document: ", error);
- }
-
- handleCancel();
- };
-
- return (
-
-
- {isCustomClass
- ? "Select your Custom Class Spells"
- : `Select Level ${index + 1} Spells`}
-
- spell.name)}
- onChange={handleSpellChange(index + 1)}
- >
- {spellsOfLevel(characterData.class, index + 1)
- .sort((a, b) => a.name.localeCompare(b.name))
- .map((spell) => {
- const description = marked(spell.description);
- return (
-
-
- );
- })}
-
-
- {spell.name}
- }
- onClick={() =>
- showSpellDescription(description, spell.name)
- }
- aria-label={`${spell.name} description`}
- title={`${spell.name} description`}
- />
-
-
- );
- })}
-
-
-
-
- );
-}
diff --git a/src/modals/LoginSignupModal.tsx b/src/modals/LoginSignupModal.tsx
deleted file mode 100755
index 24e26445..00000000
--- a/src/modals/LoginSignupModal.tsx
+++ /dev/null
@@ -1,174 +0,0 @@
-import { Button, Input, Modal } from "antd";
-import CloseIcon from "../components/CloseIcon/CloseIcon";
-import {
- LoginFormProps,
- LoginSignupModalProps,
- SignupFormProps,
-} from "./definitions";
-import { useNavigate } from "react-router-dom";
-import { FC, FormEvent, useState } from "react";
-import {
- createUserWithEmailAndPassword,
- signInWithEmailAndPassword,
-} from "firebase/auth";
-import { auth } from "../firebase";
-import classNames from "classnames";
-
-const formClassNames = classNames("my-4", "[&>div+div]:mt-4");
-
-const LoginForm: FC
-
- );
-};
-
-const SignupForm: FC
-
- setEmail(e.target.value)}
- />
-
-
-
- setPassword(e.target.value)}
- />
-
-
-
-
-
-
- );
-};
-
-export default function LoginSignupModal({
- handleCancel,
- isLoginSignupModalOpen,
- handleLogin,
-}: LoginSignupModalProps) {
- const navigate = useNavigate();
- const [email, setEmail] = useState("");
- const [password, setPassword] = useState("");
- const [signInForm, setSignInForm] = useState(true);
-
- const onLogin = (e: FormEvent) => {
- e.preventDefault();
- signInWithEmailAndPassword(auth, email, password)
- .then((userCredential) => {
- // Signed in
- const user = userCredential.user;
- navigate("/");
- handleCancel();
- })
- .catch((error) => {
- const errorCode = error.code;
- const errorMessage = error.message;
- // Here, you can also show a message to the user about the failed login
- // but the modal will remain open
- });
- };
-
- const onSubmit = async (e: FormEvent) => {
- e.preventDefault();
-
- await createUserWithEmailAndPassword(auth, email, password)
- .then((userCredential) => {
- // Signed in
- const user = userCredential.user;
- navigate("/");
- handleCancel();
- })
- .catch((error) => {
- const errorCode = error.code;
- const errorMessage = error.message;
- console.error(errorCode, errorMessage);
- // ..
- });
- };
- return (
-
-
- setEmail(e.target.value)}
- required
- placeholder="Email address"
- />
-
-
-
- setPassword(e.target.value)}
- required
- placeholder="Password"
- />
-
-
-
-
-
-
-
- ) : (
-
-
- )}
-
- );
-}
diff --git a/src/modals/definitions.ts b/src/modals/definitions.ts
deleted file mode 100755
index 466cf7c1..00000000
--- a/src/modals/definitions.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { FormEvent } from "react";
-import { CharacterData } from "../data/definitions";
-import { User } from "firebase/auth";
-
-export type ModalProps = {
- handleCancel: () => void;
- characterData?: CharacterData;
-};
-
-export interface LevelUpModalProps extends ModalProps {
- isLevelUpModalOpen: boolean;
- hitDice: (level: number, className: string[], dice: string) => string;
- setCharacterData: (character: CharacterData) => void;
- characterData: CharacterData;
-}
-
-export interface DiceRollerModalProps extends ModalProps {
- isDiceRollerModalOpen: boolean;
-}
-
-export interface AddEquipmentModalProps extends ModalProps {
- isAddEquipmentModalOpen: boolean;
- setCharacterData: (character: CharacterData) => void;
- user: User | null;
-}
-
-export interface CheatSheetModalProps extends ModalProps {
- isCheatSheetModalOpen: boolean;
-}
-
-export interface AddCustomEquipmentModalProps extends ModalProps {
- isAddCustomEquipmentModalOpen: boolean;
- setCharacterData: (character: CharacterData) => void;
- characterData: CharacterData;
- user: User | null;
-}
-
-export interface LoginSignupModalProps extends ModalProps {
- isLoginSignupModalOpen: boolean;
- handleLogin: () => Promise
- {`Gold: ${characterData.gold.toFixed(2)}`}
-
- );
- };
-
- return (
-
- {contextHolder}
-
- );
-}
diff --git a/src/pages/CharacterList/CharacterList.tsx b/src/pages/CharacterList/CharacterList.tsx
deleted file mode 100755
index d1f04f68..00000000
--- a/src/pages/CharacterList/CharacterList.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-import { Button, Col, Empty, Row, Spin, Typography } from "antd";
-import { useNavigate, useOutletContext } from "react-router-dom";
-import { collection, deleteDoc, doc, onSnapshot } from "firebase/firestore";
-import { db } from "../../firebase";
-import { useEffect, useState } from "react";
-import classNames from "classnames";
-import CharacterCard from "../../components/CharacterCard/CharacterCard";
-import { images } from "../../assets/images/faces/imageAssets";
-import { extractImageName } from "../../support/stringSupport";
-import { CharacterData } from "../../data/definitions";
-import { User } from "firebase/auth";
-import { UserAddOutlined } from "@ant-design/icons";
-
-export default function CharacterList({
- user,
- className,
-}: { user: User | null } & React.ComponentPropsWithRef<"div">) {
- const outletContext = useOutletContext() as { className: string };
- const [characters, setCharacters] = useState
-
-
- {current === 4 &&
- {steps[current].fullTitle}
-
-
-
-
-
-
- {current > 0 && (
-
- )}
- {current < steps.length - 1 && (
-
- )}
- {current === steps.length - 1 && (
-
- )}
-
-
-
- {characters
- .sort((a, b) => a.name.localeCompare(b.name))
- .map((characterData) => {
- // Legacy characters created while the site was using Create React App will have broken image links that start with "/static/media/"
- // This code checks for that and replaces the broken link with the correct one
- let image = "";
- if (characterData.avatar.startsWith("/static/media/")) {
- const legacyImage = extractImageName(characterData.avatar);
- if (legacyImage) {
- // find the matching source images in `images`
- // "/src/assets/images/faces/gnome-boy-1.jpg" matches gnome-boy-1
- image =
- images.find((image) => image.includes(legacyImage)) || "";
- }
- } else {
- image = characterData.avatar;
- }
- return (
-
- ) : (
-
- );
-}
diff --git a/src/pages/CharacterSheet/CharacterSheet.tsx b/src/pages/CharacterSheet/CharacterSheet.tsx
deleted file mode 100755
index 421f9098..00000000
--- a/src/pages/CharacterSheet/CharacterSheet.tsx
+++ /dev/null
@@ -1,515 +0,0 @@
-// REACT
-import React, { useEffect, useState } from "react";
-// REACT ROUTER
-import { Link, useOutletContext, useParams } from "react-router-dom";
-// FIREBASE
-import { doc, onSnapshot, updateDoc } from "firebase/firestore";
-import { db } from "../../firebase";
-// DEFINITIONS
-import { User } from "firebase/auth";
-// ANTD COMPONENTS
-import {
- Breadcrumb,
- Button,
- Col,
- Divider,
- Row,
- Skeleton,
- Typography,
-} from "antd";
-import {
- FileSearchOutlined,
- HomeOutlined,
- SolutionOutlined,
-} from "@ant-design/icons";
-// CHARACTER SHEET COMPONENTS
-import BaseStats from "../../components/CharacterSheet/BaseStats/BaseStats";
-import InitiativeRoller from "../../components/CharacterSheet/InitiativeRoller/InitiativeRoller";
-import Abilities from "../../components/CharacterSheet/Abilities/Abilities";
-import AttackBonus from "../../components/CharacterSheet/AttackBonus/AttackBonus";
-import HitPoints from "../../components/CharacterSheet/HitPoints/HitPoints";
-import SimpleNumberStat from "../../components/CharacterSheet/SimpleNumberStat/SimpleNumberStat";
-import SpecialsRestrictions from "../../components/CharacterSheet/SpecialsRestrictions/SpecialsRestrictions";
-import SpecialAbilitiesTable from "../../components/CharacterSheet/SpecialAbilitiesTable/SpecialAbilitiesTable";
-import SavingThrows from "../../components/CharacterSheet/SavingThrows/SavingThrows";
-import MoneyStats from "../../components/CharacterSheet/MoneyStats/MoneyStats";
-import WeightStats from "../../components/CharacterSheet/WeightStats/WeightStats";
-import EquipmentInfo from "../../components/CharacterSheet/EquipmentInfo/EquipmentInfo";
-import CharacterSpellList from "../../components/CharacterSheet/EquipmentInfo/CharacterSpellList/CharacterSpellList";
-import CharacterDescription from "../../components/CharacterSheet/CharacterDescription/CharacterDescription";
-import EquipmentList from "../../components/CharacterSheet/EquipmentInfo/EquipmentList/EquipmentList";
-import CharacterSheetModals from "../../components/CharacterSheet/CharacterSheetModals/CharacterSheetModals";
-// DATA
-import { classes } from "../../data/classes";
-import {
- CharacterData,
- ClassNames,
- EquipmentCategories,
- EquipmentItem,
- RaceNames,
-} from "../../data/definitions";
-// SUPPORT
-import { makeChange } from "../../support/formatSupport";
-import {
- getArmorClass,
- getAttackBonus,
- getClassType,
- getHitDice,
- getMovement,
- isStandardClass,
-} from "../../support/helpers";
-import DiceSvg from "../../assets/images/dice.svg";
-import classNames from "classnames";
-
-export default function CharacterSheet({ user }: { user: User | null }) {
- const { uid, id } = useParams();
- const [characterData, setCharacterData] = useState
-
- Characters
-
- }
- onClick={() => navigate(`/create`)}
- >
- New Character
-
-
- {loading ? (
- *+*]:mt-4`}>
-
-
-
-
- You are using a custom Class. Use the "Bio & Notes" field below to
- calculate your character's Saving Throws, Special Abilities, and
- Restrictions.
-
- )}
-
- ) : (
-
-
- ),
- },
- ]}
- />
- {/* NAME / RACE / CLASS / LEVEL / XP */}
-
- {/* TODO: THIS SHOULD BE THREE OF THE SAME component with different labels, */}
- {/*
-
-
-
-
-
- {/* SPECIALS / RESTRICTIONS */}
-
- ) : (
-
- {/* MONEY */}
- makeChange(characterData)}
- className="col-span-1"
- />
- {/* WEIGHT */}
-
-
- {contextHolder}
-
- {games
- .sort((a, b) => a.name.localeCompare(b.name))
- .map((gameData) => {
- return (
-
- ) : (
-
- );
-}
diff --git a/src/pages/GameSheet/GameSheet.tsx b/src/pages/GameSheet/GameSheet.tsx
deleted file mode 100644
index a3c0491e..00000000
--- a/src/pages/GameSheet/GameSheet.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { User } from "firebase/auth";
-import { Link, useParams } from "react-router-dom";
-import PlayerList from "../../components/GameSheet/PlayerList/PlayerList";
-import Clipboard from "../../components/GameSheet/Clipboard/Clipboard";
-import classNames from "classnames";
-import { Breadcrumb, Skeleton, Typography, message } from "antd";
-import { useEffect, useState } from "react";
-import { doc, onSnapshot } from "firebase/firestore";
-import { db } from "../../firebase";
-import { GameData } from "../../data/definitions";
-import { HomeOutlined, SolutionOutlined } from "@ant-design/icons";
-
-type GameSheetProps = { user: User | null };
-
-export default function GameSheet({ user }: GameSheetProps) {
- const [gameData, setGameData] = useState
-
- Games (beta)
-
- }
- onClick={() => setIsNewGameModalOpen(true)}
- >
- New Game
-
-
- {loading ? (
-
- {contextHolder}
-
- );
-}
diff --git a/src/pages/Welcome/Welcome.tsx b/src/pages/Welcome/Welcome.tsx
deleted file mode 100755
index 2669ee8f..00000000
--- a/src/pages/Welcome/Welcome.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { Image, Typography } from "antd";
-import { useOutletContext } from "react-router-dom";
-import IronhideSheet from "../../assets/images/ironhide_sheet.png";
-import classNames from "classnames";
-
-export default function Welcome() {
- const outletContext = useOutletContext() as { className: string };
- const welcomeClassNames = classNames(
- outletContext.className,
- "grid",
- "grid-cols-1",
- "md:grid-cols-2",
- "gap-8"
- );
- return (
-
-
-
- {gameData ? gameData.name :
-
-
-
- ),
- },
- ]}
- />
-
- {gameData && id && uid ? (
-
-
-
- );
-}
diff --git a/src/react-app-env.d.ts b/src/react-app-env.d.ts
deleted file mode 100755
index 4ea89a5c..00000000
--- a/src/react-app-env.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-///
-
-
-
- Welcome to CODEX.QUEST!
-
-
- Welcome to CODEX.QUEST, your ultimate companion for character
- creation in the world of{" "}
-
- Basic Fantasy RPG
-
- .
-
-
- Designed with the player in mind, this platform streamlines
- character creation, providing an intuitive, user-friendly interface
- to craft your unique character. From defining your character's
- abilities to equipping them with the right gear, CODEX.QUEST ensures
- a seamless and immersive gaming experience.
-
-
- CODEX.QUEST is not just a tool; it's a companion designed to guide
- you on your characters' adventures. Make the most of your gaming
- experience by letting CODEX.QUEST handle the complexities of
- character management, giving you more time to dive into the
- captivating narratives and thrilling encounters that BFRPG offers.
- Best of all, it's 100% FREE!
-
-
-
-
- Bring Your Characters to Life
-
-
-
-
- -
-