feat(build) embed jquery slim

Avoid needing an external dependency.

JitsiConference.js

@@ -1,7 +1,6 @@
-/* global $ */
-
 import { getLogger } from '@jitsi/logger';
 import EventEmitter from 'events';
+import $ from 'jquery';
 import isEqual from 'lodash.isequal';
 import { Strophe } from 'strophe.js';
 

karma.conf.js

@@ -14,8 +14,8 @@ module.exports = function(config) {
 
         // list of files / patterns to load in the browser
         files: [
-            'https://code.jquery.com/jquery-3.5.1.min.js',
             'node_modules/core-js/index.js',
+            'node_modules/jquery/dist/jquery.slim.min.js',
             './modules/**/*.spec.js',
             './modules/**/*.spec.ts',
             './service/**/*.spec.ts',

modules/sdp/SDP.js

@@ -1,5 +1,4 @@
-/* global $ */
-
+import $ from 'jquery';
 import clonedeep from 'lodash.clonedeep';
 import transform from 'sdp-transform';
 

modules/xmpp/Caps.js

@@ -1,5 +1,4 @@
-/* global $ */
-
+import $ from 'jquery';
 import { b64_sha1, Strophe } from 'strophe.js'; // eslint-disable-line camelcase
 
 import { XMPPEvents } from '../../service/xmpp/XMPPEvents';

modules/xmpp/ChatRoom.js

@@ -1,6 +1,5 @@
-/* global $ */
-
 import { getLogger } from '@jitsi/logger';
+import $ from 'jquery';
 import isEqual from 'lodash.isequal';
 import { $iq, $msg, $pres, Strophe } from 'strophe.js';
 

modules/xmpp/JingleHelperFunctions.js

@@ -1,6 +1,5 @@
-/* global $ */
-
 import { getLogger } from '@jitsi/logger';
+import $ from 'jquery';
 import { $build } from 'strophe.js';
 
 import { MediaType } from '../../service/RTC/MediaType';

modules/xmpp/JingleSessionPC.js

@@ -1,6 +1,5 @@
-/* global $ */
-
 import { getLogger } from '@jitsi/logger';
+import $ from 'jquery';
 import { $iq, Strophe } from 'strophe.js';
 
 import * as CodecMimeType from '../../service/RTC/CodecMimeType';

modules/xmpp/JingleSessionPC.spec.js

@@ -1,4 +1,5 @@
-/* global $, jQuery */
+import $ from 'jquery';
+
 import { MockRTC } from '../RTC/MockClasses';
 import FeatureFlags from '../flags/FeatureFlags';
 
@@ -14,7 +15,7 @@ import { MockChatRoom, MockStropheConnection } from './MockClasses';
  * @returns {jQuery}
  */
 function createContentModify(senders = 'both', maxFrameHeight) {
-    const modifyContentsIq = jQuery.parseXML(
+    const modifyContentsIq = $.parseXML(
         '<jingle action="content-modify" initiator="peer2" sid="sid12345" xmlns="urn:xmpp:jingle:1">'
         + `<content name="video" senders="${senders}">`
         + `<max-frame-height xmlns="http://jitsi.org/jitmeet/video">${maxFrameHeight}</max-frame-height>`
@@ -29,7 +30,7 @@ function createContentModify(senders = 'both', maxFrameHeight) {
  * @returns {jQuery}
  */
 function createContentModifyForSourceNames() {
-    const modifyContentsIq = jQuery.parseXML(
+    const modifyContentsIq = $.parseXML(
         '<jingle action="content-modify" initiator="peer2" sid="sid12345" xmlns="urn:xmpp:jingle:1">'
         + '<content name="video" senders="both">'
         + '<source-frame-height maxHeight="180" sourceName="8d519815-v0" xmlns="http://jitsi.org/jitmeet/video"/>'

modules/xmpp/moderator.js

@@ -1,6 +1,5 @@
-/* global $ */
-
 import { getLogger } from '@jitsi/logger';
+import $ from 'jquery';
 import { $iq, Strophe } from 'strophe.js';
 
 import Settings from '../settings/Settings';

modules/xmpp/strophe.emuc.js

@@ -1,6 +1,5 @@
-/* global $ */
-
 import { getLogger } from '@jitsi/logger';
+import $ from 'jquery';
 import { Strophe } from 'strophe.js';
 
 import { XMPPEvents } from '../../service/xmpp/XMPPEvents';

modules/xmpp/strophe.jingle.js

@@ -1,6 +1,5 @@
-/* global $ */
-
 import { getLogger } from '@jitsi/logger';
+import $ from 'jquery';
 import { $iq, Strophe } from 'strophe.js';
 
 import { MediaType } from '../../service/RTC/MediaType';

modules/xmpp/strophe.rayo.js

@@ -1,6 +1,5 @@
-/* global $ */
-
 import { getLogger } from '@jitsi/logger';
+import $ from 'jquery';
 import { $iq } from 'strophe.js';
 
 import ConnectionPlugin from './ConnectionPlugin';

modules/xmpp/xmpp.js

@@ -1,6 +1,5 @@
-/* global $ */
-
 import { getLogger } from '@jitsi/logger';
+import $ from 'jquery';
 import { $msg, Strophe } from 'strophe.js';
 import 'strophejs-plugin-disco';
 

package-lock.json

@@ -16,6 +16,7 @@
         "async": "3.2.3",
         "base64-js": "1.3.1",
         "current-executing-script": "0.1.3",
+        "jquery": "3.6.1",
         "lodash.clonedeep": "4.5.0",
         "lodash.debounce": "4.0.8",
         "lodash.isequal": "4.5.0",
@@ -4565,6 +4566,11 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
+    "node_modules/jquery": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.1.tgz",
+      "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw=="
+    },
     "node_modules/js-md5": {
       "version": "0.7.3",
       "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.7.3.tgz",
@@ -10276,6 +10282,11 @@
         }
       }
     },
+    "jquery": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.1.tgz",
+      "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw=="
+    },
     "js-md5": {
       "version": "0.7.3",
       "resolved": "https://registry.npmjs.org/js-md5/-/js-md5-0.7.3.tgz",

package.json

@@ -23,6 +23,7 @@
     "async": "3.2.3",
     "base64-js": "1.3.1",
     "current-executing-script": "0.1.3",
+    "jquery": "3.6.1",
     "lodash.clonedeep": "4.5.0",
     "lodash.debounce": "4.0.8",
     "lodash.isequal": "4.5.0",

webpack-shared-config.js

@@ -11,6 +11,9 @@ module.exports = (minimize, analyzeBundle) => {
         // The inline-source-map is used to allow debugging the unit tests with Karma
         devtool: minimize ? 'source-map' : 'inline-source-map',
         resolve: {
+            alias: {
+                'jquery': require.resolve('jquery/dist/jquery.slim.min.js')
+            },
             extensions: [ '', '.js', '.ts' ]
         },
         mode: minimize ? 'production' : 'development',
@@ -72,8 +75,8 @@ module.exports = (minimize, analyzeBundle) => {
         },
         performance: {
             hints: minimize ? 'error' : false,
-            maxAssetSize: 750 * 1024,
-            maxEntrypointSize: 750 * 1024
+            maxAssetSize: 825 * 1024,
+            maxEntrypointSize: 825 * 1024
         },
         plugins: [
             analyzeBundle