react_on_rails 11.0.0 → 12.0.0

data/lib/react_on_rails/utils.rb

@@ -8,6 +8,8 @@ require "active_support/core_ext/string"
 
 module ReactOnRails
   module Utils
+    TRUNCATION_FILLER = "\n... TRUNCATED ...\n"
+
     # https://forum.shakacode.com/t/yak-of-the-week-ruby-2-4-pathname-empty-changed-to-look-at-file-size/901
     # return object if truthy, else return nil
     def self.truthy_presence(obj)
@@ -22,13 +24,12 @@ module ReactOnRails
     # Pass in the msg and color as a symbol.
     def self.wrap_message(msg, color = :red)
       wrapper_line = ("=" * 80).to_s
-      # rubocop:disable Layout/IndentHeredoc
-      fenced_msg = <<-MSG
-#{wrapper_line}
-#{msg.strip}
-#{wrapper_line}
+      fenced_msg = <<~MSG
+        #{wrapper_line}
+        #{msg.strip}
+        #{wrapper_line}
       MSG
-      # rubocop:enable Layout/IndentHeredoc
+
       Rainbow(fenced_msg).color(color)
     end
 
@@ -46,29 +47,31 @@ module ReactOnRails
       unless status.success?
         stdout_msg = stdout.present? ? "\nstdout:\n#{stdout.strip}\n" : ""
         stderr_msg = stderr.present? ? "\nstderr:\n#{stderr.strip}\n" : ""
-        # rubocop:disable Layout/IndentHeredoc
-        msg = <<-MSG
-React on Rails FATAL ERROR!
-#{failure_message}
-cmd: #{cmd}
-exitstatus: #{status.exitstatus}#{stdout_msg}#{stderr_msg}
+        msg = <<~MSG
+          React on Rails FATAL ERROR!
+          #{failure_message}
+          cmd: #{cmd}
+          exitstatus: #{status.exitstatus}#{stdout_msg}#{stderr_msg}
         MSG
-        # rubocop:enable Layout/IndentHeredoc
+
         puts wrap_message(msg)
-        exit(1)
+
+        # Rspec catches exit without! in the exit callbacks
+        exit!(1)
       end
       [stdout, stderr, status]
     end
 
+    def self.server_bundle_path_is_http?
+      server_bundle_js_file_path =~ %r{https?://}
+    end
+
     def self.server_bundle_js_file_path
       # Either:
       # 1. Using same bundle for both server and client, so server bundle will be hashed in manifest
       # 2. Using a different bundle (different Webpack config), so file is not hashed, and
-      #    bundle_js_path will throw.
-      # 3. Not using webpacker, and bundle_js_path always returns
-
-      # Note, server bundle should not be in the manifest
-      # If using webpacker gem per https://github.com/rails/webpacker/issues/571
+      #    bundle_js_path will throw so the default path is used without a hash.
+      # 3. Not using webpacker, and this method returns the bundle_js_file_path
       return @server_bundle_path if @server_bundle_path && !Rails.env.development?
 
       bundle_name = ReactOnRails.configuration.server_bundle_js_file
@@ -76,8 +79,10 @@ exitstatus: #{status.exitstatus}#{stdout_msg}#{stderr_msg}
                               begin
                                 bundle_js_file_path(bundle_name)
                               rescue Webpacker::Manifest::MissingEntryError
-                                Rails.root.join(File.join(Webpacker.config.public_output_path,
-                                                          bundle_name)).to_s
+                                File.expand_path(
+                                  File.join(ReactOnRails::WebpackerUtils.webpacker_public_output_path,
+                                            bundle_name)
+                                )
                               end
                             else
                               bundle_js_file_path(bundle_name)
@@ -86,11 +91,12 @@ exitstatus: #{status.exitstatus}#{stdout_msg}#{stderr_msg}
 
     def self.bundle_js_file_path(bundle_name)
       if ReactOnRails::WebpackerUtils.using_webpacker? && bundle_name != "manifest.json"
-        ReactOnRails::WebpackerUtils.bundle_js_file_path_from_webpacker(bundle_name)
+        ReactOnRails::WebpackerUtils.bundle_js_uri_from_webpacker(bundle_name)
       else
         # Default to the non-hashed name in the specified output directory, which, for legacy
         # React on Rails, this is the output directory picked up by the asset pipeline.
-        File.join(ReactOnRails.configuration.generated_assets_dir, bundle_name)
+        # For Webpacker, this is the public output path defined in the webpacker.yml file.
+        File.join(generated_assets_full_path, bundle_name)
       end
     end
 
@@ -114,7 +120,7 @@ exitstatus: #{status.exitstatus}#{stdout_msg}#{stderr_msg}
 
     module Required
       def required(arg_name)
-        raise ReactOnRailsPro::Error, "#{arg_name} is required"
+        raise ReactOnRails::Error, "#{arg_name} is required"
       end
     end
 
@@ -130,12 +136,46 @@ exitstatus: #{status.exitstatus}#{stdout_msg}#{stderr_msg}
       end
     end
 
-    def self.generated_assets_dir
+    def self.using_webpacker_source_path_is_not_defined_and_custom_node_modules?
+      return false unless ReactOnRails::WebpackerUtils.using_webpacker?
+
+      !ReactOnRails::WebpackerUtils.webpacker_source_path_explicit? &&
+        ReactOnRails.configuration.node_modules_location.present?
+    end
+
+    def self.generated_assets_full_path
       if ReactOnRails::WebpackerUtils.using_webpacker?
         ReactOnRails::WebpackerUtils.webpacker_public_output_path
       else
-        ReactOnRails.configuration.generated_assets_dir
+        File.expand_path(ReactOnRails.configuration.generated_assets_dir)
       end
     end
+
+    def self.gem_available?(name)
+      Gem::Specification.find_all_by_name(name).present?
+    rescue Gem::LoadError
+      false
+    rescue StandardError
+      Gem.available?(name).present?
+    end
+
+    def self.react_on_rails_pro?
+      @react_on_rails_pro ||= gem_available?("react_on_rails_pro")
+    end
+
+    def self.smart_trim(str, max_length = 1000)
+      # From https://stackoverflow.com/a/831583/1009332
+      str = str.to_s
+      return str unless str.present? && max_length >= 1
+      return str if str.length <= max_length
+
+      return str[0, 1] + TRUNCATION_FILLER if max_length == 1
+
+      midpoint = (str.length / 2.0).ceil
+      to_remove = str.length - max_length
+      lstrip = (to_remove / 2.0).ceil
+      rstrip = to_remove - lstrip
+      str[0..(midpoint - lstrip - 1)] + TRUNCATION_FILLER + str[(midpoint + rstrip)..-1]
+    end
   end
 end

data/lib/react_on_rails/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ReactOnRails
-  VERSION = "11.0.0".freeze
+  VERSION = "12.0.0"
 end

data/lib/react_on_rails/version_checker.rb

@@ -5,7 +5,8 @@ module ReactOnRails
   # against each otherat runtime.
   class VersionChecker
     attr_reader :node_package_version
-    MAJOR_MINOR_PATCH_VERSION_REGEX = /(\d+)\.(\d+)\.(\d+)/
+
+    MAJOR_MINOR_PATCH_VERSION_REGEX = /(\d+)\.(\d+)\.(\d+)/.freeze
 
     def self.build
       new(NodePackageVersion.build)
@@ -20,6 +21,7 @@ module ReactOnRails
     # warning if they do not.
     def raise_if_gem_and_node_package_versions_differ
       return if node_package_version.relative_path?
+
       node_major_minor_patch = node_package_version.major_minor_patch
       gem_major_minor_patch = gem_major_minor_patch_version
       versions_match = node_major_minor_patch[0] == gem_major_minor_patch[0] &&
@@ -99,10 +101,12 @@ module ReactOnRails
 
       def major_minor_patch
         return if relative_path?
+
         match = raw.match(MAJOR_MINOR_PATCH_VERSION_REGEX)
         unless match
           raise ReactOnRails::Error, "Cannot parse version number '#{raw}' (wildcard versions are not supported)"
         end
+
         [match[1], match[2], match[3]]
       end
 

data/lib/react_on_rails/version_syntax_converter.rb

@@ -2,19 +2,21 @@
 
 require_relative "version"
 
-class VersionSyntaxConverter
-  def rubygem_to_npm(rubygem_version = ReactOnRails::VERSION)
-    regex_match = rubygem_version.match(/(\d+\.\d+\.\d+)[.\-]?(.+)?/)
-    return "#{regex_match[1]}-#{regex_match[2]}" if regex_match[2]
+module ReactOnRails
+  class VersionSyntaxConverter
+    def rubygem_to_npm(rubygem_version = ReactOnRails::VERSION)
+      regex_match = rubygem_version.match(/(\d+\.\d+\.\d+)[.\-]?(.+)?/)
+      return "#{regex_match[1]}-#{regex_match[2]}" if regex_match[2]
 
-    regex_match[1].to_s
-  end
+      regex_match[1].to_s
+    end
 
-  def npm_to_rubygem(npm_version)
-    match = npm_version
-            .tr("-", ".")
-            .strip
-            .match(/(\d.*)/)
-    match.present? ? match[0] : nil
+    def npm_to_rubygem(npm_version)
+      match = npm_version
+              .tr("-", ".")
+              .strip
+              .match(/(\d.*)/)
+      match.present? ? match[0] : nil
+    end
   end
 end

data/lib/react_on_rails/webpacker_utils.rb

@@ -1,18 +1,44 @@
+# frozen_string_literal: true
+
 module ReactOnRails
   module WebpackerUtils
     def self.using_webpacker?
-      ActionController::Base.helpers.respond_to?(:asset_pack_path)
+      ReactOnRails::Utils.gem_available?("webpacker")
+    end
+
+    def self.webpacker_webpack_production_config_exists?
+      webpacker_webpack_config_abs_path = File.join(Rails.root,
+                                                    "config/webpack/production.js")
+      File.exist?(webpacker_webpack_config_abs_path)
+    end
+
+    def self.dev_server_running?
+      return false unless using_webpacker?
+
+      Webpacker.dev_server.running?
     end
 
-    def self.bundle_js_file_path_from_webpacker(bundle_name)
-      possible_result = Webpacker.manifest.lookup(bundle_name)
-      hashed_bundle_name = possible_result.nil? ? Webpacker.manifest.lookup!(bundle_name) : possible_result
-      if Webpacker.dev_server.running?
-        result = "#{Webpacker.dev_server.protocol}://#{Webpacker.dev_server.host_with_port}#{hashed_bundle_name}"
-        result
+    # This returns either a URL for the webpack-dev-server, non-server bundle or
+    # the hashed server bundle if using the same bundle for the client.
+    # Otherwise returns a file path.
+    def self.bundle_js_uri_from_webpacker(bundle_name)
+      # Note Webpacker 3.4.3 manifest lookup is inside of the public_output_path
+      # [2] (pry) ReactOnRails::WebpackerUtils: 0> Webpacker.manifest.lookup("app-bundle.js")
+      # "/webpack/development/app-bundle-c1d2b6ab73dffa7d9c0e.js"
+      # Next line will throw if the file or manifest does not exist
+      hashed_bundle_name = Webpacker.manifest.lookup!(bundle_name)
+
+      # support for hashing the server-bundle and having that built
+      # by a webpack watch process and not served by the webpack-dev-server, then we
+      # need an extra config value "same_bundle_for_client_and_server" where a value of false
+      # would mean that the bundle is created by a separate webpack watch process.
+      is_server_bundle = bundle_name == ReactOnRails.configuration.server_bundle_js_file
+
+      if Webpacker.dev_server.running? && (!is_server_bundle ||
+        ReactOnRails.configuration.same_bundle_for_client_and_server)
+        "#{Webpacker.dev_server.protocol}://#{Webpacker.dev_server.host_with_port}#{hashed_bundle_name}"
       else
-        # Next line will throw if the file or manifest does not exist
-        Rails.root.join(File.join("public", hashed_bundle_name)).to_s
+        File.expand_path(File.join("public", hashed_bundle_name)).to_s
       end
     end
 
@@ -21,15 +47,23 @@ module ReactOnRails
     end
 
     def self.webpacker_public_output_path
-      Webpacker.config.public_output_path
+      # Webpacker has the full absolute path of webpacker output files in a Pathname
+      Webpacker.config.public_output_path.to_s
     end
 
     def self.manifest_exists?
       Webpacker.config.public_manifest_path.exist?
     end
 
+    def self.webpacker_source_path_explicit?
+      # WARNING: Calling private method `data` on Webpacker::Configuration, lib/webpacker/configuration.rb
+      config_webpacker_yml = Webpacker.config.send(:data)
+      config_webpacker_yml[:source_path].present?
+    end
+
     def self.check_manifest_not_cached
       return unless using_webpacker? && Webpacker.config.cache_manifest?
+
       msg = <<-MSG.strip_heredoc
           ERROR: you have enabled cache_manifest in the #{Rails.env} env when using the
           ReactOnRails::TestHelper.configure_rspec_to_compile_assets helper

data/lib/react_on_rails.rb

@@ -3,14 +3,17 @@
 require "rails"
 
 require "react_on_rails/error"
-require "react_on_rails/react_on_rails_helper"
+require "react_on_rails/prerender_error"
+require "react_on_rails/json_parse_error"
+require "react_on_rails/helper"
 require "react_on_rails/controller"
 require "react_on_rails/version"
 require "react_on_rails/version_checker"
 require "react_on_rails/configuration"
 require "react_on_rails/server_rendering_pool"
+require "react_on_rails/server_rendering_js_code"
 require "react_on_rails/engine"
-require "react_on_rails/react_component/options"
+require "react_on_rails/react_component/render_options"
 require "react_on_rails/version_syntax_converter"
 require "react_on_rails/test_helper"
 require "react_on_rails/git_utils"
@@ -19,4 +22,6 @@ require "react_on_rails/webpacker_utils"
 require "react_on_rails/test_helper/webpack_assets_compiler"
 require "react_on_rails/test_helper/webpack_assets_status_checker"
 require "react_on_rails/test_helper/ensure_assets_compiled"
-require "react_on_rails/locales_to_js"
+require "react_on_rails/locales/base"
+require "react_on_rails/locales/to_js"
+require "react_on_rails/locales/to_json"

data/lib/tasks/assets.rake

@@ -1,69 +1,56 @@
 # frozen_string_literal: true
 
-require "react_on_rails/assets_precompile"
-require "active_support"
+# Important: The default assets:precompile is modified ONLY if the rails/webpacker webpack config
+# does not exist!
 
-if defined?(Sprockets)
-  namespace :react_on_rails do
-    namespace :assets do
-      desc "Creates non-digested symlinks for the assets in the public asset dir"
-      task symlink_non_digested_assets: :"assets:environment" do
-        ReactOnRails::AssetsPrecompile.new.symlink_non_digested_assets
-      end
+require "active_support"
 
-      desc "Cleans all broken symlinks for the assets in the public asset dir"
-      task delete_broken_symlinks: :"assets:environment" do
-        ReactOnRails::AssetsPrecompile.new.delete_broken_symlinks
-      end
+ENV["RAILS_ENV"] ||= ENV["RACK_ENV"] || "development"
+ENV["NODE_ENV"]  ||= "development"
 
-      # In this task, set prerequisites for the assets:precompile task
-      desc <<-DESC.strip_heredoc
-        Create webpack assets before calling assets:environment
-        The webpack task must run before assets:environment task.
-        Otherwise Sprockets cannot find the files that webpack produces.
-        This is the secret sauce for how a Heroku deployment knows to create the webpack generated JavaScript files.
-      DESC
-      task compile_environment: :webpack do
-        Rake::Task["assets:environment"].invoke
-      end
+unless ReactOnRails::WebpackerUtils.webpacker_webpack_production_config_exists?
+  # Ensure that rails/webpacker does not call bin/webpack if we're providing
+  # the build command.
+  ENV["WEBPACKER_PRECOMPILE"] = "false"
 
-      desc "Delete assets created with webpack, in the generated assetst directory (/app/assets/webpack)"
-      task clobber: :environment do
-        ReactOnRails::AssetsPrecompile.new.clobber
-      end
+  if Rake::Task.task_defined?("assets:precompile")
+    Rake::Task["assets:precompile"].enhance do
+      Rake::Task["react_on_rails:assets:webpack"].invoke
+      puts "Invoking task webpacker:clean from React on Rails"
+      Rake::Task["webpacker:clean"].invoke
     end
+  else
+    Rake::Task.define_task("assets:precompile" => ["react_on_rails:assets:webpack",
+                                                   "webpacker:clean"])
   end
-
-  # These tasks run as pre-requisites of assets:precompile.
-  # Note, it's not possible to refer to ReactOnRails configuration values at this point.
-  Rake::Task["assets:precompile"]
-    .clear_prerequisites
-    .enhance([:environment, "react_on_rails:assets:compile_environment"])
-    .enhance do
-      Rake::Task["react_on_rails:assets:symlink_non_digested_assets"].invoke
-      Rake::Task["react_on_rails:assets:delete_broken_symlinks"].invoke
-    end
 end
 
 # Sprockets independent tasks
 namespace :react_on_rails do
   namespace :assets do
     desc <<-DESC.strip_heredoc
-      Compile assets with webpack
-      Uses command defined with ReactOnRails.configuration.build_production_command
-
-      sh "#{ReactOnRails::Utils.prepend_cd_node_modules_directory('<ReactOnRails.configuration.build_production_command>')}"
+      Compile assets with webpack	
+      Uses command defined with ReactOnRails.configuration.build_production_command	
+      sh "#{ReactOnRails::Utils.prepend_cd_node_modules_directory('<ReactOnRails.configuration.build_production_command>')}"	
+      Note: This command is not automatically added to assets:precompile if the rails/webpacker	
+      configuration file config/webpack/production.js exists.
     DESC
     task webpack: :locale do
-      if Rake::Task.task_defined?("webpacker:compile")
-        # TODO: Eventually, this will need reconsideration if we use any of the Webpacker compilation
-        Rake::Task["webpacker:compile"].clear
-      end
-
       if ReactOnRails.configuration.build_production_command.present?
         sh ReactOnRails::Utils.prepend_cd_node_modules_directory(
           ReactOnRails.configuration.build_production_command
         ).to_s
+      else
+        msg = <<~MSG
+          React on Rails is aborting webpack compilation from task react_on_rails:assets:webpack
+          because you do not have the `config.build_production_command` defined.
+
+          Note, this task may have run as part of `assets:precompile`. If file
+          config/webpack/production.js does not exist, React on Rails will modify
+          the default `asset:precompile` to run task `react_on_rails:assets:webpack`.
+        MSG
+        puts Rainbow(msg).red
+        exit!(1)
       end
     end
   end

data/lib/tasks/locale.rake

@@ -1,6 +1,8 @@
 # frozen_string_literal: true
 
-require "react_on_rails/locales_to_js"
+require "react_on_rails/locales/base"
+require "react_on_rails/locales/to_js"
+require "react_on_rails/locales/to_json"
 require "active_support"
 
 namespace :react_on_rails do
@@ -10,6 +12,6 @@ namespace :react_on_rails do
     the "ReactOnRails.configuration.i18n_dir".
   DESC
   task locale: :environment do
-    ReactOnRails::LocalesToJs.new
+    ReactOnRails::Locales.compile
   end
 end

data/package-scripts.yml

@@ -0,0 +1,49 @@
+scripts:
+  lint:
+    description: Run all linters (eslint, tsc)
+    script: concurrently --prefix "[{name}]" --names "ESLINT" -c "blue,yellow,magenta,orange" "nps eslint"
+
+  eslint:
+    default:
+      description: Run eslint.
+      script: eslint . --ext ".js,.jsx,.ts"
+    fix:
+      description: Run eslint and auto-fix.
+      script: nps "eslint --fix"
+    debug:
+      description: Run eslint in debug mode.
+      script: DEBUG=eslint:cli-engine nps eslint
+
+  format:
+    default:
+      description: Format files using prettier.
+      script: concurrently --prefix "[{name}]" --names "ts,js,json" -c "yellow,magenta,green" "nps format.js" "nps format.json"
+    listDifferent:
+      description: Check that all files were formatted using prettier.
+      script: |
+        concurrently \
+          --prefix "[{name}]" \
+          --names "ts,js,json" \
+          -c "yellow,magenta" \
+          "nps format.js.listDifferent" \
+          "nps format.json.listDifferent"
+    js:
+      default:
+        description: Run prettier-eslint on JS.
+        #script: prettier "packages/**/*.@(js|jsx)" "spec/dummy/client/app/**/*.@(js|jsx)" "webpack.config.babel.js" "webpack/**/*.js" --write
+        script: prettier "**/*.@(js|jsx)" --write
+      listDifferent:
+        description: Check if any JS files would change by running prettier-eslint.
+        # script: prettier "**/*.@(js|jsx)" "webpack.config.babel.js" "webpack/**/*.js" --list-different
+        script: prettier "**/*.@(js|jsx)" --list-different
+    json:
+      default:
+        description: Run prettier on JSON files.
+        script: rm -rf packages/vm-renderer/tests/tmp && prettier "**/*.json" --write
+      listDifferent:
+        description: Check if any JSON files would change by running prettier-eslint.
+        script: prettier "**/*.json" --list-different
+
+  renderer:
+    description: Starts the node renderer.
+    script: node renderer.js

data/package.json

@@ -1,73 +1,83 @@
 {
   "name": "react-on-rails",
-  "version": "11.0.0",
+  "version": "12.0.0",
   "description": "react-on-rails JavaScript for react_on_rails Ruby gem",
   "main": "node_package/lib/ReactOnRails.js",
   "directories": {
     "doc": "docs"
   },
   "devDependencies": {
-    "babel-cli": "^6.24.1",
-    "babel-core": "^6.25.0",
-    "babel-loader": "^7.1.1",
-    "babel-plugin-react-transform": "^2.0.2",
-    "babel-plugin-transform-flow-strip-types": "^6.22.0",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-es2015": "^6.24.1",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-2": "^6.24.1",
-    "babel-runtime": "^6.25.0",
-    "babel-tape-runner": "^2.0.1",
-    "babel-types": "^6.25.0",
-    "babelify": "^7.3.0",
+    "@babel/cli": "^7.0.0",
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.0.0",
+    "@babel/plugin-transform-typescript": "^7.8.7",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/types": "^7.0.0",
+    "@types/jest": "^25.1.4",
+    "@types/node": "^13.9.0",
+    "@types/react": "^16.9.23",
+    "@types/react-dom": "^16.9.5",
+    "@types/turbolinks": "^5.2.0",
+    "@typescript-eslint/eslint-plugin": "^2.23.0",
+    "@typescript-eslint/parser": "^2.23.0",
+    "babel-loader": "^8.0.2",
+    "babelify": "^10.0.0",
     "blue-tape": "^1.0.0",
     "create-react-class": "^15.6.0",
-    "eslint": "^3.19.0",
-    "eslint-config-shakacode": "^15.0.0",
+    "eslint": "^6.8.0",
+    "eslint-config-prettier": "^6.10.1",
+    "eslint-config-shakacode": "^16.0.1",
     "eslint-plugin-import": "^2.6.1",
-    "eslint-plugin-jsx-a11y": "^5.1.1",
+    "eslint-plugin-jsx-a11y": "^6.1.2",
+    "eslint-plugin-prettier": "^3.0.0",
     "eslint-plugin-react": "^7.1.0",
-    "flow-bin": "^0.51.1",
+    "jest": "^25.1.0",
     "jsdom": "^11.1.0",
+    "nps": "^5.9.3",
+    "prettier": "^2.0.1",
+    "prettier-eslint-cli": "^5.0.0",
     "prop-types": "^15.5.10",
-    "react": "^15.6.1",
-    "react-dom": "^15.6.1",
+    "react": "^16.5.2",
+    "react-dom": "^16.5.2",
     "react-transform-hmr": "^1.0.4",
-    "redux": "^3.7.2",
-    "release-it": "^2.8.2",
-    "tap-spec": "^4.1.1",
-    "tape": "^4.7.0",
+    "redux": "^4.0.1",
+    "release-it": "^8.2.0",
+    "ts-jest": "^25.2.1",
+    "tslint-config-prettier": "^1.18.0",
+    "typescript": "^3.8.3",
     "webpack": "^3.4.1",
     "webpack-manifest-plugin": "^1.2.1"
   },
+  "dependencies": {
+    "@babel/runtime-corejs3": "^7.9.6",
+    "concurrently": "^5.1.0"
+  },
   "peerDependencies": {
-    "babel-runtime": ">= 6",
     "js-yaml": ">= 3.0.0",
-    "react": ">= 0.14",
-    "react-dom": ">= 0.14"
+    "react": ">= 16",
+    "react-dom": ">= 16"
   },
   "files": [
     "node_package/lib",
     "webpackConfigLoader.js"
   ],
   "scripts": {
-    "test": "babel-tape-runner -r node_package/tests/helpers/test_helper.js node_package/tests/*.js | tap-spec",
+    "test": "jest node_package/tests",
     "clean": "rm -rf node_package/lib",
-    "prepublish": "yarn run build",
-    "babel": "babel --out-dir node_package/lib node_package/src",
-    "build": "yarn run clean && yarn run babel",
-    "build-watch": "babel --watch --out-dir node_package/lib node_package/src",
-    "eslint": "eslint .",
-    "flow": "flow check node_package",
-    "lint": "yarn run eslint && yarn run flow",
-    "check": "yarn run lint && yarn run flow && yarn run test",
+    "start": "nps",
+    "prepare": "yarn run build",
+    "build": "yarn run clean && yarn run tsc --declaration",
+    "build-watch": "yarn run clean && yarn run tsc --watch",
+    "lint": "nps eslint",
+    "check": "yarn run lint && yarn run test && yarn run type-check",
+    "type-check": "yarn run tsc --noEmit --noErrorTruncation",
     "prerelease": "yarn run check && yarn run clean && yarn run build",
     "release:patch": "node_package/scripts/release patch",
     "release:minor": "node_package/scripts/release minor",
     "release:major": "node_package/scripts/release major",
     "dummy:install": "rake dummy_apps",
-    "dummy:spec": "rake run_rspec:dummy",
-    "install-react-on-rails": "yarn link"
+    "dummy:spec": "rake run_rspec:dummy"
   },
   "repository": {
     "type": "git",
@@ -86,6 +96,5 @@
   "bugs": {
     "url": "https://github.com/shakacode/react_on_rails/issues"
   },
-  "homepage": "https://github.com/shakacode/react_on_rails#readme",
-  "dependencies": {}
+  "homepage": "https://github.com/shakacode/react_on_rails#readme"
 }