move entire 'application.js' entrypoint from webpacker to vite

app/frontend/entrypoints/application.js

@@ -26,3 +26,39 @@ console.log('Visit the guide for more information: ', 'https://vite-ruby.netlify
 
 // Example: Import a stylesheet in app/frontend/index.css
 // import '~/index.css'
+
+
+
+// fetch polyfill for IE11, used by viewer, on-demand downlaods, and other local code.
+import 'whatwg-fetch';
+// The whatwg-fetch polyfill requires a promise polyfill too, for browsers that don't
+// have promises, and IE11 is one, so.
+import 'promise-polyfill/src/polyfill';
+
+import "../javascript/responsive-tabs/responsive-tabs.js"
+
+import '../javascript/init_popovers.js';
+import '../javascript/accept_cookies_banner.js';
+import '../javascript/scihist_search_slideout.js';
+import '../javascript/scihist_on_demand_downloader.js';
+import '../javascript/scihist_viewer.js';
+import '../javascript/custom_google_analytics_events.js';
+import '../javascript/cart_control.js';
+import '../javascript/date_range_render_workaround.js';
+import '../javascript/tab_selection_in_anchor';
+
+
+// Generic tooltips
+import '../javascript/bootstrap_tooltips_activate';
+// and special OHMS footnotes tooltips
+import '../javascript/ohms_footnotes.js';
+
+import '../javascript/audio/play_at_timecode.js';
+import '../javascript/audio/ohms_search.js';
+import '../javascript/audio/accordion_open_on_screen.js';
+import '../javascript/audio/navbar_tabs.js';
+import "../javascript/audio/timecode_in_anchor.js";
+import "../javascript/audio/share_link.js";
+import '../javascript/audio/jump_to_text.js';
+import "../javascript/audio/clipboard_copy_input.js";
+import "../javascript/video_player.js";

app/frontend/javascript/video_player.js

@@ -0,0 +1,9 @@
+import videojs from 'video.js';
+
+// Get video.js styles too, vite will spit them out for us
+import 'video.js/dist/video-js.css';
+
+// video js plugins? With CSS loaded?
+import 'videojs-seek-buttons';
+import 'videojs-seek-buttons/dist/videojs-seek-buttons.css';
+

app/views/layouts/admin.html.erb

@@ -34,13 +34,12 @@
     <%= stylesheet_link_tag    'application', media: 'all' %>
     <%= javascript_include_tag 'application', defer: true %>
 
-    <%# webpacker 'application' js %>
-    <%= javascript_pack_tag 'application', defer: true %>
+    <%# vite 'application' js %>
+    <%= vite_client_tag %>
+    <%= vite_javascript_tag 'application' %>
 
     <%# vite 'admin' js, will also include css if needed automatically %>
     <%= vite_javascript_tag 'admin', defer: true %>
-    <%# stylesheet_pack_tag "admin" %>
-
 
     <%# separate and positioned per lazysizes docs
     https://github.com/aFarkas/lazysizes#include-early%>

app/views/layouts/application.html.erb

@@ -38,12 +38,13 @@
     <%= stylesheet_link_tag "application", media: "all" %>
 
     <%= javascript_include_tag "application", defer: true %>
-    <%= javascript_pack_tag "application", defer: true %>
 
-    <%= csrf_meta_tags %>
-    <%= content_for(:head) %>
+    <%# vite 'application.js' #>
     <%= vite_client_tag %>
     <%= vite_javascript_tag 'application' %>
+
+    <%= csrf_meta_tags %>
+    <%= content_for(:head) %>
     <!--
       If using a TypeScript entrypoint file:
         vite_typescript_tag 'application'