feat: move the initializer to a pack file (#19279)

app/assets/javascripts/initializePage.js

@@ -4,8 +4,7 @@
   initializeCommentsPage,
   initializeArticleDate, initializeArticleReactions, initNotifications,
   initializeSettings, initializeRuntimeBanner,
-  initializeTimeFixer, initializeDashboardSort,
-  initializeArchivedPostFilter, initializeCreditsPage,
+  initializeTimeFixer, initializeDashboardSort, initializeCreditsPage,
   initializeDrawerSliders, initializeHeroBannerClose,
   initializeOnboardingTaskCard,
   initScrolling, nextPage:writable,
@@ -22,7 +21,6 @@ function callInitializers() {
   initializeSettings();
   initializeTimeFixer();
   initializeDashboardSort();
-  initializeArchivedPostFilter();
   initializeCreditsPage();
   initializeDrawerSliders();
   initializeHeroBannerClose();

app/javascript/packs/archivedPostFilters.js

@@ -1,28 +1,33 @@
-'use strict';
+function initializeArchivedPostFilter() {
+  const link = document.getElementById('toggleArchivedLink');
+  if (link) {
+    link.addEventListener('click', toggleArchivedPosts);
+  }
+}
 
 function archivedPosts() {
   return document.getElementsByClassName('story-archived');
 }
 
 function showArchivedPosts() {
-  var posts = archivedPosts();
+  const posts = archivedPosts();
 
-  for (var i = 0; i < posts.length; i += 1) {
+  for (let i = 0; i < posts.length; i += 1) {
     posts[i].classList.remove('hidden');
   }
 }
 
 function hideArchivedPosts() {
-  var posts = archivedPosts();
+  const posts = archivedPosts();
 
-  for (var i = 0; i < posts.length; i += 1) {
+  for (let i = 0; i < posts.length; i += 1) {
     posts[i].classList.add('hidden');
   }
 }
 
 function toggleArchivedPosts(e) {
   e.preventDefault();
-  var link = e.target;
+  const link = e.target;
 
   if (link.innerHTML.match(/Show/)) {
     link.innerHTML = 'Hide archived';
@@ -33,9 +38,4 @@ function toggleArchivedPosts(e) {
   }
 }
 
-function initializeArchivedPostFilter() {
-  var link = document.getElementById('toggleArchivedLink');
-  if (link) {
-    link.addEventListener('click', toggleArchivedPosts);
-  }
-}
+initializeArchivedPostFilter();

app/views/dashboards/show.html.erb

@@ -67,3 +67,5 @@
     <% end %>
   </div>
 </main>
+
+<%= javascript_packs_with_chunks_tag "archivedPostFilters", defer: true %>