Extracted UI logic into controller.coffee

Gruntfile.coffee

@@ -8,10 +8,11 @@ module.exports = (grunt) ->
         files:
           'barcode.js': 'barcode.coffee'
           'barcodeCanvas.js': 'barcodeCanvas.coffee'
+          'controller.js': 'controller.coffee'
 
     uglify:
       build:
-        src: ['barcodeCanvas.js', 'barcode.js']
+        src: ['barcodeCanvas.js', 'barcode.js', 'controller.js']
         dest: 'barcode-min.js'
   )
 

barcode.coffee

@@ -187,54 +187,4 @@ class Barcode
     group2 = (bits: @codes[digit][2], digit: digit for digit in @canonical[7..12])
     [bits: '101'].concat(group1).concat([bits: '01010']).concat(group2).concat([bits: '101'])
 
-
-timeout = null
-barcode = new Barcode('')
-
-barcode.onChange (value) -> $('#barcode').val(value)
-
-barcode.onChange (value) ->
- if !barcode.valid
-    $('#main').removeClass('barcode-shown')
-    $('#results').hide()
-    if barcode.empty
-      $('#error').hide()
-    else
-      $('#error').show()
-  else
-    $('#main').addClass('barcode-shown')
-    $('#error').hide()
-    canvas = document.getElementById('canvas')
-    barcodeToCanvas(barcode, canvas)
-    document.getElementById('image').src = canvas.toDataURL()
-    $('#results').show()
-    if barcode.validChecksum()
-      $('#checksum').text('valid').attr('class', 'valid')
-    else
-      $('#checksum').text('invalid').attr('class', 'invalid')
-    $('#canonical').text barcode.canonical
-    $('#country').text barcode.country()
-
-barcode.onChange (value) ->
-  clearTimeout timeout if timeout?
-  newValue = value
-  if barcode.valid || barcode.empty
-    timeout = setTimeout ->
-      window.location.hash = value 
-    , 300
-
-onBarcodeChange = ->
-  clearTimeout timeout if timeout?
-  barcode.set($('#barcode').val())
-
-onHashChange = (hash) ->
-  clearTimeout timeout if timeout?
-  value = if hash then hash.split('#')[1] else ''
-  barcode.set(value)
-
-$ ->
-  $('#barcode').bind event, onBarcodeChange for event in [
-    'keyup', 'keydown', 'paste', 'cut', 'change', 'search'
-  ]
-  window.onhashchange = -> onHashChange(window.location.hash)
-  onHashChange(window.location.hash)
+window.Barcode = Barcode

controller.coffee

@@ -0,0 +1,50 @@
+timeout = null
+barcode = new Barcode('')
+
+barcode.onChange (value) -> $('#barcode').val(value)
+
+barcode.onChange (value) ->
+ if !barcode.valid
+    $('#main').removeClass('barcode-shown')
+    $('#results').hide()
+    if barcode.empty
+      $('#error').hide()
+    else
+      $('#error').show()
+  else
+    $('#main').addClass('barcode-shown')
+    $('#error').hide()
+    canvas = document.getElementById('canvas')
+    barcodeToCanvas(barcode, canvas)
+    document.getElementById('image').src = canvas.toDataURL()
+    $('#results').show()
+    if barcode.validChecksum()
+      $('#checksum').text('valid').attr('class', 'valid')
+    else
+      $('#checksum').text('invalid').attr('class', 'invalid')
+    $('#canonical').text barcode.canonical
+    $('#country').text barcode.country()
+
+barcode.onChange (value) ->
+  clearTimeout timeout if timeout?
+  newValue = value
+  if barcode.valid || barcode.empty
+    timeout = setTimeout ->
+      window.location.hash = value
+    , 300
+
+onBarcodeChange = ->
+  clearTimeout timeout if timeout?
+  barcode.set($('#barcode').val())
+
+onHashChange = (hash) ->
+  clearTimeout timeout if timeout?
+  value = if hash then hash.split('#')[1] else ''
+  barcode.set(value)
+
+$ ->
+  $('#barcode').bind event, onBarcodeChange for event in [
+    'keyup', 'keydown', 'paste', 'cut', 'change', 'search'
+  ]
+  window.onhashchange = -> onHashChange(window.location.hash)
+  onHashChange(window.location.hash)