gibberwocky/js/annotations/update/createBorderCycle.js

music sequencing for Live and Max/MSP

const Utility = require( '../../utility.js' )
const $ = Utility.create

module.exports = function( classNamePrefix, patternObject ) {
  let modCount = 0,
      lastBorder = null,
      lastClassName = null

  const cycle = function( isArray = false ) {
    let className = '.' + classNamePrefix,
        border = 'top'

    // accommodate arrays
    if( patternObject.values.length > 1 || patternObject.type === 'Lookup' ) {
      className += '_' + patternObject.update.currentIndex
    }

    switch( modCount++ % 4 ) {
      case 1: border = 'right'; break;
      case 2: border = 'bottom'; break;
      case 3: border = 'left'; break;
    }

    // for a pattern holding arrays... like for chord()
    if( isArray === true ) {
      switch( border ) {
        case 'left':
          $( className ).remove( 'annotation-' + lastBorder + '-border-cycle' )
          $( className + '_start' ).add( 'annotation-left-border-cycle' )

          break;
        case 'right':
          $( className ).remove( 'annotation-' + lastBorder + '-border-cycle' ) 
          $( className + '_end' ).add( 'annotation-right-border-cycle' )

          break;
        case 'top':
          $( className ).add( 'annotation-top-border-cycle' )
          $( className+'_start' ).remove( 'annotation-left-border-cycle' )
          $( className+'_start' ).add( 'annotation-top-border-cycle' )
          $( className+'_end' ).add( 'annotation-top-border-cycle' )

          break;
        case 'bottom':
          $( className ).add( 'annotation-bottom-border-cycle' )
          $( className+'_end' ).remove( 'annotation-right-border-cycle' )
          $( className+'_end' ).add( 'annotation-bottom-border-cycle' )
          $( className+'_start' ).add( 'annotation-bottom-border-cycle' )

          break;
        default:
          $( className ).add( 'annotation-' + border + '-border-cycle' )
          $( className+'_start' ).remove( 'annotation-' + border + '-border-cycle' )
          $( className+'_end' ).remove( 'annotation-' + border + '-border-cycle' )
          break;
      }

    }else{
      $( className ).remove( 'annotation-' + border + '-border' )
      $( className ).add( 'annotation-' + border + '-border-cycle' )

      if( lastBorder !== null ) {
        $( className ).remove( 'annotation-' + lastBorder + '-border-cycle' )
        $( className ).add( 'annotation-' + lastBorder + '-border' )
      }
    }

    lastBorder = border
    lastClassName = className
  }

  cycle.clear = function() {
    modCount = 1

    if( lastClassName !== null ) {
      $( lastClassName ).remove( 'annotation-left-border' )
      $( lastClassName ).remove( 'annotation-left-border-cycle' )
      $( lastClassName ).remove( 'annotation-right-border' )
      $( lastClassName ).remove( 'annotation-right-border-cycle' )
      $( lastClassName ).remove( 'annotation-top-border' )
      $( lastClassName ).remove( 'annotation-top-border-cycle' )
      $( lastClassName ).remove( 'annotation-bottom-border' )
      $( lastClassName ).remove( 'annotation-bottom-border-cycle' )
    }

    lastBorder = null
  }

  return cycle
}