editor-textarea.js

'use strict'
define(function(require) {
  if ((new URLSearchParams(window.location.search)).get('textarea') === null) { return }

  let system = require('play/system')
  let players = require('player/players')
  let consoleOut = require('console')
  let {updateCode} = require('update-code')
  let fxMixChain = require('play/effects/fxMixChain')

  let codeTextArea = document.getElementById('code-textarea')
  codeTextArea.style.display = 'block'
  codeTextArea.value = localStorage.getItem('limut-code') || ''
  codeTextArea.addEventListener('change', () => localStorage.setItem('limut-code', codeTextArea.value))
  let ctrlCode = (event, keys) => {
    if (event.isComposing || event.keyCode === 229) { return false }
    return (event.ctrlKey && (keys.includes(event.keyCode) || keys.includes(event.key)))
  }
  document.addEventListener("keydown", event => {
    if (ctrlCode(event, ['.'])) { window.stop() }
  })
  codeTextArea.addEventListener("keydown", event => {
    if (ctrlCode(event, [10, 13])) { window.go() }
  })
  codeTextArea.addEventListener("keydown", event => {
    if (ctrlCode(event, ['/'])) { window.comment() }
  })
  window.stop = () => {
    system.resume()
    fxMixChain.disconnectAll()
    players.stopAll()
    consoleOut('\n> Stop all players')
  }
  window.go = () => {
    let selStart = codeTextArea.selectionStart
    let selEnd = codeTextArea.selectionEnd
    let selDir = codeTextArea.selectionDirection
    codeTextArea.focus()
    codeTextArea.setSelectionRange(0, 1e10)
    updateCode(codeTextArea.value)
    setTimeout(() => codeTextArea.setSelectionRange(selStart, selEnd, selDir), 100)
  }
  window.comment = () => {
    let selStart = codeTextArea.selectionStart
    let selEnd = codeTextArea.selectionEnd
    let selDir = codeTextArea.selectionDirection
    let code = codeTextArea.value
    let lineStart = codeTextArea.value.lastIndexOf('\n', selStart - 1) + 1
    if (code.slice(lineStart, lineStart+2) == '//') {
      codeTextArea.value = code.slice(0, lineStart) + code.slice(lineStart + 2)
      codeTextArea.focus()
      codeTextArea.setSelectionRange(selStart - 2, selEnd - 2, selDir)
    } else {
      codeTextArea.value = code.slice(0, lineStart) + "//" + code.slice(lineStart)
      codeTextArea.focus()
      codeTextArea.setSelectionRange(selStart + 2, selEnd + 2, selDir)
    }
  }

})