nonconformiste

Нет.

Переписать что-то у себя ты может и сможешь, но безопасность и ограничения фрейма опираются на браузер, а не на изменённый код.

Гуглить "Masonry CSS", например: https://fjolt.com/article/css-grid-masonry

https://learn.javascript.ru/xhr-longpoll

# REGISTER ORDER POST TYPE
function post_type_order() {
   $labels = array(
    'name'               => _x( 'Orders', 'post type general name' ),
    'singular_name'      => _x( 'Order', 'post type singular name' ),
    'add_new'            => _x( 'Add New', 'order' ),
    'add_new_item'       => __( 'Add New Order' ),
    'edit_item'          => __( 'Edit Order' ),
    'new_item'           => __( 'New Order' ),
    'all_items'          => __( 'All Orders' ),
    'view_item'          => __( 'View Order' ),
    'search_items'       => __( 'Search Orders' ),
    'not_found'          => __( 'No order found' ),
    'not_found_in_trash' => __( 'No orders found in the Trash' ), 
    'menu_name'          => 'Orders'
  );
  $args = array(
    'labels'        => $labels,
    'description'   => 'Holds our orders and order specific data',
    'public'        => true,
    'menu_icon'     => 'dashicons-cart',
    'menu_position' => 1,
    'supports'      => array( 'title', 'custom-fields' ),
    'has_archive'   => true,
  );
  register_post_type( 'ordersss', $args ); 
}
add_action( 'init', 'post_type_order' );

// создаем стрелочную функцию, принимающую два параметра
const countChars = (str, char) => {
	// создаем переменные и присваиваим им значение 0
	let i = 0;
	let count = 0;
	// запускаем цикл с предусловием
	while (i < str.length) { // пока i меньше чем длина строки str
		// исполняем тело цикла

		// берем символ из строки str расположенный по индексу i и переводим в нижний регистр
		// берем символ из аргумента функции и переводим в нижний регистр
		if (str[i].toLowerCase() === char.toLowerCase()) { // сравниваем оба значения
			// если совпало увеличиваем счетчик на 1
			count = count + 1;
		}
		// перед новой итерацией цикла увеличиваем индекс на 1
		i = i + 1;
	}
// возвращаем из функции накопленный результат подсчета или начальное значение если совпадений не было
	return count;
};

let result = countChars('abba#abba#abba#', '#') // пример использования
console.log(result); // 3

внимательно посмотреть на клаву. или хотяб прислать её фотку.
у меня она всегда под кнопкой ESC.

google -> keyboard layout where is backtick

Если подразумевается что поиск будет производиться прямо во время набора текста в поле ввода, то довольно простая схема:

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

Нюанс: По кейап надо ставить небольшую паузу, чтобы не спамить запросами.

мой телепат подсказывает что это vue и там наверху в шаблоне что-то типа
<tr v-for="(item, index) in $store.state.items">
так что должно сработать
console.log(this.$store.state.items[index])

да и вообще можно поменять макет и в функцию прям item передавать а не искать и не получать ничего по индексу, а также воспользоваться хелперами, чтобы в стор не лезть через 100500 точек за данными

локальный сервер, моментальное обновление картинки с изменением кода

Vite JS новее и много быстрее тех же webpack и Parcel

См. в т.ч. deploy на vercel

Могу вам посоветовать https://parceljs.org/ - отлично подходит как для верстки, так и для бандлинга скриптов, тоже запускает локальный сервер и горячую перезагрузку.
Как альтернативу - webpack или gulp - но их придется настраивать самому.

Брать webpack или ему подобные сборщики, настраивать и работать.
Так же, можно взять готовый набор или погуглить иные, или же для иных сборщиков.

без колупания package.json

а зачем его "колупать"? Его особо то и не трогают. Описал пару комманд, необходимых для работы и забыл.

Я обычно тупо проксирую nodejs через nginx, чтобы не париться, а с nginx certbot дружит из коробки.
Вдобавок он берёт на себя многое то, что иначе пришлось бы реализовывать отдельно в nodejs-приложении - логгирование, отдача статики, сжатие данных.

Я бы построил по другому принципу. Каждая страница - отдельный компонент, переключаемый через vue-router. В хидер передаётся описание кнопок. При нажатии на кнопку хидер генерирует событие с идентификатором кнопки. Страница обрабатывает событие, получает новые данные и передаёт их в контент.

<page-following>
  <page-header
    title="Following"
    :buttons="buttons"
    @buttonPressed="onButtonPressed"
  />
  <!-- здесь контент -->
  <page-footer />
</page-following>

самый простой вариант это сделать это слить дамп, сделать замену в любом текстовом редакторе, и залить дамп обратно