mirror of
https://github.com/clucraft/PriceGhost.git
synced 2026-05-04 21:32:40 +02:00
- Add notification_history database table for logging all triggered notifications - Create API endpoints for fetching recent and historical notifications - Add NotificationBell component in navbar with badge showing recent count - Dropdown shows 5 most recent notifications with links to products - Create full NotificationHistory page with filtering by notification type - Log notifications when sent: price drops, target prices, back-in-stock - Track which channels (telegram, discord, pushover, ntfy) received each notification - Update sendNotifications to return which channels succeeded - Bump version to 1.0.3 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
310 lines
10 KiB
TypeScript
310 lines
10 KiB
TypeScript
import axios from 'axios';
|
|
|
|
// Helper to get currency symbol for display
|
|
function getCurrencySymbol(currency?: string): string {
|
|
switch (currency) {
|
|
case 'EUR': return '€';
|
|
case 'GBP': return '£';
|
|
case 'CHF': return 'CHF ';
|
|
case 'JPY': return '¥';
|
|
case 'INR': return '₹';
|
|
default: return '$';
|
|
}
|
|
}
|
|
|
|
export interface NotificationPayload {
|
|
productName: string;
|
|
productUrl: string;
|
|
type: 'price_drop' | 'back_in_stock' | 'target_price';
|
|
oldPrice?: number;
|
|
newPrice?: number;
|
|
currency?: string;
|
|
threshold?: number;
|
|
targetPrice?: number;
|
|
}
|
|
|
|
function formatMessage(payload: NotificationPayload): string {
|
|
const currencySymbol = getCurrencySymbol(payload.currency);
|
|
|
|
if (payload.type === 'price_drop') {
|
|
const oldPriceStr = payload.oldPrice ? `${currencySymbol}${payload.oldPrice.toFixed(2)}` : 'N/A';
|
|
const newPriceStr = payload.newPrice ? `${currencySymbol}${payload.newPrice.toFixed(2)}` : 'N/A';
|
|
const dropAmount = payload.oldPrice && payload.newPrice
|
|
? `${currencySymbol}${(payload.oldPrice - payload.newPrice).toFixed(2)}`
|
|
: '';
|
|
|
|
return `🔔 Price Drop Alert!\n\n` +
|
|
`📦 ${payload.productName}\n\n` +
|
|
`💰 Price dropped from ${oldPriceStr} to ${newPriceStr}` +
|
|
(dropAmount ? ` (-${dropAmount})` : '') + `\n\n` +
|
|
`🔗 ${payload.productUrl}`;
|
|
}
|
|
|
|
if (payload.type === 'target_price') {
|
|
const newPriceStr = payload.newPrice ? `${currencySymbol}${payload.newPrice.toFixed(2)}` : 'N/A';
|
|
const targetPriceStr = payload.targetPrice ? `${currencySymbol}${payload.targetPrice.toFixed(2)}` : 'N/A';
|
|
|
|
return `🎯 Target Price Reached!\n\n` +
|
|
`📦 ${payload.productName}\n\n` +
|
|
`💰 Price is now ${newPriceStr} (your target: ${targetPriceStr})\n\n` +
|
|
`🔗 ${payload.productUrl}`;
|
|
}
|
|
|
|
if (payload.type === 'back_in_stock') {
|
|
const priceStr = payload.newPrice ? ` at ${currencySymbol}${payload.newPrice.toFixed(2)}` : '';
|
|
return `🎉 Back in Stock!\n\n` +
|
|
`📦 ${payload.productName}\n\n` +
|
|
`✅ This item is now available${priceStr}\n\n` +
|
|
`🔗 ${payload.productUrl}`;
|
|
}
|
|
|
|
return '';
|
|
}
|
|
|
|
export async function sendTelegramNotification(
|
|
botToken: string,
|
|
chatId: string,
|
|
payload: NotificationPayload
|
|
): Promise<boolean> {
|
|
try {
|
|
const message = formatMessage(payload);
|
|
const url = `https://api.telegram.org/bot${botToken}/sendMessage`;
|
|
|
|
await axios.post(url, {
|
|
chat_id: chatId,
|
|
text: message,
|
|
parse_mode: 'HTML',
|
|
disable_web_page_preview: false,
|
|
});
|
|
|
|
console.log(`Telegram notification sent to chat ${chatId}`);
|
|
return true;
|
|
} catch (error) {
|
|
console.error('Failed to send Telegram notification:', error);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
export async function sendDiscordNotification(
|
|
webhookUrl: string,
|
|
payload: NotificationPayload
|
|
): Promise<boolean> {
|
|
try {
|
|
const currencySymbol = getCurrencySymbol(payload.currency);
|
|
|
|
let embed;
|
|
if (payload.type === 'price_drop') {
|
|
const oldPriceStr = payload.oldPrice ? `${currencySymbol}${payload.oldPrice.toFixed(2)}` : 'N/A';
|
|
const newPriceStr = payload.newPrice ? `${currencySymbol}${payload.newPrice.toFixed(2)}` : 'N/A';
|
|
|
|
embed = {
|
|
title: '🔔 Price Drop Alert!',
|
|
description: payload.productName,
|
|
color: 0x10b981, // Green
|
|
fields: [
|
|
{ name: 'Old Price', value: oldPriceStr, inline: true },
|
|
{ name: 'New Price', value: newPriceStr, inline: true },
|
|
],
|
|
url: payload.productUrl,
|
|
timestamp: new Date().toISOString(),
|
|
};
|
|
} else if (payload.type === 'target_price') {
|
|
const newPriceStr = payload.newPrice ? `${currencySymbol}${payload.newPrice.toFixed(2)}` : 'N/A';
|
|
const targetPriceStr = payload.targetPrice ? `${currencySymbol}${payload.targetPrice.toFixed(2)}` : 'N/A';
|
|
|
|
embed = {
|
|
title: '🎯 Target Price Reached!',
|
|
description: payload.productName,
|
|
color: 0xf59e0b, // Amber
|
|
fields: [
|
|
{ name: 'Current Price', value: newPriceStr, inline: true },
|
|
{ name: 'Your Target', value: targetPriceStr, inline: true },
|
|
],
|
|
url: payload.productUrl,
|
|
timestamp: new Date().toISOString(),
|
|
};
|
|
} else {
|
|
const priceStr = payload.newPrice ? `${currencySymbol}${payload.newPrice.toFixed(2)}` : 'Check link';
|
|
|
|
embed = {
|
|
title: '🎉 Back in Stock!',
|
|
description: payload.productName,
|
|
color: 0x6366f1, // Indigo
|
|
fields: [
|
|
{ name: 'Price', value: priceStr, inline: true },
|
|
{ name: 'Status', value: '✅ Available', inline: true },
|
|
],
|
|
url: payload.productUrl,
|
|
timestamp: new Date().toISOString(),
|
|
};
|
|
}
|
|
|
|
await axios.post(webhookUrl, {
|
|
embeds: [embed],
|
|
});
|
|
|
|
console.log('Discord notification sent');
|
|
return true;
|
|
} catch (error) {
|
|
console.error('Failed to send Discord notification:', error);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
export async function sendPushoverNotification(
|
|
userKey: string,
|
|
appToken: string,
|
|
payload: NotificationPayload
|
|
): Promise<boolean> {
|
|
try {
|
|
const currencySymbol = getCurrencySymbol(payload.currency);
|
|
|
|
let title: string;
|
|
let message: string;
|
|
|
|
if (payload.type === 'price_drop') {
|
|
const oldPriceStr = payload.oldPrice ? `${currencySymbol}${payload.oldPrice.toFixed(2)}` : 'N/A';
|
|
const newPriceStr = payload.newPrice ? `${currencySymbol}${payload.newPrice.toFixed(2)}` : 'N/A';
|
|
title = '🔔 Price Drop Alert!';
|
|
message = `${payload.productName}\n\nPrice dropped from ${oldPriceStr} to ${newPriceStr}`;
|
|
} else if (payload.type === 'target_price') {
|
|
const newPriceStr = payload.newPrice ? `${currencySymbol}${payload.newPrice.toFixed(2)}` : 'N/A';
|
|
const targetPriceStr = payload.targetPrice ? `${currencySymbol}${payload.targetPrice.toFixed(2)}` : 'N/A';
|
|
title = '🎯 Target Price Reached!';
|
|
message = `${payload.productName}\n\nPrice is now ${newPriceStr} (your target: ${targetPriceStr})`;
|
|
} else {
|
|
const priceStr = payload.newPrice ? ` at ${currencySymbol}${payload.newPrice.toFixed(2)}` : '';
|
|
title = '🎉 Back in Stock!';
|
|
message = `${payload.productName}\n\nThis item is now available${priceStr}`;
|
|
}
|
|
|
|
await axios.post('https://api.pushover.net/1/messages.json', {
|
|
token: appToken,
|
|
user: userKey,
|
|
title,
|
|
message,
|
|
url: payload.productUrl,
|
|
url_title: 'View Product',
|
|
});
|
|
|
|
console.log('Pushover notification sent');
|
|
return true;
|
|
} catch (error) {
|
|
console.error('Failed to send Pushover notification:', error);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
export async function sendNtfyNotification(
|
|
topic: string,
|
|
payload: NotificationPayload
|
|
): Promise<boolean> {
|
|
try {
|
|
const currencySymbol = getCurrencySymbol(payload.currency);
|
|
|
|
let title: string;
|
|
let message: string;
|
|
let tags: string[];
|
|
|
|
if (payload.type === 'price_drop') {
|
|
const oldPriceStr = payload.oldPrice ? `${currencySymbol}${payload.oldPrice.toFixed(2)}` : 'N/A';
|
|
const newPriceStr = payload.newPrice ? `${currencySymbol}${payload.newPrice.toFixed(2)}` : 'N/A';
|
|
title = 'Price Drop Alert!';
|
|
message = `${payload.productName}\n\nPrice dropped from ${oldPriceStr} to ${newPriceStr}`;
|
|
tags = ['moneybag', 'chart_with_downwards_trend'];
|
|
} else if (payload.type === 'target_price') {
|
|
const newPriceStr = payload.newPrice ? `${currencySymbol}${payload.newPrice.toFixed(2)}` : 'N/A';
|
|
const targetPriceStr = payload.targetPrice ? `${currencySymbol}${payload.targetPrice.toFixed(2)}` : 'N/A';
|
|
title = 'Target Price Reached!';
|
|
message = `${payload.productName}\n\nPrice is now ${newPriceStr} (your target: ${targetPriceStr})`;
|
|
tags = ['dart', 'white_check_mark'];
|
|
} else {
|
|
const priceStr = payload.newPrice ? ` at ${currencySymbol}${payload.newPrice.toFixed(2)}` : '';
|
|
title = 'Back in Stock!';
|
|
message = `${payload.productName}\n\nThis item is now available${priceStr}`;
|
|
tags = ['package', 'tada'];
|
|
}
|
|
|
|
await axios.post(`https://ntfy.sh/${topic}`, message, {
|
|
headers: {
|
|
'Title': title,
|
|
'Tags': tags.join(','),
|
|
'Click': payload.productUrl,
|
|
},
|
|
});
|
|
|
|
console.log(`ntfy notification sent to topic ${topic}`);
|
|
return true;
|
|
} catch (error) {
|
|
console.error('Failed to send ntfy notification:', error);
|
|
return false;
|
|
}
|
|
}
|
|
|
|
export interface NotificationResult {
|
|
channelsNotified: string[];
|
|
channelsFailed: string[];
|
|
}
|
|
|
|
export async function sendNotifications(
|
|
settings: {
|
|
telegram_bot_token: string | null;
|
|
telegram_chat_id: string | null;
|
|
telegram_enabled?: boolean;
|
|
discord_webhook_url: string | null;
|
|
discord_enabled?: boolean;
|
|
pushover_user_key: string | null;
|
|
pushover_app_token: string | null;
|
|
pushover_enabled?: boolean;
|
|
ntfy_topic: string | null;
|
|
ntfy_enabled?: boolean;
|
|
},
|
|
payload: NotificationPayload
|
|
): Promise<NotificationResult> {
|
|
const channelPromises: { channel: string; promise: Promise<boolean> }[] = [];
|
|
|
|
// Only send if channel is configured AND enabled (default to true if not specified)
|
|
if (settings.telegram_bot_token && settings.telegram_chat_id && settings.telegram_enabled !== false) {
|
|
channelPromises.push({
|
|
channel: 'telegram',
|
|
promise: sendTelegramNotification(settings.telegram_bot_token, settings.telegram_chat_id, payload),
|
|
});
|
|
}
|
|
|
|
if (settings.discord_webhook_url && settings.discord_enabled !== false) {
|
|
channelPromises.push({
|
|
channel: 'discord',
|
|
promise: sendDiscordNotification(settings.discord_webhook_url, payload),
|
|
});
|
|
}
|
|
|
|
if (settings.pushover_user_key && settings.pushover_app_token && settings.pushover_enabled !== false) {
|
|
channelPromises.push({
|
|
channel: 'pushover',
|
|
promise: sendPushoverNotification(settings.pushover_user_key, settings.pushover_app_token, payload),
|
|
});
|
|
}
|
|
|
|
if (settings.ntfy_topic && settings.ntfy_enabled !== false) {
|
|
channelPromises.push({
|
|
channel: 'ntfy',
|
|
promise: sendNtfyNotification(settings.ntfy_topic, payload),
|
|
});
|
|
}
|
|
|
|
const results = await Promise.allSettled(channelPromises.map(c => c.promise));
|
|
|
|
const channelsNotified: string[] = [];
|
|
const channelsFailed: string[] = [];
|
|
|
|
results.forEach((result, index) => {
|
|
const channel = channelPromises[index].channel;
|
|
if (result.status === 'fulfilled' && result.value === true) {
|
|
channelsNotified.push(channel);
|
|
} else {
|
|
channelsFailed.push(channel);
|
|
}
|
|
});
|
|
|
|
return { channelsNotified, channelsFailed };
|
|
}
|