Почему не сужается flex-элемент с flex-shrink: 1?

Илья Бондаренко, А вот возмжоно еще поиграть с min-width какнибудь
Я и сам задавал вопросы на эту тему вот
CSS, как рассчитывается max-width в flex контейнере, если один из дочерних элементов имеет flex-grow = 1?

Там поищете "min-width имеет значение"
https://habr.com/ru/articles/329820/

Там как раз описан случай почему flex-shink не работает и ссылки я просил =)

Как сделать программную навигацию без изменения url в vue-router + vue3?

Думаю настроить правила роутера, чтобы роутер перестал реагировать на урл конкретным компонентом
Сделайте правило с помощью звездочки *
как тут для 404 https://router.vuejs.org/guide/essentials/dynamic-...

Укажите ваш компонент где модальное окно и открывайте модальное окно по условию что в роутере лежит какой то путь специфичный

Как выровнять по высоте заголовки в карточках товаров?

По идее флексбокс тут должен справляться.
я бы сделал так
контейнер карточки товара - display: flex
Нижняя часть карточки то что под названием (размеры) - margin-top: auto
И чтобы сами карточки в строке по высоте сравнивались через
align-items: stretch;

И вроде всё, карточки в строке будут одной высоты, блок с названием будет одной высоты.
только блок с размерами должен быть строго определенной высоты всегда например 100px

Почему не сужается flex-элемент с flex-shrink: 1?

Илья Бондаренко, я тут накидал тоже решение
https://codepen.io/tstwqsqh-the-looper/pen/LYvMgXd

Знаю что max-width на многое влияет в плане расчета флексбокса, я и сам до конца не разбирался.
но наверное чтото подобное вы хотели получить

Почему нет задержки между повторами анимации?

Думаю возможно через расстановку процентов внутри keyframes можно регулировать нужные задержки

span {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .1),
        0 0 0 8px rgba(255, 255, 255, .1),
        0 0 20px rgba(255, 255, 255, 1);
    animation: animate 10s linear infinite;
    right: 50%;
    top: -50px; 
}

span:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, #fff, transparent);
}

@keyframes animate {
    0%, 60% {
        transform: rotate(-45deg) translateX(0);
        opacity: 0;
    }

    61%, 80% {
        opacity: 1;
    }

    100% {
        transform: rotate(-45deg) translateX(-1000px);
        opacity: 0;
    }
}

Почему нет задержки между повторами анимации?

Темболее анимация то уже начата
Судя по описанию animation-delay
https://developer.mozilla.org/en-US/docs/Web/CSS/a...

Оно работает только на начало анимации, нужно что то другое придумывать

При сборке webpack картинки из css не открываются?

По моему вскод просто так картинки не отображает на просмотр без плагинов, посмотрите лучше в файловом проводнике ОС открываются картинки или нет, есть там данные в файлах после сборки

При сборке webpack картинки из css не открываются?

D1ma5ta, Покажите что в браузере в девтулз, на вкладке Network должны быть ошибки по этим .png картикам

Как работает система экспорта в библиотеках по типу React и React Native?

Solevoy_2015,
Насколько я знаю за возможность провалиться куда-либо в VsCode
отвечает механизм Language Server Protocol LSP
Вот например статья на тему, в общем смысле.
https://habr.com/ru/articles/555502/

Думаю немного света моя подсказка добавит к проблеме.
А там уже вам самому разбираться как на уровне LSP воспринимаются старые компоненты и
почему не работает переход.

Как сделать функцию-фабрику объектов с возможностью задать дефолтные поля объекта?

WbICHA, Немного доработал, когда попробовал на практике использовать.
так поулчилось для required
required: Omit<T, keyof D> & Partial<D>,

Потому что то что в defaults перечислено можно переопределять.

Как сделать функцию-фабрику объектов с возможностью задать дефолтные поля объекта?

WbICHA, Спасибо большое =)

Как в исходные файлы реакта попадает переменная __DEV__?

Сама переменная насколько я понимаю не появляется просто так, это скорее ваш код появляеться в рантайме реакта.

А переменная уже доступна в рантайме.

JS же обладает лексической областью видимости или лексикографической.
https://jsflow.org/docs/lex-env/

При поиске переменной __DEV__ интерпритатор JS поднимается по дереву окружения пока не найдет подходящую переменную или не упрется в последний корневой узел дерева и закончит поиск, выдаст ошибку что нет переменной.

Как определить WebSocket клиента?

Не работал со Spring, и вообще чисто зашел сюда из за тэга JS.

Но может быть проблема больше логическая?

Я так понял что все пользователи получают одни и те же сообщения, а вы хотите создавать приватную беседу.

Вот нагуглил статю когда вебсокеты поделены на разные каналы
https://not-satoshi.com/get-connected-subscribing-...

Может поможет, может нет, если не в тему не судите строго

Как закончит анимацию при нажатии чекбокса на html, css?

Думаю в JS можно получить дом элемент на котором анимация, дальше получить все анимации этого элемента
https://developer.mozilla.org/en-US/docs/Web/API/E...

И дальше на нужной анимации вызывать метод .pause()
https://developer.mozilla.org/en-US/docs/Web/API/A...

Как правильно сделать сложный запрос к БД, через Node.js?

holllop Ну принципиальной разныцы для сервера нет, на какой метод отвечать на POST или GET.
Сервер всегда формирует один и тот же HTTP ответ на эти методы.
поэтому нет дело точно не в методе запроса.
Проблема в том что у вас где-то в response попала циклическая структура которая содержит объект Socket.
Это структура может быть объектом Request(Запросом).
Поэтому хорошо бы иметь возможность видеть всю цепочку обработки запроса

Как получить название scss переменных в js (angular2+)?

Я с ангуларом не особо знаком, но если работает на вебпаке
то можно использовать scss модули
https://www.developerhandbook.com/blog/webpack/how...

и передать объект нужных переменных из scss
вот так например
:export {
background: var(--sectionDefaultBackground);
}

нужно будет только импортировать модуль в JS.

Может поможет может нет.

Как правильно сделать сложный запрос к БД, через Node.js?

Хотя может и нет, тут я уже хз как могу помочь. могу только посоветовать сделать воспроизводимый пример онлайн

Например тут
https://codesandbox.io/

И так вам быстрее помогут, может не я может еще кто-то поможет с реальным кодом будет проще

Как правильно сделать сложный запрос к БД, через Node.js?

holllop Еще возможно от ошибки 'Converting circular structure to JSON'
Есть более полный стэк трейс? Может быть в нем указано место в файлах вашего nodejs приложения откуда ошибка начинается? Там на стэковерфлоу больше информации по ошибке, там написано с какой строки проблема началась.

Как правильно сделать сложный запрос к БД, через Node.js?

Да ну тут видимо дело уже вообще не связано с results ответом от БД.
Я бы попробовал поднять отдельно http-server без БД и на нем сделать обработку
урла /printer_material.

Странно что жалутеся на какой-то Socket.
вот я нагуглил похожую ошибку человек передавал res.send(req) и получил такое же.
https://stackoverflow.com/questions/66450846/nodej...

Проверьте может-где то еще что-то сделано и дает эти ошибки.

Как правильно сделать сложный запрос к БД, через Node.js?

Ну не знаю что конкретно не так.
Если бы я разбирался с проблемой я бы проверил
Например такой код, будет ли выдавать ошибку
response.status(200).json({result: 'ok'});
Если будет нормально отдавать {result: 'ok'} - значит с HTTP ответом проблем нет и затык в results структуре.

И если всё таки console.log(JSON.stringify(results)); Отрабатывает, я бы попробовал вернуть,
response.status(200).json(JSON.parse(JSON.stringify(results)));

Это костыли конечно, но может что-то сработает. holllop