// types/messages.ts
import {
  type MessageDefinitions,
  type MergeMessageDefinitions,
  type MessageResponse,
  createMessaging,
} from 'typed-msg'

// ストレージ関連のメッセージ
type StorageMessages = MessageDefinitions<{
  // 設定を保存
  setSettings: {
    req: { theme: 'light' | 'dark'; language: string }
    res: MessageResponse
  }
  // 設定を取得
  getSettings: {
    res: MessageResponse<{ theme: 'light' | 'dark'; language: string }>
  }
}>

// タブ関連のメッセージ
type TabMessages = MessageDefinitions<{
  // 現在のタブ情報を取得
  getCurrentTab: {
    res: MessageResponse<{ id: number; url: string; title: string }>
  }
  // 新しいタブを開く
  openTab: {
    req: { url: string }
    res: MessageResponse<{ tabId: number }>
  }
}>

// すべてのスコープを統合
type Messages = MergeMessageDefinitions<{
  storage: StorageMessages
  tabs: TabMessages
}>

export const { connect, receive } = createMessaging<Messages>()

// background.ts
import { receive, type Messages } from './types/messages'
import { success, failure } from 'typed-msg'

// ストレージ関連のハンドラー
const storageReceiver = receive('storage')

storageReceiver.on('setSettings', async (req) => {
  await chrome.storage.local.set({ settings: req })
  return success()
})

storageReceiver.on('getSettings', async () => {
  const data = await chrome.storage.local.get('settings')
  return success(data.settings)
})

// タブ関連のハンドラー
const tabsReceiver = receive('tabs')

tabsReceiver.on('getCurrentTab', async (_, sender) => {
  const tab = sender.tab
  if (!tab?.id || !tab.url || !tab.title) {
    return failure('タブ情報を取得できませんでした')
  }
  return success({ id: tab.id, url: tab.url, title: tab.title })
})

tabsReceiver.on('openTab', async (req) => {
  const tab = await chrome.tabs.create({ url: req.url })
  if (!tab.id) {
    return failure('タブを開けませんでした')
  }
  return success({ tabId: tab.id })
})

// content.ts
import { connect, type Messages } from './types/messages'

// スコープごとに送信インターフェースを作成
const storage = connect('storage')
const tabs = connect('tabs')

// 設定を保存
const saveResult = await storage.setSettings({ theme: 'dark', language: 'ja' })
if (saveResult.success) {
  console.log('設定を保存しました')
}

// 設定を取得
const settingsResult = await storage.getSettings()
if (settingsResult.success) {
  console.log('テーマ:', settingsResult.data.theme)
  console.log('言語:', settingsResult.data.language)
}

// 現在のタブ情報を取得
const tabResult = await tabs.getCurrentTab()
if (tabResult.success) {
  console.log('タブID:', tabResult.data.id)
  console.log('URL:', tabResult.data.url)
}

// 新しいタブを開く
const openResult = await tabs.openTab({ url: 'https://example.com' })
if (openResult.success) {
  console.log('新しいタブを開きました:', openResult.data.tabId)
}