svelte-on-rails 0.0.18 → 0.0.21

data/lib/tasks/svelte_on_rails_tasks.rake

@@ -1,200 +1,116 @@
 Rake::Task["assets:precompile"].enhance do
-  SvelteOnRails::RenderServerSide.reset_dist
-  puts "Mount Svelte: Reset dist ausgeführt"
+  SvelteOnRails::RenderServerSide.reset_and_compile_all
+  puts "Mount Svelte: Reset dist and compile-all executed"
 end
 
+require 'svelte_on_rails/installer/utils'
+require 'svelte_on_rails/installer/haml'
+utils = SvelteOnRails::Installer::Utils
+npm_i = SvelteOnRails::Installer::Npm
+application_js_path = Rails.root.join("app", "frontend", "entrypoints", "application.js")
+
 namespace :svelte_on_rails do
-  desc "Installs SvelteOnRails YAML configuration into your Rails application"
-  task :install do
 
-    create_configuration_file
+  desc "Installs SvelteOnRails for usage together with vite_rails, haml and @hotwired/turbo-rails"
+  task :install_haml_vite => :environment do
 
-  end
+    puts '-' * 80
+    puts 'STARTING SVELTE-ON-RAILS INSTALLATION'
 
-  desc "Installs SvelteOnRails for usage together with vite_rails and @hotwired/turbo-rails"
-  task :install_for_vite_and_turbo do
+    # svelte_on_rails
 
-    create_configuration_file
+    utils.write_templates(['config/svelte_on_rails.yml'])
+    npm_i.install_or_update_package('@csedl/svelte-on-rails')
+    # insert_initializer
+    uts = SvelteOnRails::Installer::Utils
+    uts.write_templates(['app/frontend/initializers/svelte.js'])
+    # add import statements
+    js_i = SvelteOnRails::Installer::Javascript
+    init_stat = '../initializers/svelte.js'
+    js_i.append_import_statement(application_js_path, init_stat, "import '#{init_stat}';")
 
-    install_npm_package
-    install_turbo
 
-    create_folder(Rails.root.join("app", "frontend", "initializers"))
-    create_folder(Rails.root.join("app", "frontend", "javascript", "components"))
-    add_line_to_file(Rails.root.join("app", "frontend", "entrypoints", "application.js"), "import '../initializers/svelte.js';")
+    # haml
 
-    create_javascript_initializer
-    create_svelte_hello_world
+    haml_i = SvelteOnRails::Installer::Haml
+    haml_i.install_haml_and_convert
 
-    puts ''
-    puts 'SvelteOnRails installed successfully for using together with vite_rails and @hotwired/turbo-rails.'
-    puts 'Restart the server and check if it all works.'
-    puts 'Happy coding!'
+    # vite
 
-  end
+    vite_i = SvelteOnRails::Installer::Vite
+    vite_i.install_vite
 
-  def install_npm_package
-    package_name = "@csedl/svelte-on-rails@latest"
-    puts "Installing #{package_name} via npm..."
+    # turbo
 
-    if system("npm install #{package_name}")
-      puts "#{package_name} successfully installed."
-    else
-      abort "Failed to install #{package_name}. Please ensure npm is installed and try running 'npm install #{package_name}' manually."
-    end
-  end
+    tr_pkg = '@hotwired/turbo-rails'
 
-  def install_turbo
-
-    pkg_js = Rails.root.join("package.json")
-    package_name = "@hotwired/turbo-rails"
-    file_content = File.exist?(pkg_js) ? File.read(pkg_js) : ""
-
-    if file_content.match?(/#{package_name}/)
-      puts "#{package_name} is already present in package.json, assuming that it is set up well and working."
-    else
-      puts "Installing #{package_name} via npm..."
-      if system("npm install #{package_name}")
-        puts "#{package_name} successfully installed."
-        add_line_to_file(Rails.root.join("app", "frontend", "entrypoints", "application.js"), "import '#{package_name}';")
-      else
-        abort "Failed to install #{package_name}. Please ensure npm is installed and try running 'npm install #{package_name}' manually."
-      end
-    end
+    npm_i.install_or_update_package(tr_pkg)
+    
+    js_i = SvelteOnRails::Installer::Javascript
+    js_i.append_import_statement(application_js_path, tr_pkg, "import '#{tr_pkg}';")
 
-  end
+    # svelte
 
-  def create_javascript_initializer
-    config_path = Rails.root.join("app", "frontend", "initializers", "svelte.js")
-    if File.exist?(config_path)
-      puts "Initializer already exists: file://#{config_path}"
-    else
-      File.write(config_path, <<~JAVASCRIPT)
+    svelte_i = SvelteOnRails::Installer::Svelte
+    svelte_i.install_svelte
 
-        import { initializeSvelteComponents, cleanupSvelteComponents } from '@csedl/svelte-on-rails';
+    # Hello World
 
-        const components = import.meta.glob('/javascript/components/**/*.svelte', { eager: true });
-        const componentsRoot = '/javascript/components';
+    puts '-' * 80
+    hello_world_path = nil
+    if utils.ask_yn('Do you want to install the Hello World component?')
+      hw_i = SvelteOnRails::Installer::HelloWorld
+      hello_world_path = hw_i.install_hello_world
+    end
 
-        // Initialize Svelte components
-        initializeSvelteComponents(componentsRoot, components, true);
+    # finish
 
-        // Turbo event listener for page load
-        document.addEventListener('turbo:load', () => {
-            initializeSvelteComponents(componentsRoot, components, true);
-        });
+    puts '-' * 80
+    puts 'FINISHED SVELTE INSTALLATION'
+    puts '-' * 80
 
-        // Turbo event listener for cleanup before page cache
-        document.addEventListener('turbo:before-cache', () => {
-            cleanupSvelteComponents(false);
-        });
-      JAVASCRIPT
-      puts "Created initializer file at file://#{config_path}"
+    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}."
     end
+    puts "Happy coding!"
+    #exit
   end
 
-  def create_svelte_hello_world
-    file_path = Rails.root.join("app", "frontend", "javascript", "components", "HelloWorld.svelte")
-    if File.exist?(file_path)
-      puts "Hello World file already exists: file://#{file_path}"
-    else
-      File.write(file_path, <<~HTML)
-        <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;
-            }
-        </style>
-      HTML
-      puts "Hello World file at file://#{file_path}"
-    end
-  end
+  desc "Installs SvelteOnRails YAML configuration into your Rails application"
+  task :install do
 
-  def create_file(file_path)
+    # svelte_on_rails
+
+    utils.write_templates(['config/svelte_on_rails.yml'])
+    npm_i.install_or_update_package('@csedl/svelte-on-rails')
 
-    unless File.exist?(file_path)
-      FileUtils.touch(file_path)
-      puts "Created empty file at file://#{file_path}"
-    end
   end
 
-  def add_line_to_file(file_path, line)
-    file_content = File.exist?(file_path) ? File.read(file_path) : ""
+  desc "Removes the Hello World component"
+  task :remove_hello_world do
 
-    if file_content.match?(/#{line}/)
-      puts "#{line} already present in #{file_path}, nothing changed here."
-      return
-    end
+      hw_i = SvelteOnRails::Installer::HelloWorld
+      hw_i.remove_hello_world
 
-    File.open(file_path, 'a') do |file|
-      file.puts(line)
-    end
-    puts "added #{line} to #{file_path}."
-  rescue StandardError => e
-    puts "Error: #{e.message}"
   end
 
-  def create_folder(folder)
-    if Dir.exist?(folder)
-      puts "Folder already exists: #{folder}"
-    else
-      FileUtils.mkdir_p(folder)
-      puts "Created folder: #{folder}"
+  desc "Add the Hello World component"
+  task :add_hello_world do
+
+    puts '-' * 80
+    if utils.ask_yn('Do you want to install the Hello World component?')
+      hw_i = SvelteOnRails::Installer::HelloWorld
+      hello_world_path = hw_i.install_hello_world
+      puts "You can now see the Hello World component on: #{hello_world_path}."
     end
+
   end
 
-  def create_configuration_file
-    config_path = Rails.root.join("config", "svelte_on_rails.yml")
-    if File.exist?(config_path)
-      puts "Configuration file already exists at file://#{config_path}"
-    else
-      File.write(config_path, <<~YAML)
-        
-        frontend_folder: "app/frontend" 
-        # the entrypoint that is your web root, example for vite: where @ points to
-        # relative to Rails.root
-        
-        components_folder: "javascript/components" 
-        # relative to frontend_folder
-        # where your svelte components are located
-        
-        render_server_side: :auto 
-        # options: true, false, :auto
-        # :auto: render server side if request is initial request (works only with turbo, because it checks for the X-Turbo-Request-ID header)
-        # when not server-side rendered the components must be built as custom elements, see node-package @csedl/svelte-on-rails
-        
-        development:
-          watch_changes: true
-          # Check on every request if any file within the svelte components folder have changed, for recompiling
-          # Case sensitive path checking, even the file system is case insensitive
-          # Make sure this ist set to tue for development and test, but not for production
-          
-        test:
-          watch_changes: true
-          
-        production:
-      YAML
-      puts "Created configuration file at file://#{config_path}"
-    end
+  desc "Compile all Svelte components"
+  task :reset_and_compile_all do
+    SvelteOnRails::RenderServerSide.reset_and_compile_all
   end
+
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: svelte-on-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.18
+  version: 0.0.21
 platform: ruby
 authors:
 - Christian Sedlmair
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-04-17 00:00:00.000000000 Z
+date: 2025-05-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -34,6 +34,19 @@ files:
 - lib/svelte-on-rails.rb
 - lib/svelte_on_rails/compile.js
 - lib/svelte_on_rails/configuration.rb
+- lib/svelte_on_rails/installer/gem_utils.rb
+- lib/svelte_on_rails/installer/haml.rb
+- lib/svelte_on_rails/installer/hello_world.rb
+- lib/svelte_on_rails/installer/javascript.rb
+- lib/svelte_on_rails/installer/npm.rb
+- lib/svelte_on_rails/installer/rails_template/app/controllers/svelte_on_rails_hello_world_controller.rb
+- lib/svelte_on_rails/installer/rails_template/app/frontend/initializers/svelte.js
+- lib/svelte_on_rails/installer/rails_template/app/frontend/javascript/components/SvelteOnRailsHelloWorld.svelte
+- lib/svelte_on_rails/installer/rails_template/app/views/svelte_on_rails_hello_world/index.haml
+- lib/svelte_on_rails/installer/rails_template/config/svelte_on_rails.yml
+- 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/node_modules/@ampproject/remapping/LICENSE
 - lib/svelte_on_rails/node_modules/@ampproject/remapping/README.md
 - lib/svelte_on_rails/node_modules/@ampproject/remapping/dist/remapping.mjs