svelte-rails 0.1.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 052fd518710717fbb8cadfb1c1a51c5e9f1fea3f77d96f2dd2824929904259e4
-  data.tar.gz: c580d4913b1941b856e0a5eeeb9489a9035772c113867057c0fb7bd5d3727037
+  metadata.gz: fad4acbc714ff104f2e645df762b489a163f6bc1fa7fab2433d968830834b9cb
+  data.tar.gz: 06603b3aad94c632056682912aa22f56db526fed4403b226cdd175eb94217226
 SHA512:
-  metadata.gz: 051c1b3d9503ff68f78c797946821042d4cfa07115c43bcfda363eac4f292f94ee6af02fa9901384251b73aeea644acc5077e22c0e15c5eab2b2ae5b0cd8c06f
-  data.tar.gz: 3c783c15087de0bd415368e76590bf592d2203ca8078fc02592403839fc257eb0c3739b6dccb5027eced2e844346d8172378be22888ed1aedf6f38fbe9986c8f
+  metadata.gz: afb452a583aeabb8de7292f6fd188a6b0ec520fd65611defd33847c5ecddd090b2440ba14b38ec72fcbfcf5bbad8e56215c359deef5f70feb36ab317a5dfcd26
+  data.tar.gz: 0d22f07356a04de782e74fb0e915ce7e73e9a17903e03da2378d2b0a72d98c46191a9f798c7371fdd369c558d4bb92d34218b02ad64d924c47895ac605e7df86

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    svelte-rails (0.1.0)
+    svelte-rails (0.2.1)
       execjs
       railties (>= 5.2)
 

data/README.md

@@ -31,11 +31,22 @@ https://github.com/nning/svelte-rails-demo/commits/master
 <%= svelte_component :Hello, name: 'Svelte' %>
 ```
 
+## Controller Renderer
+
+```ruby
+class TodoController < ApplicationController
+  def index
+    @todos = Todo.all
+    render component: 'TodoList', props: { todos: @todos }
+  end
+end
+```
+
+`prerender` is activated by default, can be disabled with `prerender: false`.
+
 ## Missing Features
 
-* Turbolinks integration
 * HMR and Bundle consistency (server-rendered HTML is cached and client-side updates on changes to the sources)
-* Render components directly from controllers
 * Generator for components
 * Render pools
 * Better documentation for setup

data/lib/svelte/rails.rb

@@ -7,4 +7,6 @@ module Svelte
 end
 
 require 'svelte/rails/view_helper'
+require 'svelte/rails/controller_renderer'
+
 require 'svelte/rails/railtie' if defined?(Rails)

data/lib/svelte/rails/controller_renderer.rb

@@ -0,0 +1,26 @@
+require 'svelte/rails/view_helper'
+
+module Svelte
+  module Rails
+    class ControllerRenderer
+      include Svelte::Rails::ViewHelper
+      # include ActionView::Helpers::TagHelper
+      # include ActionView::Helpers::TextHelper
+
+      attr_accessor :output_buffer
+
+      # @return [String] HTML for `component_name` with `options[:props]`
+      def call(component_name, options, &block)
+        props = options.fetch(:props, {})
+        options = default_options.merge(options.slice(:data, :aria, :tag, :class, :id, :prerender, :camelize_props))
+        svelte_component(component_name, props, options, &block)
+      end
+
+      private
+
+      def default_options
+        { prerender: true }
+      end
+    end
+  end
+end

data/lib/svelte/rails/railtie.rb

@@ -2,12 +2,21 @@ require 'rails/railtie'
 
 module Svelte::Rails
   class Railtie < ::Rails::Railtie
-    initializer 'react_rails.setup_view_helpers', after: :load_config_initializers, group: :all do |app|
+    initializer 'svelte_rails.setup_view_helpers', after: :load_config_initializers, group: :all do |app|
       ActiveSupport.on_load(:action_view) do
         include ::Svelte::Rails::ViewHelper
       end
     end
 
+    initializer 'svelte_rails.add_component_renderer', group: :all do |app|
+      ActionController::Renderers.add :component do |component_name, options|
+        renderer = ::Svelte::Rails::ControllerRenderer.new
+        html = renderer.call(component_name, options)
+        render_options = options.merge(inline: html)
+        render(render_options)
+      end
+    end
+
     rake_tasks do
       load 'svelte/rails/install_task.rake'
     end

data/lib/svelte/rails/version.rb

@@ -1,5 +1,5 @@
 module Svelte
   module Rails
-    VERSION = "0.1.0"
+    VERSION = '0.2.1'
   end
 end

data/svelte_ujs/index.js

@@ -10,13 +10,15 @@ class SvelteRailsUJS {
   static start() {
     SvelteRailsUJS.mountComponents()
 
-    document.addEventListener('DOMContentLoaded', () => {
-      SvelteRailsUJS.mountComponents()
-    })
+    document.addEventListener('DOMContentLoaded',
+      SvelteRailsUJS.mountComponents)
+
+    document.addEventListener('turbolinks:load',
+      SvelteRailsUJS.mountComponents)
   }
 
   static mountComponents() {
-    document.querySelectorAll('[data-svelte-class]')
+    document.querySelectorAll('[data-svelte-class]:not([data-svelte-initialized])')
       .forEach(SvelteRailsUJS.mountComponent)
   }
 
@@ -36,6 +38,8 @@ class SvelteRailsUJS {
     console.debug(Component, {target, props, hydrate});
 
     const component = new Component({target, props, hydrate})
+
+    target.dataset.svelteInitialized = true
   }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: svelte-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.1
 platform: ruby
 authors:
 - henning mueller
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2020-07-03 00:00:00.000000000 Z
+date: 2020-07-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -75,6 +75,7 @@ files:
 - bin/console
 - bin/setup
 - lib/svelte/rails.rb
+- lib/svelte/rails/controller_renderer.rb
 - lib/svelte/rails/install_generator.rb
 - lib/svelte/rails/install_task.rake
 - lib/svelte/rails/railtie.rb