JS: Define components in the `bootstrap` namespace

They were previously defined directly on `window` when using
`//=require bootstrap-sprockets`.

3 files changed, 10 insertions, 0 deletions

diff --git a/assets/javascripts/bootstrap-global-this-define.js b/assets/javascripts/bootstrap-global-this-define.js
new file mode 100644
index 0000000..82c26f5
--- /dev/null
+++ b/assets/javascripts/bootstrap-global-this-define.js
@@ -0,0 +1,6 @@
+// Set a `globalThis` so that bootstrap components are defined on window.bootstrap instead of window.
+window['bootstrap'] = {
+  Popper: window.Popper,
+  _originalGlobalThis: window['globalThis']
+};
+window['globalThis'] = window['bootstrap'];
diff --git a/assets/javascripts/bootstrap-global-this-undefine.js b/assets/javascripts/bootstrap-global-this-undefine.js
new file mode 100644
index 0000000..6f96eb1
--- /dev/null
+++ b/assets/javascripts/bootstrap-global-this-undefine.js
@@ -0,0 +1,2 @@
+window['globalThis'] = window['bootstrap']._originalGlobalThis;
+window['bootstrap']._originalGlobalThis = null;
diff --git a/assets/javascripts/bootstrap-sprockets.js b/assets/javascripts/bootstrap-sprockets.js
index 8b251b1..fab8c2f 100644
--- a/assets/javascripts/bootstrap-sprockets.js
+++ b/assets/javascripts/bootstrap-sprockets.js
@@ -1,3 +1,4 @@
+//= require ./bootstrap-global-this-define
 //= require ./bootstrap/dom/data
 //= require ./bootstrap/base-component
 //= require ./bootstrap/dom/event-handler
@@ -14,3 +15,4 @@
 //= require ./bootstrap/scrollspy
 //= require ./bootstrap/tab
 //= require ./bootstrap/toast
+//= require ./bootstrap-global-this-undefine