notes

2.6 KB

1. // login.js — the small bridge between ident's <ident-selector> and the notes shell (components/main.hl; the same
2. // as gitoria's login.js). Plain JS because hl:web cannot listen to a custom DOM event: `ident-login`
3. // (event.detail.code, the one-time code) goes into the hidden input #identcode, whose `change` the shell handles
4. // (→ face notesLogin, server-side exchange). The shell keeps the selector element's class at `in` / `out`; it is
5. // mirrored here into the selector's `loggedIn` (false = back to "choose ident").
6. // BACK TO THE PAGE: the "Log in with ident" click gets `?next=<this page>` in its return URL (project.hl safePath).
7. // RUNS ONCE PER DOCUMENT: hl:web re-creates the header and its <script>s when the login state flips, the
8. // selector element is then a NEW one; listeners sit on `document`, the CURRENT #selector is looked up each
9. // time, and a one-time code is handed to the shell at most once.
10. (() => {
11. if (window.__notesLogin) { window.__notesLogin.sync(); return; }
12. const sync = () => {
13. const sel = document.getElementById('selector');
14. // not upgraded yet: a property set now would shadow the element's own accessor
15. if (!sel || !window.customElements || !customElements.get('ident-selector')) return;
16. const want = sel.classList.contains('in');
17. if (sel.loggedIn !== want) sel.loggedIn = want;
18. };
19. new MutationObserver(sync).observe(document.documentElement, { subtree: true, childList: true, attributes: true, attributeFilter: ['class'] });
20. if (window.customElements) customElements.whenDefined('ident-selector').then(sync);
22. const handed = new Set();
23. document.addEventListener('ident-login', (e) => {
24. const code = e.detail && e.detail.code;
25. const input = document.getElementById('identcode');
26. if (!input || !code || handed.has(code)) return; // a one-time code is exchanged once
27. handed.add(code);
28. input.value = code;
29. input.dispatchEvent(new Event('change', { bubbles: true }));
30. });
31. const withNext = (a) => {
32. try {
33. const u = new URL(a.href);
34. const ret = new URL(u.searchParams.get('return'));
35. const here = location.pathname + location.search;
36. ret.search = '';
37. if (here !== '/' && here.length <= 500) ret.searchParams.set('next', here);
38. u.searchParams.set('return', ret.href);
39. a.href = u.href;
40. } catch (err) { /* keep the server's href: the login still works, it returns to / */ }
41. };
42. const onButton = (e) => {
43. const a = e.target && e.target.closest && e.target.closest('#loginbutton');
44. if (a) withNext(a);
45. };
46. for (const t of ['click', 'auxclick', 'contextmenu']) document.addEventListener(t, onButton, true);
47. window.__notesLogin = { sync };
48. })();