@auto-engineer/generate-react-client 1.103.0 → 1.104.0

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # @auto-engineer/generate-react-client
 
+## 1.104.0
+
+### Minor Changes
+
+- [`78976f5`](https://github.com/BeOnAuto/auto-engineer/commit/78976f5df70cec2320f548f08d4b950bda1c5063) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: extractDefaults extracts destructuring defaults
+
+- [`ad74fec`](https://github.com/BeOnAuto/auto-engineer/commit/ad74fecdba40dff69a57c1fb5c0b36e7de40df35) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: buildHtmlPropSet resolves HTML div prop names
+
+- [`4ca9d54`](https://github.com/BeOnAuto/auto-engineer/commit/4ca9d5434af53f9bbffa6d8af61082534693cbd2) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: add Card.tsx tests verifying pure HTML wrappers have empty props
+
+- [`4ca9d54`](https://github.com/BeOnAuto/auto-engineer/commit/4ca9d5434af53f9bbffa6d8af61082534693cbd2) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: add Card.tsx tests verifying pure HTML wrappers have empty props
+
+- [`8d4a3d1`](https://github.com/BeOnAuto/auto-engineer/commit/8d4a3d1c992ce35e390260007e1575052df4bc39) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: resolveCustomProps filters HTML props from component type
+
+- [`4ca9d54`](https://github.com/BeOnAuto/auto-engineer/commit/4ca9d5434af53f9bbffa6d8af61082534693cbd2) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: add Card.tsx tests verifying pure HTML wrappers have empty props
+
+- [`fb635c1`](https://github.com/BeOnAuto/auto-engineer/commit/fb635c1b23a1ad472e76604ad9ee502c8ebe453e) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: add Carousel.tsx tests for separate type def and custom prop survival
+
+- [`21f0490`](https://github.com/BeOnAuto/auto-engineer/commit/21f04909e0378673fe94180d3ff081e222120580) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: parseManifestComponents deduplicates and parses component paths
+
+- [`98d70d8`](https://github.com/BeOnAuto/auto-engineer/commit/98d70d8116ec8e87bee34aa1e506ef77fa8ffd37) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: parseComponentFile extracts Button props
+
+- [`27df054`](https://github.com/BeOnAuto/auto-engineer/commit/27df054af29a314fdacef7dec2ffb15748d61036) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: createProject returns ts-morph Project from tsconfig
+
+- [`4e58f58`](https://github.com/BeOnAuto/auto-engineer/commit/4e58f5859d4df96ff9944ec7411606769aaa38ff) Thanks [@github-actions[bot]](https://github.com/github-actions%5Bbot%5D)! - - **component-implementor-react**: add toHaveStyle and ReferenceError fix guidance to test fixer
+  - **component-implementor-react**: strengthen mock spy expect.anything() requirement in test rule 16
+  - **component-implementor-react**: add mock spy argument count fix to test fixer
+  - **component-implementor-react**: add semantic HTML role mapping test rule
+  - **component-implementor-react**: add array key rule and strengthen noArrayIndexKey lint fixer
+
+- [`8fc425d`](https://github.com/BeOnAuto/auto-engineer/commit/8fc425d6c53ed4bac3739f703edbd788eb1e3397) Thanks [@osamanar](https://github.com/osamanar)! - - Added component-parser package that extracts and deduplicates component props, filtering out standard HTML attributes to surface only custom props
+  - Replaced client-side component merging with server-side approach using the new component-parser, simplifying the React client build pipeline
+  - Fixed components database not being properly built in generate-react-client
+  - Fixed out-of-date package lock
+
+- [`48a7155`](https://github.com/BeOnAuto/auto-engineer/commit/48a7155ccdfca8ad58028564d821902e2d1c7b0d) Thanks [@osamanar](https://github.com/osamanar)! - - **generate-react-client**: replace merge with component-parser
+
+- [`4ca9d54`](https://github.com/BeOnAuto/auto-engineer/commit/4ca9d5434af53f9bbffa6d8af61082534693cbd2) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: add Accordion.tsx tests for Radix prop survival
+
+### Patch Changes
+
+- [`f5be819`](https://github.com/BeOnAuto/auto-engineer/commit/f5be8199bbcc358dd2f5d9940e404a55b32ef853) Thanks [@osamanar](https://github.com/osamanar)! - - Fixed an issue where the components database was not being properly built during React client generation
+
+- [`6f72c42`](https://github.com/BeOnAuto/auto-engineer/commit/6f72c4259c96da831e72348de005ff6e70140b61) Thanks [@osamanar](https://github.com/osamanar)! - - Fixed failing tests across the project
+
+- [`a5615d9`](https://github.com/BeOnAuto/auto-engineer/commit/a5615d944a1836d80722452c50f10c955a664a90) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: mark all bursts complete in ketchup plan
+
+- [`47a13ab`](https://github.com/BeOnAuto/auto-engineer/commit/47a13abe754ef572cedb578ef61bb3b1c07961e8) Thanks [@osamanar](https://github.com/osamanar)! - - **component-parser**: scaffold @auto-engineer/component-parser package
+
+- Updated dependencies [[`78976f5`](https://github.com/BeOnAuto/auto-engineer/commit/78976f5df70cec2320f548f08d4b950bda1c5063), [`ad74fec`](https://github.com/BeOnAuto/auto-engineer/commit/ad74fecdba40dff69a57c1fb5c0b36e7de40df35), [`4ca9d54`](https://github.com/BeOnAuto/auto-engineer/commit/4ca9d5434af53f9bbffa6d8af61082534693cbd2), [`4ca9d54`](https://github.com/BeOnAuto/auto-engineer/commit/4ca9d5434af53f9bbffa6d8af61082534693cbd2), [`8d4a3d1`](https://github.com/BeOnAuto/auto-engineer/commit/8d4a3d1c992ce35e390260007e1575052df4bc39), [`4ca9d54`](https://github.com/BeOnAuto/auto-engineer/commit/4ca9d5434af53f9bbffa6d8af61082534693cbd2), [`fb635c1`](https://github.com/BeOnAuto/auto-engineer/commit/fb635c1b23a1ad472e76604ad9ee502c8ebe453e), [`21f0490`](https://github.com/BeOnAuto/auto-engineer/commit/21f04909e0378673fe94180d3ff081e222120580), [`f5be819`](https://github.com/BeOnAuto/auto-engineer/commit/f5be8199bbcc358dd2f5d9940e404a55b32ef853), [`6f72c42`](https://github.com/BeOnAuto/auto-engineer/commit/6f72c4259c96da831e72348de005ff6e70140b61), [`98d70d8`](https://github.com/BeOnAuto/auto-engineer/commit/98d70d8116ec8e87bee34aa1e506ef77fa8ffd37), [`27df054`](https://github.com/BeOnAuto/auto-engineer/commit/27df054af29a314fdacef7dec2ffb15748d61036), [`4e58f58`](https://github.com/BeOnAuto/auto-engineer/commit/4e58f5859d4df96ff9944ec7411606769aaa38ff), [`a5615d9`](https://github.com/BeOnAuto/auto-engineer/commit/a5615d944a1836d80722452c50f10c955a664a90), [`8fc425d`](https://github.com/BeOnAuto/auto-engineer/commit/8fc425d6c53ed4bac3739f703edbd788eb1e3397), [`48a7155`](https://github.com/BeOnAuto/auto-engineer/commit/48a7155ccdfca8ad58028564d821902e2d1c7b0d), [`47a13ab`](https://github.com/BeOnAuto/auto-engineer/commit/47a13abe754ef572cedb578ef61bb3b1c07961e8), [`4ca9d54`](https://github.com/BeOnAuto/auto-engineer/commit/4ca9d5434af53f9bbffa6d8af61082534693cbd2)]:
+  - @auto-engineer/file-upload@1.104.0
+  - @auto-engineer/message-bus@1.104.0
+
 ## 1.103.0
 
 ### Minor Changes

package/dist/starter/pnpm-lock.yaml

@@ -14,6 +14,9 @@ importers:
       '@hookform/resolvers':
         specifier: ^5.2.2
         version: 5.2.2(react-hook-form@7.71.1(react@19.2.4))
+      '@react-spring/web':
+        specifier: ^10.0.3
+        version: 10.0.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
       '@tanstack/react-query':
         specifier: ^5.90.19
         version: 5.90.21(react@19.2.4)
@@ -1858,6 +1861,33 @@ packages:
   '@radix-ui/rect@1.1.1':
     resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
 
+  '@react-spring/animated@10.0.3':
+    resolution: {integrity: sha512-7MrxADV3vaUADn2V9iYhaIL6iOWRx9nCJjYrsk2AHD2kwPr6fg7Pt0v+deX5RnCDmCKNnD6W5fasiyM8D+wzJQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@react-spring/core@10.0.3':
+    resolution: {integrity: sha512-D4DwNO68oohDf/0HG2G0Uragzb9IA1oXblxrd6MZAcBcUQG2EHUWXewjdECMPLNmQvlYVyyBRH6gPxXM5DX7DQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@react-spring/rafz@10.0.3':
+    resolution: {integrity: sha512-Ri2/xqt8OnQ2iFKkxKMSF4Nqv0LSWnxXT4jXFzBDsHgeeH/cHxTLupAWUwmV9hAGgmEhBmh5aONtj3J6R/18wg==}
+
+  '@react-spring/shared@10.0.3':
+    resolution: {integrity: sha512-geCal66nrkaQzUVhPkGomylo+Jpd5VPK8tPMEDevQEfNSWAQP15swHm+MCRG4wVQrQlTi9lOzKzpRoTL3CA84Q==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@react-spring/types@10.0.3':
+    resolution: {integrity: sha512-H5Ixkd2OuSIgHtxuHLTt7aJYfhMXKXT/rK32HPD/kSrOB6q6ooeiWAXkBy7L8F3ZxdkBb9ini9zP9UwnEFzWgQ==}
+
+  '@react-spring/web@10.0.3':
+    resolution: {integrity: sha512-ndU+kWY81rHsT7gTFtCJ6mrVhaJ6grFmgTnENipzmKqot4HGf5smPNK+cZZJqoGeDsj9ZsiWPW4geT/NyD484A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   '@repeaterjs/repeater@3.0.6':
     resolution: {integrity: sha512-Javneu5lsuhwNCryN+pXH93VPQ8g0dBX7wItHFgYiwQmzE1sVdg5tWHiOgHywzL2W21XQopa7IwIEnNbmeUJYA==}
 
@@ -6322,6 +6352,38 @@ snapshots:
 
   '@radix-ui/rect@1.1.1': {}
 
+  '@react-spring/animated@10.0.3(react@19.2.4)':
+    dependencies:
+      '@react-spring/shared': 10.0.3(react@19.2.4)
+      '@react-spring/types': 10.0.3
+      react: 19.2.4
+
+  '@react-spring/core@10.0.3(react@19.2.4)':
+    dependencies:
+      '@react-spring/animated': 10.0.3(react@19.2.4)
+      '@react-spring/shared': 10.0.3(react@19.2.4)
+      '@react-spring/types': 10.0.3
+      react: 19.2.4
+
+  '@react-spring/rafz@10.0.3': {}
+
+  '@react-spring/shared@10.0.3(react@19.2.4)':
+    dependencies:
+      '@react-spring/rafz': 10.0.3
+      '@react-spring/types': 10.0.3
+      react: 19.2.4
+
+  '@react-spring/types@10.0.3': {}
+
+  '@react-spring/web@10.0.3(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
+    dependencies:
+      '@react-spring/animated': 10.0.3(react@19.2.4)
+      '@react-spring/core': 10.0.3(react@19.2.4)
+      '@react-spring/shared': 10.0.3(react@19.2.4)
+      '@react-spring/types': 10.0.3
+      react: 19.2.4
+      react-dom: 19.2.4(react@19.2.4)
+
   '@repeaterjs/repeater@3.0.6': {}
 
   '@rolldown/pluginutils@1.0.0-rc.2': {}

package/dist/starter/scripts/build-component-db.ts

@@ -2,11 +2,14 @@ import { mkdirSync, writeFileSync } from 'node:fs';
 import { dirname, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { parseArgs } from 'node:util';
+import { createProject, parseManifestComponents } from '@auto-engineer/component-parser';
 import { uploadToArtifactPath } from './upload-artifact';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
+const PROJECT_ROOT = resolve(__dirname, '..');
 const OUTPUT_DIR = resolve(__dirname, '../../.context');
 const OUTPUT_FILE = resolve(OUTPUT_DIR, 'components-db.json');
+const TSCONFIG_PATH = resolve(PROJECT_ROOT, 'tsconfig.app.json');
 
 const { values } = parseArgs({
 	options: { port: { type: 'string', default: '6006' } },
@@ -87,59 +90,6 @@ async function fetchWithRetry<T>(url: string, maxAttempts = 3): Promise<T> {
 	throw new Error('unreachable');
 }
 
-function merge(componentsJson: ComponentsManifest, indexJson: IndexJson) {
-	const entries = indexJson.entries ?? {};
-
-	const storysByComponent = new Map<string, IndexEntry[]>();
-	const docsByComponent = new Map<string, IndexEntry>();
-
-	for (const entry of Object.values(entries)) {
-		const componentId = entry.id.replace(/--.*$/, '');
-
-		if (entry.type === 'docs') {
-			docsByComponent.set(componentId, entry);
-		} else {
-			if (!storysByComponent.has(componentId)) storysByComponent.set(componentId, []);
-			storysByComponent.get(componentId)!.push(entry);
-		}
-	}
-
-	const components = Object.values(componentsJson.components);
-	return components.map((component) => {
-		const indexStories = storysByComponent.get(component.id) ?? [];
-		const docsEntry = docsByComponent.get(component.id);
-
-		const firstStory = indexStories[0];
-		const merged: Record<string, unknown> = { ...component };
-
-		if (firstStory) {
-			merged.componentPath = firstStory.componentPath;
-			merged.title = firstStory.title;
-			merged.tags = firstStory.tags;
-		}
-
-		if (component.stories) {
-			merged.stories = component.stories.map((story) => {
-				const match = indexStories.find((s) => s.name === story.name);
-				if (!match) return story;
-				return {
-					...story,
-					id: match.id,
-					exportName: match.exportName,
-					type: match.type,
-					subtype: match.subtype,
-				};
-			});
-		}
-
-		if (docsEntry) {
-			merged.docs = docsEntry;
-		}
-
-		return merged;
-	});
-}
-
 await checkStorybookRunning(PORT);
 
 const [componentsJson, indexJson] = await Promise.all([
@@ -147,14 +97,24 @@ const [componentsJson, indexJson] = await Promise.all([
 	fetchWithRetry<IndexJson>(`http://localhost:${PORT}/index.json`),
 ]);
 
-const merged = merge(componentsJson, indexJson);
+const project = createProject(TSCONFIG_PATH);
+const componentPaths = Object.values(componentsJson.components).map((c) =>
+	c.path.replace(/\.stories\.(tsx?|jsx?)$/, '.$1'),
+);
+const parsedProps = parseManifestComponents(project, componentPaths, PROJECT_ROOT);
+
+const payload = {
+	index: indexJson,
+	manifest: componentsJson,
+	props: parsedProps,
+};
 
-const json = `${JSON.stringify(merged, null, 2)}\n`;
+const json = `${JSON.stringify(payload, null, 2)}\n`;
 
 mkdirSync(OUTPUT_DIR, { recursive: true });
 writeFileSync(OUTPUT_FILE, json);
 
-console.log(`Wrote ${merged.length} components to ${OUTPUT_FILE}`);
+console.log(`Wrote ${Object.keys(componentsJson.components).length} components (${parsedProps.length} parsed) to ${OUTPUT_FILE}`);
 
 const artifactUrl = await uploadToArtifactPath(json, process.env, { fetch });
 if (artifactUrl) {

package/package.json

@@ -19,13 +19,13 @@
   },
   "dependencies": {
     "debug": "^4.4.1",
-    "@auto-engineer/file-upload": "1.103.0",
-    "@auto-engineer/message-bus": "1.103.0"
+    "@auto-engineer/file-upload": "1.104.0",
+    "@auto-engineer/message-bus": "1.104.0"
   },
   "devDependencies": {
     "@types/debug": "^4.1.12"
   },
-  "version": "1.103.0",
+  "version": "1.104.0",
   "scripts": {
     "build": "tsc && tsx ../../scripts/fix-esm-imports.ts && cp -r starter dist/",
     "test-cli": "tsx test-cli.ts",