Как стать автором
Обновить

Комментарии 142

НЛО прилетело и опубликовало эту надпись здесь

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

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

НЛО прилетело и опубликовало эту надпись здесь

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

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

НЛО прилетело и опубликовало эту надпись здесь
Иначе пользователь зайдёт на сайт, посмотрит на такое и больше не придёт. В настройках разбираться 99% точно не будут.

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

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

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

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

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

НЛО прилетело и опубликовало эту надпись здесь

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

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

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

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

НЛО прилетело и опубликовало эту надпись здесь
А решение, предложенное топик-стартером, несмотря на все усилия, просто не рабочее, к сожалению.

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

НЛО прилетело и опубликовало эту надпись здесь

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

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

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

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

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

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

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

НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь

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

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

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

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

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

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

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

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

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

НЛО прилетело и опубликовало эту надпись здесь

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

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

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

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

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

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

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

НЛО прилетело и опубликовало эту надпись здесь

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

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

НЛО прилетело и опубликовало эту надпись здесь

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

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

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

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

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

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

НЛО прилетело и опубликовало эту надпись здесь

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

Есть же q4os с темами.

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

НЛО прилетело и опубликовало эту надпись здесь

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

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

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

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

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

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

Сделал - 383e1d

Было бы неплохо скрывать боковую панель, т.к. 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, конечно, симпатичный, но проприетарный. Вы уверены, что вам можно его использовать в своих проектах? Вряд ли что-то будет, но вполне возможно, что это нарушение лицензии.

НЛО прилетело и опубликовало эту надпись здесь

Спасибо за развернутый ответ. Сразу скажу, что владею пока только 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 года. Поэтому все реквесты будут пока отложены в черный ящик до востребования (уж извините). Ссылка на доки для контрибуции есть в статье.

НЛО прилетело и опубликовало эту надпись здесь

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

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

НЛО прилетело и опубликовало эту надпись здесь

Я не специалист, но честно говоря меня привлекло именно то насколько качественно сделано 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 на контейнере, чем ссылку. Я очень ленивый.

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

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

jarvis394/habra - клиент на React

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

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

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

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

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории