bootstrap.js 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. initializeMainMenuHandlers();
  2. initializeFormHandlers();
  3. initializeMediaPlayerHandlers();
  4. // Initialize the keyboard shortcuts if enabled.
  5. if (!document.querySelector("body[data-disable-keyboard-shortcuts=true]")) {
  6. const keyboardHandler = new KeyboardHandler();
  7. keyboardHandler.on("g u", () => goToPage("unread"));
  8. keyboardHandler.on("g b", () => goToPage("starred"));
  9. keyboardHandler.on("g h", () => goToPage("history"));
  10. keyboardHandler.on("g f", goToFeedOrFeedsPage);
  11. keyboardHandler.on("g c", () => goToPage("categories"));
  12. keyboardHandler.on("g s", () => goToPage("settings"));
  13. keyboardHandler.on("g g", () => goToPreviousPage(TOP));
  14. keyboardHandler.on("G", () => goToNextPage(BOTTOM));
  15. keyboardHandler.on("ArrowLeft", goToPreviousPage);
  16. keyboardHandler.on("ArrowRight", goToNextPage);
  17. keyboardHandler.on("k", goToPreviousPage);
  18. keyboardHandler.on("p", goToPreviousPage);
  19. keyboardHandler.on("j", goToNextPage);
  20. keyboardHandler.on("n", goToNextPage);
  21. keyboardHandler.on("h", () => goToPage("previous"));
  22. keyboardHandler.on("l", () => goToPage("next"));
  23. keyboardHandler.on("z t", scrollToCurrentItem);
  24. keyboardHandler.on("o", openSelectedItem);
  25. keyboardHandler.on("Enter", () => openSelectedItem());
  26. keyboardHandler.on("v", () => openOriginalLink(false));
  27. keyboardHandler.on("V", () => openOriginalLink(true));
  28. keyboardHandler.on("c", () => openCommentLink(false));
  29. keyboardHandler.on("C", () => openCommentLink(true));
  30. keyboardHandler.on("m", () => handleEntryStatus("next"));
  31. keyboardHandler.on("M", () => handleEntryStatus("previous"));
  32. keyboardHandler.on("A", markPageAsRead);
  33. keyboardHandler.on("s", () => handleSaveEntry());
  34. keyboardHandler.on("d", handleFetchOriginalContent);
  35. keyboardHandler.on("f", () => handleBookmark());
  36. keyboardHandler.on("F", goToFeedPage);
  37. keyboardHandler.on("R", handleRefreshAllFeeds);
  38. keyboardHandler.on("?", showKeyboardShortcuts);
  39. keyboardHandler.on("+", goToAddSubscriptionPage);
  40. keyboardHandler.on("#", unsubscribeFromFeed);
  41. keyboardHandler.on("/", () => goToPage("search"));
  42. keyboardHandler.on("a", () => {
  43. const enclosureElement = document.querySelector('.entry-enclosures');
  44. if (enclosureElement) {
  45. enclosureElement.toggleAttribute('open');
  46. }
  47. });
  48. keyboardHandler.on("Escape", () => ModalHandler.close());
  49. keyboardHandler.listen();
  50. }
  51. // Initialize the touch handler for mobile devices.
  52. const touchHandler = new TouchHandler();
  53. touchHandler.listen();
  54. // Initialize click handlers.
  55. onClick(":is(a, button)[data-save-entry]", (event) => handleSaveEntry(event.target));
  56. onClick(":is(a, button)[data-toggle-bookmark]", (event) => handleBookmark(event.target));
  57. onClick(":is(a, button)[data-fetch-content-entry]", handleFetchOriginalContent);
  58. onClick(":is(a, button)[data-share-status]", handleShare);
  59. onClick(":is(a, button)[data-action=markPageAsRead]", (event) => handleConfirmationMessage(event.target, markPageAsRead));
  60. onClick(":is(a, button)[data-toggle-status]", (event) => handleEntryStatus("next", event.target));
  61. onClick(":is(a, button)[data-confirm]", (event) => handleConfirmationMessage(event.target, (url, redirectURL) => {
  62. const request = new RequestBuilder(url);
  63. request.withCallback((response) => {
  64. if (redirectURL) {
  65. window.location.href = redirectURL;
  66. } else if (response && response.redirected && response.url) {
  67. window.location.href = response.url;
  68. } else {
  69. window.location.reload();
  70. }
  71. });
  72. request.execute();
  73. }));
  74. onClick("a[data-original-link='true']", (event) => {
  75. handleEntryStatus("next", event.target, true);
  76. }, true);
  77. onAuxClick("a[data-original-link='true']", (event) => {
  78. if (event.button === 1) {
  79. handleEntryStatus("next", event.target, true);
  80. }
  81. }, true);
  82. // Register the service worker if supported.
  83. if ("serviceWorker" in navigator) {
  84. const serviceWorkerURL = document.body.dataset.serviceWorkerUrl;
  85. if (serviceWorkerURL) {
  86. navigator.serviceWorker.register(ttpolicy.createScriptURL(serviceWorkerURL), {
  87. type: "module"
  88. }).catch((error) => {
  89. console.error("Service Worker registration failed:", error);
  90. });
  91. }
  92. }
  93. // PWA install prompt handling.
  94. window.addEventListener('beforeinstallprompt', (e) => {
  95. let deferredPrompt = e;
  96. const promptHomeScreen = document.getElementById('prompt-home-screen');
  97. if (promptHomeScreen) {
  98. promptHomeScreen.style.display = "block";
  99. const btnAddToHomeScreen = document.getElementById('btn-add-to-home-screen');
  100. if (btnAddToHomeScreen) {
  101. btnAddToHomeScreen.addEventListener('click', (e) => {
  102. e.preventDefault();
  103. deferredPrompt.prompt();
  104. deferredPrompt.userChoice.then(() => {
  105. deferredPrompt = null;
  106. promptHomeScreen.style.display = "none";
  107. });
  108. });
  109. }
  110. }
  111. });
  112. // PassKey handling.
  113. if (WebAuthnHandler.isWebAuthnSupported()) {
  114. const webauthnHandler = new WebAuthnHandler();
  115. onClick("#webauthn-delete", () => { webauthnHandler.removeAllCredentials(); });
  116. const registerButton = document.getElementById("webauthn-register");
  117. if (registerButton !== null) {
  118. registerButton.disabled = false;
  119. onClick("#webauthn-register", () => {
  120. webauthnHandler.register().catch((err) => WebAuthnHandler.showErrorMessage(err));
  121. });
  122. }
  123. const loginButton = document.getElementById("webauthn-login");
  124. if (loginButton !== null) {
  125. const abortController = new AbortController();
  126. loginButton.disabled = false;
  127. onClick("#webauthn-login", () => {
  128. const usernameField = document.getElementById("form-username");
  129. if (usernameField !== null) {
  130. abortController.abort();
  131. webauthnHandler.login(usernameField.value).catch(err => WebAuthnHandler.showErrorMessage(err));
  132. }
  133. });
  134. webauthnHandler.conditionalLogin(abortController).catch(err => WebAuthnHandler.showErrorMessage(err));
  135. }
  136. }