GetRec'd: AO3

adds recommendations to archiveofourown.org

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name        GetRec'd: AO3 
// @namespace   http://archiveofourown.org
// @description adds recommendations to archiveofourown.org
// @include     http://archiveofourown.org/works/*
// @exclude     http://archiveofourown.org/works/search*
// @version     1.4
// @require     http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @grant       none
// ==/UserScript==
/***** 

  A note on privacy: This script sends data about the AO3 work you are veiwing to a web server where it is stored in a database. 
  This process is anoymous and no information about you or your habits are collected. 

  Project blog: get-recd.tumblr.com

 *****/

(function() {
    'use strict';

    $(document).ready(function(){
        var usersAll = [];
        var users;
        var tags = {
            character: [],
            additional: []
        };
        var category = [];
        var workData = {};
        var title = $('#workskin .preface h2.title').text();

        $('#workskin')
            .append('<div id="rec-box"><hr><br></div>')
            .find('#rec-box')
            .toggle(false);
        $('#feedback ul.actions:nth-of-type(1)')
            .prepend('<a id="rec-button">You might also like...</a>')
            .on('click', '#rec-button', function(){
            console.log('click!');
            $('#rec-box').toggle();
        });

        fillArr('.kudos  a:not(#kudos_summary, #kudos_collapser)', usersAll);
        fillArr('.meta .fandom ul li a.tag', category);
        fillArr('dd.character.tags ul li a.tag', tags.character);
        fillArr('dd.relationship.tags ul li a.tag', tags.character);
        fillArr('dd.freeform.tags ul li a.tag', tags.additional);

        if (usersAll.length > 5000) {
            users = usersAll.slice(0, 5000);              
        } else {
            users = usersAll;
        }

        workData.users = users;
        workData.title = title;
        workData.category = category;
        workData.tags = tags;

        $.post('https://intense-reef-64978.herokuapp.com/', workData).done(function(res) {
            var data = JSON.parse(res);
            var message = data.fail;

            if (data.fail && !message) {
                $('#rec-box')
                    .append('<p>Oops! Something went wrong :( </p><br><a href="http//:get-recd.tumblr.com">Report a problem</a>');  
            } else if (message){
                $('#rec-box')
                    .append('<p>Oops! ' + message + '</p><br><a href="http://get-recd.tumblr.com">Report a problem</a>');
            } else {
                $(data.data).each(function() {
                    var recID = this._id;
                    var recTitle = this.name;
                    var recCategory = this.category;

                    $('#rec-box')
                        .append('<h4><a href="http://archiveofourown.org/works/' + recID  + '">' + recTitle + '</a></h4><h5>' + recCategory +'</h5><br>'); 
                });
            }
        });

    });


    function fillArr(selector, arr) {
        $(selector).each(function () {
            arr.push($(this).text());
        });   
    }

})();