В общем, слонята, скрипт Markdown Live Preview, я считаю, вполне закончен и пригоден к использованию.

Осталось только сделать окно просмотра резиновым, как некоторые предлагали, но… я отсидел всю жопу и так и не смог вкурить уровни вложенности в этой колонке.

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

Что делает:

• Окно ввода — маленькое и фиксированное, в него набирается текст в #Markdown-разметке (к сожалению, эту фичу поддерживают только сервера с glitch-soc)
• В окошке под ним в реальном времени отображается отформатированный в стилях Мастодона текст
• Не нужно рендерить Markdown «в голове» — все ошибки видны
• Можно набирать текст, глядя сразу в окно предпросмотра (если вас не смущает отсутствие курсора в нем)
• После отправки текст не исчезает, что порадует тех, кто пользуется одноколоночным режимом: можно перечитать, не уходя из ленты. Очищается клавишей Esc
• Синхронизация прокрутки через «липкий скролл» гарантирует, что набираемый текст всегда будет виден

Понимаю, конечно, что #glitch-soc используют полтора землекопа,
но если вдруг кому зайдёт — буду очень рад

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

@rf
@Russia
@russian_mastodon

#CSS #javascript #userscript #UX #UI #MastodonTools #Tampermonkey #Mastodon #GlitchSoc #Markdown

Прикрутил к «холодильнику» Markdown Editor Enchancer'a распознавание тегов. Теперь не только юзернеймы, но и теги в окошке просмотра — это реальные кликабельные ссылки.

You can now export #AppleFeedback reports directly from iOS, iPadOS, or macOS like never before!

A #userscript generates a full JSON report from the web version of #Feedback Assistant, and adds it as a downloadable link to the report.

This #shortcut converts that JSON to Markdown using a customizable template. You can run it by sharing the report page or downloaded JSON files.

Works with the Userscripts extension in iOS Safari and Violentmonkey on macOS:

https://routinehub.co/shortcut/14347/

#CSS #javascript #userscript #UX #UI #MastodonTools #дизигн

А гляньте, как стильно смотрится в однокомнатной кухне

#CSS #javascript #userscript #UX #UI #MastodonTools #дизигн

#Вопрос: кому-нибудь в здравом уме вообще может понадобиться, чтобы в окне просмотре теги не только выглядели как ссылки, но и риальни вели куда-то?..

#CSS #javascript #userscript #UX #UI #MastodonTools #дизигн #мюсли

Как засунуть Мастодонта в холодильник?

Как интегрировать нормальный дизигн в #Mastodont, вот в чём вопрос!

#CSS #javascript #userscript #UX #UI #MastodonTools #дизигн

Стильный холодильник для студеных боярских былин

P.S. Или всё-таки сервер?

#CSS #javascript #userscript #UX #UI #MastodonTools

Вот что я хочу сделать

Небольшое окошко (которое стандатрное) — для набора #Markdown, а готовый текст ты видишь уже в столбце до самого низа экрана.

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

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

Еще, кмк, было бы здо́рово, если бы, когда курсор находится в текстовом блоке, вот эти все Ненужныекнопки ©, поиск и аватарка уезжали бы куда-нибудь за верхний край экрана?

ОНО ИЗДЕВАЕТСЯ?

Ты абсолютно прав — я трижды вставил один и тот же фрагмент, не решив проблему. Давай по-настоящему разберёмся.Ты абсолютно прав — я трижды вставил один и тот же фрагмент, не решив проблему. Давай по-настоящему разберёмся.

Это не смешно уже, ну!

#userscript #MastodonTools #вдогонку #NeuralNetwork

У-у-ухъ!

Код не читай — сразу запускай!

Отсутствие контроля за говном, написанным ИИшницей, которое было «похоже на правду» — только что стоило мне проебанного длиннопоста на пол-экрана

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

А в итоге? Виноват-то всё равно мясной им не стыдно, зато токенов наелись...

#DeepSeek #userscript #javascript #NeuralNetwork #виброкодинг #MastodonTools #вдогонку

...А вот это прямо странная ситуация: я точно где-то читал, что мона тока H1, остальные будут преобразованы в простой strong

#DeepSeek #userscript #javascript #NeuralNetwork #виброкодинг #MastodonTools #вдогонку

...И будьте предельно осторожны, когда просите (или тварь предлагает) исправить или дополнить то, что уже хорошо работает: у меня нет желания разбираться, но выдал он мне похожую на правду функцию (ну, т.е., как будто просто if заменил на if-else)...

Но скрипт после этого не запускался!

#DeepSeek #userscript #javascript #NeuralNetwork #виброкодинг #MastodonTools

Тестируем заголовки для Mastodon (этот - H1):

Заголовок H2

Заголовок H3

Заголовок H4

Заголовок H5

...А это скучный обычный текст. Зато всио по протоколу спецификации

Причем, этот китайский болванчик предлагал мне вместо простого

.replace(/^#{2,6}\s(.+)$/gm, '<strong>$1</strong>')

городить

function inlineMarkdown(text) {
    return text
        // Обрабатываем ##-###### заголовки как <strong> + сохраняем \n для последующего <p>
        .replace(/^(#{2,6})\s(.+)$/gm, '<strong>$2</strong>\n')

        // Остальная инлайн-разметка
        .replace(/`([^`]+)`/g, '<code>$1</code>')
        .replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>')
        .replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2">$1</a>');
}

Это вообще нормально?

#MastodonTools #GlitchSoc #userscript #Tampermonkey #javascript #NeuralNetwork #виброкодинг

Ну вот, кажется, доделал бо́льшую часть локального форматирования.

Проверяйте, человек ли вы, и берите на

https://pastebin.com/JhC9Th4b

#userscript #javascript #NeuralNetwork #виброкодинг #DeepSeek

АЛГол'ом жечь

Мозги людей!

Да, действительно, в последнем коде я случайно удалил объявление функции init(). Давайте восстановим полный рабочий код с правильной инициализацией и всеми улучшениями:

УЛУЧШЕНИЯМИ, сука!

#userscript #javascript #NeuralNetwork #вброкодинг #ChatGPT

Мва-ха-ха, ну на индусском коде учился!

listType = trimmedLine.startsWith('-') ? 'unordered' : 'ordered';

#userscript #javascript #NeuralNetwork #вброкодинг #DeepSeek #ДикПик

Не работает Esc и однострочный код!!!
Server busy, please try again later.

Ну заебись отмазка, чо

#userscript #javascript #NeuralNetwork #вброкодинг

#DeepSeek красава, а веб-разработчики, вклюая всем изветсного на букву «Е» — моральные уроды!

Проблема в том, что в Mastodon фокус часто находится не на самом <textarea>, а на обёртке вокруг него.

Я минимум полдня (по факту — полночи) на это потратил

Хотя, не ме́ньшая проблема в том, что ИИшницы — тоже бляди моральные: я по нескольку раз повторял, что цель — #Mastodon, и они даже упрощали мне скрипт в связи с этим...

P.S. Мне и самому нужно помнить, что в #Mastodon #Markdown поддерживает и HTML теги, не забывая их эскейпить. Иначе вот такая хуйня будет сотворяться упомянешь <textarea> — она и появится

#лытдыбр #javascript #userscript
...И вот в пятом часу утра он сидит и дебажит код ИИшница alert'ами...

Потому что #виброкодинг — затягивает