Add configurable fixed event ranges (kf75/kf76/mf98/mf99) to top-page period selector

[Copilot]

トップページの期間セレクタにイベント期間（kf75/kf76/mf98/mf99）を追加し、選択時に指定されたJST終日レンジのデータを表示できるようにします。あわせて、同種の期間追加をUI/API両面で一箇所変更に集約できる構成へ整理します。

• Time range definitions (single source of truth)

  • view/src/lib/consts.ts に TIME_RANGE_OPTIONS / DEFAULT_TIME_RANGE_KEY / resolveTimeRangeByKey を追加。
  • 相対期間（3h, 6h, 12h, 1d, 3d, 6d）と固定期間（kf75, kf76, mf98, mf99）を同一データ構造で管理。
  • 固定期間は JST 境界で定義（例: 2025-05-24T00:00:00+09:00 ～ 2025-05-26T00:00:00+09:00）。

• Top page selector and fetch contract

  • view/src/routes/+page.svelte の期間セレクタをハードコードから TIME_RANGE_OPTIONS の描画に変更。
  • クエリを duration 直接値から range キー送信へ変更（/visits?kind=...&range=...）。
  • 表示側で使う duration/lastFetch は resolveTimeRangeByKey の解決結果から設定。

• Server-side filtering for fixed and relative ranges

  • view/src/routes/visits/+server.ts を range キー解釈に対応。
  • 抽出条件を gte(at, start) + lt(at, end) にし、固定期間の 0:00〜24:00（日跨ぎ終端除外）を正確に表現。

// consts.ts
export const TIME_RANGE_OPTIONS = [
  { key: '12h', label: '12 hours', type: 'relative', duration: 12 * HOUR },
  { key: 'mf98', label: 'mf98', type: 'fixed', startAt: '2025-05-24T00:00:00+09:00', endAt: '2025-05-26T00:00:00+09:00' }
];

// +server.ts
const range = resolveTimeRangeByKey(rangeKey, now);
where(and(gte(visitsTable.at, range.start), lt(visitsTable.at, range.end)));

[cloudflare-workers-and-pages]

Deploying utcode-visitor-tracker with    Cloudflare Pages

Latest commit:	eede007
Status:	⚡️  Build in progress...

View logs