Windows 11 Professional
Node.js 24
Cloudflare Workers
TypeScript
@cloudflare/playwright
Discord Bot API

git clone https://github.com/katsuobushiFPGA/capture-screenshot-to-discord-bot.git
cd capture-screenshot-to-discord-bot
npm install

cp wrangler.toml wrangler.local.toml

[vars]
TARGET_URL = "https://www.frontier-direct.jp/direct/e/ej-sale/"
DISCORD_BOT_TOKEN = "[取得したBot Token]"
DISCORD_CHANNEL_ID = "[取得したChannel ID]"

async function captureScreenshot(url: string, browser: BrowserWorker, retries = 3): Promise<Blob> {
  for (let attempt = 1; attempt <= retries; attempt++) {
    try {
      console.log(`Screenshot attempt ${attempt}/${retries} for URL: ${url}`);
      
      // Cloudflare Browser Rendering (Playwright)を使用してブラウザを起動
      const browserInstance = await launch(browser);
      
      try {
        const page = await browserInstance.newPage();
        
        // ビューポートサイズを設定
        await page.setViewportSize({ width: 1920, height: 1080 });
        
        // 対象URLにアクセス
        await page.goto(url, { 
          waitUntil: 'load',
          timeout: 30000 
        });
        
        // 遅延読み込み画像のためにページをスクロール
        await autoScroll(page);
        
        // スクリーンショットを撮影
        const screenshot = await page.screenshot({
          type: 'png',
          fullPage: true
        });
        
        // BufferをBlobに変換
        const blob = new Blob([screenshot], { type: 'image/png' });
        
        console.log(`Screenshot captured successfully (${blob.size} bytes)`);
        return blob;
        
      } finally {
        await browserInstance.close();
      }
      
    } catch (error) {
      console.error(`Screenshot attempt ${attempt} failed:`, error);
      if (attempt === retries) {
        throw new Error(`Failed to capture screenshot after ${retries} attempts: ${(error as Error).message}`);
      }
      
      await new Promise(resolve => setTimeout(resolve, 2000 * attempt));
    }
  }
  
  throw new Error('Unexpected error in screenshot capture');
}

async function sendToDiscord(env: Environment, screenshot: Blob, retries = 3): Promise<void> {
  for (let attempt = 1; attempt <= retries; attempt++) {
    try {
      console.log(`Discord posting attempt ${attempt}/${retries}`);
      
      const formData = new FormData();
      formData.append('file', screenshot, 'screenshot.png');

      const response = await fetch(`https://discord.com/api/v10/channels/${env.DISCORD_CHANNEL_ID}/messages`, {
        method: 'POST',
        headers: {
          'Authorization': `Bot ${env.DISCORD_BOT_TOKEN}`,
        },
        body: formData,
      });

      if (!response.ok) {
        const errorText = await response.text();
        throw new Error(`Discord API error: ${response.status} ${response.statusText} - ${errorText}`);
      }

      console.log('Screenshot posted to Discord successfully');
      return;
    } catch (error) {
      console.error(`Discord posting attempt ${attempt} failed:`, error);
      if (attempt === retries) {
        throw new Error(`Failed to post to Discord after ${retries} attempts: ${(error as Error).message}`);
      }
      await new Promise(resolve => setTimeout(resolve, 1000 * attempt));
    }
  }
}

npx wrangler login

npx wrangler deploy --config wrangler.local.toml

[triggers]
crons = ["0 6 * * 6"]

npm run tail

npx wrangler tail