[Giphy API] 自分のアカウントの最新GIFをchangelogに自動表示する

curl "https://api.giphy.com/v1/gifs/search?api_key={API_KEY}&q=%40ofurousagi&limit=5&sort=recent&rating=g"

{
  "data": [
    {
      "id": "7eKkGV8zNH71IDvkj9",
      "title": "Happy Illustration GIF",
      "import_datetime": "2026-02-26 14:20:38",
      "username": "ofurousagi"
    }
  ],
  "pagination": { "total_count": 66 }
}

export type GiphyGifItem = {
  giphyId: string;
  title: string;
  giphyUrl: string;
  gifUrl: string;
  isSticker: boolean;
};
 
export type GiphyEntry = {
  date: string;
  type: "giphy";
  title: string;
  gifs: GiphyGifItem[];
};

const fetchGiphyMedia = async (
  apiKey: string,
  mediaType: "gifs" | "stickers",
  threshold: string,
): Promise<GiphyGifItemWithDate[]> => {
  const url = new URL(`https://api.giphy.com/v1/${mediaType}/search`);
  url.searchParams.set("api_key", apiKey);
  url.searchParams.set("q", `@ofurousagi`);
  url.searchParams.set("limit", "10");
  url.searchParams.set("sort", "recent");
  url.searchParams.set("rating", "g");
 
  const res = await fetch(url.toString());
  if (!res.ok) return [];
 
  const data = await res.json();
  return data.data.flatMap((gif) => {
    const date = parseGiphyImportDatetimeToIsoJst(gif.import_datetime);
    if (!date || date < threshold) return [];
    return [{ date, giphyId: gif.id, ... }];
  });
};

// src/app/changelog/page.tsx
export const revalidate = 3600;

gif.username === "ofurousagi"  // 本番では空で返ることがある？

import giphyCacheJson from "@/generated/giphy-cache.json";
 
const GIPHY_DAYS_THRESHOLD = 14; // 動的フェッチは直近14日分
 
const getGiphyEntries = async (): Promise<GiphyEntry[]> => {
  // キャッシュをベースにマップ構築
  const byDate = new Map<string, Map<string, GiphyGifItem>>();
  for (const entry of cachedEntries) {
    byDate.set(entry.date, new Map(entry.gifs.map((g) => [g.giphyId, g])));
  }
 
  // APIから直近14日分をマージ
  if (apiKey) {
    const [gifs, stickers] = await Promise.all([...]);
    for (const { date, ...item } of [...gifs, ...stickers]) {
      if (!byDate.has(date)) byDate.set(date, new Map());
      byDate.get(date)!.set(item.giphyId, item);
    }
  }
 
  return Array.from(byDate.entries()).map(([date, gifsMap]) => ({
    date, type: "giphy" as const,
    title: "新しいGIFをアップロードしました",
    gifs: Array.from(gifsMap.values()),
  }));
};

on:
  schedule:
    - cron: "0 3 * * *"  # 毎日 JST 12:00
jobs:
  update-giphy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - run: node scripts/fetch-giphy.mjs
        env:
          GIPHY_API_KEY: ${{ secrets.GIPHY_API_KEY }}
      - run: |
          git config user.name "github-actions"
          git diff --quiet || git commit -am "chore: update giphy cache" && git push