shakapacker 7.0.0.rc.0 → 7.0.0.rc.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (193) hide show
  1. checksums.yaml +4 -4
  2. data/.github/PULL_REQUEST_TEMPLATE.md +4 -8
  3. data/.github/workflows/dummy.yml +21 -0
  4. data/.github/workflows/generator.yml +37 -0
  5. data/.github/workflows/jest.yml +2 -2
  6. data/.github/workflows/js-lint.yml +2 -2
  7. data/.github/workflows/rubocop.yml +1 -1
  8. data/.github/workflows/ruby-backward-compatibility.yml +2 -6
  9. data/.github/workflows/ruby.yml +2 -6
  10. data/.gitignore +3 -0
  11. data/CHANGELOG.md +16 -18
  12. data/CONTRIBUTING.md +76 -20
  13. data/README.md +3 -1
  14. data/Rakefile +44 -8
  15. data/docs/deployment.md +1 -2
  16. data/lib/install/binstubs.rb +3 -1
  17. data/lib/install/config/webpack/webpack.config.js +3 -2
  18. data/lib/install/template.rb +27 -15
  19. data/lib/shakapacker/deprecation_helper.rb +4 -5
  20. data/lib/shakapacker/version.rb +1 -1
  21. data/lib/tasks/shakapacker/check_binstubs.rake +14 -10
  22. data/lib/tasks/shakapacker/compile.rake +1 -6
  23. data/package/index.js +16 -0
  24. data/package/utils/helpers.js +1 -1
  25. data/package.json +1 -1
  26. data/spec/dummy/.browserslistrc +1 -0
  27. data/spec/dummy/.gitignore +20 -0
  28. data/spec/dummy/.prettierrc.yaml +4 -0
  29. data/spec/dummy/Gemfile +63 -0
  30. data/spec/dummy/Procfile.dev +5 -0
  31. data/spec/dummy/Procfile.dev-static +9 -0
  32. data/spec/dummy/README.md +1 -0
  33. data/spec/dummy/Rakefile +6 -0
  34. data/spec/dummy/app/assets/config/manifest.js +2 -0
  35. data/spec/dummy/app/assets/stylesheets/application.css +15 -0
  36. data/spec/dummy/app/channels/application_cable/channel.rb +4 -0
  37. data/spec/dummy/app/channels/application_cable/connection.rb +4 -0
  38. data/spec/dummy/app/controllers/application_controller.rb +2 -0
  39. data/spec/dummy/app/controllers/hello_world_controller.rb +9 -0
  40. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  41. data/spec/dummy/app/javascript/Globals.d.ts +3 -0
  42. data/spec/dummy/app/javascript/bundles/HelloWorld/components/HelloWorld.module.css +25 -0
  43. data/spec/dummy/app/javascript/bundles/HelloWorld/components/HelloWorld.tsx +47 -0
  44. data/spec/dummy/app/javascript/bundles/HelloWorld/components/HelloWorldServer.tsx +5 -0
  45. data/spec/dummy/app/javascript/bundles/HelloWorld/components/logo.svg +7 -0
  46. data/spec/dummy/app/javascript/packs/application.js +17 -0
  47. data/spec/dummy/app/javascript/packs/hello-world-bundle.ts +8 -0
  48. data/spec/dummy/app/javascript/packs/server-bundle.ts +8 -0
  49. data/spec/dummy/app/jobs/application_job.rb +7 -0
  50. data/spec/dummy/app/mailers/application_mailer.rb +4 -0
  51. data/spec/dummy/app/models/application_record.rb +3 -0
  52. data/spec/dummy/app/models/concerns/.keep +0 -0
  53. data/spec/dummy/app/views/hello_world/index.html.erb +2 -0
  54. data/spec/dummy/app/views/layouts/application.html.erb +14 -0
  55. data/spec/dummy/app/views/layouts/hello_world.html.erb +13 -0
  56. data/spec/dummy/app/views/layouts/mailer.html.erb +13 -0
  57. data/spec/dummy/app/views/layouts/mailer.text.erb +1 -0
  58. data/spec/dummy/babel.config.js +30 -0
  59. data/spec/dummy/bin/bundle +114 -0
  60. data/spec/dummy/bin/dev +30 -0
  61. data/spec/dummy/bin/dev-static +30 -0
  62. data/spec/dummy/bin/rails +9 -0
  63. data/spec/dummy/bin/rake +9 -0
  64. data/spec/dummy/bin/setup +33 -0
  65. data/spec/dummy/bin/shakapacker +13 -0
  66. data/spec/dummy/bin/shakapacker-dev-server +13 -0
  67. data/spec/dummy/bin/spring +17 -0
  68. data/spec/dummy/bin/yarn +18 -0
  69. data/spec/dummy/config/application.rb +32 -0
  70. data/spec/dummy/config/boot.rb +4 -0
  71. data/spec/dummy/config/cable.yml +10 -0
  72. data/spec/dummy/config/credentials.yml.enc +1 -0
  73. data/spec/dummy/config/database.yml +25 -0
  74. data/spec/dummy/config/environment.rb +5 -0
  75. data/spec/dummy/config/environments/development.rb +54 -0
  76. data/spec/dummy/config/environments/production.rb +106 -0
  77. data/spec/dummy/config/environments/test.rb +49 -0
  78. data/spec/dummy/config/initializers/application_controller_renderer.rb +8 -0
  79. data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
  80. data/spec/dummy/config/initializers/content_security_policy.rb +28 -0
  81. data/spec/dummy/config/initializers/cookies_serializer.rb +5 -0
  82. data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  83. data/spec/dummy/config/initializers/inflections.rb +16 -0
  84. data/spec/dummy/config/initializers/mime_types.rb +4 -0
  85. data/spec/dummy/config/initializers/react_on_rails.rb +58 -0
  86. data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
  87. data/spec/dummy/config/locales/en.yml +33 -0
  88. data/spec/dummy/config/puma.rb +38 -0
  89. data/spec/dummy/config/routes.rb +6 -0
  90. data/spec/dummy/config/shakapacker.yml +62 -0
  91. data/spec/dummy/config/spring.rb +6 -0
  92. data/spec/dummy/config/storage.yml +34 -0
  93. data/spec/dummy/config/webpack/ServerClientOrBoth.js +34 -0
  94. data/spec/dummy/config/webpack/clientWebpackConfig.js +15 -0
  95. data/spec/dummy/config/webpack/commonWebpackConfig.js +18 -0
  96. data/spec/dummy/config/webpack/development.js +32 -0
  97. data/spec/dummy/config/webpack/production.js +9 -0
  98. data/spec/dummy/config/webpack/serverWebpackConfig.js +116 -0
  99. data/spec/dummy/config/webpack/test.js +7 -0
  100. data/spec/dummy/config/webpack/webpack.config.js +24 -0
  101. data/spec/dummy/config.ru +5 -0
  102. data/spec/dummy/db/seeds.rb +7 -0
  103. data/spec/dummy/lib/assets/.keep +0 -0
  104. data/spec/dummy/lib/tasks/.keep +0 -0
  105. data/spec/dummy/package.json +44 -0
  106. data/spec/dummy/postcss.config.js +12 -0
  107. data/spec/dummy/public/404.html +67 -0
  108. data/spec/dummy/public/422.html +67 -0
  109. data/spec/dummy/public/500.html +66 -0
  110. data/spec/dummy/public/apple-touch-icon-precomposed.png +0 -0
  111. data/spec/dummy/public/apple-touch-icon.png +0 -0
  112. data/spec/dummy/public/favicon.ico +0 -0
  113. data/spec/dummy/public/robots.txt +1 -0
  114. data/spec/dummy/spec/rails_helper.rb +118 -0
  115. data/spec/dummy/spec/spec_helper.rb +96 -0
  116. data/spec/dummy/spec/system/hello_world_spec.rb +19 -0
  117. data/spec/dummy/tsconfig.json +21 -0
  118. data/spec/dummy/vendor/.keep +0 -0
  119. data/spec/dummy/yarn.lock +4697 -0
  120. data/spec/generator_specs/e2e_template/files/app/controllers/home_controller.rb +4 -0
  121. data/spec/generator_specs/e2e_template/files/app/javascript/components/App.js +12 -0
  122. data/spec/generator_specs/e2e_template/files/app/javascript/packs/application.js +10 -0
  123. data/spec/generator_specs/e2e_template/files/app/views/home/index.html.erb +2 -0
  124. data/spec/generator_specs/e2e_template/files/app/views/layouts/application.html.erb +17 -0
  125. data/spec/generator_specs/e2e_template/files/config/routes.rb +3 -0
  126. data/spec/generator_specs/e2e_template/files/spec/system/test_react_component_renders_spec.rb +13 -0
  127. data/spec/generator_specs/e2e_template/template.rb +21 -0
  128. data/spec/generator_specs/generator_spec.rb +169 -0
  129. data/spec/{configuration_spec.rb → shakapacker/configuration_spec.rb} +10 -10
  130. data/spec/{dev_server_runner_spec.rb → shakapacker/dev_server_runner_spec.rb} +1 -1
  131. data/spec/{engine_rake_tasks_spec.rb → shakapacker/engine_rake_tasks_spec.rb} +2 -2
  132. data/spec/{manifest_spec.rb → shakapacker/manifest_spec.rb} +1 -1
  133. data/spec/shakapacker/rake_tasks_spec.rb +93 -0
  134. data/spec/{spec_helper_initializer.rb → shakapacker/spec_helper_initializer.rb} +1 -1
  135. data/spec/shakapacker/test_app/config/webpack/webpack.config.js +0 -0
  136. data/spec/shakapacker/test_app/some.config.js +0 -0
  137. data/spec/{version_checker_spec.rb → shakapacker/version_checker_spec.rb} +9 -9
  138. data/spec/{webpack_runner_spec.rb → shakapacker/webpack_runner_spec.rb} +1 -1
  139. metadata +170 -64
  140. data/gemfiles/Gemfile-rails.5.2.x +0 -9
  141. data/spec/rake_tasks_spec.rb +0 -34
  142. /data/docs/{developing_webpacker.md → developing_shakapacker.md} +0 -0
  143. /data/spec/backward_compatibility_specs/{command_spec_bc.rb → command_spec.rb} +0 -0
  144. /data/spec/backward_compatibility_specs/{compiler_spec_bc.rb → compiler_spec.rb} +0 -0
  145. /data/spec/backward_compatibility_specs/{compiler_strategy_spec_bc.rb → compiler_strategy_spec.rb} +0 -0
  146. /data/spec/backward_compatibility_specs/{configuration_spec_bc.rb → configuration_spec.rb} +0 -0
  147. /data/spec/backward_compatibility_specs/{dev_server_runner_spec_bc.rb → dev_server_runner_spec.rb} +0 -0
  148. /data/spec/backward_compatibility_specs/{dev_server_spec_bc.rb → dev_server_spec.rb} +0 -0
  149. /data/spec/backward_compatibility_specs/{digest_strategy_spec_bc.rb → digest_strategy_spec.rb} +0 -0
  150. /data/spec/backward_compatibility_specs/{engine_rake_tasks_spec_bc.rb → engine_rake_tasks_spec.rb} +0 -0
  151. /data/spec/backward_compatibility_specs/{env_spec_bc.rb → env_spec.rb} +0 -0
  152. /data/spec/backward_compatibility_specs/{helper_spec_bc.rb → helper_spec.rb} +0 -0
  153. /data/spec/backward_compatibility_specs/{instance_spec_bc.rb → instance_spec.rb} +0 -0
  154. /data/spec/backward_compatibility_specs/{manifest_spec_bc.rb → manifest_spec.rb} +0 -0
  155. /data/spec/backward_compatibility_specs/{mtime_strategy_spec_bc.rb → mtime_strategy_spec.rb} +0 -0
  156. /data/spec/backward_compatibility_specs/{rake_tasks_spec_bc.rb → rake_tasks_spec.rb} +0 -0
  157. /data/spec/backward_compatibility_specs/{webpack_runner_spec_bc.rb → webpack_runner_spec.rb} +0 -0
  158. /data/spec/backward_compatibility_specs/{webpacker_spec_bc.rb → webpacker_spec.rb} +0 -0
  159. /data/spec/{test_app/config/webpack/webpack.config.js → dummy/app/assets/images/.keep} +0 -0
  160. /data/spec/{test_app/some.config.js → dummy/app/controllers/concerns/.keep} +0 -0
  161. /data/spec/{command_spec.rb → shakapacker/command_spec.rb} +0 -0
  162. /data/spec/{compiler_spec.rb → shakapacker/compiler_spec.rb} +0 -0
  163. /data/spec/{compiler_strategy_spec.rb → shakapacker/compiler_strategy_spec.rb} +0 -0
  164. /data/spec/{dev_server_spec.rb → shakapacker/dev_server_spec.rb} +0 -0
  165. /data/spec/{digest_strategy_spec.rb → shakapacker/digest_strategy_spec.rb} +0 -0
  166. /data/spec/{env_spec.rb → shakapacker/env_spec.rb} +0 -0
  167. /data/spec/{helper_spec.rb → shakapacker/helper_spec.rb} +0 -0
  168. /data/spec/{instance_spec.rb → shakapacker/instance_spec.rb} +0 -0
  169. /data/spec/{mtime_strategy_spec.rb → shakapacker/mtime_strategy_spec.rb} +0 -0
  170. /data/spec/{webpacker_spec.rb → shakapacker/shakapacker_spec.rb} +0 -0
  171. /data/spec/{test_app → shakapacker/test_app}/.gitignore +0 -0
  172. /data/spec/{test_app → shakapacker/test_app}/Rakefile +0 -0
  173. /data/spec/{test_app → shakapacker/test_app}/app/javascript/entrypoints/application.js +0 -0
  174. /data/spec/{test_app → shakapacker/test_app}/app/javascript/entrypoints/generated/something.js +0 -0
  175. /data/spec/{test_app → shakapacker/test_app}/app/javascript/entrypoints/multi_entry.css +0 -0
  176. /data/spec/{test_app → shakapacker/test_app}/app/javascript/entrypoints/multi_entry.js +0 -0
  177. /data/spec/{test_app → shakapacker/test_app}/bin/shakapacker +0 -0
  178. /data/spec/{test_app → shakapacker/test_app}/bin/shakapacker-dev-server +0 -0
  179. /data/spec/{test_app → shakapacker/test_app}/config/application.rb +0 -0
  180. /data/spec/{test_app → shakapacker/test_app}/config/environment.rb +0 -0
  181. /data/spec/{test_app → shakapacker/test_app}/config/initializers/inspect_autoload_paths.rb +0 -0
  182. /data/spec/{test_app → shakapacker/test_app}/config/shakapacker.yml +0 -0
  183. /data/spec/{test_app → shakapacker/test_app}/config/shakapacker_css_extract_ignore_order_warnings.yml +0 -0
  184. /data/spec/{test_app → shakapacker/test_app}/config/shakapacker_defaults_fallback.yml +0 -0
  185. /data/spec/{test_app → shakapacker/test_app}/config/shakapacker_manifest_path.yml +0 -0
  186. /data/spec/{test_app → shakapacker/test_app}/config/shakapacker_nested_entries.yml +0 -0
  187. /data/spec/{test_app → shakapacker/test_app}/config/shakapacker_no_precompile.yml +0 -0
  188. /data/spec/{test_app → shakapacker/test_app}/config/shakapacker_other_location.yml +0 -0
  189. /data/spec/{test_app → shakapacker/test_app}/config/shakapacker_public_root.yml +0 -0
  190. /data/spec/{test_app → shakapacker/test_app}/config.ru +0 -0
  191. /data/spec/{test_app → shakapacker/test_app}/package.json +0 -0
  192. /data/spec/{test_app → shakapacker/test_app}/public/packs/manifest.json +0 -0
  193. /data/spec/{test_app → shakapacker/test_app}/yarn.lock +0 -0
@@ -1,23 +1,27 @@
1
1
  namespace :shakapacker do
2
2
  desc "Verifies that bin/shakapacker is present"
3
3
  task :check_binstubs do
4
- if File.exist?(Rails.root.join("bin/shakapacker"))
5
- exit
6
- elsif File.exist?(Rails.root.join("bin/webpacker"))
4
+ verify_file_existance("bin/shakapacker", "bin/webpacker")
5
+ verify_file_existance("bin/shakapacker-dev-server", "bin/webpacker-dev-server")
6
+ end
7
+ end
8
+
9
+ def verify_file_existance(main_file, alternative_file)
10
+ unless File.exist?(Rails.root.join(main_file))
11
+ if File.exist?(Rails.root.join(alternative_file))
7
12
  Shakapacker.puts_deprecation_message(
8
13
  Shakapacker.short_deprecation_message(
9
- "bin/webpacker",
10
- "bin/shakapacker"
14
+ alternative_file,
15
+ main_file
11
16
  )
12
17
  )
13
- exit
14
18
  else
15
19
  puts <<~MSG
16
- Could't find shakapacker binstubs!
20
+ Couldn't find shakapacker binstubs!
17
21
  Possible solutions:
18
- - Ensure you have run `rails shakapacker:install`.
19
- - Run `rails shakapacker:binstubs` if you have already installed shakapacker.
20
- - Ensure the `bin` directory and `bin/shakapacker` are not included in .gitignore.
22
+ - Ensure you have run `rails shakapacker:install`.
23
+ - Run `rails shakapacker:binstubs` if you have already installed shakapacker.
24
+ - Ensure the `bin` directory, `bin/shakapacker`, and `bin/shakapacker-dev-server` are not included in .gitignore.
21
25
  MSG
22
26
  exit!
23
27
  end
@@ -5,12 +5,7 @@ namespace :shakapacker do
5
5
  task compile: ["shakapacker:verify_install", :environment] do
6
6
  Shakapacker.with_node_env(ENV.fetch("NODE_ENV", "production")) do
7
7
  Shakapacker.ensure_log_goes_to_stdout do
8
- if Shakapacker.compile
9
- # Successful compilation!
10
- else
11
- # Failed compilation
12
- exit!
13
- end
8
+ exit! unless Shakapacker.compile
14
9
  end
15
10
  end
16
11
  end
data/package/index.js CHANGED
@@ -25,11 +25,27 @@ const generateWebpackConfig = () => {
25
25
  return immutable
26
26
  }
27
27
 
28
+ const webpackConfigForBackwardCompatibility = () => {
29
+ // eslint-disable-next-line no-console
30
+ console.log(`⚠️
31
+ DEPRECATION NOTICE:
32
+ The 'webpackConfig' is deprecated and will be removed in a future version.
33
+ Please use 'globalMutableWebpackConfig' instead, or use
34
+ 'generateWebpackConfig()' to avoid unwanted config manipulation across the app.
35
+
36
+ For more information, see version 7 upgrade documentation at:
37
+ https://github.com/shakacode/shakapacker/blob/master/docs/v7_upgrade.md
38
+ `)
39
+
40
+ return globalMutableWebpackConfig()
41
+ }
42
+
28
43
  module.exports = {
29
44
  config, // shakapacker.yml
30
45
  devServer,
31
46
  generateWebpackConfig,
32
47
  globalMutableWebpackConfig: globalMutableWebpackConfig(),
48
+ webpackConfig: webpackConfigForBackwardCompatibility(),
33
49
  baseConfig,
34
50
  env,
35
51
  rules,
@@ -2,7 +2,7 @@ const isArray = (value) => Array.isArray(value)
2
2
  const isBoolean = (str) => /^true/.test(str) || /^false/.test(str)
3
3
  const chdirTestApp = () => {
4
4
  try {
5
- return process.chdir('spec/test_app')
5
+ return process.chdir('spec/shakapacker/test_app')
6
6
  } catch (e) {
7
7
  return null
8
8
  }
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shakapacker",
3
- "version": "7.0.0-rc.0",
3
+ "version": "7.0.0-rc.1",
4
4
  "description": "Use webpack to manage app-like JavaScript modules in Rails",
5
5
  "main": "package/index.js",
6
6
  "files": [
@@ -0,0 +1 @@
1
+ defaults
@@ -0,0 +1,20 @@
1
+ # Ignore the default SQLite database.
2
+ /db/*.sqlite3
3
+ /db/*.sqlite3-journal
4
+ /db/*.sqlite3-*
5
+
6
+ # Ignore all logfiles and tempfiles.
7
+ /log
8
+ /tmp
9
+
10
+ /storage
11
+
12
+ /public/assets
13
+ .byebug_history
14
+
15
+ # Ignore master key for decrypting credentials and more.
16
+ /config/master.key
17
+
18
+ /public/packs
19
+ /public/packs-test
20
+ /node_modules
@@ -0,0 +1,4 @@
1
+ trailingComma: none
2
+ tabWidth: 2
3
+ semi: false
4
+ singleQuote: true
@@ -0,0 +1,63 @@
1
+ # frozen_string_literal: true
2
+
3
+ source "https://rubygems.org"
4
+ git_source(:github) { |repo| "https://github.com/#{repo}.git" }
5
+
6
+ # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
7
+ gem "rails", "~> 6.1"
8
+ # Use sqlite3 as the database for Active Record
9
+ gem "sqlite3", "~> 1.4"
10
+ # Use Puma as the app server
11
+ gem "puma", "~> 4.1"
12
+ # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
13
+ gem "jbuilder", "~> 2.7"
14
+ # Use Redis adapter to run Action Cable in production
15
+ # gem 'redis', '~> 4.0'
16
+ # Use Active Model has_secure_password
17
+ # gem 'bcrypt', '~> 3.1.7'
18
+
19
+ # Use Active Storage variant
20
+ # gem 'image_processing', '~> 1.2'
21
+
22
+ # Reduces boot times through caching; required in config/boot.rb
23
+ gem "bootsnap", ">= 1.4.2", require: false
24
+
25
+ group :development, :test, :production do
26
+ # Call 'byebug' anywhere in the code to stop execution and get a debugger console
27
+ gem "byebug", platforms: [:mri, :mingw, :x64_mingw]
28
+ end
29
+
30
+ group :development, :test do
31
+ gem "rspec-rails", "~> 6.0.0"
32
+ end
33
+
34
+ group :development do
35
+ # Access an interactive console on exception pages or by calling 'console' anywhere in the code.
36
+ gem "web-console", ">= 3.3.0"
37
+ gem "listen", "~> 3.2"
38
+ # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
39
+ gem "spring"
40
+ gem "spring-watcher-listen", "~> 2.0.0"
41
+ end
42
+
43
+ group :test do
44
+ # Adds support for Capybara system testing and selenium driver
45
+ # There is an important fix in 3.39.1.
46
+ gem "capybara", "~> 3.39.1"
47
+ # gem 'capybara-webkit'
48
+ gem "selenium-webdriver", ">= 4.9"
49
+ # Easy installation and use of web drivers to run system tests with browsers
50
+ gem "webdrivers"
51
+ end
52
+
53
+ # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
54
+ gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby]
55
+
56
+ gem "shakapacker", path: "../.."
57
+ gem "react_on_rails", "13.3.3"
58
+
59
+ gem "net-smtp", "~> 0.3.3"
60
+
61
+ # Psych 4+ comes with breakibg changes in Ruby 3.1.0. Though the issue are
62
+ # addressed in Rails 7. So remove this the next line in Rails 7.
63
+ gem "psych", "< 4"
@@ -0,0 +1,5 @@
1
+ # Procfile for development using HMR
2
+ # You can run these commands in separate shells
3
+ rails: bundle exec rails s -p 3000
4
+ wp-client: bin/shakapacker-dev-server
5
+ wp-server: SERVER_BUNDLE_ONLY=yes bin/shakapacker --watch
@@ -0,0 +1,9 @@
1
+ # You can run these commands in separate shells
2
+ web: rails s -p 3000
3
+
4
+ # Next line runs a watch process with webpack to compile the changed files.
5
+ # When making frequent changes to client side assets, you will prefer building webpack assets
6
+ # upon saving rather than when you refresh your browser page.
7
+ # Note, if using React on Rails localization you will need to run
8
+ # `bundle exec rake react_on_rails:locale` before you run bin/shakapacker
9
+ webpack: sh -c 'rm -rf public/packs/* || true && bin/shakapacker -w'
@@ -0,0 +1 @@
1
+ This dummy project is based on [React on Rails Demo With SSR, HMR fast refresh, and TypeScript](https://github.com/shakacode/react_on_rails_demo_ssr_hmr) project.
@@ -0,0 +1,6 @@
1
+ # Add your own tasks in files placed in lib/tasks ending in .rake,
2
+ # for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
3
+
4
+ require_relative "config/application"
5
+
6
+ Rails.application.load_tasks
@@ -0,0 +1,2 @@
1
+ //= link_tree ../images
2
+ //= link_directory ../stylesheets .css
@@ -0,0 +1,15 @@
1
+ /*
2
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
3
+ * listed below.
4
+ *
5
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
6
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
7
+ *
8
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
9
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
10
+ * files in this directory. Styles in this file should be added after the last require_* statement.
11
+ * It is generally better to create a new file per style scope.
12
+ *
13
+ *= require_tree .
14
+ *= require_self
15
+ */
@@ -0,0 +1,4 @@
1
+ module ApplicationCable
2
+ class Channel < ActionCable::Channel::Base
3
+ end
4
+ end
@@ -0,0 +1,4 @@
1
+ module ApplicationCable
2
+ class Connection < ActionCable::Connection::Base
3
+ end
4
+ end
@@ -0,0 +1,2 @@
1
+ class ApplicationController < ActionController::Base
2
+ end
@@ -0,0 +1,9 @@
1
+ # frozen_string_literal: true
2
+
3
+ class HelloWorldController < ApplicationController
4
+ layout "hello_world"
5
+
6
+ def index
7
+ @hello_world_props = { name: "Stranger" }
8
+ end
9
+ end
@@ -0,0 +1,2 @@
1
+ module ApplicationHelper
2
+ end
@@ -0,0 +1,3 @@
1
+ declare module "*.module.css";
2
+ declare module "*.module.scss";
3
+ declare module "*.svg";
@@ -0,0 +1,25 @@
1
+ .bright {
2
+ color: green;
3
+ font-weight: bold;
4
+ }
5
+
6
+ .logo {
7
+ height: 10vmin;
8
+ pointer-events: none;
9
+ }
10
+
11
+
12
+ @media (prefers-reduced-motion: no-preference) {
13
+ .logo {
14
+ animation: logo-spin infinite 20s linear;
15
+ }
16
+ }
17
+
18
+ @keyframes logo-spin {
19
+ from {
20
+ transform: rotate(0deg);
21
+ }
22
+ to {
23
+ transform: rotate(360deg);
24
+ }
25
+ }
@@ -0,0 +1,47 @@
1
+ import * as React from 'react'
2
+ import { useState, useEffect } from 'react'
3
+ import type { FunctionComponent } from 'react'
4
+
5
+ import style from './HelloWorld.module.css'
6
+ import logo from './logo.svg'
7
+
8
+ export interface Props {
9
+ readonly name: string
10
+ }
11
+
12
+ // Note, you need to declare the `FunctionComponent` type so that it complies
13
+ // with `ReactOnRails.register` type.
14
+ const HelloWorld: FunctionComponent<Props> = (props: Props) => {
15
+ const [name, setName] = useState(props.name)
16
+
17
+ useEffect(() => {
18
+ console.log(
19
+ '%c%s%c%s',
20
+ 'color: green; background-color: lightgreen; font-weight: bold;',
21
+ 'ShakaCode is hiring!',
22
+ 'color: green; background-color: lightgreen; font-weight: normal;',
23
+ 'Check out our open positions: https://www.shakacode.com/career/',
24
+ );
25
+ }, [])
26
+
27
+ return (
28
+ <>
29
+ <img src={logo} className={style.logo} alt="logo" />
30
+ <h3>Hello, {name || 'World'}!</h3>
31
+ <hr />
32
+ <form>
33
+ <label className={style.bright} htmlFor="name">
34
+ Say hello to:{' '}
35
+ <input
36
+ id="name"
37
+ type="text"
38
+ value={name}
39
+ onChange={(e) => setName(e.target.value)}
40
+ />
41
+ </label>
42
+ </form>
43
+ </>
44
+ )
45
+ }
46
+
47
+ export default HelloWorld
@@ -0,0 +1,5 @@
1
+ import HelloWorld from './HelloWorld'
2
+ // This could be specialized for server rendering
3
+ // For example, if using React-Router, we'd have the SSR setup here.
4
+
5
+ export default HelloWorld
@@ -0,0 +1,7 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
2
+ <g fill="#61DAFB">
3
+ <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
4
+ <circle cx="420.9" cy="296.5" r="45.7"/>
5
+ <path d="M520.5 78.1z"/>
6
+ </g>
7
+ </svg>
@@ -0,0 +1,17 @@
1
+ /* eslint no-console:0 */
2
+ // This file is automatically compiled by Webpack, along with any other files
3
+ // present in this directory. You're encouraged to place your actual application logic in
4
+ // a relevant structure within app/javascript and only use these pack files to reference
5
+ // that code so it'll be compiled.
6
+ //
7
+ // To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
8
+ // layout file, like app/views/layouts/application.html.erb
9
+
10
+ // Uncomment to copy all static images under ../images to the output folder and reference
11
+ // them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
12
+ // or the `imagePath` JavaScript helper below.
13
+ //
14
+ // const images = require.context('../images', true)
15
+ // const imagePath = (name) => images(name, true)
16
+
17
+ console.log('Hello World from Webpacker')
@@ -0,0 +1,8 @@
1
+ import ReactOnRails from 'react-on-rails'
2
+
3
+ import HelloWorld from '../bundles/HelloWorld/components/HelloWorld'
4
+
5
+ // This is how react_on_rails can see the HelloWorld in the browser.
6
+ ReactOnRails.register({
7
+ HelloWorld
8
+ })
@@ -0,0 +1,8 @@
1
+ import ReactOnRails from 'react-on-rails'
2
+
3
+ import HelloWorld from '../bundles/HelloWorld/components/HelloWorldServer'
4
+
5
+ // This is how react_on_rails can see the HelloWorld in the browser.
6
+ ReactOnRails.register({
7
+ HelloWorld
8
+ })
@@ -0,0 +1,7 @@
1
+ class ApplicationJob < ActiveJob::Base
2
+ # Automatically retry jobs that encountered a deadlock
3
+ # retry_on ActiveRecord::Deadlocked
4
+
5
+ # Most jobs are safe to ignore if the underlying records are no longer available
6
+ # discard_on ActiveJob::DeserializationError
7
+ end
@@ -0,0 +1,4 @@
1
+ class ApplicationMailer < ActionMailer::Base
2
+ default from: "from@example.com"
3
+ layout "mailer"
4
+ end
@@ -0,0 +1,3 @@
1
+ class ApplicationRecord < ActiveRecord::Base
2
+ self.abstract_class = true
3
+ end
File without changes
@@ -0,0 +1,2 @@
1
+ <h1>Hello, World!</h1>
2
+ <%= react_component("HelloWorld", props: @hello_world_props, prerender: true) %>
@@ -0,0 +1,14 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>TestReactOnRailsV12SsrV2</title>
5
+ <%= csrf_meta_tags %>
6
+ <%= csp_meta_tag %>
7
+
8
+ <%= stylesheet_link_tag 'application', media: 'all' %>
9
+ </head>
10
+
11
+ <body>
12
+ <%= yield %>
13
+ </body>
14
+ </html>
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>ReactOnRailsWithShakapacker</title>
5
+ <%= csrf_meta_tags %>
6
+ <%= javascript_pack_tag 'hello-world-bundle' %>
7
+ <%= stylesheet_pack_tag 'hello-world-bundle' %>
8
+ </head>
9
+
10
+ <body>
11
+ <%= yield %>
12
+ </body>
13
+ </html>
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5
+ <style>
6
+ /* Email styles need to be inline */
7
+ </style>
8
+ </head>
9
+
10
+ <body>
11
+ <%= yield %>
12
+ </body>
13
+ </html>
@@ -0,0 +1 @@
1
+ <%= yield %>
@@ -0,0 +1,30 @@
1
+ module.exports = function (api) {
2
+ const defaultConfigFunc = require('shakapacker/package/babel/preset.js')
3
+ const resultConfig = defaultConfigFunc(api)
4
+ const isProductionEnv = api.env('production')
5
+
6
+ const changesOnDefault = {
7
+ presets: [
8
+ [
9
+ '@babel/preset-react',
10
+ {
11
+ development: !isProductionEnv,
12
+ useBuiltIns: true
13
+ }
14
+ ]
15
+ ].filter(Boolean),
16
+ plugins: [
17
+ process.env.WEBPACK_SERVE && 'react-refresh/babel',
18
+ isProductionEnv && ['babel-plugin-transform-react-remove-prop-types',
19
+ {
20
+ removeImport: true
21
+ }
22
+ ]
23
+ ].filter(Boolean),
24
+ }
25
+
26
+ resultConfig.presets = [...resultConfig.presets, ...changesOnDefault.presets]
27
+ resultConfig.plugins = [...resultConfig.plugins, ...changesOnDefault.plugins ]
28
+
29
+ return resultConfig
30
+ }
@@ -0,0 +1,114 @@
1
+ #!/usr/bin/env ruby
2
+ # frozen_string_literal: true
3
+
4
+ #
5
+ # This file was generated by Bundler.
6
+ #
7
+ # The application 'bundle' is installed as part of a gem, and
8
+ # this file is here to facilitate running it.
9
+ #
10
+
11
+ require "rubygems"
12
+
13
+ m = Module.new do
14
+ module_function
15
+
16
+ def invoked_as_script?
17
+ File.expand_path($0) == File.expand_path(__FILE__)
18
+ end
19
+
20
+ def env_var_version
21
+ ENV["BUNDLER_VERSION"]
22
+ end
23
+
24
+ def cli_arg_version
25
+ return unless invoked_as_script? # don't want to hijack other binstubs
26
+ return unless "update".start_with?(ARGV.first || " ") # must be running `bundle update`
27
+ bundler_version = nil
28
+ update_index = nil
29
+ ARGV.each_with_index do |a, i|
30
+ if update_index && update_index.succ == i && a =~ Gem::Version::ANCHORED_VERSION_PATTERN
31
+ bundler_version = a
32
+ end
33
+ next unless a =~ /\A--bundler(?:[= ](#{Gem::Version::VERSION_PATTERN}))?\z/
34
+ bundler_version = $1
35
+ update_index = i
36
+ end
37
+ bundler_version
38
+ end
39
+
40
+ def gemfile
41
+ gemfile = ENV["BUNDLE_GEMFILE"]
42
+ return gemfile if gemfile && !gemfile.empty?
43
+
44
+ File.expand_path("../../Gemfile", __FILE__)
45
+ end
46
+
47
+ def lockfile
48
+ lockfile =
49
+ case File.basename(gemfile)
50
+ when "gems.rb" then gemfile.sub(/\.rb$/, gemfile)
51
+ else "#{gemfile}.lock"
52
+ end
53
+ File.expand_path(lockfile)
54
+ end
55
+
56
+ def lockfile_version
57
+ return unless File.file?(lockfile)
58
+ lockfile_contents = File.read(lockfile)
59
+ return unless lockfile_contents =~ /\n\nBUNDLED WITH\n\s{2,}(#{Gem::Version::VERSION_PATTERN})\n/
60
+ Regexp.last_match(1)
61
+ end
62
+
63
+ def bundler_requirement
64
+ @bundler_requirement ||=
65
+ env_var_version || cli_arg_version ||
66
+ bundler_requirement_for(lockfile_version)
67
+ end
68
+
69
+ def bundler_requirement_for(version)
70
+ return "#{Gem::Requirement.default}.a" unless version
71
+
72
+ bundler_gem_version = Gem::Version.new(version)
73
+
74
+ requirement = bundler_gem_version.approximate_recommendation
75
+
76
+ return requirement unless Gem.rubygems_version < Gem::Version.new("2.7.0")
77
+
78
+ requirement += ".a" if bundler_gem_version.prerelease?
79
+
80
+ requirement
81
+ end
82
+
83
+ def load_bundler!
84
+ ENV["BUNDLE_GEMFILE"] ||= gemfile
85
+
86
+ activate_bundler
87
+ end
88
+
89
+ def activate_bundler
90
+ gem_error = activation_error_handling do
91
+ gem "bundler", bundler_requirement
92
+ end
93
+ return if gem_error.nil?
94
+ require_error = activation_error_handling do
95
+ require "bundler/version"
96
+ end
97
+ return if require_error.nil? && Gem::Requirement.new(bundler_requirement).satisfied_by?(Gem::Version.new(Bundler::VERSION))
98
+ warn "Activating bundler (#{bundler_requirement}) failed:\n#{gem_error.message}\n\nTo install the version of bundler this project requires, run `gem install bundler -v '#{bundler_requirement}'`"
99
+ exit 42
100
+ end
101
+
102
+ def activation_error_handling
103
+ yield
104
+ nil
105
+ rescue StandardError, LoadError => e
106
+ e
107
+ end
108
+ end
109
+
110
+ m.load_bundler!
111
+
112
+ if m.invoked_as_script?
113
+ load Gem.bin_path("bundler", "bundle")
114
+ end