import { WindLayer, initializeWorkerSystem } from "@hyperviz/weather";
import Map from "ol/Map";
import View from "ol/View";
import TileLayer from "ol/layer/Tile";
import OSM from "ol/source/OSM";

// 워커 시스템 초기화
initializeWorkerSystem({
  poolSize: 2, // 워커 수 (기본값: 사용 가능한 CPU 코어 수)
});

// OpenLayers 맵 생성
const map = new Map({
  target: "map",
  layers: [
    new TileLayer({
      source: new OSM(),
    }),
  ],
  view: new View({
    center: [14135027.5, 4511307.6], // 서울
    zoom: 7,
  }),
});

// 바람 레이어 생성 및 추가
const windLayer = new WindLayer({
  maxSpeed: 15,
  particleDensity: 1.0,
  fadeOpacity: 0.95,
  colorScale: ["rgba(0, 191, 255, 0.8)"],
  lineWidth: 1.5,
});

// 맵에 레이어 추가
windLayer.addToMap(map);

import { WeatherService } from "@hyperviz/weather";

// 날씨 서비스 생성
const weatherService = new WeatherService({
  apiKey: "your-api-key", // 선택사항
  updateInterval: 300, // 5분 마다 업데이트 (초 단위)
});

// 지도 경계 좌표
const bounds: [[number, number], [number, number]] = [
  [124.0, 33.0], // 남서
  [132.0, 39.0], // 북동
];

// 날씨 데이터 가져오기
weatherService.fetchWeatherData(bounds).then((weatherData) => {
  // 레이어에 날씨 데이터 설정
  windLayer.setWeatherData(weatherData);
});

// 자동 업데이트 시작
weatherService.startAutoUpdate(bounds, (weatherData) => {
  windLayer.setWeatherData(weatherData);
});

// 사용 완료 후 정리
windLayer.dispose();
weatherService.stopAutoUpdate();
cleanupWorkerSystem();