chore(ci): replace custom publish plugin

Author: marco-streng

packages/demo/vite.config.ts

@@ -3,9 +3,5 @@ import { defineConfig } from "vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  // esbuild: {
-  //   // https://github.com/vitejs/vite/issues/8644#issuecomment-1159308803
-  //   logOverride: { "this-is-undefined-in-esm": "silent" },
-  // },
   plugins: [react()],
 });

packages/lib/build.ts

@@ -1,20 +1,61 @@
-const pkg = require("./package.json");
-const esbuild = require("esbuild");
+import { exec } from 'child_process';
+import { build } from 'esbuild';
+import { rmSync } from 'fs';
+import { promisify } from 'util';
+import packageJson from './package.json';
 
-esbuild.build({
-  entryPoints: ["src/index.ts"],
-  outfile: "dist/styled-off-canvas.cjs.js",
-  bundle: true,
-  format: "cjs",
-  minify: true,
-  external: [...Object.keys(pkg.devDependencies)],
-});
-
-esbuild.build({
-  entryPoints: ["src/index.ts"],
-  outfile: "dist/styled-off-canvas.esm.js",
+const execAsync = promisify(exec);
+
+// Clean dist directory
+console.log('🧹 Cleaning dist directory...');
+rmSync('dist', { recursive: true, force: true });
+
+const peerDependencies = Object.keys(packageJson.peerDependencies || {});
+const external = [
+  ...peerDependencies,
+  'react/jsx-runtime',
+];
+
+const sharedConfig = {
+  entryPoints: ['src/index.ts'],
   bundle: true,
-  format: "esm",
-  minify: true,
-  external: [...Object.keys(pkg.devDependencies)],
-});
+  minify: false,
+  sourcemap: true,
+  external,
+  platform: 'neutral' as const,
+  target: ['es2016', 'node18'],
+};
+
+async function buildPackage() {
+  try {
+    // Build CommonJS
+    console.log('📦 Building CommonJS...');
+    await build({
+      ...sharedConfig,
+      format: 'cjs',
+      outfile: 'dist/styled-off-canvas.cjs.js',
+    });
+    console.log('✅ CommonJS build complete');
+
+    // Build ESM
+    console.log('📦 Building ES Module...');
+    await build({
+      ...sharedConfig,
+      format: 'esm',
+      outfile: 'dist/styled-off-canvas.esm.js',
+    });
+    console.log('✅ ES Module build complete');
+
+    // Generate TypeScript declarations
+    console.log('📝 Generating TypeScript declarations...');
+    await execAsync('tsc --project tsconfig.declaration.json --outdir dist');
+    console.log('✅ TypeScript declarations generated');
+
+    console.log('🎉 Build complete! Package is ready for publishing.');
+  } catch (error) {
+    console.error('❌ Build failed:', error);
+    process.exit(1);
+  }
+}
+
+buildPackage();

packages/lib/package.json

@@ -2,20 +2,27 @@
   "name": "styled-off-canvas",
   "version": "0.0.0-development",
   "description": "styled components off-canvas menu",
-  "main": "src/index.ts",
+  "type": "module",
+  "main": "dist/styled-off-canvas.cjs.js",
+  "module": "dist/styled-off-canvas.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
   "files": [
     "dist/**"
   ],
-  "publishConfig": {
-    "main": "dist/styled-off-canvas.cjs.js",
-    "module": "dist/styled-off-canvas.esm.js",
-    "types": "dist/index.d.ts"
-  },
   "scripts": {
     "lint": "eslint",
     "test": "vitest --coverage",
-    "build": "ts-node build.ts && tsc --project tsconfig.declaration.json --outdir dist",
-    "build:package": "esbuild src/index.ts --bundle --platform=node --target=node18 --outdir=dist"
+    "dev": "tsup src/index.ts --format esm --dts --watch",
+    "build": "ts-node build.ts"
   },
   "repository": {
     "type": "git",
@@ -58,6 +65,7 @@
     "react-dom": "^19.2.4",
     "styled-components": "^6.1.6",
     "ts-node": "^10.9.2",
+    "tsup": "^8.5.1",
     "typescript": "^5.3.3",
     "vitest": "^4.0.18"
   }

packages/lib/tsconfig.json

@@ -10,6 +10,7 @@
     "strict": true,
     "skipLibCheck": true,
     "declaration": true,
-    "declarationDir": "dist"
+    "declarationDir": "dist",
+    "resolveJsonModule": true
   }
 }