Add webhook formats and Google Chat support

Introduce selectable webhook payload formats and Google Chat rich-card support. NotificationGroupController now reads and validates a webhook_format option (generic, google_chat, simple_text) and logs a warning if Google Chat format is chosen but the URL does not look like chat.googleapis.com. WebhookChannel gains format constants, a payload builder (generic/simple text/Google Chat card), improved Content-Type header, enhanced logging with masked URLs, response truncation, payload previews, and better RequestException handling. Views updated to expose a Webhook Format dropdown, contextual help (including Google Chat setup instructions), dynamic placeholders/help text, and include the selected format when testing/saving webhooks. These changes add format flexibility and improve observability and safety when sending webhook notifications.
This commit is contained in:
Hosteroid
2026-02-01 12:40:02 +02:00
parent 612a4bf790
commit 8b71c5729c
3 changed files with 312 additions and 16 deletions

View File

@@ -591,7 +591,26 @@ class NotificationGroupController extends Controller
if (!str_starts_with($webhookUrl, 'https://') && !str_starts_with($webhookUrl, 'http://')) {
return null;
}
return ['webhook_url' => $webhookUrl];
$config = ['webhook_url' => $webhookUrl];
// Add format option (generic, google_chat, simple_text)
$format = trim($data['webhook_format'] ?? 'generic');
$validFormats = ['generic', 'google_chat', 'simple_text'];
if (in_array($format, $validFormats)) {
$config['format'] = $format;
}
// Validate Google Chat webhook URL format if that format is selected
if ($format === 'google_chat' && !str_contains($webhookUrl, 'chat.googleapis.com')) {
// Allow it but log a warning - user might have a proxy
$logger = new \App\Services\Logger();
$logger->warning('Google Chat format selected but URL does not appear to be a Google Chat webhook', [
'url' => $webhookUrl
]);
}
return $config;
default:
return null;

View File

@@ -10,6 +10,11 @@ class WebhookChannel implements NotificationChannelInterface
private Client $httpClient;
private Logger $logger;
// Supported webhook formats
public const FORMAT_GENERIC = 'generic';
public const FORMAT_GOOGLE_CHAT = 'google_chat';
public const FORMAT_SIMPLE_TEXT = 'simple_text';
public function __construct()
{
$this->httpClient = new Client(['timeout' => 10]);
@@ -23,18 +28,13 @@ class WebhookChannel implements NotificationChannelInterface
return false;
}
// Build a sane, generic JSON payload for automation tools (n8n, Zapier, etc.)
$payload = [
'event' => 'domain_expiration_alert',
'message' => $message,
'data' => $data,
'sent_at' => date('c')
];
$format = $config['format'] ?? self::FORMAT_GENERIC;
$payload = $this->buildPayload($format, $message, $data);
try {
$response = $this->httpClient->post($url, [
'headers' => [
'Content-Type' => 'application/json'
'Content-Type' => 'application/json; charset=UTF-8'
],
'json' => $payload
]);
@@ -43,24 +43,223 @@ class WebhookChannel implements NotificationChannelInterface
$ok = $status >= 200 && $status < 300;
if ($ok) {
$this->logger->info('Webhook sent successfully', [
'url' => $url,
'url' => $this->maskUrl($url),
'format' => $format,
'status' => $status
]);
} else {
$responseBody = (string) $response->getBody();
$this->logger->error('Webhook responded with non-2xx', [
'url' => $url,
'status' => $status
'url' => $this->maskUrl($url),
'format' => $format,
'status' => $status,
'response_body' => $this->truncate($responseBody, 1000),
'payload_preview' => $this->getPayloadPreview($payload)
]);
}
return $ok;
} catch (\GuzzleHttp\Exception\RequestException $e) {
// Guzzle request exception - may have response details
$errorDetails = [
'url' => $this->maskUrl($url),
'format' => $format,
'exception' => $e->getMessage(),
'payload_preview' => $this->getPayloadPreview($payload)
];
// Include response body if available (e.g., 4xx/5xx errors)
if ($e->hasResponse()) {
$response = $e->getResponse();
$errorDetails['status'] = $response->getStatusCode();
$errorDetails['response_body'] = $this->truncate((string) $response->getBody(), 1000);
}
$this->logger->error('Webhook request failed', $errorDetails);
return false;
} catch (\Exception $e) {
$this->logger->error('Webhook send failed', [
'url' => $url,
'exception' => $e->getMessage()
'url' => $this->maskUrl($url),
'format' => $format,
'exception' => $e->getMessage(),
'payload_preview' => $this->getPayloadPreview($payload)
]);
return false;
}
}
/**
* Build payload based on format type
*/
private function buildPayload(string $format, string $message, array $data): array
{
return match ($format) {
self::FORMAT_GOOGLE_CHAT => $this->buildGoogleChatPayload($message, $data),
self::FORMAT_SIMPLE_TEXT => ['text' => $message],
default => $this->buildGenericPayload($message, $data),
};
}
/**
* Build generic payload for automation tools (n8n, Zapier, Make, etc.)
*/
private function buildGenericPayload(string $message, array $data): array
{
return [
'event' => 'domain_expiration_alert',
'message' => $message,
'data' => $data,
'sent_at' => date('c')
];
}
/**
* Build Google Chat payload with rich card formatting
* Uses the official Google Chat webhook format
*/
private function buildGoogleChatPayload(string $message, array $data): array
{
// If we have domain data, create a rich card message
if (isset($data['domain']) && isset($data['expiration_date'])) {
return $this->buildGoogleChatCard($message, $data);
}
// Simple text message for test messages and other notifications
return ['text' => $message];
}
/**
* Build a rich card payload for Google Chat domain expiration alerts
*/
private function buildGoogleChatCard(string $message, array $data): array
{
$domain = $data['domain'] ?? 'Unknown';
$daysLeft = $data['days_left'] ?? 'N/A';
$expirationDate = $data['expiration_date'] ?? 'Unknown';
$registrar = $data['registrar'] ?? 'Unknown';
return [
'cardsV2' => [
[
'cardId' => 'domain-alert-' . time(),
'card' => [
'header' => [
'title' => 'Domain Expiration Alert',
'subtitle' => $domain,
'imageUrl' => 'https://www.gstatic.com/images/branding/product/2x/hats_notification_96dp.png',
'imageType' => 'CIRCLE'
],
'sections' => [
[
'header' => 'Alert Details',
'collapsible' => false,
'widgets' => [
[
'decoratedText' => [
'topLabel' => 'Domain',
'text' => $domain,
'startIcon' => [
'knownIcon' => 'BOOKMARK'
]
]
],
[
'decoratedText' => [
'topLabel' => 'Days Remaining',
'text' => (string) $daysLeft,
'startIcon' => [
'knownIcon' => 'CLOCK'
]
]
],
[
'decoratedText' => [
'topLabel' => 'Expiration Date',
'text' => $expirationDate,
'startIcon' => [
'knownIcon' => 'EVENT_SEAT'
]
]
],
[
'decoratedText' => [
'topLabel' => 'Registrar',
'text' => $registrar,
'startIcon' => [
'knownIcon' => 'STORE'
]
]
]
]
],
[
'widgets' => [
[
'textParagraph' => [
'text' => $message
]
]
]
]
]
]
]
]
];
}
/**
* Mask sensitive parts of URL for logging (hide keys/tokens)
*/
private function maskUrl(string $url): string
{
// Mask query parameters that might contain keys/tokens
return preg_replace('/([?&](key|token|secret|password|auth)=)[^&]+/i', '$1***MASKED***', $url);
}
/**
* Truncate string to max length for logging
*/
private function truncate(string $text, int $maxLength): string
{
if (strlen($text) <= $maxLength) {
return $text;
}
return substr($text, 0, $maxLength) . '... [truncated]';
}
/**
* Get a preview of the payload for debugging (without sensitive data)
*/
private function getPayloadPreview(array $payload): array
{
// For simple text payloads, show the text (truncated)
if (isset($payload['text'])) {
return [
'type' => 'text',
'text_preview' => $this->truncate($payload['text'], 200)
];
}
// For card payloads (Google Chat), show structure info
if (isset($payload['cardsV2'])) {
return [
'type' => 'google_chat_card',
'card_count' => count($payload['cardsV2'])
];
}
// For generic payloads, show event and truncated message
if (isset($payload['event'])) {
return [
'type' => 'generic',
'event' => $payload['event'],
'message_preview' => $this->truncate($payload['message'] ?? '', 200),
'data_keys' => isset($payload['data']) ? array_keys($payload['data']) : []
];
}
return ['type' => 'unknown', 'keys' => array_keys($payload)];
}
}

View File

@@ -108,6 +108,14 @@ ob_start();
echo "Chat: " . htmlspecialchars($config['chat_id'] ?? 'N/A');
} elseif ($channel['channel_type'] === 'pushover') {
echo "User: " . substr(htmlspecialchars($config['user_key'] ?? 'N/A'), 0, 10) . "...";
} elseif ($channel['channel_type'] === 'webhook') {
$formatLabels = [
'generic' => 'Generic',
'google_chat' => 'Google Chat',
'simple_text' => 'Simple Text'
];
$format = $config['format'] ?? 'generic';
echo "Format: " . ($formatLabels[$format] ?? ucfirst($format));
} else {
echo "Webhook configured";
}
@@ -356,9 +364,25 @@ ob_start();
<!-- Generic Webhook Fields -->
<div id="webhook_fields" class="hidden space-y-4">
<div>
<label for="webhook_format" class="block text-sm font-medium text-gray-700 mb-1.5">
Webhook Format
</label>
<select id="webhook_format"
name="webhook_format"
class="w-full px-3 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary transition-colors text-sm"
onchange="updateWebhookPlaceholder()">
<option value="generic">Generic (n8n/Zapier/Make)</option>
<option value="google_chat">Google Chat</option>
<option value="simple_text">Simple Text ({"text":"..."})</option>
</select>
<p id="webhook_format_help" class="mt-1.5 text-xs text-gray-500">
Choose the payload format for your webhook endpoint.
</p>
</div>
<div>
<label for="generic_webhook_url" class="block text-sm font-medium text-gray-700 mb-1.5">
Webhook URL
Webhook URL <span class="text-red-500">*</span>
</label>
<input type="text"
id="generic_webhook_url"
@@ -366,10 +390,26 @@ ob_start();
class="w-full px-3 py-2.5 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-primary transition-colors text-sm font-mono"
placeholder="https://example.com/webhook-endpoint"
autocomplete="off">
<p class="mt-1.5 text-xs text-gray-500">
<p id="webhook_url_help" class="mt-1.5 text-xs text-gray-500">
Will receive JSON payload compatible with n8n/Zapier/Make.
</p>
</div>
<!-- Google Chat specific help -->
<div id="google_chat_help" class="hidden bg-green-50 border border-green-200 rounded-lg p-4">
<h4 class="text-sm font-medium text-green-800 flex items-center mb-2">
<i class="fas fa-info-circle mr-2"></i>
Google Chat Setup Instructions
</h4>
<ol class="text-xs text-green-700 space-y-1 list-decimal list-inside">
<li>Open your Google Chat space</li>
<li>Click the space name → <strong>Apps & integrations</strong></li>
<li>Click <strong>+ Add webhooks</strong></li>
<li>Enter a name (e.g., "Domain Monitor") and optionally add an avatar</li>
<li>Click <strong>Save</strong> and copy the webhook URL</li>
<li>Paste the URL above (starts with <code>https://chat.googleapis.com/v1/spaces/...</code>)</li>
</ol>
</div>
</div>
<div class="flex gap-3">
@@ -741,6 +781,9 @@ function testChannel(channelType, existingConfig = null) {
break;
case 'webhook':
formData.append('webhook_url', existingConfig.webhook_url);
if (existingConfig.format) {
formData.append('webhook_format', existingConfig.format);
}
break;
case 'pushover':
formData.append('pushover_api_token', existingConfig.api_token);
@@ -774,6 +817,10 @@ function testChannel(channelType, existingConfig = null) {
break;
case 'webhook':
formData.append('webhook_url', document.getElementById('generic_webhook_url').value);
const webhookFormat = document.getElementById('webhook_format');
if (webhookFormat && webhookFormat.value) {
formData.append('webhook_format', webhookFormat.value);
}
break;
case 'pushover':
formData.append('pushover_api_token', document.getElementById('pushover_api_token').value);
@@ -894,6 +941,37 @@ function showToast(message, type = 'info') {
}, 300);
}, 5000);
}
// Update webhook placeholder and help text based on selected format
function updateWebhookPlaceholder() {
const format = document.getElementById('webhook_format').value;
const urlInput = document.getElementById('generic_webhook_url');
const urlHelp = document.getElementById('webhook_url_help');
const formatHelp = document.getElementById('webhook_format_help');
const googleChatHelp = document.getElementById('google_chat_help');
// Update placeholder and help based on format
switch(format) {
case 'google_chat':
urlInput.placeholder = 'https://chat.googleapis.com/v1/spaces/XXXXX/messages?key=...';
urlHelp.innerHTML = '<i class="fas fa-info-circle text-green-500 mr-1"></i>Paste your Google Chat webhook URL from space settings.';
formatHelp.textContent = 'Sends messages in Google Chat format with rich cards for domain alerts.';
googleChatHelp.classList.remove('hidden');
break;
case 'simple_text':
urlInput.placeholder = 'https://example.com/webhook-endpoint';
urlHelp.innerHTML = 'Sends simple JSON payload: <code class="bg-gray-100 px-1 rounded">{"text":"message"}</code>';
formatHelp.textContent = 'Compatible with services expecting simple text payloads.';
googleChatHelp.classList.add('hidden');
break;
default: // generic
urlInput.placeholder = 'https://example.com/webhook-endpoint';
urlHelp.textContent = 'Will receive JSON payload compatible with n8n/Zapier/Make.';
formatHelp.textContent = 'Sends structured JSON with event type, message, data, and timestamp.';
googleChatHelp.classList.add('hidden');
break;
}
}
</script>
<?php