index.js

// Include all CSS here
import "./styles/loader.css";
import "./js/webix/webix.css";
import "./js/webix/components/gantt/gantt.min.css";
import "./js/webix/components/reports/reports.min.css";
import "./js/webix/components/query/query.min.css";
import "./js/webix/components/scheduler/scheduler.min.css";
import "./js/webix/components/querybuilder/querybuilder.min.css";
import "./js/webix/components/hint/hint.css";
import "./styles/ui.css";
// NOTE: keep Font Awesome AFTER webix css so webix wont
// override our icon stylesimport "./styles/font-awesome.min.css";
import "./styles/font-awesome.min.css";

import performance from "./utils/performance";
performance.init();

import Bootstrap from "./init/Bootstrap.js";
// Bootstrap is responsible for initializing the platform.

// Import webix dynamically so we load it before we load other files that need it
const webixLoading = import(
   /* webpackChunkName: "webix" */
   /* webpackPreload: true */
   "./js/webix/webix.min.js"
).then(async (webix) => {
   // Make sure webix is global object
   window.webix = webix;
   // Now load additional webix resources
   import(
      /* webpackChunkName: "webix.resources" */
      /* webpackPreload: true */
      "./js/webix/webixResources"
   );
});

// __AB_preload should be created by our /config/preload script that gets
// loaded on the initial page load.
Promise.all([window.__AB_preload, window.__AB_socketReady]).then(() => {
   delete window.__AB_preload_resolve;
   delete window.__AB_socketReady_resolve;
   Bootstrap.init(webixLoading).catch((err) => {
      // This is a known error that has already been handled.
      if (err.code == "ENODEFS") return;

      var errorMSG = err.toString();

      Bootstrap.alert({
         type: "alert-error",
         title: "Error initializing Portal:",
         text: errorMSG,
      });

      Bootstrap.error(err);
   });
});