move jquery and jquery-migrate to npm/webpack (#9813)

Currently, this needs to be its own chunk because fomantic depends
on jQuery being present. The next step is to move fomantic to webpack
too after which we can combine the index,fomantic and jquery files into
one.

jquery-migrate is still neccessary because our ancient version of Dropzone
seems to break without it. I imagine it can be removed after a Dropzone
upgrade.

Author: silverwind

package-lock.json

@@ -6,6 +6,8 @@
   },
   "dependencies": {
     "fomantic-ui": "2.8.3",
+    "jquery": "3.4.1",
+    "jquery-migrate": "3.1.0",
     "swagger-ui": "3.24.3",
     "vue-bar-graph": "1.2.0"
   },

package.json

@@ -16,14 +16,14 @@
           <td><a href="https://github.com/codedance/jquery.AreYouSure/archive/1.9.0.tar.gz">jquery.areyousure-1.9.0.tar.gz</a></td>
         </tr>
         <tr>
-          <td><a href="./plugins/jquery/jquery.min.js">jquery.min.js</a></td>
+          <td><a href="../js/jquery.js">jQuery</a></td>
           <td><a href="https://jquery.org/license/">MIT</a></td>
           <td><a href="https://code.jquery.com/jquery-3.4.1.min.js">jquery-3.4.1.min.js</a></td>
         </tr>
         <tr>
-          <td><a href="./plugins/jquery-migrate/jquery-migrate.min.js">jquery-migrate.min.js</a></td>
+          <td><a href="../js/jquery.js">jQuery Migrate</a></td>
           <td><a href="https://jquery.org/license/">MIT</a></td>
-          <td><a href="https://code.jquery.com/jquery-migrate-3.0.1.min.js">jquery-migrate-3.0.1.min.js</a></td>
+          <td><a href="https://code.jquery.com/jquery-migrate-3.1.0.min.js">jquery-migrate-3.1.0.min.js</a></td>
         </tr>
         <tr>
           <td><a href="./plugins/fomantic/semantic.min.js">semantic.min.js</a></td>

public/vendor/librejs.html

@@ -12,8 +12,7 @@
 
 	{{template "base/footer_content" .}}
 
-	<script src="{{StaticUrlPrefix}}/vendor/plugins/jquery/jquery.min.js?v=3.4.1"></script>
-	<script src="{{StaticUrlPrefix}}/vendor/plugins/jquery-migrate/jquery-migrate.min.js?v=3.0.1"></script>
+	<script src="{{StaticUrlPrefix}}/js/jquery.js?v={{MD5 AppVer}}"></script>
 	<script src="{{StaticUrlPrefix}}/vendor/plugins/jquery.areyousure/jquery.are-you-sure.js"></script>
 {{if .RequireSimpleMDE}}
 	<script src="{{StaticUrlPrefix}}/vendor/plugins/simplemde/simplemde.min.js"></script>
@@ -115,8 +114,6 @@
 	<script src="{{StaticUrlPrefix}}/vendor/plugins/emojify/emojify.custom.js"></script>
 	<script src="{{StaticUrlPrefix}}/vendor/plugins/clipboard/clipboard.min.js"></script>
 	<script src="{{StaticUrlPrefix}}/vendor/plugins/vue/vue.min.js"></script>
-
-	<!-- JavaScript -->
 	<script src="{{StaticUrlPrefix}}/fomantic/semantic.min.js?v={{MD5 AppVer}}"></script>
 	<script src="{{StaticUrlPrefix}}/js/index.js?v={{MD5 AppVer}}"></script>
 {{if .EnableHeatmap}}

public/vendor/plugins/jquery-migrate/jquery-migrate.min.js

@@ -2,12 +2,11 @@ var STATIC_CACHE = 'static-cache-v1';
 var urlsToCache = [
   // js
   '{{StaticUrlPrefix}}/vendor/plugins/jquery.areyousure/jquery.are-you-sure.js',
-  '{{StaticUrlPrefix}}/vendor/plugins/jquery/jquery.min.js?v=3.4.1',
-  '{{StaticUrlPrefix}}/vendor/plugins/jquery-migrate/jquery-migrate.min.js?v=3.0.1',
   '{{StaticUrlPrefix}}/fomantic/semantic.min.js?v={{MD5 AppVer}}',
   '{{StaticUrlPrefix}}/js/index.js?v={{MD5 AppVer}}',
   '{{StaticUrlPrefix}}/js/swagger.js?v={{MD5 AppVer}}',
   '{{StaticUrlPrefix}}/js/gitgraph.js?v={{MD5 AppVer}}',
+  '{{StaticUrlPrefix}}/js/jquery.js?v={{MD5 AppVer}}',
   '{{StaticUrlPrefix}}/vendor/plugins/clipboard/clipboard.min.js',
   '{{StaticUrlPrefix}}/vendor/plugins/vue/vue.min.js',
   '{{StaticUrlPrefix}}/vendor/plugins/emojify/emojify.custom.js',

public/vendor/plugins/jquery/LICENSE

@@ -0,0 +1,5 @@
+import $ from 'jquery';
+import 'jquery-migrate';
+
+$.migrateMute = true;
+window.$ = window.jQuery = $;

public/vendor/plugins/jquery/jquery.min.js

@@ -8,6 +8,7 @@ module.exports = {
   entry: {
     index: ['./web_src/js/index'],
     swagger: ['./web_src/js/swagger'],
+    jquery: ['./web_src/js/jquery'],
   },
   devtool: false,
   output: {
@@ -77,6 +78,8 @@ module.exports = {
     }),
   ],
   performance: {
+    maxEntrypointSize: 512000,
+    maxAssetSize: 512000,
     assetFilter: (filename) => {
       return !filename.endsWith('.map') && filename !== 'swagger.js';
     }