129 lines
3.9 KiB
JavaScript
129 lines
3.9 KiB
JavaScript
function createProgressiveCapture({
|
||
document,
|
||
storage,
|
||
getLogin = () => '',
|
||
createCaptures = globalThis.createUnfiledCaptures,
|
||
requestFullWorkspace = async () => {
|
||
const lifecycle = await globalThis.stackchainWorkspaceLifecycle;
|
||
return lifecycle?.optionalReady;
|
||
},
|
||
createId,
|
||
now,
|
||
}) {
|
||
const button = document.querySelector('[data-mobile-task="new"]');
|
||
const root = document.querySelector('#create-issue-sheet');
|
||
const title = document.querySelector('#create-issue-title');
|
||
const body = document.querySelector('#create-issue-body');
|
||
const heading = document.querySelector('#create-issue-heading');
|
||
const save = document.querySelector('#save-unfiled-issue');
|
||
const file = document.querySelector('#file-new-issue');
|
||
const cancel = document.querySelector('#cancel-new-issue');
|
||
const status = document.querySelector('#my-work-action-status');
|
||
const captures = createCaptures({
|
||
storage,
|
||
getCaptureLogin:getLogin,
|
||
getCurrentLogin:getLogin,
|
||
...(createId ? {createId} : {}),
|
||
...(now ? {now} : {}),
|
||
});
|
||
const listeners = [];
|
||
let started = false;
|
||
let saving = null;
|
||
let saved = false;
|
||
let handedOff = false;
|
||
|
||
function listen(element, name, callback) {
|
||
element?.addEventListener?.(name, callback);
|
||
listeners.push([element, name, callback]);
|
||
}
|
||
|
||
function close() {
|
||
root?.classList.remove('open');
|
||
}
|
||
|
||
function open(event) {
|
||
saved = false;
|
||
if (heading) heading.textContent = 'Capture work';
|
||
root?.classList.add('open');
|
||
title?.focus?.();
|
||
}
|
||
|
||
async function saveDraft() {
|
||
if (saved || saving) return saving;
|
||
save.disabled = true;
|
||
saving = Promise.resolve().then(() => captures.save({
|
||
title:title?.value || '', body:body?.value || '',
|
||
})).then(() => {
|
||
saved = true;
|
||
if (title) title.value = '';
|
||
if (body) body.value = '';
|
||
close();
|
||
if (status) status.textContent = 'Saved to Drafts. Choose a repository when you’re ready to file it.';
|
||
return true;
|
||
}).catch(error => {
|
||
if (status) status.textContent = error.message;
|
||
title?.focus?.();
|
||
return false;
|
||
}).finally(() => {
|
||
save.disabled = false;
|
||
saving = null;
|
||
});
|
||
return saving;
|
||
}
|
||
|
||
async function fileNow() {
|
||
if (file.disabled) return false;
|
||
file.disabled = true;
|
||
if (status) status.textContent = 'Loading filing tools…';
|
||
try {
|
||
await requestFullWorkspace();
|
||
return true;
|
||
} catch (_error) {
|
||
file.disabled = false;
|
||
if (status) status.textContent = 'Filing tools unavailable. Your capture is still editable; retry when connected.';
|
||
title?.focus?.();
|
||
return false;
|
||
}
|
||
}
|
||
|
||
function start() {
|
||
if (started) return false;
|
||
started = true;
|
||
root?.classList.add('progressive-capture');
|
||
listen(button, 'click', open);
|
||
listen(save, 'click', saveDraft);
|
||
listen(file, 'click', fileNow);
|
||
listen(cancel, 'click', close);
|
||
return true;
|
||
}
|
||
|
||
function handoff() {
|
||
if (handedOff) return null;
|
||
handedOff = true;
|
||
const state = {
|
||
open:Boolean(root?.classList.contains('open')),
|
||
title:title?.value || '', body:body?.value || '',
|
||
};
|
||
root?.classList.remove('progressive-capture');
|
||
file.disabled = false;
|
||
listeners.forEach(([element, name, callback]) => element?.removeEventListener?.(name, callback));
|
||
listeners.length = 0;
|
||
return state;
|
||
}
|
||
|
||
return {start, handoff};
|
||
}
|
||
|
||
if (typeof window !== 'undefined' && typeof document !== 'undefined' &&
|
||
typeof createUnfiledCaptures === 'function' &&
|
||
window.matchMedia?.('(max-width: 600px)').matches === true) {
|
||
window.stackchainProgressiveCapture = createProgressiveCapture({
|
||
document,
|
||
storage:window.localStorage,
|
||
getLogin:() => window.stackchainProgressiveMyWork?.login?.() || '',
|
||
});
|
||
window.stackchainProgressiveCapture.start();
|
||
}
|
||
|
||
if (typeof module !== 'undefined' && module.exports) module.exports = createProgressiveCapture;
|