Merge v1.23.0
# Conflicts: # background.html # package.json # yarn.lock
This commit is contained in:
Mikunj
commit
3a8111020e
|
|
@ -204,7 +204,7 @@
|
|||
"Shown in menu for conversation, and moves conversation out of main conversation list"
|
||||
},
|
||||
"moveConversationToInbox": {
|
||||
"message": "Move Converstion to Inbox",
|
||||
"message": "Move Conversation to Inbox",
|
||||
"description":
|
||||
"Undoes Archive Conversation action, and moves archived conversation back to the main conversation list"
|
||||
},
|
||||
|
|
@ -817,6 +817,11 @@
|
|||
"description":
|
||||
"When rendering an address, used to provide context to a post office box"
|
||||
},
|
||||
"downloading": {
|
||||
"message": "Downloading",
|
||||
"description":
|
||||
"Shown in the message bubble while a long message attachment is being downloaded"
|
||||
},
|
||||
"downloadAttachment": {
|
||||
"message": "Download Attachment",
|
||||
"description":
|
||||
|
|
@ -1316,12 +1321,6 @@
|
|||
"description":
|
||||
"Warning notification that this version of the app has expired"
|
||||
},
|
||||
"androidMessageLengthWarning": {
|
||||
"message":
|
||||
"Android clients will only receive the first 2000 characters of this message.",
|
||||
"description":
|
||||
"Warning that long messages could not get received completely by Android clients."
|
||||
},
|
||||
"upgrade": {
|
||||
"message": "Upgrade",
|
||||
"description":
|
||||
|
|
|
|||
|
|
@ -132,9 +132,6 @@
|
|||
<div class='capture-audio hide'>
|
||||
<button class='microphone' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button>
|
||||
</div>
|
||||
<div class='android-length-warning'>
|
||||
{{ android-length-warning }}
|
||||
</div>
|
||||
<div class='choose-file hide'>
|
||||
<button class='paperclip thumbnail' {{#disable-inputs}} disabled="disabled" {{/disable-inputs}}></button>
|
||||
<input type='file' class='file-input' multiple='multiple'>
|
||||
|
|
|
|||
|
|
@ -1293,12 +1293,21 @@
|
|||
messageWithSchema.attachments.map(loadAttachmentData)
|
||||
);
|
||||
|
||||
const {
|
||||
body: messageBody,
|
||||
attachments: finalAttachments,
|
||||
} = Whisper.Message.getLongMessageAttachment({
|
||||
body,
|
||||
attachments: attachmentsWithData,
|
||||
now,
|
||||
});
|
||||
|
||||
// Special-case the self-send case - we send only a sync message
|
||||
if (this.isMe()) {
|
||||
const dataMessage = await textsecure.messaging.getMessageProto(
|
||||
destination,
|
||||
body,
|
||||
attachmentsWithData,
|
||||
messageBody,
|
||||
finalAttachments,
|
||||
quote,
|
||||
preview,
|
||||
now,
|
||||
|
|
@ -1320,8 +1329,8 @@
|
|||
case Message.PRIVATE:
|
||||
return textsecure.messaging.sendMessageToNumber(
|
||||
destination,
|
||||
body,
|
||||
attachmentsWithData,
|
||||
messageBody,
|
||||
finalAttachments,
|
||||
quote,
|
||||
preview,
|
||||
now,
|
||||
|
|
@ -1333,8 +1342,8 @@
|
|||
return textsecure.messaging.sendMessageToGroup(
|
||||
destination,
|
||||
groupNumbers,
|
||||
body,
|
||||
attachmentsWithData,
|
||||
messageBody,
|
||||
finalAttachments,
|
||||
quote,
|
||||
preview,
|
||||
now,
|
||||
|
|
@ -1649,6 +1658,8 @@
|
|||
let promise;
|
||||
|
||||
if (this.isMe()) {
|
||||
const flags =
|
||||
textsecure.protobuf.DataMessage.Flags.EXPIRATION_TIMER_UPDATE;
|
||||
const dataMessage = await textsecure.messaging.getMessageProto(
|
||||
this.get('id'),
|
||||
null,
|
||||
|
|
@ -1657,7 +1668,8 @@
|
|||
[],
|
||||
message.get('sent_at'),
|
||||
expireTimer,
|
||||
profileKey
|
||||
profileKey,
|
||||
flags
|
||||
);
|
||||
return message.sendSyncMessageOnly(dataMessage);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -35,6 +35,7 @@
|
|||
writeAttachment,
|
||||
upgradeMessageSchema,
|
||||
} = window.Signal.Migrations;
|
||||
const { bytesFromString } = window.Signal.Crypto;
|
||||
|
||||
window.AccountCache = Object.create(null);
|
||||
window.AccountJobs = Object.create(null);
|
||||
|
|
@ -366,9 +367,12 @@
|
|||
this.hasExpired = true;
|
||||
},
|
||||
getPropsForTimerNotification() {
|
||||
const { expireTimer, fromSync, source } = this.get(
|
||||
'expirationTimerUpdate'
|
||||
);
|
||||
const timerUpdate = this.get('expirationTimerUpdate');
|
||||
if (!timerUpdate) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const { expireTimer, fromSync, source } = timerUpdate;
|
||||
const timespan = Whisper.ExpirationTimerOptions.getName(expireTimer || 0);
|
||||
const disabled = !expireTimer;
|
||||
|
||||
|
|
@ -641,6 +645,7 @@
|
|||
|
||||
return {
|
||||
text: this.createNonBreakingLastSeparator(this.get('body')),
|
||||
textPending: this.get('bodyPending'),
|
||||
id: this.id,
|
||||
direction: this.isIncoming() ? 'incoming' : 'outgoing',
|
||||
timestamp: this.get('sent_at'),
|
||||
|
|
@ -1008,6 +1013,12 @@
|
|||
const attachmentsWithData = await Promise.all(
|
||||
(this.get('attachments') || []).map(loadAttachmentData)
|
||||
);
|
||||
const { body, attachments } = Whisper.Message.getLongMessageAttachment({
|
||||
body: this.get('body'),
|
||||
attachments: attachmentsWithData,
|
||||
now: this.get('sent_at'),
|
||||
});
|
||||
|
||||
const quoteWithData = await loadQuoteData(this.get('quote'));
|
||||
const previewWithData = await loadPreviewData(this.get('preview'));
|
||||
|
||||
|
|
@ -1016,8 +1027,8 @@
|
|||
const [number] = numbers;
|
||||
const dataMessage = await textsecure.messaging.getMessageProto(
|
||||
number,
|
||||
this.get('body'),
|
||||
attachmentsWithData,
|
||||
body,
|
||||
attachments,
|
||||
quoteWithData,
|
||||
previewWithData,
|
||||
this.get('sent_at'),
|
||||
|
|
@ -1035,8 +1046,8 @@
|
|||
const [number] = numbers;
|
||||
promise = textsecure.messaging.sendMessageToNumber(
|
||||
number,
|
||||
this.get('body'),
|
||||
attachmentsWithData,
|
||||
body,
|
||||
attachments,
|
||||
quoteWithData,
|
||||
previewWithData,
|
||||
this.get('sent_at'),
|
||||
|
|
@ -1051,9 +1062,9 @@
|
|||
promise = textsecure.messaging.sendMessage(
|
||||
{
|
||||
recipients: numbers,
|
||||
body: this.get('body'),
|
||||
body,
|
||||
timestamp: this.get('sent_at'),
|
||||
attachments: attachmentsWithData,
|
||||
attachments,
|
||||
quote: quoteWithData,
|
||||
preview: previewWithData,
|
||||
needsSync: !this.get('synced'),
|
||||
|
|
@ -1096,6 +1107,12 @@
|
|||
const attachmentsWithData = await Promise.all(
|
||||
(this.get('attachments') || []).map(loadAttachmentData)
|
||||
);
|
||||
const { body, attachments } = Whisper.Message.getLongMessageAttachment({
|
||||
body: this.get('body'),
|
||||
attachments: attachmentsWithData,
|
||||
now: this.get('sent_at'),
|
||||
});
|
||||
|
||||
const quoteWithData = await loadQuoteData(this.get('quote'));
|
||||
const previewWithData = await loadPreviewData(this.get('preview'));
|
||||
|
||||
|
|
@ -1103,8 +1120,8 @@
|
|||
if (number === this.OUR_NUMBER) {
|
||||
const dataMessage = await textsecure.messaging.getMessageProto(
|
||||
number,
|
||||
this.get('body'),
|
||||
attachmentsWithData,
|
||||
body,
|
||||
attachments,
|
||||
quoteWithData,
|
||||
previewWithData,
|
||||
this.get('sent_at'),
|
||||
|
|
@ -1119,8 +1136,8 @@
|
|||
);
|
||||
const promise = textsecure.messaging.sendMessageToNumber(
|
||||
number,
|
||||
this.get('body'),
|
||||
attachmentsWithData,
|
||||
body,
|
||||
attachments,
|
||||
quoteWithData,
|
||||
previewWithData,
|
||||
this.get('sent_at'),
|
||||
|
|
@ -1471,9 +1488,34 @@
|
|||
async queueAttachmentDownloads() {
|
||||
const messageId = this.id;
|
||||
let count = 0;
|
||||
let bodyPending;
|
||||
|
||||
const [longMessageAttachments, normalAttachments] = _.partition(
|
||||
this.get('attachments') || [],
|
||||
attachment =>
|
||||
attachment.contentType === Whisper.Message.LONG_MESSAGE_CONTENT_TYPE
|
||||
);
|
||||
|
||||
if (longMessageAttachments.length > 1) {
|
||||
window.log.error(
|
||||
`Received more than one long message attachment in message ${this.idForLogging()}`
|
||||
);
|
||||
}
|
||||
if (longMessageAttachments.length > 0) {
|
||||
count += 1;
|
||||
bodyPending = true;
|
||||
await window.Signal.AttachmentDownloads.addJob(
|
||||
longMessageAttachments[0],
|
||||
{
|
||||
messageId,
|
||||
type: 'long-message',
|
||||
index: 0,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
const attachments = await Promise.all(
|
||||
(this.get('attachments') || []).map((attachment, index) => {
|
||||
normalAttachments.map((attachment, index) => {
|
||||
count += 1;
|
||||
return window.Signal.AttachmentDownloads.addJob(attachment, {
|
||||
messageId,
|
||||
|
|
@ -1567,7 +1609,7 @@
|
|||
}
|
||||
|
||||
if (count > 0) {
|
||||
this.set({ attachments, preview, contact, quote, group });
|
||||
this.set({ bodyPending, attachments, preview, contact, quote, group });
|
||||
|
||||
await window.Signal.Data.saveMessage(this.attributes, {
|
||||
Message: Whisper.Message,
|
||||
|
|
@ -2081,6 +2123,39 @@
|
|||
},
|
||||
});
|
||||
|
||||
// Receive will be enabled before we enable send
|
||||
Whisper.Message.LONG_MESSAGE_SEND_DISABLED = true;
|
||||
Whisper.Message.LONG_MESSAGE_CONTENT_TYPE = 'text/x-signal-plain';
|
||||
|
||||
Whisper.Message.getLongMessageAttachment = ({ body, attachments, now }) => {
|
||||
if (Whisper.Message.LONG_MESSAGE_SEND_DISABLED) {
|
||||
return {
|
||||
body,
|
||||
attachments,
|
||||
};
|
||||
}
|
||||
|
||||
if (body.length <= 2048) {
|
||||
return {
|
||||
body,
|
||||
attachments,
|
||||
};
|
||||
}
|
||||
|
||||
const data = bytesFromString(body);
|
||||
const attachment = {
|
||||
contentType: Whisper.Message.LONG_MESSAGE_CONTENT_TYPE,
|
||||
fileName: `long-message-${now}.txt`,
|
||||
data,
|
||||
size: data.byteLength,
|
||||
};
|
||||
|
||||
return {
|
||||
body: body.slice(0, 2048),
|
||||
attachments: [attachment, ...attachments],
|
||||
};
|
||||
};
|
||||
|
||||
Whisper.Message.refreshExpirationTimer = () =>
|
||||
Whisper.ExpiringMessagesListener.update();
|
||||
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ const {
|
|||
saveMessage,
|
||||
setAttachmentDownloadJobPending,
|
||||
} = require('./data');
|
||||
const { stringFromBytes } = require('./crypto');
|
||||
|
||||
module.exports = {
|
||||
start,
|
||||
|
|
@ -312,6 +313,19 @@ async function _addAttachmentToMessage(message, attachment, { type, index }) {
|
|||
|
||||
const logPrefix = `${message.idForLogging()} (type: ${type}, index: ${index})`;
|
||||
|
||||
if (type === 'long-message') {
|
||||
try {
|
||||
const { data } = await Signal.Migrations.loadAttachmentData(attachment);
|
||||
message.set({
|
||||
body: attachment.isError ? message.get('body') : stringFromBytes(data),
|
||||
bodyPending: false,
|
||||
});
|
||||
} finally {
|
||||
Signal.Migrations.deleteAttachmentData(attachment.path);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (type === 'attachment') {
|
||||
const attachments = message.get('attachments');
|
||||
if (!attachments || attachments.length <= index) {
|
||||
|
|
|
|||
|
|
@ -22,6 +22,15 @@
|
|||
MESSAGE: 'message',
|
||||
};
|
||||
|
||||
function filter(text) {
|
||||
return (text || '')
|
||||
.replace(/&/g, '&')
|
||||
.replace(/"/g, '"')
|
||||
.replace(/'/g, ''')
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>');
|
||||
}
|
||||
|
||||
Whisper.Notifications = new (Backbone.Collection.extend({
|
||||
initialize() {
|
||||
this.isEnabled = false;
|
||||
|
|
@ -151,15 +160,13 @@
|
|||
|
||||
drawAttention();
|
||||
|
||||
const notification = new Notification(title, {
|
||||
body: message,
|
||||
this.lastNotification = new Notification(title, {
|
||||
body: window.platform === 'linux' ? filter(message) : message,
|
||||
icon: iconUrl,
|
||||
tag: isNotificationGroupingSupported ? 'signal' : undefined,
|
||||
silent: !status.shouldPlayNotificationSound,
|
||||
});
|
||||
notification.onclick = () =>
|
||||
this.lastNotification.onclick = () =>
|
||||
this.trigger('click', last.conversationId, last.id);
|
||||
this.lastNotification = notification;
|
||||
|
||||
// We continue to build up more and more messages for our notifications
|
||||
// until the user comes back to our app or closes the app. Then we’ll
|
||||
|
|
|
|||
|
|
@ -81,7 +81,6 @@
|
|||
return {
|
||||
'disable-inputs': false,
|
||||
'send-message': i18n('sendMessage'),
|
||||
'android-length-warning': i18n('androidMessageLengthWarning'),
|
||||
};
|
||||
},
|
||||
initialize(options) {
|
||||
|
|
@ -247,7 +246,7 @@
|
|||
this.model.copyPublicKey();
|
||||
},
|
||||
onArchive: () => {
|
||||
this.unload();
|
||||
this.unload('archive');
|
||||
this.model.setArchived(true);
|
||||
},
|
||||
onMoveToInbox: () => {
|
||||
|
|
@ -597,13 +596,6 @@
|
|||
}
|
||||
*/
|
||||
},
|
||||
toggleLengthWarning() {
|
||||
if (this.$('.send-message').val().length > 2000) {
|
||||
this.$('.android-length-warning').show();
|
||||
} else {
|
||||
this.$('.android-length-warning').hide();
|
||||
}
|
||||
},
|
||||
captureAudio(e) {
|
||||
e.preventDefault();
|
||||
|
||||
|
|
@ -2103,7 +2095,6 @@
|
|||
return;
|
||||
}
|
||||
this.toggleMicrophone();
|
||||
this.toggleLengthWarning();
|
||||
|
||||
this.view.measureScrollPosition();
|
||||
window.autosize(this.$messageField);
|
||||
|
|
|
|||
|
|
@ -28,11 +28,11 @@ function Message(options) {
|
|||
this.profileKey = options.profileKey;
|
||||
this.profile = options.profile;
|
||||
|
||||
if (!(this.recipients instanceof Array) || this.recipients.length < 1) {
|
||||
if (!(this.recipients instanceof Array)) {
|
||||
throw new Error('Invalid recipient list');
|
||||
}
|
||||
|
||||
if (!this.group && this.recipients.length > 1) {
|
||||
if (!this.group && this.recipients.length !== 1) {
|
||||
throw new Error('Invalid recipient list for non-group');
|
||||
}
|
||||
|
||||
|
|
@ -754,6 +754,7 @@ MessageSender.prototype = {
|
|||
failoverNumbers: [],
|
||||
errors: [],
|
||||
unidentifiedDeliveries: [],
|
||||
dataMessage: proto.toArrayBuffer(),
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -787,7 +788,8 @@ MessageSender.prototype = {
|
|||
preview,
|
||||
timestamp,
|
||||
expireTimer,
|
||||
profileKey
|
||||
profileKey,
|
||||
flags
|
||||
) {
|
||||
const attributes = {
|
||||
recipients: [number],
|
||||
|
|
@ -798,8 +800,13 @@ MessageSender.prototype = {
|
|||
preview,
|
||||
expireTimer,
|
||||
profileKey,
|
||||
flags,
|
||||
};
|
||||
|
||||
return this.getMessageProtoObj(attributes);
|
||||
},
|
||||
|
||||
async getMessageProtoObj(attributes) {
|
||||
const message = new Message(attributes);
|
||||
await Promise.all([
|
||||
this.uploadAttachments(message),
|
||||
|
|
@ -920,7 +927,7 @@ MessageSender.prototype = {
|
|||
*/
|
||||
},
|
||||
|
||||
sendMessageToGroup(
|
||||
async sendMessageToGroup(
|
||||
groupId,
|
||||
groupNumbers,
|
||||
messageText,
|
||||
|
|
@ -934,28 +941,33 @@ MessageSender.prototype = {
|
|||
) {
|
||||
const me = textsecure.storage.user.getNumber();
|
||||
const numbers = groupNumbers.filter(number => number !== me);
|
||||
const attrs = {
|
||||
recipients: numbers,
|
||||
body: messageText,
|
||||
timestamp,
|
||||
attachments,
|
||||
quote,
|
||||
preview,
|
||||
needsSync: true,
|
||||
expireTimer,
|
||||
profileKey,
|
||||
group: {
|
||||
id: groupId,
|
||||
type: textsecure.protobuf.GroupContext.Type.DELIVER,
|
||||
},
|
||||
};
|
||||
|
||||
if (numbers.length === 0) {
|
||||
return Promise.reject(new Error('No other members in the group'));
|
||||
return Promise.resolve({
|
||||
successfulNumbers: [],
|
||||
failoverNumbers: [],
|
||||
errors: [],
|
||||
unidentifiedDeliveries: [],
|
||||
dataMessage: await this.getMessageProtoObj(attrs),
|
||||
});
|
||||
}
|
||||
|
||||
return this.sendMessage(
|
||||
{
|
||||
recipients: numbers,
|
||||
body: messageText,
|
||||
timestamp,
|
||||
attachments,
|
||||
quote,
|
||||
preview,
|
||||
needsSync: true,
|
||||
expireTimer,
|
||||
profileKey,
|
||||
group: {
|
||||
id: groupId,
|
||||
type: textsecure.protobuf.GroupContext.Type.DELIVER,
|
||||
},
|
||||
},
|
||||
options
|
||||
);
|
||||
return this.sendMessage(attrs, options);
|
||||
},
|
||||
|
||||
createGroup(targetNumbers, id, name, avatar, options) {
|
||||
|
|
@ -1038,7 +1050,7 @@ MessageSender.prototype = {
|
|||
proto.group.type = textsecure.protobuf.GroupContext.Type.QUIT;
|
||||
return this.sendGroupProto(groupNumbers, proto, Date.now(), options);
|
||||
},
|
||||
sendExpirationTimerUpdateToGroup(
|
||||
async sendExpirationTimerUpdateToGroup(
|
||||
groupId,
|
||||
groupNumbers,
|
||||
expireTimer,
|
||||
|
|
@ -1048,24 +1060,30 @@ MessageSender.prototype = {
|
|||
) {
|
||||
const me = textsecure.storage.user.getNumber();
|
||||
const numbers = groupNumbers.filter(number => number !== me);
|
||||
if (numbers.length === 0) {
|
||||
return Promise.reject(new Error('No other members in the group'));
|
||||
}
|
||||
return this.sendMessage(
|
||||
{
|
||||
recipients: numbers,
|
||||
timestamp,
|
||||
needsSync: true,
|
||||
expireTimer,
|
||||
profileKey,
|
||||
flags: textsecure.protobuf.DataMessage.Flags.EXPIRATION_TIMER_UPDATE,
|
||||
group: {
|
||||
id: groupId,
|
||||
type: textsecure.protobuf.GroupContext.Type.DELIVER,
|
||||
},
|
||||
const attrs = {
|
||||
recipients: numbers,
|
||||
timestamp,
|
||||
needsSync: true,
|
||||
expireTimer,
|
||||
profileKey,
|
||||
flags: textsecure.protobuf.DataMessage.Flags.EXPIRATION_TIMER_UPDATE,
|
||||
group: {
|
||||
id: groupId,
|
||||
type: textsecure.protobuf.GroupContext.Type.DELIVER,
|
||||
},
|
||||
options
|
||||
);
|
||||
};
|
||||
|
||||
if (numbers.length === 0) {
|
||||
return Promise.resolve({
|
||||
successfulNumbers: [],
|
||||
failoverNumbers: [],
|
||||
errors: [],
|
||||
unidentifiedDeliveries: [],
|
||||
dataMessage: await this.getMessageProtoObj(attrs),
|
||||
});
|
||||
}
|
||||
|
||||
return this.sendMessage(attrs, options);
|
||||
},
|
||||
sendExpirationTimerUpdateToNumber(
|
||||
number,
|
||||
|
|
|
|||
10
package.json
10
package.json
|
|
@ -60,7 +60,7 @@
|
|||
"config": "1.28.1",
|
||||
"electron-editor-context-menu": "1.1.1",
|
||||
"electron-is-dev": "0.3.0",
|
||||
"electron-updater": "2.21.10",
|
||||
"electron-updater": "3.0.3",
|
||||
"emoji-datasource": "4.0.0",
|
||||
"emoji-datasource-apple": "4.0.0",
|
||||
"emoji-js": "3.4.0",
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
"protobufjs": "6.8.6",
|
||||
"proxy-agent": "3.0.3",
|
||||
"react": "16.8.3",
|
||||
"react-contextmenu": "2.9.2",
|
||||
"react-contextmenu": "2.11.0",
|
||||
"react-dom": "16.8.3",
|
||||
"react-redux": "6.0.1",
|
||||
"react-virtualized": "9.21.0",
|
||||
|
|
@ -103,7 +103,7 @@
|
|||
"reselect": "4.0.0",
|
||||
"rimraf": "2.6.2",
|
||||
"semver": "5.4.1",
|
||||
"spellchecker": "3.4.4",
|
||||
"spellchecker": "3.5.1",
|
||||
"tar": "4.4.8",
|
||||
"testcheck": "1.0.0-rc.2",
|
||||
"tmp": "0.0.33",
|
||||
|
|
@ -133,8 +133,8 @@
|
|||
"axios": "0.18.0",
|
||||
"bower": "1.8.2",
|
||||
"chai": "4.1.2",
|
||||
"electron": "4.0.5",
|
||||
"electron-builder": "20.13.5",
|
||||
"electron": "4.0.8",
|
||||
"electron-builder": "20.31.3",
|
||||
"electron-icon-maker": "0.0.3",
|
||||
"eslint": "4.14.0",
|
||||
"eslint-config-airbnb-base": "12.1.0",
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@ if (config.appInstance) {
|
|||
title += ` - ${config.appInstance}`;
|
||||
}
|
||||
|
||||
window.platform = process.platform;
|
||||
window.getTitle = () => title;
|
||||
window.getEnvironment = () => config.environment;
|
||||
window.getAppInstance = () => config.appInstance;
|
||||
|
|
|
|||
|
|
@ -142,12 +142,6 @@
|
|||
.module-spinner__arc--incoming {
|
||||
background-color: $color-gray-60;
|
||||
}
|
||||
.module-spinner__circle--small-incoming {
|
||||
background-color: $color-white-04;
|
||||
}
|
||||
.module-spinner__arc--small-incoming {
|
||||
background-color: $color-gray-60;
|
||||
}
|
||||
|
||||
.module-spinner__circle--outgoing {
|
||||
background-color: $color-white-04;
|
||||
|
|
@ -155,12 +149,6 @@
|
|||
.module-spinner__arc--outgoing {
|
||||
background-color: $color-white;
|
||||
}
|
||||
.module-spinner__circle--small-outgoing {
|
||||
background-color: $color-white-04;
|
||||
}
|
||||
.module-spinner__arc--small-outgoing {
|
||||
background-color: $color-white;
|
||||
}
|
||||
|
||||
&.dark-theme {
|
||||
// _modules
|
||||
|
|
|
|||
|
|
@ -2957,34 +2957,49 @@
|
|||
}
|
||||
}
|
||||
|
||||
// In these --small and --mini sizes, we're exploding our @color-svg mixin so we don't
|
||||
// have to duplicate our background colors for the dark/ios/size matrix.
|
||||
|
||||
.module-spinner__container--small {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.module-spinner__circle--small {
|
||||
@include color-svg('../images/spinner-track-24.svg', $color-white-04);
|
||||
-webkit-mask: url('../images/spinner-track-24.svg') no-repeat center;
|
||||
-webkit-mask-size: 100%;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
.module-spinner__arc--small {
|
||||
@include color-svg('../images/spinner-24.svg', $color-gray-60);
|
||||
-webkit-mask: url('../images/spinner-24.svg') no-repeat center;
|
||||
-webkit-mask-size: 100%;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.module-spinner__container--mini {
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
.module-spinner__circle--mini {
|
||||
-webkit-mask: url('../images/spinner-track-24.svg') no-repeat center;
|
||||
-webkit-mask-size: 100%;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
.module-spinner__arc--mini {
|
||||
-webkit-mask: url('../images/spinner-24.svg') no-repeat center;
|
||||
-webkit-mask-size: 100%;
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
.module-spinner__circle--incoming {
|
||||
background-color: $color-white-04;
|
||||
}
|
||||
.module-spinner__arc--incoming {
|
||||
background-color: $color-white;
|
||||
}
|
||||
.module-spinner__circle--small-incoming {
|
||||
background-color: $color-white-04;
|
||||
}
|
||||
.module-spinner__arc--small-incoming {
|
||||
background-color: $color-white;
|
||||
}
|
||||
|
||||
// Module: Highlighted Message Body
|
||||
|
||||
|
|
@ -3184,18 +3199,21 @@
|
|||
font-weight: 300px;
|
||||
}
|
||||
|
||||
.module-left-pane__list {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
}
|
||||
|
||||
.module-left-pane__archive-helper-text {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
|
||||
padding: 1em;
|
||||
font-size: 12px;
|
||||
color: $color-gray-60;
|
||||
background-color: $color-gray-05;
|
||||
}
|
||||
|
||||
.module-left-pane__list {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
}
|
||||
|
||||
.module-left-pane__virtual-list {
|
||||
outline: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1489,12 +1489,6 @@ body.dark-theme {
|
|||
.module-spinner__arc {
|
||||
background-color: $color-gray-05;
|
||||
}
|
||||
.module-spinner__circle--small {
|
||||
background-color: $color-white-04;
|
||||
}
|
||||
.module-spinner__arc--small {
|
||||
background-color: $color-gray-05;
|
||||
}
|
||||
|
||||
.module-spinner__circle--incoming {
|
||||
background-color: $color-white-04;
|
||||
|
|
@ -1502,12 +1496,6 @@ body.dark-theme {
|
|||
.module-spinner__arc--incoming {
|
||||
background-color: $color-gray-05;
|
||||
}
|
||||
.module-spinner__circle--small-incoming {
|
||||
background-color: $color-white-04;
|
||||
}
|
||||
.module-spinner__arc--small-incoming {
|
||||
background-color: $color-gray-05;
|
||||
}
|
||||
|
||||
.module-spinner__circle--outgoing {
|
||||
background-color: $color-white-04;
|
||||
|
|
@ -1515,12 +1503,6 @@ body.dark-theme {
|
|||
.module-spinner__arc--outgoing {
|
||||
background-color: $color-gray-05;
|
||||
}
|
||||
.module-spinner__circle--small-outgoing {
|
||||
background-color: $color-white-04;
|
||||
}
|
||||
.module-spinner__arc--small-outgoing {
|
||||
background-color: $color-gray-05;
|
||||
}
|
||||
|
||||
// Module: Caption Editor
|
||||
|
||||
|
|
|
|||
|
|
@ -112,9 +112,6 @@
|
|||
<div class='capture-audio'>
|
||||
<button class='microphone'></button>
|
||||
</div>
|
||||
<div class='android-length-warning'>
|
||||
{{ android-length-warning }}
|
||||
</div>
|
||||
<div class='choose-file'>
|
||||
<button class='paperclip thumbnail'></button>
|
||||
<input type='file' class='file-input' multiple='multiple'>
|
||||
|
|
|
|||
|
|
@ -43,26 +43,6 @@ type RowRendererParamsType = {
|
|||
};
|
||||
|
||||
export class LeftPane extends React.Component<Props> {
|
||||
public listRef: React.RefObject<any> = React.createRef();
|
||||
|
||||
public scrollToTop() {
|
||||
if (this.listRef && this.listRef.current) {
|
||||
const { current } = this.listRef;
|
||||
current.scrollToRow(0);
|
||||
}
|
||||
}
|
||||
|
||||
public componentDidUpdate(prevProps: Props) {
|
||||
const { showArchived, searchResults } = this.props;
|
||||
|
||||
const isNotShowingSearchResults = !searchResults;
|
||||
const hasArchiveViewChanged = showArchived !== prevProps.showArchived;
|
||||
|
||||
if (isNotShowingSearchResults && hasArchiveViewChanged) {
|
||||
this.scrollToTop();
|
||||
}
|
||||
}
|
||||
|
||||
public renderRow = ({
|
||||
index,
|
||||
key,
|
||||
|
|
@ -135,7 +115,7 @@ export class LeftPane extends React.Component<Props> {
|
|||
);
|
||||
}
|
||||
|
||||
public renderList(): JSX.Element {
|
||||
public renderList(): JSX.Element | Array<JSX.Element | null> {
|
||||
const {
|
||||
archivedConversations,
|
||||
i18n,
|
||||
|
|
@ -168,21 +148,27 @@ export class LeftPane extends React.Component<Props> {
|
|||
? archivedConversations.length
|
||||
: conversations.length + (archivedConversations.length ? 1 : 0);
|
||||
|
||||
const archived = showArchived ? (
|
||||
<div className="module-left-pane__archive-helper-text" key={0}>
|
||||
{i18n('archiveHelperText')}
|
||||
</div>
|
||||
) : null;
|
||||
|
||||
// We ensure that the listKey differs between inbox and archive views, which ensures
|
||||
// that AutoSizer properly detects the new size of its slot in the flexbox. The
|
||||
// archive explainer text at the top of the archive view causes problems otherwise.
|
||||
// It also ensures that we scroll to the top when switching views.
|
||||
const listKey = showArchived ? 1 : 0;
|
||||
|
||||
// Note: conversations is not a known prop for List, but it is required to ensure that
|
||||
// it re-renders when our conversation data changes. Otherwise it would just render
|
||||
// on startup and scroll.
|
||||
return (
|
||||
<div className="module-left-pane__list">
|
||||
{showArchived ? (
|
||||
<div className="module-left-pane__archive-helper-text">
|
||||
{i18n('archiveHelperText')}
|
||||
</div>
|
||||
) : null}
|
||||
const list = (
|
||||
<div className="module-left-pane__list" key={listKey}>
|
||||
<AutoSizer>
|
||||
{({ height, width }) => (
|
||||
<List
|
||||
className="module-left-pane__virtual-list"
|
||||
ref={this.listRef}
|
||||
conversations={conversations}
|
||||
height={height}
|
||||
rowCount={length}
|
||||
|
|
@ -194,6 +180,8 @@ export class LeftPane extends React.Component<Props> {
|
|||
</AutoSizer>
|
||||
</div>
|
||||
);
|
||||
|
||||
return [archived, list];
|
||||
}
|
||||
|
||||
public renderArchivedHeader(): JSX.Element {
|
||||
|
|
|
|||
|
|
@ -2,7 +2,10 @@
|
|||
|
||||
```jsx
|
||||
<util.ConversationContext theme={util.theme}>
|
||||
<Spinner />
|
||||
<Spinner size="normal" />
|
||||
<div style={{ backgroundColor: '#2090ea' }}>
|
||||
<Spinner size="normal" />
|
||||
</div>
|
||||
</util.ConversationContext>
|
||||
```
|
||||
|
||||
|
|
@ -10,6 +13,20 @@
|
|||
|
||||
```jsx
|
||||
<util.ConversationContext theme={util.theme}>
|
||||
<Spinner small />
|
||||
<Spinner size="small" />
|
||||
<div style={{ backgroundColor: '#2090ea' }}>
|
||||
<Spinner size="small" />
|
||||
</div>
|
||||
</util.ConversationContext>
|
||||
```
|
||||
|
||||
#### Mini
|
||||
|
||||
```jsx
|
||||
<util.ConversationContext theme={util.theme}>
|
||||
<Spinner size="mini" />
|
||||
<div style={{ backgroundColor: '#2090ea' }}>
|
||||
<Spinner size="mini" />
|
||||
</div>
|
||||
</util.ConversationContext>
|
||||
```
|
||||
|
|
|
|||
|
|
@ -2,43 +2,37 @@ import React from 'react';
|
|||
import classNames from 'classnames';
|
||||
|
||||
interface Props {
|
||||
small?: boolean;
|
||||
size: 'small' | 'mini' | 'normal';
|
||||
direction?: string;
|
||||
}
|
||||
|
||||
export class Spinner extends React.Component<Props> {
|
||||
public render() {
|
||||
const { small, direction } = this.props;
|
||||
const { size, direction } = this.props;
|
||||
|
||||
return (
|
||||
<div
|
||||
className={classNames(
|
||||
'module-spinner__container',
|
||||
`module-spinner__container--${size}`,
|
||||
direction ? `module-spinner__container--${direction}` : null,
|
||||
small ? 'module-spinner__container--small' : null,
|
||||
small && direction
|
||||
? `module-spinner__container--small-${direction}`
|
||||
: null
|
||||
direction ? `module-spinner__container--${size}-${direction}` : null
|
||||
)}
|
||||
>
|
||||
<div
|
||||
className={classNames(
|
||||
'module-spinner__circle',
|
||||
`module-spinner__circle--${size}`,
|
||||
direction ? `module-spinner__circle--${direction}` : null,
|
||||
small ? 'module-spinner__circle--small' : null,
|
||||
small && direction
|
||||
? `module-spinner__circle--small-${direction}`
|
||||
: null
|
||||
direction ? `module-spinner__circle--${size}-${direction}` : null
|
||||
)}
|
||||
/>
|
||||
<div
|
||||
className={classNames(
|
||||
'module-spinner__arc',
|
||||
`module-spinner__arc--${size}`,
|
||||
direction ? `module-spinner__arc--${direction}` : null,
|
||||
small ? 'module-spinner__arc--small' : null,
|
||||
small && direction
|
||||
? `module-spinner__arc--small-${direction}`
|
||||
: null
|
||||
direction ? `module-spinner__arc--${size}-${direction}` : null
|
||||
)}
|
||||
/>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -94,7 +94,7 @@ export class Image extends React.Component<Props> {
|
|||
}}
|
||||
// alt={i18n('loading')}
|
||||
>
|
||||
<Spinner />
|
||||
<Spinner size="normal" />
|
||||
</div>
|
||||
) : (
|
||||
<img
|
||||
|
|
|
|||
|
|
@ -14,6 +14,7 @@ interface Props {
|
|||
}
|
||||
|
||||
const SUPPORTED_PROTOCOLS = /^(http|https):/i;
|
||||
const HAS_AT = /@/;
|
||||
|
||||
export class Linkify extends React.Component<Props> {
|
||||
public static defaultProps: Partial<Props> = {
|
||||
|
|
@ -50,7 +51,11 @@ export class Linkify extends React.Component<Props> {
|
|||
}
|
||||
|
||||
const { url, text: originalText } = match;
|
||||
if (SUPPORTED_PROTOCOLS.test(url) && !isLinkSneaky(url)) {
|
||||
if (
|
||||
SUPPORTED_PROTOCOLS.test(url) &&
|
||||
!isLinkSneaky(url) &&
|
||||
!HAS_AT.test(url)
|
||||
) {
|
||||
results.push(
|
||||
<a key={count++} href={url}>
|
||||
{originalText}
|
||||
|
|
|
|||
|
|
@ -474,13 +474,17 @@ Note that timestamp and status can be hidden with the `collapseMetadata` boolean
|
|||
<Message
|
||||
authorColor="purple"
|
||||
direction="incoming"
|
||||
text={`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget condimentum tellus. Aenean vulputate, dui a gravida rhoncus, mi orci varius urna, ut placerat felis ex ac elit. In pulvinar quis velit convallis varius. Quisque mattis, metus id lobortis porttitor, lacus ex laoreet dui, sit amet laoreet massa leo sed tellus. Phasellus iaculis pulvinar bibendum. In vitae imperdiet felis. Vivamus lacinia eros nec arcu varius, sodales faucibus nulla molestie. Etiam luctus lectus sit amet nulla facilisis, a porta mi tempus. Donec sit amet convallis ipsum.
|
||||
text={`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam efficitur finibus tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu metus leo. Nullam consequat leo ut accumsan aliquam. In est elit, faucibus vel arcu vitae, dapibus egestas nunc. Curabitur nec orci semper, auctor justo ornare, sagittis massa. Aliquam ultrices sem ac ex vestibulum dapibus. Etiam erat purus, interdum sit amet magna vitae, elementum lacinia leo. Duis vel mauris dui. Morbi sed accumsan erat, at facilisis metus. Nullam molestie lectus eleifend congue ultrices. Nunc porta at justo semper egestas. Proin non iaculis nibh. Cras sit amet urna dignissim, venenatis arcu a, pulvinar ipsum.
|
||||
|
||||
In eros risus, posuere non viverra at, finibus ac elit. Nunc convallis vulputate risus. Donec ligula justo, lacinia id vulputate in, semper non nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque porttitor neque a metus dapibus varius. Sed luctus purus vel semper rhoncus. In imperdiet risus ut convallis porttitor. Fusce vel ligula placerat, imperdiet ante vel, mollis ipsum.
|
||||
Integer et justo ut urna tempor ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In bibendum a nulla non blandit. In iaculis id orci maximus elementum. Mauris ultricies ipsum et magna iaculis, non porta orci elementum. Curabitur ipsum magna, porttitor id cursus nec, euismod at orci. Sed et ex id neque hendrerit auctor sed et mauris. In hac habitasse platea dictumst.
|
||||
|
||||
Etiam ultricies tortor eget mi sollicitudin suscipit. Nullam non ligula lacinia, ornare tortor in, tempor enim. Nullam nec ullamcorper enim. Vestibulum aliquet leo eget nisl aliquet vulputate. Duis quis nisl ligula. Nunc pulvinar lacus urna. Morbi imperdiet tortor eu finibus dictum. Cras ullamcorper aliquet eros, non malesuada tellus cursus eget.
|
||||
Aliquam erat volutpat. Mauris quis erat luctus enim tincidunt fringilla. Vestibulum ornare, erat sit amet pretium gravida, tortor ipsum pretium eros, ac congue mauris elit vel elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas ultrices neque vulputate, pellentesque massa non, imperdiet justo. Curabitur vel ex non enim volutpat fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In gravida consectetur justo sit amet feugiat. Vivamus non eros dignissim, interdum magna at, suscipit mauris. Duis sit amet dui tempor, ornare arcu ultrices, convallis neque. Proin quis risus leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc lectus sapien, feugiat sit amet orci nec, consectetur vehicula odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas porta scelerisque egestas.
|
||||
|
||||
Cras sagittis, sapien vel gravida pellentesque, sem sem semper velit, vel congue ligula leo aliquet massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur eros diam, tempor sed lacus non, commodo imperdiet quam. Praesent eget tristique lectus, sit amet iaculis felis. Morbi molestie dui blandit augue vulputate tempus. Nulla facilisi. Nulla dictum felis eu nulla rhoncus, sed ultricies est scelerisque. Nam risus arcu, sodales at nisl eget, volutpat elementum lacus. Morbi dictum condimentum lorem, at placerat nulla eleifend a. Vestibulum hendrerit diam vulputate, sollicitudin urna vel, luctus nisl. Mauris semper sem quam, sed venenatis quam convallis in. Donec hendrerit, nibh ut mattis congue, quam nibh consectetur magna, eu posuere urna orci et turpis. Integer vitae arcu vitae est varius maximus. Sed ultrices tortor lacus, venenatis pulvinar nibh ullamcorper sit amet. Nulla vehicula metus sed diam gravida auctor sed cursus enim. Curabitur viverra non erat et mollis.`}
|
||||
Fusce diam massa, lacinia sit amet vehicula vitae, pretium sed augue. Duis diam velit, efficitur eget fringilla vel, pharetra eu lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas et convallis tellus. Aenean in orci tincidunt, finibus nulla ut, aliquam quam. Nullam feugiat egestas urna, ultricies suscipit justo venenatis eget. Curabitur sollicitudin odio eu tincidunt porta. Nullam in metus in purus rutrum varius et sit amet nibh. Nunc at efficitur turpis, a tincidunt dolor.
|
||||
|
||||
Nam non leo euismod, volutpat leo quis, semper orci. Proin malesuada ultrices ex, nec fringilla ante condimentum eu. Sed vel gravida nibh. Vivamus sed tincidunt sem. Phasellus arcu orci, condimentum nec fringilla ac, maximus a arcu. Mauris sit amet sodales nisl. Etiam molestie consequat auctor. Proin auctor pulvinar mi vitae consequat.
|
||||
|
||||
Phasellus commodo viverra condimentum. Nam vitae facilisis nibh, dapibus eleifend nisl. Quisque eu massa nunc.`}
|
||||
timestamp={Date.now()}
|
||||
i18n={util.i18n}
|
||||
/>
|
||||
|
|
@ -490,13 +494,53 @@ Note that timestamp and status can be hidden with the `collapseMetadata` boolean
|
|||
authorColor="purple"
|
||||
direction="outgoing"
|
||||
status="delivered"
|
||||
text={`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget condimentum tellus. Aenean vulputate, dui a gravida rhoncus, mi orci varius urna, ut placerat felis ex ac elit. In pulvinar quis velit convallis varius. Quisque mattis, metus id lobortis porttitor, lacus ex laoreet dui, sit amet laoreet massa leo sed tellus. Phasellus iaculis pulvinar bibendum. In vitae imperdiet felis. Vivamus lacinia eros nec arcu varius, sodales faucibus nulla molestie. Etiam luctus lectus sit amet nulla facilisis, a porta mi tempus. Donec sit amet convallis ipsum.
|
||||
text={`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam efficitur finibus tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu metus leo. Nullam consequat leo ut accumsan aliquam. In est elit, faucibus vel arcu vitae, dapibus egestas nunc. Curabitur nec orci semper, auctor justo ornare, sagittis massa. Aliquam ultrices sem ac ex vestibulum dapibus. Etiam erat purus, interdum sit amet magna vitae, elementum lacinia leo. Duis vel mauris dui. Morbi sed accumsan erat, at facilisis metus. Nullam molestie lectus eleifend congue ultrices. Nunc porta at justo semper egestas. Proin non iaculis nibh. Cras sit amet urna dignissim, venenatis arcu a, pulvinar ipsum.
|
||||
|
||||
In eros risus, posuere non viverra at, finibus ac elit. Nunc convallis vulputate risus. Donec ligula justo, lacinia id vulputate in, semper non nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque porttitor neque a metus dapibus varius. Sed luctus purus vel semper rhoncus. In imperdiet risus ut convallis porttitor. Fusce vel ligula placerat, imperdiet ante vel, mollis ipsum.
|
||||
Integer et justo ut urna tempor ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In bibendum a nulla non blandit. In iaculis id orci maximus elementum. Mauris ultricies ipsum et magna iaculis, non porta orci elementum. Curabitur ipsum magna, porttitor id cursus nec, euismod at orci. Sed et ex id neque hendrerit auctor sed et mauris. In hac habitasse platea dictumst.
|
||||
|
||||
Etiam ultricies tortor eget mi sollicitudin suscipit. Nullam non ligula lacinia, ornare tortor in, tempor enim. Nullam nec ullamcorper enim. Vestibulum aliquet leo eget nisl aliquet vulputate. Duis quis nisl ligula. Nunc pulvinar lacus urna. Morbi imperdiet tortor eu finibus dictum. Cras ullamcorper aliquet eros, non malesuada tellus cursus eget.
|
||||
Aliquam erat volutpat. Mauris quis erat luctus enim tincidunt fringilla. Vestibulum ornare, erat sit amet pretium gravida, tortor ipsum pretium eros, ac congue mauris elit vel elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas ultrices neque vulputate, pellentesque massa non, imperdiet justo. Curabitur vel ex non enim volutpat fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In gravida consectetur justo sit amet feugiat. Vivamus non eros dignissim, interdum magna at, suscipit mauris. Duis sit amet dui tempor, ornare arcu ultrices, convallis neque. Proin quis risus leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc lectus sapien, feugiat sit amet orci nec, consectetur vehicula odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas porta scelerisque egestas.
|
||||
|
||||
Cras sagittis, sapien vel gravida pellentesque, sem sem semper velit, vel congue ligula leo aliquet massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur eros diam, tempor sed lacus non, commodo imperdiet quam. Praesent eget tristique lectus, sit amet iaculis felis. Morbi molestie dui blandit augue vulputate tempus. Nulla facilisi. Nulla dictum felis eu nulla rhoncus, sed ultricies est scelerisque. Nam risus arcu, sodales at nisl eget, volutpat elementum lacus. Morbi dictum condimentum lorem, at placerat nulla eleifend a. Vestibulum hendrerit diam vulputate, sollicitudin urna vel, luctus nisl. Mauris semper sem quam, sed venenatis quam convallis in. Donec hendrerit, nibh ut mattis congue, quam nibh consectetur magna, eu posuere urna orci et turpis. Integer vitae arcu vitae est varius maximus. Sed ultrices tortor lacus, venenatis pulvinar nibh ullamcorper sit amet. Nulla vehicula metus sed diam gravida auctor sed cursus enim. Curabitur viverra non erat et mollis.`}
|
||||
Fusce diam massa, lacinia sit amet vehicula vitae, pretium sed augue. Duis diam velit, efficitur eget fringilla vel, pharetra eu lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas et convallis tellus. Aenean in orci tincidunt, finibus nulla ut, aliquam quam. Nullam feugiat egestas urna, ultricies suscipit justo venenatis eget. Curabitur sollicitudin odio eu tincidunt porta. Nullam in metus in purus rutrum varius et sit amet nibh. Nunc at efficitur turpis, a tincidunt dolor.
|
||||
|
||||
Nam non leo euismod, volutpat leo quis, semper orci. Proin malesuada ultrices ex, nec fringilla ante condimentum eu. Sed vel gravida nibh. Vivamus sed tincidunt sem. Phasellus arcu orci, condimentum nec fringilla ac, maximus a arcu. Mauris sit amet sodales nisl. Etiam molestie consequat auctor. Proin auctor pulvinar mi vitae consequat.
|
||||
|
||||
Phasellus commodo viverra condimentum. Nam vitae facilisis nibh, dapibus eleifend nisl. Quisque eu massa nunc.`}
|
||||
timestamp={Date.now()}
|
||||
i18n={util.i18n}
|
||||
/>
|
||||
</li>
|
||||
</util.ConversationContext>
|
||||
```
|
||||
|
||||
### Pending long message download
|
||||
|
||||
```jsx
|
||||
<util.ConversationContext theme={util.theme} ios={util.ios}>
|
||||
<li>
|
||||
<Message
|
||||
authorColor="purple"
|
||||
direction="incoming"
|
||||
textPending={true}
|
||||
text={`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla nulla velit, id finibus orci porttitor at. Donec eget orci nunc. Fusce nisl arcu, porttitor eget eleifend id, malesuada et diam. Donec porta id magna vel egestas. Donec justo odio, dignissim ac lorem in, bibendum congue arcu. Sed aliquam, tortor non ultricies pretium, orci dui auctor augue, id efficitur orci erat a velit. Morbi efficitur ante quis ex malesuada, vitae eleifend risus dapibus. Donec sollicitudin justo sed viverra vulputate. Donec iaculis dolor velit, sit amet feugiat lacus gravida in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
|
||||
In commodo, lacus lacinia efficitur rutrum, purus neque aliquet turpis, ac tincidunt dolor quam vitae dolor. Vestibulum ultrices orci non finibus lobortis. Etiam in efficitur augue, at pulvinar diam. Praesent gravida erat vitae dolor varius, eu fermentum justo fermentum. Nullam feugiat orci ipsum, ut congue orci varius in. Duis arcu elit, mattis ac nisi at, hendrerit pretium magna. Quisque volutpat ipsum leo, at ultrices arcu rhoncus mattis. Quisque pellentesque nisl suscipit tempor aliquet. Quisque venenatis massa eget ex fermentum, et iaculis dui porttitor. Nam sed tortor tincidunt, eleifend diam vitae, facilisis erat. Suspendisse ornare justo molestie felis bibendum, non laoreet urna posuere. Ut in felis vel mauris commodo semper et non massa. Vivamus vitae sagittis est. Nullam faucibus justo metus, eget aliquet mi vestibulum sit amet.
|
||||
|
||||
Nulla tincidunt dui non massa aliquam, nec luctus turpis dapibus. Duis sollicitudin consectetur justo ut volutpat. Suspendisse a consectetur ligula, nec rutrum felis. Curabitur neque lorem, finibus id molestie at, ultricies vel tortor. Praesent porttitor augue non magna blandit, quis pulvinar risus iaculis. Sed at lorem risus. Pellentesque laoreet odio et justo blandit dignissim. Curabitur eget venenatis leo, eget vehicula sem. Proin eros nisi, faucibus et malesuada a, porta id tortor. Etiam imperdiet eleifend commodo. Nunc at malesuada mi, vitae volutpat sema`}
|
||||
timestamp={Date.now()}
|
||||
i18n={util.i18n}
|
||||
/>
|
||||
</li>
|
||||
<li>
|
||||
<Message
|
||||
authorColor="purple"
|
||||
direction="outgoing"
|
||||
status="delivered"
|
||||
textPending={true}
|
||||
text={`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fringilla nulla velit, id finibus orci porttitor at. Donec eget orci nunc. Fusce nisl arcu, porttitor eget eleifend id, malesuada et diam. Donec porta id magna vel egestas. Donec justo odio, dignissim ac lorem in, bibendum congue arcu. Sed aliquam, tortor non ultricies pretium, orci dui auctor augue, id efficitur orci erat a velit. Morbi efficitur ante quis ex malesuada, vitae eleifend risus dapibus. Donec sollicitudin justo sed viverra vulputate. Donec iaculis dolor velit, sit amet feugiat lacus gravida in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
|
||||
In commodo, lacus lacinia efficitur rutrum, purus neque aliquet turpis, ac tincidunt dolor quam vitae dolor. Vestibulum ultrices orci non finibus lobortis. Etiam in efficitur augue, at pulvinar diam. Praesent gravida erat vitae dolor varius, eu fermentum justo fermentum. Nullam feugiat orci ipsum, ut congue orci varius in. Duis arcu elit, mattis ac nisi at, hendrerit pretium magna. Quisque volutpat ipsum leo, at ultrices arcu rhoncus mattis. Quisque pellentesque nisl suscipit tempor aliquet. Quisque venenatis massa eget ex fermentum, et iaculis dui porttitor. Nam sed tortor tincidunt, eleifend diam vitae, facilisis erat. Suspendisse ornare justo molestie felis bibendum, non laoreet urna posuere. Ut in felis vel mauris commodo semper et non massa. Vivamus vitae sagittis est. Nullam faucibus justo metus, eget aliquet mi vestibulum sit amet.
|
||||
|
||||
Nulla tincidunt dui non massa aliquam, nec luctus turpis dapibus. Duis sollicitudin consectetur justo ut volutpat. Suspendisse a consectetur ligula, nec rutrum felis. Curabitur neque lorem, finibus id molestie at, ultricies vel tortor. Praesent porttitor augue non magna blandit, quis pulvinar risus iaculis. Sed at lorem risus. Pellentesque laoreet odio et justo blandit dignissim. Curabitur eget venenatis leo, eget vehicula sem. Proin eros nisi, faucibus et malesuada a, porta id tortor. Etiam imperdiet eleifend commodo. Nunc at malesuada mi, vitae volutpat sema`}
|
||||
timestamp={Date.now()}
|
||||
i18n={util.i18n}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -49,6 +49,7 @@ interface LinkPreviewType {
|
|||
export interface Props {
|
||||
disableMenu?: boolean;
|
||||
text?: string;
|
||||
textPending?: boolean;
|
||||
id?: string;
|
||||
collapseMetadata?: boolean;
|
||||
direction: 'incoming' | 'outgoing';
|
||||
|
|
@ -199,6 +200,7 @@ export class Message extends React.PureComponent<Props, State> {
|
|||
i18n,
|
||||
status,
|
||||
text,
|
||||
textPending,
|
||||
timestamp,
|
||||
isP2p,
|
||||
} = this.props;
|
||||
|
|
@ -261,7 +263,12 @@ export class Message extends React.PureComponent<Props, State> {
|
|||
/>
|
||||
) : null}
|
||||
<span className="module-message__metadata__spacer" />
|
||||
{direction === 'outgoing' && status !== 'error' ? (
|
||||
{textPending ? (
|
||||
<div className="module-message__metadata__spinner-container">
|
||||
<Spinner size="mini" direction={direction} />
|
||||
</div>
|
||||
) : null}
|
||||
{!textPending && direction === 'outgoing' && status !== 'error' ? (
|
||||
<div
|
||||
className={classNames(
|
||||
'module-message__metadata__status-icon',
|
||||
|
|
@ -397,7 +404,7 @@ export class Message extends React.PureComponent<Props, State> {
|
|||
>
|
||||
{pending ? (
|
||||
<div className="module-message__generic-attachment__spinner-container">
|
||||
<Spinner small={true} direction={direction} />
|
||||
<Spinner size="small" direction={direction} />
|
||||
</div>
|
||||
) : (
|
||||
<div className="module-message__generic-attachment__icon-container">
|
||||
|
|
@ -661,7 +668,7 @@ export class Message extends React.PureComponent<Props, State> {
|
|||
}
|
||||
|
||||
public renderText() {
|
||||
const { text, i18n, direction, status } = this.props;
|
||||
const { text, textPending, i18n, direction, status } = this.props;
|
||||
|
||||
const contents =
|
||||
direction === 'incoming' && status === 'error'
|
||||
|
|
@ -683,7 +690,11 @@ export class Message extends React.PureComponent<Props, State> {
|
|||
: null
|
||||
)}
|
||||
>
|
||||
<MessageBody text={contents || ''} i18n={i18n} />
|
||||
<MessageBody
|
||||
text={contents || ''}
|
||||
i18n={i18n}
|
||||
textPending={textPending}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -36,13 +36,13 @@
|
|||
### Jumbomoji disabled
|
||||
|
||||
```jsx
|
||||
<MessageBody text="🔥" disableJumbomoji i18n={util.i18n} />
|
||||
<MessageBody text="🔥" disableJumbomoji={true} i18n={util.i18n} />
|
||||
```
|
||||
|
||||
### Links disabled
|
||||
|
||||
```jsx
|
||||
<MessageBody text="http://somewhere.com" disableLinks i18n={util.i18n} />
|
||||
<MessageBody text="http://somewhere.com" disableLinks={true} i18n={util.i18n} />
|
||||
```
|
||||
|
||||
### Emoji in link
|
||||
|
|
@ -50,3 +50,24 @@
|
|||
```jsx
|
||||
<MessageBody text="http://somewhere.com?s=🔥\nCool, huh?" i18n={util.i18n} />
|
||||
```
|
||||
|
||||
### Text pending
|
||||
|
||||
```jsx
|
||||
<MessageBody
|
||||
text="http://somewhere.com?s=🔥\nCool, huh?"
|
||||
textPending={true}
|
||||
i18n={util.i18n}
|
||||
/>
|
||||
```
|
||||
|
||||
### Text pending, disable links
|
||||
|
||||
```jsx
|
||||
<MessageBody
|
||||
text="http://somewhere.com?s=🔥\nCool, huh?"
|
||||
textPending={true}
|
||||
disableLinks={true}
|
||||
i18n={util.i18n}
|
||||
/>
|
||||
```
|
||||
|
|
|
|||
|
|
@ -9,6 +9,7 @@ import { LocalizerType, RenderTextCallbackType } from '../../types/Util';
|
|||
|
||||
interface Props {
|
||||
text: string;
|
||||
textPending?: boolean;
|
||||
/** If set, all emoji will be the same size. Otherwise, just one emoji will be large. */
|
||||
disableJumbomoji?: boolean;
|
||||
/** If set, links will be left alone instead of turned into clickable `<a>` tags. */
|
||||
|
|
@ -50,23 +51,48 @@ const renderEmoji = ({
|
|||
* them for you.
|
||||
*/
|
||||
export class MessageBody extends React.Component<Props> {
|
||||
public render() {
|
||||
const { text, disableJumbomoji, disableLinks, i18n } = this.props;
|
||||
const sizeClass = disableJumbomoji ? undefined : getSizeClass(text);
|
||||
|
||||
if (disableLinks) {
|
||||
return renderEmoji({
|
||||
i18n,
|
||||
text,
|
||||
sizeClass,
|
||||
key: 0,
|
||||
renderNonEmoji: renderNewLines,
|
||||
});
|
||||
}
|
||||
public addDownloading(jsx: JSX.Element): JSX.Element {
|
||||
const { i18n, textPending } = this.props;
|
||||
|
||||
return (
|
||||
<span>
|
||||
{jsx}
|
||||
{textPending ? (
|
||||
<span className="module-message-body__highlight">
|
||||
{' '}
|
||||
{i18n('downloading')}
|
||||
</span>
|
||||
) : null}
|
||||
</span>
|
||||
);
|
||||
}
|
||||
|
||||
public render() {
|
||||
const {
|
||||
text,
|
||||
textPending,
|
||||
disableJumbomoji,
|
||||
disableLinks,
|
||||
i18n,
|
||||
} = this.props;
|
||||
const sizeClass = disableJumbomoji ? undefined : getSizeClass(text);
|
||||
const textWithPending = textPending ? `${text}...` : text;
|
||||
|
||||
if (disableLinks) {
|
||||
return this.addDownloading(
|
||||
renderEmoji({
|
||||
i18n,
|
||||
text: textWithPending,
|
||||
sizeClass,
|
||||
key: 0,
|
||||
renderNonEmoji: renderNewLines,
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
return this.addDownloading(
|
||||
<Linkify
|
||||
text={text}
|
||||
text={textWithPending}
|
||||
renderNonLink={({ key, text: nonLinkText }) => {
|
||||
return renderEmoji({
|
||||
i18n,
|
||||
|
|
|
|||
|
|
@ -25,11 +25,12 @@ export function renderAvatar({
|
|||
const avatarPath = avatar && avatar.avatar && avatar.avatar.path;
|
||||
const pending = avatar && avatar.avatar && avatar.avatar.pending;
|
||||
const name = getName(contact) || '';
|
||||
const spinnerSize = size < 50 ? 'small' : 'normal';
|
||||
|
||||
if (pending) {
|
||||
return (
|
||||
<div className="module-embedded-contact__spinner-container">
|
||||
<Spinner small={size < 50} direction={direction} />
|
||||
<Spinner size={spinnerSize} direction={direction} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -203,22 +203,6 @@
|
|||
"updated": "2018-09-19T18:13:29.628Z",
|
||||
"reasonDetail": "Interacting with already-existing DOM nodes"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-wrap(",
|
||||
"path": "js/models/messages.js",
|
||||
"line": " return this.send(wrap(promise));",
|
||||
"lineNumber": 938,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-10-05T23:12:28.961Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-wrap(",
|
||||
"path": "js/models/messages.js",
|
||||
"line": " return wrap(",
|
||||
"lineNumber": 1185,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-10-05T23:12:28.961Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-wrap(",
|
||||
"path": "js/modules/crypto.js",
|
||||
|
|
@ -1737,70 +1721,6 @@
|
|||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-19T18:13:29.628Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/builder-util-runtime/node_modules/debug/src/browser.js",
|
||||
"line": "function load() {",
|
||||
"lineNumber": 160,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/builder-util-runtime/node_modules/debug/src/browser.js",
|
||||
"line": "exports.enable(load());",
|
||||
"lineNumber": 178,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/builder-util-runtime/node_modules/debug/src/node.js",
|
||||
"line": "function load() {",
|
||||
"lineNumber": 162,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/builder-util-runtime/node_modules/debug/src/node.js",
|
||||
"line": "exports.enable(load());",
|
||||
"lineNumber": 186,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/builder-util/node_modules/debug/src/browser.js",
|
||||
"line": "function load() {",
|
||||
"lineNumber": 160,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/builder-util/node_modules/debug/src/browser.js",
|
||||
"line": "exports.enable(load());",
|
||||
"lineNumber": 178,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/builder-util/node_modules/debug/src/node.js",
|
||||
"line": "function load() {",
|
||||
"lineNumber": 162,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/builder-util/node_modules/debug/src/node.js",
|
||||
"line": "exports.enable(load());",
|
||||
"lineNumber": 186,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-$(",
|
||||
"path": "node_modules/bunyan/node_modules/moment/min/locales.min.js",
|
||||
|
|
@ -2153,6 +2073,46 @@
|
|||
"updated": "2018-09-18T19:19:27.699Z",
|
||||
"reasonDetail": "What's being eval'd is a static string, with one variable: args. Args is of the form arg1, arg2, generated programmatically."
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/dmg-builder/node_modules/debug/dist/debug.js",
|
||||
"line": " createDebug.enable(createDebug.load());",
|
||||
"lineNumber": 721,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2019-03-13T02:42:07.830Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/dmg-builder/node_modules/debug/dist/debug.js",
|
||||
"line": " function load() {",
|
||||
"lineNumber": 855,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2019-03-13T02:42:07.830Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/dmg-builder/node_modules/debug/src/browser.js",
|
||||
"line": "function load() {",
|
||||
"lineNumber": 211,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2019-03-13T02:42:07.830Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/dmg-builder/node_modules/debug/src/common.js",
|
||||
"line": "\tcreateDebug.enable(createDebug.load());",
|
||||
"lineNumber": 261,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2019-03-13T02:42:07.830Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/dmg-builder/node_modules/debug/src/node.js",
|
||||
"line": "function load() {",
|
||||
"lineNumber": 216,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2019-03-13T02:42:07.830Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-$(",
|
||||
"path": "node_modules/dotenv-expand/lib/main.js",
|
||||
|
|
@ -2177,37 +2137,53 @@
|
|||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-19T18:13:29.628Z"
|
||||
},
|
||||
{
|
||||
"rule": "thenify-multiArgs",
|
||||
"path": "node_modules/electron-updater/node_modules/bluebird-lst/index.d.ts",
|
||||
"line": " multiArgs?: boolean;",
|
||||
"lineNumber": 985,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2019-03-13T02:42:07.830Z"
|
||||
},
|
||||
{
|
||||
"rule": "thenify-multiArgs",
|
||||
"path": "node_modules/electron-updater/node_modules/bluebird-lst/index.d.ts",
|
||||
"line": " multiArgs?: boolean;",
|
||||
"lineNumber": 989,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2019-03-13T02:42:07.830Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/electron-download-tf/node_modules/debug/src/browser.js",
|
||||
"path": "node_modules/electron-updater/node_modules/debug/src/browser.js",
|
||||
"line": "function load() {",
|
||||
"lineNumber": 160,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/electron-download-tf/node_modules/debug/src/browser.js",
|
||||
"path": "node_modules/electron-updater/node_modules/debug/src/browser.js",
|
||||
"line": "exports.enable(load());",
|
||||
"lineNumber": 178,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/electron-download-tf/node_modules/debug/src/node.js",
|
||||
"path": "node_modules/electron-updater/node_modules/debug/src/node.js",
|
||||
"line": "function load() {",
|
||||
"lineNumber": 153,
|
||||
"lineNumber": 162,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/electron-download-tf/node_modules/debug/src/node.js",
|
||||
"path": "node_modules/electron-updater/node_modules/debug/src/node.js",
|
||||
"line": "exports.enable(load());",
|
||||
"lineNumber": 177,
|
||||
"lineNumber": 186,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "eval",
|
||||
|
|
@ -3714,24 +3690,24 @@
|
|||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/js-yaml/dist/js-yaml.js",
|
||||
"line": "function load(input, options) {",
|
||||
"lineNumber": 2537,
|
||||
"lineNumber": 2545,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
"path": "node_modules/js-yaml/dist/js-yaml.js",
|
||||
"line": " return load(input, common.extend({ schema: DEFAULT_SAFE_SCHEMA }, options));",
|
||||
"lineNumber": 2560,
|
||||
"lineNumber": 2568,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-$(",
|
||||
"path": "node_modules/js-yaml/dist/js-yaml.min.js",
|
||||
"lineNumber": 1,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-19T21:59:32.770Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
|
|
@ -3739,7 +3715,7 @@
|
|||
"line": "function load(input, options) {",
|
||||
"lineNumber": 1568,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-load(",
|
||||
|
|
@ -3747,7 +3723,7 @@
|
|||
"line": " return load(input, common.extend({ schema: DEFAULT_SAFE_SCHEMA }, options));",
|
||||
"lineNumber": 1591,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-$(",
|
||||
|
|
@ -5101,41 +5077,41 @@
|
|||
{
|
||||
"rule": "jQuery-prepend(",
|
||||
"path": "node_modules/source-map-support/browser-source-map-support.js",
|
||||
"lineNumber": 93,
|
||||
"lineNumber": 90,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-19T18:13:29.628Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "eval",
|
||||
"path": "node_modules/source-map-support/source-map-support.js",
|
||||
"line": " // Most eval() calls are in this format",
|
||||
"lineNumber": 235,
|
||||
"lineNumber": 234,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "eval",
|
||||
"path": "node_modules/source-map-support/source-map-support.js",
|
||||
"line": " // Parse nested eval() calls using recursion",
|
||||
"lineNumber": 247,
|
||||
"lineNumber": 246,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "eval",
|
||||
"path": "node_modules/source-map-support/source-map-support.js",
|
||||
"line": " // passed to eval() ending in \"//# sourceURL=...\" will return the source file",
|
||||
"lineNumber": 345,
|
||||
"lineNumber": 344,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "eval",
|
||||
"path": "node_modules/source-map-support/source-map-support.js",
|
||||
"line": " // Code called using eval() needs special handling",
|
||||
"lineNumber": 372,
|
||||
"lineNumber": 373,
|
||||
"reasonCategory": "falseMatch",
|
||||
"updated": "2018-09-15T00:38:04.183Z"
|
||||
"updated": "2019-03-13T01:27:05.473Z"
|
||||
},
|
||||
{
|
||||
"rule": "jQuery-prepend(",
|
||||
|
|
@ -5464,24 +5440,6 @@
|
|||
"updated": "2019-03-09T00:08:44.242Z",
|
||||
"reasonDetail": "Used only to set focus"
|
||||
},
|
||||
{
|
||||
"rule": "React-createRef",
|
||||
"path": "ts/components/LeftPane.js",
|
||||
"line": " this.listRef = react_1.default.createRef();",
|
||||
"lineNumber": 13,
|
||||
"reasonCategory": "usageTrusted",
|
||||
"updated": "2019-03-12T23:33:50.889Z",
|
||||
"reasonDetail": "Used only to scroll to top on archive/inbox switch"
|
||||
},
|
||||
{
|
||||
"rule": "React-createRef",
|
||||
"path": "ts/components/LeftPane.tsx",
|
||||
"line": " public listRef: React.RefObject<any> = React.createRef();",
|
||||
"lineNumber": 46,
|
||||
"reasonCategory": "usageTrusted",
|
||||
"updated": "2019-03-12T23:33:50.889Z",
|
||||
"reasonDetail": "Used only to scroll to top on archive/inbox switch"
|
||||
},
|
||||
{
|
||||
"rule": "React-createRef",
|
||||
"path": "ts/components/Lightbox.js",
|
||||
|
|
|
|||
|
|
@ -50,6 +50,7 @@ const results: Array<ExceptionType> = [];
|
|||
|
||||
const excludedFiles = [
|
||||
// High-traffic files in our project
|
||||
'^js/models/messages.js',
|
||||
'^js/views/conversation_view.js',
|
||||
'^js/views/file_input_view.js',
|
||||
'^js/background.js',
|
||||
|
|
@ -83,6 +84,7 @@ const excludedFiles = [
|
|||
'^node_modules/ajv/*',
|
||||
'^node_modules/amdefine/*',
|
||||
'^node_modules/anymatch/*',
|
||||
'^node_modules/app-builder-lib/*',
|
||||
'^node_modules/asn1\\.js/*',
|
||||
'^node_modules/autoprefixer/*',
|
||||
'^node_modules/babel*',
|
||||
|
|
@ -90,6 +92,8 @@ const excludedFiles = [
|
|||
'^node_modules/body-parser/*',
|
||||
'^node_modules/bower/*',
|
||||
'^node_modules/buble/*',
|
||||
'^node_modules/builder-util/*',
|
||||
'^node_modules/builder-util-runtime/*',
|
||||
'^node_modules/chai/*',
|
||||
'^node_modules/cli-table2/*',
|
||||
'^node_modules/codemirror/*',
|
||||
|
|
|
|||
Loading…
Reference in New Issue