You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
115 lines
3.0 KiB
JavaScript
115 lines
3.0 KiB
JavaScript
'use strict';
|
|
const React = require('react');
|
|
const create = require('create-react-class');
|
|
const defaultValue = require('default-value');
|
|
|
|
const riot = require('../../lib/riot-utils.js');
|
|
|
|
const User = require('./user.js');
|
|
const stateElement = require('./state.js');
|
|
|
|
const elements = {
|
|
"m.text": require('./text.js'),
|
|
"m.image": require('./image.js'),
|
|
"m.video": require('./video.js')
|
|
};
|
|
|
|
const mxReplyRegex = /^<mx-reply>[\s\S]+<\/mx-reply>/;
|
|
|
|
let Event = create({
|
|
displayName: "Event",
|
|
|
|
render: function() {
|
|
let event = this.props.event;
|
|
let state = "";
|
|
let reply = "";
|
|
let element = "unsupported event: " + event.type;
|
|
|
|
if (event.local) {
|
|
state = " local";
|
|
}
|
|
|
|
if (event.type == "m.room.message") {
|
|
let msgtype = event.content.msgtype;
|
|
let formattedEvent = parseEvent(event); /* FIXME: Specify context */
|
|
|
|
let parsedReply = formattedEvent.parsedReply;
|
|
if (parsedReply.isReply) {
|
|
let repliedEvent = this.props.room.findEventById(parsedReply.to);
|
|
let shortText, repliedUser;
|
|
if (repliedEvent == undefined) {
|
|
shortText = "Can't load this event";
|
|
repliedUser = {userId: "NEO_UNKNOWN", displayName: "Unknown User"};
|
|
// fall back on <mx-reply> content?
|
|
} else {
|
|
repliedUser = this.props.client.getUser(repliedEvent.event.sender);
|
|
shortText = parseEvent(repliedEvent.event); /* FIXME: Specify context */
|
|
if (shortText.html) {
|
|
shortText = <span dangerouslySetInnerHTML={{__html: shortText.body}}/>;
|
|
} else {
|
|
shortText = shortText.body;
|
|
}
|
|
}
|
|
reply = (
|
|
<div className="reply">
|
|
<User user={repliedUser}/>
|
|
{shortText}
|
|
</div>
|
|
);
|
|
}
|
|
element = React.createElement(defaultValue(elements[msgtype], elements["m.text"]), {formattedEvent: formattedEvent, event: event, client: this.props.client});
|
|
} else if (["m.room.name", "m.room.member", "m.room.avatar"].includes(event.type)) {
|
|
element = React.createElement(stateElement, {event: event});
|
|
}
|
|
|
|
return (
|
|
<div className={"event" + state} onClick={() => {
|
|
this.props.onReplyClick(event);
|
|
console.log(event);
|
|
}}>
|
|
{reply}
|
|
{element}
|
|
</div>
|
|
);
|
|
}
|
|
});
|
|
|
|
function parseEvent(event, _context) {
|
|
// context can be either 'main' or 'reply'
|
|
let body = event.content.body;
|
|
let html = false;
|
|
|
|
if (event.content.format == "org.matrix.custom.html") {
|
|
body = riot.sanitize(event.content.formatted_body);
|
|
html = true;
|
|
}
|
|
|
|
if (body) {
|
|
body = body.trim();
|
|
}
|
|
|
|
let parsedReply = parseReply(event, body);
|
|
if (parsedReply.isReply) {
|
|
// body with fallback stripped
|
|
body = parsedReply.body;
|
|
}
|
|
return {body: body, parsedReply: parsedReply, html: html};
|
|
}
|
|
|
|
function parseReply(event, body) {
|
|
let replyTo;
|
|
try {
|
|
replyTo = event.content['m.relates_to']['m.in_reply_to'].event_id;
|
|
if (replyTo) {
|
|
// strip <mx-reply> from message if it exists
|
|
body = body.replace(mxReplyRegex, "");
|
|
}
|
|
} catch(err) {
|
|
// no reply
|
|
return {isReply: false};
|
|
}
|
|
return {isReply: true, body: body, to: replyTo};
|
|
}
|
|
|
|
module.exports = Event;
|