Added characterChest component for chest equipment, moved some files

src/application/config.ts

@@ -0,0 +1,9 @@
+export default {
+  name: import.meta.env.VITE_NAME,
+  development: import.meta.env.VITE_DEVELOPMENT === 'true',
+  server_endpoint: import.meta.env.VITE_SERVER_ENDPOINT,
+  tile_size: {
+    x: Number(import.meta.env.VITE_TILE_SIZE_X),
+    y: Number(import.meta.env.VITE_TILE_SIZE_Y)
+  }
+}

src/application/types.ts

@@ -0,0 +1,272 @@
+export type Notification = {
+  id?: string
+  title?: string
+  message?: string
+}
+
+export type HttpResponse<T> = {
+  success: boolean
+  message?: string
+  data?: T
+}
+
+export type AssetDataT = {
+  key: string
+  data: string
+  group: 'tiles' | 'objects' | 'sprites' | 'sprite_animations' | 'sound' | 'music' | 'ui' | 'font' | 'other'
+  updatedAt: Date
+  originX?: number
+  originY?: number
+  isAnimated?: boolean
+  frameCount?: number
+  frameWidth?: number
+  frameHeight?: number
+  frameRate?: number
+}
+
+export type Tile = {
+  id: string
+  name: string
+  tags: any | null
+  createdAt: Date
+  updatedAt: Date
+}
+
+export type Object = {
+  id: string
+  name: string
+  tags: any | null
+  originX: number
+  originY: number
+  isAnimated: boolean
+  frameRate: number
+  frameWidth: number
+  frameHeight: number
+  createdAt: Date
+  updatedAt: Date
+  ZoneObject: ZoneObject[]
+}
+
+export type Item = {
+  id: string
+  name: string
+  description: string | null
+  itemType: ItemType
+  stackable: boolean
+  rarity: ItemRarity
+  spriteId: string | null
+  sprite?: Sprite
+  createdAt: Date
+  updatedAt: Date
+}
+
+export type ItemType = 'WEAPON' | 'HELMET' | 'CHEST' | 'LEGS' | 'BOOTS' | 'GLOVES' | 'RING' | 'NECKLACE'
+export type ItemRarity = 'COMMON' | 'UNCOMMON' | 'RARE' | 'EPIC' | 'LEGENDARY'
+
+export type Zone = {
+  id: number
+  name: string
+  width: number
+  height: number
+  tiles: any | null
+  pvp: boolean
+  zoneEffects: ZoneEffect[]
+  zoneEventTiles: ZoneEventTile[]
+  zoneObjects: ZoneObject[]
+  characters: Character[]
+  chats: Chat[]
+  createdAt: Date
+  updatedAt: Date
+}
+
+export type ZoneEffect = {
+  id: string
+  zoneId: number
+  zone: Zone
+  effect: string
+  strength: number
+}
+
+export type ZoneObject = {
+  id: string
+  zoneId: number
+  zone: Zone
+  objectId: string
+  object: Object
+  depth: number
+  isRotated: boolean
+  positionX: number
+  positionY: number
+}
+
+export enum ZoneEventTileType {
+  BLOCK = 'BLOCK',
+  TELEPORT = 'TELEPORT',
+  NPC = 'NPC',
+  ITEM = 'ITEM'
+}
+
+export type ZoneEventTile = {
+  id: string
+  zoneId: number
+  zone: Zone
+  type: ZoneEventTileType
+  positionX: number
+  positionY: number
+  teleport?: ZoneEventTileTeleport
+}
+
+export type ZoneEventTileTeleport = {
+  id: string
+  zoneEventTileId: string
+  zoneEventTile: ZoneEventTile
+  toZoneId: number
+  toZone: Zone
+  toPositionX: number
+  toPositionY: number
+  toRotation: number
+}
+
+export type User = {
+  id: number
+  username: string
+  password: string
+  characters: Character[]
+}
+
+export enum CharacterGender {
+  MALE = 'MALE',
+  FEMALE = 'FEMALE'
+}
+
+export enum CharacterRace {
+  HUMAN = 'HUMAN',
+  ELF = 'ELF',
+  DWARF = 'DWARF',
+  ORC = 'ORC',
+  GOBLIN = 'GOBLIN'
+}
+
+export type CharacterType = {
+  id: number
+  name: string
+  gender: CharacterGender
+  race: CharacterRace
+  isSelectable: boolean
+  characters: Character[]
+  spriteId?: string
+  sprite?: Sprite
+  createdAt: Date
+  updatedAt: Date
+}
+
+export type CharacterHair = {
+  id: number
+  name: string
+  sprite: Sprite
+  gender: CharacterGender
+  isSelectable: boolean
+}
+
+export type Character = {
+  id: number
+  userId: number
+  user: User
+  name: string
+  hitpoints: number
+  mana: number
+  level: number
+  experience: number
+  alignment: number
+  role: string
+  positionX: number
+  positionY: number
+  rotation: number
+  characterTypeId: number | null
+  characterType: CharacterType | null
+  characterHairId: number | null
+  characterHair: CharacterHair | null
+  zoneId: number
+  zone: Zone
+  chats: Chat[]
+  items: CharacterItem[]
+  equipment: CharacterEquipment[]
+}
+
+export type ZoneCharacter = {
+  character: Character
+  isMoving?: boolean
+}
+
+export type CharacterItem = {
+  id: number
+  characterId: number
+  character: Character
+  itemId: string
+  item: Item
+  quantity: number
+}
+
+export type CharacterEquipment = {
+  id: number
+  slot: CharacterEquipmentSlotType
+  characterItemId: number
+  characterItem: CharacterItem
+}
+
+export enum CharacterEquipmentSlotType {
+  HEAD = 'HEAD',
+  BODY = 'BODY',
+  ARMS = 'ARMS',
+  LEGS = 'LEGS',
+  NECK = 'NECK',
+  RING = 'RING'
+}
+
+export type Sprite = {
+  id: string
+  name: string
+  createdAt: Date
+  updatedAt: Date
+  spriteActions: SpriteAction[]
+  characterTypes: CharacterType[]
+}
+
+export type SpriteAction = {
+  id: string
+  spriteId: string
+  sprite: Sprite
+  action: string
+  sprites: string[]
+  originX: number
+  originY: number
+  isAnimated: boolean
+  isLooping: boolean
+  frameWidth: number
+  frameHeight: number
+  frameRate: number
+}
+
+export type Chat = {
+  id: number
+  characterId: number
+  character: Character
+  zoneId: number
+  zone: Zone
+  message: string
+  createdAt: Date
+}
+
+export type WorldSettings = {
+  date: Date
+  isRainEnabled: boolean
+  isFogEnabled: boolean
+  fogDensity: number
+}
+
+export type WeatherState = {
+  isRainEnabled: boolean
+  rainPercentage: number
+  isFogEnabled: boolean
+  fogDensity: number
+}

src/application/utilities.ts

@@ -0,0 +1,25 @@
+export function uuidv4() {
+  return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, (c) => (+c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))).toString(16))
+}
+
+export function unduplicateArray(array: any[]) {
+  return [...new Set(array.flat())]
+}
+
+export function getDomain() {
+  // Check if not localhost
+  if (window.location.hostname !== 'localhost') {
+    return window.location.hostname
+  }
+
+  // Check if not IP address
+  if (window.location.hostname.match(/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/)) {
+    return window.location.hostname
+  }
+
+  if (window.location.hostname.split('.').length < 3) {
+    return window.location.hostname
+  }
+
+  return window.location.hostname.split('.').slice(-2).join('.')
+}