opal_stimulus 0.1.1 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 22842799923c6a3bad9030dd9971a4819c7c2fe37cb729c42c9780500b8ddbd4
-  data.tar.gz: c1055d0c8854bef13a168eae8740f71b851d1488d39199bc4c4fc388cc72115c
+  metadata.gz: 123ac1d5e6112d3896cd623518b80732351357cfa11443dd8142fd07f32bec49
+  data.tar.gz: 41bbd48c083fc12359f979f8c8c5d5de2486acd56cf969c0af417edf9576c1d0
 SHA512:
-  metadata.gz: a97cccb1708103c33bb3deb915d4bf505bd0ef1c016aa8e4e4fcd28eedd71db2e9ad2a66911188eb2c21479e86607921bb3e8d40b79ed61733e1e03f4d6c0772
-  data.tar.gz: 1c03b955c9528e34fcd8489e2be91c1eb15f9ba8f6013815ec7e5169d48a281be9722919203fa72ba9b4360b20f380777f8aa40e2ce09f1c49e5120e7db8241c
+  metadata.gz: fa36ee6800f4e0795640c29c061be9b5c49cdc639c9b976381af2ea41863a40a22cac80368956edb1ca569712191f016764d4c4fa16ceb9583f5fca164b391f5
+  data.tar.gz: 9cea24bad6cbf6bfba34ab79026b8589b6f25c180ee210f263568e275a91a1da16314539ecda837e222637657e4534a4d8a421ec8e38aa9c6a90b1c67cca1605

data/CHANGELOG.md

@@ -7,3 +7,12 @@
 ## [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
+
+## [0.1.3] - 2025-07-29
+
+- Add missing ignore for app/assets/builds/opal.js.map
+- Replace opal-browser with opal_proxy, check it out here.

data/README.md

@@ -14,7 +14,7 @@ Execute:
 
 ```bash
 bundle install
-rails generate opal_stimulus:install
+rails opal_stimulus:install
 ```
 
 Start application:
@@ -25,7 +25,7 @@ bin/dev
 
 ## Basic Example
 
-Here's a Hello World example with OpalStimulus. Compare with the [original JavaScript example](https://stimulus.hotwired.dev/handbook/hello-stimulus):
+Here's a Hello World example with OpalStimulus. Compare with the [original JavaScript example](https://stimulus.hotwired.dev/#:~:text=%2F%2F%20hello_controller.js%0Aimport%20%7B%20Controller%20%7D%20from%20%22stimulus%22%0A%0Aexport%20default%20class%20extends%20Controller%20%7B%0A%20%20static%20targets%20%3D%20%5B%20%22name%22%2C%20%22output%22%20%5D%0A%0A%20%20greet()%20%7B%0A%20%20%20%20this.outputTarget.textContent%20%3D%0A%20%20%20%20%20%20%60Hello%2C%20%24%7Bthis.nameTarget.value%7D!%60%0A%20%20%7D%0A%7D):
 
 **Ruby Controller:**
 
@@ -37,7 +37,7 @@ class HelloController < StimulusController
   self.targets = ["name", "output"]
 
   def greet
-    output_target.content = "Hello, #{name_target.value}!"
+    output_target.text_content = "Hello, #{name_target.value}!"
   end
 end
 ```

data/lib/install/install_opal_stimulus.rb

@@ -40,6 +40,7 @@ window.Controller = Controller;
   end
   append_to_file ".gitignore", "/.opal-cache\n"
   append_to_file ".gitignore", "app/assets/builds/opal.js\n"
+  append_to_file ".gitignore", "app/assets/builds/opal.js.map\n"
   empty_directory APPLICATION_OPAL_STIMULUS_BIN_PATH
   empty_directory APPLICATION_OPAL_STIMULUS_PATH
   empty_directory "#{APPLICATION_OPAL_STIMULUS_PATH}/controllers"

data/lib/install/opal

@@ -4,20 +4,30 @@
 require "bundler/setup"
 require "listen"
 require "opal"
-require "opal-browser"
 
-GEM_NAME = "opal_stimulus"
+GEMS = ["opal_proxy", "opal_stimulus"]
 
-Opal.use_gem(GEM_NAME) rescue Opal.append_path(File.expand_path("lib", Bundler.rubygems.find_name(GEM_NAME).first.full_gem_path))
+GEMS.each do |gem_name|
+  Opal.use_gem(gem_name) rescue Opal.append_path(File.expand_path("lib", Bundler.rubygems.find_name(gem_name).first.full_gem_path))
+end
 
 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,8 +2,7 @@
 
 require "opal"
 require "native"
-require "promise"
-require "browser/setup/full"
+require "js/proxy"
 
 class StimulusController < `Controller`
   include Native::Wrapper
@@ -30,7 +29,11 @@ class StimulusController < `Controller`
 
     %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
@@ -40,12 +43,12 @@ class StimulusController < `Controller`
 
     targets.each do |target|
       define_method(target + "_target") do
-        Browser::DOM::Element.new(`this[#{target + "Target"}]`)
+        JS::Proxy.new(`this[#{target + "Target"}]`)
       end
 
       define_method(target + "_targets") do
         `this[#{target + "Targets"}]`.map do |el|
-          Browser::DOM::Element.new(el)
+          JS::Proxy.new(el)
         end
       end
 
@@ -80,12 +83,12 @@ class StimulusController < `Controller`
 
     outlets.each do |outlet|
       define_method(outlet + "_outlet") do
-        Browser::DOM::Element.new(`this[#{outlet + "Outlet"}]`)
+        JS::Proxy.new(`this[#{outlet + "Outlet"}]`)
       end
 
       define_method(outlet + "_outlets") do
         `this[#{outlet + "Outlets"}]`.map do |outlet|
-          Browser::DOM::Element.new(outlet)
+          JS::Proxy.new(outlet)
         end
       end
 

data/lib/opal_stimulus/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: opal_stimulus
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.3
 platform: ruby
 authors:
 - Joseph Schito
@@ -38,19 +38,19 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 3.9.0
 - !ruby/object:Gem::Dependency
-  name: opal-browser
+  name: opal_proxy
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.3.5
+        version: 0.1.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.3.5
+        version: 0.1.0
 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.