react_on_rails 15.0.0.alpha.2 → 15.0.0.rc.1

data/README.md

@@ -17,21 +17,24 @@
 [![Linting](https://github.com/shakacode/react_on_rails/actions/workflows/lint-js-and-ruby.yml/badge.svg)](https://github.com/shakacode/react_on_rails/actions/workflows/lint-js-and-ruby.yml)
 
 # News
-* [React on Rails Pro](https://www.shakacode.com/react-on-rails-pro/) supports the latest features of React 18, including [React Server Components](https://react.dev/reference/rsc/server-components) and [streaming](https://react.dev/reference/react-dom/server/renderToPipeableStream). Contact [Justin Gordon](mailto:justin@shakacode.com) for more information.
-* ShakaCode now maintains the official successor to `rails/webpacker`, [`shakapacker`](https://github.com/shakacode/shakapacker).
-* Project is updated to support Rails 7 and Shakapacker v6+!
 
------
+- [React on Rails Pro](https://www.shakacode.com/react-on-rails-pro/) supports the latest features of React 18, including [React Server Components](https://react.dev/reference/rsc/server-components) and [streaming](https://react.dev/reference/react-dom/server/renderToPipeableStream). Contact [Justin Gordon](mailto:justin@shakacode.com) for more information.
+- ShakaCode now maintains the official successor to `rails/webpacker`, [`shakapacker`](https://github.com/shakacode/shakapacker).
+- Project is updated to support Rails 7 and Shakapacker v6+!
 
-*These are the docs for React on Rails 14. To see the older docs and code: [v13](https://github.com/shakacode/react_on_rails/tree/13.4.0), [v12](https://github.com/shakacode/react_on_rails/tree/12.6.0), and [v11](https://github.com/shakacode/react_on_rails/tree/11.3.0).*
+---
+
+_These are the docs for React on Rails 14. To see the older docs and code: [v13](https://github.com/shakacode/react_on_rails/tree/13.4.0), [v12](https://github.com/shakacode/react_on_rails/tree/12.6.0), and [v11](https://github.com/shakacode/react_on_rails/tree/11.3.0)._
 
 # About
+
 React on Rails integrates Rails with (server rendering of) [React](https://github.com/facebook/react).
 
-This project is maintained by [ShakaCode](https://www.shakacode.com). 
+This project is maintained by [ShakaCode](https://www.shakacode.com).
 
 ## ShakaCode Upgrade Support
-ShakaCode focuses on helping Ruby on Rails teams better use React and Webpack. We can upgrade your project and improve your development and customer experiences, allowing you to focus on building new features or fixing bugs instead. 
+
+ShakaCode focuses on helping Ruby on Rails teams better use React and Webpack. We can upgrade your project and improve your development and customer experiences, allowing you to focus on building new features or fixing bugs instead.
 
 For an overview of working with us, see our [Client Engagement Model](https://www.shakacode.com/blog/client-engagement-model/) article and [how we bill for time](https://www.shakacode.com/blog/shortcut-jira-trello-github-toggl-time-and-task-tracking/).
 
@@ -40,7 +43,8 @@ We also specialize in helping development teams lower infrastructure and CI cost
 If you think ShakaCode can help your project, [click here](https://meetings.hubspot.com/justingordon/30-minute-consultation) to book a call with [Justin Gordon](mailto:justin@shakacode.com), the creator of React on Rails.
 
 ## React on Rails Pro
-Are you interested in optimizing your webpack setup for React on Rails, including code splitting with [react-router](https://github.com/ReactTraining/react-router#readme) and  [loadable-components](https://loadable-components.com/) with server-side rendering for SEO and hot-reloading for developers?
+
+Are you interested in optimizing your Webpack setup for React on Rails, including code splitting with [React Router](https://reactrouter.com/) and [loadable-components](https://loadable-components.com/) with server-side rendering for SEO and hot-reloading for developers?
 We did this for Popmenu, [lowering Heroku costs 20-25% while getting a 73% decrease in average response times](https://www.shakacode.com/recent-work/popmenu/). Several years later, Popmenu serves tens of millions of SSR requests daily with React on Rails Pro.
 
 If you're interested, read more about [React on Rails Pro](https://www.shakacode.com/react-on-rails-pro/) and [book a call](https://meetings.hubspot.com/justingordon/30-minute-consultation).
@@ -60,10 +64,10 @@ Given that `shakacode/shakapacker` gem already provides basic React integration,
 1. Automatic configuration of what bundles are added to the page based on what React components are on the page. This results in faster browser loading time via smaller bundle sizes.
 1. Keep up with the latest changes in different versions of React. React 18 is supported.
 1. Easy passing of props directly from your Rails view to your React components rather than having your Rails view load and then make a separate request to your API.
-Tight integration with [shakapacker](https://github.com/shakacode/shakapacker) (or its predecessor [rails/webpacker](https://github.com/rails/webpacker)).
+   Tight integration with [shakapacker](https://github.com/shakacode/shakapacker) (or its predecessor [rails/webpacker](https://github.com/rails/webpacker)).
 1. Server-Side Rendering (SSR), often used for SEO crawler indexing and UX performance.
 1. [Automated optimized entry-point creation and bundle inclusion when placing a component on a page. With this feature, you no longer need to configure `javascript_pack_tags` and `stylesheet_pack_tags` on your layouts based on what’s shown. “It just works!”](https://www.shakacode.com/react-on-rails/docs/guides/file-system-based-automated-bundle-generation/)
-1. [Redux](https://github.com/reactjs/redux) and [React Router](https://github.com/ReactTraining/react-router#readme) integration with server-side-rendering.
+1. [Redux](https://redux.js.org/) and [React Router](https://reactrouter.com/) integration with server-side-rendering.
 1. [Internationalization (I18n) and (localization)](https://www.shakacode.com/react-on-rails/docs/guides/i18n)
 1. A supportive community. This [web search shows how live public sites are using React on Rails](https://publicwww.com/websites/%22react-on-rails%22++-undeveloped.com+depth%3Aall/).
 1. [ReScript Support](https://github.com/shakacode/rescript-react-on-rails-example).
@@ -71,14 +75,16 @@ Tight integration with [shakapacker](https://github.com/shakacode/shakapacker) (
 See [Rails/Webpacker React Integration Options](https://www.shakacode.com/react-on-rails/docs/guides/rails-webpacker-react-integration-options) for comparisons to other gems.
 
 ## Online demo
-* See the [react-webpack-rails-tutorial](https://github.com/shakacode/react-webpack-rails-tutorial) for an example of a live implementation and code.
-* A deployed version of the project `spec/dummy`, which demonstrates several uses of `react_on_rails`, will soon be available on [Control Plane through this link](https://ror-spec-dummy.reactrails.com/)
+
+- See the [react-webpack-rails-tutorial](https://github.com/shakacode/react-webpack-rails-tutorial) for an example of a live implementation and code.
+- A deployed version of the project `spec/dummy`, which demonstrates several uses of `react_on_rails`, will soon be available on [Control Plane through this link](https://ror-spec-dummy.reactrails.com/)
 
 ## ShakaCode Forum Premium Content
+
 _Requires creating a free account._
 
-* [How to use different versions of a file for client and server rendering](https://forum.shakacode.com/t/how-to-use-different-versions-of-a-file-for-client-and-server-rendering/1352)
-* [How to conditionally render server side based on the device type](https://forum.shakacode.com/t/how-to-conditionally-render-server-side-based-on-the-device-type/1473)
+- [How to use different versions of a file for client and server rendering](https://forum.shakacode.com/t/how-to-use-different-versions-of-a-file-for-client-and-server-rendering/1352)
+- [How to conditionally render server side based on the device type](https://forum.shakacode.com/t/how-to-conditionally-render-server-side-based-on-the-device-type/1473)
 
 ## Prerequisites
 
@@ -86,12 +92,13 @@ Ruby on Rails >=5, rails/webpacker >= 4.2 or shakapacker > 6, Ruby >= 3.0.0
 
 # Support
 
-* [Click to join **React + Rails Slack**](https://reactrails.slack.com/join/shared_invite/enQtNjY3NTczMjczNzYxLTlmYjdiZmY3MTVlMzU2YWE0OWM0MzNiZDI0MzdkZGFiZTFkYTFkOGVjODBmOWEyYWQ3MzA2NGE1YWJjNmVlMGE).
+- [Click to join **React + Rails Slack**](https://reactrails.slack.com/join/shared_invite/enQtNjY3NTczMjczNzYxLTlmYjdiZmY3MTVlMzU2YWE0OWM0MzNiZDI0MzdkZGFiZTFkYTFkOGVjODBmOWEyYWQ3MzA2NGE1YWJjNmVlMGE).
+
 - [**Subscribe**](https://app.mailerlite.com/webforms/landing/l1d9x5) for announcements of new releases of React on Rails and of our latest [blog articles](https://blog.shakacode.com) and tutorials.
 - [Discussions](https://github.com/shakacode/react_on_rails/discussions): Post your questions regarding React on Rails
 - **[forum.shakacode.com](https://forum.shakacode.com)**: Other discussions
 - **[@railsonmaui on Twitter](https://twitter.com/railsonmaui)**
-- *See [NEWS.md](https://github.com/shakacode/react_on_rails/tree/master/NEWS.md) for more notes over time.*
+- _See [NEWS.md](https://github.com/shakacode/react_on_rails/tree/master/NEWS.md) for more notes over time._
 - See [Projects](https://github.com/shakacode/react_on_rails/tree/master/PROJECTS.md) using and [KUDOS](https://github.com/shakacode/react_on_rails/tree/master/KUDOS.md) for React on Rails. Please submit yours! Please edit either page or [email us](mailto:contact@shakacode.com) and we'll add your info. We also **love stars** as it helps us attract new users and contributors.
 
 ## Contributing
@@ -99,6 +106,7 @@ Ruby on Rails >=5, rails/webpacker >= 4.2 or shakapacker > 6, Ruby >= 3.0.0
 Bug reports and pull requests are welcome. To get started, see [Contributing](https://github.com/shakacode/react_on_rails/tree/master/CONTRIBUTING.md) and the [list of help wanted issues](https://github.com/shakacode/react_on_rails/labels/contributions%3A%20up%20for%20grabs%21).
 
 # Work with Us
+
 ShakaCode is **[hiring passionate software engineers](http://www.shakacode.com/career)** to work on our projects, including [HiChee](https://hichee.com)!
 
 # License

data/SUMMARY.md

@@ -6,73 +6,83 @@ Here is the new link:
 
 **[React on Rails Documentation Link](https://www.shakacode.com/react-on-rails/docs/)**
 
------
+---
 
 ## **OLD DOCS BELOW**
-+ [Home](./README.md)
+
+- [Home](./README.md)
 
 ## **Basics**
-  + [React on Rails Basic Installation Tutorial](./docs/tutorial.md)
-  + [Webpack Configuration](./docs/guides/webpack-configuration.md)
-  + [How React on Rails Works](docs/outdated/how-react-on-rails-works.md)
-  + [Client vs. Server Rendering](./docs/guides/client-vs-server-rendering.md)
-  + [React Server Rendering](./docs/guides/react-server-rendering.md)
-  + [🚀 Next-Gen Server Rendering: Streaming with React 18's Latest APIs](./docs/guides/streaming-server-rendering.md)
-  + [Render-Functions and the RailsContext](docs/guides/render-functions-and-railscontext.md)
-  + [Caching and Performance: React on Rails Pro](https://github.com/shakacode/react_on_rails/wiki).
-  + [Deployment](docs/guides/deployment.md).
-  + [React on Rails Internationalization (I18n, localization)](docs/guides/i18n.md)
-  + [RSpec Test Helpers Configuration](docs/guides/rspec-configuration.md)
-  + [Minitest Configuration](docs/guides/minitest-configuration.md)
-  + [Upgrading React on Rails](docs/guides/upgrading-react-on-rails.md)
-  
+
+- [React on Rails Basic Installation Tutorial](./docs/tutorial.md)
+- [Webpack Configuration](./docs/guides/webpack-configuration.md)
+- [How React on Rails Works](docs/outdated/how-react-on-rails-works.md)
+- [Client vs. Server Rendering](./docs/guides/client-vs-server-rendering.md)
+- [React Server Rendering](./docs/guides/react-server-rendering.md)
+- [🚀 Next-Gen Server Rendering: Streaming with React 18's Latest APIs](./docs/guides/streaming-server-rendering.md)
+- [Render-Functions and the RailsContext](docs/guides/render-functions-and-railscontext.md)
+- [Caching and Performance: React on Rails Pro](https://github.com/shakacode/react_on_rails/wiki).
+- [Deployment](docs/guides/deployment.md).
+- [React on Rails Internationalization (I18n, localization)](docs/guides/i18n.md)
+- [RSpec Test Helpers Configuration](docs/guides/rspec-configuration.md)
+- [Minitest Configuration](docs/guides/minitest-configuration.md)
+- [Upgrading React on Rails](docs/guides/upgrading-react-on-rails.md)
+
 ## **API**
-  - [View Helpers API](./docs/api/view-helpers-api.md)
-  - [JavaScript API](./docs/api/javascript-api.md)
-  - [Redux Store API](./docs/api/redux-store-api.md)
+
+- [View Helpers API](./docs/api/view-helpers-api.md)
+- [JavaScript API](./docs/api/javascript-api.md)
+- [Redux Store API](./docs/api/redux-store-api.md)
 
 ## **Additional Details**
-  + [Migration from react-rails](./docs/guides/migrating-from-react-rails.md)
-  + [Generator Details](docs/guides/generator-details.md)
-  + [Updating Dependencies](./docs/additional-reading/updating-dependencies.md)
-  + [Manual Installation Overview](docs/outdated/manual-installation-overview.md)
-  + [Upgrading from rails/webpacker v3 to v4](docs/additional-reading/upgrade-webpacker-v3-to-v4.md)
-  + [Recommended Project Structure](docs/additional-reading/recommended-project-structure.md)
-  
+
+- [Migration from `react-rails`](./docs/guides/migrating-from-react-rails.md)
+- [Generator Details](docs/guides/generator-details.md)
+- [Updating Dependencies](./docs/additional-reading/updating-dependencies.md)
+- [Manual Installation Overview](docs/outdated/manual-installation-overview.md)
+- [Upgrading from rails/webpacker v3 to v4](docs/additional-reading/upgrade-webpacker-v3-to-v4.md)
+- [Recommended Project Structure](docs/additional-reading/recommended-project-structure.md)
+
 ## **Rails**
-  + [Rails Engine Integration](./docs/additional-reading/rails-engine-integration.md)
-  + [Rails View Rendering from Inline JavaScript](./docs/additional-reading/rails_view_rendering_from_inline_javascript.md)
-  + [Turbolinks](./docs/additional-reading/turbolinks.md)
-  + [Converting a Rails 5 API only app to a Rails app](./docs/additional-reading/convert-rails-5-api-only-app.md)
+
+- [Rails Engine Integration](./docs/additional-reading/rails-engine-integration.md)
+- [Rails View Rendering from Inline JavaScript](./docs/additional-reading/rails_view_rendering_from_inline_javascript.md)
+- [Turbolinks](./docs/additional-reading/turbolinks.md)
+- [Converting a Rails 5 API only app to a Rails app](./docs/additional-reading/convert-rails-5-api-only-app.md)
 
 ## **Javascript**
-  + [Node Dependencies, NPM, and Yarn](./docs/additional-reading/node-dependencies-and-npm.md)
-  + [React Router](./docs/additional-reading/react-router.md)
-  + [React & Redux](./docs/additional-reading/react-and-redux.md)
-  + [Webpack Tips](./docs/additional-reading/webpack.md)
-  + [Server Rendering Tips](./docs/additional-reading/server-rendering-tips.md)
-  + [Code Splitting](docs/outdated/code-splitting.md)
-  + [AngularJS Integration and Migration to React on Rails](./docs/additional-reading/angular-js-integration-migration.md)
+
+- [Node Dependencies, NPM, and Yarn](./docs/additional-reading/node-dependencies-and-npm.md)
+- [React Router](./docs/additional-reading/react-router.md)
+- [React & Redux](./docs/additional-reading/react-and-redux.md)
+- [Webpack Tips](./docs/additional-reading/webpack.md)
+- [Server Rendering Tips](./docs/additional-reading/server-rendering-tips.md)
+- [Code Splitting](docs/outdated/code-splitting.md)
+- [AngularJS Integration and Migration to React on Rails](./docs/additional-reading/angular-js-integration-migration.md)
 
 ## **Deployment**
-  + [Heroku Deployment](docs/guides/heroku-deployment.md)
-  + [Elastic Beanstalk Deployment](./docs/additional-reading/elastic-beanstalk.md)
+
+- [Heroku Deployment](docs/guides/heroku-deployment.md)
+- [Elastic Beanstalk Deployment](./docs/additional-reading/elastic-beanstalk.md)
 
 ## Outdated Non-Webpack Docs
-  + [Developing with the Webpack Dev Server](./docs/additional-reading/webpack-dev-server.md)
-  + [Webpack, the Asset Pipeline, and Using Assets w/ React](./docs/outdated/rails-assets-relative-paths.md)
+
+- [Developing with the Webpack Dev Server](./docs/additional-reading/webpack-dev-server.md)
+- [Webpack, the Asset Pipeline, and Using Assets w/ React](./docs/outdated/rails-assets-relative-paths.md)
 
 ## **[CONTRIBUTING](CONTRIBUTING.md)**
-  + [Generator Testing](./docs/contributor-info/generator-testing.md)
-  + [Linting](./docs/contributor-info/linters.md)
-  + [Releasing](./docs/contributor-info/releasing.md)
+
+- [Generator Testing](./docs/contributor-info/generator-testing.md)
+- [Linting](./docs/contributor-info/linters.md)
+- [Releasing](./docs/contributor-info/releasing.md)
 
 ## **Misc**
-  + [Tips](./docs/additional-reading/tips.md)
-  + [Changelog](./CHANGELOG.md)
-  + [Projects](./PROJECTS.md)
-  + [Shaka Code Style](./docs/coding-style/style.md)
-  + [React on Rails, Slides](http://www.slideshare.net/justingordon/react-on-rails-v61)
-  + [Code of Conduct](./docs/misc/code_of_conduct.md)
-  + [The React on Rails Doctrine](https://medium.com/@railsonmaui/the-react-on-rails-doctrine-3c59a778c724)
-  + [React on Rails, 2000+ 🌟 Stars](https://medium.com/shakacode/react-on-rails-2000-stars-32ff5cfacfbf#.6gmfb2gpy)
+
+- [Tips](./docs/additional-reading/tips.md)
+- [Changelog](./CHANGELOG.md)
+- [Projects](./PROJECTS.md)
+- [Shaka Code Style](./docs/coding-style/style.md)
+- [React on Rails, Slides](http://www.slideshare.net/justingordon/react-on-rails-v61)
+- [Code of Conduct](./docs/misc/code_of_conduct.md)
+- [The React on Rails Doctrine](https://medium.com/@railsonmaui/the-react-on-rails-doctrine-3c59a778c724)
+- [React on Rails, 2000+ 🌟 Stars](https://medium.com/shakacode/react-on-rails-2000-stars-32ff5cfacfbf#.6gmfb2gpy)

data/eslint.config.ts

@@ -0,0 +1,213 @@
+import path from 'node:path';
+import { globalIgnores } from 'eslint/config';
+import jest from 'eslint-plugin-jest';
+import prettierRecommended from 'eslint-plugin-prettier/recommended';
+import globals from 'globals';
+import tsEslint from 'typescript-eslint';
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+const config = tsEslint.config([
+  includeIgnoreFile(path.resolve(__dirname, '.gitignore')),
+  globalIgnores([
+    // compiled code
+    'node_package/lib/',
+    // used for tests only
+    'spec/react_on_rails/dummy-for-generators',
+    // temporary and generated files
+    'spec/dummy/.yalc',
+    'spec/dummy/public',
+    'spec/dummy/vendor',
+    'spec/dummy/tmp',
+    'spec/dummy/app/assets/config/manifest.js',
+    'spec/dummy/client/app/packs/server-bundle.js',
+    '**/*.res.js',
+    '**/coverage',
+    '**/assets/webpack/',
+    '**/public/webpack/',
+    '**/generated/',
+    '**/app/assets/javascripts/application.js',
+    '**/cable.js',
+    '**/public/packs*/',
+    '**/gen-examples/',
+    '**/bundle/',
+    // dependencies
+    '**/node_modules/',
+    // fixtures
+    '**/fixtures/',
+    '**/.yalc/**/*',
+  ]),
+  {
+    files: ['**/*.[jt]s', '**/*.[jt]sx', '**/*.[cm][jt]s'],
+  },
+  js.configs.recommended,
+  compat.extends('eslint-config-shakacode'),
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+
+      parserOptions: {
+        requireConfigFile: false,
+
+        babelOptions: {
+          presets: ['@babel/preset-env', '@babel/preset-react'],
+        },
+      },
+    },
+
+    settings: {
+      'import/core-modules': ['react-redux'],
+
+      'import/resolver': {
+        alias: [['Assets', './spec/dummy/client/app/assets']],
+
+        node: {
+          extensions: ['.js', '.jsx', '.ts', '.tsx', '.d.ts'],
+        },
+      },
+    },
+
+    rules: {
+      'no-shadow': 'off',
+      'no-console': 'off',
+      'function-paren-newline': 'off',
+      'object-curly-newline': 'off',
+      'no-restricted-syntax': ['error', 'SequenceExpression'],
+      'no-void': [
+        'error',
+        {
+          allowAsStatement: true,
+        },
+      ],
+
+      'import/extensions': [
+        'error',
+        'ignorePackages',
+        {
+          js: 'never',
+          jsx: 'never',
+          ts: 'never',
+          tsx: 'never',
+        },
+      ],
+
+      'import/first': 'off',
+      'import/no-extraneous-dependencies': 'off',
+      // The rule seems broken: it's reporting errors on imports in files using `export` too,
+      // not just `module.exports`.
+      'import/no-import-module-exports': 'off',
+      'import/no-unresolved': [
+        'error',
+        {
+          ignore: ['\\.res\\.js$'],
+        },
+      ],
+      'react/destructuring-assignment': [
+        'error',
+        'always',
+        {
+          ignoreClassFields: true,
+        },
+      ],
+      'react/forbid-prop-types': 'off',
+      'react/function-component-definition': [
+        'error',
+        {
+          namedComponents: ['arrow-function', 'function-declaration'],
+          unnamedComponents: 'arrow-function',
+        },
+      ],
+      'react/jsx-props-no-spreading': 'off',
+      'react/static-property-placement': 'off',
+      'jsx-a11y/anchor-is-valid': 'off',
+      'react/jsx-filename-extension': [
+        'error',
+        {
+          extensions: ['.jsx', '.tsx'],
+        },
+      ],
+    },
+  },
+  {
+    files: ['node_package/**/*'],
+    rules: {
+      'import/extensions': ['error', 'ignorePackages'],
+    },
+  },
+  {
+    files: ['lib/generators/react_on_rails/templates/**/*'],
+    rules: {
+      // It doesn't use package.json from the template
+      'import/no-unresolved': 'off',
+      // We have `const [name, setName] = useState(props.name)` so can't just destructure props
+      'react/destructuring-assignment': 'off',
+    },
+  },
+  {
+    files: ['**/*.ts{x,}', '**/*.[cm]ts'],
+
+    extends: tsEslint.configs.strictTypeChecked,
+
+    languageOptions: {
+      parserOptions: {
+        projectService: {
+          allowDefaultProject: ['eslint.config.ts', 'knip.ts', 'node_package/tests/*.test.{ts,tsx}'],
+          // Needed because `import * as ... from` instead of `import ... from` doesn't work in this file
+          // for some imports.
+          defaultProject: 'tsconfig.eslint.json',
+        },
+      },
+    },
+
+    rules: {
+      '@typescript-eslint/no-namespace': 'off',
+      '@typescript-eslint/no-shadow': 'error',
+      '@typescript-eslint/no-confusing-void-expression': [
+        'error',
+        {
+          ignoreArrowShorthand: true,
+        },
+      ],
+      // Too many false positives
+      '@typescript-eslint/no-unnecessary-condition': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          caughtErrorsIgnorePattern: '^_',
+        },
+      ],
+      '@typescript-eslint/restrict-template-expressions': 'off',
+    },
+  },
+  {
+    files: ['**/app-react16/**/*'],
+    rules: {
+      'react/no-deprecated': 'off',
+    },
+  },
+  {
+    files: ['node_package/tests/**', '**/*.test.{js,jsx,ts,tsx}'],
+
+    extends: [jest.configs['flat/recommended'], jest.configs['flat/style']],
+
+    rules: {
+      // Allows Jest mocks before import
+      'import/first': 'off',
+    },
+  },
+  // must be the last config in the array
+  // https://github.com/prettier/eslint-plugin-prettier?tab=readme-ov-file#configuration-new-eslintconfigjs
+  prettierRecommended,
+]);
+
+export default config;

data/knip.ts

@@ -7,17 +7,20 @@ const config: KnipConfig = {
       entry: [
         'node_package/src/ReactOnRails.node.ts!',
         'node_package/src/ReactOnRailsRSC.ts!',
-        'node_package/src/registerServerComponent/client.ts!',
-        'node_package/src/registerServerComponent/server.ts!',
-        'node_package/src/RSCClientRoot.ts!',
+        'node_package/src/registerServerComponent/client.tsx!',
+        'node_package/src/registerServerComponent/server.tsx!',
+        'node_package/src/registerServerComponent/server.rsc.ts!',
+        'node_package/src/wrapServerComponentRenderer/server.tsx!',
+        'node_package/src/wrapServerComponentRenderer/server.rsc.tsx!',
+        'node_package/src/RSCRoute.tsx!',
+        'node_package/src/ServerComponentFetchError.ts!',
+        'eslint.config.ts',
       ],
       project: ['node_package/src/**/*.[jt]s{x,}!', 'node_package/tests/**/*.[jt]s{x,}'],
       babel: {
         config: ['node_package/babel.config.js'],
       },
-      ignore: [
-        'node_package/tests/emptyForTesting.js',
-      ],
+      ignore: ['node_package/tests/emptyForTesting.js'],
       ignoreBinaries: [
         // Knip fails to detect it's declared in devDependencies
         'nps',
@@ -27,14 +30,19 @@ const config: KnipConfig = {
       ignoreDependencies: [
         // Required for TypeScript compilation, but we don't depend on Turbolinks itself.
         '@types/turbolinks',
-        // used in package-scripts.yml
-        'concurrently',
         // The Knip ESLint plugin fails to detect these are transitively required by a config,
         // though we don't actually use its rules anywhere.
+        '@babel/eslint-parser',
+        '@babel/preset-react',
+        'eslint-config-shakacode',
+        'eslint-import-resolver-alias',
+        'eslint-plugin-import',
         'eslint-plugin-jsx-a11y',
         'eslint-plugin-react',
-        // Used in CI
-        '@arethetypeswrong/cli',
+        'eslint-plugin-react-hooks',
+        // These are used as transitive dependencies and missing from package.json
+        '@eslint/eslintrc',
+        '@eslint/js',
         // used by Jest
         'jsdom',
       ],
@@ -50,6 +58,7 @@ const config: KnipConfig = {
         // Declaring this as webpack.config instead doesn't work correctly
         'config/webpack/webpack.config.js',
       ],
+      ignore: ['**/app-react16/**/*'],
       project: ['**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}!', 'config/webpack/*.js'],
       paths: {
         'Assets/*': ['client/app/assets/*'],

data/lib/generators/USAGE

@@ -1,6 +1,6 @@
 Description:
 
-The react_on_rails:install generator integrates webpack with rails with ease. You
+The react_on_rails:install generator integrates Webpack with Rails with ease. You
 can pass the redux option if you'd like to have redux setup for you automatically.
 
 * Redux

data/lib/generators/react_on_rails/dev_tests_generator.rb

@@ -47,14 +47,10 @@ module ReactOnRails
 
       def add_yarn_relative_install_script_in_package_json
         package_json = File.join(destination_root, "package.json")
-        contents = File.read(package_json)
-        replacement_value = <<-STRING
-  "scripts": {
-    "postinstall": "yalc link react-on-rails",
-        STRING
-        new_client_package_json_contents = contents.gsub(/ {2}"scripts": {/,
-                                                         replacement_value)
-        File.open(package_json, "w+") { |f| f.puts new_client_package_json_contents }
+        contents = JSON.parse(File.read(package_json))
+        contents["scripts"] ||= {}
+        contents["scripts"]["postinstall"] = "yalc link react-on-rails"
+        File.open(package_json, "w+") { |f| f.puts JSON.pretty_generate(contents) }
       end
     end
   end

data/lib/generators/react_on_rails/templates/.eslintrc

@@ -1,5 +1,5 @@
 ---
-extends: 
+extends:
   - eslint-config-shakacode
   - prettier
 

data/lib/generators/react_on_rails/templates/base/base/app/javascript/bundles/HelloWorld/components/HelloWorld.module.css

@@ -1,4 +1,4 @@
 .bright {
-    color: green;
-    font-weight: bold;
+  color: green;
+  font-weight: bold;
 }

data/lib/generators/react_on_rails/templates/base/base/app/javascript/bundles/HelloWorld/components/HelloWorldServer.js

@@ -1,5 +1,5 @@
 import HelloWorld from './HelloWorld';
 // This could be specialized for server rendering
-// For example, if using React-Router, we'd have the SSR setup here.
+// For example, if using React Router, we'd have the SSR setup here.
 
 export default HelloWorld;

data/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] %>';
 

data/lib/generators/react_on_rails/templates/base/base/config/shakapacker.yml

@@ -37,7 +37,7 @@ development:
       #  port: 8080
     compress: true
     # Note that apps that do not check the host are vulnerable to DNS rebinding attacks
-    allowed_hosts: [ 'localhost' ]
+    allowed_hosts: ['localhost']
     pretty: true
     headers:
       'Access-Control-Allow-Origin': '*'

data/lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/reducers/helloWorldReducer.js

@@ -1,7 +1,7 @@
 import { combineReducers } from 'redux';
 import { HELLO_WORLD_NAME_UPDATE } from '../constants/helloWorldConstants';
 
-const name = (state = '', action) => {
+const name = (state = '', action = {}) => {
   switch (action.type) {
     case HELLO_WORLD_NAME_UPDATE:
       return action.text;