для начала можно посмотреть респонс апи, потом проверить реквест параметры

В самом коротком варианте: не делать плохой запрос. Без понимания, кто и зачем делает запрос и что ожидает эндпоинт - не ясно. Возможно проблема в пустом uuid, возможно в том, что хост = локалхост, может там хедеров/кук/ключей не хватает. Учитывая что там 400 Bad Request и без пейлоада (по крайней мере по урле с картинки такой ответ), то скорее нужно искать кого-то с доступом к бекенду и возмоностью дебажить или рабочая документация, которая объясняла бы такое

Ты так и задумывал отправить http localhost:3000 в урле?

Выглядит странно

кстати, никто не использует ли сейчас сторибуку?
Чего-то обновил сторибуку (зависимости), и после build-storybook у меня теперь ошибка

Может быть кто сталкивался кто обновлялся в последнее время - буду рад информации (если кто докопался до истины)

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

последний раз от чего то похожего помогло удаление модулей, лок файла и установки их заново

Всем привет
Есть на одном сайте range-инпут, и при смене значения происходит звук
Не могу понять как в сорсах найти этот звук
В нетворках в media ничего нету, в All по какому-то mp4/mp3 тоже ничего не нашел
Зашел в Sources, тоже никакого звукового файла нету
Мб есть какой-то ресурс-чекер онлайн, который пропарсит страницу и выдаст все медиа
Или еще какой-то способ :D

возможно генерируют звук https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API ну и можно еще в сорс зашивать в каком-нибудь base64 etc виде

Блин во я отстал конечно, чет даже не подозревал что можно генерировать

Спасибо

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()
const observer = new MutationObserver(function(mutationsList) {
 const oscillator = audioCtx.createOscillator()

 oscillator.connect(audioCtx.destination)
 oscillator.type = "sine"
 oscillator.frequency.setValueAtTime(
   Math.log(mutationsList.length + 5) * 880,
   audioCtx.currentTime,
 )

 oscillator.start()
 oscillator.stop(audioCtx.currentTime + 0.01)
})

observer.observe(document, {
 attributes: true,
 childList: true,
 subtree: true,
 characterData: true,
})
запускаешь в консольке любого сайта с формами, кликаешь, двигаешь инпуты = слышишь как "шуршит" сайт)

Вопрос по a11y и скрин ридерам: что первое должен “увидеть” ридер при открытии модалки и как пользователи скрин ридеров попадают на кнопку Close в модалке?

Вот у меня чего-то в памяти такое, что первым в фокус должна попасть как раз кнопка close. screen reader, когда попадёт на элемент внутри role="dialog" прочитает это, как я помню

Но сейчас вижу, что в гайдах пишут просто про first tabbable элемент

Привет. Подскажите пожалуйста касательно typescript:
Есть https://emotion.sh/docs/introduction
Это такок CSS-IN-JS. В него можно пробрасывать пропсы, что бы как то менять представление.
Есть параграф, который я так стилизирую и пробрасываю количество строк, на котором текст должен обрезаться.
Вот только тайпскрипт, как только видит незнакомый проп на параграфе сразу говорит:

Property 'maxLineCount' does not exist on type 'IntrinsicAttributes & ClassAttributes<HTMLParagraphElement> & HTMLAttributes<HTMLParagraphElement> & Pick<...> & { ...; } & { ...; }'.

Я по идее понимаю, что надо наверное как то расширить тип стилизированного параграфа этой самой пропертей.
Но не могу понять как это надо сдлать толком

По идее у них даже ман есть https://emotion.sh/docs/typescript#passing-props
Но что то я пока смотрю в книгу, вижу жопу.
В том смысле что не могу заставить работать

Конкретно, я сделал

type StyledTextProps = {
  maxlinecount: number;
};

export const StyledText = styled.p<StyledTextProps>`…`;

Но ошибка всё равно на месте

type StyledTextProps = {
  maxlinecount: number;
};

export const StyledText = styled.p<StyledTextProps>`…`;

Property 'maxLineCount' does not exist on type = camel case

type StyledTextProps = {
 maxlinecount: number;
}; = lower case