app.addSetter('aboutModal.open', (data) => { data.aboutModal.active = true; }); app.addSetter('aboutModal.close', (data) => { data.apiKey = null; data.showApiKey = false; data.aboutModal.active = false; }); app.addSetter('about.showApiKey', async (data, apiKey) => { data.apiKey = apiKey; data.showApiKey = true; }); async function showApiKey(){ let result = await fetch("/api/apikey"); let json = await result.json(); let apiKey = json.apiKey; store.do('about.showApiKey', encodeURIComponent(apiKey)); } app.addComponent('aboutModal', (store) => { return new Reef("#aboutModal", { store: store, template: (data) => { let apiKeyElement = ""; if ( data.showApiKey ){ apiKeyElement = /*html*/`

api key for ${data.user.name}:



`; } return /*html*/`

tinypin

show api key
github.com/slynn1324/tinypin
build: ${data.user ? data.user.version : 'unknown'}
 
${apiKeyElement}

credits

client
 css framework » bulma.io
 ui framework » reef
 pin zoom » lightgallery.js
 boards icon » squares by Andrejs Kirma from the Noun Project
 pin icon » pinned by Gregor Cresnar from the Noun Project
 web icon » website by Supriadi Sihotang from the Noun Project
 edit icon » edit by TTHNga from the Noun Project
 logout icon » Log Out by Gregor Cresnar from the Noun Project
 trash icon » Trash by ICONZ from the Noun Project
 missing icon » dots-square by Jeff Hilnbrand
 hidden icon » hidden by vittorio longo from the Noun Project
 about icon » Info by Sriti Chamola from the Noun Project
 link icon » link by Hassan ali from the Noun Project
 download icon » Download by Yoyo from the Noun Project
 share icon » Share by Тимур Минвалеев from the Noun Project
 done icon » done by Viktor Ostrovsky from the Noun Project
 settings icon » setting by LUTFI GANI AL ACHMAD from the Noun Project

server
 language & runtime » node.js
 database » sqlite
 library » better-sqlite3
 library » express
 library » body-parser
 library » cookie-parser
 library » node-fetch
 library » sharp
 library » yargs
`; } }); });