React server component support

package.json

@@ -94,6 +94,7 @@
     "rollbar": "^2.26.3",
     "rollup": "^4.12.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-preserve-directives": "^0.4.0",
     "ts-jest": "^29.1.2",
     "ts-node": "^10.9.2",
     "typescript": "^5",

rollup.config.mjs

@@ -6,6 +6,7 @@ import resolve from '@rollup/plugin-node-resolve';
 import peerDepsExternal from 'rollup-plugin-peer-deps-external';
 import babel from '@rollup/plugin-babel';
 import pkg from './package.json' assert { type: 'json' };
+import preserveDirectives from 'rollup-plugin-preserve-directives';
 
 const COMMON_PLUGINS = [
   resolve(),
@@ -14,6 +15,22 @@ const COMMON_PLUGINS = [
   babel({ babelHelpers: 'bundled', exclude: ['node_modules/**'] }),
 ];
 
+const entryFileNames = (chunkInfo) => {
+  if (chunkInfo.name.includes('node_modules')) {
+    return chunkInfo.name.replace(/node_modules/g, 'external') + '.js';
+  }
+
+  return '[name].js';
+};
+
+const onwarn = (warning, warn) => {
+  if (warning.code === 'MODULE_LEVEL_DIRECTIVE') {
+    return;
+  }
+
+  warn(warning);
+};
+
 export default [
   {
     input: 'src/index.js',
@@ -30,6 +47,7 @@ export default [
       },
     },
     plugins: [...COMMON_PLUGINS, commonjs()],
+    onwarn,
   },
 
   {
@@ -51,16 +69,24 @@ export default [
         dir: pkg.module,
         format: 'es',
         sourcemap: true,
-        entryFileNames: '[name].js',
+        preserveModules: true,
+        preserveModulesRoot: 'src',
+        entryFileNames,
       },
       {
         dir: pkg.main,
         format: 'cjs',
         sourcemap: true,
-        entryFileNames: '[name].js',
         exports: 'named',
+        preserveModules: true,
+        preserveModulesRoot: 'src',
+        entryFileNames
       },
     ],
-    plugins: [...COMMON_PLUGINS],
+    plugins: [
+      ...COMMON_PLUGINS,
+      preserveDirectives({ suppressPreserveModulesWarning: true }),
+    ],
+    onwarn,
   },
 ];

src/error-boundary.js

@@ -1,3 +1,5 @@
+'use client';
+
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import invariant from 'tiny-invariant';

src/hooks/use-rollbar-capture-event.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect } from 'react';
 import invariant from 'tiny-invariant';
 import { LEVEL_INFO } from '../constants';

src/hooks/use-rollbar-config.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { useRollbar } from './use-rollbar';
 
 export function useRollbarConfiguration(config) {

src/hooks/use-rollbar-context.js

@@ -1,3 +1,5 @@
+'use client';
+
 import invariant from 'tiny-invariant';
 import { useEffect, useLayoutEffect } from 'react';
 import { useRollbar } from './use-rollbar';

src/hooks/use-rollbar-logs.js

@@ -1,3 +1,5 @@
+'use client';
+
 // EXPERIMENTAL
 // NOT EXPORTED AS PART OF PUBLIC API YET
 // NO TEST COVERAGE

src/hooks/use-rollbar-person.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { useRollbarConfiguration } from './use-rollbar-config';
 
 export function useRollbarPerson(person) {

src/hooks/use-rollbar.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { useContext } from 'react';
 import { Context, getRollbarFromContext } from '../provider';
 

src/hooks/use-scoped-rollbar-config.js

@@ -1,3 +1,5 @@
+'use client';
+
 // EXPERIMENTAL
 // NOT EXPORTED AS PART OF PUBLIC API YET
 // NO TEST COVERAGE

src/provider.js

@@ -1,3 +1,5 @@
+'use client';
+
 import React, { Component, createContext } from 'react';
 import PropTypes from 'prop-types';
 import Rollbar from 'rollbar';

src/rollbar-configuration.js

@@ -1,3 +1,5 @@
+'use client';
+
 // EXPERIMENTAL
 // NOT EXPORTED AS PART OF PUBLIC API YET: no current test coverage
 

src/rollbar-context.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Context, getRollbarFromContext } from './provider';