@things-factory/weather 9.0.0-beta.41

package/server/services/headless-pool.ts

@@ -0,0 +1,97 @@
+import * as genericPool from 'generic-pool'
+import { config } from '@things-factory/env'
+
+// puppeteer 모듈 동적 로드 (에러 처리 포함)
+let puppeteer
+try {
+  puppeteer = require('puppeteer')
+} catch (err) {
+  console.error('Puppeteer 로드 실패:', err)
+}
+
+// 브라우저 풀 인스턴스
+let browserPool
+
+/**
+ * 헤드리스 브라우저 풀 가져오기 (싱글톤 패턴)
+ */
+export function getBrowserPool() {
+  if (!browserPool) {
+    browserPool = genericPool.createPool(
+      {
+        // 브라우저 인스턴스 생성
+        create() {
+          console.log('날씨 서비스용 headless 브라우저 인스턴스 생성')
+          return initializeChromium()
+        },
+
+        // 브라우저 인스턴스 유효성 검사
+        validate(browser) {
+          return Promise.race([
+            new Promise(res => setTimeout(() => res(false), 1500)),
+            browser
+              .version()
+              .then(_ => true)
+              .catch(_ => false)
+          ])
+        },
+
+        // 브라우저 인스턴스 파괴
+        destroy(browser) {
+          return browser.close()
+        }
+      },
+      {
+        // 풀 설정
+        min: 1, // 최소 인스턴스 수
+        max: 5, // 최대 인스턴스 수
+        testOnBorrow: true,
+        acquireTimeoutMillis: 10000,
+        idleTimeoutMillis: 30000 // 30초 후 유휴 인스턴스 제거
+      }
+    )
+
+    // 애플리케이션 종료 시 정리
+    process.on('exit', async () => {
+      if (browserPool) {
+        await browserPool.drain()
+        await browserPool.clear()
+      }
+    })
+  }
+
+  return browserPool
+}
+
+/**
+ * Chromium 초기화
+ */
+async function initializeChromium() {
+  // puppeteer가 없으면 오류
+  if (!puppeteer) {
+    throw new Error('Puppeteer is not available')
+  }
+
+  // 크로미움 경로 (환경설정에서 가져옴)
+  const CHROMIUM_PATH = config.get('CHROMIUM_PATH')
+
+  // 실행 설정
+  const launchSettings = {
+    args: ['--hide-scrollbars', '--mute-audio', '--no-sandbox', '--disable-setuid-sandbox', '--disable-dev-shm-usage'],
+    headless: 'new' // 'new' = 최신 헤드리스 모드
+  }
+
+  // 크로미움 경로가 설정되어 있으면 사용
+  if (CHROMIUM_PATH) {
+    launchSettings['executablePath'] = CHROMIUM_PATH
+  }
+
+  try {
+    // 브라우저 실행
+    const browser = await puppeteer.launch(launchSettings)
+    return browser
+  } catch (err) {
+    console.error('크로미움 초기화 실패:', err)
+    throw err
+  }
+}

package/server/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig-base.json",
+  "compilerOptions": {
+    "strict": false,
+    "module": "commonjs",
+    "outDir": "../dist-server",
+    "baseUrl": "./"
+  },
+  "include": ["./**/*"]
+}

package/server/utils/svg-utils.ts

@@ -0,0 +1,108 @@
+/**
+ * SVG 생성 유틸리티 함수
+ */
+
+/**
+ * SVG 시작 태그 생성
+ */
+export function createSvgStart(width: number = 256, height: number = 256): string {
+  return `<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">`
+}
+
+/**
+ * SVG 종료 태그 생성
+ */
+export function createSvgEnd(): string {
+  return '</svg>'
+}
+
+/**
+ * SVG 그라데이션 정의 생성
+ */
+export function createSvgDefs(gradients: Array<{ id: string; color: string; opacity?: number }>): string {
+  let defs = '<defs>'
+
+  gradients.forEach(gradient => {
+    const opacity = gradient.opacity !== undefined ? gradient.opacity : 0.8
+    defs += `
+      <radialGradient id="${gradient.id}" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
+        <stop offset="0%" style="stop-color:${gradient.color}; stop-opacity:${opacity}" />
+        <stop offset="100%" style="stop-color:${gradient.color}; stop-opacity:0" />
+      </radialGradient>`
+  })
+
+  defs += '</defs>'
+  return defs
+}
+
+/**
+ * SVG 원 요소 생성
+ */
+export function createSvgCircle(cx: number, cy: number, radius: number, fill: string, opacity?: number): string {
+  const opacityAttr = opacity !== undefined ? ` opacity="${opacity}"` : ''
+  return `<circle cx="${cx}" cy="${cy}" r="${radius}" fill="${fill}"${opacityAttr} />`
+}
+
+/**
+ * SVG 라인 요소 생성
+ */
+export function createSvgLine(
+  x1: number,
+  y1: number,
+  x2: number,
+  y2: number,
+  stroke: string,
+  strokeWidth: number = 1,
+  opacity?: number
+): string {
+  const opacityAttr = opacity !== undefined ? ` opacity="${opacity}"` : ''
+  return `<line x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}" stroke="${stroke}" stroke-width="${strokeWidth}"${opacityAttr} />`
+}
+
+/**
+ * SVG 화살표 생성 (바람 방향 표시용)
+ */
+export function createSvgArrow(
+  x: number,
+  y: number,
+  angle: number,
+  length: number,
+  color: string,
+  strokeWidth: number = 1,
+  opacity?: number
+): string {
+  const opacityAttr = opacity !== undefined ? ` opacity="${opacity}"` : ''
+
+  // 라디안으로 변환
+  const rad = (angle * Math.PI) / 180
+
+  // 화살표 끝점 계산
+  const endX = x + length * Math.cos(rad)
+  const endY = y + length * Math.sin(rad)
+
+  // 화살표 머리 계산 (각도에서 30도 틀어진 두 지점)
+  const headSize = length * 0.25
+  const head1X = endX - headSize * Math.cos(rad + Math.PI / 6)
+  const head1Y = endY - headSize * Math.sin(rad + Math.PI / 6)
+  const head2X = endX - headSize * Math.cos(rad - Math.PI / 6)
+  const head2Y = endY - headSize * Math.sin(rad - Math.PI / 6)
+
+  return `
+    <g${opacityAttr}>
+      <line x1="${x}" y1="${y}" x2="${endX}" y2="${endY}" stroke="${color}" stroke-width="${strokeWidth}" />
+      <line x1="${endX}" y1="${endY}" x2="${head1X}" y2="${head1Y}" stroke="${color}" stroke-width="${strokeWidth}" />
+      <line x1="${endX}" y1="${endY}" x2="${head2X}" y2="${head2Y}" stroke="${color}" stroke-width="${strokeWidth}" />
+    </g>
+  `
+}
+
+/**
+ * 날씨 타일용 SVG 생성
+ */
+export function createWeatherTileSvg(width: number, height: number, elements: string[]): string {
+  return `
+    ${createSvgStart(width, height)}
+    ${elements.join('\n')}
+    ${createSvgEnd()}
+  `
+}

package/server/utils/tile-utils.ts

@@ -0,0 +1,77 @@
+/**
+ * 타일 좌표 관련 유틸리티 함수
+ */
+
+export interface TileBounds {
+  west: number
+  south: number
+  east: number
+  north: number
+}
+
+/**
+ * 타일 좌표를 위경도 범위로 변환
+ */
+export function getTileBounds(z: number, x: number, y: number): TileBounds {
+  const n = Math.pow(2, z)
+  const west = (x / n) * 360 - 180
+  const east = ((x + 1) / n) * 360 - 180
+  const north = Math.atan(Math.sinh(Math.PI * (1 - (2 * y) / n))) * (180 / Math.PI)
+  const south = Math.atan(Math.sinh(Math.PI * (1 - (2 * (y + 1)) / n))) * (180 / Math.PI)
+
+  return { west, south, east, north }
+}
+
+/**
+ * 위경도를 타일 좌표로 변환
+ */
+export function latLonToTile(lat: number, lon: number, zoom: number): { x: number; y: number } {
+  const latRad = (lat * Math.PI) / 180
+  const n = Math.pow(2, zoom)
+  const x = Math.floor(((lon + 180) / 360) * n)
+  const y = Math.floor(((1 - Math.log(Math.tan(latRad) + 1 / Math.cos(latRad)) / Math.PI) / 2) * n)
+
+  return { x, y }
+}
+
+/**
+ * 픽셀 좌표를 위경도로 변환
+ */
+export function pixelToLatLon(x: number, y: number, z: number): { lat: number; lon: number } {
+  const size = Math.pow(2, z) * 256
+  const lon = (x / size) * 360 - 180
+
+  const n = Math.PI - (2 * Math.PI * y) / size
+  const lat = (180 / Math.PI) * Math.atan(0.5 * (Math.exp(n) - Math.exp(-n)))
+
+  return { lat, lon }
+}
+
+/**
+ * 위경도를 픽셀 좌표로 변환
+ */
+export function latLonToPixel(lat: number, lon: number, z: number): { x: number; y: number } {
+  const size = Math.pow(2, z) * 256
+  const x = ((lon + 180) / 360) * size
+
+  const latRad = (lat * Math.PI) / 180
+  const y = ((1 - Math.log(Math.tan(latRad) + 1 / Math.cos(latRad)) / Math.PI) / 2) * size
+
+  return { x, y }
+}
+
+/**
+ * 두 위경도 사이의 거리 계산 (Haversine 공식)
+ */
+export function getDistance(lat1: number, lon1: number, lat2: number, lon2: number): number {
+  const R = 6371 // 지구 반경 (km)
+  const dLat = (lat2 - lat1) * (Math.PI / 180)
+  const dLon = (lon2 - lon1) * (Math.PI / 180)
+
+  const a =
+    Math.sin(dLat / 2) * Math.sin(dLat / 2) +
+    Math.cos(lat1 * (Math.PI / 180)) * Math.cos(lat2 * (Math.PI / 180)) * Math.sin(dLon / 2) * Math.sin(dLon / 2)
+
+  const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a))
+  return R * c
+}

package/things-factory.config.js

@@ -0,0 +1,8 @@
+import route from './dist-client/route'
+import bootstrap from './dist-client/bootstrap'
+
+export default {
+  route,
+  routes: [{ tagname: 'weather-page', page: 'weather-page' }],
+  bootstrap
+}

package/translations/en.json

@@ -0,0 +1 @@
+{}

package/translations/ja.json

@@ -0,0 +1 @@
+{}

package/translations/ko.json

@@ -0,0 +1 @@
+{}

package/translations/ms.json

@@ -0,0 +1 @@
+{}

package/translations/zh.json

@@ -0,0 +1 @@
+{}