Pull to refresh

Comments 142

UFO just landed and posted this here

Как получится.

За сервер платил из личных денег (100₽ в месяц), остальное делал сам. Иногда люди донатили.

UFO just landed and posted this here

Так в настройках отключите компактную ленту :)

Настройки -> Настройки интерфейса -> Компактный вид ленты

UFO just landed and posted this here
Иначе пользователь зайдёт на сайт, посмотрит на такое и больше не придёт. В настройках разбираться 99% точно не будут.

Походу я один из этих 99 % — так и сделал, но потом дочитал до этого комментария)

Аналогично поступил, ибо выглядит это как недоработка и даже в голову не пришло, что можно что-то настраивать

В таком случае, куда сдавать деньги на обои в детсад? Я ещё пока ваш проект не отрывал, это я сделаю минут через пять, но судя по тому что у вас, наконец-то, есть тёмная тема, то всё, я в очереди первый за обои в детсаду. Где ваш пейпал?

Упс, авторизация, в действительности поломана.

Никакой капчи не показывается. Давайте так, вы — авторизацию с капчей, я вам год сервера проплачиваю 8-)

UFO just landed and posted this here

Так получилось, что я не до конца понял про хабра-эффект: куча человек зашли на сайт и попытались авторизоваться (причем через страшный, никому не известный сервер!). Появилась капча, которую не победить никак. Зато мне Boomburum написал, надеюсь, что можно будет договориться о приложении, через которое будет проходить авторизация с помощью OAuth (без пароля)

Только что смог зайти. Это просто дело времени и правильного тайминга (сарказм)

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

а вам не приходит в голову, что, возможно, автор «недоделки» не может повлиять на ситуацию? ну разве что купить кучу ip-адресов или арендовать прокси для авторизации.

UFO just landed and posted this here
А решение, предложенное топик-стартером, несмотря на все усилия, просто не рабочее, к сожалению.

почему нерабочее?
в конце концов, есть исходники, можно поднять на своём сервере и не страдать от этой проблемы.

UFO just landed and posted this here

Авторизацию видимо не до конца победили. Пишет ошибку введите капчу, капчу не показывает

Да, косяк. Всё идёт через один сервер (один IP), Хабр взял и ограничил траффик. Зато будет над чем поработать в третьей версии!

По поводу капчи: попробуйте часика через 2, чтобы cooldown сошёл (не факт)

А у хабры разве не oauth? Можно сделать наверное авторизацию через непосредственно https://account.habr.com/?

 тсс, ещё не все хабрологины собраны....

Нет, нельзя. account.habr.com только для сервисов Хабра. Я уже писал в поддержку, чтобы зарегистрировать новое приложение, но там ответили, что API для приложений находится в разработке и поэтому ничего сделать нельзя. Вот и выкручиваюсь как могу.

По поводу сбора личных данных: гарантией пока служит моё честное слово. Могу nginx.conf скинуть :)

UFO just landed and posted this here
UFO just landed and posted this here

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

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

А разве все информационные сайты не ограничивают трафик по ip? В противном случае наделал зеркал, навешал своей рекламы и зарабатываешь нахаляву.

И в таком случае получается проект изначально не реализуем.

Выглядит приятно.
У меня есть два предложения:
1) Насколько сложно собирать (по тегам h1, h2, h3..) оглавление статьи и выводить его в закрепленную сбоку панельку? (у вас на скринах мой вертолетный пост, вы же видели как больно его читать без навигации)
2) Можно блеклистить авторов, ура. Хорошо бы это расширить и на комментарии

Вообще с блеклистом постов тема сложная. Я сейчас (только для фида "Моя лента") блокирую все посты компаний, кроме компаний из вайтлиста или авторов из вайтлиста. И таких наборов правил можно еще много придумать.

1) Вообще не сложно, возьму на карандаш.

2) Как раз сейчас это делаю!

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

UFO just landed and posted this here

Если делать скрытие статей, здорово бы иметь на виду условную кнопочку "Посмотреть список скрытого с возможностью раскрытия" %)

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

Тут важно найти баланс между гибкостью настройки вайтлистов/блеклистов и сложностью интерфейса. Чтобы оно не оказалось бесполезным, но и не превратилось в программирование

Отличный способ уговорить официальный Хабр сделать наконец-то фичи типа блеклиста))

У меня есть подозрение, что они это не делают специально: отсутствие возможности забанить неприятного автора/комментатора подогревает мелкие конфликты, которые приводят к флейму и увеличению активности пользователей и трафика.

Я бы так и делал

доктор_зло.jpg

UFO just landed and posted this here

Большинство активных пользователей просто забанят автора и больше не увидят его

У меня забаненный автор не будет скрыт, но будет показана плашка "Здесь был тролль" и название статьи. Если название зацепило - пользователь перейдет и всё будет прекрасно.

UFO just landed and posted this here

Надо чтобы человек реально негатив получал

Я понимаю идею, но давайте всё же согласимся, что люди интернет открывают не для того чтобы получать негатив и бесплатно работать модераторами

Желаете, чтобы модерацией занимались проплаченные компанией люди? К примеру, как в ФБ?

P.S.: Свёл вместе три пальца…

Не желаю получать негатив и вносить 1/100 необходимого вклада для его искоренения, надеясь что вот сейчас придут еще 99 человек и тоже нажмут кнопочку вниз. Желаю кнопочку "не хочу видеть этого автора/статью/комментатора"

И мир ведь не делится на черное и белое. То что я не хочу видеть какую-то статью, еще не значит что она объективно плохая. А то, что статья объективно плохая еще не значит, что я не хочу её видеть. Например очередной еженедельный дайджест дайджестов вроде-бы неплох, но мне не интересен. Или очень популярная и горячо обсуждаемая статья о том, что одна операционная система лучше другой операционной системы. А вот статьи про вечные двигатели, новые авторские законы физики и прочую дичь — бывают забавные, я бы почитал (вместе с комментариями).

UFO just landed and posted this here

А так как сайт базируется на карме 

Точно, давайте поговорим про кнопочки вверх и вниз.

Кнопочки вверх и вниз есть на комментариях. Часто можно видеть, как их используют для анонимного и молчаливого побивания камнями тех, чье мнение сегодня людям не нравится. Часто можно видеть и как очень полезный комментарий набирает меньше плюсов, чем смишная шутка (ничего не имею против смишных шуток, я и сам дурачек)

Кнопочки вверх и вниз есть и под статьями. Под статьями корпоративных блогов при нажатии кнопочки вниз предлагается небольшой квиз о том, зачем именно вы нажали кнопочку вниз. Квиза нет на кнопочке вверх, поэтому её нажимать проще. Наверное какая-то часть людей тяжело вздыхает на этом квизе и закрывает его, что перекашивает баланс в сторону плюсов (по сравнению с отсутствием квиза). Опять же, как Доктор Зло, я не могу это осуждать.

Жаль что квиза нет в обычных статьях. Потому что минусы без пояснений часто совершенно бесполезны. Автор, не должен додумывать за читателя что именно ему не понравилось в куче текста и картинок. Жаль так же, что квиза нет и на кнопочке вверх.

Кнопочки вверх и вниз есть есть и в самом профиле пользователя, но это совсем уж глупость какая-то и, кроме редких случаев, не работает.

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

Кнопочки вверх и вниз есть есть и в самом профиле пользователя, но это совсем уж глупость какая-то и, кроме редких случаев, не работает.

Это работает, но по принципу отрицательного отбора. На твоих комментариях регулярно нажимают кнопочки вверх, но в профиле почему то по большей части кнопочки вниз. В результате, вроде бы оставляешь полезные и смишные комментарии, а ограничений всё больше.
надуманно. Занесение в блэклист вполне может сопровождаться автоматическим понижением кармы. А вторично понизить её всё равно нельзя, как бы автор ни заслуживал этого :-)
Минусики под комментами нельзя будет ставить? Ну, таков выбор того, кто забанил. Массовое проставление минусов даже под плохими комментами даже неприятной личности — некрасивая практика, и её потеря не должна никого волновать.

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

А если я блокирую автора просто потому что не хочу видеть в ленте его посты, но в целом против него ничего не имею и прекрасно понимаю, что 95% людей видеть его посты в ленте, наверное, хотят?

А если я блокирую автора
Эко Вы замахнулись, на общий бан :-D
Blacklist — это игнор с Вашей стороны. Блокирование личное и означает только, что он не сможет комментировать Ваши посты и комменты и выставлять свои оценки им.
Можно устроить и так, что Вы его больше не увидите, ни его постов, ни, может даже, его комментов. Но это посложнее в реализации будет, запрет соваться ему под ваши тексты — уже хорошо.
Потому что если фича будет легко доступна, то большинство активных пользователей просто забанят автора и больше не увидят его.

Продолжу: И тогда некоторые компании могут просто перестать оплачивать свои рекламные аккаунты, раз их перестанут просматривать. Ничего личного, просто бизнес.

Можно законодательно запретить банить блоги компаний

ну, сейчас-то можно, хотя, подозреваю, из тех же соображений итоговые цифры могут и подкручиваться. Как вариант — можно запретить снижать оценку блогов компаний ниже нуля. Или минусовать можно, а карму снижать нельзя. В общем, вариант можно придумать, он всяко нужен, с блэклистами или без них.
Проблема в том, что накрутка плюсов на статье в разы проще и таких плюсов больше чем возможных всех минусов. Мало того что не все готовы работать модераторами, так ещё это будет бесполезно в большинстве случаев.

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

С третьей стороны — можно долго пинать компании за кривые переводы статей, но смысла в этом нет. Да и карму снижать им бесполезно, это компания же.

Любую вещь можно довести до абсурда.

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

Странные у вас представления. Нет блеклиста, чтобы туда проплаченные корпоративные блоги не попали, по моему очевидно.

Добавьте возможность выбирать публикации и на русском, и на английском языке.
Сейчас на habra. (переключатель):


Сейчас на старой версии хабра (разрешен множественный выбор):

Не заметил, добавлю в ближайшее время (должно быть довольно просто).

developerxyz, у вас на скрине Win2000, да? Или это какой-то твик для Win10 чтобы она так выглядела *затаил дыхание в надежде*

в 7 есть такая по дефолту, упрощённая называется вродь) интересно, можно .msstyles перекинуть на 10-ку?)

Windows 7, включил классическую тему. В Firefox включил отображение системного заголовка.

Хочу попросить плёвый, но очень полезный фикс - в веб-версии открывать ссылки на внешние сайты в новой вкладке

UFO just landed and posted this here

На тачпеде всегда так делаю. И на планшете тоже.

На тачпаде, как правило, есть возможность эмулировать среднюю кнопку мыши по нажатию двумя или тремя пальцами. Для мака есть костыли, например MagicPrefs.

На планшете (да и на телефоне) есть варианты по удержанию пальца на ссылке.

CMD + Click (Ctrl + Click) не подходят? :-)

Зачем использовать клавиатуру+мышь, если можно обойтись только мышью? Это удобнее, не надо никуда тянуться)

тапнул, подержал, «в новой/фоновой вкладке» в меню. Не ахти, но работает.

Было бы неплохо скрывать боковую панель, т.к. 99% времени она не особо нужна.
Шрифты местами как-то не согласованы по размерам. Особенно заметно на Arial.

Отличный проект! Респект за потраченные силы и время!


По поводу обратной связи… Читаю хабр с помощью клавиатуры и скринридера. И для этого важна навигация по html элементам. На старой версии хабра можно по заголовкам статей в списке одной кнопкой перемещаться. Т.к. они сделаны тегом h2. В твоей версии ничего подобного, к сожалению, нет.

Единственное на что у меня не хватило времени - это оптимизация элементов под скринридеры. Даже если просто табом перемещаться по странице, получится ерунда. Постараюсь сделать хоть что-нибудь в ближайшее время!

При пользовании стрелочками страницы вполне доступны. Да и кнопки / ссылки на месте. А не, скажем, div с onClick. Так что семантика у верстки вполне есть. Но вот заголовков для навигации по ним не хватает.

Учитывая, что Хабр в последнее время стал показывать только заголовки статей в ленте, Хабра – это как глоток свежего воздуха! Спасибо вам!

Внизу страницы есть "Настройки языка", где выбрав "Классический" вид можно видеть не только заголовки но и текст.

Главное грузится быстро) В последнее время оригинальный хабр частенько не может прогрузить свои обновленный файлики с CDN и может вообще не загрузиться. У кого-то еще есть такие проблемы или мне надо мазь на лыжах поменять?

А у этих людей есть такая возможность? Смысл тогда в моём приложении, если есть такая крутая читалка.

p.s. отображение текста сбоку неизбежно приводит к сколиозу

Какая возможность?
Там прикрыли корс лавочку, так что без сервера теперь никак.
Сбоку можно расположить меню.

А на темной теме сейчас могут быть такие же проблемы, как и в оффициальном андройд приложении хабра.

Ссылка для дебага - https://habra.vercel.app/post/386693
Ссылка для дебага - https://habra.vercel.app/post/386693

Т.е. вставки латекса не будут менять цвет на цвет текста, так как они изначально черные + это вообще svg формат.

Латекс у меня парсится MathJax'ом, это автор решил не пользоваться формулами Хабра, а загрузить их как картинку. Отпарсенные формулы отлично подстраиваются под цвет темы!

А, ну точно, тогда вообще красиво

Для инлайновых картинок думаю можно просто добавить это в тёмной теме:

filter: invert(1) hue-rotate(180deg);

Не всегда инлайн картинки это формулы (это может быть иконка в дайджесте например)

Фотографии не являются иконками.

Спасибо за проект, слежу за ним с момента основания.

Кстати, год назад ваш пост явно выпилили из топа вручную, тк он сначала висел в "топ-месяце", а потом исчез. И это точно было до истечения "срока годности". Я запомнил, тк хотел задать вопрос в техподдержку хабра о причине исчезновения поста, но так и не написал.

Жду авторизации. Через ваш сервер логинится не буду, чтение nginx.conf мне не поможет, я там ничего не понимаю:)

Из хотелок: в 99% случаев я читаю только топ-месяц, и топ-неделя. И было бы клёво иметь возможность прятать пост, который уже прочитал (ручками или автоматом), подтягивая новые 20 постов на страницу. Те я хочу всегда видеть только те 20 постов "топ-месяца", которые не читал. Надеюсь, не слишком запутано объяснил .

Поскольку в приложение нельзя будет перейти из письма про полученный коммент — неплохо было бы, если б приложение само обеспечивало подобный функционал (список полученных новых комментов). Уж не знаю, насколько это реализуемо…

А можете ещё добавить meta Open Graph теги для соцсетей как у Хабра?

А зачем вам тут SSR? За сервер слишком мало платите?) Просто выдавайте контент статей в виде HTML. И отдельно sitemap выдачу.

Эххх, я уж думал новая версия кармы подъехала, где будет сложнее 'отменять' тех, кто просто не понравился.

Имхо, у отрицательной (и у положительной тоже) кармы должен быть TTL. Так же, как административка сгорает через год. А то получается, что из-за двух-трёх спорных высказываний, не совпадающих с мнением большинства, приходится жить 'отменным' навсегда.

Или может человек всё осознал, исправился уже после сброса кармы (чудеса тоже бывают, да), а для выхода из глубокого минуса нужно новую учетку регать.

P.S. @dcoder_mm

https://habr.com/ru/post/575210/#comment_23426528

Я понимаю идею, но давайте всё же согласимся, что люди интернет открывают не для того чтобы получать негатив и бесплатно работать модераторами

А я вот смотрю на хабр и мне кажется, что люди только ради этого на хабр и ходят. Чтобы бесплатно поработать модераторами и показать свою власть над 'читательскими' (и не только) аккаунтами. "Ты тут ни одной статьи не написал, а у меня вот есть статьи, поэтому у меня тут больше власти. И сейчас я тебе покажу, кто здесь главный! И на чьей стороне правда и справедливость.".

Блок под статьей в мобильной версии все-таки нуждается в доработке.

Тут проблема с приоритетами. Мне как рядовому пользователю все равно сколько у статьи просмотров и сколько людей добавило ее в закладки, а вот добавление в закладки и комменты - наоборот важны. Тут не сразу понятно, что эти блоки нажимаются (причем не все) - возникает путаница.

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

На десктопе не следует выравнивать значки под статьями по ширине. Они слиииишком рассредоточиваются по экрану. Лучше их объединить в один блок и прибить к левой стороне.

На главной есть проблема с тем, что используется слишком много неоправданно ярких цветов для вторичных элементов.
Основное тут - текст, но его сложно воспринимать, когда внимание рассеивается на очень яркие синие элементы. Лучше использовать более приглушенные цвета, вроде тех, что используются сейчас на Хабре. Еще менее оправданы кислотно фиолетовые цифры в блоке "Лучшие компании". Разве эти цифры так важны, что вделаются на фоне всей страницы? Думаю нет, их можно сделать светло-серым.
Посмотрите, как сейчас построены современные приложения - интерфейс максимально приглушен, больше акцента на контент.
Вспомнить тот же инстаграм, раньше он был весь цветной, яркий, а сейчас белый, невзрачный, но фотографии и текст теперь читаются лучше.

А так очень хорошая и кропотливая работа!

Тапбар тоже немного вводит в заблуждение. Кажется, что на первой вкладке только статьи, а на второй - только новости. Но на первой просто общая лента (которую логично так и назвать).
И тут надо подумать над тем, нужен ли отдельный раздел с новостями? Насколько он востребован пользователями? Тут нужна аналитика и немного поисследовать аудиторию, спросить, что нужно пользователям.

Еще менее оправданы кислотно фиолетовые цифры в блоке «Лучшие компании». Разве эти цифры так важны, что вделаются на фоне всей страницы? Думаю нет, их можно сделать светло-серым.
А еще лучше это блок отключать в настройках. Мне, рядовому пользователю, он нафиг не нужен, что кислотный, что приглушенный.

P.S. Большое спасибо за вашу работу — глоток свежего воздуха на мобилке. Как допилите авторизацию — буду только через ваш сервис ходить.

При попытке авторизации требует решить капчу, которой нет... Что в Edge, что в Firefox. Для эксперимента выключил все блокировщики рекламы, но тщетно.

Попробуйте ещё раз через некоторое время. Капчу сделать я пока не знаю как, т.к. она завязана крепко с сайтом account.habr.com :(

Официальный Хабр лучше. Вы срезаете картинки до узкой полоски, и вместо лица человека остается только нос. После картинки нет текста до ката. У вас больше цветов и иконок. Промотав вниз, ожидал увидеть комментарии, а оказалось, нужно на них нажать.

Вы срезаете картинки до узкой полоски, и вместо лица человека остается только нос

Уже говорил про это, выше в комментариях есть обсуждение. Чтобы отключить - Настройки -> Настройки интерфейса -> Компактная лента

Промотав вниз, ожидал увидеть комментарии, а оказалось, нужно на них нажать.

Видимо не дочитали статью :) В роадмапе написал про это.

У вас больше цветов и иконок

Цветов, кстати, наоборот, стало меньше (всего один акцент). К тому же можно сделать свою тему с цветами, удобными лично Вам.

Цветов, может быть и стало меньше в количественном исчислении, но визуально новый дизайн слишком пестрый, акцент слишком сильный и не особо обоснованный.
Выше на это указал.

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


Алсо, не работает авторизация — "введите капчу".

Если вы имеете ввиду скрытие постов в ленте - да, это "Черный список" в настройках. Страницы компании пока нет.

Чтобы не мучиться с переключением по локализациям, очень рекомендую плагин i18n-ally для VSCode. Сильно упращает жизнь в плане локализаций. Показывает текущей перевод в коде, % заполнений всех тектов для разных локализаций. Удобное заполнение, а так же задание самой локалилзации через код.
Единственное, что надо держать локализацию в формате json. И сам плагин поддерживает файл в отсортированном состоянии в алфавитном порядке.

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

Да ладно, это опенсорсный проект :)

На компьютере также можно установить приложение как PWA (по крайней мере в хроме)

@jarvis394а почему не на Hetzner? Там дешевле выходит и довольно качественно. 2.5€ за 1 vcpu, 2gb ram и 20gb ssd. Да и в целом цены довольно демократичные. Лично я там держу личный сервачок для петов CPX31 с 4/8/160 спеками. На работе несколько тестовых и прод впсок клиентов у них же держим. Песня. ​

Всё там хорошо... но капча((( будем ждать исправлений

Предусмотрите возможность смены сервера (хотя бы сервера комментариев на какой-нибудь fediverse типа Dissenter/Gab).

Google Sans, конечно, симпатичный, но проприетарный. Вы уверены, что вам можно его использовать в своих проектах? Вряд ли что-то будет, но вполне возможно, что это нарушение лицензии.

UFO just landed and posted this here

Спасибо за развернутый ответ. Сразу скажу, что владею пока только Windows и Android (MIUI), так что возможности тестить на всех платформах у меня нет.

  1. Самое читаемое есть снизу каждой статьи и, по-моему, в блоке справа. Точно помню, что делал запрос к articles/most-reading и тот давал приличный список статей. У меня были идеи сделать ленту в виде карточек, где сверху будут, как в дайджесте, небольшими заголовками, показаны самые горячие статьи. Я ещё пока сомневаюсь над юзабельностью карточек "вразнобой" на десктопе (имею ввиду карточки, занимающие примерно треть экрана на мониторе и расположенные кучкой). Пока что, как сделать по другому быстро-красиво не придумал.

  2. Отличная вещь, добавил себе в задачи.

  3. Я пока не знаю, как нормально подгружать свои шрифты (Lighthouse сильно ругается на размер загружаемых данных), поэтому набор такой скудный. Также я пробовал менять шрифты у интерфейса на официальные, но результат меня не впечатлил (видимо, любовь к жирным круглым шрифтам слишком ослепила). Если, например, менять шрифт в заголовках статей на Fira Sans, то нужно поменять их кегль. А это, без (в который раз!) переделки структуры объекта настроек сделать можно, но говнокодом трудно. Навскидку можно поменять так:

...
interfaceSettings: {
  accentFontFamily: 'Google Sans' | 'Fira Sans'
  accentFontSize: 20 | 18
  codeFontFamily: 'Consolas' | 'Fira Code'
  codeFontSize: 16
  textFont...
  ...

№5 (редактор не даёт продолжить...) Компактный режим также обманывает названием, так как он только убирает текст до ката и кнопку "Читать далее". Также можно отключить показ КДПВ в ленте.

Та же идея с картинками сбоку витала в голове прямо рядом с теми самыми карточками статей, о которых я говорил в начале. Дизайн карточек я постоянно вижу в ленте гугла: у более больших статей картинка на всю ширину + заголовок с обрезанным текстом, а у новостей — сбоку + заголовок.

№6 Комментарии

вся суть хабра в комментариях

Об этом я написал в дисклеймере - проект так то делал для себя, сам и расставляю приоритеты :) Для меня Хабр - это в первую очередь читалка, а не мнение-выражалка, поэтому я фокусился на парсинге текста, библиотеках для картинок, плавном скроллинге и т.д.

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

Скрытие веток я уже придумал как сделать, добавил в трекер.

Возврат назад по кнопке "Назад" - это отдельная боль. Для нормальной работы мне нужно написать wrapper для роутера реакта, в котором я буду хранить историю объектов путей + нужно объяснить каждому пути, как можно вернуться назад. Например, если зайти на сайт сразу по пути /post/123/comments, приложение должно понять, что при нажатии кнопки назад надо пойти по пути /post/123. Это вроде называется static routing, когда у тебя есть "карта" сайта, и умный роутер всегда знает, как вернуться на предыдущую страницу. Хорошее решение есть у @vk/router, но оно заточено под их VK Mini Apps и не подходит для обычного реакт-приложения. Поэтому единственный выход - писать самому, что, блин, и долго, и сложно и вообще плакать хочется.

Как то так. Я в целом месяц статью писал и допиливал проект, устал, хочу сделать перерыв; надоело заниматься одним проектом чуть ли не 2 года. Поэтому все реквесты будут пока отложены в черный ящик до востребования (уж извините). Ссылка на доки для контрибуции есть в статье.

UFO just landed and posted this here

За 3 дня на сайт на сайт зашло больше 6 тысяч немцев

попахивает proxy. Может кто-то из большой корпоративной сети завернул через Дюссельдорф. Потом опомнились :)

UFO just landed and posted this here

Я не специалист, но честно говоря меня привлекло именно то насколько качественно сделано PWA в вашем случае. Это очень редко встречается.

Чаще всего PWA не оправдывают то какими они в идеале должны быть и банально не запускаются без интернета. Или же после нажатия на абсолютно любой элемент - начинается загрузка (ещё хуже если в этот момент появляется полоса загрузки). И вместо работающего без интернета ничем не выдающего себя PWA - получается франкенштейн из сайта и приложения.

В вашем же случае приложение выглядит и ощущается как обычное. Все элементы внутри открываются без задержек и даже в офлайне. Именно это и классно. Так и должно себя вести PWA (в идеале).

Не планируете разместить приложение в Google Play или других магазинах приложений? Спрашиваю потому что только PWA скачанные оттуда могут открывать ссылки по умолчанию.

Я долго искал спеки для PWA и открытие ссылок с домена, отличного от домена, с которого был установлен PWA, находился ещё в стадии feature предложения. И не думаю, что оно из него выйдет, т.к. сразу возникнет проблема безопасности.

Не планируете разместить приложение в Google Play или других магазинах приложений?

Поэтому и не планирую выкладывать в магазины (какой бы пиар оное мне ни дало). Мало того, что мне придётся возиться с лицензиями и прочей бюрократией (+ скорее всего и заплатить за dev-аккаунт), так это будет просто неудобно, на мой взгляд. Установка хабры - клик по кнопке "Add to home screen", легко и просто.

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

Может Google и Microsoft ещё этому посодействуют. Они в последнее время активно продвигают PWA и увеличивают их возможности. Как ни крути - у многих компаний есть кейсы успешного применения PWA, а любая корпорация живёт по принципу *то что приносит деньги - умереть не может*

Chrome 93 принёс небольшие изменения касающиеся этого. Пока что совсем не значительные насколько я понимаю, но всё же - это маленькое улучшение.

Нельзя перейти на источник перевода по клику мышки (или я не разобрался)


По какой-то причине не ставится название страницы


Возможно ли перенести блок компании после статьи, как это в оригинальном хабре?
Я даже сначала подумал, что это реклама :)

Upd. Этих блоков аж три на странице, занятно)


Ссылка на самом деле не ссылка и открыть её не нажимая ЛКМ нельзя


Так же возможно ли отключить бесконечные переходы по веткам? Это выглядит как плохой ux с реддита, где чтобы увидеть ответ на комментарий, нужно переходить в ветку. А затем еще раз в ветку. И каждый раз с перезагрузкой страницы и новым url'ом.
Upd.
  1. Добавил в трекер, наверное Хабр обновил API, а я не заметил.

  2. Потому что браузер не загружает JS до открытия страницы, а все мета теги без SSR динамические, т.е. генерируются JS кодом.

  3. Все эти блоки я добавил чисто от души, надо переделать; тоже в трекере ("Хабр сделал, ну а я чем хуже" и запилил по инерции)

  4. Так как я очень ленивый, а теги ссылок добавляют всякие text-decoration: underline и цвета всякие, мне было легче сделать onClick на контейнере, чем ссылку. Я очень ленивый.

Ветки - решение для мобильных устройств, так как вложенные комментарии довольно быстро уходят за рамки любого смартфона. На мой взгляд, нажатие мышкой на компьютере != тап по экрану смартфона, поэтому ветки на мобильных устройствах довольно удобная вещь (естественно, имхо). А на ПК я просто отключил ветки, ведь настройки не синхронизируются между устройствами.

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

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

И автор, в этом посте в месте где нумерация есть ошибка в нумерации, поправь пожалуйста.

В подсказке к иконке отредактированного коммента время создания, а не изменения комментария. Оригинальный хабр время изменения сейчас, похоже, не отдаёт.
Тех же фитч что перечислял год назад до сих пор нет.
Моя лента с сортировкой и фильтрами, да для этого нужно будет парситсь хабр раз в день где-то. Например я хочу смотреть из 10 отмеченных хабов отсортированных по количеству комментов за последний год.
Ну и кнопка просмотрено, чтобы просто скрывать пост из выборки.

А когда можно будет залогиниться? Проблемы с капчей все так и не решены?

Рекапча завязана на один домен — habr.com, и на всех остальных она будет показывать ошибку. Если же можно каким-то образом перенаправить запросы к серверам Google от рекапчи через свой сервер (на котором я буду подменять заголовок домена), то тогда ещё можно что-то сделать.

Единственное решение — не ошибаться в пароле и заходить ночью, когда никто не активничает.

что не работает/отсутствует из того чем я пользуюсь на официальном сайте:


  1. по нажатию «ответить» в комментариях ничего не происходит (я авторизован);
  2. трекер комментариев (есть только в старом дизайне). с учётом того, что в новом дизайне его поломали, а старый рано или поздно отключат, для меня его наличие было бы достаточной причиной, чтобы переключиться с официального сайта на хабра;
  3. ctrl-enter для уведомления автора статьи об опечатке не работает;
  4. «диалоги» вовсе не реализованы, похоже.
5. навигация по непрочитанным комментариям

Всё, что вы перечислили - это функции, которые требуют авторизации. В статье я ясно написал, что её я планировал сделать в 3-ей версии, так что все события, связанные с авторизацией немного форсированные. В этой версии у меня был фокус на хороший просмотр статей и новый дизайн.

В любом случае, все эти фичи, с первой по пятую, записаны в мой список задач.

Настройка «Убрать картинки в ленте» у меня не работает. И сами картинки ведут себя странно:
* в этом посте картинка есть в ленте, но нет в посте;
* а в этом наоборот: в ленте нет, но есть в посте.
Firefox 91.0.2 Linux Mint (десктоп).

В мобильном хроме картинки в ленте отключаются, но вот в первом посте из списка выше КДПВ также нет в статье, как и на десктопной лисе. оказалось, на оригинальном хабре то же самое.

Картинки должны убираться только в ленте.

Кстати, интересно было бы сделать возможность отключать картинки в статье для экономии траффика.

В файрфоксе на компе не убираются.

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

Возможно, вы имеете в виду убирание картинок при отключенном режиме компактной ленты (т.е. когда показывается текст до ката)? В стандартном режиме ленты картинки пока что не убираются (убираются у тех постов, у которых было программно получена КДПВ). Лучше скиньте скриншот проблемы.

Если здесь есть кто-то, кто пользуется tt-rss, то может быть он сможет мне подсказать, как бы в нём поредактировать фид так, чтобы урл хабра подменялся на этот вот. А то в кроне UPDATE прям по БД гонять некрасиво, гугл навёл на https://github.com/wltb/ff_feedcleaner , но он не работает похоже сейчас (т.к. на preview мой regex работает, а в реальности не срабатывает).

Сам спросил - сам отвечаю. Все-таки плагин работает, вот так вот:

[
	{
		"URL": "habr.com",
		"type": "xpath_regex",
		"xpath": "//item/guid",
		"pattern": "#(https://)(habr\\.com/ru)(/.+)#",
		"replacement": "$1habra.vercel.app$3"
	}
]

Круто! Видел на сайте возможность RSS фида, позже попробую менять ссылки в выдаче на своём сервере, чтобы не делать такие костыли.

Пет проект сына маминой подруги.

Sign up to leave a comment.

Articles