Vine highlight new item 2 colors

vine 2 colors highlighter.js

// ==UserScript==
// @name         Amazon Vine Highlight 2 Colors
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Track seen recommendations on Amazon Vine page
// @match        https://www.amazon.com/vine/vine-items*
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_addStyle
// @run-at       document-end
// ==/UserScript==

(function() {
  'use strict';

  const SEEN_RECOMMENDATIONS_KEY = 'seen_recommendations';
  const MAX_ITEMS = 200000;

  const trimOldEntries = (obj) => {
    const keys = Object.keys(obj);
    if (keys.length > MAX_ITEMS) {
      keys.sort((a, b) => obj[a] - obj[b]);
      for (let i = 0; i < keys.length - MAX_ITEMS; i++) {
        delete obj[keys[i]];
      }
    }
  };

  const applyNotSeenRecommendationsStyle = (items) => {
    const seenRecommendations = GM_getValue(SEEN_RECOMMENDATIONS_KEY, {});

    items.forEach(item => {
      const recommendationId = item.getAttribute('data-recommendation-id');
      const timestamp = seenRecommendations[recommendationId];

      if (timestamp) {
        const timeDiff = Date.now() - timestamp;
        // Modify colors based on timeDiff here:
        if (timeDiff < 1000) {
          const css = `div.vvp-item-tile[data-recommendation-id="${recommendationId}"] { background-color: #38FEA7; }`;
          GM_addStyle(css);
        } else if (timeDiff < 60000) {
          const css = `div.vvp-item-tile[data-recommendation-id="${recommendationId}"] { background-color: #FFF44D; }`;
          GM_addStyle(css);
        } else {
          // Reset to default color after 5 minutes
        }
      } else {
        // First seen, apply initial color and store timestamp
        const css = `div.vvp-item-tile[data-recommendation-id="${recommendationId}"] { background-color: #38FEA7; }`;
        GM_addStyle(css);
        seenRecommendations[recommendationId] = Date.now();
      }
    });

    trimOldEntries(seenRecommendations);
    GM_setValue(SEEN_RECOMMENDATIONS_KEY, seenRecommendations);
  };

  // Retrieve stored recommendations before processing:
  const storedRecommendations = GM_getValue(SEEN_RECOMMENDATIONS_KEY, {});
  const seenRecommendations = Object.assign({}, storedRecommendations);

  const firstPageItems = document.querySelectorAll('#vvp-items-grid .vvp-item-tile');
  applyNotSeenRecommendationsStyle(firstPageItems);

})();

Nice one, thank you.

Here's what ChatGPT said about it in case others are wondering:

Items Already Seen:
For items that have been seen before, the script checks how much time has passed (timeDiff) since they were last seen.
Based on the timeDiff, it modifies the background color of the recommendation:
< 1 second: The background color is set to #38FEA7 (a greenish color).
< 1 minute: The background color is set to #FFF44D (a yellow color).
> 1 minute: After this, the item returns to its default style (though the code does not specify a reset mechanism).
New Items:
For items that haven’t been seen before, the script assigns the #38FEA7 color (indicating "newly seen") and stores the current timestamp for future reference.