import { config as sharedConfig } from "@repo/shared";

const sharedBombRenderScale =
  (sharedConfig.GAME_CONFIG as { BOMB_RENDER_SCALE?: number })
    .BOMB_RENDER_SCALE ?? 1;

const sharedRespawnHitCount =
  (sharedConfig.GAME_CONFIG as { PLAYER_RESPAWN_HIT_COUNT?: number })
    .PLAYER_RESPAWN_HIT_COUNT ?? 5;

const sharedRespawnStunMs =
  (sharedConfig.GAME_CONFIG as { PLAYER_RESPAWN_STUN_MS?: number })
    .PLAYER_RESPAWN_STUN_MS ?? sharedConfig.GAME_CONFIG.PLAYER_HIT_STUN_MS;

const sharedRespawnEffectScale =
  (sharedConfig.GAME_CONFIG as { PLAYER_RESPAWN_EFFECT_SCALE?: number })
    .PLAYER_RESPAWN_EFFECT_SCALE ?? 2.4;

const CLIENT_GAME_CONFIG = {
  TIMER_DISPLAY_UPDATE_MS: 250,
  JOIN_REQUEST_TIMEOUT_MS: 8000,

  FRAME_DELTA_MAX_MS: 50,

  PLAYER_RESPAWN_HIT_COUNT: sharedRespawnHitCount,
  PLAYER_RESPAWN_STUN_MS: sharedRespawnStunMs,
  PLAYER_RESPAWN_EFFECT_SCALE: sharedRespawnEffectScale,

  PLAYER_LERP_SMOOTHNESS: 18,
  PLAYER_LERP_SNAP_THRESHOLD: 0.005,
  PLAYER_HIT_EFFECT: {
    BLINK_DURATION_MS: sharedConfig.GAME_CONFIG.PLAYER_HIT_STUN_MS,
    BLINK_INTERVAL_MS: 100,
    BLINK_HIDDEN_ALPHA: 0.2,
    BLINK_MAX_DELTA_MS: 50,
    DEDUP_WINDOW_MS: 300,
  },

  GRID_CELL_SIZE: 100,

  TEAM_COLORS: ["#FF4B4B", "#4B4BFF", "#4BFF4B", "#FFD700"],

  MAP_BG_COLOR: 0x111111,
  MAP_GRID_COLOR: 0x333333,
  MAP_BORDER_COLOR: 0xff4444,
} as const;

const GAME_CONFIG = {
  ...sharedConfig.GAME_CONFIG,
  ...CLIENT_GAME_CONFIG,
  get MAP_WIDTH_PX(): number {
    return this.GRID_COLS * this.GRID_CELL_SIZE;
  },
  get MAP_HEIGHT_PX(): number {
    return this.GRID_ROWS * this.GRID_CELL_SIZE;
  },
  get PLAYER_RADIUS_PX(): number {
    return this.PLAYER_RADIUS * this.GRID_CELL_SIZE;
  },
  get BOMB_RENDER_RADIUS_PX(): number {
    return this.GRID_CELL_SIZE * 0.2 * sharedBombRenderScale;
  },
  get PLAYER_RESPAWN_EFFECT_SIZE_PX(): number {
    return this.PLAYER_RADIUS_PX * 2 * this.PLAYER_RESPAWN_EFFECT_SCALE;
  },
} as const;

const NETWORK_CONFIG = {
  DEV_SERVER_HOST: "http://localhost",
  DEV_SERVER_PORT: 3000,
  get DEV_SERVER_URL() {
    return `${this.DEV_SERVER_HOST}:${this.DEV_SERVER_PORT}`;
  },
  PROD_SERVER_URL: "https://skillsemiwebgame.onrender.com",
  SOCKET_TRANSPORTS: ["websocket", "polling"],
  SOCKET_IO_PATH: sharedConfig.NETWORK_CONFIG.SOCKET_IO_PATH,
} as const;

export const config = {
  ...sharedConfig,
  GAME_CONFIG,
  NETWORK_CONFIG,
} as const;