react_on_rails 16.4.0.rc.1 → 16.4.0.rc.2

data/lib/generators/react_on_rails/templates/base/base/config/webpack/test.js.tt

@@ -1,9 +1,9 @@
 <%= add_documentation_reference(config[:message], "// https://github.com/shakacode/react_on_rails_demo_ssr_hmr/blob/master/config/webpack/test.js") %>
 
-const generateWebpackConfigs = require('./generateWebpackConfigs')
+const serverClientOrBoth = require('./ServerClientOrBoth')
 
 const testOnly = (_clientWebpackConfig, _serverWebpackConfig) => {
   // place any code here that is for test only
 }
 
-module.exports = generateWebpackConfigs(testOnly)
+module.exports = serverClientOrBoth(testOnly)

data/lib/generators/react_on_rails/templates/dev_tests/spec/system/hello_server_spec.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+require_relative "../rails_helper"
+
+describe "Hello Server", :js do
+  it "renders the React Server Component" do
+    visit "/hello_server"
+    expect(page).to have_text("Hello, React on Rails Pro!")
+    expect(page).to have_text("How is this different from SSR?")
+  end
+
+  it "renders the interactive LikeButton client component" do
+    visit "/hello_server"
+    expect(page).to have_button("👍 Like")
+    expect(page).to have_text("0 likes")
+  end
+end

data/lib/generators/react_on_rails/templates/pro/base/client/node-renderer.js

@@ -0,0 +1,41 @@
+const path = require('path');
+const { reactOnRailsProNodeRenderer } = require('react-on-rails-pro-node-renderer');
+
+const { env } = process;
+
+const config = {
+  serverBundleCachePath: path.resolve(__dirname, '../.node-renderer-bundles'),
+  port: Number(env.RENDERER_PORT) || 3800,
+  logLevel: env.RENDERER_LOG_LEVEL || 'info',
+
+  // See value in /config/initializers/react_on_rails_pro.rb
+  password: env.RENDERER_PASSWORD || 'devPassword',
+
+  // Number of Node.js worker threads for SSR rendering
+  // Set NODE_RENDERER_CONCURRENCY env var to override (e.g., for production tuning)
+  workersCount: env.NODE_RENDERER_CONCURRENCY != null ? Number(env.NODE_RENDERER_CONCURRENCY) : 3,
+
+  // If set to true, `supportModules` enables the server-bundle code to call a default set of NodeJS modules
+  // that get added to the VM context: { Buffer, process, setTimeout, setInterval, clearTimeout, clearInterval }.
+  // This option is required to equal `true` if you want to use loadable components.
+  // Setting this value to false causes the NodeRenderer to behave like ExecJS
+  supportModules: true,
+
+  // Additional Node.js globals to add to the VM context.
+  additionalContext: { URL, AbortController },
+
+  // Required to use setTimeout, setInterval, & clearTimeout during server rendering
+  stubTimers: false,
+
+  // Replay console logs from async server operations
+  replayServerAsyncOperationLogs: true,
+};
+
+// Renderer detects a total number of CPUs on virtual hostings like Heroku or CircleCI instead
+// of CPUs number allocated for current container. This results in spawning many workers while
+// only 1-2 of them really needed.
+if (env.CI) {
+  config.workersCount = 2;
+}
+
+reactOnRailsProNodeRenderer(config);

data/lib/generators/react_on_rails/templates/pro/base/config/initializers/react_on_rails_pro.rb.tt

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+# See https://www.shakacode.com/react-on-rails-pro/docs/configuration/
+# License: Set REACT_ON_RAILS_PRO_LICENSE environment variable
+ReactOnRailsPro.configure do |config|
+  config.server_renderer = "NodeRenderer"
+  config.renderer_url = ENV.fetch("REACT_RENDERER_URL", "http://localhost:3800")
+
+  # See value in client/node-renderer.js
+  config.renderer_password = ENV.fetch("RENDERER_PASSWORD", "devPassword")
+
+  config.ssr_timeout = 5
+  config.renderer_request_retry_limit = 1
+  config.renderer_use_fallback_exec_js = Rails.env.development?
+
+  # If you want Honeybadger or Sentry on the Node renderer side to report rendering errors
+  config.throw_js_errors = false
+
+  # If true, then cache the evaluation of JS for prerendering using the standard Rails cache.
+  # Applies to all rendering engines.
+  config.prerender_caching = true
+
+  # Get timing of server render calls
+  config.tracing = Rails.env.development?
+end

data/lib/generators/react_on_rails/templates/rsc/base/app/controllers/hello_server_controller.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+# HelloServer Controller - React Server Components
+# This controller demonstrates how to render RSC pages with streaming SSR.
+# It's the RSC counterpart to HelloWorldController.
+#
+# ReactOnRailsPro::Stream provides:
+# - stream_view_containing_react_components: Streams the view with RSC support
+# - Streaming HTML chunks as components render
+# - Automatic hydration on the client
+#
+# For more information, see:
+# https://www.shakacode.com/react-on-rails-pro/docs/react-server-components/
+
+class HelloServerController < ApplicationController
+  include ReactOnRailsPro::Stream
+
+  def index
+    @hello_server_props = {
+      name: "React on Rails Pro"
+    }
+
+    stream_view_containing_react_components(template: "hello_server/index")
+  end
+end

data/lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/components/HelloServer.jsx

@@ -0,0 +1,80 @@
+// HelloServer - React Server Component
+//
+// This component runs ONLY on the server. No JavaScript for it is sent to the browser.
+// It demonstrates key RSC capabilities:
+//
+// 1. Async data fetching — use await directly in the component (no useEffect needed)
+// 2. Server-only code — access databases, file systems, or secrets safely
+// 3. Zero client JS — heavy libraries used here don't increase your bundle size
+// 4. Streaming — wrapped in <Suspense>, this component streams HTML as it resolves
+//
+// For more information, see:
+// https://www.shakacode.com/react-on-rails-pro/docs/react-server-components/
+
+import React from 'react';
+import LikeButton from './LikeButton';
+
+// Simulate an async data fetch (replace with a real API call or DB query)
+async function fetchGreeting(name) {
+  // In a real app, you could do:
+  //   const data = await db.query('SELECT greeting FROM greetings WHERE name = ?', [name]);
+  //   const file = await fs.readFile('./data/greeting.txt', 'utf-8');
+  //   const res = await fetch('http://internal-api/greeting');
+  // eslint-disable-next-line no-promise-executor-return
+  await new Promise((resolve) => setTimeout(resolve, 100));
+
+  const now = new Date();
+  return {
+    message: `Hello, ${name}!`,
+    serverTime: now.toLocaleString('en-US', {
+      weekday: 'long',
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit',
+      timeZoneName: 'short',
+    }),
+    facts: [
+      'This component rendered entirely on the server — zero JS was sent to the browser for it.',
+      'The date formatting above used server-side Intl APIs — no date library shipped to the client.',
+      'The "Like" button below IS a client component — only its JS is sent to the browser.',
+    ],
+  };
+}
+
+const HelloServer = async ({ name = 'World' }) => {
+  const { message, serverTime, facts } = await fetchGreeting(name);
+
+  return (
+    <div style={{ fontFamily: 'system-ui, sans-serif', maxWidth: 600, margin: '0 auto' }}>
+      <h2>{message}</h2>
+      <p style={{ color: '#666', fontSize: '0.9em' }}>Server-rendered at: {serverTime}</p>
+
+      <div
+        style={{
+          background: '#f0f9ff',
+          border: '1px solid #bae6fd',
+          borderRadius: 8,
+          padding: 16,
+          margin: '16px 0',
+        }}
+      >
+        <h3 style={{ margin: '0 0 12px' }}>How is this different from SSR?</h3>
+        <ul style={{ margin: 0, paddingLeft: 20 }}>
+          {facts.map((fact) => (
+            <li key={fact} style={{ marginBottom: 8 }}>
+              {fact}
+            </li>
+          ))}
+        </ul>
+      </div>
+
+      {/* LikeButton is a client component — it ships JS for interactivity */}
+      <LikeButton />
+    </div>
+  );
+};
+
+export default HelloServer;

data/lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/components/HelloServer.tsx

@@ -0,0 +1,90 @@
+// HelloServer - React Server Component
+//
+// This component runs ONLY on the server. No JavaScript for it is sent to the browser.
+// It demonstrates key RSC capabilities:
+//
+// 1. Async data fetching — use await directly in the component (no useEffect needed)
+// 2. Server-only code — access databases, file systems, or secrets safely
+// 3. Zero client JS — heavy libraries used here don't increase your bundle size
+// 4. Streaming — wrapped in <Suspense>, this component streams HTML as it resolves
+//
+// For more information, see:
+// https://www.shakacode.com/react-on-rails-pro/docs/react-server-components/
+
+import React from 'react';
+import LikeButton from './LikeButton';
+
+interface HelloServerProps {
+  name?: string;
+}
+
+interface GreetingData {
+  message: string;
+  serverTime: string;
+  facts: string[];
+}
+
+// Simulate an async data fetch (replace with a real API call or DB query)
+async function fetchGreeting(name: string): Promise<GreetingData> {
+  // In a real app, you could do:
+  //   const data = await db.query('SELECT greeting FROM greetings WHERE name = ?', [name]);
+  //   const file = await fs.readFile('./data/greeting.txt', 'utf-8');
+  //   const res = await fetch('http://internal-api/greeting');
+  // eslint-disable-next-line no-promise-executor-return
+  await new Promise((resolve) => setTimeout(resolve, 100));
+
+  const now = new Date();
+  return {
+    message: `Hello, ${name}!`,
+    serverTime: now.toLocaleString('en-US', {
+      weekday: 'long',
+      year: 'numeric',
+      month: 'long',
+      day: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit',
+      timeZoneName: 'short',
+    }),
+    facts: [
+      'This component rendered entirely on the server — zero JS was sent to the browser for it.',
+      'The date formatting above used server-side Intl APIs — no date library shipped to the client.',
+      'The "Like" button below IS a client component — only its JS is sent to the browser.',
+    ],
+  };
+}
+
+const HelloServer = async ({ name = 'World' }: HelloServerProps) => {
+  const { message, serverTime, facts } = await fetchGreeting(name);
+
+  return (
+    <div style={{ fontFamily: 'system-ui, sans-serif', maxWidth: 600, margin: '0 auto' }}>
+      <h2>{message}</h2>
+      <p style={{ color: '#666', fontSize: '0.9em' }}>Server-rendered at: {serverTime}</p>
+
+      <div
+        style={{
+          background: '#f0f9ff',
+          border: '1px solid #bae6fd',
+          borderRadius: 8,
+          padding: 16,
+          margin: '16px 0',
+        }}
+      >
+        <h3 style={{ margin: '0 0 12px' }}>How is this different from SSR?</h3>
+        <ul style={{ margin: 0, paddingLeft: 20 }}>
+          {facts.map((fact) => (
+            <li key={fact} style={{ marginBottom: 8 }}>
+              {fact}
+            </li>
+          ))}
+        </ul>
+      </div>
+
+      {/* LikeButton is a client component — it ships JS for interactivity */}
+      <LikeButton />
+    </div>
+  );
+};
+
+export default HelloServer;

data/lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/components/LikeButton.jsx

@@ -0,0 +1,54 @@
+'use client';
+
+// LikeButton - Client Component
+//
+// This component has the 'use client' directive, so its JavaScript IS sent to the browser.
+// It demonstrates how client components work alongside server components:
+//
+// - Only this component's JS is included in the client bundle
+// - The parent HelloServer component sends ZERO JS to the browser
+// - React hydrates just this interactive island within the server-rendered HTML
+
+import React, { useState } from 'react';
+
+const LikeButton = () => {
+  const [likes, setLikes] = useState(0);
+
+  return (
+    <div
+      style={{
+        display: 'flex',
+        alignItems: 'center',
+        gap: 12,
+        marginTop: 16,
+        padding: '12px 16px',
+        background: '#fefce8',
+        border: '1px solid #fde68a',
+        borderRadius: 8,
+      }}
+    >
+      <button
+        type="button"
+        onClick={() => setLikes((prev) => prev + 1)}
+        style={{
+          padding: '8px 16px',
+          fontSize: '1em',
+          cursor: 'pointer',
+          borderRadius: 6,
+          border: '1px solid #d1d5db',
+          background: '#fff',
+        }}
+      >
+        👍 Like
+      </button>
+      <span>
+        {likes} {likes === 1 ? 'like' : 'likes'}
+      </span>
+      <span style={{ color: '#92400e', fontSize: '0.85em' }}>
+        ← This button is a client component (check your browser&apos;s Network tab — only its JS was sent)
+      </span>
+    </div>
+  );
+};
+
+export default LikeButton;

data/lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/components/LikeButton.tsx

@@ -0,0 +1,54 @@
+'use client';
+
+// LikeButton - Client Component
+//
+// This component has the 'use client' directive, so its JavaScript IS sent to the browser.
+// It demonstrates how client components work alongside server components:
+//
+// - Only this component's JS is included in the client bundle
+// - The parent HelloServer component sends ZERO JS to the browser
+// - React hydrates just this interactive island within the server-rendered HTML
+
+import React, { useState } from 'react';
+
+const LikeButton: React.FC = () => {
+  const [likes, setLikes] = useState(0);
+
+  return (
+    <div
+      style={{
+        display: 'flex',
+        alignItems: 'center',
+        gap: 12,
+        marginTop: 16,
+        padding: '12px 16px',
+        background: '#fefce8',
+        border: '1px solid #fde68a',
+        borderRadius: 8,
+      }}
+    >
+      <button
+        type="button"
+        onClick={() => setLikes((prev) => prev + 1)}
+        style={{
+          padding: '8px 16px',
+          fontSize: '1em',
+          cursor: 'pointer',
+          borderRadius: 6,
+          border: '1px solid #d1d5db',
+          background: '#fff',
+        }}
+      >
+        👍 Like
+      </button>
+      <span>
+        {likes} {likes === 1 ? 'like' : 'likes'}
+      </span>
+      <span style={{ color: '#92400e', fontSize: '0.85em' }}>
+        ← This button is a client component (check your browser&apos;s Network tab — only its JS was sent)
+      </span>
+    </div>
+  );
+};
+
+export default LikeButton;

data/lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/ror_components/HelloServer.jsx

@@ -0,0 +1,10 @@
+// HelloServer Entry Point - Re-exports the server component for auto_load_bundle
+// This file is discovered by React on Rails' auto_load_bundle feature
+// and registered automatically in both client and server bundles.
+//
+// Note: No 'use client' directive here - this is a Server Component.
+// The actual component in ../components/HelloServer.jsx runs only on the server.
+
+import HelloServer from '../components/HelloServer';
+
+export default HelloServer;

data/lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/ror_components/HelloServer.tsx

@@ -0,0 +1,10 @@
+// HelloServer Entry Point - Re-exports the server component for auto_load_bundle
+// This file is discovered by React on Rails' auto_load_bundle feature
+// and registered automatically in both client and server bundles.
+//
+// Note: No 'use client' directive here - this is a Server Component.
+// The actual component in ../components/HelloServer.tsx runs only on the server.
+
+import HelloServer from '../components/HelloServer';
+
+export default HelloServer;

data/lib/generators/react_on_rails/templates/rsc/base/app/views/hello_server/index.html.erb

@@ -0,0 +1,37 @@
+<h1>React Server Components Demo</h1>
+
+<p>
+  This page demonstrates <strong>React Server Components (RSC)</strong> with React on Rails Pro.
+  The component below is an <em>async server component</em> that fetches data on the server
+  and streams HTML to the browser. No component JavaScript is sent to the client.
+</p>
+
+<%#
+  stream_react_component renders the RSC with streaming support.
+
+  Key points:
+  - prerender: true enables server-side rendering with streaming
+  - Props are passed from the controller (@hello_server_props)
+  - The component streams as it resolves (async data fetching happens server-side)
+  - Only the interactive LikeButton client component ships JS to the browser
+  - Open DevTools Network tab to verify — no HelloServer.js in the client bundle
+%>
+<%= stream_react_component('HelloServer', props: @hello_server_props, prerender: true) %>
+
+<hr>
+
+<details style="margin-top: 16px;">
+  <summary><strong>What makes this different from traditional SSR?</strong></summary>
+  <ul style="margin-top: 8px;">
+    <li><strong>Traditional SSR:</strong> Server renders HTML, then ships ALL component JS to the browser for hydration. Every library used in rendering is in your bundle.</li>
+    <li><strong>RSC:</strong> Server components stay on the server permanently. Only client components (marked with <code>'use client'</code>) ship JS. Libraries used in server components are never bundled for the client.</li>
+    <li><strong>Async by default:</strong> Server components can be async functions that <code>await</code> data directly — no <code>useEffect</code>, no loading states for initial render, no client-side fetch waterfalls.</li>
+  </ul>
+</details>
+
+<p style="margin-top: 16px;">
+  <strong>Learn more:</strong>
+  <a href="https://www.shakacode.com/react-on-rails-pro/docs/react-server-components/">
+    React Server Components Documentation
+  </a>
+</p>

data/lib/generators/react_on_rails/templates/rsc/base/config/webpack/rscWebpackConfig.js.tt

@@ -0,0 +1,64 @@
+// React Server Components webpack configuration
+// This creates the RSC bundle based on the server webpack config
+// See: https://www.shakacode.com/react-on-rails-pro/docs/react-server-components/
+
+const serverWebpackModule = require('./serverWebpackConfig');
+
+// Backward compatibility:
+// - New Pro config exports: { default: configureServer, extractLoader }
+// - Legacy config exports: module.exports = configureServer
+const serverWebpackConfig = serverWebpackModule.default || serverWebpackModule;
+const extractLoader = serverWebpackModule.extractLoader || ((rule, loaderName) => {
+  if (!Array.isArray(rule.use)) return null;
+  return rule.use.find((item) => {
+    const testValue = typeof item === 'string' ? item : item.loader;
+    return testValue && testValue.includes(loaderName);
+  });
+});
+
+const configureRsc = () => {
+  // Pass true to skip RSCWebpackPlugin - RSC bundle doesn't need it
+  const rscConfig = serverWebpackConfig(true);
+
+  // Update the entry name to be `rsc-bundle` instead of `server-bundle`
+  const rscEntry = {
+    'rsc-bundle': rscConfig.entry['server-bundle'],
+  };
+  rscConfig.entry = rscEntry;
+
+  // Add the RSC loader before the JS loader (babel-loader or swc-loader)
+  // This loader properly excludes client components from the RSC bundle
+  const { rules } = rscConfig.module;
+  rules.forEach((rule) => {
+    if (Array.isArray(rule.use)) {
+      // Find the JS loader (could be babel-loader or swc-loader depending on configuration)
+      const jsLoader = extractLoader(rule, 'babel-loader') || extractLoader(rule, 'swc-loader');
+      if (jsLoader) {
+        rule.use.push({
+          loader: 'react-on-rails-rsc/WebpackLoader',
+        });
+      }
+    }
+  });
+
+  // Add the `react-server` condition to the resolve config
+  // This condition is used by React and React on Rails to identify RSC bundles
+  // The `...` tells webpack to retain the default conditions (e.g., `node` for server target)
+  rscConfig.resolve = {
+    ...rscConfig.resolve,
+    conditionNames: ['react-server', '...'],
+    alias: {
+      ...rscConfig.resolve?.alias,
+      // Ignore react-dom/server in RSC bundle - it's not needed for RSC payload generation
+      // Not removing it will cause a runtime error
+      'react-dom/server': false,
+    },
+  };
+
+  // Update the output bundle name to be `rsc-bundle.js` instead of `server-bundle.js`
+  rscConfig.output.filename = 'rsc-bundle.js';
+
+  return rscConfig;
+};
+
+module.exports = configureRsc;

data/lib/react_on_rails/engine.rb

@@ -69,8 +69,12 @@ module ReactOnRails
 
     # Check if we're running a Rails generator
     # @return [Boolean] true if running a generator
+    #
+    # Heuristic: Rails::Generators is typically only defined during generator
+    # commands. It could be defined by test helpers or gems that require
+    # "rails/generators", but this is a fallback behind the ENV check above.
     def self.running_generator?
-      !ARGV.empty? && ARGV.first&.in?(%w[generate g])
+      defined?(Rails::Generators)
     end
 
     # Check if package.json doesn't exist yet

data/lib/react_on_rails/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module ReactOnRails
-  VERSION = "16.4.0.rc.1"
+  VERSION = "16.4.0.rc.2"
 end

data/lib/react_on_rails/version_checker.rb

@@ -121,7 +121,12 @@ module ReactOnRails
 
         When using React on Rails Pro, you must use the 'react-on-rails-pro' npm package.
 
-        Fix:
+        If you're upgrading from React on Rails to Pro, run the generator with validation skipped:
+          REACT_ON_RAILS_SKIP_VALIDATION=true rails g react_on_rails:install --pro
+
+        The generator will automatically replace the base package with the Pro package.
+
+        Or fix manually:
           1. Remove the base package: #{remove_cmd}
           2. Install the Pro package: #{install_cmd}
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: react_on_rails
 version: !ruby/object:Gem::Version
-  version: 16.4.0.rc.1
+  version: 16.4.0.rc.2
 platform: ruby
 authors:
 - Justin Gordon
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-02-13 00:00:00.000000000 Z
+date: 2026-02-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: addressable
@@ -131,8 +131,14 @@ files:
 - lib/generators/react_on_rails/generator_messages.rb
 - lib/generators/react_on_rails/install_generator.rb
 - lib/generators/react_on_rails/js_dependency_manager.rb
+- lib/generators/react_on_rails/pro/USAGE
+- lib/generators/react_on_rails/pro_generator.rb
+- lib/generators/react_on_rails/pro_setup.rb
 - lib/generators/react_on_rails/react_no_redux_generator.rb
 - lib/generators/react_on_rails/react_with_redux_generator.rb
+- lib/generators/react_on_rails/rsc/USAGE
+- lib/generators/react_on_rails/rsc_generator.rb
+- lib/generators/react_on_rails/rsc_setup.rb
 - lib/generators/react_on_rails/templates/.eslintrc
 - lib/generators/react_on_rails/templates/base/base/.dev-services.yml.example
 - lib/generators/react_on_rails/templates/base/base/Procfile.dev
@@ -156,10 +162,10 @@ files:
 - lib/generators/react_on_rails/templates/base/base/bin/switch-bundler
 - lib/generators/react_on_rails/templates/base/base/config/initializers/react_on_rails.rb.tt
 - lib/generators/react_on_rails/templates/base/base/config/shakapacker.yml.tt
+- lib/generators/react_on_rails/templates/base/base/config/webpack/ServerClientOrBoth.js.tt
 - lib/generators/react_on_rails/templates/base/base/config/webpack/clientWebpackConfig.js.tt
 - lib/generators/react_on_rails/templates/base/base/config/webpack/commonWebpackConfig.js.tt
 - lib/generators/react_on_rails/templates/base/base/config/webpack/development.js.tt
-- lib/generators/react_on_rails/templates/base/base/config/webpack/generateWebpackConfigs.js.tt
 - lib/generators/react_on_rails/templates/base/base/config/webpack/production.js.tt
 - lib/generators/react_on_rails/templates/base/base/config/webpack/serverWebpackConfig.js.tt
 - lib/generators/react_on_rails/templates/base/base/config/webpack/test.js.tt
@@ -169,7 +175,10 @@ files:
 - lib/generators/react_on_rails/templates/dev_tests/spec/rails_helper.rb
 - lib/generators/react_on_rails/templates/dev_tests/spec/simplecov_helper.rb
 - lib/generators/react_on_rails/templates/dev_tests/spec/spec_helper.rb
+- lib/generators/react_on_rails/templates/dev_tests/spec/system/hello_server_spec.rb
 - lib/generators/react_on_rails/templates/dev_tests/spec/system/hello_world_spec.rb
+- lib/generators/react_on_rails/templates/pro/base/client/node-renderer.js
+- lib/generators/react_on_rails/templates/pro/base/config/initializers/react_on_rails_pro.rb.tt
 - lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/actions/helloWorldActionCreators.js
 - lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/actions/helloWorldActionCreators.ts
 - lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/components/HelloWorld.jsx
@@ -187,6 +196,15 @@ files:
 - lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/startup/HelloWorldApp.server.tsx
 - lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/store/helloWorldStore.js
 - lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/store/helloWorldStore.ts
+- lib/generators/react_on_rails/templates/rsc/base/app/controllers/hello_server_controller.rb
+- lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/components/HelloServer.jsx
+- lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/components/HelloServer.tsx
+- lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/components/LikeButton.jsx
+- lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/components/LikeButton.tsx
+- lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/ror_components/HelloServer.jsx
+- lib/generators/react_on_rails/templates/rsc/base/app/javascript/src/HelloServer/ror_components/HelloServer.tsx
+- lib/generators/react_on_rails/templates/rsc/base/app/views/hello_server/index.html.erb
+- lib/generators/react_on_rails/templates/rsc/base/config/webpack/rscWebpackConfig.js.tt
 - lib/react_on_rails.rb
 - lib/react_on_rails/configuration.rb
 - lib/react_on_rails/controller.rb