@shophost/rest-api 2.0.31 → 2.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shophost/rest-api",
-  "version": "2.0.31",
+  "version": "2.0.32",
   "type": "module",
   "bin": {
     "shophost-rest-api": "./scripts/shophost-rest-api.mjs"

package/scripts/minify.mjs

@@ -5,6 +5,8 @@ import { minify } from "terser";
 const DIST_SRC = new URL("../../../dist/packages/rest-api/src", import.meta.url)
   .pathname;
 
+const DIRECTIVE_RE = /^(?:["']use (?:client|server)["'];?\s*\n?)+/;
+
 const TERSER_OPTIONS = {
   compress: {
     passes: 3,
@@ -64,18 +66,29 @@ async function run() {
   const results = await Promise.all(
     jsFiles.map(async (filePath) => {
       const source = await readFile(filePath, "utf-8");
-      const result = await minify(source, TERSER_OPTIONS);
+
+      // Extract "use client" / "use server" directives before minification
+      const directiveMatch = source.match(DIRECTIVE_RE);
+      const directive = directiveMatch ? directiveMatch[0].trim() + "\n" : "";
+      const sourceWithoutDirective = directive
+        ? source.slice(directiveMatch[0].length)
+        : source;
+
+      const result = await minify(sourceWithoutDirective, TERSER_OPTIONS);
 
       if (result.code == null) {
         throw new Error(`Terser returned no code for ${filePath}`);
       }
 
       // Strip trailing sourceMappingURL comment if present
-      const code = result.code.replace(
+      const minified = result.code.replace(
         /\/\/# sourceMappingURL=.+\.js\.map\s*$/,
         ""
       );
 
+      // Re-prepend directive so Next.js can identify client/server components
+      const code = directive + minified;
+
       await writeFile(filePath, code, "utf-8");
 
       return {