TrySound forked your repository

Доработал новый UI. Постарался добавить глубины, оформил дизайн систему и добавил две классические, неугловатые, темную и светлую темы. Фидбек приветствуется 😊️️️️️️

Кому не нравится, поделитесь мнением. Интересно же. Я так быстро столько реакций еще не получал. Явно нерв задел.

Делаю редезайн плеера. Хочется чтобы бвл поярче, как UI в играх. Как вам?

Мой плеер теперь доступен на https://libras-music.app с новым сайтом и демкой, чтоб можно было пощупать без сервера.

• выкатил fuzzy поиск по всему артисстам, альбомам и трекам • переработал архитектуру и добавил бесконечный скролл, чтобы не зависало когда 3к исполнителей • уменьшил количество запросов к моему серверу с 318 до 10, спасибо search3 ендпойнту который позволяет разом (с пагинацией) вытащить все данные • в целом потюнил UI https://github.com/TrySound/libras/releases/tag/v0.2.0

Довел свой плейер до юзабельного состояния. Знакомтесь, Lbras - плеер для ваших серверов с музыкой. Работает для Navidrome и других совместимых subsonic серверов. Есть оффлайн. Устанавливается как PWA/webapp на любом устройстве. Буду рад любому фидбеку. https://github.com/TrySound/libras

Я довольно много путешествую между странами, что не очень нравится стримингам музыки, и они отменяют мои подписки. Честно, уже надоело менять сервисы, поэтому поставил себе на VPS Navidrome - self-hosted решение для музыкальной библиотеки. Подключайся хоть с телефона, хоть с компа, главное чтоб интернет был. Но вот приложения клиенты на мой вкус отстой. У опен сорсных вариантов странные UX решения. Последнюю неделю пилю свой проигрыватель. UI сыроват пока, но уже свичнулся везде.

Наткнулся на крутую браузерную апишку Media Session. Позволяет задать мету и контролировать проигрывание системными контролами. Работает на мобилках и даже в mac os. https://developer.mozilla.org/en-US/docs/Web/API/Media_Session_API

Исторически RIFM был очень низкоуровневой либой и все форматирование пользователям приходилось выдумывать самим на основе наших примеров. Сегодня я выкатил первый встроенный конфиг для форматирования чисел. Работает на основе указанный локали, поддерживает отрицательные числа и дает контроль над плавающей точкой. Чтоб не раздувать бандл, импортируется из отдельного ентри пойнта. Вместе с рифмом 1.43kB в гзиппе. https://github.com/TrySound/rifm/releases/tag/v1.1.0

Несколько лет назад мы с Ваней Старком запилили либу для маски иппутов в реакт компонентах. Типа в числа точки или запятые добавлять в качестве разделителей (100,000), или в даты дефисы (2024-03-12) и слэши (2023/2 / ). Проект жил в орге компании, в который работали, и после перехода доступ перекрылся. Так вот недавно удалось вернуть репу, поэтому выпускаю первый стабильный релиз RIFM 1.0. - Работает как со старым так и с новым реактом. - Тесты запускаются в браузере, вместо jsdom, чтоб наверняка. - Заверстал новый сайт - У пакета лям скачиваний в неделю https://github.com/TrySound/rifm

Релизнул новую версию SVGO • секьюрити фиксы • апгрейд зависимостей: в пределах поддерживаемых node версий • тесты регрессий 24min -> 7min: закэшил скриншоты и перенес оптимизацию в воркеры https://github.com/svg/svgo/releases/tag/v4.1.0

Оживил еще один старый проект, svg-parser Рича Харриса (создателя rollup и svelte). Парсер упрощенный, без зависимостей и стриминга, возвращает JSON в формате [HAST](https://github.com/syntax-tree/hast) совместимом с форматом SVGO. Когда-то брал под свое крыло чтоб уменьшить количество зависимостей в SVGR (генератор компонент из svg файлов). https://github.com/Rich-Harris/svg-parser/releases/tag/v2.0.5

Оживил еще один старый проект, svg-parser Рича Харриса (создателя rollup и svelte). Парсер упрощенный, без зависимостей и стриминга, возвращает JSON в формате [HAST](https://github.com/syntax-tree/hast) совместимом с форматом SVGO. Когда-то брал под свое крыло чтоб уменьшить количество зависимостей в SVGR (генератор компонент из svg файлов). https://github.com/Rich-Harris/svg-parser/releases/tag/v2.0.5

Релизнул патч в свой старый пакет впервые за 11 лет. Оказывается у него 35 лямов загрузок в неделю. Выкинул старые дев зависимости и включил trusted publishing, чтоб публиковать через гитхаб экшн, без ручного вмешательства. https://github.com/TrySound/read-cache

Небольшой анонс, я снова буду мейнтейнить SVGO https://bsky.app/profile/trysound.io/post/3mstrazwzx22j

SVGO снова онлайн https://github.com/svg/svgo

ГитХаб всадил нож в спину мейнтейнерам, которые годами на халяву пилят самый популярный SVG оптимизатор, и зашэдоубанил оргу SVGO. Для мейнтейнеров ничего не изменилось, а весь остальной мир видит 404. Пора рассматривать альтернативные платформы, к примеру tangled на atproto. https://github.com/svg/svgo

В чатике про дизайн системы выложили объявление о работе: "Землекоп – 5 000р" Интересно кого закапывать собираются, разработчика или дизайнера?

Воспользовался новыми gap decorations внутри грида. Они отлично деградируют в firefox и safari и избавляют от лишних дивов вокруг каждой строки.

<dl>
  <dt>Energy</dt>
  <dd>4/5</dd>
  <dt>Mood</dt>
  <dd>tired</dd>
  <dt>Symptoms</dt>
  <dd>headache, fatigue</dd>
  <dt>Note</dt>
  <dd>Mild headache in the afternoon</dd>
</dl>

dl {
  row-rule: 1px solid var(--ds-border-subtle);
}

https://developer.chrome.com/blog/gap-decorations-stable

16 лет назад, много использовал postcss, и хотелось на него переехать для всего стека. На тот момент в продукте использовались sass, autoprefixer и кажется gonsalez минификатор для CSS. В тоже время познакомился с Беном Бриггсом который задумал запилить минификатор на postcss. Назвали cssnano. День и ночь пилили плагинчики в юникс-стиле – каждая оптимизация в своем пакете. Постепенно появлялись баг репорты, и чаще всего ломались парсеры значений на регулярках. В какой-то момент стало невозможно учитывать все возможные кейсы, и я запилил еще один пакет postcss-value-parser с парсером и сериализатором вокруг минималистичного AST. С переездом наших плагинов, количество багов значительно уменьшилось, а парсер стал использоваться другими проектами, к примеру, самым популярным CSS линтером Stylelint. Вчера старые знакомые из экосистемы написали что хотели бы оживить парсер и на меня нахлынула ностальгия. Обновился до последних нод, свичнулся с yarn на pnpm, порезал кучу пакетов, а то развелось "31 уязвимостией". - Дропнул husky и lint-staged -> 19 уязвимостей, node_modules 65MB - Заменил tape на node --test -> 3 уязвимости, node_modules 45MB - Обновил eslint и prettier -> 0 уязвимостей, node_modules 20MB А потом плюнул и мигрировал на oxlint и oxfmt. Зависимостей теперь только три (под капотом помимо бинаря еще tinypool для воркеров). https://github.com/postcss/postcss-value-parser