[CIRCLE-37828] Webpackify JS 🕸 (circleci#5723)

* Start: Moving to webpack.

* Refactor: remove jquery cookie; webpack js-cookie.

- remove window attachment of js cookie;
- only import it where it is needed.

* Clean: remove commented out lines

- introduced in 12991b5 and not used.

* Clean: migrate popper to es-6.

* Fix: restore gemfile changes.

* Clean: remove assets/*.js; create vendor bundle.

* Clean: remove heaps of vendor code.

- reinstate hljs, which I accidentally deleted.
- install jquery as node module and make it a global
- migrate site.min.js into vendor

* Clean: trash dot files and old main.js

* Review: make requested changes:

- Fix: reinstate ruby version.
- Clean: remove .tool-versions.
- Clean: Move highlightjsBadge to experiments/
- Fix: restore git-clobbered main.js
- Deps: update babel to handle optional chaining.
- Add: tool-versions to gitignore.

* Clean: move hljs init to app.js.

* Update .gitignore

Co-authored-by: Romain Sylvian <[email protected]>

* Clean: move hljs to main.js

* Fix: pin jquery dep.

* Clean: move files around.

Co-authored-by: Romain Sylvian <[email protected]>

Author: teesloane

.babelrc

@@ -9,6 +9,7 @@
   ],
   "plugins": [
     "@babel/plugin-proposal-nullish-coalescing-operator",
+    "@babel/plugin-proposal-optional-chaining",
     "wildcard"
   ]
-}
+}

.gitignore

@@ -28,3 +28,4 @@ src-api/build/
 vendor
 jekyll/_config_override.yml
 markdownlint-results.json
+.tool-versions

jekyll/_includes/head.html

@@ -22,17 +22,13 @@
 	<link rel="stylesheet" href="{{ "/assets/css/footer.css" | prepend: site.baseurl }}" type="text/css" media="screen" />
 	<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.css" />
 	<link rel="stylesheet" href="{{ "/assets/css/asciidoc.css" | prepend: site.baseurl }}">
-	<!--link rel="stylesheet" href="{{ "/assets/css/asciidoc-pygments.css" | prepend: site.baseurl }}"-->
-	<!--link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/styles/default.min.css">
 	<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/highlight.min.js"></script>
-	<script>hljs.initHighlightingOnLoad();</script-->
 	<title>{% if page.title %}{{ page.title | escape }} - CircleCI{% else %}{{ site.title | escape }} - CircleCI{% endif %}</title>
 	{% include_cached segment.html site=site page=page %}
 
 	<!-- Instant Search CDN links /-->
 	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/themes/reset-min.css" integrity="sha256-t2ATOGCtAIZNnzER679jwcFcKYfLlw01gli6F6oszk8=" crossorigin="anonymous">
 	<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/algoliasearch-lite.umd.js" integrity="sha256-MfeKq2Aw9VAkaE9Caes2NOxQf6vUa8Av0JqcUXUGkd0=" crossorigin="anonymous"></script>
 	<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/instantsearch.production.min.js" integrity="sha256-6S7q0JJs/Kx4kb/fv0oMjS855QTz5Rc2hh9AkIUjUsk=" crossorigin="anonymous"></script>
-	<script src="https://cdn.jsdelivr.net/npm/[email protected]/src/js.cookie.min.js"></script>
   	<script src="https://cdn.optimizely.com/datafiles/{{site.optimizely}}.json/tag.js"></script>
 </head>

jekyll/_includes/js-assets.html

@@ -1,16 +1,8 @@
 <div>
-  <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/vendor.min.js assets/vendor.min.js %}"></script>
-  <script type="text/javascript" src="https://unpkg.com/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
+  <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/vendor.bundle.js assets/vendor.bundle.js %}"></script>
   {% include_cached rollbar.html site=site %}
   <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/app.bundle.js assets/app.bundle.js %}"></script>
-  <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/user.js assets/user.js %}"></script>
-  <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/site.min.js assets/site.min.js %}"></script>
-  <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/jquery.cookie.min.js assets/jquery.cookie.min.js %}"></script>
-  <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/sidebar.js assets/sidebar.js %}"></script>
-  <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/main.js assets/main.js %}"></script>
-  <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/nav.js assets/nav.js %}"></script>
   <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/shared/components/subnav.js assets/shared/components/subnav.js %}"></script>
   <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/shared/analytics-recursive-tracking.js assets/shared/analytics-recursive-tracking.js %}"></script>
   <script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
-  <script type="text/javascript" src="{{ site.baseurl }}/{% ministamp assets/js/highlightJSBadge.js assets/highlightJSBadge.js %}"></script>
-</div>
+</div>