svelte-on-rails 0.0.22 → 0.0.24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b9171b9d426450c01ff922c667fff82f135416693c935b2cd131d5ee2326e854
-  data.tar.gz: 96daa72a3460ace56b5e5e6382f678ba354b1693b95a87113639ed4cb3c2afe3
+  metadata.gz: 97f95713831cb35b5ba7ff76b63f320be3a5f7ef682844c65523728f78455c90
+  data.tar.gz: 9501a5d850b4d5451dbc98055fbf4c21fd2b617dfdc2cc971c26cf02cbe6738e
 SHA512:
-  metadata.gz: 52a206e75f0fe55f8121a05ae103701fefdd02e9ab6a4c5874179aa5b0ea2429fdb9c7d88d191c5c444fe0259990571ca1f5315ee017387d02d1e14271741d2c
-  data.tar.gz: d9370b582b86edd05470e54d6f6c78a993412f67ec2dd454e11cb282e96ebc97c379ba0e94f644157edb13c946e2d4bf238667895402f92c2644b48822eb43c1
+  metadata.gz: bc4a71238b2d358d38f616081ed56d1143f8745729d7fc80dfc4b1ceba85f70b0be542c760fdbc16095833eb88dfc7485ce22c73a76f940254de97e3c3af463c
+  data.tar.gz: 16870d9e12978fc0e111b2fa380b09bb65b7d824f34b1a7e715d60b4e32414a7f07de824b92c6d0d5be3ef1888f492235d1a3dc231ba46dfae265bf1242ab741

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,39 @@
-<h1>Hello Svelte</h1>
+<script>
+    export let items
+    let count = 0;
+
+    function increment() {
+        count += 1;
+    }
+</script>
+
+<span class="svelte-component-wrapper">
+    <h1>Greetings from svelte!</h1>
+    <button on:click={increment}>Increment: {count}</button>
+
+    <ul>
+        {#each items as item}
+            <li>{item}</li>
+        {/each}
+    </ul>
+    </span>
+
+<style>
+    button {
+        background-color: darkred;
+        color: white;
+        padding: 10px;
+        border: none;
+        cursor: pointer;
+    }
+    .svelte-component-wrapper {
+        border: 1px solid black;
+        padding: 10px;
+        margin: 10px;
+        background-color: #efefef;
+        display: inline-block;
+        box-shadow: 2px 3px 16px -1px rgba(0,0,0,0.75);
+        -webkit-box-shadow: 2px 3px 16px -1px rgba(0,0,0,0.75);
+        -moz-box-shadow: 2px 3px 16px -1px rgba(0,0,0,0.75);
+    }
+</style>

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

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

data/lib/svelte_on_rails/installer/vite.rb

@@ -54,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
@@ -83,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

@@ -18,16 +18,16 @@ namespace :svelte_on_rails do
     puts 'STARTING SVELTE-ON-RAILS INSTALLATION'
 
 
-    # haml
-
-    haml_i = SvelteOnRails::Installer::Haml
-    haml_i.install_haml_and_convert
-
     # 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'])
@@ -75,7 +75,7 @@ namespace :svelte_on_rails do
       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.22
+  version: 0.0.24
 platform: ruby
 authors:
 - Christian Sedlmair