Сергей delphinpro

npm install https://github.com/delphinpro/cool-menu

займет какое то время, это значить за компом 24/7, с друзьями вообще итак почти не вижусь, а тут совсем крыша поедет, но зато приду к той цели, о которой мечтал

Двигайся в этом направлении. Тем более есть время посидеть на шее у родителей. Потом и себя устроишь, и им помогать сможешь.

Для навигации по коду во время отладки давно придуманы sourcemaps.
https://webpack.js.org/configuration/devtool/

Когда мне нужна только сетка, я подключаю этот свой пакет
https://github.com/delphinpro/bs-grid-system

Псевдокод

<table>
  <tr>
    for x = 0; x < 10; x++ {
      <td  border=2>
      if x > 0 { print x }
      </td>
    }
  </tr>
for y = 1; y < 10; y++ {
  <tr>
    for x = 0; x < 10; x++ {
      if x == 0 { <td border=2>y</td> }
      else  { <td>x*y</td> }
    }
  </tr>
}
</table>

В общем-то достаточно поменять такие конструкции
gulp.task('default', ['serve']);
на вызовы gulp.series / gulp.parallel

gulp.task('default', function(done){
  gulp.series(
    'serve'
  )(done)
});

Ну и выброси ее нафиг

function _isElementVisible(element) {
    let rect = element.getBoundingClientRect();
    let  vWidth = window.innerWidth || doc.documentElement.clientWidth;
    let vHeight = window.innerHeight || doc.documentElement.clientHeight;
        
    if (rect.right < 0 || rect.bottom < 0 || rect.left > vWidth || rect.top > vHeight) return false;
          
    return (
        element.contains(document.elementFromPoint(rect.left, rect.top))
          || element.contains(document.elementFromPoint(rect.right, rect.top))
          || element.contains(document.elementFromPoint(rect.right, rect.bottom - 1))
          || element.contains(document.elementFromPoint(rect.left, rect.bottom - 1))
    );
}

Метод eval() выполняет JavaScript код, представлен...

Либо функция должна возврщать строку, которую вы будете выполнять, либо. если хотите выполнить саму функцию, она должна быть представлена строкой

try{calc_tiles__width_tile.val(eval('calc_tiles__width_tile.val()'))}
catch(e){console.log("Не получилось!")}

мне кажется этот метод не очень красивый

Нормальный метод.

но на сайте не подойдет этот вариант так как придется в шаблон выводить теги вида

Тоже норм. Как вариант, можно использовать атрибут is (правда он тоже не пройдет валидацию w3c)

<div is="logikaOne">
</div>

Ну ежели бутстрап, то вроде простая математика, распределить пространство между 12-ю колонками:
1+3 = 4
12 - 4 = 8
8 / 2 = 4;

col-4 (пустая) + col-1 (первая) + col-3 (вторая) + col-4 (ошибки)

Вместо пустой колонки можно (и возможно нужно) использовать offset-4 у первой колонки

Все стандарты
Базовый стандарт написания кода PSR-1 (перевод)
Устаревший PSR-2 по код стайлу (перевод)
Принятый на замену второму PSR-12

Ну и остальное там почитайте. Будет полезным.

Плагинная система может быть основана на событиях.
Например, в каком-то месте приложения вы вызываете подпрограмму Х, которая делает нечто полезное, и вы хотите дать возможность плагинам изменить или дополнить результат этих действий. Тогда вы вы перед или после вызова подпрограммы Х оповещаете систему определенным событием, что сейчас можно выполнить какой-то код. Если на данное событие подписан плагин, он вызывается, ему на вход передаются начальные данные, к которыми он что-то делает и возвращает результат работы системе. Вместе с данными, плагину можно передавать и все необходимые для работы интерфейсы.

Классический "затык" в рекурсии.

Функция deepEqual возвращает отсортированный объект.
А здесь куда девается возвращаемое значение (вложенный объект)?

if (typeof key === "object") {
      deepEqual(key)
    }

Никуда. Он сортируется в следующих уровнях рекурсии, но назад не возвращается.

Полагаю, должно быть так:

if (typeof key === "object") {
      obj[key] = deepEqual(key)
    }

UPD
И вообще, for..in перебирает ключи объекта, а не их значения!
Навскидку:

obj = Object.fromEntries(sort);
for (let key in obj) {
  if (!obj.hasOwnProperty(key)) continue;
  let subObj = obj[key];
  if (typeof subObj === "object") {
    obj[key] = deepEqual(subObj)
  }
};