Note: This is an old version of this bookmarklet. Here is a later version.

Here’s a bookmarklet that makes it possible to upload rides directly from Zwift to Cycling Analytics. When run, a button is added to the Zwift interface to upload rides.

The first step is to create an authentication token so that the bookmarklet will have permission to upload rides. Go to the API console and enter the following and hit “enter”:

POST /tokens {permissions: 'create_rides'}

(This token will then be displayed on the apps page and can be deleted there.)

Copy and paste the token here (just the part that looks something like EFS4Ef5wfDC8pmYbmpM3vITbjZY8wDWD) and click “create”:

Zwift to CA

Create a bookmark out of the link just created by right clicking and selecting the appropriate option or by dragging it to the bookmarks toolbar or library. Alternatively, create a new bookmark with the following value:

Once the bookmark is created, it can be run on the Zwift activity page and a “send to CA” button is added for each ride.

Here’s the code. This can be modified if needed and converted into a bookmarlet with https://mrcoles.com/bookmarklet/.

$('.send-to-ca').remove();
$('.btn-link').each(function(i, el) {
    el = $(el);
    $('<a class="btn-link send-to-ca" style="margin-left: 10px"><i class="fa fa-cloud-upload"></i> Send to CA</a>').click(function() {
        var loading = $('<a class="btn-link send-to-ca" style="margin-left: 10px"><i class="fa fa-circle-o-notch fa-spin"></i></a>').insertAfter($(this));
        $(this).remove();
        var title = el.parent().parent().find('h3').text();
        title = title.replace(/^Zwift - /, '');
        if (/^\d\d\/\d\d\/\d\d\d\d$/.test(title)) {
            title = '';
        }
        var json = {url: el.attr('href')};
        if (title) {
            json.title = title;
        }
        fetch('https://www.cyclinganalytics.com/api/me/upload', {method: 'POST', headers: {'Authorization': 'Bearer REPLACE_THIS_WITH_TOKEN', 'Content-Type': 'application/json'}, body: JSON.stringify(json)}).then(function() {
            loading.html($('<i class="fa fa-check"></i>'));
        }).catch(function() {
            loading.html($('<i class="fa fa-times"></i>'));
        });
    }).insertAfter(el);
});

Updates

• 18 October: Send ride titles
• 19 October: Add code and fix bug