import { WhereStarsDrift } from '@where-stars-drift/core';

const canvas = document.getElementById('canvas') as HTMLCanvasElement;

const simulation = new WhereStarsDrift(canvas, {
  starsCount: 1000,
  interactive: true,
  debug: false,
  showCatalog: false,
  showGrid: true,
  showGithubLink: true
});

simulation.start();

// Get basic stats
const stats = simulation.getStats();
console.log(`FPS: ${stats.fps}, Stars: ${stats.starCount}, Ships: ${stats.starshipCount}`);

// Stars with orbital systems
- Regular stars with twinkling
- Pulsars with rotation effects
- Ringed planets
- Multiple orbit lanes with docking points

// Black Holes (5 types)
- Standard: Classic singularity
- Lensing: Gravitational light bending
- Accretion Disk: Rotating matter disk
- Vortex: Swirling particle effects
- Warped Disk: Spacetime distortion

// All with realistic physics:
- Star consumption with supernovas
- Black hole mergers
- Gravitational attraction
- Energy streams between black holes

// 9 Ship Categories
- Capital Ships: Dreadnought, Battleship, Carrier
- Cruisers: Heavy, Light, Battlecruiser
- Escorts: Destroyer, Frigate, Corvette
- Support: Monitor, Troop Transport
- Small Craft: Fighter, Bomber
- Exploration: Explorer, Science Frigate, Pathfinder
- Commerce: Hauler, Colony Ship, Shuttle
- Mining: Mining Vessel, Gas Miner, Salvage Ship
- Diplomatic: Courier, Hospital Ship

// Fleet Formations
- V-Formation (classic)
- Line Abreast
- Defensive Sphere
- Column
- Wedge
- And more...

// AI Behaviors
- Patrol between stars
- Dock at orbital stations
- Form/disband fleets dynamically
- Flee from mouse cursor
- Maintain formation spacing

- Nebulas: Drifting cosmic clouds
- Comets: Periodic visitors
- Meteors: Random events
- Supernovas: Explosion effects when stars are consumed
- Energy Streams: Bezier curves between black holes
- Cosmic Dust: Subtle static background layer
- Trails: Ship movement trails

// Optimizations
- Quadtree spatial partitioning
- Frustum culling (off-screen entities skipped)
- Cached array references
- Pre-rendered static layers
- Incremental quadtree updates

// Monitoring
const metrics = simulation.getPerformanceMetrics();
// Returns: fps, avgFps, frameTime, updateTime,
//          renderTime, physicsTime, bottleneck, etc.

// Results
- 60 FPS with 1000 entities
- 45+ FPS with 2000 entities
- Scales to mobile devices

const simulation = new WhereStarsDrift(canvas, {
  // Number of background stars
  starsCount: 1000,              // default: 1000

  // Enable mouse interaction (ships flee from cursor)
  interactive: true,              // default: true

  // Show debug information and FPS counter
  debug: false,                   // default: false

  // Show entity catalog panel (developer tool)
  showCatalog: false,             // default: false

  // Show background sector grid
  showGrid: true,                 // default: true

  // Show "Where Stars Drift" link in corner
  showGithubLink: true            // default: true
});

// Change settings at runtime
simulation.setInteractive(false);           // Disable mouse interaction
simulation.setDebug(true);                  // Show debug overlay
simulation.setShowCatalog(true);            // Show entity catalog
simulation.setShowGrid(false);              // Hide sector grid
simulation.setShowGithubLink(false);        // Hide GitHub link

// Get current statistics
const stats = simulation.getStats();
// Returns: { fps, avgFps, starCount, starshipCount, frameCount }

console.log(`FPS: ${stats.fps.toFixed(0)}`);
console.log(`Stars: ${stats.starCount}`);
console.log(`Starships: ${stats.starshipCount}`);

// Lifecycle methods
simulation.start();     // Start animation loop
simulation.stop();      // Pause animation
simulation.destroy();   // Clean up resources

// 🔮 PLANNED - Not available yet!
const simulation = new WhereStarsDrift(canvas, {
  // Granular entity counts
  entities: {
    starsCount: 1000,
    nebulasCount: 5,
    blackHolesCount: 3,
    starshipsCount: 30,
    fleetsCount: 2,
    clansCount: 3
  },

  // Show/hide specific layers
  visibility: {
    nebulas: true,
    starships: false,
    energyStreams: true,
    cosmicDust: true
  },

  // Black hole type control
  blackHoles: {
    types: ['VORTEX', 'ACCRETION_DISK'],
    distribution: 'equal'
  },

  // Cosmic dust layer
  cosmicDust: {
    enabled: true,
    particleCount: 500,
    twinkleEffect: true
  }
});

// 🔮 PLANNED - Performance metrics
const metrics = simulation.getPerformanceMetrics();
// { fps, frameTime, updateTime, renderTime, physicsTime,
//   bottleneck, performanceScore, ... }

// 🔮 PLANNED - Visibility controls
simulation.setVisibility('nebulas', false);

const simulation = new WhereStarsDrift(canvas, {
  entities: { starsCount: 500, blackHolesCount: 1 },
  visibility: { starships: false, fleets: false }
});

// Each star could represent a data point
// Clusters = black holes
// Connections = energy streams

// Already includes:
// - Fleet formations
// - Tactical AI
// - Collision detection
// - Physics simulation

// Gravity simulation
// Orbital mechanics
// N-body problems
// Spatial optimization

const simulation = new WhereStarsDrift(canvas, {
  blackHoles: {
    types: ['VORTEX'],
    distribution: { 'VORTEX': 10 }
  },
  entities: { starsCount: 2000 }
});

// Capture frames for artwork