Update plugin rollup polyfill package (#3621)

* Replace node polyfill rollup plugins

* Re-export 'react/jsx-runtime'

* Comment on usage of include:null in nodePolyfill

* Fix typos

packages/core/ReExports/list.ts

@@ -7,6 +7,7 @@ export default [
   'mobx',
   'mobx-state-tree',
   'react',
+  'react/jsx-runtime',
   'react-dom',
   'mobx-react',
   '@mui/x-data-grid',

packages/core/ReExports/modules.tsx

@@ -1,5 +1,6 @@
 // this is all the stuff that the pluginManager re-exports for plugins to use
 import React, { lazy, LazyExoticComponent, Suspense } from 'react'
+import * as ReactJSXRuntime from 'react/jsx-runtime'
 import * as ReactDom from 'react-dom'
 import * as mobx from 'mobx'
 import * as mst from 'mobx-state-tree'
@@ -503,6 +504,7 @@ const libs = {
   mobx,
   'mobx-state-tree': mst,
   react: React,
+  'react/jsx-runtime': ReactJSXRuntime,
   'react-dom': ReactDom,
   'mobx-react': mxreact,
   '@mui/x-data-grid': {

plugin-development-tools/package.json

@@ -45,8 +45,7 @@
     "chalk": "^4.1.1",
     "lodash.merge": "^4.6.2",
     "rollup-plugin-external-globals": "^0.6.1",
-    "rollup-plugin-node-builtins": "^2.1.2",
-    "rollup-plugin-node-globals": "^1.4.0",
+    "rollup-plugin-polyfill-node": "^0.12.0",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "rollup-plugin-terser": "^7.0.2"
   },
@@ -58,8 +57,7 @@
     "typescript": "^4.0.0"
   },
   "devDependencies": {
-    "@types/rollup-plugin-node-builtins": "^2.1.2",
-    "@types/rollup-plugin-node-globals": "^1.4.1",
+    "rimraf": "^4.1.2",
     "rollup": "^2.77.0",
     "typescript": "^4.7.4"
   },

plugin-development-tools/src/createRollupConfig.ts

@@ -8,8 +8,7 @@ import typescript from '@rollup/plugin-typescript'
 import path from 'path'
 import { defineConfig, OutputOptions, Plugin, RollupOptions } from 'rollup'
 import externalGlobals from 'rollup-plugin-external-globals'
-import builtins from 'rollup-plugin-node-builtins'
-import globals from 'rollup-plugin-node-globals'
+import nodePolyfills from 'rollup-plugin-polyfill-node'
 import sourceMaps from 'rollup-plugin-sourcemaps'
 import { terser } from 'rollup-plugin-terser'
 import { babelPluginJBrowse } from './babelPluginJBrowse'
@@ -86,8 +85,11 @@ function getPlugins(
     }),
     mode === 'npm' && sourceMaps(),
     mode === 'npm' && writeIndex(packageName, distPath),
-    (mode === 'esmBundle' || mode === 'umd') && globals(),
-    (mode === 'esmBundle' || mode === 'umd') && builtins(),
+    (mode === 'esmBundle' || mode === 'umd') &&
+      // By default, nodePolyfills only polyfills code in node_modules/. We set
+      // to null here to include the plugin source code itself (and for Yarn 2/3
+      // compatibility, since it doesn't use node_modules/).
+      nodePolyfills({ include: null }),
     (mode === 'cjs' || mode === 'esmBundle') && omitUnresolved(),
   ].filter(Boolean)