fix(pubsub): fix ESM compatibility issue

Added @rollup/plugin-commonjs to handle CommonJS modules in ESM build, ensuring compatibility with paho-mqtt.js.

Co-authored-by: Joon Choi <13882232+joon-won@users.noreply.github.com>

Author: kyle-seongwoo-jun

package.json

@@ -82,6 +82,7 @@
 		"@babel/preset-react": "^7.0.0",
 		"@eslint/compat": "^1.2.0",
 		"@lerna/legacy-package-management": "^8.2.1",
+		"@rollup/plugin-commonjs": "^28.0.1",    
 		"@rollup/plugin-typescript": "^11.1.6",
 		"@size-limit/dual-publish": "^8.1.0",
 		"@size-limit/file": "^8.1.0",

packages/pubsub/package.json

@@ -15,8 +15,8 @@
 		"test:size": "size-limit",
 		"build-with-test": "npm run clean && npm run build",
 		"build:umd": "webpack && webpack --config ./webpack.config.dev.js",
-		"build:esm-cjs": "rollup --forceExit -c rollup.config.mjs && cp -R src/vendor dist/cjs/vendor && cp -R src/vendor dist/esm/vendor",
-		"build:watch": "mkdirp dist/esm/vendor && mkdirp dist/cjs/vendor && cp -R src/vendor dist/cjs/vendor && cp -R src/vendor dist/esm/vendor && rollup --forceExit -c rollup.config.mjs --watch",
+		"build:esm-cjs": "rollup --forceExit -c rollup.config.mjs && cp -R src/vendor dist/cjs/vendor",
+		"build:watch": "mkdirp dist/esm/vendor && mkdirp dist/cjs/vendor && cp -R src/vendor dist/cjs/vendor && rollup --forceExit -c rollup.config.mjs --watch",
 		"build": "npm run clean && npm run build:esm-cjs && npm run build:umd",
 		"clean": "npm run clean:size && rimraf dist lib lib-esm",
 		"clean:size": "rimraf dual-publish-tmp tmp*",

packages/pubsub/rollup.config.mjs

@@ -3,6 +3,7 @@
 
 import { fileURLToPath } from 'node:url';
 import { defineConfig } from 'rollup';
+import commonjs from '@rollup/plugin-commonjs';
 import typescript from '@rollup/plugin-typescript';
 import { getInputForGlob } from '../../rollup/utils.mjs';
 import {
@@ -27,11 +28,14 @@ const config = defineConfig([
 	// ESM config
 	{
 		input: input,
-		external: [
-			fileURLToPath(new URL('src/vendor/paho-mqtt.js', import.meta.url)),
-		],
 		output: esmOutput,
-		plugins: [typescript(esmTSOptions)],
+		plugins: [
+			commonjs({
+				include: ['src/vendor/paho-mqtt.js'],
+				exclude: ['**/*.ts'],
+			}),
+			typescript(esmTSOptions),
+		],
 	},
 ]);