WebHooker/app/composables/useWebhook.ts

export interface GroupWebhookInfo {
  url: string;
  hasSecret: boolean;
  secret?: string;
}

export function useWebhookApi() {
  const loading = ref(false);
  const error = ref("");

  async function request<T>(path: string, init?: RequestInit): Promise<T> {
    loading.value = true;
    error.value = "";
    try {
      const res = await fetch(path, {
        headers: { accept: "application/json" },
        credentials: "same-origin",
        ...init,
      });
      if (!res.ok) {
        const data = (await res.json().catch(() => ({}))) as { error?: string };
        throw new Error(data.error ?? `HTTP ${res.status}`);
      }
      return (await res.json()) as T;
    } catch (err) {
      error.value = err instanceof Error ? err.message : String(err);
      throw err;
    } finally {
      loading.value = false;
    }
  }

  function info(groupId: string): Promise<GroupWebhookInfo> {
    return request(`/admin/api/groups/${encodeURIComponent(groupId)}/webhook`);
  }

  function regenerate(groupId: string): Promise<GroupWebhookInfo> {
    return request(`/admin/api/groups/${encodeURIComponent(groupId)}/webhook/regenerate`, {
      method: "POST",
    });
  }

  function disable(groupId: string): Promise<{ ok: boolean }> {
    return request(`/admin/api/groups/${encodeURIComponent(groupId)}/webhook`, {
      method: "DELETE",
    });
  }

  return { loading, error, info, regenerate, disable };
}