Add observed attributes generator

Author: codergeek121

Gemfile

@@ -6,12 +6,8 @@ gemspec
 
 gem "importmap-rails"
 gem "propshaft"
-
 gem "puma"
-
 gem "sqlite3", "~> 1.4"
-
-# Start debugger with binding.b [https://github.com/ruby/debug]
-# gem "debug", ">= 1.0.0"
+gem "debug", ">= 1.0.0"
 gem "capybara"
 gem "selenium-webdriver"

Gemfile.lock

@@ -103,6 +103,9 @@ GEM
     connection_pool (2.4.1)
     crass (1.0.6)
     date (3.3.4)
+    debug (1.9.2)
+      irb (~> 1.10)
+      reline (>= 0.3.8)
     drb (2.2.1)
     erubi (1.12.0)
     globalid (1.2.1)
@@ -229,6 +232,7 @@ DEPENDENCIES
   appraisal
   capybara
   custom_elements-rails!
+  debug (>= 1.0.0)
   importmap-rails
   propshaft
   puma

lib/generators/custom_element_generator.rb

@@ -1,6 +1,8 @@
 class CustomElementGenerator < Rails::Generators::NamedBase
   source_root File.expand_path("templates", __dir__)
 
+  argument :attributes, type: :array, default: [], banner: "Observed attributes"
+
   def copy_custom_element
     template "custom_element.js", "app/javascript/custom_elements/#{file_name}_element.js"
   end

lib/generators/templates/custom_element.js.tt

@@ -1,9 +1,18 @@
 export default class extends HTMLElement {
+<% if attributes.any? %>
+  static observedAttributes = <%= attributes.map { _1.name } %>
+<% end %>
   constructor() {
     super()
   }
 
   connectedCallback() {
     console.log("<%= file_name %>")
   }
+<% attributes.each do |attribute| -%>
+
+  get <%= attribute.name %>() {
+    return this.getAttribute("<%= attribute.name %>")
+  }
+<% end -%>
 }