Антон Горецкий

Если вы не запушили изменения, но хотите из последнего коммита выкинуть некоторые файлы, то можете это сделать командой
git rm --cached [filename]
При этом файл не будет удалён из директории, а только помечен на удаление (без --cached удалит и сам файл, если он не нужен), затем сделайте
git commit --amend
В результате вместо нового коммита это удаление применится к старому коммиту и аннулирует предыдущее добавление этого файла, по итогу в него не попадёт файл.

А что за задача-то решается? Нужен гибрид радиокнопки и чекбокса?

Вариант раз, радиокнопки:

let checked = null;

$('input').click(function() {
  checked = checked === this.value ? null : this.value;
  this.checked = !!checked;
});

// или

document.querySelectorAll('input').forEach(function(n) {
  n.addEventListener('click', this);
}, function({ target: t }) {
  t.checked = !!(this[0] = this[0] === t ? null : t);
}.bind([]));

Вариант два, с заменой радиокнопок чекбоксами:

const $checkboxes = $('input').change(function() {
  if (this.checked) {
    $checkboxes.not(this).prop('checked', false);
  }
});

// или

const checkboxes = document.querySelectorAll('input');
const onChange = e => checkboxes.forEach(n => n.checked &&= n === e.target);
checkboxes.forEach(n => n.addEventListener('change', onChange));

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

.filter должен возвращать булево значение. TRUE - оставить элемент, FALSE - удалить

Если все условия должны совпасть, то:

function Validation(arr) {
  return arr.filter((el) => {
    return typeof el.age === "number"
      && el.full_name !== undefined
      && el.full_name.charAt(0) === el.full_name.charAt(0).toUpperCase()
      && el.gender !== undefined
      && el.gender.charAt(0) === el.gender.charAt(0).toUpperCase()
      && el.note !== undefined
      && el.note.charAt(0) === el.note.charAt(0).toUpperCase()
      && el.state !== undefined
      && el.state.charAt(0) === el.state.charAt(0).toUpperCase()
      && el.city !== undefined
      && el.city.charAt(0) === el.city.charAt(0).toUpperCase()
      && el.country !== undefined
      && el.country.charAt(0) === el.country.charAt(0).toUpperCase()
}

function firstLetterIsUpper(str) {
  return typeof(str) === 'string'
    && str.length
    && str.charAt(0) === str.charAt(0).toUpperCase()
}
function Validation(arr) {
  return arr.filter((el) => {
    return typeof el.age === "number"
      && firstLetterIsUpper(el?.full_name)
      && firstLetterIsUpper(el?.gender)
      && firstLetterIsUpper(el?.note)
      && firstLetterIsUpper(el?.state)
      && firstLetterIsUpper(el?.city)
      && firstLetterIsUpper(el?.country)
}

https://www.arclab.com/en/kb/htmlcss/how-to-copy-t....

Швец А. Погружение в паттерны проектирования (2018) - современное продолжение темы банды четырех с примерами на разных языках.
The Clean Architecture - by Robert C. Martin (Uncle Bob) - но это не совсем новенькое

let arr = [10, 20, 30, 50, 235, 3000];
arr.forEach(item => ['1', '2', '5'].includes(String(item)[0]) && console.log(item))

На learn.javascript, например, неплохо написали:

Стрелка => ничего не привязывает. У функции просто нет this.
При получении значения this – оно, как обычная переменная, берётся из внешнего лексического окружения.

В вашем примере с литералом объекта можно добавить для понимания:

const obj = {
  w() {
    console.log('w', this);
  },
  x: function () {
    console.log('x', this);
  },
  y: this,
  z: () => {
    console.log('z', this);
  },
};

obj.w(); // obj
obj.x(); // obj
console.log('y', obj.y); // Window
obj.z(); // Window

Запись литерала объекта не создаёт свой контекст: на момент записи this тот же, что и снаружи:

const a = this; // Window
const obj = {
  b: this, // тоже Window 
}

a === obj.b // true

<div id="test">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci alias aliquam est fugit mollitia nisi quam qui! Aliquam aliquid consequatur dolorem ea, expedita ipsam laborum, mollitia praesentium, quidem sed voluptas?</div>

    <style>
        #test {
            color: red;
        }
        #test:hover {
            color: green;
            transition: color 3s ease;
        }
    </style>

Просто запустите этот код. И поймёте разницу.

Или лучше так:

#test {
            color: black;
            transition: color 1s ease;
        }
        #test:hover {
            color: red;
            transition: color 5s ease;
        }

Переход, указанный в hover, будет применён именно в этом состоянии – когда мышь наведена.
Переход, указанный в обычном состоянии будет применён при уходе мыши с элемента.
В данном примере видно разницу скорости анимации.
Если для hover переход не указан, будет применён переход обычного состояния и при наведении мыши, и при ее уходе. Если переход указан только для hover, то при отведении мышки плавного перехода не будет.

Скорее всего вам нужен метод для раздачи статичных файлов:

app.use(express.static(path.join(__dirname, 'public')))

все файлы, лежащие в папке public (можно задать свою) могут быть получены клиентом. Нужно только сформировать список существующих файлов и выдавать их url на фронт.

Этот код написал для Node.js с использованием стандартного модуля crypto. Для запуска Вам потребуется установить среду исполнения Node.js, создать директорию для работы, в которую необходимо будет поместить Ваш файл и package.json (npm init -y). В приведённом Вами коде используются ES6-импорты (ESM-импорты), которые сразу не будут работать в Node.js, т.к. в нём используются CommonJS-импорты. Для решения данной проблемы у Вас есть два пути:
1. Добавить "type": "module"в package.json:

{
  ...
  "type": "module",
  ...
}

2. Изменить подключение модулей в исходных кодах:

- import * as crypto from 'crypto';
+ const crypto = require('crypto');

Вывод:

$ node .
cVoADkhcldK+mYC3Id5vhkxOr4NwVspTcgF56RiRG0CzcnOcBwcELKi1YnBNySmZugpjJNHuCU7ePjwVadqfAw==

Это точно не `chore`, так как относится к продакшен коду.
`chore` - это всё что угодно вокруг кода, если не заведено более узкого типа.
Линтеры (если не используете `style`), настройка CI (если не используете `ci`), всевозможный дополнительный тулинг вроде `husky` или `lint-staged`, незначимое обновление зависимостей и так далее.

Ваш список типов коммитов по ссылке - это лишь один из популярных вариантов договорённости между разработчиками (я к тому, что есть и другие).
Более того, он может быть спокойно расширен другими типами, если вам это нужно, камнями никто не закидает.

Если хотите строго следовать, то ваша правка - либо `fix`, либо `feat`.
Я же для себя и для команды ввёл дополнительный тип `temp` (от `temporal`) как раз для такого толка изменений.
Когда "приходит время", можно просто поиском по этому типу быстро его найти и сделать `revert`.

Ещё расширил типом `nvm` (от `nevermind`) для исправлений в духе "забыли пробел в readme" и прочего незначительного.
Хоть формально это может быть выражено через `docs`, `refactor`, `style` или `fix`, от наличия таких коммитов в changelog'e никому ни горячо, ни холодно, поэтому они просто в него не включаются.

Расширяйте конфигурацию до необходимого вам и вашим изменениям, и всё будет хорошо.
* Однако, опыт и здравый смысл подсказывает, что чем типов меньше, тем меньше вероятность ошибки и тем больше шанс, что ими будут пользоваться. Без фанатизма, короче :)

Использовать целую библиотеку ради одной линии это конечно сильно : )
Используйте Rete.js если не хотите заморачиваться ради одной линии.
Но ничего сложного нету на самом деле. Нужно просто нарисовать необходимую линию на канвасе, наложить его сверху на ваши элементы и установить ему pointer-events: none. Вот и все.