game.bootstrap = (() => {
  const image_extensions = ["png", "jpeg", "jpg"];
  const audio_extensions = ["mp3"];
  const scripts = [
    { 
      src: [
        'src/utils/objectEquivalence.js', 'src/utils/unitizeVector.js', 'src/utils/clamp.js', 'src/utils/loadLevel.js',
        'src/utils/randInRange.js'
      ],
      id: 'utils'
    },
    { src: ['src/render/graphics.js'], id: 'graphics' },
    { src: ['src/render/sprites.js'], id: 'sprites' },
    { src: ['src/components/component.js'], id: 'component' },
    { 
      src: [
        'src/components/position.js', 'src/components/momentum.js', 'src/components/gridPosition.js',
        'src/components/appearence.js', 'src/components/controllable.js', 'src/components/pushable.js',
        'src/components/loadPriority.js', 'src/components/stop.js', 'src/components/alive.js',
        'src/components/sprite.js', 'src/components/particles.js', 'src/components/noun.js',
        'src/components/name.js', 'src/components/verb.js', 'src/components/burn.js', 
        'src/components/burnable.js', 'src/components/sink.js', 'src/components/sinkable.js',
        'src/components/win.js',
      ],
      id: 'components'
    },
    { src: ['src/entities/entity.js'], id: 'entity' },
    { 
      src: [
        'src/entities/bigblue.js', 'src/entities/flag.js', 'src/entities/floor.js', 'src/entities/grass.js', 'src/entities/hedge.js',
        'src/entities/lava.js', 'src/entities/rock.js', 'src/entities/wall.js', 'src/entities/wordBigBlue.js', 
        'src/entities/wordFlag.js', 'src/entities/wordIs.js', 'src/entities/wordKill.js', 'src/entities/wordLava.js',
        'src/entities/wordPush.js', 'src/entities/wordRock.js', 'src/entities/wordSink.js', 'src/entities/wordStop.js', 
        'src/entities/wordWall.js', 'src/entities/wordWater.js', 'src/entities/wordWin.js', 'src/entities/wordYou.js',
        'src/entities/borderParticles.js', 'src/entities/water.js'
      ],
      id: 'entities'
    },
    { src: ['src/systems/system.js'], id: 'system' },
    { 
      src: [
        'src/systems/render.js', 'src/systems/grid.js', 'src/systems/physics.js', 'src/systems/keyboardInput.js', 
        'src/systems/collision.js', 'src/systems/undo.js', 'src/systems/particle.js', 'src/systems/menu.js', 'src/systems/logic.js',
      ],
      id: 'systems' },
    { src: ['src/game.js'], id: 'game' },
  ];
  const assets = {};
  [
    "bigblue", "flag", "floor", "grass", "hedge", "lava", "rock", 
    "wall", "wordBigBlue", "wordFlag", "wordIs", "wordKill", "wordLava", 
    "wordPush", "wordRock", "wordSink", "wordStop", "wordWall", "wordWater", 
    "wordWin", "wordYou", "water"
  ].map((x) => assets[x] = `assets/image/${x}.png`);
  [
    "music", "death", "move", "win"
  ].map((x) => assets[x] = `assets/sound/${x}.mp3`);

  const loadScripts = function(onDone) {
    if (scripts.length) {
      let script = scripts.shift();
      require(script.src, () => {
        loadScripts(onDone);
      });
    } else {
      onDone();
    }
  }

  const loadAsset = (source) => {
    let fileExtension = source.substr(source.lastIndexOf('.') + 1);
    return fetch(source)
    .then((r) => r.blob())
    .then((r) => {
      let asset;
      if (image_extensions.includes(fileExtension)) {
        asset = new Image();
      } else if (audio_extensions.includes(fileExtension)) {
        asset = new Audio();
      }
      asset.src = URL.createObjectURL(r);
      const ready = () => URL.revokeObjectURL(asset.src);
      if (asset instanceof Image) {
        asset.onload = ready;
      } else if (asset instanceof Audio) {
        asset.oncanplaythrough = ready;
      }
      return asset;
    })
  }

  const loadAssets = function() {
    game.assets = {};
    const promises = [];
    for (let key in assets) {
      promises.push(loadAsset(assets[key], (asset) => {
        game.assets[key] = asset;
      }, (error) => {
        console.log(error)
      }));
    }
    return Promise.all(Object.keys(assets).map((key) => {
      return loadAsset(assets[key]).then((asset) => game.assets[key] = asset);
    }));
  }

  const loadLevels = function() {
    game.levels = [];
    fetch('/levels')
      .then((r) => r.json())
      .then((r) => game.levels = r);
  }

  Promise.all([loadAssets(), loadLevels()]).then(() => {
    loadScripts(() => game.initialize());
  })
})();