Разработка системы хештегов в мобильном приложении

Разработка системы хештегов в мобильном приложении

Хештеги в мобильном приложении — это три отдельных задачи: парсинг #тег при вводе текста, автодополнение в редакторе, и страница тега с контентом. Каждая из них имеет нюансы, которые не видны из ТЗ.

Парсинг и выделение в тексте

Хештег в тексте должен быть кликабельным и визуально выделяться — синим или фирменным цветом. На iOS это NSAttributedString с кастомными атрибутами:

func attributedText(from text: String) -> NSAttributedString {
    let attributed = NSMutableAttributedString(string: text)
    let hashtagPattern = #"#[\w\u0400-\u04FF]+"#  // поддержка кириллицы
    let regex = try! NSRegularExpression(pattern: hashtagPattern)
    let matches = regex.matches(in: text, range: NSRange(text.startIndex..., in: text))
    for match in matches {
        attributed.addAttribute(.foregroundColor, value: UIColor.systemBlue, range: match.range)
        attributed.addAttribute(.link, value: "hashtag://\(match.range)", range: match.range)
    }
    return attributed
}

Обработка тапа — через UITextView.delegate метод textView(_:shouldInteractWith:in:interaction:). Перехватываем URL-схему hashtag:// и открываем экран тега.

На Compose — AnnotatedString с SpanStyle:

buildAnnotatedString {
    val hashtagRegex = Regex("#[\\w\\u0400-\\u04FF]+")
    var lastIndex = 0
    hashtagRegex.findAll(text).forEach { match ->
        append(text.substring(lastIndex, match.range.first))
        pushStringAnnotation("HASHTAG", match.value)
        withStyle(SpanStyle(color = MaterialTheme.colorScheme.primary)) { append(match.value) }
        pop()
        lastIndex = match.range.last + 1
    }
    append(text.substring(lastIndex))
}

Важно: regex для хештегов должен поддерживать не только ASCII, но и кириллицу, арабский, и другие Unicode-алфавиты — \w в большинстве реализаций не покрывает их без явного указания Unicode-диапазонов.

Автодополнение при вводе

При вводе # в поле создания поста запускаем поиск по базе хештегов. Логика:

1. Отслеживаем позицию курсора в тексте.
2. Ищем # перед курсором без пробелов.
3. Текст после # — поисковый запрос.
4. Запрашиваем GET /hashtags/suggest?q=сп с дебаунсом 200ms.
5. Показываем dropdown под полем ввода (не над ним — клавиатура перекрывает).

На iOS dropdown — отдельный UITableView, добавляемый в UIWindow поверх основного контента. Позиционируем по caretRect(for:) из UITextInput. При выборе хештега из списка — вставляем в текст через replace(_:withText:) и убираем dropdown.

На Compose — ExposedDropdownMenuBox или кастомный Popup привязанный к полю ввода.

База хештегов и аналитика

Таблица hashtags (id, name, posts_count). При публикации поста парсим хештеги, ищем или создаем запись в hashtags, создаём связь post_hashtags (post_id, hashtag_id). posts_count обновляется через очередь.

Страница хештега — GET /hashtags/{name}/posts с пагинацией. Сортировка по дате или по популярности (posts с наибольшим engagement за последние N дней). Trending hashtags: воркер считает posts_count за последние 24 часа, результат кэшируется в Redis на 30 минут.

Нормализация имён

Хештеги нечувствительны к регистру: #React, #react, #REACT — один тег. Храним в lowercase, при поиске — LOWER(name) = LOWER(?) или индекс на LOWER(name). Пробелы и спецсимволы в имени хештега — убираем при нормализации.

Сроки

Парсинг и кликабельные хештеги в тексте — 1 день. Автодополнение при вводе — ещё 1 день. Страница тега с лентой — 1-2 дня. Полная система — 2-3 рабочих дня. Стоимость рассчитывается индивидуально.