vite_react 0.1.5 → 0.1.8

data/lib/vite_react/node_manager.rb

@@ -0,0 +1,39 @@
+module ViteReact
+  module NodeServerManager
+    class << self
+      def start!
+        return if @started
+        @started = true
+
+        node_executable = ViteReact.config.node_path ||
+                          `which bun`.strip
+        unless node_executable && !node_executable.empty?
+          Rails.logger.error("Node executable not found. SSR functionality disabled.")
+          return
+        end
+
+        server_script = File.expand_path("/node/ssr-server.ts", __FILE__)
+        port = ViteReact.config.node_server_port
+        command = "#{node_executable} #{server_script} --expirimental-strip-types --port=#{port}"
+        Rails.logger.info("Starting vite_react_ssr Node server with: #{command}")
+
+        @pid = Process.spawn(command, out: "/dev/null", err: "/dev/null")
+        Rails.logger.info("vite_react_ssr Node server started with pid: #{@pid}")
+
+        sleep 1
+
+        at_exit { stop! }
+      rescue => e
+        Rails.logger.error("Failed to start vite_react_ssr Node server: #{e.message}")
+      end
+
+      def stop!
+        return unless @pid
+        Rails.logger.info("Stopping vite_react_ssr Node server (pid: #{@pid})")
+        Process.kill("TERM", @pid)
+      rescue => e
+        Rails.logger.error("Error stopping vite_react_ssr Node server: #{e.message}")
+      end
+    end
+  end
+end

data/lib/vite_react/railtie.rb

@@ -1,28 +1,130 @@
 require "rails"
 require "rails/railtie"
-require "rails/generators"
-require "rails/generators/rails/scaffold/scaffold_generator"
 
+require "net/http"
+require "json"
+require "securerandom"
 
 module ViteReact
-  module ScaffoldGenerator
-    extend ActiveSupport::Concern
-    included do
-      hook_for :scaffold, in: nil, default: true, type: :boolean
+  module ReactComponentHelper
+    # Usage:
+    #   <%== react_component("MyComponent", props: { name: "Alice" }) %>
+    # for client‑side hydration, and:
+    #
+    #   <%== react_component("MyComponent", props: { name: "Alice" }) do %>
+    #     <div>Extra ERB content</div>
+    #   <% end %>
+    #
+    # for SSR via renderToPipeableStream.
+    def react_component(name, props: {}, ssr: false, &block)
+      if block_given? or ssr
+        # SERVER‑SIDE RENDERING: capture block content
+        children_html = capture(&block)
+        # Merge in the children as a prop for your React component
+        props_with_children = props.merge(children: children_html)
+        ssr_html = render_react_component_ssr(name, props_with_children)
+        ssr_html
+      else
+        # CLIENT‑SIDE RENDERING: output a placeholder div with data attributes
+        placeholder_id = "react-component-#{SecureRandom.hex(8)}"
+        content_tag(:div, "",
+                    id: placeholder_id,
+                    data: { react_component: name, props: props.to_json })
+      end
+    end
+
+    private
+
+    def render_react_component_ssr(name, props)
+      port = 4000 # ViteReact.config.node_server_port || 4000
+      uri = URI("http://localhost:#{port}/render")
+      http = Net::HTTP.new(uri.host, uri.port)
+      req = Net::HTTP::Post.new(uri, "Content-Type" => "application/json")
+      req.body = { component: name, props: props }.to_json
+
+      res = http.request(req)
+      if res.is_a?(Net::HTTPSuccess)
+        res.body.html_safe
+      else
+        Rails.logger.error("SSR Error: #{res.code} #{res.body}")
+        "Error rendering component"
+      end
+    rescue => e
+      Rails.logger.error("SSR Exception: #{e.message}")
+      "Error rendering component"
     end
   end
 end
 
 
-
 module ViteReact
   class Railtie < ::Rails::Railtie
+    initializer "vite_react.action_view" do
+      ActiveSupport.on_load(:action_view) do
+        include ViteReact::ReactComponentHelper
+      end
+    end
     rake_tasks do
       load "tasks/install.rake"
     end
-    generators do |app|
-      Rails::Generators.configure! app.config.generators
-      Rails::Generators::ScaffoldGenerator.include ViteReact::ScaffoldGenerator
+  end
+end
+
+
+module ViteReact
+  module ReactComponentHelper
+    # Renders a React component with extended options.
+    #
+    # Options:
+    #   - i18n: if true, merge current locale translations from Rails I18n YAML into props under :i18n.
+    #   - filename: if provided, used to determine the component file path on the Node server.
+    #
+    # Example usage:
+    #   <%== react_component("MyComponent", file_name="CustomFile", props: { name: "Alice" }, options: { i18n: true }) %>
+    def react_component(name, file_name: nil,  props: {}, options: {}, &block)
+      # Process options BEFORE any other logic.
+      if options[:i18n]
+        # Fetch only translations for the current locale from the YAML files.
+        translations = I18n.backend.send(:translations)[I18n.locale] || {}
+        props[:i18n] = translations
+      end
+      filename = name if file_name.nil?
+      if block_given?
+        # SERVER‑SIDE RENDERING: capture block content as children.
+        children_html = capture(&block)
+        props_with_children = props.merge(children: children_html)
+        ssr_html = render_react_component_ssr(name, props_with_children, filename)
+        ssr_html
+      else
+        # CLIENT‑SIDE RENDERING: output a placeholder div with data attributes.
+        placeholder_id = "react-component-#{SecureRandom.hex(8)}"
+        data_attributes = { react_component: name, props: props.to_json }
+        data_attributes[:filename] = filename if filename
+        content_tag(:div, "", id: placeholder_id, data: data_attributes)
+      end
+    end
+
+    private
+
+    def render_react_component_ssr(name, props, filename = nil)
+      port = 4000 # Alternatively, use ViteReact.config.node_server_port || 4000
+      uri = URI("http://localhost:#{port}/render")
+      http = Net::HTTP.new(uri.host, uri.port)
+      req = Net::HTTP::Post.new(uri, "Content-Type" => "application/json")
+      payload = { component: name, props: props }
+      payload[:filename] = filename if filename
+      req.body = payload.to_json
+
+      res = http.request(req)
+      if res.is_a?(Net::HTTPSuccess)
+        res.body.html_safe
+      else
+        Rails.logger.error("SSR Error: #{res.code} #{res.body}")
+        "Error rendering component"
+      end
+    rescue => e
+      Rails.logger.error("SSR Exception: #{e.message}")
+      "Error rendering component"
     end
   end
 end

data/lib/vite_react/version.rb

@@ -1,3 +1,3 @@
 module ViteReact
-  VERSION = "0.1.5"
+    VERSION = "0.1.8"
 end

data/lib/vite_react.rb

@@ -1,5 +1,14 @@
 require "vite_react/version"
 require "vite_react/railtie"
+require "vite_react/engine"
+
 
 module ViteReact
+   def self.config
+    @config ||= Configuration.new
+  end
+
+  def self.configure
+    yield(config)
+  end
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: vite_react
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.8
 platform: ruby
 authors:
 - lsproule
 bindir: bin
 cert_chain: []
-date: 2025-01-16 00:00:00.000000000 Z
+date: 2025-03-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -104,26 +104,45 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- lib/generators/devise/tailwind/tailwind_generator.rb
 - lib/generators/ui/component/component_generator.rb
 - lib/generators/ui/component/templates/component.tsx.erb
 - lib/generators/ui/register/register_generator.rb
+- lib/generators/v0/component_generator.rb
+- lib/generators/v0/install_generator.rb
+- lib/generators/vite_react/devise/devise.rb
 - lib/generators/vite_react/migration/migration.rb
 - lib/generators/vite_react/model_validation/model_validation_generator.rb
 - lib/generators/vite_react/scaffold/scaffold_generator.rb
+- lib/generators/vite_react/scaffold/templates/_form.html.erb.tt
+- lib/generators/vite_react/scaffold/templates/edit.html.erb.tt
+- lib/generators/vite_react/scaffold/templates/index.html.erb.tt
+- lib/generators/vite_react/scaffold/templates/new.html.erb.tt
+- lib/generators/vite_react/scaffold/templates/partial.html.erb.tt
+- lib/generators/vite_react/scaffold/templates/show.html.erb.tt
+- lib/generators/vite_react/stripe/stripe.rb
 - lib/install/App.tsx
+- lib/install/AppSSR.tsx
+- lib/install/Procfile.dev
 - lib/install/application.css
+- lib/install/application.jsx
 - lib/install/components.json
-- lib/install/eslint.config.js
 - lib/install/index.html.erb
+- lib/install/opentelemetry.rb.tt
+- lib/install/postcss.config.mjs
+- lib/install/ssr.ts
 - lib/install/tailwind.config.js
 - lib/install/tsconfig.app.json
 - lib/install/tsconfig.json
 - lib/install/tsconfig.node.json
 - lib/install/utils.ts
-- lib/install/vite.config.js
+- lib/install/vite.config.ts
 - lib/install/vite_react.rb
 - lib/tasks/install.rake
 - lib/vite_react.rb
+- lib/vite_react/configuration.rb
+- lib/vite_react/engine.rb
+- lib/vite_react/node_manager.rb
 - lib/vite_react/railtie.rb
 - lib/vite_react/version.rb
 homepage: https://docs.lucassproule.com