Farsh1k

Ты на правильном пути, но .replace() сам по себе не даст тебе гибко проверить href — потому что в $2 ты не можешь заинлайнить условие как в JS.

Используй функцию-замену вместо строки:
__html: text.replace(/\[(.+?)\]\((.+?)\)/g, (match, title, url) => {
return url.includes('site')
? `${title}`
: title;
}),
}} />

Заглушка, ну если хочется большего, юкасса с ней меньше проблем у самого она реализована, удобное апи. В сбере сделал самозанятый, оформил юкасса все работает) хотя может есть еще, что проще. Я остановился на юкасса.

transform: matrix3d

Рисуешь то, что тебе нравится в редакторе, например здесь https://yqnn.github.io/svg-path-editor/
потом получившийся path вставляешь в clip-path
Как-нибудь так

Тут проблема в том, что закругления будут делаться не совсем окружностями, и нужна точность в проведении линий. Но редактор довольно удобен для рисования всяких разных фигур.

manifest.json

{
  "manifest_version": 3,
  "name": "Request Header Logger",
  "version": "1.0",
  "permissions": [
    "webRequest"
  ],
  "background": {
    "service_worker": "background.js"
  },
  "host_permissions": [
    "*://*/*"
  ]
}

В host_permissions лучше указать только нужные хосты

background.js

chrome.webRequest.onSendHeaders.addListener(
    function(details) {
        console.log("URL: " + details.url); // Тут будет url запроса
        console.log("Request Headers: ", details.requestHeaders); // Тут будут заголовки запросов
    },
    { urls: ["<all_urls>"] },
    ["extraHeaders", "requestHeaders"]
);

class Typewriter {
  constructor(element, texts, speed) {
    this.element = element;
    this.texts = texts;
    this.speed = speed;
    this.index = 0;
    this.textIndex = 0;
  }

  start() {
    this.type();
  }

  type() {
    if (this.index < this.texts[this.textIndex].length) {
      this.element.innerHTML += this.texts[this.textIndex].charAt(this.index);
      this.index++;
      setTimeout(() => this.type(), this.speed);
    } else {
      this.index = 0;
      this.textIndex = (this.textIndex + 1) % this.texts.length;
      this.element.innerHTML = "";
      setTimeout(() => this.type(), this.speed);
    }
  }
}

const qualityElement = document.getElementById("quality");
const TEXTS = ["Креативность ", "Эффективность ", "Индивидуальность "];
const SPEED = 85;

const typewriter = new Typewriter(qualityElement, TEXTS, SPEED);
typewriter.start();

Это надо делать на бэке по разным причинам. Как минимум одну ты уже сказал - не надо палить секретный ключ.

Можно придумать 2 причину - отвал клиента: представь, что после оплаты клиент отвалился. Что будет?
- Токен подтверждения оплаты потерян
- После перезагрузки кэш браузера очистился

В итоге деньги потратились, но информации об этом ты не получил. Все потерялось - только ручками эту информацию у провайдера оплаты получать и чинить.

Если бы это сервер обрабатывал, то можно было бы какой-нибудь trace id сохранить в БД и быть уверенным, что даже если отвалишься, то в будущем сможешь проверить статус оплаты.

Shimpanze,

Какого его не может получить «fetch»?

Через браузер вы обращаетесь от домена эндпоинта, от которого хотите получить информацию.
У рутуба настроена политика CORS. Лучше обратиться к официальной документации, но если не хотите, то пользоваться чем-то подобным:

const proxyUrl = 'https://api.allorigins.win/get?url=';
const targetUrl = 'https://rutube.ru/api/video/37daa4e656174d04db06c5fca7548751';

fetch(proxyUrl + encodeURIComponent(targetUrl))
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        return response.json();
    })
    .then(data => {
        // данные могут быть внутри data.contents
        console.log('Data retrieved:', JSON.parse(data.contents));
    })
    .catch(error => {
        console.error('There was a problem with the fetch operation:', error);
    });

Вес!

1. собаки
2. кровати
3. ребенка

Под ножки тензо датчик.
1+2 - тревога
1+2+3 - тревога

Продолжай дальше - если не получится пиши - возможно если не буду занят помогу, пример есть, в css смотри описание стилей, на каждом облачке подсвечивается название ...

Рисовал руками без использования векторных редакторов ....