Fix functionality in Safari and Firefox

In browsers which do not support the native asynchronous Clipboard API,
the plugin now falls back to an interaction strategy which utilizes
`document.execCommand`.

Browsers supporting the Clipboard API continue to function as expected,
sans permissions checking. This may change in the future.

* Rewrite in TypeScript
* Transpile JS with Babel
* Bundle with Webpack
* Add unit tests
* Remove paste functionality

[#1]

README.md

@@ -1,16 +1,15 @@
 # clipboard_presenter_plugin
 
-A plugin for [voom/presenters](https://github.com/rx/presenters) which
-provides clipboard interaction via the
-[clipboard API](https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API).
+The clipboard_presenter_plugin is a plugin for
+[rx/presenters](https://github.com/rx/presenters) which provides clipboard
+interaction.
 
 ## Actions
 
 The clipboard_presenter_plugin provides the following actions:
 
 * Copy from an element: `clipboard copy: :some_field`
-* Cut from a mutable element: `clipboard cut: :another_field`
-* Paste into a mutable element: `clipboard paste: :receiving_field`
+* Cut from an element: `clipboard cut: :some_field`
 
 ## Usage
 
@@ -55,4 +54,27 @@ end
 
 ## Browser support
 
-Currently, the clipboard Presenters plugin only supports Chrome. :(
+The following browsers are considered officially supported:
+
+* Chrome 42+
+* Edge 12+
+* Firefox 41+
+* Safari 10+
+
+## Building
+
+0. `nvm use && npm i`
+1. `npm run type-check`
+2. Compile TS to JS: `npm run build` (output: `views/clipboard/build`)
+3. Transpile and bundle via Babel and Webpack: `npm run bundle:dev` (output:
+   `dist/bundle.js`)
+
+Or, `npm run watch` to watch `views/clipboard/src` for changes and run steps 1-3 above.
+
+## Contributing
+
+1. Fork it
+2. Branch it
+4. Fix it
+4. PR it
+5. Done!

clipboard_presenter_plugin.gemspec

@@ -18,6 +18,6 @@ Gem::Specification.new do |spec|
   end
   spec.require_paths = ["lib"]
 
-  spec.add_development_dependency "bundler", "~> 1.16"
+  spec.add_development_dependency "bundler", "~> 1.17.3"
   spec.add_development_dependency "rake", "~> 10.0"
 end

demo/clipboard.pom

@@ -8,38 +8,14 @@ Voom::Presenters.define(:clipboard, namespace: :plugins) do
     indented_grid do
       headline 'Copy'
       text_field id: :copy_me do
-        value 'Copy that.'
+        value "Don't copy that floppy!"
       end
       button :copy, type: :raised do
         event :click do
           clipboard copy: :copy_me
         end
       end
     end
-
-    indented_grid do
-      headline 'Cut'
-      text_field id: :cut_me do
-        value 'Prepare to get cut!'
-      end
-      button :cut, type: :raised do
-        event :click do
-          clipboard cut: :cut_me
-        end
-      end
-    end
-
-    indented_grid do
-      headline 'Paste'
-      text_field id: :paste_me do
-        value 'Do not eat paste.'
-      end
-      button :paste, type: :raised do
-        event :click do
-          clipboard paste: :paste_me
-        end
-      end
-    end
   end
 
   attach :code, file: __FILE__

lib/voom/presenters/plugins/clipboard/action.rb

@@ -4,7 +4,7 @@ module Voom
   module Presenters
     module Plugins
       module Clipboard
-        VALID_ACTIONS = %i[cut copy paste].freeze
+        VALID_ACTIONS = %i[cut copy].freeze
 
         class Action < DSL::Components::Actions::Base
           attr_reader :action,

lib/voom/presenters/plugins/clipboard/clipboard_header.erb

@@ -1,3 +1,3 @@
 <script>
-  <%= File.read(File.expand_path('clipboard.js', __dir__)  ) %>
+  <%= File.read(File.expand_path('../../../../../public/bundle.js', __dir__)  ) %>
 </script>

lib/voom/presenters/plugins/clipboard/version.rb

@@ -2,7 +2,7 @@ module Voom
   module Presenters
     module Plugins
       module Clipboard
-        VERSION = '0.0.1'.freeze
+        VERSION = '0.1.0'.freeze
       end
     end
   end

views/clipboard/.babelrc

@@ -0,0 +1,29 @@
+{
+    "presets": [
+        ["@babel/env", {
+            "targets": {
+                "chrome": "42",
+                "edge": "12",
+                "firefox": "41",
+                "ie": "9",
+                "opera": "29",
+                "safari": "10"
+            }
+        }],
+        "@babel/typescript"
+    ],
+    "plugins": [
+        "@babel/proposal-class-properties"
+    ],
+    "sourceType": "unambiguous",
+
+    "env": {
+        "test": {
+            "plugins": [
+                ["@babel/plugin-transform-runtime", {
+                    "regenerator": true
+                }]
+            ]
+        }
+    }
+}

views/clipboard/.gitignore

@@ -0,0 +1,3 @@
+/node_modules
+/build
+coverage

views/clipboard/.nvmrc

@@ -0,0 +1 @@
+v12.16