Merge pull request #63 from inokawa/use-client

Add `"use client"` to bundle for React Server Components support

Author: inokawa

package-lock.json

@@ -63,6 +63,7 @@
     "react-merge-refs": "2.0.1",
     "rimraf": "3.0.2",
     "rollup": "3.20.2",
+    "rollup-plugin-banner2": "1.2.2",
     "storybook": "^7.0.4",
     "styled-components": "^5.3.6",
     "ts-jest": "29.0.3",

package.json

@@ -1,6 +1,7 @@
 import typescript from "@rollup/plugin-typescript";
 import { getBabelOutputPlugin } from "@rollup/plugin-babel";
 import terser from "@rollup/plugin-terser";
+import banner from "rollup-plugin-banner2";
 import pkg from "./package.json" assert { type: "json" };
 
 const keys = (p) => Object.keys(p || {});
@@ -36,7 +37,7 @@ export default {
     terser({
       ecma: 2015,
       module: true,
-      compress: { passes: 3, unsafe: true, keep_fargs: false },
+      compress: { passes: 5, unsafe: true, keep_fargs: false },
       mangle: { properties: { regex: "^_" } },
       format: {
         // https://github.com/terser/terser/pull/550
@@ -45,5 +46,6 @@ export default {
         preserve_annotations: true,
       },
     }),
+    banner(() => '"use client";\n'),
   ],
 };