Reduce bundle size

node_package/src/ReactOnRails.ts → node_package/src/ReactOnRails.client.ts

@@ -1,20 +1,16 @@
 import type { ReactElement } from 'react';
 
 import * as ClientStartup from './clientStartup';
-import handleError from './handleError';
 import ComponentRegistry from './ComponentRegistry';
 import StoreRegistry from './StoreRegistry';
-import serverRenderReactComponent from './serverRenderReactComponent';
 import buildConsoleReplay from './buildConsoleReplay';
 import createReactOutput from './createReactOutput';
 import Authenticity from './Authenticity';
 import context from './context';
 import type {
   RegisteredComponent,
-  RenderParams,
   RenderResult,
   RenderReturnType,
-  ErrorOptions,
   ReactComponentOrRenderFunction,
   AuthenticityHeaders,
   Store,
@@ -243,8 +239,8 @@ ctx.ReactOnRails = {
    * Used by server rendering by Rails
    * @param options
    */
-  serverRenderReactComponent(options: RenderParams): null | string | Promise<RenderResult> {
-    return serverRenderReactComponent(options);
+  serverRenderReactComponent(): null | string | Promise<RenderResult> {
+    throw new Error('serverRenderReactComponent is not available in "react-on-rails/client". Import "react-on-rails" server-side.');
   },
 
   /**
@@ -259,8 +255,8 @@ ctx.ReactOnRails = {
    * Used by Rails to catch errors in rendering
    * @param options
    */
-  handleError(options: ErrorOptions): string | undefined {
-    return handleError(options);
+  handleError(): string | undefined {
+    throw new Error('handleError is not available in "react-on-rails/client". Import "react-on-rails" server-side.');
   },
 
   /**

node_package/src/ReactOnRails.node.ts

@@ -1,7 +1,7 @@
-import ReactOnRails from './ReactOnRails';
+import ReactOnRails from './ReactOnRails.server';
 import streamServerRenderedReactComponent from './streamServerRenderedReactComponent';
 
 ReactOnRails.streamServerRenderedReactComponent = streamServerRenderedReactComponent;
 
-export * from './ReactOnRails';
-export { default } from './ReactOnRails';
+export * from './ReactOnRails.server';
+export { default } from './ReactOnRails.server';

node_package/src/ReactOnRails.server.ts

@@ -0,0 +1,19 @@
+import handleError from './handleError';
+import serverRenderReactComponent from './serverRenderReactComponent';
+import type {
+  RenderParams,
+  RenderResult,
+  ErrorOptions,
+} from './types';
+
+import Client from './ReactOnRails.client';
+
+if (typeof window !== 'undefined') {
+  throw new Error('"react-on-rails" is for server-side rendering only. Import "react-on-rails/client".');
+}
+
+Client.handleError = (options: ErrorOptions): string | undefined => handleError(options);
+Client.serverRenderReactComponent = (options: RenderParams): null | string | Promise<RenderResult> => serverRenderReactComponent(options);
+
+export * from "./types";
+export default Client;

package.json

@@ -3,10 +3,11 @@
   "version": "14.1.1",
   "description": "react-on-rails JavaScript for react_on_rails Ruby gem",
   "exports": {
-    ".": {
+    "./server": {
       "node": "./node_package/lib/ReactOnRails.node.js",
-      "default": "./node_package/lib/ReactOnRails.js"
-    }
+      "default": "./node_package/lib/ReactOnRails.server.js"
+    },
+    "./client": "./node_package/lib/ReactOnRails.client.js"
   },
   "directories": {
     "doc": "docs"

tsconfig.json

@@ -4,12 +4,12 @@
     "esModuleInterop": true,
     "jsx": "react-jsx",
     "lib": ["dom", "es2015"],
-    "module": "CommonJS",
+    "module": "Preserve",
     "noImplicitAny": true,
     "outDir": "node_package/lib",
     "strict": true,
     "incremental": true,
-    "target": "es5"
+    "target": "es2015"
   },
   "include": ["node_package/src/**/*"]
 }