Pinboard bookmarklet for AO3 works

[flamebyrd]

I edited the default Pinboard bookmarklet (the button you put in your browser bookmarks to let you quickly add links to Pinboard) so that it will grab the tags and summary from AO3 and include those in the Pinboard tags/description.

Would anybody who uses Pinboard for their bookmarks rather than AO3 be interested in that if I posted it?

I made a generator for the bookmarklet to allow people to choose which tags to include and so on. http://random.fangirling.net/fun/ao3/bookmarklet.html

(I tried to do the same for Delicious but it doesn't look like I can pass tags to it.)

Comments

[saekhwa]

OMG YES PLEASE?

This would be so amazing and save on so much time. (I'm, um. A little too thorough with my tags, so to speak, and trying to capture that data has been a PITA in more ways than one.)

[flamebyrd]

OK, I edited in a link!

Any feature requests are welcome. I like to make peoples' lives easier!

[saekhwa]

Oh wow, this is the coolest ever. There are ticky box options! *stares in starry-eyed wonder*

Thank you so, so much for sharing! :D

[snakeling]

Yes please! Also, would you consider making one that only grabs the summary and not the tags, because I prefer to use mine :)

[msilverstar]

ETA: thanks!

Also thanks for disclosing the jquery, I'm hoping that my little stream is not interesting enough for Google analytics.

[flamebyrd]

OK, let's edit this again: I didn't like to just force Google on anybody, but I also didn't like the thought of basically re-implementing jQuery to search for tags by class.

I might make the process of including a custom link to jQuery easier in the next update.

[msilverstar]

I just really appreciate knowing, so thanks again.

[flamebyrd]

OK, I edited in a link!

You'll want to just check the last box.

[lian]

*grabby hands* oooh that would be so, so useful!

[flamebyrd]

OK, I edited in a link!

[azurelunatic]

My particular setup uses If This Then That to glue Pinboard to Twitter, via the private tag ".twitter", which can be anywhere in my tags. I want to include that by default. I'm going to stare at the code for a bit to see how that should go in. :)

[flamebyrd]

Oh, there's an idea... let me edit in an "also include these tags" field.

[azurelunatic]

Oh, awesome, thanks!

I've been playing around in Notepad a bit, but since I don't really know what I'm doing, I'm running afoul of the separator. (It's still fun to play with; yay hacking at things!) *more enthusiasm than skill*

[flamebyrd]

OK, I added the new field.

For the record, probably the easiest way to do it would be to find the place that says "&tags=" + encodeURIComponent(t) and change it to &tags=twitter," + encodeURIComponent(t). The tags are comma separated... I should probably make them space-separated like Pinboard.

[azurelunatic]

Thanks! Hooray!

[talimenios]

You are beyond awesome. Thank you so much.

[stepps]

you = awesome!

[southerly]

This is amazing, thanks so much!

Is there any way to also include the author as a tag?

[flamebyrd]

I was hoping no-one would ask this question. XD

The difficulty isn't so much in including the author tag as in dealing with the username vs. pseud feature of AO3. I'll take a stab at it when I get a free moment later this week. (Maybe give the choice for whether you want the shortcode to grab username or pseud?)

[southerly]

Sorry! The bookmarklet is already wonderful and it is not a problem if I continue to add the author manually. That said, a choice for username or pseud sounds like a good idea.

[flamebyrd]

I updated with author functionality: http://random.fangirling.net/fun/ao3/bookmarklet.html Try it out and tell me how it goes!

[southerly]

It's wonderful! This will really streamline my bookmarking. Thanks again!

[annchi]

This is so very useful! Thank you!

[hermitsoul]

This is very awesome! Do you mind if I add it to the Cool Stuff page on the FAQs?

[flamebyrd]

Certainly, but give me a couple of days to get the Author tag feature done first? :D

Edit: OK, updated with the Author tag feature... I got around to it quicker than I thought I would.

[hermitsoul]

Yay! *is selfishly glad about this addition*

[azurelunatic]

I discovered an entertaining new failure mode. For a work like http://archiveofourown.org/works/575365/ (Jeeves & Wooster, tagged as if Bertie were doing the tagging himself, completely delightful and containing about a hundredweight of cucumbers), the valiant attempt to include all tags results in a woeful "Request URI is too long".

I'm planning to add a bookmarklet that does *not* attempt to pull in ALL THE TAGS, but if you can figure out how to make it cap the tags when it's going to overflow...

[flamebyrd]

Ahahaha, wow, those are some amazing tags. I'll see if I can figure out what the upper limit on the URI length is - IIRC it varies across browsers, but maybe if I take the lowest...

[lezzerlee]

This is perfect, almost exactly what I was looking for. The only thing that could be better is if it included tags. Or if bookmarking on AO3 automatically send it to your pinboard along w/your bookmark comment. But that's probably near impossible w/o it being a feature of AO3. This is the next best thing!

[flamebyrd]

I'm glad it's useful to you! You're right, though, making Pinboard sync with AO3 bookmarks is not within my power - you could try dropping a feature suggestion on the pinboard site, though? I know it supports syncing with some other services. https://groups.google.com/forum/#!forum/pinboard-dev

[exclamations]

I know it's been ages since you posted this tool, but I started playing with it last night because it was driving me crazy that the summary feature would lose line breaks on a lot of fic because of inconsistent html used in the blockquote. I ended up with the code below, after banging my head for awhile. I suspect I will need to add more replacements to the list as I encounter more paragraph formatting, but this currently gives me reliable line breaks in my fic summaries!

I also added some modifications so that I will always only get the Fic Title and Author in the title, and also strip out any extraneous parts of the url, since I only ever want to bookmark the base AO3 url.

Sorry if any of this is clumsily done - I've never played with javascript before, but I thought I'd share what I came up with anyway.

javascript:(function($){
var q=location.href;
var base = q.split("\/");
q = base[0] + "\/\/" + base[2] + "\/" + base[3] + "\/" + base[4];

var p=document.title; 
var parts = p.split("-");
if ( parts[1].startsWith(" Chapter")) {parts[1] = parts[2]}
p = parts[0] + "-" + parts[1];

var d="";
if(document.getSelection){ 
	d=document.getSelection();
}
if ( d=="" ) {
	d+=$(".summary blockquote.userstuff").html() ;
	d=d.replace(/<\/p><p>/g, '\n\n');
	d=d.replace(/<\/p>/g, '\n');
	d=d.replace(/<p>|<i>|<\/i>|<b>|<\/b>/g, '');
	d=$.trim( d );
}

var options = {"wordcount_format_text":"(%words% words)","series_include_format_text":"[%series%]"};
if ( d != '' ) { d += '\n' }
let series = $(".work.meta .series .position").map(function() { return $.trim($( this ).text()) }).get().join( ", " );
if ( series != '' ) {
	series = options.series_include_format_text.replace('%series%', series );
	d += '\n' + series; 
} 

var wc = options.wordcount_format_text.replace('%words%', $(".stats dd.words").text() );
if ( d != '' ) { d += '\n' }
d += wc; 

void(open("https://pinboard.in/add?url=" + encodeURIComponent(q) + "&description=" + encodeURIComponent(d) + "&title=" + encodeURIComponent(p), "Pinboard", "toolbar=no,width=700,height=350"));
})(jQuery);

[flamebyrd]

This is a very belated reply (sorry, I've been really overwhelmed with life recently) to say thank you so much for sharing! I'll definitely try to incorporate this or something like it in the next version, whenever that may be. (Do you think people would like the summary text to be converted to Markdown?)

[exclamations]

I not sure if others might be interested in Markdown; I've never cared about the rest of the summary formatting aside from line breaks.

After further iteration, here is what I'm using now for my bookmarklet:

javascript:(function($){
var q=location.href;
var base = q.split(/[/#?]/);
if ( base[3] == "collections" ) {
	base[3] = base[5];
	base[4] = base[6];
}
q = base[0] + "\/\/" + base[2] + "\/" + base[3] + "\/" + base[4];

var p=document.title; 
var parts = p.split("-");
if ( parts[1].startsWith(" Chapter")) {
	parts[1] = parts[2]
}
p = parts[0] + "-" + parts[1];

var d="";
if(document.getSelection){ 
	d=document.getSelection();
}
if ( d=="" ) {
	d+=$(".summary blockquote.userstuff").html() ;
	d=d.replace(/<\/p><p>/g, '\n\n');
	d=d.replace(/<\/p>/g, '\n');
	d=d.replace(/<br>/g, '\n');
	d=d.replace(/<.*?>/g, '');
	d=d.replace(/&nbsp;/g, ' ');
	d=$.trim( d );
}

var options = {"wordcount_format_text":"(%words% words)","series_include_format_text":"[%series%]"};
let series = $(".work.meta .series .position").map(function() { return $.trim($( this ).text()) }).get().join( ", " );
if ( series != '' ) {
	series = options.series_include_format_text.replace('%series%', series );
	d += '\n\n' + series; 
} 

var wc = options.wordcount_format_text.replace('%words%', $(".stats dd.words").text() );
if ( d != '' ) { d += '\n' }
d += wc; 

void(open("https://pinboard.in/add?url=" + encodeURIComponent(q) + "&description=" + encodeURIComponent(d) + "&title=" + encodeURIComponent(p), "Pinboard", "toolbar=no,width=700,height=350"));})(jQuery);

Figuring out the RegExp syntax helped me get rid of most of the html code I don't care about, and my latest addition was to get rid of the occasional  s I was seeing and strip out collections from the URL. I'm still very grateful for the base code you provided, because I never would have bothered to figure this stuff out without it.