import Ember from 'ember';

const TILE_MAP = {
  '....': 'none',
  '᎘1᎘': 'baseTop1',
  '᎘2᎘': 'baseTop2',
  '᎘3᎘': 'baseTop3',
  '᎘4᎘': 'baseTop4',
  '᎘5᎘': 'baseTop5',
  '᎘6᎘': 'baseTop6',
  '᎘7᎘': 'baseTop7',
  '᎘8᎘': 'baseTop8',
  '᧦|1᎘': 'baseSide1',
  '᧦|2᎘': 'baseSide2',
  '᧦|3᎘': 'baseSide3',
  '▂1▂': 'baseUpper1',
  '▂2▂': 'baseUpper2',
  '▂3▂': 'baseUpper3',
  '▂4▂': 'baseUpper4',
  '▂5▂': 'baseUpper5',
  '▂1▶': 'rightUpper1',
  '▇1▶': 'rightInner1',
  '▇2▶': 'rightInner2',
  '᎘1|├': 'rightSide1',
  '᎘2|├': 'rightSide2',
  '᎘3|├': 'rightSide3',
  '▇1▇': 'baseInner1',
  '▇2▇': 'baseInner2',
  '▇3▇': 'baseInner3',
  '▇X▇': 'baseInnerRock1',
  '▇Y▇': 'baseInnerRock2',
};

export default Ember.Component.extend({
  tilesArray: Ember.computed('tiles', function() {
    const a = [];
    this.get('tiles').split(/(\s+)/).forEach(char => {
      if (TILE_MAP[char]) {
				a.pushObject(TILE_MAP[char]);
      }
    });
    return a;
  })
});