389 lines
13 KiB
Dart
389 lines
13 KiB
Dart
|
import 'package:cached_network_image/cached_network_image.dart';
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:frosty/api/irc_api.dart';
|
||
|
|
import 'package:frosty/models/badges.dart';
|
||
|
|
import 'package:frosty/models/emotes.dart';
|
||
|
|
|
||
|
|
/// The object representation of a Twitch IRC message.
|
||
|
|
class IRCMessage {
|
||
|
|
final String raw;
|
||
|
|
final Map<String, String> tags;
|
||
|
|
final String? user;
|
||
|
|
Command command;
|
||
|
|
String? message;
|
||
|
|
|
||
|
|
IRCMessage({
|
||
|
|
required this.raw,
|
||
|
|
required this.tags,
|
||
|
|
required this.command,
|
||
|
|
required this.user,
|
||
|
|
required this.message,
|
||
|
|
});
|
||
|
|
|
||
|
|
/// Returns an [InlineSpan] list that corresponds to the badges, username, words, and emotes of the given [IRCMessage].
|
||
|
|
List<InlineSpan> generateSpan({
|
||
|
|
required Map<String, Emote> emoteToObject,
|
||
|
|
required Map<String, BadgeInfoTwitch> badgeToObject,
|
||
|
|
bool hideMessage = false,
|
||
|
|
bool zeroWidthEnabled = false,
|
||
|
|
}) {
|
||
|
|
// The span list that will be used to render the chat message
|
||
|
|
final span = <InlineSpan>[];
|
||
|
|
|
||
|
|
// The map containing emotes from the user's tags to their URL.
|
||
|
|
// This may include sub emotes that they can access but other users cannot.
|
||
|
|
final localEmoteToObject = <String, Emote>{};
|
||
|
|
|
||
|
|
final emoteTags = tags['emotes'];
|
||
|
|
if (emoteTags != null) {
|
||
|
|
// Emotes and their indices are separated by '/' so split them there.
|
||
|
|
final emotes = emoteTags.split('/');
|
||
|
|
|
||
|
|
for (final emoteIdAndPosition in emotes) {
|
||
|
|
final indexBetweenIdAndPositions = emoteIdAndPosition.indexOf(':');
|
||
|
|
final emoteId = emoteIdAndPosition.substring(0, indexBetweenIdAndPositions);
|
||
|
|
|
||
|
|
// Parse the range in order to extract the associated word.
|
||
|
|
// If there are more than one indices, use the first one.
|
||
|
|
// Else, use the one provided indices.
|
||
|
|
final String range;
|
||
|
|
if (emoteIdAndPosition.contains(',')) {
|
||
|
|
range = emoteIdAndPosition.substring(indexBetweenIdAndPositions + 1, emoteIdAndPosition.indexOf(','));
|
||
|
|
} else {
|
||
|
|
range = emoteIdAndPosition.substring(indexBetweenIdAndPositions + 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Extract the word associated with this emoteId by using the provided indices.
|
||
|
|
final indexSplit = range.split('-');
|
||
|
|
final startIndex = int.parse(indexSplit[0]);
|
||
|
|
final endIndex = int.parse(indexSplit[1]);
|
||
|
|
|
||
|
|
final emoteWord = message!.substring(startIndex, endIndex + 1);
|
||
|
|
|
||
|
|
// Store the emote word and its associated URL for later use.
|
||
|
|
localEmoteToObject[emoteWord] = Emote(
|
||
|
|
id: emoteId,
|
||
|
|
name: emoteWord,
|
||
|
|
zeroWidth: false,
|
||
|
|
url: 'https://static-cdn.jtvnw.net/emoticons/v2/$emoteId/default/dark/3.0',
|
||
|
|
type: EmoteType.bttvChannel,
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Add any badges to the span.
|
||
|
|
final badges = tags['badges'];
|
||
|
|
if (badges != null) {
|
||
|
|
for (final badge in badges.split(',')) {
|
||
|
|
final badgeInfo = badgeToObject[badge];
|
||
|
|
if (badgeInfo != null) {
|
||
|
|
span.add(
|
||
|
|
WidgetSpan(
|
||
|
|
alignment: PlaceholderAlignment.middle,
|
||
|
|
child: Tooltip(
|
||
|
|
message: badgeInfo.title,
|
||
|
|
preferBelow: false,
|
||
|
|
child: CachedNetworkImage(
|
||
|
|
imageUrl: badgeInfo.imageUrl4x,
|
||
|
|
placeholder: (context, url) => const SizedBox(),
|
||
|
|
fadeInDuration: const Duration(seconds: 0),
|
||
|
|
height: 20,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
span.add(const TextSpan(text: ' '));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Add the username to the span.
|
||
|
|
span.add(
|
||
|
|
TextSpan(
|
||
|
|
text: tags['display-name']!,
|
||
|
|
style: TextStyle(
|
||
|
|
color: HexColor.fromHex(tags['color'] ?? '#868686'),
|
||
|
|
fontWeight: FontWeight.bold,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
// Add the colon separator between the username and their message to the span.
|
||
|
|
span.add(
|
||
|
|
const TextSpan(text: ':'),
|
||
|
|
);
|
||
|
|
|
||
|
|
if (hideMessage) {
|
||
|
|
span.add(const TextSpan(text: ' <message deleted>'));
|
||
|
|
} else {
|
||
|
|
// Add the message and any emotes to the span.
|
||
|
|
final chatMessage = message;
|
||
|
|
if (chatMessage != null) {
|
||
|
|
// Remove any "INVALID/UNDEFINED" Unicode characters.
|
||
|
|
// Rendering this character on iOS shows a question mark inside a square.
|
||
|
|
// This character is used by some clients to bypass restrictions on repeating message.
|
||
|
|
final words = chatMessage.trim().replaceAll('\u{E0000}', '').split(' ');
|
||
|
|
|
||
|
|
if (zeroWidthEnabled) {
|
||
|
|
final localSpan = <InlineSpan>[];
|
||
|
|
|
||
|
|
var index = words.length - 1;
|
||
|
|
while (index != -1) {
|
||
|
|
final word = words[index];
|
||
|
|
final emote = emoteToObject[word] ?? localEmoteToObject[word];
|
||
|
|
|
||
|
|
if (emote != null) {
|
||
|
|
// Handle zero width emotes
|
||
|
|
if (emote.zeroWidth && index != 0) {
|
||
|
|
final emoteStack = <Emote>[];
|
||
|
|
|
||
|
|
var nextEmote = emoteToObject[word];
|
||
|
|
while (nextEmote != null && nextEmote.zeroWidth && index != 0) {
|
||
|
|
emoteStack.add(nextEmote);
|
||
|
|
index--;
|
||
|
|
nextEmote = emoteToObject[words[index]];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (nextEmote != null) emoteStack.add(nextEmote);
|
||
|
|
|
||
|
|
localSpan.add(
|
||
|
|
WidgetSpan(
|
||
|
|
alignment: PlaceholderAlignment.middle,
|
||
|
|
child: Tooltip(
|
||
|
|
message: emoteStack.reversed.map((emote) => emote.name).join(', '),
|
||
|
|
preferBelow: false,
|
||
|
|
child: Stack(
|
||
|
|
alignment: AlignmentDirectional.center,
|
||
|
|
children: emoteStack.reversed
|
||
|
|
.map((emote) => CachedNetworkImage(
|
||
|
|
imageUrl: emote.url,
|
||
|
|
placeholder: (context, url) => const SizedBox(),
|
||
|
|
fadeInDuration: const Duration(seconds: 0),
|
||
|
|
height: 25,
|
||
|
|
))
|
||
|
|
.toList(),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
|
||
|
|
if (nextEmote == null) {
|
||
|
|
localSpan.add(const TextSpan(text: ' '));
|
||
|
|
localSpan.add(TextSpan(text: words[index]));
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
localSpan.add(
|
||
|
|
WidgetSpan(
|
||
|
|
alignment: PlaceholderAlignment.middle,
|
||
|
|
child: Tooltip(
|
||
|
|
message: emote.name,
|
||
|
|
preferBelow: false,
|
||
|
|
child: CachedNetworkImage(
|
||
|
|
imageUrl: emote.url,
|
||
|
|
placeholder: (context, url) => const SizedBox(),
|
||
|
|
fadeInDuration: const Duration(seconds: 0),
|
||
|
|
height: 25,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
localSpan.add(TextSpan(text: word));
|
||
|
|
}
|
||
|
|
localSpan.add(const TextSpan(text: ' '));
|
||
|
|
index--;
|
||
|
|
}
|
||
|
|
span.addAll(localSpan.reversed);
|
||
|
|
} else {
|
||
|
|
// Use a string buffer to minimize TextSpan widgets.
|
||
|
|
// Instead of one TextSpan widget per word, we can have one TextSpan widget across multiple.
|
||
|
|
final buffer = StringBuffer();
|
||
|
|
|
||
|
|
for (final word in words) {
|
||
|
|
buffer.write(' ');
|
||
|
|
|
||
|
|
final emote = emoteToObject[word] ?? localEmoteToObject[word];
|
||
|
|
if (emote != null) {
|
||
|
|
span.add(TextSpan(text: buffer.toString()));
|
||
|
|
|
||
|
|
buffer.clear();
|
||
|
|
|
||
|
|
span.add(
|
||
|
|
WidgetSpan(
|
||
|
|
alignment: PlaceholderAlignment.middle,
|
||
|
|
child: Tooltip(
|
||
|
|
message: emote.name,
|
||
|
|
preferBelow: false,
|
||
|
|
child: CachedNetworkImage(
|
||
|
|
imageUrl: emote.url,
|
||
|
|
placeholder: (context, url) => const SizedBox(),
|
||
|
|
fadeInDuration: const Duration(seconds: 0),
|
||
|
|
height: 25,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
buffer.write(word);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (buffer.isNotEmpty) {
|
||
|
|
span.add(TextSpan(text: buffer.toString()));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return span;
|
||
|
|
}
|
||
|
|
|
||
|
|
/// Parses an IRC string and returns its corresponding [IRCMessage] object.
|
||
|
|
factory IRCMessage.fromString(String whole) {
|
||
|
|
// We have three parts:
|
||
|
|
// 1. The tags of the IRC message.
|
||
|
|
// 2. The metadata (user, command, and channel).
|
||
|
|
// 3. The message itself.
|
||
|
|
|
||
|
|
// First, slice the message tags (1) and set aside the rest for later.
|
||
|
|
// Each part is separated by a space, so we'll start off by breaking off the tags and parsing them.
|
||
|
|
|
||
|
|
// Obtain the index to break off the tags.
|
||
|
|
final tagAndIrcMessageDivider = whole.indexOf(' ');
|
||
|
|
|
||
|
|
// Get the tags substring and escape characters.
|
||
|
|
// IRC messages escape spaces with \s.
|
||
|
|
final tags = whole.substring(1, tagAndIrcMessageDivider).replaceAll('\\s', ' ');
|
||
|
|
|
||
|
|
// Next, parse and map the tags.
|
||
|
|
final mappedTags = <String, String>{};
|
||
|
|
|
||
|
|
// Loop through each tag and store their key value pairs into the map.
|
||
|
|
for (final tag in tags.split(';')) {
|
||
|
|
// Skip if the tag has no value.
|
||
|
|
if (tag.endsWith('=')) continue;
|
||
|
|
|
||
|
|
final tagSplit = tag.split('=');
|
||
|
|
mappedTags[tagSplit[0]] = tagSplit[1];
|
||
|
|
}
|
||
|
|
|
||
|
|
// Now we'll parse the message itself.
|
||
|
|
// Obtain the entire substring after the tags and excluding the first : (colon)
|
||
|
|
final ircMessage = whole.substring(tagAndIrcMessageDivider + 2);
|
||
|
|
|
||
|
|
// Split each section of the message (part 2 and its subparts and part 3).
|
||
|
|
// Index 0 contains the username of sender (user) or tmi.twitch.tv depending on the command
|
||
|
|
// Index 1 is command type
|
||
|
|
// Index 2 is #channel name that we are currently connected to
|
||
|
|
// Index 3 and beyond is the :message (word by word) that is sent by the user or empty depending on the command
|
||
|
|
final splitMessage = ircMessage.split(' ');
|
||
|
|
|
||
|
|
// If the username exists, set it.
|
||
|
|
// tmi.twitch.tv means the message was sent by Twitch rather than a user, so will be irrelevant.
|
||
|
|
final String? user = splitMessage[0] == 'tmi.twitch.tv' ? null : splitMessage[0].substring(0, splitMessage[0].indexOf('!'));
|
||
|
|
|
||
|
|
// If there is an associated message, set it.
|
||
|
|
final String? message = splitMessage.length > 3 ? splitMessage.sublist(3).join(' ').substring(1) : null;
|
||
|
|
|
||
|
|
// Check and parse the command.
|
||
|
|
// The majority of messages will be PRIVMSG, so check that first.
|
||
|
|
final Command messageCommand;
|
||
|
|
switch (splitMessage[1]) {
|
||
|
|
case 'PRIVMSG':
|
||
|
|
messageCommand = Command.privateMessage;
|
||
|
|
break;
|
||
|
|
case 'CLEARCHAT':
|
||
|
|
messageCommand = Command.clearChat;
|
||
|
|
break;
|
||
|
|
case 'CLEARMSG':
|
||
|
|
messageCommand = Command.clearMessage;
|
||
|
|
break;
|
||
|
|
case 'NOTICE':
|
||
|
|
messageCommand = Command.notice;
|
||
|
|
break;
|
||
|
|
case 'USERNOTICE':
|
||
|
|
messageCommand = Command.userNotice;
|
||
|
|
break;
|
||
|
|
case 'ROOMSTATE':
|
||
|
|
messageCommand = Command.roomState;
|
||
|
|
break;
|
||
|
|
case 'USERSTATE':
|
||
|
|
messageCommand = Command.userState;
|
||
|
|
break;
|
||
|
|
case 'GLOBALUSERSTATE':
|
||
|
|
messageCommand = Command.globalUserState;
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
debugPrint('Unknown command: $splitMessage[1]');
|
||
|
|
messageCommand = Command.none;
|
||
|
|
}
|
||
|
|
|
||
|
|
return IRCMessage(
|
||
|
|
raw: whole,
|
||
|
|
tags: mappedTags,
|
||
|
|
command: messageCommand,
|
||
|
|
user: user,
|
||
|
|
message: message,
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
factory IRCMessage.createNotice({required String message}) => IRCMessage(
|
||
|
|
raw: '',
|
||
|
|
tags: {},
|
||
|
|
command: Command.notice,
|
||
|
|
user: null,
|
||
|
|
message: message,
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
/// The object representation of the IRC ROOMSTATE message.
|
||
|
|
class ROOMSTATE {
|
||
|
|
final bool emoteOnly;
|
||
|
|
final String followersOnly;
|
||
|
|
final bool r9k;
|
||
|
|
final String slowMode;
|
||
|
|
final bool subMode;
|
||
|
|
|
||
|
|
const ROOMSTATE({
|
||
|
|
this.emoteOnly = false,
|
||
|
|
this.followersOnly = '-1',
|
||
|
|
this.r9k = false,
|
||
|
|
this.slowMode = '0',
|
||
|
|
this.subMode = false,
|
||
|
|
});
|
||
|
|
|
||
|
|
/// Create a new copy with the parameters from the provided [IRCMessage]
|
||
|
|
ROOMSTATE fromIRC(IRCMessage ircMessage) => ROOMSTATE(
|
||
|
|
emoteOnly: ircMessage.tags['emote-only'] == '0' ? false : true,
|
||
|
|
followersOnly: ircMessage.tags['followers-only'] ?? followersOnly,
|
||
|
|
r9k: ircMessage.tags['r9k'] == '0' ? false : true,
|
||
|
|
slowMode: ircMessage.tags['slow'] ?? slowMode,
|
||
|
|
subMode: ircMessage.tags['subs-only'] == '0' ? false : true,
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
class USERSTATE {
|
||
|
|
final String? raw;
|
||
|
|
final String color;
|
||
|
|
final String displayName;
|
||
|
|
final bool mod;
|
||
|
|
final bool subscriber;
|
||
|
|
|
||
|
|
const USERSTATE({
|
||
|
|
this.raw,
|
||
|
|
this.color = '',
|
||
|
|
this.displayName = '',
|
||
|
|
this.mod = false,
|
||
|
|
this.subscriber = false,
|
||
|
|
});
|
||
|
|
|
||
|
|
USERSTATE fromIRC(IRCMessage ircMessage) => USERSTATE(
|
||
|
|
raw: ircMessage.raw,
|
||
|
|
color: ircMessage.tags['color'] ?? color,
|
||
|
|
displayName: ircMessage.tags['display-name'] ?? displayName,
|
||
|
|
mod: ircMessage.tags['mod'] == '0' ? false : true,
|
||
|
|
subscriber: ircMessage.tags['subscriber'] == '0' ? false : true,
|
||
|
|
);
|
||
|
|
}
|