svelte-on-rails 8.1.0 → 9.0.0

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'] } %>