app.js

/* globals d3, less */
import './docs/exampleDatasets/debugScripts.js';
import MainView from './views/MainView.js';
import * as SUBVIEW_CLASSES from './views/SubViews/SubViews.js';

window.CLASS_COLORS = window.recolorImageFilterList = [
  'D95F02',
  '1B9E77',
  '7570B3',
  'E7298A',
  '66A61E',
  'E6AB02',
  'A6761D',
  'B3E2CD',
  'FDCDAC',
  'CBD5E8',
  'F4CAE4',
  'E6F5C9',
  'FFF2AE',
  'F1E2CC'
];
window.SUBVIEW_CLASSES = SUBVIEW_CLASSES;
window.DEFAULT_LAYOUT = {
  content: [
    {
      type: 'column',
      content: [{
        type: 'row',
        content: [{
          type: 'component',
          componentName: 'NetworkModelView',
          componentState: {},
          isClosable: false
        }]
      }, {
        type: 'row',
        content: [{
          type: 'stack',
          content: [{
            type: 'component',
            componentName: 'TableView',
            componentState: {
              // An empty TableView
              classId: null
            },
            isClosable: false
          }]
        }, {
          type: 'component',
          componentName: 'InstanceView',
          componentState: {},
          isClosable: false
        }]
      }]
    }
  ]
};

const windowLoadPromise = new Promise((resolve, reject) => {
  window.addEventListener('load', resolve);
});
Promise.all([windowLoadPromise, less.pageLoadFinished]).then(() => {
  window.mainView = new MainView(d3.select('body'));
  window.addEventListener('resize', () => { window.mainView.resize(); });
});