Cast e.target.value with parseInt/Float when relevant

Author: azimux

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [0.0.11] - 2025-04-08
+
+- Print out stringified errors for unexpected errors
+- Cast e.target.value with parseInt/parseFloat when appropriate
+
 ## [0.0.10] - 2025-04-08
 
 - Do not double up hashes on Outcome import

Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    foobara-typescript-react-command-form-generator (0.0.10)
+    foobara-typescript-react-command-form-generator (0.0.11)
       foobara-typescript-remote-command-generator (~> 0.0.1)
 
 GEM
@@ -14,7 +14,7 @@ GEM
     diff-lcs (1.6.1)
     docile (1.4.1)
     ffi (1.17.1-x86_64-linux-gnu)
-    foobara (0.0.95)
+    foobara (0.0.96)
       bigdecimal
       foobara-lru-cache (~> 0.0.2)
       foobara-util (~> 0.0.11)

src/typescript_react_command_form_generator.rb

@@ -242,10 +242,23 @@ def html_input
                   #{one_of.map { |value| "<option value=\"#{value}\">#{value}</option>" }.join}
                 </select>"
               else
+                type = type_declaration.to_type
+
+                cast_value = if type.name.to_s == "integer" || type.extends_symbol?(:integer)
+                               "parseInt(e.target.value)"
+                             elsif type.name.to_s == "float" || type.extends_symbol?(:float)
+                               # TODO: test this path
+                               # :nocov:
+                               "parseFloat(e.target.value)"
+                               # :nocov:
+                             else
+                               "e.target.value"
+                             end
+
                 "<input
                     #{"type=\"password\"" if sensitive?}
                     value={#{name} ?? \"\"}
-                    onChange={(e) => { set#{name_upcase}(e.target.value) }}
+                    onChange={(e) => { set#{name_upcase}(#{cast_value}) }}
                     placeholder=\"#{name_english}\"
                   />"
               end

version.rb

@@ -1,7 +1,7 @@
 module Foobara
   module Generators
     module TypescriptReactCommandFormGenerator
-      VERSION = "0.0.10".freeze
+      VERSION = "0.0.11".freeze
 
       local_ruby_version = File.read("#{__dir__}/.ruby-version").chomp
       local_ruby_version_minor = local_ruby_version[/\A(\d+\.\d+)\.\d+\z/, 1]