Алексей Уколов

У вас этот файл явно исполняется на клиенте (есть состояние и обработчик события), а на клиенте никакого process.env нет (при этом я не понимаю как может быть "локально всё ок"). А даже если бы и был, все эти телодвижения лишены смысла - вы свой секретный токен передаёте на клиент и там вставляете в данные формы, то есть он уже совсем никакой не секретный.
Что либо секретное не должно покидать сервер и, соответственно, без сервера не реализовать ничего секретного.

Это какой-то салат из слов (причём неправильно использованных), но попробую угадать, что есть три модели: Protocol, User и Branch и вам в Protocol нужно получить Branch через User. Для этого используется отношение Has One Through.

Если нет потребности поддерживать динозавров, можно сделать прямо по красоте: вставлять в HTML оба варианта picture, указывать им специальные классы, чтобы различать картинки для тёмной и светлой тем, и, используя media-запрос prefers-color-scheme, скрывать лишнее.

https://developers.google.com/identity/gsi/web/gui...

IntersectionObserver нужен, чтобы следить за тем, что какой-то конкретный элемент пересёкся с каким-то другим элементом или видимой областью экрана. Соответственно, потребность следить за "всей страницей" - это нечто странное и это невозможно. Все элементы всегда пересекаются с body и body всегда пересекается с вьюпортом.

То-есть сначала последовательно вызываются конструкторы, только потом handle обеих очередей.

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

Как починить?

Переделывайте зависимости, получайте данные в handle, а не через конструктор, когда их ещё не существует.

Браузерная консоль показывает содержимое объектов в том виде, в котором они находятся в данный момент, а не в момент логирования - такая вот у неё особенность в целях экономии памяти. Обратите внимание, что на вашем скриншоте изначально написано, что в массиве два элемента, как это было на момент логирования, а вот при разворачивании показывается уже текущее состояние.
Чтобы этого избежать, приходится делать так:
console.log({...names});

Но, если в объекте находятся другие объекты (как у вас) и они изменяются тоже, то простое копирование не поможет.
Поэтому используют вот такую конструкцию:
console.log(JSON.parse(JSON.stringify(data)));
Есть и другие способы сделать глубокую копию объекта, но я для этих целей предпочитаю такой.

Ну ведь ясно же написано в тексте ошибки решение:

Are you sure the view exists and is a .blade.php file?

У вас проблема не с маршрутом, а с шаблоном, который вы пытаетесь отрендерить, не создав его (или создав в неправильном месте или с неправильным названием). Должен быть файл resources/views/pages/home.blade.php.
https://laravel.com/docs/11.x/views#creating-and-r...

- SELECT * FROM 'photos'
+ SELECT * FROM `photos`

Это делается не так. При смене таба вам просто нужно добавлять запись в History API и всё будет работать так, как вы хотите, автоматически.
Событием beforeunload злоупотребляют спамеры, поэтому полагаться на него не стоит (не говоря о том, что это костыль).

Относительно простое решение такое:

• У вас есть какой-то сервер сокетов, который постоянно запущен и поддерживает соединения с клиентами.
  
• У вас есть какой-то сервер очередей.
  
• Сервер сокетов слушает сервер очередей и, при получении нужных данных, рассылает их клиентам.
  
• По крону срабатывает скрипт, который кладёт данные в очередь.
  

Рабочий ли вариант если просто через rsync передать всю папку /var/lib/mysql?

Если другая система аналогична первой и совпадают версии MySQL (вплоть до патча), то есть вероятность, что заведётся. На первом сервере всё равно при этом надо будет остановить MySQL.

Я так делал, когда нужно было внезапно перенести БД размером больше терабайта, но у меня были докеры, содержимое которых куда проще воспроизвестию

В репозитории хранится .env.example, содержащий заглушки ключей и комментарии с инструкциями для их получения. После клонирования он переименовывается и заполняется.

Даю удочку, не рыбу. Тут три составляющих:

• Итерация по ключам-значениям объекта. Способов несколько, все описаны на первых страницах любого учебника.
  
• Сохранение значения конкретного стиля. Тоже элементарно: element.style.backgroundColor = value.
  
• Использование переменной в качестве названия свойства. Тоже на первых страницах учебника.
  

Но перед этим нужно раз и навсегда уяснить разницу между массивом и объектом в js и использовать корректные термины.

Здесь можно даже и не заподозрить, что then что-то возвращает.

Все функции в js что-то возвращают. Если явного return нет или в нём не указано значение, то возвращается undefined.

Но поскольку там null, можно подумать, что исходный промис просто как-то передается дальше.

Так и есть - вы не передали никакой callback и весь этот вызов как бы игнорируется. Этот сценарий аналогичен предыдущему.

Еще интереснее - then возвращает простое значение, которое моментально попадает в следующий then.

Это ваш callback возвращает простое значение, которое then оборачивает в отрезолвленный промис.

Можете рассказать в общих чертах, если then возвращает промис, то как он его формирует?

Ну берёт и формирует... Примерно так:

then = (onFulfilledCallback, onRejectedCallback) => {
  try {
    let newValue;

    if (this.previousValue instanceof Error) {
      newValue = onRejectedCallback(this.previousValue);
    } else {
      newValue = onFulfilledCallback(this.previousValue);
    }

    if (newValue instanceof Promise) {
      return newValue;
    } else {
      return Promise.resolve(newValue);
    }
  } catch (error) {
    return Promise.reject(error);    
  }
}

Это псеводокод но общий смысл такой.

Вы когда этот сайт куда-то выложите, откуда у людей будет браться диск D с вашими картинками?
В HTML указывается путь к изображению относительно веб-сервера, и этот сервер и должен их отдавать клиентам.

Не нужно сохранять результат items.filter() в state, туда нужно класть только поисковую фразу, а фильтровать просто при рендере налету перед .map().

Примерно так:

{navLinks.map((link) => (
    <Icon href={link.href} key={link.svgIcon} title={link.svgIcon} className={isCurrent ? `active` : undefined} />
))}

...
import classNames, { type Argument } from "classnames";

type Props = {
    title: string;
    href: string;
    className: Argument;
}

<Link href={props.href} className={classNames('svgh m-auto', props.className)>
    <SvgMail width="30" height="30" viewBox="0 0 50 50" />
</Link>

https://www.npmjs.com/package/classnames

let makeItDouble = (text) => {
  let i = text + text;
  return i;
};

console.log(makeItDouble("I never look back"));

Return всё прекрасно возвращает. Но то, что он возвращает, нужно сохранять в переменную или использовать сразу. Переменная i находится внутри функции и снаружи недоступна. Если бы можно было делать так, как вы написали, то и смысла в return бы не было.

А как вы код написали, если не можете понять, как он работает?

Вы открывали документацию функции, читали, что она делает и какие аргументы принимает?
Ну, давайте я вам её сюда скопирую:

Parameters
indexStart
The index of the first character to include in the returned substring.
indexEnd Optional
The index of the first character to exclude from the returned substring.
Description
If indexStart < 0, the index is counted from the end of the string. More formally, in this case, the substring starts at max(indexStart + str.length, 0).
If indexEnd < 0, the index is counted from the end of the string. More formally, in this case, the substring ends at max(indexEnd + str.length, 0).

зачем нужен (-2, -1)

Для выполнения вот этого условия задачи: "если слово заканчивается на мягкий знак, то получите предпоследнюю букву". Я искренне не понимаю, что тут можно добавить...