chore: properly externalize react

Author: myandrienko

Diff for: package.json

@@ -133,6 +133,7 @@
     "@commitlint/config-conventional": "^18.4.3",
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
+    "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
     "@ladle/react": "^0.16.0",
     "@playwright/test": "^1.42.1",
     "@semantic-release/changelog": "^6.0.2",

Diff for: scripts/bundle.mjs

@@ -3,6 +3,7 @@
 import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import * as esbuild from 'esbuild';
+import { globalExternals } from '@fal-works/esbuild-plugin-global-externals';
 
 // import.meta.dirname is not available before Node 20
 const __dirname = dirname(fileURLToPath(import.meta.url));
@@ -44,6 +45,27 @@ const browserBundleConfig = {
   bundle: true,
   format: 'iife',
   external: ['react', 'react-dom', 'stream-chat'],
+  plugins: [
+    globalExternals({
+      react: {
+        varName: 'React',
+        type: 'cjs',
+      },
+      'react/jsx-runtime': {
+        varName: 'React',
+        type: 'cjs',
+      },
+      'react-dom': {
+        varName: 'ReactDOM',
+        type: 'cjs',
+      },
+      'stream-chat': {
+        varName: 'StreamChat',
+        type: 'cjs',
+      },
+    }),
+  ],
+  globalName: 'StreamChatReact',
   outfile: resolve(outDir, 'browser.full-bundle.js'),
   sourcemap: 'linked',
 };

Diff for: src/index_UMD.ts

@@ -6,3 +6,19 @@ export * from './i18n';
 export * from './utils';
 export { getChannel } from './utils/getChannel';
 export * from './components/Emojis';
+
+declare global {
+  interface Window {
+    Channel: typeof import('stream-chat').Channel;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ICAL: any;
+    logChatPromiseExecution: typeof import('stream-chat').logChatPromiseExecution;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    StreamChat: typeof import('stream-chat') & { StreamChat: any };
+  }
+}
+
+window.StreamChat.StreamChat = window.StreamChat;
+window.StreamChat.logChatPromiseExecution = window.logChatPromiseExecution;
+window.StreamChat.Channel = window.Channel;
+window.ICAL = window.ICAL || {};

Diff for: yarn.lock

@@ -1424,6 +1424,11 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
+"@fal-works/esbuild-plugin-global-externals@^2.1.2":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@fal-works/esbuild-plugin-global-externals/-/esbuild-plugin-global-externals-2.1.2.tgz#c05ed35ad82df8e6ac616c68b92c2282bd083ba4"
+  integrity sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==
+
 "@gar/promisify@^1.1.3":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"