opal_stimulus 0.1.0 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e2b9722851b24c4870cc76265994a889813d4d59e826e4e945c4859b9de9f873
-  data.tar.gz: 6c9df0ea9b687094f3cb266abacb8824456809dcfdcd100a744fe04c667bf8bf
+  metadata.gz: 300ef0df34590b96644f09bec7f618c308189700c8b91c909bccb4bd7cb48760
+  data.tar.gz: 4d405702dc56dcd9a0fd980c6c834dce308303a4e73f950239ed33c58493bd56
 SHA512:
-  metadata.gz: 05edb688629527e884549e82cb92a375b1006735d7c082ac2a013c553b3e7214ef1ae90160b904528626d3804ac281c26987480cf1081b84331566884d413675
-  data.tar.gz: aaad0562773f879a73bf66eed31966a8048b766056e12bf401a3f4785833d19f14b6381a9d8cd2fef68e0c1cb6239443adee71ac7176c9ac7929c800800bb473
+  metadata.gz: 320be88eef00e84f254a120dd0c3029f6027daacba7aeab96c74af79de26b1150034de44200d299fad77d1817e9f298e1f1111d7c608fb076cf4db9ef571831b
+  data.tar.gz: 548d689d02602637832156e6e88be3ff29224ce12dd5cba5de985d04c1567eabc1ad539120b9f6cd7dee41c687ec86324ac3179c4ffac04ed5cc15f79f5fb524

data/CHANGELOG.md

@@ -3,3 +3,11 @@
 ## [0.1.0] - 2025-03-27
 
 - Initial release
+
+## [0.1.1] - 2025-07-02
+
+- Generate better stimulus controller name replacing controller class's namespace resolution operators to --
+
+## [0.1.2] - 2025-07-29
+
+- Implement Opal Source maps https://opalrb.com/docs/guides/v1.4.1/source_maps.html

data/README.md

@@ -1,4 +1,4 @@
-# opal_stimulus for Rails
+# Opal Stimulus for Rails
 
 **Opal Stimulus** is a Stimulus wrapper made with Opal (a source-to-source Ruby to JavaScript compiler) that allows you to write Stimulus controllers in Ruby instead of JavaScript (It works only with Rails).
 
@@ -10,11 +10,17 @@ Add this line to your Gemfile:
 gem 'opal_stimulus'
 ```
 
-Then execute:
+Execute:
 
 ```bash
 bundle install
-rails generate opal_stimulus:install
+rails opal_stimulus:install
+```
+
+Start application:
+
+```bash
+bin/dev
 ```
 
 ## Basic Example
@@ -25,11 +31,13 @@ Here's a Hello World example with OpalStimulus. Compare with the [original JavaS
 
 ```ruby
 # app/opal/controllers/hello_controller.rb
+# new controllers will be automatically added to app/opal/controllers_requires.rb
+#   (ordered files load is not supported yet)
 class HelloController < StimulusController
   self.targets = ["name", "output"]
 
   def greet
-    output_target.JS[:textContent] = "Hello, #{name_target.JS[:value]}!"
+    output_target.content = "Hello, #{name_target.value}!"
   end
 end
 ```
@@ -49,6 +57,13 @@ end
 </div>
 ```
 
+**Result**
+
+https://github.com/user-attachments/assets/c51ed28c-13d2-4e06-b882-1cc997e9627b
+
+
+
+
 ## Contributing
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/josephschito/opal_stimulus.

data/lib/install/opal

@@ -4,6 +4,7 @@
 require "bundler/setup"
 require "listen"
 require "opal"
+require "opal-browser"
 
 GEM_NAME = "opal_stimulus"
 
@@ -14,9 +15,18 @@ Opal.append_path("app/opal")
 build = -> {
   puts "🔨 Compiling Opal..."
 
-  builder = Opal::Builder.build("application", requirable: false)
+  builder = Opal::Builder.new
+
+  result = builder.build("application")
+
   output_path = "app/assets/builds/opal.js"
-  File.write(output_path, builder.to_s)
+  sourcemap_path = "#{output_path}.map"
+
+  js_code = result.to_s
+  source_map_json = result.source_map.to_json
+
+  File.write(output_path, js_code + "\n//# sourceMappingURL=/assets/opal.js.map")
+  File.write(sourcemap_path, source_map_json)
 
   puts "✅ Compiled to #{output_path}"
 }

data/lib/opal_stimulus/stimulus_controller.rb

@@ -2,6 +2,8 @@
 
 require "opal"
 require "native"
+require "promise"
+require "browser/setup/full"
 
 class StimulusController < `Controller`
   include Native::Wrapper
@@ -20,23 +22,19 @@ class StimulusController < `Controller`
   end
 
   def self.stimulus_name
-    self.name.gsub(/Controller$/, "").gsub(/([a-z])([A-Z])/, '\1-\2').downcase
+    self.name.gsub(/Controller$/, "").gsub(/([a-z])([A-Z])/, '\1-\2').gsub("::", "--").downcase
   end
 
   def self.method_added(name)
     return if DEFAULT_GETTERS.include?(name)
 
-    self.bridge_method(name)
-  end
-
-  def self.register(controller)
-    `Stimulus.register(#{self.stimulus_name}, #{controller})`
-  end
-
-  def self.bridge_method(name)
     %x{
       #{self.stimulus_controller}.prototype[name] = function (...args) {
-        return #{self.stimulus_controller}.prototype['$' + name].apply(this, args);
+        try {
+          return this['$' + name].apply(this, args);
+        } catch (e) {
+          console.error("Uncaught", e);
+        }
       }
     }
   end
@@ -46,11 +44,13 @@ class StimulusController < `Controller`
 
     targets.each do |target|
       define_method(target + "_target") do
-        `return this[#{target + "Target"}]`
+        Browser::DOM::Element.new(`this[#{target + "Target"}]`)
       end
 
       define_method(target + "_targets") do
-        `return this[#{target + "Targets"}]`
+        `this[#{target + "Targets"}]`.map do |el|
+          Browser::DOM::Element.new(el)
+        end
       end
 
       define_method("has_" + target + "_target") do
@@ -84,11 +84,13 @@ class StimulusController < `Controller`
 
     outlets.each do |outlet|
       define_method(outlet + "_outlet") do
-        `return this[#{outlet + "Outlet"}]`
+        Browser::DOM::Element.new(`this[#{outlet + "Outlet"}]`)
       end
 
       define_method(outlet + "_outlets") do
-        `return this[#{outlet + "Outlets"}]`
+        `this[#{outlet + "Outlets"}]`.map do |outlet|
+          Browser::DOM::Element.new(outlet)
+        end
       end
 
       define_method("has_" + outlet + "_outlet") do

data/lib/opal_stimulus/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module OpalStimulus
-  VERSION = "0.1.0"
+  VERSION = "0.1.2"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: opal_stimulus
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.2
 platform: ruby
 authors:
 - Joseph Schito
 bindir: exe
 cert_chain: []
-date: 2025-06-19 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: opal
@@ -37,6 +37,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 3.9.0
+- !ruby/object:Gem::Dependency
+  name: opal-browser
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.3.5
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.3.5
 description: Opal Stimulus provides a way to write Stimulus controllers in Ruby, leveraging
   the Opal compiler to convert Ruby code into JavaScript. This allows developers familiar
   with Ruby to use the Stimulus framework without needing to write JavaScript directly.
@@ -83,7 +97,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.2
+rubygems_version: 3.6.9
 specification_version: 4
 summary: 'Opal Stimulus: Write Stimulus controllers in Ruby'
 test_files: []