開いているページをエクスポートするUserScript

ボタン用の画像: https://scrapbox.io/files/64d6cf929d602b001cf95ae9.svg

code:script_min.js

scrapbox.PageMenu.addMenu({title:"export data",image:"https://scrapbox.io/files/64d6cf929d602b001cf95ae9.svg",onClick:async()=>{const o=${scrapbox.Project.name},a=${encodeURIComponent(scrapbox.Page.title)},c=/api/pages/${o}/${a},t=await(await fetch(c)).json(),s={pages:{title:t.title,created:t.created,updated:t.updated,lines:t.lines}},d=new Blob(JSON.stringify(s,null," "),{type:"octet/stream"}),n=window.URL.createObjectURL(d),e=document.createElement("a");e.href=n,e.download=${o}-${a}.json,e.style.display="none",document.body.appendChild(e),e.click(),window.URL.revokeObjectURL(n),e.parentNode.removeChild(e)}});

readable バージョン

code:script.js

scrapbox.PageMenu.addMenu({

title: 'export data',

onClick: async () => {

const projectName = ${scrapbox.Project.name};

const pageName = ${encodeURIComponent(scrapbox.Page.title)};

const target = /api/pages/${projectName}/${pageName};

const response = await fetch(target); // 重いページで重くなる可能性がある

const json = await response.json();

const exportData = {pages: [{

title: json.title,

created: json.created,

updated: json.updated,

lines: json.lines,

},],};

const blob = new Blob(JSON.stringify(exportData,null,' '), {type: 'octet/stream'}); // download dataを作成

const url = window.URL.createObjectURL(blob); // download linkを生成

// 同一scrapbox pageに隠しa要素を作り、それを踏んでdownloadを実行する

const a = document.createElement('a');

a.href = url;

a.download = ${projectName}-${pageName}.json;

a.style.display = 'none';

document.body.appendChild(a);

a.click(); // downloadを実行

// 後始末

window.URL.revokeObjectURL(url);

a.parentNode.removeChild(a);

});

ボタン用の画像の SVG

code:export.svg

昔作ったやつだtakker.icon