svelte-on-rails 8.1.0 → 9.1.0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: svelte-on-rails
 version: !ruby/object:Gem::Version
-  version: 8.1.0
+  version: 9.1.0
 platform: ruby
 authors:
 - Christian Sedlmair
@@ -29,7 +29,9 @@ extensions: []
 extra_rdoc_files: []
 files:
 - README.md
+- lib/generators/showcase_generator.rb
 - lib/generators/svelte_on_rails/install/install_generator.rb
+- lib/generators/svelte_on_rails/update/update_generator.rb
 - lib/svelte-on-rails.rb
 - lib/svelte_on_rails/action_cable.rb
 - lib/svelte_on_rails/active_record_extensions.rb
@@ -41,43 +43,45 @@ files:
 - lib/svelte_on_rails/installer/npm.rb
 - lib/svelte_on_rails/installer/svelte.rb
 - lib/svelte_on_rails/installer/utils.rb
-- lib/svelte_on_rails/installer/vite.rb
 - lib/svelte_on_rails/lib/development_utils.rb
 - lib/svelte_on_rails/lib/to_svelte.rb
 - lib/svelte_on_rails/lib/utils.rb
 - lib/svelte_on_rails/lib/view_helper_support.rb
 - lib/svelte_on_rails/railtie.rb
+- lib/svelte_on_rails/renderer/render-backup.js
 - lib/svelte_on_rails/renderer/render.js
 - lib/svelte_on_rails/renderer/renderer.rb
 - lib/svelte_on_rails/renderer/utils.js
 - lib/svelte_on_rails/turbo_stream.rb
 - lib/svelte_on_rails/view_helpers.rb
 - lib/tasks/svelte_on_rails_tasks.rake
-- templates/all_features_test/app/channels/svelte_on_rails_channel.rb
-- templates/all_features_test/app/controllers/svelte_on_rails_hello_world_controller.rb
-- templates/all_features_test/app/frontend/images/svelte-on-rails-hello-world-england.png
-- templates/all_features_test/app/frontend/images/svelte-on-rails-hello-world-face-smile-wink.svg
-- templates/all_features_test/app/frontend/images/svelte-on-rails-hello-world-switzerland.jpg
-- templates/all_features_test/app/frontend/initializers/actionCable.js
-- templates/all_features_test/app/frontend/javascript/components/JavascriptImport.svelte
-- templates/all_features_test/app/frontend/javascript/components/JpgImport.svelte
-- templates/all_features_test/app/frontend/javascript/components/ParentWithChild.svelte
-- templates/all_features_test/app/frontend/javascript/components/PngImport.svelte
-- templates/all_features_test/app/frontend/javascript/components/ReceiveFromChannel.svelte
-- templates/all_features_test/app/frontend/javascript/components/SvelteOnRailsHelloWorld.svelte
-- templates/all_features_test/app/frontend/javascript/components/SvgRawImport.svelte
-- templates/all_features_test/app/frontend/javascript/components/sub/NestedComponent.svelte
-- templates/all_features_test/app/frontend/javascript/nestedJavascript.js
-- templates/all_features_test/app/frontend/javascript/nestedJavascriptToggled.js
-- templates/all_features_test/app/views/svelte_on_rails_hello_world/_nav.html.erb
-- templates/all_features_test/app/views/svelte_on_rails_hello_world/_styles.html.erb
-- templates/all_features_test/app/views/svelte_on_rails_hello_world/backend_frontend_rendered.html.erb
-- templates/all_features_test/app/views/svelte_on_rails_hello_world/index.html.erb
-- templates/all_features_test/app/views/svelte_on_rails_hello_world/ssr_auto_rendered.html.erb
-- templates/all_features_test/app/views/svelte_on_rails_hello_world/web_socket.html.erb
 - templates/config_base/app/frontend/ssr/ssr.js
 - templates/config_base/config/svelte_on_rails.yml
 - templates/config_base/vite-ssr.config.ts
+- templates/showcase/app/channels/application_cable/channel.rb
+- templates/showcase/app/channels/application_cable/connection.rb
+- templates/showcase/app/channels/svelte_on_rails_channel.rb
+- templates/showcase/app/controllers/svelte_on_rails_showcase_controller.rb
+- templates/showcase/app/frontend/initializers/actionCable.js
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/JavascriptImport.svelte
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/JpgImport.svelte
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/ParentWithChild.svelte
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/PngImport.svelte
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/ReceiveFromChannel.svelte
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/SvelteOnRailsHelloWorld.svelte
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/SvgRawImport.svelte
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/england.png
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/face-smile-wink.svg
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/nestedJavascript.js
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/nestedJavascriptToggled.js
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/sub/NestedComponent.svelte
+- templates/showcase/app/frontend/javascript/svelte_on_rails_showcase/switzerland.jpg
+- templates/showcase/app/views/svelte_on_rails_showcase/_nav.html.erb
+- templates/showcase/app/views/svelte_on_rails_showcase/_styles.html.erb
+- templates/showcase/app/views/svelte_on_rails_showcase/backend_frontend_rendered.html.erb
+- templates/showcase/app/views/svelte_on_rails_showcase/index.html.erb
+- templates/showcase/app/views/svelte_on_rails_showcase/ssr_auto_rendered.html.erb
+- templates/showcase/app/views/svelte_on_rails_showcase/web_socket.html.erb
 homepage: https://svelte-on-rails.dev
 licenses:
 - MIT

data/lib/svelte_on_rails/installer/vite.rb

@@ -1,95 +0,0 @@
-module SvelteOnRails
-
-  module Installer
-
-    module Vite
-
-      def self.install_vite(version_specifier: 'latest')
-        iu = SvelteOnRails::Installer::Utils
-
-        puts '-' * 80
-
-        gu = SvelteOnRails::GemUtils
-        if gu.check_gem_version('vite_rails')
-          puts "vite_rails already installed, skipping this part."
-        else
-
-          # check non-existence
-
-          iu.check_file_not_exists('config/vite.json')
-          iu.check_file_not_exists('vite.config.ts')
-          iu.check_folder_not_exists('app/frontend')
-
-          # install
-
-          gu.install_gem('vite_rails')
-
-          Dir.chdir(Rails.root) do
-            puts '++ running «bundle exec vite install» ++'
-            `bundle exec vite install`
-            puts '++ vite installer finished ++'
-          end
-
-        end
-
-        # check existence
-
-        iu.check_file_exists('config/vite.json')
-        iu.check_file_exists('vite.config.ts')
-        iu.check_file_exists('package.json')
-        iu.check_file_exists('package-lock.json')
-        iu.check_file_exists('app/frontend/entrypoints/application.js')
-        iu.check_folder_exists('app/frontend')
-
-        # check npm package version
-
-        ni = SvelteOnRails::Installer::Npm
-        ni.install_or_update_package('vite', version_specifier: version_specifier)
-
-      end
-
-      def self.configure_for_svelte(vite_plugin_svelte_version_specifier: nil)
-
-        # add import statement
-
-        js_i = SvelteOnRails::Installer::Javascript
-        pkg = '@sveltejs/vite-plugin-svelte'
-        npm_i = SvelteOnRails::Installer::Npm
-        npm_i.install_or_update_package(pkg, version_specifier: vite_plugin_svelte_version_specifier)
-
-        # add plugin
-
-        file_path = 'vite.config.ts'
-
-        if File.read(file_path).match?(/svelte/)
-          puts "Svelte seams already configured in vite.config.ts, skipping here."
-        else
-
-          js_i.append_import_statement('vite.config.ts', pkg, "import {svelte} from '#{pkg}'")
-
-          # Regex to match the plugins array and locate RubyPlugin()
-          plugins_regex = /(plugins:\s*\[\s*)(\s*)RubyPlugin\(\),\s*([^\]]*?\])/m
-
-          # Check if plugins array with RubyPlugin exists
-          file_content = File.read(file_path)
-          unless file_content.match?(plugins_regex)
-            puts "Error: No plugins array with RubyPlugin() found in the input."
-            return file_content
-          end
-
-          # Insert svelte({}), after RubyPlugin() with proper indentation
-          modified_content = file_content.gsub(plugins_regex) do |match|
-            prefix = $1 # Start of plugins array (e.g., "plugins: [")
-            indent = '    ' # Indentation before RubyPlugin()
-            rest = $3 # Remaining plugins and closing bracket
-            "#{prefix}#{indent}RubyPlugin(),\n#{indent}svelte({}),\n#{indent}#{rest}"
-          end
-
-          File.write(file_path, modified_content)
-          puts "Updated vite.config.ts with svelte() plugin."
-        end
-      end
-
-    end
-  end
-end

data/templates/all_features_test/app/controllers/svelte_on_rails_hello_world_controller.rb

@@ -1,62 +0,0 @@
-class SvelteOnRailsHelloWorldController < ApplicationController
-
-  def index
-  end
-
-  def web_socket_action
-
-    comp = 'ReceiveFromChannel'
-
-    case params['stream']
-
-    when 'action-cable-to-component'
-      SvelteOnRails::ActionCable.dispatch(
-        comp,
-        { message: "#{SecureRandom.hex(2)} Sent by <span class='transfer'>ActionCable</span>: äöü🤣🌴🌍漢字", class: 'action-cable-to-component' },
-        event: 'stream-action'
-      )
-
-    when 'action-cable-to-element'
-      SvelteOnRails::ActionCable.dispatch(
-        comp,
-        { message: "#{SecureRandom.hex(2)} <span class='transfer'>ActionCable to .my-custom-class / my-custom-event</span>", class: 'action-cable-to-element' },
-        selector: '.my-custom-class',
-        event: 'my-custom-event'
-      )
-
-    when 'action-cable-to-selector'
-      SvelteOnRails::ActionCable.dispatch_by_selector(
-        '.receive-by-selector',
-        { message: "Sent by ActionCable/Selector: äöü🤣🌴🌍漢字", class: 'action-cable-to-selector' }
-      )
-
-    when 'turbo-stream-to-all-components'
-      SvelteOnRails::TurboStream.dispatch(
-        nil,
-        { message: "Sent by TurboStream: äöü🤣🌴🌍漢字", class: 'turbo-stream-to-all-components' },
-        )
-
-    when 'turbo-stream-to-element'
-      SvelteOnRails::TurboStream.dispatch(
-        nil,
-        { message: "Sent by TurboStream: äöü🤣🌴🌍漢字", class: 'turbo-stream-to-element' },
-        selector: '.my-custom-class',
-        event: 'my-custom-event'
-      )
-
-    when 'turbo-stream-to-selector'
-      SvelteOnRails::TurboStream.dispatch_by_selector(
-        '.receive-by-selector',
-        { message: "Sent by TurboStream/Selector: äöü🤣🌴🌍漢字", class: 'turbo-stream-to-selector' }
-      )
-
-    else
-      raise 'Unknown stream'
-
-    end
-
-    render plain: "dispatched: #{params['stream']}"
-
-  end
-
-end

data/templates/all_features_test/app/frontend/javascript/components/JavascriptImport.svelte

@@ -1,7 +0,0 @@
-<script>
-    export let title;
-    import {nestedJavascriptFunction} from "../nestedJavascript.js";
-</script>
-
-<p>{title}</p>
-<p>{nestedJavascriptFunction()}</p>

data/templates/all_features_test/app/frontend/javascript/components/JpgImport.svelte

@@ -1,7 +0,0 @@
-<script>
-    export let title;
-    import jpg from '../../images/svelte-on-rails-hello-world-switzerland.jpg'
-</script>
-
-<p>{title}</p>
-<img alt="Jpg not loaded!" src="{jpg}" />

data/templates/all_features_test/app/frontend/javascript/components/PngImport.svelte

@@ -1,7 +0,0 @@
-<script>
-    export let title;
-    import png from '../../images/svelte-on-rails-hello-world-england.png'
-</script>
-
-<p>{title}</p>
-<img alt="Png not loaded!" src="{png}" />

data/templates/all_features_test/app/frontend/javascript/components/SvgRawImport.svelte

@@ -1,7 +0,0 @@
-<script>
-    export let title;
-    import svgRaw from '../../images/svelte-on-rails-hello-world-face-smile-wink.svg?raw'
-</script>
-
-<p>{title}</p>
-{@html svgRaw}

data/templates/all_features_test/app/views/svelte_on_rails_hello_world/_nav.html.erb

@@ -1,13 +0,0 @@
-<div class="nav">
-  <%= link_to 'Hello World', '/svelte_on_rails_hello_world/index' %>
-  |
-  <%= link_to 'Backend/Frontend Test', '/svelte_on_rails_hello_world/backend_frontend_rendered' %>
-  |
-  <%= link_to 'SSR-Auto rendered (default)', '/svelte_on_rails_hello_world/ssr_auto_rendered' %>
-  |
-  <%= link_to 'Turbo Streams', '/svelte_on_rails_hello_world/web_socket' %>
-</div>
-
-<% turbo_id = request.headers['X-Turbo-Request-ID'] %>
-<p class="<%= (turbo_id.present? ? 'turbo-request' : 'initial-request') %>"><%= (turbo_id.blank? ? 'This is a initial request' : "Turbo-Request-ID: #{turbo_id}") %></p>
-<p>Rails.environment: <%= Rails.env %></p>

data/templates/all_features_test/app/views/svelte_on_rails_hello_world/backend_frontend_rendered.html.erb

@@ -1,37 +0,0 @@
-<%= render 'styles' %>
-<style>
-    .svelte-component {
-        border: 1px solid lightgray;
-        padding: 10px;
-        margin: 10px;
-        width: 100px;
-        display: inline-block;
-    }
-</style>
-
-<%= render 'nav' %>
-
-
-<h1>SSR / Client side rendering test</h1>
-<p>After rendering both, client and server side rendered components, must look similar for making sure that on ssr:
-  :auto (which is default)
-  no unpleasant «blink» is appearing.</p>
-<hr>
-
-<% components = ['SvgRawImport', 'JpgImport', 'PngImport', 'JavascriptImport', 'ParentWithChild'] %>
-
-<h3>Always rendered server side</h3>
-<div class="ssr-only">
-  <% components.each do |component| %>
-    <%= svelte_component(component, {title: component}, options: {ssr: true, hydrate: false}) %>
-  <% end %>
-</div>
-
-<hr>
-<h3>Always rendered client side</h3>
-<p>Here you will see a unpleasant «blink» on the initial request.</p>
-<div class="client-only">
-  <% components.each do |component| %>
-    <%= svelte_component(component, {title: component}, options: {ssr: false, hydrate: true}) %>
-  <% end %>
-</div>

data/templates/all_features_test/app/views/svelte_on_rails_hello_world/index.html.erb

@@ -1,9 +0,0 @@
-<%= render 'styles' %>
-
-
-<%= render 'nav' %>
-
-
-<h1>Svelte is here</h1>
-
-<%= svelte_component "SvelteOnRailsHelloWorld", { items: ['attributes', 'are', 'parsed'] } %>