tracker

2.7 KB

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