Dist that supports tree shaking (#70)

* Rework dist

* Move around react deps

Author: vladmoroz

build.js

@@ -1,10 +1,10 @@
-import path from 'path';
-import { Glob } from 'bun';
+import { glob } from 'glob';
 import esbuild from 'esbuild';
 import { execSync } from 'child_process';
 
 async function build(packageDir) {
-  const input = `${packageDir}/src/index.ts`;
+  const files = glob.sync(`${packageDir}/src/**/*.ts*`);
+  const entryPoints = files.filter((file) => !file.includes('.test.'));
   const outDir = `${packageDir}/dist`;
   const tsconfig = `${packageDir}/tsconfig.build.json`;
 
@@ -20,23 +20,28 @@ async function build(packageDir) {
     process.exit(1);
   }
 
+  // prettier-ignore
+  const banner =
+`/* * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ *                    Paper Shaders                    *
+ *       https://github.com/paper-design/shaders       *
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+`;
+
   // ----- Build the package ----- //
   // esbuild configuration
   await esbuild.build({
-    entryPoints: [input],
+    entryPoints: entryPoints,
     outdir: outDir,
-    bundle: true,
     banner: {
-      js: '/***** Paper Shaders: https://github.com/paper-design/shaders *****/',
+      js: banner,
     },
     platform: 'browser',
     target: 'es2022',
     format: 'esm',
     treeShaking: true,
     sourcemap: true,
     minify: false,
-    external: ['react'],
-    packages: 'external', // Treat workspace dependencies as external (the publish script will replace workspace:* with the actual version)
   });
 
   console.log(`Built ${outDir}/index.js`);

bun.lock

@@ -12,15 +12,13 @@
     "@paper-design/shaders-react": "workspace:*",
     "@vercel/analytics": "^1.5.0",
     "leva": "0.9.34",
-    "next": "15.2.3",
-    "react": "19.1.0",
-    "react-dom": "19.1.0"
+    "next": "15.2.3"
   },
   "devDependencies": {
     "@eslint/eslintrc": "3.2.0",
     "@types/node": "22.10.2",
-    "@types/react": "19.0.12",
-    "@types/react-dom": "19.0.4",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.1",
     "eslint": "9.17.0",
     "eslint-config-next": "15.1.2",
     "postcss": "8.4.49",

docs/package.json

@@ -1,5 +1,3 @@
-'use client';
-
 import { DotGrid, type DotGridProps } from '@paper-design/shaders-react';
 
 export function DotGridExample(props: DotGridProps) {

docs/registry/dot-grid-example.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { DotOrbit, type DotOrbitProps } from '@paper-design/shaders-react';
 
 export function DotOrbitExample(props: DotOrbitProps) {

docs/registry/dot-orbit-example.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { GodRays, GodRaysProps } from '@paper-design/shaders-react';
 
 export function GodRaysExample(props: GodRaysProps) {

docs/registry/god-rays-example.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { MeshGradient, MeshGradientProps } from '@paper-design/shaders-react';
 
 export function MeshGradientExample(props: MeshGradientProps) {

docs/registry/mesh-gradient-example.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { Metaballs, MetaballsProps } from '@paper-design/shaders-react';
 
 export function MetaballsExample(props: MetaballsProps) {

docs/registry/metaballs-example.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { NeuroNoise, type NeuroNoiseProps } from '@paper-design/shaders-react';
 
 export function NeuroNoiseExample(props: NeuroNoiseProps) {

docs/registry/neuro-noise-example.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { PerlinNoise, PerlinNoiseProps } from '@paper-design/shaders-react';
 
 export function PerlinNoiseExample(props: PerlinNoiseProps) {