import { run, parse, loadParser } from 'hs2js';

import { initStrudel, reify, late, samples, stack } from '@strudel/web';

initStrudel({

  prebake: () => samples('github:tidalcycles/dirt-samples'),

});

const ready = loadParser();

const textarea = document.getElementById('code');

if (window.location.hash) {

  textarea.value = atob(window.location.hash.slice(1));

} else {

  textarea.value = 'd1 $ s "jvbass(3,8)"';

}

textarea.addEventListener('input', (e) => {

  window.location.hash = btoa(e.target.value);

  update();

});

update();

function getInfixOperators() {

  let operators = {

    '>': 'set',

    '#': 'set',

    '+': 'add',

    '-': 'sub',

    '*': 'mul',

    '/': 'div',

  };

  let alignments = {

    in: (s) => '|' + s,

    out: (s) => s + '|',

    mix: (s) => '|' + s + '|',

  };

  let ops = {};

  Object.entries(operators).forEach(([o, name]) => {

    // operator without alignment

    ops[o] = (l, r) => reify(l)[name](reify(r));

    Object.entries(alignments).forEach(([a, getSymbol]) => {

      // get symbol with alignment

      let symbol = getSymbol(o);

      ops[symbol] = (l, r) => reify(l)[name][a](reify(r));

    });

  });

  ops['~>'] = (l, r) => reify(l).late(reify(r));

  ops['<~'] = (l, r) => reify(l).early(reify(r));

  ops['<$>'] = (l, r) => reify(r).fmap(l).outerJoin(); // is this right?

  return ops;

}

const ops = getInfixOperators();

async function update() {

  let result, tree;

  await ready;

  try {

    tree = parse(textarea.value);

  } catch (err) {

    console.warn('parse error');

    console.error(err);

  }

  console.log('parsed tree');

  console.log(tree.rootNode.toString());

  try {

    let patterns = {};

    window.p = (name, pattern) => {

      patterns[name] = pattern;

    };

    window.d1 = (pat) => window.p(1, pat);

    window.d2 = (pat) => window.p(2, pat);

    window.d3 = (pat) => window.p(3, pat);

    window.rot = late;

    result = run(tree.rootNode, window, ops);

    if (Object.values(patterns).length) {

      stack(...Object.values(patterns)).play();

    }

  } catch (err) {

    console.warn('eval error');

    console.error(err);

    result = 'ERROR: ' + err.message;

  }

  document.getElementById('result').innerHTML = 'Result: ' + result;

}