deps: remove locally cached js deps (#4151)

Co-authored-by: kyle-ssg <[email protected]>

Author: matthewelwell

frontend/package-lock.json

@@ -73,12 +73,14 @@
     "flux-react-dispatcher": "1.2.5",
     "free-email-domains": "^1.2.13",
     "fs-extra": "2.0.0",
+    "highlight.js": "^11.9.0",
     "history": "4.10.1",
     "html-loader": "1.3.2",
     "html-webpack-plugin": "5.5.0",
     "http-proxy-middleware": "^1.0.6",
     "husky": "^8.0.2",
     "ionicons": "^7.2.1",
+    "jquery": "^3.7.1",
     "js-cookie": "2.2.1",
     "json-loader": "0.5.4",
     "lint-staged": "^12.3.4",

frontend/package.json

@@ -1,8 +1,6 @@
 import React from 'react'
+import hljs from 'highlight.js'
 
-if (typeof hljs !== 'undefined') {
-  hljs.initHighlightingOnLoad()
-}
 function escapeHtml(unsafe) {
   if (!unsafe || !unsafe.__html) return unsafe
   return {

frontend/web/components/Highlight.js

@@ -9,12 +9,6 @@
     <meta property="og:image" content="https://flagsmith.com/static/aa08b77a1a9bca99643945f1f3eeb027/b2d24/social-preview.jpg" />
     <meta property="og:title" content="Flagsmith - Feature Flags, Feature Toggles and Remote Config" />
     <meta name="robots" content="noindex, nofollow"/>
-    <script src="/static/javascript/highlight.min.js"></script>
-    <script src="/static/javascript/msal.min.js"></script>
-    <script src="/static/javascript/jquery.min.js"
-            crossorigin="anonymous"></script>
-    <script src="/static/javascript/tether.min.js"
-            crossorigin="anonymous"></script>
     <!--Project.js overrides-->
     <script src="/config/project-overrides"></script>
     <style>

frontend/web/index.handlebars

@@ -9,12 +9,6 @@
     <meta name="description" content="Manage your Feature Flags, Feature Toggles and Remote Config in your Mobile, React, React Native, Java, Javascript (Node) and Python projects." />
     <meta property="og:image" content="https://flagsmith.com/static/aa08b77a1a9bca99643945f1f3eeb027/b2d24/social-preview.jpg" />
     <meta property="og:title" content="Flagsmith - Feature Flags, Feature Toggles and Remote Config" />
-    <script src="/static/javascript/highlight.min.js"></script>
-    <script src="/static/javascript/msal.min.js"></script>
-    <script src="/static/javascript/jquery.min.js"
-            crossorigin="anonymous"></script>
-    <script src="/static/javascript/tether.min.js"
-            crossorigin="anonymous"></script>
     <!--Project.js overrides-->
     <script src="/config/project-overrides"></script>
     <style>

frontend/web/index.html

@@ -1,3 +1,6 @@
+import $ from 'jquery'
+global.jQuery = $
+global.$ = $
 import Promise from 'promise-polyfill'
 import 'whatwg-fetch'
 import {