ci: add next components to bundle check (#3174)

Author: talkor

packages/core/src/components/RadioButton/RadioButton.tsx

@@ -87,13 +87,7 @@ const RadioButton = forwardRef(
       text = "",
       value = "",
       name = "",
-      /**
-       * Radio button label class name
-       */
       labelClassName,
-      /**
-       * Radio button marker class name
-       */
       radioButtonClassName,
       disabled = false,
       autoFocus,

packages/core/src/components/next.ts

@@ -1,2 +1 @@
-export * from "./Modal";
 export * from "./next/index";

packages/core/src/components/next/index.ts

@@ -1,2 +1,3 @@
 export * from "./AttentionBox";
 export * from "./Dropdown";
+export * from "../../components/Modal";

scripts/bundle-check/compare-bundles.js

@@ -3,7 +3,7 @@ const path = require("path");
 const bytes = require("bytes");
 
 function extractJson(content) {
-  const jsonMatch = content.match(/\[[\s\S]*?\]/);
+  const jsonMatch = content.match(/^\[[\s\S]*\]$/m);
 
   if (!jsonMatch) {
     throw new Error("No JSON array found in content");
@@ -46,6 +46,9 @@ Array.from(allComponents)
     if (componentName.startsWith("packages/components/")) {
       const packageName = componentName.split("/")[2];
       displayName = `@vibe/${packageName}`;
+    } else if (componentName.includes("/next/")) {
+      const baseName = path.basename(componentName, path.extname(componentName));
+      displayName = `${baseName} (Next)`;
     } else {
       displayName = path.basename(componentName, path.extname(componentName));
     }

scripts/bundle-check/generate-size-limit-config.js

@@ -3,6 +3,7 @@ const path = require("path");
 
 const rootPath = process.cwd();
 const distIndexPath = path.join(rootPath, "packages/core/dist/src/index.js");
+const distNextPath = path.join(rootPath, "packages/core/dist/src/components/next.js");
 const componentsPath = path.join(rootPath, "packages/components");
 const sizeLimitConfigPath = path.join(rootPath, ".size-limit.js");
 
@@ -27,6 +28,26 @@ function generateSizeLimitConfig() {
     console.log(`Core dist index file not found at ${distIndexPath}.`);
   }
 
+  // Process @next components
+  if (fs.existsSync(distNextPath)) {
+    const nextContent = fs.readFileSync(distNextPath, "utf8");
+    const exportRegex = /export\{.*?\}from"(\.\/[^"]+\.js)";/g;
+
+    let match;
+    let nextComponentsCount = 0;
+    while ((match = exportRegex.exec(nextContent)) !== null) {
+      const relativePath = match[1];
+      const fullPath = path.join("packages/core/dist/src/components/", relativePath).replace(/\\/g, "/");
+      allComponents.push({
+        path: fullPath
+      });
+      nextComponentsCount++;
+    }
+    console.log(`Found ${nextComponentsCount} @next components.`);
+  } else {
+    console.log(`@next dist file not found at ${distNextPath}.`);
+  }
+
   // Process component packages
   if (fs.existsSync(componentsPath)) {
     const componentPackages = fs