new esbuild and removal of prebuild running twice

Author: GoldGroove06

build-components.cjs

@@ -0,0 +1,33 @@
+// build-components.js
+const esbuild = require('esbuild');
+const fs = require('fs');
+const path = require('path');
+
+const componentsPath = path.resolve(__dirname, 'src/components/ui');
+const outDir = path.resolve(__dirname, 'dist/temp-cleanup');
+
+if (!fs.existsSync(outDir)) fs.mkdirSync(outDir, { recursive: true });
+
+const components = fs.readdirSync(componentsPath)
+  .filter((file) => fs.statSync(path.join(componentsPath, file)).isDirectory());
+
+Promise.all(components.map(component => {
+  const entry = path.join(componentsPath, component, `${component}.tsx`);
+  const outfile = path.join(outDir, `${component}.js`);
+  return esbuild.build({
+    entryPoints: [entry],
+    outfile,
+    bundle: true,
+    format: 'esm',
+    minify: true,
+    external: ['react', 'react-dom', 'react/jsx-runtime'],
+    banner: { js: `'use client';` },
+    sourcemap: false,
+    // Add more esbuild options as needed
+  });
+})).then(() => {
+  console.log('All components built with esbuild!');
+}).catch((err) => {
+  console.error(err);
+  process.exit(1);
+});