style.css

let allNews = [];
let sentimentTrend = [];
let currentFilter = 'all';
let currentSource = 'all';
let searchQuery = '';
let renderedCount = 0;
let currentRenderedFiltered = [];

const IMPACT_KEYWORDS = {
    high: ['crash', 'crisis', 'urgent', 'breaking', 'collapsed', 'warns', 'surge', 'plunge', 'lockdown', 'rating', 'result', 'focus'],
    pos: ['profit', 'growth', 'record', 'dividend', 'buyback', 'partnership', 'acquired', 'expansion', 'jump', 'bullish', 'buy'],
    neg: ['loss', 'fall', 'slump', 'down', 'decline', 'investigation', 'scam', 'penalty', 'lawsuit', 'bearish', 'sell']
};

const IMPACT_REGEX = Object.fromEntries(
    Object.entries(IMPACT_KEYWORDS).map(([type, words]) => [        type,         new RegExp(`\\b(${words.join('|')})\\b`, 'gi')    ])
);

async function fetchNews() {
    try {
        const response = await fetch('/api/news');
        const data = await response.json();
        allNews = data.news;
        sentimentTrend = data.trend;

        renderDashboard();
        renderIndices(data.indices);
    } catch (error) {
        console.error('Error fetching news:', error);

        const feed = document.getElementById('news-feed');

        if (feed) feed.innerHTML = '<div class="loader">Market data sync failed. Check connection.</div>';

    }

}



async function fetchIndicesOnly() {

    try {

        const response = await fetch('/api/indices');

        const data = await response.json();

        renderIndices(data.indices);

    } catch (error) {

        console.error('Error updating indices:', error);

    }

}



function renderDashboard() {

    renderFeed();

}



function renderFeed() {

    const feed = document.getElementById('news-feed');

    if (!feed) return;



    let filtered = allNews;

    if (currentFilter !== 'all') filtered = filtered.filter(n => n.sentiment.label === currentFilter);

    if (currentSource !== 'all') filtered = filtered.filter(n => n.source === currentSource);

    if (searchQuery) {

        const query = searchQuery.toLowerCase();

        filtered = filtered.filter(n => 

            n.title.toLowerCase().includes(query) || 

            n.source.toLowerCase().includes(query)

        );

    }



    // Filter out headlines with less than 5 words

    filtered = filtered.filter(n => {

        const words = n.title.trim().split(/\s+/).filter(w => /[a-zA-Z0-9]/.test(w));

        return words.length >= 5;

    });



    currentRenderedFiltered = filtered;

    renderedCount = 0;



    if (filtered.length === 0) {

        feed.innerHTML = '<div class="loader">No matches for current trading filters.</div>';

        return;

    }



    feed.innerHTML = '';

    renderMoreItems();

}



function renderMoreItems() {

    const feed = document.getElementById('news-feed');

    if (!feed) return;



    const oldTrigger = document.getElementById('load-more-trigger');

    if (oldTrigger) oldTrigger.remove();



    const nextCount = Math.min(renderedCount + 100, currentRenderedFiltered.length);

    const itemsToRender = currentRenderedFiltered.slice(renderedCount, nextCount);



    const html = itemsToRender.map((item, index) => {

        const timeAgo = getTimeAgo(new Date(item.pubDate));

        const highlightedTitle = highlightImpact(item.title);

        return `

            <article class="news-article" style="animation-delay: ${index * 0.02}s">

                <div class="article-header">

                    <span class="source">${item.source}</span>

                    <span class="time">${timeAgo}</span>

                </div>

                <a href="${item.link}" target="_blank" style="text-decoration: none; color: inherit;">

                    <h3>${highlightedTitle}</h3>

                </a>

            </article>

        `;

    }).join('');



    feed.insertAdjacentHTML('beforeend', html);

    renderedCount = nextCount;



    if (renderedCount < currentRenderedFiltered.length) {

        const trigger = document.createElement('div');

        trigger.id = 'load-more-trigger';

        trigger.className = 'loader';

        trigger.textContent = 'Scroll for more...';

        feed.appendChild(trigger);

        setupObserver(trigger);

    }

}



function setupObserver(trigger) {

    const observer = new IntersectionObserver((entries) => {

        if (entries[0].isIntersecting) {

            observer.disconnect();

            renderMoreItems();

        }

    });

    observer.observe(trigger);

}



function renderIndices(indices) {

    const container = document.getElementById('index-ticker');

    if (!container || !indices) return;



    container.innerHTML = Object.entries(indices).map(([name, data]) => {

        const isUp = parseFloat(data.change) >= 0;

        const sign = isUp ? '+' : '';

        return `

            <div class="ticker-item">

                <span class="ticker-name">${name}</span>

                <div class="ticker-data">

                    <span class="ticker-price">${parseFloat(data.price).toLocaleString('en-IN', { minimumFractionDigits: 2 })}</span>

                    <span class="ticker-change ${isUp ? 'up' : 'down'}">${sign}${data.changePercent}%</span>

                </div>

            </div>

        `;

    }).join('');

}



function highlightImpact(title) {

    let result = title;

    Object.entries(IMPACT_REGEX).forEach(([type, regex]) => {

        result = result.replace(regex, `<span class="impact-word impact-${type}">$1</span>`);

    });

    return result;

}



function getTimeAgo(date) {

    const seconds = Math.floor((new Date() - date) / 1000);

    let interval = seconds / 3600;

    if (interval > 1) return Math.floor(interval) + 'h ago';

    interval = seconds / 60;

    if (interval > 1) return Math.floor(interval) + 'm ago';

    return 'Just now';

}



function filterBySentiment(sentiment) {

    currentFilter = sentiment;

    document.querySelectorAll('.filter-btn').forEach(btn => {

        btn.classList.toggle('active', btn.dataset.sentiment === sentiment);

    });

    renderFeed();

}



let searchTimeout;

function handleSearch(val) {

    clearTimeout(searchTimeout);

    searchTimeout = setTimeout(() => {

        searchQuery = val;

        renderFeed();

    }, 300);

}















function openSupportModal() {

    document.getElementById('support-modal').classList.add('active');

    history.pushState({ modal: 'support' }, '');

}



function closeSupportModal() {

    document.getElementById('support-modal').classList.remove('active');

}



window.addEventListener('popstate', function (e) {

    if (document.getElementById('support-modal').classList.contains('active')) {

        closeSupportModal();

    }

});





fetchNews();

setInterval(fetchNews, 30000);

setInterval(fetchIndicesOnly, 10000);