svelte-on-rails 0.0.21 → 0.0.23

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4760a8d0ae7d7de9e8bfb08b82e6cc7ff830979ef1297001606ab9a6eb282bff
-  data.tar.gz: 49ba7cbb917e62092d1997a4d39b1815d43a71546d78c5c5e52845e95a4c2d7e
+  metadata.gz: 66e90b317f4d27aa1eefed02488e7e3560054ec1f58f5a75bf8f1f383b9f4345
+  data.tar.gz: a5f5309db035430f1fd67bdc2ccf624e585a4bf7a76c454314ea0284e496add5
 SHA512:
-  metadata.gz: 4a3774a457cb886ff0854393857aea33b0c067cb814f72a94bad40c7beb4265018544370b1df2e5c6968daf35df9318897dcc666e16e595e8108f1e04c63547a
-  data.tar.gz: b35eabfabd993155ced5ad68f90f9c8795e9520234312f142bd42c25c98b5fe16ebddec50c230879df72a144c13c31e3ace74a9cbaee7681264f4707e658c613
+  metadata.gz: 90cea52cbcb1240f68d5d2185a043405fd487a00ad29a44f8bba83a8b91184dadcb6e4600332555059cea3b63e085c416b25c2355a23059e1dab883e5e568d8a
+  data.tar.gz: cb8bad796a27e11b6b10f994758c1d43a1aae388b3d95999015faa3e92626ee8dae99afd562db57e26685c74b4dfd8b43251771e6b42de996e95f25fcf412cde

data/lib/svelte_on_rails/installer/javascript.rb

@@ -43,7 +43,7 @@ module SvelteOnRails
           # Write the modified content back to the file
           begin
             File.write(file_path, lines.map{|l|l.gsub(/\n/, '')}.join("\n"))
-            puts "Successfully inserted «#{import_statement}» into '#{file_path}'"
+            puts "Successfully inserted «#{import_statement}» into '#{file_path}' on line #{last_import_index + 2}."
           rescue => e
             raise "Error writing to #{file_path} => «#{e.message}»"
           end

data/lib/svelte_on_rails/installer/rails_template/app/frontend/javascript/components/SvelteOnRailsHelloWorld.svelte

@@ -1 +1,27 @@
-<h1>Hello Svelte</h1>
+<script>
+    export let items
+    let count = 0;
+
+    function increment() {
+        count += 1;
+    }
+</script>
+
+<h1>Greetings from svelte</h1>
+<button on:click={increment}>Increment: {count}</button>
+
+<ul>
+    {#each items as item}
+        <li>{item}</li>
+    {/each}
+</ul>
+
+<style>
+    button {
+        background-color: darkred;
+        color: white;
+        padding: 10px;
+        border: none;
+        cursor: pointer;
+    }
+</style>

data/lib/svelte_on_rails/installer/rails_template/app/views/svelte_on_rails_hello_world/index.haml

@@ -1,3 +1,3 @@
 %h1 Hello
 
-= svelte_component "SvelteOnRailsHelloWorld"
+= svelte_component "SvelteOnRailsHelloWorld", items: ['item-1', 'item-2', 'item-3']

data/lib/svelte_on_rails/installer/vite.rb

@@ -25,7 +25,9 @@ module SvelteOnRails
           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
@@ -52,22 +54,24 @@ module SvelteOnRails
 
         js_i = SvelteOnRails::Installer::Javascript
         pkg = '@sveltejs/vite-plugin-svelte'
-        js_i.append_import_statement('vite.config.ts', pkg, "import {svelte} from '#{pkg}'")
         npm_i = SvelteOnRails::Installer::Npm
         npm_i.install_or_update_package(pkg)
 
         # add plugin
 
-        file_content = File.read('vite.config.ts')
+        file_path = 'vite.config.ts'
 
-        if file_content.match?(/svelte/)
-          puts "Svelte seams already configured in vite.config.ts, nothing changed here."
+        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
+          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
@@ -81,7 +85,7 @@ module SvelteOnRails
             "#{prefix}#{indent}RubyPlugin(),\n#{indent}svelte({}),\n#{indent}#{rest}"
           end
 
-          File.write('vite.config.ts', modified_content)
+          File.write(file_path, modified_content)
           puts "Updated vite.config.ts with svelte() plugin."
         end
       end

data/lib/tasks/svelte_on_rails_tasks.rake

@@ -17,6 +17,17 @@ namespace :svelte_on_rails do
     puts '-' * 80
     puts 'STARTING SVELTE-ON-RAILS INSTALLATION'
 
+
+    # vite
+
+    vite_i = SvelteOnRails::Installer::Vite
+    vite_i.install_vite
+
+    # haml
+
+    haml_i = SvelteOnRails::Installer::Haml
+    haml_i.install_haml_and_convert
+
     # svelte_on_rails
 
     utils.write_templates(['config/svelte_on_rails.yml'])
@@ -29,17 +40,6 @@ namespace :svelte_on_rails do
     init_stat = '../initializers/svelte.js'
     js_i.append_import_statement(application_js_path, init_stat, "import '#{init_stat}';")
 
-
-    # haml
-
-    haml_i = SvelteOnRails::Installer::Haml
-    haml_i.install_haml_and_convert
-
-    # vite
-
-    vite_i = SvelteOnRails::Installer::Vite
-    vite_i.install_vite
-
     # turbo
 
     tr_pkg = '@hotwired/turbo-rails'
@@ -72,10 +72,10 @@ namespace :svelte_on_rails do
     puts "SvelteOnRails installed successfully!"
     puts "Restart the server and check if it all works."
     if hello_world_path
-      puts "You can now see the Hello World component on: #{hello_world_path}."
+      puts "You can now access the Hello World component on: http://localhost:your-port-number#{hello_world_path}."
     end
     puts "Happy coding!"
-    #exit
+
   end
 
   desc "Installs SvelteOnRails YAML configuration into your Rails application"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: svelte-on-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.21
+  version: 0.0.23
 platform: ruby
 authors:
 - Christian Sedlmair