fix(react): no longer use esbuild for bundling

Stencil fixed their stuff so we can just use tsc to build the React bindings

Author: favna

package.json

@@ -31,23 +31,21 @@
 		"@typescript-eslint/eslint-plugin": "^5.3.1",
 		"@typescript-eslint/parser": "^5.3.1",
 		"cz-conventional-changelog": "^3.3.0",
-		"esbuild": "^0.13.12",
 		"eslint": "^8.2.0",
 		"eslint-config-prettier": "^8.3.0",
 		"eslint-plugin-import": "^2.25.2",
 		"eslint-plugin-jsx-a11y": "^6.4.1",
 		"eslint-plugin-prettier": "^4.0.0",
 		"eslint-plugin-react": "^7.26.1",
 		"eslint-plugin-react-hooks": "^4.2.0",
+		"gen-esm-wrapper": "^1.1.3",
 		"husky": "^7.0.4",
 		"lerna": "^4.0.0",
 		"lint-staged": "^11.2.6",
 		"prettier": "^2.4.1",
 		"pretty-quick": "^3.1.1",
 		"react": "^17.0.2",
 		"react-dom": "^17.0.2",
-		"rollup": "^2.59.0",
-		"rollup-plugin-dts": "^4.0.1",
 		"typescript": "^4.4.4"
 	},
 	"commitlint": {

packages/react/package.json

@@ -4,25 +4,21 @@
 	"description": "React bindings for @skyra/discord-components-core",
 	"author": "@skyra",
 	"license": "MIT",
-	"main": "dist/index.mjs",
+	"main": "dist/index.js",
 	"module": "dist/index.mjs",
-	"browser": "dist/index.mjs",
-	"unpkg": "dist/index.mjs",
 	"typings": "dist/index.d.ts",
 	"exports": {
 		"import": "./dist/index.mjs",
-		"require": "./dist/index.mjs"
+		"require": "./dist/index.js"
 	},
 	"sideEffects": [
-		"./dist/index.mjs"
+		"./dist/index.mjs",
+		"./dist/index.js"
 	],
 	"homepage": "https://github.com/skyra-project/discord-components/tree/main/packages/react#readme",
 	"scripts": {
 		"clean": "node scripts/clean.mjs",
-		"build": "yarn clean  && yarn build:1 && yarn build:2 && yarn build:3",
-		"build:1": "node scripts/build.mjs",
-		"build:2": "tsc -p ./tsconfig.types.json",
-		"build:3": "rollup -c"
+		"build": "yarn clean  && tsc -p . && gen-esm-wrapper dist/index.js dist/index.mjs"
 	},
 	"dependencies": {
 		"@skyra/discord-components-core": "^2.11.3-alpha.1"
@@ -35,7 +31,8 @@
 		"lib": "src"
 	},
 	"files": [
-		"dist"
+		"dist",
+		"!dist/*.tsbuildinfo"
 	],
 	"engines": {
 		"node": ">=v14.0.0"

packages/react/rollup.config.js

@@ -1,11 +1,9 @@
 import { rm } from 'node:fs/promises';
 
 const distFolder = new URL('../dist', import.meta.url);
-const buildFolder = new URL('../build', import.meta.url);
 
 const options = { recursive: true, force: true };
 
 await Promise.all([
-	rm(distFolder, options), //
-	rm(buildFolder, options) //
+	rm(distFolder, options) //
 ]);

packages/react/scripts/build.mjs

@@ -3,8 +3,10 @@
 	"compilerOptions": {
 		"rootDir": "src",
 		"outDir": "dist",
-		"strictNullChecks": false,
-		"importsNotUsedAsValues": "remove"
+		"module": "CommonJS",
+		"tsBuildInfoFile": "dist/.tsbuildinfo",
+		"importsNotUsedAsValues": "remove",
+		"declarationMap": true
 	},
 	"include": ["src"]
 }

packages/react/scripts/clean.mjs

@@ -9,7 +9,6 @@ const coreWwwDirectory = new URL('www/', coreDirectory);
 
 const reactSrcDirectory = new URL('src/', reactDirectory);
 const reactDistDirectory = new URL('dist/', reactDirectory);
-const reactBuildDirectory = new URL('build/', reactDirectory);
 
 const options = { recursive: true, force: true };
 
@@ -18,6 +17,5 @@ await Promise.all([
 	rm(coreLoaderDirectory, options),
 	rm(coreWwwDirectory, options),
 	rm(reactSrcDirectory, options),
-	rm(reactDistDirectory, options),
-	rm(reactBuildDirectory, options)
+	rm(reactDistDirectory, options)
 ]);