Tampermonkey Замена кода script.js при загрузке страницы?

Сделал боль-мене универсальную функцию для такой подмены:

spoiler

// ==UserScript==
// @name         figma.com translate
// @namespace    figma.com
// @version      0.1
// @author       Aetae
// @match        *://*.figma.com/*
// @grant        none
// @run-at       document-start
// ==/UserScript==

// monkeyPatch(name, func, repeat = 1)
function monkeyPatch(name, ...funcs) {
  const repeat = funcs.length === 2 && typeof funcs[1] !== 'function' && funcs.pop();
  const pending = monkeyPatch.pending[name];

  funcs = funcs.map(func => ({
    func,
    count: typeof repeat === 'number' ? repeat : (repeat ? Infinity : 1)
  }));

  if(pending?.length)
    return pending.push(...funcs);

  Object.defineProperty(Object.prototype, name, {
    set(value) {
      for(let i = funcs.length; i--;) {
        const patchedValue = funcs[i].func.call(this, value);

        if(patchedValue !== monkeyPatch.DO_NOT_PATCH) {
          if(--funcs[i].count <= 0)
            funcs.splice(i, 1);

          if(!funcs.length)
            delete Object.prototype[name];

          value = patchedValue;

          break;
        }
      }

      return value !== monkeyPatch.INLINE_PATCH && Object.defineProperty(this, name, {
        value,
        configurable: true,
        writable: true,
        enumerable: true
      });
    },
    configurable: true
  });

  return monkeyPatch.pending[name] = funcs;
}
monkeyPatch.pending = Object.create(null);
monkeyPatch.DO_NOT_PATCH = 'MONKEYPATCH_DO_NOT_PATCH';
monkeyPatch.INLINE_PATCH = 'MONKEYPATCH_INLINE_PATCH';

monkeyPatch('defaultStringsRaw', value => value && "copy-as-css" in value ? Object.assign(value, {
  "copy-as-css": "Копировать CSS",
}) : monkeyPatch.DO_NOT_PATCH);

monkeyPatch('shortcutList', value => {
  if(value?.essential?.name !== "Essential")
    return monkeyPatch.DO_NOT_PATCH;

  value.essential.name = "Основное";

  return value;
});

monkeyPatch('compileRegularExpression', function(value) {
  if(!this.matchAgainstText)
    return monkeyPatch.DO_NOT_PATCH;

  return chars => {
    chars = Array.prototype.filter.call(chars, char => /а-яёa-z\d/i.test(char));
    if(chars.length)
      return new RegExp("^(.*?)" + chars.map(char => `(${char})(.*?)`).join('') + "$", "i")
    return null;
  };;
});

Тебе тут интересна в основном compileRegularExpression - это подмена функции поиска, ятоб она поддерживала русские символы. Но не проверял.)

Tampermonkey Замена кода script.js при загрузке страницы?

document.querySelector('...').setAttribute -> document.querySelector('...')?.setAttribute итд. ?. - брать следующее только если есть предыдущее.

Чтоб смотреть интерактивно за изменениями - MutationObserver, но ещё хз что быстрей - твой вариант или смотреть за изменениями во всём документе.)

Tampermonkey Замена кода script.js при загрузке страницы?

CCO, подцепить можно более сложным селектором атрибутов, вида: label[class^="raw_components--labelInactive--"] или там label[class*="raw_components--labelInactive--"] (^= - начинается на, ^= - содержит).

В пинципе, если захотеть, многое можно тем же способом перехватить, this - это тоже объект. Только удостовериться надо, что заменяем то что надо, а не что-то случайное.

Как устроиться на работу IT сфере, не имея ничего?

Пума Тайланд, ну там какие-то штрафы предусмотрены для организации, плюс в теории через налоговую\пенсионные тебя могут найти если захотят...
Но мб: я, когда по молодости косил и военник мешался, на "топового сотрудника" не тянул.)

Как устроиться на работу IT сфере, не имея ничего?

Как без военкома то? Если в белую - тебя обязаны, вроде, сдать?

Неправильно получение данных, в зависимости от даты?

Естественно. Дата в javascript всегда со временем. Нет отдельного формата чисто для даты.
И либо вы принимаете соглашение хранить, отправлять и сверять дату исключительно в конкретном часовом поясе с обнулёнными часами(я бы рекомендовал стандартный UTC, но можно и в том же +3), но тогда даты будут не точные(см. Гаваи и Анадырь), либо храните все записи с настоящим временем и выборку делаете по диапазону.

Как убрать ошибку blocked a frame?

Ну потому что var foo = 'bar' в глобале равносильно window.foo = 'bar', а window.top - readonly свойство(​writable: false, ​configurable: false).

Неправильно получение данных, в зависимости от даты?

Vann Damm, должно работать.
Запусти в консоли:

const date = new Date();
date.setHours(0,0,0,0);
console.log(JSON.stringify(date));

Должно совпадать с тем что в базе. Правда только в том случае если у тебя на компьютере часовой пояс +3(Москва) иначе всё развалится. Рекомендую использовать и на клиенте и на сервере стандартный часовой пояс(как во второй части моего совета), тогда таких проблем возникать не будет.

Или всё таки использовать gte + lte и сохранять дату на сервере в серверном часовом поясе с учётом времени, а запрашивать относительно часового пояса клиента. Потому что 20 число на Гаваях и 20 число в Анадыре - это разница почти в сутки.

Как поставить фон картинки другую картинку?

Вазген Алексанян, готовое решение:

<img src="img1.png" style="background-image: url(img2.jpg)" />

Стоит ли изучать одновременно React и Angular?

Выкинь оба и изучай Vue. :)

Как запустить webpack для сборки готового проекта?

Евгений, зря, workspaces и resolutions масхэв фичи.

Как сделать, чтобы телефонная клавиатура не ломала вёрстку?

squadbrodyaga, ну так и обычный мелкий телефон на бок положить могут. Делайте чтоб было красиво.)

Как запустить webpack для сборки готового проекта?

Евгений, yarn prod :)

Как создать такую обертку-функцию?

Ну наверное потому что вы, что вполне очевидно, поверьте, не знаете что делаете.

Почему не срабатывает nextTick?

SM_ST, нормального решения как не было так и нет. Самое надёжное - не использовать 'smooth', а использовать какие-то библиотеки с тем же функционалом.
Накостылять можно отслеживая позицию по setTimeout или событию scroll/scrollend, но нет никакой гарантии, что кто-то не начнёт скроллить вручную и всё не сломает.

Почему при переходе на страницу некоторые данные undefined?

Devero97, nuxt (как и хук:) ) нужен для универсализации разработки с поддержкой SSR. Все навороты и абстракции в первую очередь сделаны для того, чтобы не приходилось заботится о тонкостях и подводных камнях серверного ренедеринга.
В SSR очень много нюансов чреватых багами, которые nuxt старается скрыть за абстракцией.
Остальное лишь бонусы, призванные "сделать красиво" по представлению авторов nuxt'a.

Почему при переходе на страницу некоторые данные undefined?

Я не работаю с Nuxt, но, насколько я понял из доков, fetch это не аналог asyncData и не ждёт загрузки, это просто бесполезный кусок дерьма, который не отличается ничем от created, кроме всякого внутреннего nuxt'овского мусора.

Почему при обновлении страницы выдает ошибку на сервере?

Devero97, asyncData идёт до рендера, очевидно.

Почему при обновлении страницы выдает ошибку на сервере?

В nuxt для этого есть asyncData.

Как преобразовать build обратно в dev на create-react-app/vue-cli?

Ну декомпилятор написать наверное можно, но результат, как и с любыми декомпиляторами, будет сильно отличный от исходника.
Декомпилятор вещь в чём-то сложнее компилятора, и фремворки ещё слишком молодые чтобы кто-то заморочился.