Totally overhauled composer based on Slate (#524)
* Remove the composer contenteditable, replace with basic <textarea>
* Beginning broader cleanup of draft session
* DraftJS composer with color, style support
* Serialization/unserialization of basic styles, toolbar working
* WIP
* Switch to draft-js-plugins approach, need to revisit HTML
* Move HTML conversion functionality into plugins
* Add spellcheck context menu to editor
* Initial work on quoted text
* Further work on quoted text
* BLOCK approach
* Entity approach - better, does not bump out to top level
* Hiding and showing quoted text via CSS
* Get rid of ability to inject another subject line component
* Clean up specs, DraftFactory to ES6
* Remove old initial focus hack
* Fix focusing, initial text selection
* Remove participant “collapsing” support, it can be confusing
* Correctly terminate links on carriage returns
* Initial signature support, allow removal of uneditable blocks
* Sync body string with body editorstate
* Simplify draft editor session, finish signatures
* Templates
* Minor fixes
* Simplify link/open tracking, ensure it works
* Reorg composer, rework template editor
* Omg the slowness is all the stupid emoji button
* Polish and small fixes
* Performance improvements, new templates UI
* Don’t assume nodes are elements
* Fix for sending drafts twice due to back-to-back saves
* Fix order of operations on app quit to save drafts reliably
* Improve DraftJS-Convert whitespace handling
* Use contentID throughout attachment lifecycle
* Try to fix images
* Switch to Slate instead of DraftJS… much better
* Fix newline handling
* Bug fixes
* Cleanup
* Finish templates plugin
* Clean up text editing / support for Gmail email styles
* Support for color + size on the same node, clean trailing whitespace
* Restore emoji typeahead / emoji picker
* Fix scrolling in template editor
* Fix specs
* Fix newlines
* Re-implement spellcheck to be faster
* Make spellcheck decorator changes invisible to the undo/redo stack
* Remove comment
* Polish themplates panel
* Fix #521
2018-01-12 07:55:56 +08:00
|
|
|
import { ComposerExtension, RegExpUtils, FeatureUsageStore } from 'mailspring-exports';
|
2017-09-27 02:33:08 +08:00
|
|
|
import { PLUGIN_ID, PLUGIN_URL } from './link-tracking-constants';
|
2017-09-07 07:19:48 +08:00
|
|
|
|
|
|
|
function forEachATagInBody(draftBodyRootNode, callback) {
|
|
|
|
const treeWalker = document.createTreeWalker(draftBodyRootNode, NodeFilter.SHOW_ELEMENT, {
|
2017-09-27 02:33:08 +08:00
|
|
|
acceptNode: node => {
|
2017-09-07 07:19:48 +08:00
|
|
|
if (node.classList.contains('gmail_quote')) {
|
|
|
|
return NodeFilter.FILTER_REJECT; // skips the entire subtree
|
|
|
|
}
|
2017-09-27 02:33:08 +08:00
|
|
|
return node.hasAttribute('href') ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
2017-09-07 07:19:48 +08:00
|
|
|
},
|
2017-09-27 02:33:08 +08:00
|
|
|
});
|
2017-09-07 07:19:48 +08:00
|
|
|
|
|
|
|
while (treeWalker.nextNode()) {
|
|
|
|
callback(treeWalker.currentNode);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* This replaces all links with a new url that redirects through our
|
|
|
|
* cloud-api servers (see cloud-api/routes/link-tracking)
|
|
|
|
*
|
|
|
|
* This redirect link href is NOT complete at this stage. It requires
|
|
|
|
* substantial post processing just before send. This happens in iso-core
|
|
|
|
* since sending can happen immediately or later in cloud-workers.
|
|
|
|
*
|
|
|
|
* See isomorphic-core tracking-utils.es6
|
|
|
|
*
|
|
|
|
* We also need to add individualized recipients to each tracking pixel
|
|
|
|
* for each message sent to each person.
|
|
|
|
*
|
|
|
|
* We finally need to put the original url back for the message that ends
|
|
|
|
* up in the users's sent folder. This ensures the sender doesn't trip
|
|
|
|
* their own link tracks.
|
|
|
|
*/
|
|
|
|
export default class LinkTrackingComposerExtension extends ComposerExtension {
|
Totally overhauled composer based on Slate (#524)
* Remove the composer contenteditable, replace with basic <textarea>
* Beginning broader cleanup of draft session
* DraftJS composer with color, style support
* Serialization/unserialization of basic styles, toolbar working
* WIP
* Switch to draft-js-plugins approach, need to revisit HTML
* Move HTML conversion functionality into plugins
* Add spellcheck context menu to editor
* Initial work on quoted text
* Further work on quoted text
* BLOCK approach
* Entity approach - better, does not bump out to top level
* Hiding and showing quoted text via CSS
* Get rid of ability to inject another subject line component
* Clean up specs, DraftFactory to ES6
* Remove old initial focus hack
* Fix focusing, initial text selection
* Remove participant “collapsing” support, it can be confusing
* Correctly terminate links on carriage returns
* Initial signature support, allow removal of uneditable blocks
* Sync body string with body editorstate
* Simplify draft editor session, finish signatures
* Templates
* Minor fixes
* Simplify link/open tracking, ensure it works
* Reorg composer, rework template editor
* Omg the slowness is all the stupid emoji button
* Polish and small fixes
* Performance improvements, new templates UI
* Don’t assume nodes are elements
* Fix for sending drafts twice due to back-to-back saves
* Fix order of operations on app quit to save drafts reliably
* Improve DraftJS-Convert whitespace handling
* Use contentID throughout attachment lifecycle
* Try to fix images
* Switch to Slate instead of DraftJS… much better
* Fix newline handling
* Bug fixes
* Cleanup
* Finish templates plugin
* Clean up text editing / support for Gmail email styles
* Support for color + size on the same node, clean trailing whitespace
* Restore emoji typeahead / emoji picker
* Fix scrolling in template editor
* Fix specs
* Fix newlines
* Re-implement spellcheck to be faster
* Make spellcheck decorator changes invisible to the undo/redo stack
* Remove comment
* Polish themplates panel
* Fix #521
2018-01-12 07:55:56 +08:00
|
|
|
static needsPerRecipientBodies(draft) {
|
|
|
|
return !!draft.metadataForPluginId(PLUGIN_ID);
|
|
|
|
}
|
|
|
|
|
|
|
|
static applyTransformsForSending({ draftBodyRootNode, draft, recipient }) {
|
2017-09-07 07:19:48 +08:00
|
|
|
const metadata = draft.metadataForPluginId(PLUGIN_ID);
|
2017-09-26 13:35:25 +08:00
|
|
|
if (!metadata) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
const messageUid = draft.clientId;
|
|
|
|
const links = [];
|
2017-09-07 07:19:48 +08:00
|
|
|
|
2017-09-27 02:33:08 +08:00
|
|
|
forEachATagInBody(draftBodyRootNode, el => {
|
2017-09-26 13:35:25 +08:00
|
|
|
const url = el.getAttribute('href');
|
|
|
|
if (!RegExpUtils.urlRegex().test(url)) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
const encoded = encodeURIComponent(url);
|
2018-01-25 06:13:08 +08:00
|
|
|
const redirectUrl = `${PLUGIN_URL}/link/${draft.headerMessageId}/${
|
|
|
|
links.length
|
|
|
|
}?redirect=${encoded}`;
|
2017-09-07 07:19:48 +08:00
|
|
|
|
2017-09-26 13:35:25 +08:00
|
|
|
links.push({
|
|
|
|
url,
|
|
|
|
click_count: 0,
|
|
|
|
click_data: [],
|
|
|
|
redirect_url: redirectUrl,
|
2017-09-07 07:19:48 +08:00
|
|
|
});
|
|
|
|
|
Totally overhauled composer based on Slate (#524)
* Remove the composer contenteditable, replace with basic <textarea>
* Beginning broader cleanup of draft session
* DraftJS composer with color, style support
* Serialization/unserialization of basic styles, toolbar working
* WIP
* Switch to draft-js-plugins approach, need to revisit HTML
* Move HTML conversion functionality into plugins
* Add spellcheck context menu to editor
* Initial work on quoted text
* Further work on quoted text
* BLOCK approach
* Entity approach - better, does not bump out to top level
* Hiding and showing quoted text via CSS
* Get rid of ability to inject another subject line component
* Clean up specs, DraftFactory to ES6
* Remove old initial focus hack
* Fix focusing, initial text selection
* Remove participant “collapsing” support, it can be confusing
* Correctly terminate links on carriage returns
* Initial signature support, allow removal of uneditable blocks
* Sync body string with body editorstate
* Simplify draft editor session, finish signatures
* Templates
* Minor fixes
* Simplify link/open tracking, ensure it works
* Reorg composer, rework template editor
* Omg the slowness is all the stupid emoji button
* Polish and small fixes
* Performance improvements, new templates UI
* Don’t assume nodes are elements
* Fix for sending drafts twice due to back-to-back saves
* Fix order of operations on app quit to save drafts reliably
* Improve DraftJS-Convert whitespace handling
* Use contentID throughout attachment lifecycle
* Try to fix images
* Switch to Slate instead of DraftJS… much better
* Fix newline handling
* Bug fixes
* Cleanup
* Finish templates plugin
* Clean up text editing / support for Gmail email styles
* Support for color + size on the same node, clean trailing whitespace
* Restore emoji typeahead / emoji picker
* Fix scrolling in template editor
* Fix specs
* Fix newlines
* Re-implement spellcheck to be faster
* Make spellcheck decorator changes invisible to the undo/redo stack
* Remove comment
* Polish themplates panel
* Fix #521
2018-01-12 07:55:56 +08:00
|
|
|
const qr = recipient ? `&recipient=${encodeURIComponent(recipient.email)}` : '';
|
|
|
|
el.setAttribute('href', `${redirectUrl}${qr}`);
|
2017-09-26 13:35:25 +08:00
|
|
|
});
|
|
|
|
|
|
|
|
// save the link info to draft metadata
|
|
|
|
metadata.uid = messageUid;
|
|
|
|
metadata.links = links;
|
|
|
|
draft.directlyAttachMetadata(PLUGIN_ID, metadata);
|
2017-09-07 07:19:48 +08:00
|
|
|
}
|
|
|
|
|
Totally overhauled composer based on Slate (#524)
* Remove the composer contenteditable, replace with basic <textarea>
* Beginning broader cleanup of draft session
* DraftJS composer with color, style support
* Serialization/unserialization of basic styles, toolbar working
* WIP
* Switch to draft-js-plugins approach, need to revisit HTML
* Move HTML conversion functionality into plugins
* Add spellcheck context menu to editor
* Initial work on quoted text
* Further work on quoted text
* BLOCK approach
* Entity approach - better, does not bump out to top level
* Hiding and showing quoted text via CSS
* Get rid of ability to inject another subject line component
* Clean up specs, DraftFactory to ES6
* Remove old initial focus hack
* Fix focusing, initial text selection
* Remove participant “collapsing” support, it can be confusing
* Correctly terminate links on carriage returns
* Initial signature support, allow removal of uneditable blocks
* Sync body string with body editorstate
* Simplify draft editor session, finish signatures
* Templates
* Minor fixes
* Simplify link/open tracking, ensure it works
* Reorg composer, rework template editor
* Omg the slowness is all the stupid emoji button
* Polish and small fixes
* Performance improvements, new templates UI
* Don’t assume nodes are elements
* Fix for sending drafts twice due to back-to-back saves
* Fix order of operations on app quit to save drafts reliably
* Improve DraftJS-Convert whitespace handling
* Use contentID throughout attachment lifecycle
* Try to fix images
* Switch to Slate instead of DraftJS… much better
* Fix newline handling
* Bug fixes
* Cleanup
* Finish templates plugin
* Clean up text editing / support for Gmail email styles
* Support for color + size on the same node, clean trailing whitespace
* Restore emoji typeahead / emoji picker
* Fix scrolling in template editor
* Fix specs
* Fix newlines
* Re-implement spellcheck to be faster
* Make spellcheck decorator changes invisible to the undo/redo stack
* Remove comment
* Polish themplates panel
* Fix #521
2018-01-12 07:55:56 +08:00
|
|
|
static onSendSuccess(draft) {
|
|
|
|
const metadata = draft.metadataForPluginId(PLUGIN_ID);
|
|
|
|
if (metadata) {
|
|
|
|
FeatureUsageStore.markUsed(PLUGIN_ID);
|
|
|
|
}
|
2017-09-07 07:19:48 +08:00
|
|
|
}
|
|
|
|
}
|