Loli E1ON

Если бы мне показали такой проект в качестве портфолио, у меня бы сразу возникло несколько вопросов:
1) Зачем препроцессоры (sass и pug) в проекте если Вы не используете их возможности? Только ради другого синтаксиса?
2) Зачем в репозитории лежит вендорный код, особенно сжатый?
3) Почему в проекте нет линтера (например eslint) и как следствие нет единого стиля кода?
4) в git один единственный коммит? Вы правда все это выдали на одном дыхании?
5) Что делает эта регулярка? И почему именно эти символы вводить нельзя, а например 非常糟糕的符号 вполне можно?

Для начала попробуйте упростить запрос, убрав JOIN и проверить, изменилось ли поведение. Если нет, то у вас совершенно точно в coords не NULL, а, например, пустая строка.
Если же поведение изменилось - проблема в джойне, но он выглядит совершенно нормальным и я сильно сомневаюсь в таком развитии событий.

Если я Вас правильно понял, то примерно так

let id = 1, name = 'test name', price = 100
const oldArr = [
	{ id, name, price},
  { id, name, price},
  { id, name, price}
]

const newArr = oldArr.map(item => ({
	code: item.id,
  orderName: item.name,
  orderPrice: item.price
}))
console.log(newArr)

Если реббит в отдельном контейнере, то нужно чтобы лара и реббит были в одной подсети докера,у Вас в docker-compose написаны только настройки контейнера без подсети)
https://forums.docker.com/t/internal-network-betwe...
В комментах есть примеры, от чего отталкиваться при поиске

<member>.roles.add(role)

setTimeout(() => {
    <member>.roles.remove(role)
}, время_в_миллисекундах)

new Date('2020-11-10T12:10:16.000000Z')
А дальше обрабатывайте как хотите. Например

const date = new Date('2020-11-10T12:10:16.000000Z')

console.log(new Intl.DateTimeFormat('en-US').format(date)); // 11/10/2020
console.log(new Intl.DateTimeFormat('ru-RU').format(date)); // 10.11.2020
console.log(new Intl.DateTimeFormat(navigator.language).format(date)); // Зависимо от языка пользователя

Intl.DateTimeFormat

Использовать sessionStorage

[data-option-value$="из дуба"] {
  background: yellow;
}

$('[data-option-value$="из дуба"]').css('outline', 'dashed 2px red');

Прочитай это и вопросы должны отпасть https://www.php-fig.org/psr/

Код и правда из 2007

Если опустить тот факт что параметры функции сложения обязанны быть определенны как обязательные, то конкретно тип undefined можно заменить опционалыным модификатором ? .

function а (a?: number, b?: number) {}

В остальном параметры функции декларации описать невозможно. Другое дело функциональное выражение которое можно описать с помощью типа.

Для псевдонима
type Sum = (a?: number, b?: number) => number;

Для интерфейса

interface ISum { (a?: number, b?: number): number; }

И использование
const sum: Sum = (a, b) => a + b;

а откуда ему взяться?

use просто указывает на клас, но не импортирует его.
подключайте явно через include/require. а лучше познакомьтесь с автозагрузкой.

подложить под модалку div position:fixed на весь экран (заодно можно ему задать полупрозрачный цвет), ловить клик по этому диву и тогда уже убирать модалку

Так вы не вызывали func()
Вызовите его, чтобы счётчик сработал