Copies the editor’s content to local storage before saving to allow recovery if something is lost in transit.
// ==UserScript==
// @name Kanka Backup to Local Storage
// @namespace http://tampermonkey.net/
// @version 2
// @description Copies the editor’s content to local storage before saving to allow recovery if something is lost in transit.
// @author Salvatos
// @license MIT
// @match https://app.kanka.io/*
// @icon https://www.google.com/s2/favicons?domain=kanka.io
// @run-at document-end
// ==/UserScript==
// Wait for Summernote to initialize
$('#entry').on('summernote.init', function() {
// Find the current entity’s ID (NOTE: DOES NOT WORK FOR NEW ENTITIES (/create))
const entryType = window.location.href.match(/posts/) ? "post" : "entry";
let entityID = "";
if (entryType == "entry") {
entityID = window.location.href.match(/w\/([\w\d])+\/[a-z]+\/(\d+)/) ? window.location.href.match(/w\/([\w\d])+\/[a-z]+\/(\d+)/)[1] : "new";
}
if (entryType == "post") {
entityID = window.location.href.match(/posts\/(\d+)/) ? window.location.href.match(/posts\/(\d+)/)[1] : "new";
}
if (entityID != "new") {
var recoveryButton = `
<button type="button" id="recoveryButton" class="note-btn btn btn-default btn-sm" tabindex="-1" title="Recover previous state" aria-label="Recover previous state" data-original-title="Recover previous state">
<i class="fa-solid fa-clock-rotate-left"></i>
</button>
`;
document.getElementsByClassName('note-toolbar')[0].insertAdjacentHTML("beforeend", recoveryButton);
// Grab our button instance
recoveryButton = document.getElementById('recoveryButton');
// Add click event to button (copy saved content to clipboard)
recoveryButton.addEventListener('click', ()=>{
let savedState = "";
if (entryType == "entry") {
savedState = JSON.parse( localStorage.getItem('kanka-recovery-entity-'+entityID) );
}
if (entryType == "post") {
savedState = JSON.parse( localStorage.getItem('kanka-recovery-post-'+entityID) );
}
if (savedState && savedState.length > 0) {
// Copy code to clipboard (no IE support)
navigator.clipboard.writeText(savedState).then(function() {
alert("Saved state copied to clipboard");
}, function() {
alert("Failed to access the clipboard");
});
}
else {
alert("No saved state found for the current " + entryType + ".");
}
});
}
// Add event to save button(s)
document.getElementById('form-submit-main').addEventListener('click', ()=>{
var editorValue = "";
// Code editor
if ($('#entry + div').hasClass('codeview')) {
editorValue = $('#entry + div').find('.note-codable').val();
}
// Visual editor
else {
editorValue = $('#entry').val();
}
if (entryType == "entry") {
localStorage.setItem('kanka-recovery-entity-'+entityID, JSON.stringify(editorValue));
}
if (entryType == "post") {
localStorage.setItem('kanka-recovery-post-'+entityID, JSON.stringify(editorValue));
}
});
});