Refactor

README.md

@@ -1,6 +1,6 @@
 # esbuild-plugin-react18
 
-[![test](https://github.com/mayank1513/esbuild-plugin-react18/actions/workflows/test.yml/badge.svg)](https://github.com/mayank1513/esbuild-plugin-react18/actions/workflows/test.yml) [![codecov](https://codecov.io/gh/mayank1513/esbuild-plugin-react18/graph/badge.svg)](https://codecov.io/gh/mayank1513/esbuild-plugin-react18) [![Maintainability](https://api.codeclimate.com/v1/badges/c5e44df548df962f3df5/maintainability)](https://codeclimate.com/github/mayank1513/esbuild-plugin-react18/maintainability) [![Version](https://img.shields.io/npm/v/esbuild-plugin-react18.svg?colorB=green)](https://www.npmjs.com/package/esbuild-plugin-react18) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/dt/esbuild-plugin-react18.svg)](https://www.npmjs.com/package/esbuild-plugin-react18) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/esbuild-plugin-react18)
+[![test](https://github.com/mayank1513/esbuild-plugin-react18/actions/workflows/test.yml/badge.svg)](https://github.com/mayank1513/esbuild-plugin-react18/actions/workflows/test.yml) [![codecov](https://codecov.io/gh/mayank1513/esbuild-plugin-react18/graph/badge.svg)](https://codecov.io/gh/mayank1513/esbuild-plugin-react18) [![Maintainability](https://api.codeclimate.com/v1/badges/c5e44df548df962f3df5/maintainability)](https://codeclimate.com/github/mayank1513/esbuild-plugin-react18/maintainability) [![Version](https://img.shields.io/npm/v/esbuild-plugin-react18.svg?colorB=green)](https://www.npmjs.com/package/esbuild-plugin-react18) [![Downloads](https://img.jsdelivr.com/img.shields.io/npm/d18m/esbuild-plugin-react18.svg)](https://www.npmjs.com/package/esbuild-plugin-react18) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/esbuild-plugin-react18)
 
 <img src="esbuild-react18.jpg" title="Build Awesome Libraries using React Server Components and make your Mark!" style="width:100%"/>
 
@@ -14,6 +14,7 @@ This is an `esbuild` plugin for compiling libraries compatible with React 18 ser
 ✅ Build libraries for all build systems/tools/frameworks supporting React18\
 ✅ Unleash the power of combining react client and server components in your libraries\
 ✅ Full TypeScript support out of the box\
+✅ Supports CJS and ESM builds out of the box
 ✅ Simple and tiny\
 ✅ Easy to use — just add the plugin, and you are good to go\
 ✅ All in one plugin for building react18 libraries with `tsup` or `esbuild`\

esbuild-plugin-react18/src/index.ts

@@ -119,6 +119,7 @@ function onEndCallBack(result: BuildResult, options: React18PluginOptions, write
 		?.filter(f => f.text.trim() === "" && f.path.includes("chunk"))
 		.map(f => f.path.split(path.sep).pop());
 
+	const emptyChunkImportRegExp = new RegExp(`import"[^"]*(${emptyChunkFiles?.join("|")})";`, "g");
 	/** fix use client and use server*/
 	result.outputFiles
 		?.filter(f => !f.path.endsWith(".map"))
@@ -136,9 +137,7 @@ function onEndCallBack(result: BuildResult, options: React18PluginOptions, write
 			);
 
 			/** remove empty file imports */
-			emptyChunkFiles?.forEach(chunkFile => {
-				txt = txt.replace(new RegExp(`import"[^"]*${chunkFile}";`, "g"), "");
-			});
+			txt = txt.replace(emptyChunkImportRegExp, "");
 
 			f.contents = new TextEncoder().encode(txt);
 		});

examples/nextjs/app/layout.tsx

@@ -1,4 +1,4 @@
-import { ForkMe } from "esbuild-plugin-react18-example/server";
+import { ForkMe } from "esbuild-plugin-react18-example/dist/server";
 import "./globals.css";
 import { ThemeSwitcher } from "nextjs-themes";
 import { ServerSideWrapper } from "nextjs-themes/server/nextjs";

packages/esbuild-plugin-react18-example/package.json

@@ -4,8 +4,9 @@
 	"private": true,
 	"version": "0.0.0",
 	"description": "An intuitive React.js fork me ribbon component for promoting open source project forks.",
-	"main": "./index.ts",
-	"types": "./index.ts",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"module": "./dist/esm/index.mjs",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/mayank1513/turborepo-template.git"
@@ -24,7 +25,6 @@
 	},
 	"devDependencies": {
 		"@testing-library/react": "^15.0.2",
-		"@turbo/gen": "^1.13.2",
 		"@types/node": "^20.12.7",
 		"@types/react": "^18.2.79",
 		"@types/react-dom": "^18.2.25",

turbo.json

@@ -7,10 +7,13 @@
 			"dependsOn": ["^build"]
 		},
 		"lint": {},
-		"test": {},
+		"test": {
+			"dependsOn": ["^build"]
+		},
 		"dev": {
 			"cache": false,
-			"persistent": true
+			"persistent": true,
+			"dependsOn": ["^build"]
 		}
 	}
 }