v1.0, no treshakigng in react

PuruVJ · Sep 23, 2024 · e0e8a6b · e0e8a6b
1 parent 1ace95f
commit e0e8a6b
Show file tree

Hide file tree

Showing 5 changed files with 2,727 additions and 2,159 deletions.
diff --git a/.changeset/pretty-cups-knock.md b/.changeset/pretty-cups-knock.md
@@ -0,0 +1,5 @@
+---
+'@neoconfetti/react': major
+---
+
+Compatible with React Server Components
diff --git a/packages/config/index.ts b/packages/config/index.ts
@@ -3,9 +3,13 @@ import { Plugin } from 'esbuild';
 import { transform } from 'lightningcss';
 import fs from 'node:fs';
 import { resolve } from 'node:path';
-import { defineConfig } from 'tsup';
+import { defineConfig, type Options } from 'tsup';
 
-export const coreConfig = ({ dtsBanner }: { dtsBanner?: string } = { dtsBanner: '' }) =>
+export const coreConfig = ({
+	jsBanner = '',
+	dtsBanner = '',
+	treeshake = 'smallest',
+}: { jsBanner?: string; dtsBanner?: string; treeshake?: Options['treeshake'] } = {}) =>
 	defineConfig([
 		{
 			entry: ['./src/index.ts'],
@@ -14,8 +18,9 @@ export const coreConfig = ({ dtsBanner }: { dtsBanner?: string } = { dtsBanner:
 			target: 'es2022',
 			dts: { resolve: true, banner: dtsBanner },
 			clean: true,
-			treeshake: 'smallest',
+			treeshake,
 			esbuildPlugins: [processCSS()],
+			banner: { js: jsBanner },
 		},
 		{
 			entry: ['./src/index.ts'],
@@ -25,7 +30,7 @@ export const coreConfig = ({ dtsBanner }: { dtsBanner?: string } = { dtsBanner:
 			target: 'es2022',
 			clean: true,
 			outDir: 'dist/min',
-			treeshake: 'smallest',
+			treeshake,
 			esbuildPlugins: [processCSS()],
 		},
 	]);

diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
@@ -1,5 +1,3 @@
-'use client';
-
 import { confetti, type ConfettiOptions, type ConfettiParticleShape } from '@neoconfetti/core';
 import { createElement, useEffect, useRef } from 'react';
 

diff --git a/packages/react/tsup.config.ts b/packages/react/tsup.config.ts
@@ -1,3 +1,6 @@
 import { coreConfig } from '../config';
 
-export default coreConfig({});
+export default coreConfig({
+	jsBanner: '"use client";',
+	treeshake: false,
+});