1 files changed, 29 insertions, 1 deletions
diff --git a/app/assets/javascripts/ide/index.js b/app/assets/javascripts/ide/index.js
index 79e38ae911e..c90f8694326 100644
--- a/app/assets/javascripts/ide/index.js
+++ b/app/assets/javascripts/ide/index.js
@@ -8,9 +8,21 @@ import { convertPermissionToBoolean } from '../lib/utils/common_utils';
 
 Vue.use(Translate);
 
-export function initIde(el) {
+/**
+ * Initialize the IDE on the given element.
+ *
+ * @param {Element} el - The element that will contain the IDE.
+ * @param {Object} options - Extra options for the IDE (Used by EE).
+ * @param {(e:Element) => Object} options.extraInitialData -
+ *   Function that returns extra properties to seed initial data.
+ */
+export function initIde(el, options = {}) {
   if (!el) return null;
 
+  const {
+    extraInitialData = () => ({}),
+  } = options;
+
   return new Vue({
     el,
     store,
@@ -32,6 +44,7 @@ export function initIde(el) {
       });
       this.setInitialData({
         clientsidePreviewEnabled: convertPermissionToBoolean(el.dataset.clientsidePreviewEnabled),
+        ...extraInitialData(el),
       });
     },
     methods: {
@@ -52,3 +65,18 @@ export function resetServiceWorkersPublicPath() {
   const webpackAssetPath = `${relativeRootPath}/assets/webpack/`;
   __webpack_public_path__ = webpackAssetPath; // eslint-disable-line camelcase
 }
+
+/**
+ * Start the IDE.
+ *
+ * @param {Objects} options - Extra options for the IDE (Used by EE).
+ */
+export function startIde(options) {
+  document.addEventListener('DOMContentLoaded', () => {
+    const ideElement = document.getElementById('ide');
+    if (ideElement) {
+      resetServiceWorkersPublicPath();
+      initIde(ideElement, options);
+    }
+  });
+}