/**
 * Converts a Firestore Timestamp to a native JavaScript Date object.
 * Перевод из формата Firebase Timestamp в JavaScript Date
 * @param {Timestamp} timestamp Firestore Timestamp to convert
 * @return {Date} native JavaScript Date object
 *  const date = firebaseTimestampToDate({ _seconds: 1725021788, _nanoseconds: 105817000 });
 * 
 */
function firebaseTimestampToDate(timestamp) {
  // Создаем новый объект Date, используя общее количество миллисекунд
  const date = new Date(
    (timestamp._seconds * 1000) + (timestamp._nanoseconds / 1000000)
  );

  return date;
}

const handleCardClick = (e: React.MouseEvent) => {
const card = e.currentTarget;
const rect = card.getBoundingClientRect();
const x = e.clientX - rect.left - rect.width / 2;
const y = e.clientY - rect.top - rect.height / 2;
card.style.transform = perspective(1000px) rotateX(${-y / 10}deg) rotateY(${x / 10}deg);
setTimeout(() => {
card.style.transform = '';
}, 100);

setPoints(points + pointsToAdd); setClicks([...clicks, { id: Date.now(), x: e.pageX, y: e.pageY }]);
};

const handleCardClick = (e: React.MouseEvent<HTMLDivElement>) => { ... } ```
— это функция, которая принимает событие клика как аргумент.



Получение элемента карточки:

```const card = e.currentTarget;```

const rect = card.getBoundingClientRect(); 

const x = e.clientX - rect.left - rect.width / 2; 

const y = e.clientY - rect.top - rect.height / 2; 

card.style.transform = perspective(1000px) rotateX(−y/10deg)rotateY({x / 10}deg); ```— здесь устанавливается CSS-трансформация, создающая эффект поворота карточки по осям X и Y в зависимости от положения курсора мыши.



Сброс трансформации:

```setTimeout(() => { card.style.transform = ''; }, 100); ```— через 100 миллисекунд трансформация сбрасывается, возвращая карточку в исходное положение.



Обновление очков и кликов:

```setPoints(points + pointsToAdd); 

/* Source: https://gist.github.com/erickoledadevrel/6b1e9e2796e3c21f669f */
/**
 * Converts an XML string to a JSON object, using logic similar to the
 * sunset method Xml.parse().
 * @param {string} xml The XML to parse.
 * @returns {Object} The parsed XML.
 */
function XML_to_JSON(xml) {
  var doc = XmlService.parse(xml);
  var result = {};
  var root = doc.getRootElement();
  result[root.getName()] = elementToJSON(root);
  return result;
}

/**
 * Converts an XmlService element to a JSON object, using logic similar to
 * the sunset method Xml.parse().
 * @param {XmlService.Element} element The element to parse.
 * @returns {Object} The parsed element.
 */
function elementToJSON(element) {
  var result = {};
  // Attributes.
  element.getAttributes().forEach(function (attribute) {

    result[attribute.getName()] = attribute.getValue();
  });
  // Child elements.
  element.getChildren().forEach(function (child) {
    var key = child.getName();
    var value = elementToJSON(child);
    if (result[key]) {
      if (!(result[key] instanceof Array)) {
        result[key] = [result[key]];
      }
      result[key].push(value);
    } else {
      result[key] = value;
    }
  });
  // Text content.
  if (element.getText()) {
    result['Text'] = element.getText();
  }
  return result;
}

 C
=image("https://latex.codecogs.com/svg.image?1+sin^2(x)")