quince 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dcc2582bba48ffba3d17a6bd6efe972db91c70d3680348334342e01ad8506158
-  data.tar.gz: af1dccbf8ea37419b4eb4936ea8f4fa20e60509d5c78a460d21df08ded15698d
+  metadata.gz: 1b5c0ef933d95f7026239bcfc5685e4aeb1582382056725b245cd37838540bf4
+  data.tar.gz: c790f0bc40602888167f46bf9636c55a739d5191645fd43e3614c78e381c6d1f
 SHA512:
-  metadata.gz: 7d16ca52523b06dddb32cd22aac945690836c0b094051248394f823d56d35933a0bc163b2250e57fb6ccbcbdbe956db12865da486e16b5024148d83566059d46
-  data.tar.gz: 8550f7c684a827e2c3b714e6e00c6e2b37bfdb2f54f1daf7dfe6f3dde46e4a17859fe0f5a887d3bcd54877db400728acb08037156a0032561f327a42a9e3910f
+  metadata.gz: d7f561f03a959ed9fb221d0462f8901fe9f0cb20bda9e80ede4757a6a5cf89c979da5f80c135054454ef64ad5ddec09751a23088fe08762084b13c097c56db3c
+  data.tar.gz: 47f28845aad32b4ba53f76acf4fab7695c903cb8d94197b6ac0096f16a2f048684f5677d35edeaa0c06554ae19d32152294f878e5ef5e8cbd9eccd581671389a

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    quince (0.2.0)
+    quince (0.2.1)
       oj (~> 3.13)
       typed_struct (>= 0.1.4)
 

data/lib/quince/attributes_by_element.rb

@@ -470,6 +470,11 @@ module Quince
     DOM_EVENTS = {
       onclick: opt_method,
       onsubmit: opt_method,
+      onblur: opt_method,
+      onchange: opt_method,
+      onsearch: opt_method,
+      onkeyup: opt_method,
+      onselect: opt_method,
     }.freeze
   end
 end

data/lib/quince/html_tag_components.rb

@@ -45,10 +45,13 @@ module Quince
                 CGI.escape_html(
                   "callRemoteEndpoint(`/api/#{owner}/#{name}`,`#{payload}`,`#{selector}`)"
                 )
-              when :onsubmit
-                CGI.escape_html(
-                  "const p = #{payload}; callRemoteEndpoint( `/api/#{owner}/#{name}`, JSON.stringify({...p, params: getFormValues(this)}), `#{selector}`); return false"
-                )
+              when :onsubmit, :onchange, :onblur, :onsearch, :onkeyup, :onselect
+                ev = "const p = #{payload}; callRemoteEndpoint( `/api/#{owner}/#{name}`, JSON.stringify({...p, params: getFormValues(this)}), `#{selector}`)"
+                case key
+                when :onsubmit
+                  ev += "; return false"
+                end
+                CGI.escape_html(ev)
               end
             when true
               return key

data/lib/quince/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Quince
-  VERSION = "0.2.0"
+  VERSION = "0.2.1"
 end

data/scripts.js

@@ -18,7 +18,11 @@ const callRemoteEndpoint = (endpoint, payload, selector) => {
   })
 }
 
-const getFormValues = (form) => {
+const getFormValues = (elem) => {
+  let form = elem.localName === "form" ? elem : elem.form;
+  if (!form) {
+    throw `element ${elem} should belong to a form`;
+  }
   const fd = new FormData(form);
   return Object.fromEntries(fd.entries());
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: quince
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - Joseph Johansen
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2021-09-13 00:00:00.000000000 Z
+date: 2021-09-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: typed_struct