actionview-svelte-handler 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8a8d743d73bb7a9c2d20b16c9ba153ee83bb558800780f9913ed92edd6b9c3f5
-  data.tar.gz: 2b506e0b2402d4c236e24caaf1d8ee09db301585568bfbbb3f5e68c90dd21e3a
+  metadata.gz: 9167cd64c58c539f35cd795e5c6b4f753f2c66ba7abee1b83f9846dc064498a2
+  data.tar.gz: fe6da9a5f4de7c21411aaefccd5847505be84b2944db2a42f9c475873729aabf
 SHA512:
-  metadata.gz: 37254f91eb9aded2426d894cf44047af5b0d31c73f99ec9946aff73518301b24d537c63888151e1a542fcd725360036de91551450893c83337f7dba3a87de1f0
-  data.tar.gz: 1536e077c112bd44b1785792892f39f0cd5ea4057bf5a23ee6758cdcd94631ce93fd2ff787b4164a7d99648f64fd49f2c17064f32353069cfd995fe78006821c
+  metadata.gz: 18eac635e7134c55e4d3907d44635558ec7f53e2e831339f48e1d9f32c971c0f910999daf41975f63c75aeaafc8f35cca1f7e66bdd34014e469e25bc9a7575fb
+  data.tar.gz: 42633207280f2c079fc378ce90ac1594110d997419db831315508b15522b6f31c0d2a3138de1f86e6ad6c14ae65b6e1a1706f673adf1bdef16a2db54ad18956f

data/lib/svelte/handler.rb

@@ -1,7 +1,6 @@
 module Svelte
-  class Handler < ActionView::Template::Handlers::Raw
+  class Handler
     include ActionView::Helpers::JavaScriptHelper
-
     def call(template, source)
       file = Tempfile.new
       src = Tempfile.new
@@ -20,28 +19,35 @@ module Svelte
       file.rewind
 
       compiled = JSON.parse(%x(bun run #{file.path})).deep_symbolize_keys
+            
+      return <<-RUBY
+        Svelte::Handler.generate_island(#{(compiled.dig(:js, :code) || "").dump}, local_assigns.to_json.presence)
+      RUBY
+    end
 
-      source = <<-HTML
+    def self.call(template, source)
+      new.call(template, source)
+    end
+    
+    def self.generate_island(js, props)
+      return <<-HTML
         <is-land on:visible on:idle>
           <template data-island>
             <div id="svelte-app-client">
             </div>
             
             <script type="module">
-              #{compiled.dig(:js, :code)}
+              #{js}
               
-              new Component({ target: document.getElementById("svelte-app-client") });
+              new Component({ 
+                target: document.getElementById("svelte-app-client"),
+                props: JSON.parse(#{props.to_json.presence || "{}"})
+              });
             </script>
             
           </template>
         </is-land>
       HTML
-
-      super
-    end
-
-    def self.call(template, source)
-      new.call(template, source)
     end
   end
 end

data/lib/svelte/version.rb

@@ -1,3 +1,3 @@
 module Svelte
-  VERSION = "0.1.0"
+  VERSION = "0.2.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: actionview-svelte-handler
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - reesericci