-
- );
- }
-}
-
-export default App;
diff --git a/src/handbook/src/ui/components/TextState.tsx b/src/handbook/src/ui/components/TextState.tsx
deleted file mode 100644
index 4bc0b32c6..000000000
--- a/src/handbook/src/ui/components/TextState.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from "react";
-
-import emitter from "@backend/events";
-
-interface IProps {
- initial: boolean;
- event: string;
- text1: string;
- text2: string;
-}
-
-interface IState {
- state: boolean;
-}
-
-class TextState extends React.Component
- {items.map((item, index) => (
-
- );
- }
-
- componentDidMount() {
- this.setState({
- itemsPerRow: Math.floor((window.innerWidth - 650) / (this.props.itemHeight + (this.props.gap ?? 0)))
- });
-
- window.addEventListener("resize", () => {
- this.setState({
- itemsPerRow: Math.floor((window.innerWidth - 650) / (this.props.itemHeight + (this.props.gap ?? 0)))
- });
- });
- }
-
- render() {
- const { list, itemHeight } = this.props;
-
- return (
- {item}
- ))}
-
- - this.setState({ scrollTop: e.scrollTop })}
- />
- )}
-
-
- );
- }
-}
-
-export default AvatarsPage;
diff --git a/src/handbook/src/ui/pages/CommandsPage.tsx b/src/handbook/src/ui/pages/CommandsPage.tsx
deleted file mode 100644
index b63a0c2b4..000000000
--- a/src/handbook/src/ui/pages/CommandsPage.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from "react";
-
-import Card from "@widgets/Card";
-
-import { listCommands } from "@backend/data";
-
-import "@css/pages/CommandsPage.scss";
-
-class CommandsPage extends React.PureComponent {
- render() {
- return (
- Characters
- -
- {listAvatars().map((avatar) =>
- avatar.id > 11000000 ? undefined : (
-
-
-
- );
- }
-}
-
-export default CommandsPage;
diff --git a/src/handbook/src/ui/pages/EntitiesPage.tsx b/src/handbook/src/ui/pages/EntitiesPage.tsx
deleted file mode 100644
index f0dbe96da..000000000
--- a/src/handbook/src/ui/pages/EntitiesPage.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-import React, { ChangeEvent } from "react";
-
-import MiniCard from "@widgets/MiniCard";
-import VirtualizedGrid from "@components/VirtualizedGrid";
-
-import { Entity, ItemCategory } from "@backend/types";
-import type { Entity as EntityType, EntityInfo } from "@backend/types";
-import { getEntities } from "@backend/data";
-import { entityIcon, fetchEntityData } from "@app/utils";
-
-import "@css/pages/EntitiesPage.scss";
-import EntityCard from "@widgets/EntityCard";
-
-interface IState {
- filters: ItemCategory[];
- search: string;
-
- selected: EntityType | null;
- selectedInfo: EntityInfo | null;
-}
-
-class EntitiesPage extends React.Component<{}, IState> {
- constructor(props: {}) {
- super(props);
-
- this.state = {
- filters: [],
- search: "",
-
- selected: null,
- selectedInfo: null
- };
- }
-
- /**
- * Should the entity be shown?
- *
- * @param entity The entity.
- * @private
- */
- private showEntity(entity: Entity): boolean {
- // Check if the entity's name starts with N/A.
- if (entity.name.includes("[N/A]")) return false;
-
- return entity.id > 0;
- }
-
- /**
- * Gets the items to render.
- * @private
- */
- private getEntities(): EntityType[] {
- let entities: EntityType[] = [];
-
- // Add items based on filters.
- const filters = this.state.filters;
- if (filters.length == 0) {
- entities = getEntities();
- } else {
- for (const filter of filters) {
- // Remove duplicate items.
- entities = entities.filter((item, index) => {
- return entities.indexOf(item) == index;
- });
- }
- }
-
- // Filter out items that don't match the search.
- const search = this.state.search.toLowerCase();
- if (search != "") {
- entities = entities.filter((item) => {
- return item.name.toLowerCase().includes(search);
- });
- }
-
- return entities;
- }
-
- /**
- * Invoked when the search input changes.
- *
- * @param event The event.
- * @private
- */
- private onChange(event: ChangeEventCommands
- -
- {listCommands().map((command) => (
-
-
-
- );
- }
-}
-
-export default EntitiesPage;
diff --git a/src/handbook/src/ui/pages/HomePage.tsx b/src/handbook/src/ui/pages/HomePage.tsx
deleted file mode 100644
index 86fa28c27..000000000
--- a/src/handbook/src/ui/pages/HomePage.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from "react";
-
-import HomeButton from "@widgets/HomeButton";
-
-import { ReactComponent as DiscordLogo } from "@icons/discord.svg";
-
-import Icon_Version_Highlights from "@assets/Icon_Version_Highlights.webp";
-import Icon_Character_Lumine from "@assets/Icon_Character_Lumine.webp";
-import Icon_Inventory from "@assets/Icon_Inventory.webp";
-import Icon_Tutorial_Monster from "@assets/Icon_Tutorial_Monster.webp";
-import Icon_Map from "@assets/Icon_Map.webp";
-import Icon_Quests from "@assets/Icon_Quests.webp";
-import Icon_Achievements from "@assets/Icon_Achievements.webp";
-
-import { openUrl } from "@app/utils";
-
-import "@css/pages/HomePage.scss";
-
-class HomePage extends React.Component
- this.showEntity(entity))}
- itemHeight={64}
- itemsPerRow={18}
- gap={5}
- itemGap={5}
- render={(entity) => (
- this.setSelectedItem(entity)}
- />
- )}
- />
- ) : undefined}
-
-
-
-
-
- {entities.length > 0 ? (
- Monsters
- -
-
-
-
-
-
-
- );
- }
-}
-
-export default HomePage;
diff --git a/src/handbook/src/ui/pages/ItemsPage.tsx b/src/handbook/src/ui/pages/ItemsPage.tsx
deleted file mode 100644
index 1f4096737..000000000
--- a/src/handbook/src/ui/pages/ItemsPage.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-import React, { ChangeEvent } from "react";
-
-import MiniCard from "@widgets/MiniCard";
-import ItemCard from "@widgets/ItemCard";
-import VirtualizedGrid from "@components/VirtualizedGrid";
-
-import { ItemCategory } from "@backend/types";
-import type { Item as ItemType, ItemInfo } from "@backend/types";
-import { getItems, sortedItems } from "@backend/data";
-import { fetchItemData, itemIcon } from "@app/utils";
-
-import "@css/pages/ItemsPage.scss";
-
-interface IState {
- filters: ItemCategory[];
- search: string;
-
- selected: ItemType | null;
- selectedInfo: ItemInfo | null;
-}
-
-class ItemsPage extends React.Component<{}, IState> {
- constructor(props: {}) {
- super(props);
-
- this.state = {
- filters: [],
- search: "",
-
- selected: null,
- selectedInfo: null
- };
- }
-
- /**
- * Gets the items to render.
- * @private
- */
- private getItems(): ItemType[] {
- let items: ItemType[] = [];
-
- // Add items based on filters.
- const filters = this.state.filters;
- if (filters.length == 0) {
- items = getItems();
- } else {
- for (const filter of filters) {
- // Add items from the category.
- items = items.concat(sortedItems[filter]);
- // Remove duplicate items.
- items = items.filter((item, index) => {
- return items.indexOf(item) == index;
- });
- }
- }
-
- // Filter out items that don't match the search.
- const search = this.state.search.toLowerCase();
- if (search != "") {
- items = items.filter((item) => {
- return item.name.toLowerCase().includes(search);
- });
- }
-
- return items;
- }
-
- /**
- * Invoked when the search input changes.
- *
- * @param event The event.
- * @private
- */
- private onChange(event: ChangeEvent
-
-
- Welcome back, Traveler~
- -
-
-
-
-
-
-
-
- This tool is not affiliated with HoYoverse.
-
- Genshin Impact, game content and materials are
-
- trademarks and copyrights of HoYoverse.
-
openUrl("https://discord.gg/grasscutter")}>
-
- Join the Community!
-
-
-
-
-
-
- Credits
-(hover to see info)
-
-
- );
- }
-}
-
-export default ItemsPage;
diff --git a/src/handbook/src/ui/pages/QuestsPage.tsx b/src/handbook/src/ui/pages/QuestsPage.tsx
deleted file mode 100644
index c9da0e09e..000000000
--- a/src/handbook/src/ui/pages/QuestsPage.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from "react";
-
-import Tree, { RawNodeDatum } from "react-d3-tree";
-
-import PrimaryQuest from "@widgets/quest/PrimaryQuest";
-
-import "@css/pages/QuestsPage.scss";
-
-const defaultTree: RawNodeDatum = {
- name: "No Quest Selected",
- attributes: {
- questId: -1
- },
- children: []
-};
-
-interface IState {
- tree: RawNodeDatum | null;
-}
-
-class QuestsPage extends React.Component<{}, IState> {
- constructor(props: {}) {
- super(props);
-
- this.state = {
- tree: null
- };
- }
-
- render() {
- return (
-
- this.showItem(item))}
- itemHeight={64}
- itemsPerRow={18}
- gap={5}
- itemGap={5}
- render={(item) => (
- this.setSelectedItem(item)}
- />
- )}
- />
- ) : undefined}
-
-
-
-
-
- {items.length > 0 ? (
- Items
- -
-
-
-
-
-
-
- );
- }
-}
-
-export default QuestsPage;
diff --git a/src/handbook/src/ui/pages/ScenesPage.tsx b/src/handbook/src/ui/pages/ScenesPage.tsx
deleted file mode 100644
index 4f917da54..000000000
--- a/src/handbook/src/ui/pages/ScenesPage.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import React from "react";
-
-import Card from "@widgets/Card";
-
-import { SceneType } from "@backend/types";
-import { getScenes } from "@backend/data";
-import { connected, teleportTo } from "@backend/server";
-import { action } from "@backend/commands";
-import { copyToClipboard } from "@app/utils";
-
-import "@css/pages/ScenesPage.scss";
-
-/**
- * Converts a scene type to a string.
- *
- * @param type The scene type.
- */
-function sceneTypeToString(type: SceneType): string {
- switch (type) {
- default:
- return "Unknown";
- case SceneType.None:
- return "None";
- case SceneType.World:
- return "World";
- case SceneType.Activity:
- return "Activity";
- case SceneType.Dungeon:
- return "Dungeon";
- case SceneType.Room:
- return "Room";
- case SceneType.HomeRoom:
- return "Home Room";
- case SceneType.HomeWorld:
- return "Home World";
- }
-}
-
-class ScenesPage extends React.PureComponent {
- /**
- * Teleports the player to the specified scene.
- * @private
- */
- private async teleport(scene: number): Promise
-
-
-
-
-
-
- );
- }
-}
-
-export default ScenesPage;
diff --git a/src/handbook/src/ui/views/Content.tsx b/src/handbook/src/ui/views/Content.tsx
deleted file mode 100644
index 225ae8c7f..000000000
--- a/src/handbook/src/ui/views/Content.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from "react";
-
-import HomePage from "@pages/HomePage";
-import CommandsPage from "@pages/CommandsPage";
-import AvatarsPage from "@pages/AvatarsPage";
-import ItemsPage from "@pages/ItemsPage";
-import EntitiesPage from "@pages/EntitiesPage";
-import ScenesPage from "@pages/ScenesPage";
-import QuestsPage from "@pages/QuestsPage";
-
-import type { Page } from "@backend/types";
-import { addNavListener, removeNavListener } from "@backend/events";
-
-import "@css/views/Content.scss";
-
-interface IProps {
- initial?: Page | null;
-}
-
-interface IState {
- current: Page;
-}
-
-class Content extends React.ComponentScenes
- -
- {getScenes().map((scene) => (
- this.teleport(scene.id)}>
- Teleport
-
- }
- rightOffset={13}
- height={75}
- />
- ))}
-
- {this.getPage()}
: undefined;
- }
-}
-
-export default Overlay;
diff --git a/src/handbook/src/ui/views/PlainText.tsx b/src/handbook/src/ui/views/PlainText.tsx
deleted file mode 100644
index fe2487919..000000000
--- a/src/handbook/src/ui/views/PlainText.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-import React from "react";
-
-import {
- listCommands,
- listAvatars,
- getItems,
- getEntities,
- getScenes,
- listQuests,
- getMainQuestFor
-} from "@backend/data";
-
-import "@css/views/PlainText.scss";
-
-class PlainText extends React.PureComponent {
- /**
- * Creates a paragraph of commands.
- * @private
- */
- private getCommands(): React.ReactNode {
- return (
- <>
- {listCommands().map((command) => (
- {`${command.name[0]} : ${command.description}`}
- ))} - - ); - } - - /** - * Creates a paragraph of avatars. - * @private - */ - private getAvatars(): React.ReactNode { - return ( - <> - {listAvatars() - .sort((a, b) => a.id - b.id) - .map((avatar) => ( -{`${avatar.id} : ${avatar.name}`}
- ))} - - ); - } - - /** - * Creates a paragraph of items. - * @private - */ - private getItems(): React.ReactNode { - return ( - <> - {getItems() - .sort((a, b) => a.id - b.id) - .map((item) => ( -{`${item.id} : ${item.name}`}
- ))} - - ); - } - - /** - * Creates a paragraph of monsters. - * @private - */ - private getMonsters(): React.ReactNode { - return ( - <> - {getEntities() - .sort((a, b) => a.id - b.id) - .map((entity) => ( -{`${entity.id} : ${entity.name}`}
- ))} - - ); - } - - /** - * Creates a paragraph of scenes. - * @private - */ - private getScenes(): React.ReactNode { - return ( - <> - {getScenes() - .sort((a, b) => a.id - b.id) - .map((scene) => ( -{`${scene.id} : ${scene.identifier} [${scene.type}]`}
- ))} - - ); - } - - /** - * Creates a paragraph of quests. - * @private - */ - private getQuests(): React.ReactNode { - return ( - <> - {listQuests() - .sort((a, b) => a.id - b.id) - .map((quest) => ( -{`${quest.id} : ${getMainQuestFor(quest)?.title ?? "Unknown"} - ${ - quest.description - }`}
- ))} - - ); - } - - render() { - return ( -
-
- );
- }
-}
-
-export default PlainText;
diff --git a/src/handbook/src/ui/views/SideBar.tsx b/src/handbook/src/ui/views/SideBar.tsx
deleted file mode 100644
index 5d031ab4a..000000000
--- a/src/handbook/src/ui/views/SideBar.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import React, { ChangeEvent } from "react";
-
-import SideBarButton from "@app/ui/widgets/SideBarButton";
-
-import Icon_Version_Highlights from "@assets/Icon_Version_Highlights.webp";
-import Icon_Character_Lumine from "@assets/Icon_Character_Lumine.webp";
-import Icon_Inventory from "@assets/Icon_Inventory.webp";
-import Icon_Tutorial_Monster from "@assets/Icon_Tutorial_Monster.webp";
-import Icon_Map from "@assets/Icon_Map.webp";
-import Icon_Quests from "@assets/Icon_Quests.webp";
-import Icon_Achievements from "@assets/Icon_Achievements.webp";
-
-import events, { navigate } from "@backend/events";
-import { targetPlayer, lockedPlayer, setTargetPlayer } from "@backend/server";
-
-import "@css/views/SideBar.scss";
-
-interface IState {
- uid: string | null;
- uidLocked: boolean;
-}
-
-class SideBar extends React.Component<{}, IState> {
- constructor(props: {}) {
- super(props);
-
- this.state = {
- uid: targetPlayer > 0 ? targetPlayer.toString() : null,
- uidLocked: lockedPlayer
- };
- }
-
- /**
- * Invoked when the player's UID changes.
- * @private
- */
- private updateUid(): void {
- this.setState({
- uid: targetPlayer > 0 ? targetPlayer.toString() : null,
- uidLocked: lockedPlayer
- });
- }
-
- /**
- * Invoked when the UID input changes.
- *
- * @param event The event.
- * @private
- */
- private onChange(event: ChangeEvent
- // Grasscutter 3.6.0 GM Handbook
-
- // Generated by the HTML GM Handbook.
-
-
-
- // Commands
-
-
-
- // Avatars
-
-
-
- // Items
-
-
-
- // Monsters
-
-
-
- // Scenes
-
-
-
- // Quests
-
-
- );
- }
-}
-
-export default SideBar;
diff --git a/src/handbook/src/ui/widgets/Card.tsx b/src/handbook/src/ui/widgets/Card.tsx
deleted file mode 100644
index 4043215ba..000000000
--- a/src/handbook/src/ui/widgets/Card.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from "react";
-
-import "@css/widgets/Card.scss";
-
-interface IProps {
- title: string;
- alternate?: string;
- description?: string | string[];
-
- height?: number | string;
- button?: React.ReactNode;
- rightOffset?: number;
-
- onClick?: () => void;
- onOver?: () => void;
- onOut?: () => void;
-}
-
-class Card extends React.PureComponentnavigate("Home")}> - The Ultimate Anime Game Handbook -
- -
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default Card;
diff --git a/src/handbook/src/ui/widgets/Character.tsx b/src/handbook/src/ui/widgets/Character.tsx
deleted file mode 100644
index b3ba3ac9e..000000000
--- a/src/handbook/src/ui/widgets/Character.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from "react";
-
-import type { Avatar } from "@backend/types";
-import { colorFor, formatAvatarName } from "@app/utils";
-
-import "@css/widgets/Character.scss";
-
-// Image base URL: https://paimon.moe/images/characters/(name).png
-
-const ignored = [
- 10000001 // Kate
-];
-
-const nameSwitch: { [key: number]: string } = {
- 10000005: "Lumine",
- 10000007: "Aether"
-};
-
-interface IProps {
- data: Avatar;
-
- onClick?: () => void;
-}
-
-class Character extends React.PureComponent
-
-
- {this.props.button ? (
-
-
-
- {this.props.title}
- {this.props.alternate &&{this.props.alternate}
} -
- {this.props.description ? (
- Array.isArray(this.props.description) ? (
- this.props.description.map((line, index) => (
-
- - {line} -
- )) - ) : ( -{this.props.description}
- ) - ) : undefined} -
- {this.props.button}
-
- ) : undefined}
-
- 
-
-
- );
- }
-}
-
-export default Character;
diff --git a/src/handbook/src/ui/widgets/EntityCard.tsx b/src/handbook/src/ui/widgets/EntityCard.tsx
deleted file mode 100644
index c7e494f4c..000000000
--- a/src/handbook/src/ui/widgets/EntityCard.tsx
+++ /dev/null
@@ -1,199 +0,0 @@
-import React from "react";
-
-import type { Entity as EntityType, EntityInfo } from "@backend/types";
-import { copyToClipboard, entityIcon, notNaN } from "@app/utils";
-import { connected, spawnEntity } from "@backend/server";
-import { spawn } from "@backend/commands";
-
-import "@css/widgets/ObjectCard.scss";
-
-/**
- * Converts a description string into a list of paragraphs.
- *
- * @param description The description to convert.
- */
-function toDescription(description: string | undefined): JSX.Element[] {
- if (!description) return [];
-
- return description.split("\\n").map((line, index) => {
- return
-
-
-
- = 10 ? 13 : 17 }}>{characterName}
-{line}
; - }); -} - -interface IProps { - entity: EntityType | null; - info: EntityInfo | null; -} - -interface IState { - icon: boolean; - count: number | string; - level: number | string; - - showingCount: boolean; -} - -const defaultState = { - icon: true, - count: 1, - level: 1, - showingCount: true -}; - -class EntityCard extends React.Component
-
- ) : undefined;
- }
-}
-
-export default EntityCard;
diff --git a/src/handbook/src/ui/widgets/HomeButton.tsx b/src/handbook/src/ui/widgets/HomeButton.tsx
deleted file mode 100644
index 05e277961..000000000
--- a/src/handbook/src/ui/widgets/HomeButton.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from "react";
-
-import type { Page } from "@backend/types";
-import { navigate } from "@backend/events";
-
-import "@css/widgets/HomeButton.scss";
-
-interface IProps {
- name: string;
- icon: string;
- anchor: Page;
-}
-
-class HomeButton extends React.PureComponent
-
-
-
- })
this.setState({ icon: false })}
- />
- )}
-
-
-
-
-
- {this.state.icon && (
- {data?.name ?? entity.name}
-{data?.type ?? ""}
-{toDescription(data?.description)}
-
-
-
-
-
-
- this.addCount(false, false)}
- onContextMenu={(e) => {
- e.preventDefault();
- this.addCount(false, true);
- }}
- className={"ObjectCard_Operation"}
- >
- -
-
- {
- if (this.state.count == "") {
- this.setState({ count: 1 });
- }
- }}
- />
- this.addCount(true, false)}
- onContextMenu={(e) => {
- e.preventDefault();
- this.addCount(true, true);
- }}
- className={"ObjectCard_Operation"}
- >
- +
-
- this.redirect()}>
- 
-
-
- ) : undefined;
- }
-}
-
-export default HomeButton;
diff --git a/src/handbook/src/ui/widgets/ItemCard.tsx b/src/handbook/src/ui/widgets/ItemCard.tsx
deleted file mode 100644
index cb951cbe6..000000000
--- a/src/handbook/src/ui/widgets/ItemCard.tsx
+++ /dev/null
@@ -1,179 +0,0 @@
-import React from "react";
-
-import TextState from "@components/TextState";
-
-import type { Item as ItemType, ItemInfo } from "@backend/types";
-import { itemTypeToString } from "@backend/types";
-import { copyToClipboard, itemIcon } from "@app/utils";
-import { connected, giveItem } from "@backend/server";
-import { give } from "@backend/commands";
-
-import "@css/widgets/ObjectCard.scss";
-
-/**
- * Converts a description string into a list of paragraphs.
- *
- * @param description The description to convert.
- */
-function toDescription(description: string | undefined): JSX.Element[] {
- if (!description) return [];
-
- return description.split("\\n").map((line, index) => {
- return {this.props.name}
-{line}
; - }); -} - -interface IProps { - item: ItemType | null; - info: ItemInfo | null; -} - -interface IState { - icon: boolean; - count: number | string; -} - -const defaultState = { - icon: true, - count: 1 -}; - -class ItemCard extends React.Component
-
- ) : undefined;
- }
-}
-
-export default ItemCard;
diff --git a/src/handbook/src/ui/widgets/MiniCard.tsx b/src/handbook/src/ui/widgets/MiniCard.tsx
deleted file mode 100644
index a7e45af52..000000000
--- a/src/handbook/src/ui/widgets/MiniCard.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import React from "react";
-
-import "@css/widgets/MiniCard.scss";
-
-interface IProps {
- data: { name: string };
- icon: string;
-
- onClick?: () => void;
-}
-
-interface IState {
- popout: boolean;
- icon: boolean;
- loaded: boolean;
-}
-
-class MiniCard extends React.Component
-
-
-
- })
this.setState({ icon: false })}
- />
- )}
-
-
-
-
-
- {this.state.icon && (
- {data?.name ?? item.name}
-{data?.type ?? itemTypeToString(item.type)}
-{toDescription(data?.description)}
-
-
-
-
-
-
- this.addCount(false, false)}
- onContextMenu={(e) => {
- e.preventDefault();
- this.addCount(false, true);
- }}
- className={"ObjectCard_Operation"}
- >
- -
-
- {
- if (this.state.count == "") {
- this.setState({ count: 1 });
- }
- }}
- />
- this.addCount(true, false)}
- onContextMenu={(e) => {
- e.preventDefault();
- this.addCount(true, true);
- }}
- className={"ObjectCard_Operation"}
- >
- +
-
-
-
- );
- }
-}
-
-export default MiniCard;
diff --git a/src/handbook/src/ui/widgets/ServerSettings.tsx b/src/handbook/src/ui/widgets/ServerSettings.tsx
deleted file mode 100644
index 6621c42df..000000000
--- a/src/handbook/src/ui/widgets/ServerSettings.tsx
+++ /dev/null
@@ -1,183 +0,0 @@
-import React from "react";
-
-import emitter from "@backend/events";
-import { targetPlayer, address, port, setServerDetails, url, setTargetPlayer } from "@backend/server";
-import { getWindowDetails } from "@app/utils";
-
-import "@css/widgets/ServerSettings.scss";
-
-interface IState {
- webview: boolean;
-
- address: string;
- port: number;
-}
-
-class ServerSettings extends React.Component<{}, IState> {
- constructor(props: {}) {
- super(props);
-
- this.state = {
- webview: false,
- address: address,
- port: Number(port)
- };
- }
-
- componentDidMount() {
- window.addEventListener("keyup", this.escapeListener.bind(this));
- }
-
- componentWillUnmount() {
- window.removeEventListener("keyup", this.escapeListener.bind(this));
- window.removeEventListener("message", this.handleAuthentication.bind(this));
- }
-
- /**
- * Invoked when the escape key is pressed.
- *
- * @param e The keyboard event.
- * @private
- */
- private escapeListener(e: KeyboardEvent): void {
- if (e.key === "Escape") {
- // Hide the overlay.
- emitter.emit("overlay", "None");
- }
- }
-
- /**
- * Invoked when the component tries to authenticate.
- * @private
- */
- private authenticate(): void {
- setServerDetails(this.state.address, this.state.port).then(() => {
- this.setState({ webview: true });
- });
-
- // Add the event listener for authentication.
- window.addEventListener("message", this.handleAuthentication.bind(this));
- }
-
- /**
- * Finishes the authentication process.
- *
- * @param e The message event.
- * @private
- */
- private handleAuthentication(e: MessageEvent): void {
- const data = e.data; // The data sent from the server.
- if (data == null) return; // If the data is null, return.
-
- // Check if the data is an object.
- if (typeof data != "object") return;
- // Get the data type.
- const type = data["type"] ?? null;
- if (type != "handbook-auth") return;
-
- // Get the data.
- const uid = data["uid"] ?? null;
- const token = data["token"] ?? null;
-
- // Hide the overlay.
- emitter.emit("overlay", "None");
- // Set the token and user ID.
- setTargetPlayer(Number(uid), token);
- }
-
- /**
- * Invoked when the save button is clicked.
- * @private
- */
- private save(): void {
- // Hide the overlay.
- emitter.emit("overlay", "None");
-
- // Save the server settings.
- setServerDetails(this.state.address, this.state.port.toString());
- }
-
- render() {
- const { disable } = getWindowDetails();
-
- return (
-
- {this.state.icon && (
- this.setState({ loaded: true })}
- />
- )}
-
- {(!this.state.loaded || !this.state.icon) && (
-
- - {this.props.data.name} -
- )} -
- {this.state.webview ? (
-
- ) : (
- <>
-
- );
- }
-}
-
-export default ServerSettings;
diff --git a/src/handbook/src/ui/widgets/SideBarButton.tsx b/src/handbook/src/ui/widgets/SideBarButton.tsx
deleted file mode 100644
index ab0c66ba2..000000000
--- a/src/handbook/src/ui/widgets/SideBarButton.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from "react";
-
-import type { Page } from "@backend/types";
-import { navigate } from "@backend/events";
-
-import "@css/widgets/SideBarButton.scss";
-
-interface IProps {
- name: string;
- icon: string;
- anchor: Page;
-}
-
-class SideBarButton extends React.PureComponent
-
-
- Server Settings
- -
-
-
-
-
-
-
- Address:
- { - const target = e.target as HTMLInputElement; - const value = target.value; - - this.setState({ address: value }); - }} - disabled={disable} - style={{ - cursor: disable ? "not-allowed" : "text", - userSelect: disable ? "none" : "auto" - }} - /> -
-
- Port:
- { - const target = e.target as HTMLInputElement; - const value = target.value; - - if (isNaN(Number(value)) || value.length > 5) { - return; - } - - this.setState({ port: Number(value) }); - }} - disabled={disable} - style={{ - cursor: disable ? "not-allowed" : "text", - userSelect: disable ? "none" : "auto" - }} - /> -
-
-
-
- )}
- this.redirect()}>
-
-
-
- ) : undefined;
- }
-}
-
-export default SideBarButton;
diff --git a/src/handbook/src/ui/widgets/quest/NormalQuest.tsx b/src/handbook/src/ui/widgets/quest/NormalQuest.tsx
deleted file mode 100644
index 66cde27dd..000000000
--- a/src/handbook/src/ui/widgets/quest/NormalQuest.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from "react";
-
-import { IoLocationSharp } from "react-icons/io5";
-
-import type { Quest } from "@backend/types";
-
-import "@css/widgets/quest/NormalQuest.scss";
-
-interface IProps {
- quest: Quest;
- right?: boolean;
-}
-
-class NormalQuest extends React.PureComponent{this.props.name}
-
-
- );
- }
-}
-
-export default NormalQuest;
diff --git a/src/handbook/src/ui/widgets/quest/PrimaryQuest.tsx b/src/handbook/src/ui/widgets/quest/PrimaryQuest.tsx
deleted file mode 100644
index c30477b01..000000000
--- a/src/handbook/src/ui/widgets/quest/PrimaryQuest.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from "react";
-
-import { GiSupersonicArrow } from "react-icons/gi";
-
-import Collapsible from "react-collapsible";
-import NormalQuest from "@widgets/quest/NormalQuest";
-
-import type { MainQuest } from "@backend/types";
-import { listSubQuestsFor } from "@backend/data";
-
-import "@css/widgets/quest/PrimaryQuest.scss";
-
-interface IProps {
- quest: MainQuest;
-}
-
-function Trigger(props: IProps): React.ReactElement {
- return (
-
-
-
- {quest.description}
-- ID: {quest.id} | Main: {quest.mainId} -
-
-
- );
-}
-
-class PrimaryQuest extends React.PureComponent
-
- {props.quest.title}
-ID: {props.quest.id}
-
- {listSubQuestsFor(this.props.quest).map((quest) => (
-
-
- );
- }
-}
-
-export default PrimaryQuest;
diff --git a/src/handbook/src/utils.ts b/src/handbook/src/utils.ts
deleted file mode 100644
index 286c657ea..000000000
--- a/src/handbook/src/utils.ts
+++ /dev/null
@@ -1,181 +0,0 @@
-import type { Entity, Item, EntityInfo, ItemInfo, WindowDetails } from "@backend/types";
-import { ItemType, Quality } from "@backend/types";
-
-/**
- * Fetches the name of the CSS variable for the quality.
- *
- * @param quality The quality of the item.
- */
-export function colorFor(quality: Quality): string {
- switch (quality) {
- default:
- return "--legendary-color";
- case "EPIC":
- return "--epic-color";
- case "RARE":
- return "--rare-color";
- case "UNCOMMON":
- return "--uncommon-color";
- case "COMMON":
- return "--common-color";
- case "UNKNOWN":
- return "--unknown-color";
- }
-}
-
-/**
- * Checks if a value is between two numbers.
- *
- * @param value The value to check.
- * @param min The minimum value.
- * @param max The maximum value.
- */
-export function inRange(value: number, min: number, max: number): boolean {
- return value >= min && value <= max;
-}
-
-/**
- * Gets the path to the icon for an item.
- * Uses the Project Amber API to get the icon.
- *
- * @param item The item to get the icon for.
- */
-export function itemIcon(item: Item): string {
- // Check if the item matches a special case.
- if (inRange(item.id, 1001, 1099)) {
- return `https://paimon.moe/images/characters/${formatAvatarName(item.name, item.id)}.png`;
- }
-
- switch (item.type) {
- default:
- return `https://api.ambr.top/assets/UI/UI_${item.icon}.png`;
- case ItemType.Furniture:
- return `https://api.ambr.top/assets/UI/furniture/UI_${item.icon}.png`;
- case ItemType.Reliquary:
- return `https://api.ambr.top/assets/UI/reliquary/UI_${item.icon}.png`;
- }
-}
-
-/**
- * Gets the path to the icon for an entity.
- * Uses the Project Amber API to get the icon.
- *
- * @param entity The entity to get the icon for. Project Amber data required.
- */
-export function entityIcon(entity: Entity): string {
- return `https://api.ambr.top/assets/UI/monster/UI_MonsterIcon_${entity.internal}.png`;
-}
-
-/**
- * Formats a character's name to fit with the reference name.
- * Example: Hu Tao -> hu_tao
- *
- * @param name The character's name.
- * @param id The character's ID.
- */
-export function formatAvatarName(name: string, id: number): string {
- // Check if a different name is used for the character.
- if (refSwitch[id]) name = refSwitch[id];
- return name.toLowerCase().replace(" ", "_");
-}
-
-const refSwitch: { [key: number]: string } = {
- 10000005: "traveler_anemo",
- 10000007: "traveler_geo"
-};
-
-/**
- * Gets the route for an item type.
- *
- * @param type The type of the item.
- */
-export function typeToRoute(type: ItemType): string {
- switch (type) {
- default:
- return "material";
- case ItemType.Furniture:
- return "furniture";
- case ItemType.Reliquary:
- return "reliquary";
- case ItemType.Weapon:
- return "weapon";
- }
-}
-
-/**
- * Fetches the data for an item.
- * Uses the Project Amber API to get the data.
- *
- * @route GET https://api.ambr.top/v2/EN/{type}/{id}
- * @param item The item to fetch the data for.
- */
-export async function fetchItemData(item: Item): PromiseInput your Player UID here.
- - -