Add "use client" directive after bundling

Author: bvaughn

package.json

@@ -18,10 +18,10 @@
   "sideEffects": false,
   "scripts": {
     "clear": "npm run clear:parcel-cache & npm run clear:builds & npm run clear:node_modules",
-    "clear:builds": "rm -rf ./packages/*/dist",
+    "clear:builds": "rm -rf ./dist",
     "clear:parcel-cache": "rm -rf ./.parcel-cache",
     "clear:node_modules": "rm -rf ./node_modules",
-    "prerelease": "rm -rf ./.parcel-cache && parcel build",
+    "prerelease": "rm -rf ./.parcel-cache && parcel build && ./postprocess.js",
     "prettier": "prettier --write \"**/*.{css,html,js,json,jsx,ts,tsx}\"",
     "prettier:ci": "prettier --check \"**/*.{css,html,js,json,jsx,ts,tsx}\"",
     "test": "jest",

postprocess.js

@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+const { readFileSync, writeFileSync } = require("fs");
+const { join } = require("path");
+
+const packageString = readFileSync(join(__dirname, "package.json"), "utf8");
+const packageJSON = JSON.parse(packageString);
+
+[packageJSON.main, packageJSON.module].forEach((distPath) => {
+  const path = join(__dirname, distPath);
+  const bundleText = readFileSync(path, "utf8");
+  writeFileSync(path, `"use client";\n\n${bundleText}`);
+});

src/index.ts

@@ -1,5 +1,3 @@
-"use client";
-
 export * from "./ErrorBoundary";
 export * from "./ErrorBoundaryContext";
 export * from "./useErrorBoundary";