21

Расширение для создания заметок для пользователей

Всем привет!

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

Выглядит всё это добро вот так:

Расширение для создания заметок для пользователей Пикабу, Разработка, Javascript, Длиннопост

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


Отображаются метки и в профиле, и в постах, и в комментариях. Если метки не влазят возле никнейма пользователя, то все они переносятся на следующую строку.

Расширение для создания заметок для пользователей Пикабу, Разработка, Javascript, Длиннопост

Добавление меток происходит в двух местах: на всплывающей панели профиля пользователя (которая появляется при наведении курсора на никнейм) и в самом профиле:

• выбрали цвет,

• ввели метку,

• нажали Enter, либо кнопку [+]

Расширение для создания заметок для пользователей Пикабу, Разработка, Javascript, Длиннопост

Чтобы удалить метку, достаточно навести на неё курсор и нажать иконку урны.

Расширение для создания заметок для пользователей Пикабу, Разработка, Javascript, Длиннопост

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

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

Расширение создавал в процессе изучения JS. Полагаю, что в коде творится адъ и Израиль. Поэтому призываю разработчиков, которые смогут выделить время, чтобы провести ревью, либо помочь с доработкой и публикацией расширения.


Всех остальных призываю оставлять в комментариях к посту отзывы, ошибки, проблемы.


В ближайших планах реализация цветовой схемы для тёмной темы сайта и исправление нескольких уже найденных ошибок. Ну и иконку нарисовать, да)

Ну и ссылка на моё поделие для тех, кто хочет его пощупать: https://github.com/NosefU/pikabu_badges

0
Автор поста оценил этот комментарий

Хотелка: показывать не Метка1, Метка2, а начало текста метки. В 99% у людей будет по одной метке и можно было бы растягивать на всю длину поле и соответственно весь текст метки было бы видно. В случае, если меток несколько, то и делить соответственно место.

Иллюстрация к комментарию
раскрыть ветку (1)
4
Автор поста оценил этот комментарий

Метка 1, Метка 2 - это просто текст для демонстрации. Это может быть всё что угодно, хоть иврит, хоть эмодзи. Единственный момент - я ограничил размер текста для одной метки до 35 символов, чтобы сайт не попердолило

Иллюстрация к комментарию
показать ответы
0
Автор поста оценил этот комментарий

а не проще хранить данные в заметке на Пикабу типа

{"color":"red", "text":текст%20заметки"}

и тогда необходимость в синхронизации отпадёт

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Изначально была именно такая мысль. Но реверсить api пикабу, а потом ещё и ddos'ить его запросами - так себе идея. Представь какой-нибудь полит. пост с 300+ комментами - как минимум нужно запросить 60+ профилей. Даже с учётом того, что можно будет накостылить какой-нибудь локальный кэш. И это на одну только страницу

показать ответы
0
Автор поста оценил этот комментарий

Вот тут? Вы уверены?

https://chrome.google.com/webstore/devconsole

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Да, именно здесь

Иллюстрация к комментарию
показать ответы
0
Автор поста оценил этот комментарий

ээээ, а стор стал платным? у меня крутится несколько расширений, я точно ничего не платил

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Сейчас регистрация разработчика стоит $5. В обед проверял. Видимо, барьер от массовой регистрации

показать ответы
0
Автор поста оценил этот комментарий

да вот прям все так и умеют в код ))

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

В любом случае помыслы мои чисты, как и код)

За пожелания спасибо)

Необходимость в этой фигне возникла в тот момент, когда в конце февраля сайт наводнили боты. Хотелось сразу видеть кто из ху

Автор поста оценил этот комментарий
опубликовать расширение в Chrome Web Store я не могу - нет возможности оплатить аккаунт разработчика

прозвучало как намек

попробую запилить свой сервер синхронизации

а потом в дарк нэте тема "СЛИВ БАЗА ПИКАБУ АККОВ 50к+" ))) хотя и на js можно делов наворотить, не только акки пикабу наворовать, в общем я что пришел то сюда?! молодец, развивайся, лично заметками никогда не пользовался, просто зашел посмотреть что да как и пожелать удачи в развитии данной плюшки ))

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
прозвучало как намек

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


а потом в дарк нэте тема "СЛИВ БАЗА ПИКАБУ АККОВ 50к+" )))

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

показать ответы
0
Автор поста оценил этот комментарий

т.е. данные хранит в куках и никакой синхронизации нет?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

В данный момент данные хранятся в chrome.storage.sync (локальное хранилище браузера). После публикации расширения в Chrome Web Store данные должны синхронизироваться через гугловское облако (по крайней мере так заявляет документация).


Короче, в данный момент синхронизации нет.


Возможно, если не получится решить вопрос со стором, попробую запилить свой сервер синхронизации

показать ответы