Skip to content

Instantly share code, notes, and snippets.

@lordastley
Last active Jun 15, 2018
Embed
What would you like to do?
mefiquote for the classic metafilter style
// ==UserScript==
// @name Mefiquote
// @namespace http://plutor.org/
// @description Adds "quote" links to Metafilter comments.
// @include http*://metafilter.com/*
// @include http*://*.metafilter.com/*
// @grant none
// ==/UserScript==
//
// DONE 2011-02-23
// * Use MeFi's own jquery object (properly this time)
// * Use a content scope injector instead of unsafeWindow
// * Handle new ajax comments - big thanks to pb
//
// TODO
// * Indicate when "quote" will quote the selection
// * Make it work with epiphany and opera
// * Ability to link to the original post on preview
// Content Scope
var script = document.createElement('script');
script.appendChild(document.createTextNode('('+ everything.toString() +')();'));
script.setAttribute("type", "application/javascript");
(document.body || document.head || document.documentElement).appendChild(script);
/* ======================================================================== */
function everything() {
var BUTTONTEXT = 'quote';
var QUOTEFORMAT = '<a href="%l">%n</a>: "<i>%q</i>"';
/* ======================================================================== */
function mq_quotethis(evt) {
var commenttextarea = $("#comment");
if (commenttextarea.length < 1) return;
var quotelink = $(this);
var metadata = quotelink.parent();
var comment = metadata.parent();
// Get all of the data to fill in placeholders
var quotebits = new Object;
quotebits['%'] = '%';
if (mq_selection_within_comment(comment)) {
quotebits.q = document.getSelection().toString();
} else {
quotebits.q = new String(comment.html());
quotebits.q = quotebits.q.replace(/<br>/ig, '');
// Remove the trailing metadata
if (quotebits.q.lastIndexOf('<span class="smallcopy">posted by') > -1)
quotebits.q = quotebits.q.slice(0,
quotebits.q.lastIndexOf('<span class="smallcopy">posted by'));
// Remove the player from music
if (quotebits.q.lastIndexOf('<object ') > -1)
quotebits.q = quotebits.q.slice(0,
quotebits.q.lastIndexOf('<object '));
// Remove the more inside junk
quotebits.q = quotebits.q.replace(/<\/?div[^>]*>/g, '');
quotebits.q = quotebits.q.replace(/^[ \t\n]*/, '');
quotebits.q = quotebits.q.replace(/[ \t\n]*$/, '');
}
// Default to top of the thread, just in case
quotebits.l = "" + location.protocol + "//" + location.host + location.pathname;
// The rest of the data
metadata.children('a').each( function(i) {
var url = $(this).attr('href');
var path = url.replace(/https?:\/\/([^\/]*\.)?metafilter.com/, '');
if (url == path && path.match('^/'))
url = "" + location.protocol + "//" + location.host + path;
if (path.match(/^\/user\/(\d+)/)) {
quotebits.i = RegExp.$1;
quotebits.n = $(this).html();
quotebits.n = quotebits.n.replace(/<.*/, '');
quotebits.p = url;
} else if (path.match(/#\d+$/)) {
quotebits.l = url;
}
} );
// Replace all of the placeholders
var quoteregex = new RegExp('%(.)', 'g');
var quotehtml = new String();
var lastIndex = 0;
while ( quoteregex.exec(QUOTEFORMAT) ) {
var thisIndex = quoteregex.lastIndex;
quotehtml = quotehtml.concat( QUOTEFORMAT.substr(lastIndex, thisIndex-lastIndex-2) );
var val = quotebits[QUOTEFORMAT.substr(thisIndex-1, 1)];
if (val != undefined) {
quotehtml = quotehtml.concat( quotebits[QUOTEFORMAT.substr(thisIndex-1, 1)] );
} else {
quotehtml = quotehtml.concat( '%' + QUOTEFORMAT.substr(thisIndex-1, 1) );
}
lastIndex = thisIndex;
}
quotehtml = quotehtml.concat( QUOTEFORMAT.substr(lastIndex) );
// GM_log( quotehtml );
var commentval = commenttextarea.val() || "";
if (commentval != "" && !commentval.match(/\n\n$/)) {
commentval += "\n\n";
}
commentval += quotehtml + "\n\n";
commenttextarea.val(commentval);
}
/* ======================================================================== */
function mq_load_preferences() {
BUTTONTEXT = Cookie.get('mefiquote_buttontext') || BUTTONTEXT;
QUOTEFORMAT = Cookie.get('mefiquote_quoteformat') || QUOTEFORMAT;
}
function mq_save_preferences() {
var buttontext_el = $('#mq_buttontext');
var quoteformat_el = $('#mq_quoteformat');
Cookie.set('mefiquote_buttontext', (buttontext_el.val() || BUTTONTEXT),
24*365*10, '', 'metafilter.com', false);
Cookie.set('mefiquote_quoteformat', (quoteformat_el.val() || QUOTEFORMAT),
24*365*10, '', 'metafilter.com', false);
return true; /* So it actually submits, too */
}
/* ======================================================================== */
function mq_escape(str) {
return str.replace(/"/g, '&quot;');
}
/* ======================================================================== */
function mq_selection_within_comment(comment) {
var selection = window.getSelection();
// an empty selection doesn't count as being within the comment, otherwise
// the quote button tries to quote it and things behave counterintuitively
if (selection == null || selection.isCollapsed) {
return false;
}
// check to see if the selection is inside this comment
var rangeStart = selection.getRangeAt(0).startContainer;
var rangeEnd = selection.getRangeAt(0).endContainer;
if (rangeStart != null && rangeEnd != null) {
var start_found = false;
var end_found = false;
// TODO - Why doesn't parents().index() do the right thing?
$(rangeStart).parents().andSelf().each( function() {
if (this == comment.get(0)) start_found = true;
});
$(rangeEnd).parents().andSelf().each( function() {
if (this == comment.get(0)) end_found = true;
});
return (start_found && end_found);
}
return false;
}
/* ======================================================================== */
function mq_init_preferences() {
var inputs = $('input');
var submit_button = $('input[type=submit]').filter( function() {
return $(this).val().match(/Save your Preferences/i);
} );
if (inputs.length < 1 || submit_button.length < 1) return;
// Create the fieldset
var mefiquote_fieldset = $('<fieldset>'
+ '<legend>MefiQuote preferences</legend>'
+ '<label for="mq_buttontext">Quote button text: </label>'
+ '<input type="text" id="mq_buttontext" name="mq_buttontext" value="'
+ mq_escape(BUTTONTEXT)
+ '" maxlength="200" size="30" onfocus="this.style.background=\'#ddd\';" onblur="this.style.background=\'#ccc\';" /><br />'
+ '<label for="mq_quoteformat">Quote format:<br />'
+ '<span class="smallcopy" style="text-align: left">%i - commenter\'s user id<br />%l - url of comment<br />%n - commenter\'s name<br />%p - url of commenter\'s profile<br />%q - comment text<br />%% - an actual percent ("%")</span></label>'
+ '<textarea name="mq_quoteformat" id="mq_quoteformat" cols="60" rows="8" wrap="VIRTUAL" style="width:400px;height:200px;" onfocus="this.style.background=\'#ddd\';" onblur="this.style.background=\'#ccc\';">'
+ mq_escape(QUOTEFORMAT)
+ '</textarea>'
+ '</fieldset>')
.insertBefore(submit_button);
// Add javascript to the form
submit_button.parents('form').submit( mq_save_preferences );
}
function mq_init_thread() {
console.log("init-thread");
var commenttextarea = $("#comment");
if (commenttextarea.length < 1) return;
var n = 0;
$('span').each( function(i) {
var curr = $(this);
if (curr.hasClass('smallcopy') && curr.html().match(/^posted by/) &&
curr.parents('#prevDiv2, form').length == 0 &&
curr.find('.quotebutton').length == 0) {
// Skip the first (post) quote link on preview
if (location.pathname.match('^/contribute/post_comment_preview.mefi') && n++ == 0)
return;
// Add the button
var quotebutton = $('<a href="#comment">' + BUTTONTEXT + '</a>')
.attr('target', '_self')
.addClass('quotebutton');
curr.append(' [').append( quotebutton ).append(']');
}
} );
}
function mq_init_newcomments() {
$("#newcomments").bind('mefi-comments',
function() {
console.log("event!");
mq_init_thread();
} );
console.log("init-newcomments");
}
/**
* Modified from cookie-js 0.4 by Maxime Haineault (max@centdessin.com)
* <http://code.google.com/p/cookie-js/>
*/
Cookie = {
/** Get a cookie's value */
get: function(key) {
// Still not sure that "[a-zA-Z0-9.()=|%/_]+($|;)" match *all* allowed characters in cookies
tmp = document.cookie.match((new RegExp(key +'=[a-zA-Z0-9.()=|%/_]+($|;)','g')));
if(!tmp || !tmp[0]) return null;
else return unescape(tmp[0].substring(key.length+1,tmp[0].length).replace(';','')) || null;
},
/** Set a cookie */
set: function(key, value, ttl, path, domain, secure) {
cookie = [key+'='+ escape(value),
'path='+ ((!path || path=='') ? '/' : path),
'domain='+ ((!domain || domain=='')? window.location.host : domain)];
if (ttl) cookie.push('expires=' + Cookie.hoursToExpireDate(ttl));
if (secure) cookie.push('secure');
return document.cookie = cookie.join('; ');
},
/** Unset a cookie */
unset: function(key, path, domain) {
path = (!path || typeof path != 'string') ? '' : path;
domain = (!domain || typeof domain != 'string') ? '' : domain;
if (Cookie.get(key)) Cookie.set(key, '', 'Thu, 01-Jan-70 00:00:01 GMT', path, domain);
},
/** Return GTM date string of "now" + time to live */
hoursToExpireDate: function(ttl) {
if (parseInt(ttl) == 'NaN' ) return '';
else {
now = new Date();
now.setTime(now.getTime() + (parseInt(ttl) * 60 * 60 * 1000));
return now.toGMTString();
}
}
}
function mq_init() {
mq_load_preferences();
var url = location.pathname;
if (url.match(/^\/(\d+)/) || url.match('^/contribute/post_comment_preview.mefi')) {
mq_init_thread();
mq_init_newcomments();
// Attach a listener to clicks -- just once
$("#page").on("click", "a.quotebutton", mq_quotethis)
} else if (url.match('^/contribute/customize.cfm')) {
mq_init_preferences();
}
}
mq_init();
}
@davekaufman
Copy link

davekaufman commented Jun 15, 2018

Any chance you'd consider adding this to the mefiscripts repo? I can confirm as of writing this comment that it works in tampermonkey on chrome with the classic theme, where the quote script already in the mefiscripts repo does not (which is what drove me to seek this out)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment