Load jquery via importmap

We still need it for select2 but we want to update and install it via
node modules.

In order for this to work we need to use module script tags. Since
jQuery is loaded via importmap and a JS module (`alchemy_admin.js`)
it execution is deferred.

alchemy_cms.gemspec

@@ -46,7 +46,6 @@ Gem::Specification.new do |gem|
   gem.add_runtime_dependency "dragonfly_svg", ["~> 0.0.4"]
   gem.add_runtime_dependency "gutentag", ["~> 2.2", ">= 2.2.1"]
   gem.add_runtime_dependency "importmap-rails", ["~> 1.2", ">= 1.2.1"]
-  gem.add_runtime_dependency "jquery-rails", ["~> 4.0", ">= 4.0.4"]
   gem.add_runtime_dependency "kaminari", ["~> 1.1"]
   gem.add_runtime_dependency "originator", ["~> 3.1"]
   gem.add_runtime_dependency "ransack", [">= 1.8", "< 5.0"]

app/assets/javascripts/alchemy/admin.js

@@ -1,5 +1,4 @@
 // Alchemy CMS Sprockets Manifest
 // ------------------------------
-//= require jquery3
 //= require alchemy/alchemy.dialog
 //= require alchemy/alchemy.image_overlay

app/javascript/alchemy_admin.js

@@ -1,4 +1,6 @@
+// We still use jQuery in some places (ie. select2)
 import "handlebars"
+import "jquery"
 import "@ungap/custom-elements"
 import "@hotwired/turbo-rails"
 import "select2"

app/views/alchemy/admin/dashboard/info.html.erb

@@ -22,7 +22,7 @@
     <%= Alchemy.t 'Update status unavailable' %>
   </span>
 </p>
-<script type="text/javascript">
+<script type="module">
   var el = $('#update_check');
   var spinner = new Alchemy.Spinner('small')
   spinner.spin(el[0])

app/views/alchemy/admin/pages/_page_layout_filter.html.erb

@@ -19,7 +19,7 @@
   </label>
 </div>
 
-<script type="text/javascript">
+<script type="module">
   $(function() {
     $("#page_layout").on("change", function(e) {
       var url = "<%= alchemy.admin_pages_path(search_filter_params.except(:page_layout, :page).merge(view: "list")) %>";

app/views/alchemy/admin/pages/_sitemap.html.erb

@@ -19,7 +19,7 @@
   {{/each}}
 </script>
 
-<script type="text/javascript">
+<script type="module">
  $(function() {
    Alchemy.currentSitemap = new Alchemy.Sitemap({
      url: '<%= alchemy.tree_admin_pages_path %>',

app/views/alchemy/admin/pages/_table.html.erb

@@ -91,7 +91,7 @@
 <% end %>
 
 
-<script type="text/javascript">
+<script type="module">
   $(function() {
     Alchemy.PagePublicationFields();
   });

app/views/alchemy/admin/pages/edit.html.erb

@@ -144,7 +144,7 @@
 <% end %>
 
 <% content_for :javascripts do %>
-<script type="text/javascript" charset="utf-8">
+<script type="module">
   $(document).one('turbo:load', function() {
     $('#unlock_page_form, #publish_page_form').on('submit', function(event) {
       var not_dirty = Alchemy.checkPageDirtyness(this);

app/views/alchemy/admin/pictures/index.html.erb

@@ -86,7 +86,7 @@
 </div>
 
 <% content_for :javascripts do %>
-  <script type="text/javascript" charset="utf-8">
+  <script type="module">
     $(function() {
       Alchemy.pictureSelector();
       $('#picture_archive').on("click", ".thumbnail_background", function(event) {

app/views/alchemy/admin/resources/_filter_bar.html.erb

@@ -2,7 +2,7 @@
   <%= render partial: "filter", collection: resource_filters_for_select %>
 </div>
 
-<script type="text/javascript">
+<script type="module">
   $(function() {
     $('select', '#filter_bar').on('change', function(e) {
       var $this = $(this);

config/importmap.rb

@@ -3,6 +3,7 @@
 pin "cropperjs", to: "cropperjs.min.js", preload: true
 pin "flatpickr", to: "flatpickr.min.js", preload: true # @4.6.13
 pin "handlebars", to: "handlebars.min.js", preload: true # @4.7.8
+pin "jquery", to: "jquery.min.js", preload: true
 pin "keymaster", to: "keymaster.min.js", preload: true
 pin "select2", to: "select2.min.js", preload: true
 pin "sortablejs", to: "sortable.min.js", preload: true # @1.15.1

lib/alchemy_cms.rb

@@ -12,7 +12,6 @@
 require "dragonfly"
 require "gutentag"
 require "importmap-rails"
-require "jquery-rails"
 require "kaminari"
 require "non_stupid_digest_assets"
 require "ransack"

package.json

@@ -20,6 +20,7 @@
     "cropperjs": "^1.6.2",
     "flatpickr": "^4.6.13",
     "handlebars": "^4.7.8",
+    "jquery": "^3.7.1",
     "keymaster": "^1.6.2",
     "select2": "github:select2/select2#3.5.4",
     "sortablejs": "^1.15.2",
@@ -35,7 +36,6 @@
     "eslint": "^9.8.0",
     "jest": "^29.6.4",
     "jest-environment-jsdom": "^29.6.4",
-    "jquery": "^3.7.1",
     "jsdom-testing-mocks": "^1.13.0",
     "prettier": "^3.3.3",
     "rollup": "^4.18.1",

rollup.config.mjs

@@ -33,6 +33,13 @@ export default [
     },
     context: "window"
   },
+  {
+    input: "node_modules/jquery/dist/jquery.min.js",
+    output: {
+      file: "vendor/javascript/jquery.min.js"
+    },
+    context: "window"
+  },
   {
     input: "node_modules/keymaster/keymaster.js",
     output: {