Update react-on-rails import to /client as needed

Author: alexeyr

docs/api/javascript-api.md

@@ -19,7 +19,7 @@ If you are using [jquery-ujs](https://github.com/rails/jquery-ujs) for AJAX call
 
 ## API
 
-The best source of docs is the main [ReactOnRails.ts](https://github.com/shakacode/react_on_rails/blob/master/node_package/src/ReactOnRails.ts) file. Here's a quick summary. No guarantees that this won't be outdated!
+The best source of docs is the main [ReactOnRails.client.ts](https://github.com/shakacode/react_on_rails/blob/master/node_package/src/ReactOnRails.client.ts) file, and extended [ReactOnRails.full.ts](https://github.com/shakacode/react_on_rails/blob/master/node_package/src/ReactOnRails.full.ts) and [ReactOnRails.node.ts](https://github.com/shakacode/react_on_rails/blob/master/node_package/src/ReactOnRails.node.ts) for the server-only functions. Here's a quick summary. No guarantees that this won't be outdated!
 
 ```js
   /**

docs/guides/how-to-use-different-files-for-client-and-server-rendering.md

@@ -8,7 +8,7 @@ Many projects will have different entry points for client and server rendering.
 Your Client Entry can look like this:
 
 ```js
-import ReactOnRails from 'react-on-rails';
+import ReactOnRails from 'react-on-rails/client';
 import App from './ClientApp';
 ReactOnRails.register({ App })
 ```
@@ -21,7 +21,7 @@ import App from './ServerApp';
 ReactOnRails.register({ App })
 ```
 
-Note that the only difference is on the second line of each of these examples.
+Note that the only difference is in the imports.
 
 ## B. Two Options for Using Webpack Resolve Alias in the Webpack Config
 Per [Webpack Docs](https://webpack.js.org/configuration/resolve/#resolve-alias).

docs/javascript/code-splitting.md

@@ -37,15 +37,15 @@ Here's an example of how you might use this in practice:
 
 #### clientRegistration.js
 ```js
-import ReactOnRails from 'node_package/lib/ReactOnRails';
+import ReactOnRails from 'react-on-rails/client';
 import NavigationApp from './NavigationApp';
 
 // Note that we're importing a different RouterApp than in serverRegistration.js
 // Renderer functions should not be used on the server, because there is no DOM.
 import RouterApp from './RouterAppRenderer';
 import applicationStore from '../store/applicationStore';
 
-ReactOnRails.registerStore({applicationStore});
+ReactOnRails.registerStore({ applicationStore });
 ReactOnRails.register({
   NavigationApp,
   RouterApp,
@@ -61,7 +61,7 @@ import NavigationApp from './NavigationApp';
 import RouterApp from './RouterAppServer';
 import applicationStore from '../store/applicationStore';
 
-ReactOnRails.registerStore({applicationStore});
+ReactOnRails.registerStore({ applicationStore });
 ReactOnRails.register({
   NavigationApp,
   RouterApp,
@@ -71,9 +71,9 @@ Note that you should not register a renderer on the server, since there won't be
 
 #### RouterAppRenderer.jsx
 ```jsx
-import ReactOnRails from 'react-on-rails';
+import ReactOnRails from 'react-on-rails/client';
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import Router from 'react-router/lib/Router';
 import match from 'react-router/lib/match';
 import browserHistory from 'react-router/lib/browserHistory';

lib/generators/react_on_rails/templates/base/base/app/javascript/packs/registration.js.tt

@@ -1,4 +1,4 @@
-import ReactOnRails from 'react-on-rails';
+import ReactOnRails from 'react-on-rails/client';
 
 import <%= config[:component_name] %> from '<%= config[:app_relative_path] %>';
 

spec/dummy/app/views/pages/client_side_hello_world.html.erb

@@ -22,7 +22,7 @@
     <br/>
     <pre>
       import HelloWorld from '../components/HelloWorld';
-      import ReactOnRails from 'react-on-rails';
+      import ReactOnRails from 'react-on-rails/client';
       ReactOnRails.register({ HelloWorld });
     </pre>
   </li>

spec/dummy/app/views/pages/server_side_hello_world.html.erb

@@ -48,7 +48,7 @@
     <br/>
     <pre>
       import HelloWorld from '../components/HelloWorld';
-      import ReactOnRails from 'react-on-rails';
+      import ReactOnRails from 'react-on-rails/client';
       ReactOnRails.register({ HelloWorld });
     </pre>
   </li>

spec/dummy/app/views/pages/server_side_redux_app.html.erb

@@ -37,7 +37,7 @@
     <br/>
     <pre>
     import ReduxApp from './ClientReduxApp';
-    import ReactOnRails from 'react-on-rails';
+    import ReactOnRails from 'react-on-rails/client';
     ReactOnRails.register({ ReduxApp });
     </pre>
   </li>

spec/dummy/app/views/pages/server_side_redux_app_cached.html.erb

@@ -43,7 +43,7 @@
     <br/>
     <pre>
     import ReduxApp from './ClientReduxApp';
-    import ReactOnRails from 'react-on-rails';
+    import ReactOnRails from 'react-on-rails/client';
     ReactOnRails.register({ ReduxApp });
     </pre>
   </li>

spec/dummy/app/views/pages/xhr_refresh.html.erb

@@ -32,7 +32,7 @@
     <br/>
     <pre style='white-space: pre-wrap; word-break: keep-all;'>
       import HellowWorldRehydratable from '../components/HellowWorldRehydratable';
-      import ReactOnRails from 'react-on-rails';
+      import ReactOnRails from 'react-on-rails/client';
       ReactOnRails.register({ HellowWorldRehydratable });
     </pre>
   </li>

spec/dummy/client/app/startup/ReduxSharedStoreApp.client.jsx

@@ -3,7 +3,7 @@
 
 import React from 'react';
 import { Provider } from 'react-redux';
-import ReactOnRails from 'react-on-rails';
+import ReactOnRails from 'react-on-rails/client';
 import ReactDOMClient from 'react-dom/client';
 
 import HelloWorldContainer from '../components/HelloWorldContainer';