Update and pin jquery-serializejson

Moving from 2.4.2 to 3.2.1 for our use seems have no breaking changes:
https://github.com/marioizquierdo/jquery.serializeJSON/blob/8a2f2cfebd928b65509181bcdf01f8de243ed573/CHANGELOG.md

Importmap was used to download and pin the CDN package. Combined with
the node-resolve plugin for rollup, this is working for me on builds
using the rolled up assets as well as experimental builds using only
importmaps.

app/assets/config/spotlight/manifest.js

@@ -1,3 +1,4 @@
 //= link_tree ../../images
 //= link_tree ../../../javascript .js
-//= link_tree ../../../../vendor/assets/javascripts .js
+//= link_tree ../../../../vendor/assets/javascripts .js
+//= link_tree ../../../../vendor/javascript .js

app/javascript/spotlight/admin/block_mixins/formable.js

@@ -1,3 +1,6 @@
+import jQuery from 'jquery';
+import serializeJSON from 'jquery-serializejson';
+
 (function ($){
   SirTrevor.BlockMixins.Formable = {
     mixinName: "Formable",

app/javascript/spotlight/admin/index.js

@@ -2,7 +2,6 @@
 import 'nestable'
 import 'parameterize'
 import 'bootstrap-tagsinput'
-import 'jquery.serializejson'
 import 'leaflet-iiif'
 import 'Leaflet.Editable'
 import 'Path.Drag'

config/importmap.rb

@@ -2,3 +2,4 @@
 
 pin_all_from File.expand_path('../app/javascript/spotlight', __dir__), under: 'spotlight'
 pin_all_from File.expand_path('../vendor/assets/javascripts', __dir__)
+pin 'jquery-serializejson' # @3.2.1

lib/spotlight/engine.rb

@@ -75,6 +75,7 @@ class Engine < ::Rails::Engine
 
     initializer 'spotlight.assets.precompile' do |app|
       app.config.assets.paths << Engine.root.join('app/javascript')
+      app.config.assets.paths << Engine.root.join('vendor/javascript')
       app.config.assets.precompile += PRECOMPILE_ASSETS
     end
 

package.json

@@ -11,7 +11,8 @@
     "url": "git+https://github.com/projectblacklight/spotlight.git"
   },
   "files": [
-    "app/assets", "vendor/assets"
+    "app/assets",
+    "vendor/assets"
   ],
   "author": "",
   "license": "Apache-2.0",
@@ -20,6 +21,7 @@
   },
   "homepage": "https://github.com/projectblacklight/spotlight#readme",
   "devDependencies": {
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "rollup": "^2.60.0",
     "rollup-plugin-includepaths": "^0.2.4"
   },

rollup.config.js

@@ -1,19 +1,28 @@
 'use strict'
 
 import includePaths from 'rollup-plugin-includepaths';
+import resolve from '@rollup/plugin-node-resolve';
 
 const path = require('path')
 
 const BUNDLE = process.env.BUNDLE === 'true'
 const ESM = process.env.ESM === 'true'
 
 const fileDest = `spotlight${ESM ? '.esm' : ''}`
-const external = []
-const globals = {}
+const external = [
+  'jquery'
+]
+const globals = {
+  'jquery': 'jQuery'
+}
 
 let includePathOptions = {
   include: {},
-  paths: ['app/javascript', 'vendor/assets/javascripts'],
+  paths: [
+    'app/javascript',
+    'vendor/assets/javascripts',
+    'vendor/javascript'
+  ],
   external: [],
   extensions: ['.js', '.es6']
 };
@@ -27,7 +36,10 @@ const rollupConfig = {
     generatedCode: 'es2015'
   },
   external,
-  plugins: [includePaths(includePathOptions)]
+  plugins: [
+    includePaths(includePathOptions),
+    resolve()
+  ]
 }
 
 if (!ESM) {