rails-react-views 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: a028f3d9ae7fd27788a2562640ed586391a6ad570f7819dd3b856fb17ede47fd
+  data.tar.gz: 69c77a908ef892d597c51ca3c147d2d1cc8484569c4459fa2d9e26774a5759f7
+SHA512:
+  metadata.gz: ece3d02d088046ce4a5d3fb9fe7553307e18d06782ef1f9c51de8b06a4369ad788cbbe1bfbb01b2347cd380ad08f387cdff499bc11c2d8312edfd1a168f2cc8b
+  data.tar.gz: e18d0f3068ee08ac8d975b7f838734cd9c265f9308829e32cab2cf49608ac7d609c77813e2f404895f690e7f9f7b39988a311f8970ae702724091a023c7261e8

data/LICENSE

@@ -0,0 +1 @@
+../LICENSE

data/README.md

@@ -0,0 +1 @@
+../README.md

data/lib/rails-react-views.rb

@@ -0,0 +1,9 @@
+require 'rails_react_views/concern'
+require 'rails_react_views/config'
+require 'rails_react_views/digest'
+require 'rails_react_views/prerenderer'
+require 'rails_react_views/railtie'
+require 'rails_react_views/version'
+
+module RailsReactViews
+end

data/lib/rails_react_views/concern.rb

@@ -0,0 +1,30 @@
+module RailsReactViews
+  module Concern
+    extend ActiveSupport::Concern
+
+    def render_react_view(view: nil, props: {}, prerender: true, cache: true, layout: nil)
+      view ||= "#{controller_path}/#{action_name}"
+      layout ||= RailsReactViews::config[:layout]
+      context = RailsReactViews::Prerenderer.build_context(view: view, props: props, path: request.path)
+
+      respond_to do |format|
+        format.html do
+          context_json = context.to_json
+          response = prerender ? RailsReactViews::Prerenderer.prerender(context_json: context_json, cache: cache) : {}
+          @head = response[:head]
+          @body = response[:body]
+          @body_with_state = "<div id=\"rails-react-view\">#{@body}</div>\n<script>window.__RAILS_REACT_VIEW_CONTEXT__ = #{context_json}</script>".html_safe
+
+          render inline: "<%= content_for :head, @head %><%= @body_with_state %>", layout: layout
+        end
+
+        format.json do
+          render json: {
+            **context,
+            '__type': 'RailsReactView'
+          }
+        end
+      end
+    end
+  end
+end

data/lib/rails_react_views/config.rb

@@ -0,0 +1,14 @@
+module RailsReactViews
+  def self.config
+    @@config ||= begin
+      config =
+        if Rails.env.production?
+          `NODE_ENV=production node node_modules/rails-react-views/dist/cjs/server/scripts/config.js`
+        else
+          `BABEL_ENV=test node_modules/.bin/babel-node -x '.js,.jsx,.ts,.tsx' node_modules/rails-react-views/dist/cjs/server/scripts/config.js`
+        end
+
+      JSON.parse(config).with_indifferent_access
+    end
+  end
+end

data/lib/rails_react_views/digest.rb

@@ -0,0 +1,19 @@
+module RailsReactViews
+  def self.digest
+    if Rails.env.production?
+      @@digest ||= calculate_digest
+    else
+      calculate_digest
+    end
+  end
+
+  private
+
+  def self.calculate_digest
+    js_files = Dir.glob(Rails.root.join('app/javascript/**/*')).reject { |file| File.directory?(file) }
+    yarn_digest = Digest::MD5.file(Rails.root.join('yarn.lock'))
+    digests = js_files.map { |file| Digest::MD5.file(file).to_s } << yarn_digest
+
+    Digest::MD5.hexdigest(digests.to_s)
+  end
+end

data/lib/rails_react_views/prerenderer.rb

@@ -0,0 +1,110 @@
+module RailsReactViews
+  class Prerenderer
+    class << self
+      def prerender(view: '', path: '', props: {}, context: nil, context_json: nil, cache: true)
+        context_json ||= (context || build_context(props: props, view: view, path: path)).to_json
+
+        if cache && Rails.configuration.action_controller.perform_caching
+          context_digest = Digest::MD5.hexdigest(context_json)
+
+          Rails.cache.fetch([RailsReactViews::digest, :rails_react_views, :prerenderer, :prerender, context_digest]) do
+            process_prerender(context_json)
+          end
+        else
+          process_prerender(context_json)
+        end
+      end
+
+      def build_context(props: {}, view:, path:)
+        {
+          props: props,
+          view: view,
+          path: base_path(path)
+        }
+      end
+
+      private
+
+      def process_prerender(context_json)
+        if server?
+          begin
+            server_prerender(context_json)
+          rescue
+            cmd? ? cmd_prerender(context_json) : {}
+          end
+        elsif cmd?
+          cmd_prerender(context_json)
+        else
+          {}
+        end
+      end
+
+      def server_prerender(context_json)
+        port = RailsReactViews::config[:port]
+        response = HTTParty.post("http://localhost:#{port}", body: { context: context_json })
+
+        html = response.success? ? response.body : ''
+        split_html(html)
+      end
+
+      def cmd_prerender(context_json)
+        encoded_context = encode_text(context_json)
+        encoded_html =
+          if Rails.env.production?
+            `NODE_ENV=production node node_modules/rails-react-views/dist/cjs/server/scripts/cmd.js #{encoded_context}`
+          else
+            `BABEL_ENV=test node_modules/.bin/babel-node -x '.js,.jsx,.ts,.tsx' node_modules/rails-react-views/dist/cjs/server/scripts/cmd.js #{encoded_context}`
+          end
+
+        html = decode_text(encoded_html)
+        split_html(html)
+      end
+
+      def encode_text(text)
+        gzipped_text = Zlib::Deflate.deflate(text)
+        Base64.strict_encode64(gzipped_text)
+      end
+
+      def decode_text(text)
+        decoded_text = Base64.strict_decode64(text)
+        Zlib::Inflate.inflate(decoded_text).force_encoding('utf-8')
+      end
+
+      def base_path(path)
+        if path.ends_with?('.json')
+          path[0..-6]
+        else
+          path
+        end
+      end
+
+      def split_html(html = '')
+        head_start = html.index('<head>')
+        head_end = html.index('</head>')
+        head = (head_start && head_end ? html[head_start + 6..head_end - 1] : '').html_safe
+
+        body_start = html.index('<body>')
+        body_end = html.index('</body>')
+        body = (body_start && body_end ? html[body_start + 6..body_end - 1] : '').html_safe
+
+        { head: head, body: body }
+      end
+
+      def server?
+        RailsReactViews::config[:server]
+      end
+
+      def cmd?
+        RailsReactViews::config[:cmd]
+      end
+
+      def server_up?
+        port = RailsReactViews::config[:port]
+        response = HTTParty.get("http://localhost:#{port}/ping")
+        response.code == 200
+      rescue
+        false
+      end
+    end
+  end
+end

data/lib/rails_react_views/railtie.rb

@@ -0,0 +1,12 @@
+module RailsReactViews
+  class Railtie < Rails::Railtie
+    initializer "railtie.initializer" do
+      RailsReactViews.config
+      RailsReactViews.digest
+
+      ActiveSupport.on_load(:action_controller) do
+        include RailsReactViews::Concern
+      end
+    end
+  end
+end

data/lib/rails_react_views/version.rb

@@ -0,0 +1,3 @@
+module RailsReactViews
+  VERSION = "0.0.1"
+end

metadata

@@ -0,0 +1,79 @@
+--- !ruby/object:Gem::Specification
+name: rails-react-views
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Nick Geerts
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2021-07-08 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '5'
+- !ruby/object:Gem::Dependency
+  name: webpacker
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '5'
+description: A library for full integration of React.js views in Ruby on Rails.
+email: 
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- lib/rails-react-views.rb
+- lib/rails_react_views/concern.rb
+- lib/rails_react_views/config.rb
+- lib/rails_react_views/digest.rb
+- lib/rails_react_views/prerenderer.rb
+- lib/rails_react_views/railtie.rb
+- lib/rails_react_views/version.rb
+homepage: https://rubygems.org/gems/rails-react-views
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.6
+signing_key: 
+specification_version: 4
+summary: React.js views for Ruby on Rails
+test_files: []