deckar01-task_list 1.0.6 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fdfcf76a91d8eaab8ec42ad11c61cadf5563cd6b
-  data.tar.gz: 71f6596cbe4bd8edfd4362c693ae8f54f257c647
+  metadata.gz: 16168d2e2bc478569084255a87377e170b782edf
+  data.tar.gz: 8ecf182028bd41b966ae878d4d0b0e8332706084
 SHA512:
-  metadata.gz: cf328e7bc0d70b33a7124b15f4c0847b93a2eab368ff673872668b768276aa5b32cc65ff226d439fcbdbeeeb518f708a874447b740d88b709e1145262f458f40
-  data.tar.gz: 41fb013dcdfc812ef969a358ed9e6918595c68c99243f4eabc89d90dc5c0282b5d666c712f4121ed00fd57b03cfc9058758124fa5abe5a0de4b53f7cdfcf7a82
+  metadata.gz: 2f6afc42d012bfbf6971d2c15c736581bdbb26a748c3f02ca07300a631b4ba0a7c83b8f17887a1d0a1dede20981ea1a7fba19bb1083dda41fb2a694c6d8198d9
+  data.tar.gz: 12882ad6c387d696def4c2e5e79c933ae60320d438f7af6f093bd6ffe5f43f56e6c265743d20e7a0d4fa064bfe4e59be597dbd492f1515b65b56e5c9daa9a548

data/.travis.yml

@@ -1,11 +1,15 @@
 language: ruby
 sudo: false
-install: ./script/bootstrap
+install:
+  - rm -rf ~/.nvm && git clone https://github.com/creationix/nvm.git ~/.nvm && (cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`) && source ~/.nvm/nvm.sh && nvm install $TRAVIS_NODE_VERSION
+  - ./script/bootstrap
 script: ./script/cibuild
 rvm:
   - 1.9.3
   - 2.0
   - 2.1
   - 2.2
+env:
+  - TRAVIS_NODE_VERSION="7"
 notifications:
   email: false

data/README.md

@@ -4,9 +4,19 @@
 
 [travis]: https://travis-ci.org/deckar01/task_list
 
-This package provides various components necessary for integrating
-[Task Lists](https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments)
-into your Markdown user content.
+This is a community fork of GitHub's archived [`task_list`][task_list] gem.
+
+[task_list]: https://github.com/github-archive/task_list
+
+```md
+- [x] Get
+- [x] More
+- [ ] Done
+```
+
+> - [x] Get
+> - [x] More
+> - [ ] Done
 
 ## Components
 
@@ -64,6 +74,10 @@ Rendered HTML (the `<ul>` element below) should be contained in a `js-task-list-
 Enable Task List updates with:
 
 ``` javascript
+// Vanilla JS API
+var container = document.querySelector('.js-task-list-container')
+new TaskList(container)
+// or jQuery API
 $('.js-task-list-container').taskList('enable')
 ```
 
@@ -87,12 +101,16 @@ And then execute:
 
     $ bundle
 
+### Frontend: NPM / Yarn
+
+For the frontend components, add `deckar01-task_list` to your npm dependencies config.
+
+This is the preferred method for including the frontend assets in your application.
+
 ### Frontend: Bower
 
 For the frontend components, add `deckar01-task_list` to your Bower dependencies config.
 
-This is the preferred method for including the frontend assets in your application. Alternatively, for Rails methods using `Sprockets`, see below.
-
 ### Frontend: Rails 3+ Railtie method
 
 ``` ruby
@@ -120,7 +138,31 @@ to manage building your asset bundles.
 
 ### Dependencies
 
-At a high level, the Ruby components integrate with the [`html-pipeline`](https://github.com/jch/html-pipeline) library, and the frontend components depend on the jQuery library. The frontend components are written in CoffeeScript and need to be preprocessed for production use.
+ - Ruby >= 2.1.0
+
+At a high level, the Ruby components integrate with the [`html-pipeline`](https://github.com/jch/html-pipeline) library. The frontend components are vanilla JavaScript and include a thin jQuery wrapper that supports the original plugin interface. The frontend components are written in CoffeeScript and need to be preprocessed for production use.
+
+[A polyfill for custom events](https://github.com/krambuhl/custom-event-polyfill) must be included to support IE10 and below.
+
+### Upgrading
+
+#### 1.x to 2.x
+
+The event interface no longer passes data directly to the callbacks arguments
+list. Instead the CustomEvent API is used, which adds data to the
+`event.detail` object.
+
+```js
+// 1.x interface
+el.on('tasklist:changed', function(event, index, checked) {
+  console.log(index, checked)
+})
+
+// 2.x interface
+el.on('tasklist:changed', function(event) {
+  console.log(event.detail.index, event.detail.checked)
+})
+```
 
 ## Testing and Development
 

data/app/assets/javascripts/task_list.coffee

@@ -1,11 +1,6 @@
 # TaskList Behavior
 #
-#= provides tasklist:enabled
-#= provides tasklist:disabled
-#= provides tasklist:change
-#= provides tasklist:changed
-#
-#= require jquery
+#= provides TaskList
 #
 # Enables Task List update behavior.
 #
@@ -39,8 +34,6 @@
 # TaskList updates trigger `tasklist:change` events. If the change is
 # successful, `tasklist:changed` is fired. The change can be canceled.
 #
-# jQuery is required.
-#
 # ### Methods
 #
 # `.taskList('enable')` or `.taskList()`
@@ -94,145 +87,176 @@
 # Task list checkboxes are rendered as disabled by default because rendered
 # user content is cached without regard for the viewer.
 
-incomplete = "[ ]"
-complete   = "[x]"
-
-# Escapes the String for regular expression matching.
-escapePattern = (str) ->
-  str.
-    replace(/([\[\]])/g, "\\$1"). # escape square brackets
-    replace(/\s/, "\\s").         # match all white space
-    replace("x", "[xX]")          # match all cases
-
-incompletePattern = ///
-  #{escapePattern(incomplete)}
-///
-completePattern = ///
-  #{escapePattern(complete)}
-///
-
-# Pattern used to identify all task list items.
-# Useful when you need iterate over all items.
-itemPattern = ///
-  ^
-  (?:                     # prefix, consisting of
-    \s*                   # optional leading whitespace
-    (?:>\s*)*             # zero or more blockquotes
-    (?:[-+*]|(?:\d+\.))   # list item indicator
-  )
-  \s*                     # optional whitespace prefix
-  (                       # checkbox
-    #{escapePattern(complete)}|
-    #{escapePattern(incomplete)}
-  )
-  \s+                     # is followed by whitespace
-  (?!
-    \(.*?\)               # is not part of a [foo](url) link
-  )
-  (?=                     # and is followed by zero or more links
-    (?:\[.*?\]\s*(?:\[.*?\]|\(.*?\))\s*)*
-    (?:[^\[]|$)           # and either a non-link or the end of the string
-  )
-///
-
-# Used to skip checkbox markup inside of code fences.
-# http://rubular.com/r/TfCDNsy8x4
-startFencesPattern = /^`{3}.*$/
-endFencesPattern = /^`{3}$/
-
-# Used to filter out potential mismatches (items not in lists).
-# http://rubular.com/r/OInl6CiePy
-itemsInParasPattern = ///
-  ^
-  (
-    #{escapePattern(complete)}|
-    #{escapePattern(incomplete)}
-  )
-  .+
-  $
-///g
-
-# Given the source text, updates the appropriate task list item to match the
-# given checked value.
-#
-# Returns the updated String text.
-updateTaskListItem = (source, itemIndex, checked) ->
-  clean = source.replace(/\r/g, '').replace(itemsInParasPattern, '').split("\n")
-  index = 0
-  inCodeBlock = false
-  result = for line in source.split("\n")
-    if inCodeBlock
-      # Lines inside of a code block are ignored.
-      if line.match(endFencesPattern)
-        # Stop ignoring lines once the code block is closed.
-        inCodeBlock = false
-    else if line.match(startFencesPattern)
-      # Start ignoring lines inside a code block.
-      inCodeBlock = true
-    else if line in clean && line.match(itemPattern)
-      index += 1
-      if index == itemIndex
-        line =
-          if checked
-            line.replace(incompletePattern, complete)
-          else
-            line.replace(completePattern, incomplete)
-    line
-  result.join("\n")
-
-# Updates the $field value to reflect the state of $item.
-# Triggers the `tasklist:change` event before the value has changed, and fires
-# a `tasklist:changed` event once the value has changed.
-updateTaskList = ($item) ->
-  $container = $item.closest '.js-task-list-container'
-  $field     = $container.find '.js-task-list-field'
-  index      = 1 + $container.find('.task-list-item-checkbox').index($item)
-  checked    = $item.prop 'checked'
-
-  event = $.Event 'tasklist:change'
-  $field.trigger event, [index, checked]
-
-  unless event.isDefaultPrevented()
-    $field.val updateTaskListItem($field.val(), index, checked)
-    $field.trigger 'change'
-    $field.trigger 'tasklist:changed', [index, checked]
-
-# When the task list item checkbox is updated, submit the change
-$(document).on 'change', '.task-list-item-checkbox', ->
-  updateTaskList $(this)
-
-# Enables TaskList item changes.
-enableTaskList = ($container) ->
-  if $container.find('.js-task-list-field').length > 0
-    $container.
-      find('.task-list-item').addClass('enabled').
-      find('.task-list-item-checkbox').attr('disabled', null)
-    $container.addClass('is-task-list-enabled').
-      trigger 'tasklist:enabled'
-
-# Enables a collection of TaskList containers.
-enableTaskLists = ($containers) ->
-  for container in $containers
-    enableTaskList $(container)
-
-# Disable TaskList item changes.
-disableTaskList = ($container) ->
-  $container.
-    find('.task-list-item').removeClass('enabled').
-    find('.task-list-item-checkbox').attr('disabled', 'disabled')
-  $container.removeClass('is-task-list-enabled').
-    trigger 'tasklist:disabled'
-
-# Disables a collection of TaskList containers.
-disableTaskLists = ($containers) ->
-  for container in $containers
-    disableTaskList $(container)
-
-$.fn.taskList = (method) ->
-  $container = $(this).closest('.js-task-list-container')
-
-  methods =
-    enable: enableTaskLists
-    disable: disableTaskLists
-
-  methods[method || 'enable']($container)
+NodeArray = (nodeList) -> Array.prototype.slice.apply(nodeList)
+
+closest = (el, className) ->
+  while el && !el.classList.contains className
+    el = el.parentNode
+  el
+
+createEvent = (eventName, detail) ->
+  if typeof Event == 'function'
+    event = new Event eventName, {bubbles: true, cancelable: true}
+    event.detail = detail
+  else
+    event = document.createEvent 'CustomEvent'
+    event.initCustomEvent eventName, true, true, detail
+  event
+
+class TaskList
+  constructor: (@el) ->
+    @container = closest @el, 'js-task-list-container'
+    @field = @container.querySelector '.js-task-list-field'
+    # When the task list item checkbox is updated, submit the change
+    @container.addEventListener 'change', (event) =>
+      if event.target.classList.contains 'task-list-item-checkbox'
+        @updateTaskList(event.target)
+    @.enable()
+
+  enable: ->
+    if @container.querySelectorAll('.js-task-list-field').length > 0
+      NodeArray(@container.querySelectorAll('.task-list-item')).
+      forEach (item) ->
+        item.classList.add('enabled')
+      NodeArray(@container.querySelectorAll('.task-list-item-checkbox')).
+      forEach (checkbox) ->
+        checkbox.disabled = false
+      @container.classList.add 'is-task-list-enabled'
+      event = createEvent 'tasklist:enabled'
+      @container.dispatchEvent event
+
+  disable: ->
+    NodeArray(@container.querySelectorAll('.task-list-item')).
+    forEach (item) ->
+      item.classList.remove('enabled')
+    NodeArray(@container.querySelectorAll('.task-list-item-checkbox')).
+    forEach (checkbox) ->
+      checkbox.disabled = true
+    @container.classList.remove('is-task-list-enabled')
+    event = createEvent 'tasklist:disabled'
+    @container.dispatchEvent event
+
+  # Updates the field value to reflect the state of item.
+  # Triggers the `tasklist:change` event before the value has changed, and fires
+  # a `tasklist:changed` event once the value has changed.
+  updateTaskList: (item) ->
+    checkboxes = @container.querySelectorAll('.task-list-item-checkbox')
+    index = 1 + NodeArray(checkboxes).indexOf item
+
+    changeEvent = createEvent 'tasklist:change',
+      index: index
+      checked: item.checked
+    @field.dispatchEvent changeEvent
+
+    unless changeEvent.defaultPrevented
+      @field.value = TaskList.updateSource(@field.value, index, item.checked)
+      changeEvent = createEvent 'change'
+      @field.dispatchEvent changeEvent
+      changedEvent = createEvent 'tasklist:changed',
+        index: index
+        checked: item.checked
+      @field.dispatchEvent changedEvent
+
+  # Static interface
+
+  @incomplete: "[ ]"
+  @complete: "[x]"
+
+  # Escapes the String for regular expression matching.
+  @escapePattern: (str) ->
+    str.
+      replace(/([\[\]])/g, "\\$1"). # escape square brackets
+      replace(/\s/, "\\s").         # match all white space
+      replace("x", "[xX]")          # match all cases
+
+  @incompletePattern: ///
+    #{@escapePattern(@incomplete)}
+  ///
+  @completePattern: ///
+    #{@escapePattern(@complete)}
+  ///
+
+  # Pattern used to identify all task list items.
+  # Useful when you need iterate over all items.
+  @itemPattern: ///
+    ^
+    (?:                     # prefix, consisting of
+      \s*                   # optional leading whitespace
+      (?:>\s*)*             # zero or more blockquotes
+      (?:[-+*]|(?:\d+\.))   # list item indicator
+    )
+    \s*                     # optional whitespace prefix
+    (                       # checkbox
+      #{@escapePattern(@complete)}|
+      #{@escapePattern(@incomplete)}
+    )
+    \s+                     # is followed by whitespace
+    (?!
+      \(.*?\)               # is not part of a [foo](url) link
+    )
+    (?=                     # and is followed by zero or more links
+      (?:\[.*?\]\s*(?:\[.*?\]|\(.*?\))\s*)*
+      (?:[^\[]|$)           # and either a non-link or the end of the string
+    )
+  ///
+
+  # Used to skip checkbox markup inside of code fences.
+  # http://rubular.com/r/TfCDNsy8x4
+  @startFencesPattern: /^`{3}.*$/
+  @endFencesPattern: /^`{3}$/
+
+  # Used to filter out potential mismatches (items not in lists).
+  # http://rubular.com/r/OInl6CiePy
+  @itemsInParasPattern: ///
+    ^
+    (
+      #{@escapePattern(@complete)}|
+      #{@escapePattern(@incomplete)}
+    )
+    .+
+    $
+  ///g
+
+  # Given the source text, updates the appropriate task list item to match the
+  # given checked value.
+  #
+  # Returns the updated String text.
+  @updateSource: (source, itemIndex, checked) ->
+    clean = source.replace(/\r/g, '').
+      replace(@itemsInParasPattern, '').
+      split("\n")
+    index = 0
+    inCodeBlock = false
+    result = for line in source.split("\n")
+      if inCodeBlock
+        # Lines inside of a code block are ignored.
+        if line.match(@endFencesPattern)
+          # Stop ignoring lines once the code block is closed.
+          inCodeBlock = false
+      else if line.match(@startFencesPattern)
+        # Start ignoring lines inside a code block.
+        inCodeBlock = true
+      else if line in clean && line.match(@itemPattern)
+        index += 1
+        if index == itemIndex
+          line =
+            if checked
+              line.replace(@incompletePattern, @complete)
+            else
+              line.replace(@completePattern, @incomplete)
+      line
+    result.join("\n")
+
+if typeof jQuery != 'undefined'
+  jQuery.fn.taskList = (method) ->
+    this.each (index, el) ->
+      taskList = jQuery(el).data('task-list')
+      if !taskList
+        taskList = new TaskList el
+        jQuery(el).data 'task-list', taskList
+        if !method || method == 'enable'
+          return
+
+      taskList[method || 'enable']()
+
+module.exports = TaskList

data/bower.json

@@ -1,13 +1,12 @@
 {
   "name": "deckar01-task_list",
-  "version": "1.0.6",
+  "version": "2.0.0",
   "description": "Markdown TaskList components",
   "homepage": "https://github.com/deckar01/task_list",
-  "dependencies": {
-    "jquery": ">= 1.9.1"
-  },
   "devDependencies": {
-    "qunit": "^1.0.0"
+    "jquery": ">= 1.9.1",
+    "qunit": "^1.0.0",
+    "rails-behaviors": "^0.8.4"
   },
   "main": [
     "app/assets/javascripts/task_list.coffee",

data/dist/.gitignore

@@ -0,0 +1,2 @@
+*.css
+*.js

data/lib/task_list/version.rb

@@ -1,3 +1,3 @@
 class TaskList
-  VERSION = [1, 0, 6].join('.')
+  VERSION = [2, 0, 0].join('.')
 end

data/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "deckar01-task_list",
+  "version": "2.0.0",
+  "description": "Markdown TaskList components",
+  "main": "dist/task_list.js",
+  "directories": {
+    "test": "test"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "test": "script/cibuild",
+    "qunit": "phantomjs test/run-qunit.coffee http://localhost:4018/test/index.html",
+    "lint": "coffeelint app/assets/javascripts/task_list.coffee",
+    "build:css": "node-sass -o dist/ app/assets/stylesheets/task_list.scss",
+    "build:js": "webpack",
+    "build": "npm run build:css && npm run build:js",
+    "prepublish": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/deckar01/task_list.git"
+  },
+  "keywords": [
+    "task",
+    "list",
+    "markdown",
+    "ruby",
+    "check"
+  ],
+  "author": "Jared Deckard <jared.deckard@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/deckar01/task_list/issues"
+  },
+  "homepage": "https://github.com/deckar01/task_list#readme",
+  "devDependencies": {
+    "bower": "^1.8.0",
+    "coffee-loader": "^0.7.3",
+    "coffee-script": "^1.12.5",
+    "coffeelint": "^1.16.0",
+    "node-sass": "^4.5.2",
+    "phantomjs": "^1.9.19",
+    "webpack": "^2.5.1"
+  }
+}

data/script/bootstrap

@@ -5,9 +5,5 @@ if ! bundle check 1>/dev/null 2>&1; then
   bundle install --no-color --binstubs --path vendor/gems
 fi
 
-if ! npm list bower 2>&1 | grep 0.8.5 >/dev/null; then
-  # npm install bower
-  npm install git://github.com/twitter/bower.git
-fi
-
+npm install
 bower install --no-color

data/script/cibuild

@@ -2,5 +2,6 @@
 # Usage: script/cibuild
 # CI build script.
 
+npm run lint
 ./script/testsuite 4018
 bundle exec rake test

data/script/testsuite

@@ -3,15 +3,13 @@
 root = File.expand_path("../..", __FILE__)
 Dir.chdir root
 
-port = ARGV[0] || 4000
-
 pid = fork do
   $stderr.reopen "/dev/null" # silence WEBrick output
-  exec 'bundle', 'exec', 'rackup', '-p', port.to_s
+  exec 'bundle', 'exec', 'rackup', '-p', '4018'
 end
 sleep 1
 
-status = system('phantomjs', "#{root}/test/run-qunit.coffee", "http://localhost:#{port}/test/index.html")
+status = system('npm', 'run', 'qunit')
 
 Process.kill 'SIGINT', pid
 Process.wait pid

data/task_list.gemspec

@@ -16,15 +16,18 @@ Gem::Specification.new do |gem|
   gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
   gem.require_paths = ["lib"]
 
-  gem.add_dependency "rack", "~> 1.0"
-  gem.add_dependency "activesupport", "~> 4.0"
+  gem.required_ruby_version = ">= 2.1.0"
+
+  gem.add_dependency "activesupport", "~> 4.0" if RUBY_VERSION < '2.2.2'
+  gem.add_dependency "nokogiri", "~> 1.6.0" if RUBY_VERSION < '2.1.0'
   gem.add_dependency "html-pipeline"
 
   gem.add_development_dependency "github-markdown"
   gem.add_development_dependency "rake"
   gem.add_development_dependency "coffee-script"
   gem.add_development_dependency "json"
-  gem.add_development_dependency "rack"
+  gem.add_development_dependency "rack", "~> 1.0" if RUBY_VERSION < '2.2.2'
+  gem.add_development_dependency "rack" if RUBY_VERSION >= '2.2.2'
   gem.add_development_dependency "sprockets"
   gem.add_development_dependency "minitest", "~> 5.3.2"
 end

data/test/functional/test_task_lists_behavior.html

@@ -30,6 +30,9 @@
       logEvent(event)
       $(this).taskList()
     })
+    $(function() {
+      $('.js-task-list-container').taskList()
+    })
   </script>
 
   <style>

data/test/unit/test_events.coffee

@@ -1,3 +1,4 @@
+#= require jquery
 #= require task_list
 
 module "TaskList events",

data/test/unit/test_updates.coffee

@@ -1,3 +1,4 @@
+#= require jquery
 #= require task_list
 
 module "TaskList updates",
@@ -255,9 +256,9 @@ module "TaskList updates",
 asyncTest "updates the source, marking the incomplete item as complete", ->
   expect 3
 
-  @field.on 'tasklist:changed', (event, index, checked) =>
-    ok checked
-    equal index, @incompleteItem.expectedIndex
+  @field.on 'tasklist:changed', (event) =>
+    ok event.detail.checked
+    equal event.detail.index, @incompleteItem.expectedIndex
     equal @field.val(), @changes.toIncomplete
 
   setTimeout ->
@@ -269,9 +270,9 @@ asyncTest "updates the source, marking the incomplete item as complete", ->
 asyncTest "updates the source, marking the complete item as incomplete", ->
   expect 3
 
-  @field.on 'tasklist:changed', (event, index, checked) =>
-    ok !checked
-    equal index, @completeItem.expectedIndex
+  @field.on 'tasklist:changed', (event) =>
+    ok !event.detail.checked
+    equal event.detail.index, @completeItem.expectedIndex
     equal @field.val(), @changes.toComplete
 
   setTimeout ->
@@ -284,9 +285,9 @@ asyncTest "updates the source, marking the complete item as incomplete", ->
 asyncTest "updates the source for items with non-breaking spaces", ->
   expect 3
 
-  @field.on 'tasklist:changed', (event, index, checked) =>
-    ok checked
-    equal index, @incompleteNBSPItem.expectedIndex
+  @field.on 'tasklist:changed', (event) =>
+    ok event.detail.checked
+    equal event.detail.index, @incompleteNBSPItem.expectedIndex
     equal @field.val(), @changes.toIncompleteNBSP
 
   setTimeout ->
@@ -298,9 +299,9 @@ asyncTest "updates the source for items with non-breaking spaces", ->
 asyncTest "updates the source of a quoted item, marking the incomplete item as complete", ->
   expect 3
 
-  @field.on 'tasklist:changed', (event, index, checked) =>
-    ok checked
-    equal index, @quotedIncompleteItem.expectedIndex
+  @field.on 'tasklist:changed', (event) =>
+    ok event.detail.checked
+    equal event.detail.index, @quotedIncompleteItem.expectedIndex
     equal @field.val(), @changes.toQuotedIncomplete
 
   setTimeout ->
@@ -312,9 +313,9 @@ asyncTest "updates the source of a quoted item, marking the incomplete item as c
 asyncTest "updates the source of a quoted item, marking the complete item as incomplete", ->
   expect 3
 
-  @field.on 'tasklist:changed', (event, index, checked) =>
-    ok !checked
-    equal index, @quotedCompleteItem.expectedIndex
+  @field.on 'tasklist:changed', (event) =>
+    ok !event.detail.checked
+    equal event.detail.index, @quotedCompleteItem.expectedIndex
     equal @field.val(), @changes.toQuotedComplete
 
   setTimeout ->
@@ -326,9 +327,9 @@ asyncTest "updates the source of a quoted item, marking the complete item as inc
 asyncTest "updates the source of a quoted quoted item, marking the incomplete item as complete", ->
   expect 3
 
-  @field.on 'tasklist:changed', (event, index, checked) =>
-    ok checked
-    equal index, @innerIncompleteItem.expectedIndex
+  @field.on 'tasklist:changed', (event) =>
+    ok event.detail.checked
+    equal event.detail.index, @innerIncompleteItem.expectedIndex
     equal @field.val(), @changes.toInnerIncomplete
 
   setTimeout ->
@@ -340,9 +341,9 @@ asyncTest "updates the source of a quoted quoted item, marking the incomplete it
 asyncTest "updates the source of a quoted quoted item, marking the complete item as incomplete", ->
   expect 3
 
-  @field.on 'tasklist:changed', (event, index, checked) =>
-    ok !checked
-    equal index, @innerCompleteItem.expectedIndex
+  @field.on 'tasklist:changed', (event) =>
+    ok !event.detail.checked
+    equal event.detail.index, @innerCompleteItem.expectedIndex
     equal @field.val(), @changes.toInnerComplete
 
   setTimeout ->
@@ -354,9 +355,9 @@ asyncTest "updates the source of a quoted quoted item, marking the complete item
 asyncTest "updates the source of an ordered list item, marking the incomplete item as complete", ->
   expect 3
 
-  @field.on 'tasklist:changed', (event, index, checked) =>
-    ok checked
-    equal index, @orderedIncompleteItem.expectedIndex
+  @field.on 'tasklist:changed', (event) =>
+    ok event.detail.checked
+    equal event.detail.index, @orderedIncompleteItem.expectedIndex
     equal @field.val(), @changes.toOrderedIncomplete
 
   setTimeout ->
@@ -368,9 +369,9 @@ asyncTest "updates the source of an ordered list item, marking the incomplete it
 asyncTest "updates the source of an ordered list item, marking the complete item as incomplete", ->
   expect 3
 
-  @field.on 'tasklist:changed', (event, index, checked) =>
-    ok !checked
-    equal index, @orderedCompleteItem.expectedIndex
+  @field.on 'tasklist:changed', (event) =>
+    ok !event.detail.checked
+    equal event.detail.index, @orderedCompleteItem.expectedIndex
     equal @field.val(), @changes.toOrderedComplete
 
   setTimeout ->
@@ -430,9 +431,9 @@ asyncTest "update ignores items that look like Task List items but lack list pre
   $('#qunit-fixture').append(container)
   container.taskList()
 
-  field.on 'tasklist:changed', (event, index, checked) =>
-    ok checked
-    equal index, item2.expectedIndex
+  field.on 'tasklist:changed', (event) =>
+    ok event.detail.checked
+    equal event.detail.index, item2.expectedIndex
     equal field.val(), changes
 
   setTimeout ->
@@ -496,9 +497,9 @@ asyncTest "update ignores items that look like Task List items but are links", -
   $('#qunit-fixture').append(container)
   container.taskList()
 
-  field.on 'tasklist:changed', (event, index, checked) =>
-    ok checked
-    equal index, item2.expectedIndex
+  field.on 'tasklist:changed', (event) =>
+    ok event.detail.checked
+    equal event.detail.index, item2.expectedIndex
     equal field.val(), changes
 
   setTimeout ->
@@ -554,9 +555,9 @@ asyncTest "updates items followed by links", ->
   $('#qunit-fixture').append(container)
   container.taskList()
 
-  field.on 'tasklist:changed', (event, index, checked) =>
-    ok checked
-    equal index, item2.expectedIndex
+  field.on 'tasklist:changed', (event) =>
+    ok event.detail.checked
+    equal event.detail.index, item2.expectedIndex
     equal field.val(), changes
 
   setTimeout ->
@@ -621,9 +622,9 @@ asyncTest "doesn't update items inside code blocks", ->
   $('#qunit-fixture').append(container)
   container.taskList()
 
-  field.on 'tasklist:changed', (event, index, checked) =>
-    ok checked
-    equal index, item2.expectedIndex
+  field.on 'tasklist:changed', (event) =>
+    ok event.detail.checked
+    equal event.detail.index, item2.expectedIndex
     equal field.val(), changes
 
   setTimeout ->

data/webpack.config.js

@@ -0,0 +1,19 @@
+module.exports = {
+  entry: './app/assets/javascripts/task_list.coffee',
+  output: {
+    filename: 'dist/task_list.js',
+    libraryTarget: 'umd',
+    library: 'TaskList',
+  },
+  module: {
+    loaders: [
+      {
+        test: /\.coffee$/,
+        loader: 'coffee-loader'
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['.coffee', '.js']
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: deckar01-task_list
 version: !ruby/object:Gem::Version
-  version: 1.0.6
+  version: 2.0.0
 platform: ruby
 authors:
 - Jared Deckard
@@ -9,36 +9,8 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-10-12 00:00:00.000000000 Z
+date: 2017-05-19 00:00:00.000000000 Z
 dependencies:
-- !ruby/object:Gem::Dependency
-  name: rack
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.0'
-- !ruby/object:Gem::Dependency
-  name: activesupport
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '4.0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '4.0'
 - !ruby/object:Gem::Dependency
   name: html-pipeline
   requirement: !ruby/object:Gem::Requirement
@@ -168,11 +140,14 @@ files:
 - app/assets/stylesheets/task_list.scss
 - bower.json
 - config.ru
+- dist/.gitignore
+- dist/.npmignore
 - lib/task_list.rb
 - lib/task_list/filter.rb
 - lib/task_list/railtie.rb
 - lib/task_list/summary.rb
 - lib/task_list/version.rb
+- package.json
 - script/bootstrap
 - script/cibuild
 - script/testsuite
@@ -189,6 +164,7 @@ files:
 - test/unit/test_updates.coffee
 - test/units.coffee
 - test/units.css
+- webpack.config.js
 homepage: 
 licenses: []
 metadata: {}
@@ -200,7 +176,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 2.1.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
@@ -208,7 +184,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.6
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: Markdown TaskList components