@auto-engineer/generate-react-client 1.106.0 → 1.108.0

package/CHANGELOG.md

@@ -1,5 +1,57 @@
 # @auto-engineer/generate-react-client
 
+## 1.108.0
+
+### Minor Changes
+
+- [`c3ff53a`](https://github.com/BeOnAuto/auto-engineer/commit/c3ff53a662b8574254cebe211d3dc7e8e6d40ce0) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - **generate-react-client**: fall back to /app/.templates/client when package starter missing
+
+- [`b3012ba`](https://github.com/BeOnAuto/auto-engineer/commit/b3012ba87dcfa159bcb2ec28e8b36a27512903d6) Thanks [@github-actions[bot]](https://github.com/github-actions%5Bbot%5D)! - - **typical**: add descriptive labels to settled
+  - **pipeline**: allow custom label on settled() builder method
+  - **pipeline**: thread sourceEventType from event routing to settled bridge
+  - **pipeline**: capture sourceEventTypes from emit chain in settled builder
+  - **pipeline**: filter settled bridge events by sourceEventTypes
+
+- [`cb76057`](https://github.com/BeOnAuto/auto-engineer/commit/cb760571ccc5445a0b6cc0dd69b7476404db6111) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - **server-generator-apollo-emmett**: template fallback for broken pnpm
+
+### Patch Changes
+
+- Updated dependencies [[`c3ff53a`](https://github.com/BeOnAuto/auto-engineer/commit/c3ff53a662b8574254cebe211d3dc7e8e6d40ce0), [`b3012ba`](https://github.com/BeOnAuto/auto-engineer/commit/b3012ba87dcfa159bcb2ec28e8b36a27512903d6), [`cb76057`](https://github.com/BeOnAuto/auto-engineer/commit/cb760571ccc5445a0b6cc0dd69b7476404db6111)]:
+  - @auto-engineer/file-upload@1.108.0
+  - @auto-engineer/message-bus@1.108.0
+
+## 1.107.0
+
+### Minor Changes
+
+- [`8bedd2d`](https://github.com/BeOnAuto/auto-engineer/commit/8bedd2d23673f475aa11d41c4ecc49c6cf116544) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - **pipeline**: capture sourceEventTypes from emit chain in settled builder
+
+- [`55d254f`](https://github.com/BeOnAuto/auto-engineer/commit/55d254f5cba939d8da86b59e2988fbd6015a4b99) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - **pipeline**: allow custom label on settled() builder method
+
+- [`4c00021`](https://github.com/BeOnAuto/auto-engineer/commit/4c00021fdb4f4e07e071825c61b1b2a6e53dee32) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - Added descriptive labels to settled operations for better identification and debugging
+
+- [`35f4746`](https://github.com/BeOnAuto/auto-engineer/commit/35f474680de0972db431720f7bbec37e7acf1474) Thanks [@github-actions[bot]](https://github.com/github-actions%5Bbot%5D)! - - **typical**: wire component check-and-retry loop
+  - **component-implementor-react**: add context and passthrough fields
+  - **pipeline**: support multiple settled blocks with same command types
+  - **component-implementor-react**: remove context from CLI fields definition
+  - **pipeline**: update graph node IDs and mermaid rendering for settledId
+
+- [`c014d49`](https://github.com/BeOnAuto/auto-engineer/commit/c014d4975c1684484e2616894534b99199d46883) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - **pipeline**: thread sourceEventType from event routing to settled bridge
+
+- [`444e0e5`](https://github.com/BeOnAuto/auto-engineer/commit/444e0e5f2c1e7ed95b954f26ca057185fe415a84) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - **pipeline**: auto-generate label for settled graph nodes from dispatches
+
+- [`bf5ab79`](https://github.com/BeOnAuto/auto-engineer/commit/bf5ab79d1d03e16b5d073a2d92704f3b7a7d922c) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - **pipeline**: filter settled bridge events by sourceEventTypes
+
+### Patch Changes
+
+- [`0315167`](https://github.com/BeOnAuto/auto-engineer/commit/0315167729236a9a93dc71676f412aea90b4812e) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - **pipeline**: mark settled labels and event routing bursts as done
+
+- [`4f20028`](https://github.com/BeOnAuto/auto-engineer/commit/4f200282507647e4782bb88bfbe15a47c1d45e68) Thanks [@SamHatoum](https://github.com/SamHatoum)! - - **pipeline**: add settled labels and event routing plan to ketchup
+
+- Updated dependencies [[`8bedd2d`](https://github.com/BeOnAuto/auto-engineer/commit/8bedd2d23673f475aa11d41c4ecc49c6cf116544), [`55d254f`](https://github.com/BeOnAuto/auto-engineer/commit/55d254f5cba939d8da86b59e2988fbd6015a4b99), [`4c00021`](https://github.com/BeOnAuto/auto-engineer/commit/4c00021fdb4f4e07e071825c61b1b2a6e53dee32), [`35f4746`](https://github.com/BeOnAuto/auto-engineer/commit/35f474680de0972db431720f7bbec37e7acf1474), [`0315167`](https://github.com/BeOnAuto/auto-engineer/commit/0315167729236a9a93dc71676f412aea90b4812e), [`4f20028`](https://github.com/BeOnAuto/auto-engineer/commit/4f200282507647e4782bb88bfbe15a47c1d45e68), [`c014d49`](https://github.com/BeOnAuto/auto-engineer/commit/c014d4975c1684484e2616894534b99199d46883), [`444e0e5`](https://github.com/BeOnAuto/auto-engineer/commit/444e0e5f2c1e7ed95b954f26ca057185fe415a84), [`bf5ab79`](https://github.com/BeOnAuto/auto-engineer/commit/bf5ab79d1d03e16b5d073a2d92704f3b7a7d922c)]:
+  - @auto-engineer/file-upload@1.107.0
+  - @auto-engineer/message-bus@1.107.0
+
 ## 1.106.0
 
 ### Minor Changes

package/dist/src/commands/generate-react-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate-react-client.d.ts","sourceRoot":"","sources":["../../../src/commands/generate-react-client.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAW5F,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAC3C,kBAAkB,EAClB;IACE,SAAS,EAAE,MAAM,CAAC;CACnB,CACF,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CACxC,mBAAmB,EACnB;IACE,SAAS,EAAE,MAAM,CAAC;CACnB,CACF,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,KAAK,CACjD,4BAA4B,EAC5B;IACE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CACF,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,sBAAsB,GAAG,+BAA+B,CAAC;AAE9F,eAAO,MAAM,cAAc;;;;;;GAqDzB,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"generate-react-client.d.ts","sourceRoot":"","sources":["../../../src/commands/generate-react-client.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAgB5F,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAC3C,kBAAkB,EAClB;IACE,SAAS,EAAE,MAAM,CAAC;CACnB,CACF,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CACxC,mBAAmB,EACnB;IACE,SAAS,EAAE,MAAM,CAAC;CACnB,CACF,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,KAAK,CACjD,4BAA4B,EAC5B;IACE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CACF,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,sBAAsB,GAAG,+BAA+B,CAAC;AAE9F,eAAO,MAAM,cAAc;;;;;;GAqDzB,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/src/commands/generate-react-client.js

@@ -1,12 +1,19 @@
+import fs from 'node:fs';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { defineCommandHandler } from '@auto-engineer/message-bus';
 import createDebug from 'debug';
 import { copyStarter } from '../copy-starter.js';
 const debug = createDebug('auto:initialize-client:command');
+const TEMPLATE_FALLBACK = '/app/.templates/client';
 const resolveStarterPath = () => {
     const currentDir = path.dirname(fileURLToPath(import.meta.url));
-    return path.resolve(currentDir, '../../starter');
+    const packagePath = path.resolve(currentDir, '../../starter');
+    if (fs.existsSync(packagePath))
+        return packagePath;
+    if (fs.existsSync(TEMPLATE_FALLBACK))
+        return TEMPLATE_FALLBACK;
+    return packagePath;
 };
 export const commandHandler = defineCommandHandler({
     name: 'InitializeClient',

package/dist/src/commands/generate-react-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate-react-client.js","sourceRoot":"","sources":["../../../src/commands/generate-react-client.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAgB,oBAAoB,EAAc,MAAM,4BAA4B,CAAC;AAC5F,OAAO,WAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,KAAK,GAAG,WAAW,CAAC,gCAAgC,CAAC,CAAC;AAE5D,MAAM,kBAAkB,GAAG,GAAW,EAAE;IACtC,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAChE,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;AACnD,CAAC,CAAC;AA0BF,MAAM,CAAC,MAAM,cAAc,GAAG,oBAAoB,CAAC;IACjD,IAAI,EAAE,kBAAkB;IACxB,WAAW,EAAE,mBAAmB;IAChC,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,+DAA+D;IAC5E,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACN,SAAS,EAAE;YACT,WAAW,EAAE,2CAA2C;YACxD,QAAQ,EAAE,IAAI;SACf;KACF;IACD,QAAQ,EAAE,CAAC,0CAA0C,CAAC;IACtD,MAAM,EAAE;QACN,EAAE,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,oBAAoB,EAAE;QAChE;YACE,IAAI,EAAE,4BAA4B;YAClC,WAAW,EAAE,8BAA8B;SAC5C;KACF;IACD,MAAM,EAAE,KAAK,EAAE,OAAgB,EAAmC,EAAE;QAClE,MAAM,EAAE,SAAS,EAAE,GAAI,OAAmC,CAAC,IAAI,CAAC;QAEhE,KAAK,CAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC;QAE/C,IAAI,CAAC;YACH,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;YACzC,KAAK,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;YAEvC,MAAM,SAAS,GAAG,MAAM,WAAW,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;YAC5D,KAAK,CAAC,qCAAqC,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;YAEnE,OAAO;gBACL,IAAI,EAAE,mBAAmB;gBACzB,IAAI,EAAE,EAAE,SAAS,EAAE;gBACnB,SAAS,EAAE,IAAI,IAAI,EAAE;gBACrB,SAAS,EAAE,OAAO,CAAC,SAAS;gBAC5B,aAAa,EAAE,OAAO,CAAC,aAAa;aACrC,CAAC;QACJ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,YAAY,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC5E,KAAK,CAAC,2BAA2B,EAAE,YAAY,CAAC,CAAC;YAEjD,OAAO;gBACL,IAAI,EAAE,4BAA4B;gBAClC,IAAI,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE;gBACxC,SAAS,EAAE,IAAI,IAAI,EAAE;gBACrB,SAAS,EAAE,OAAO,CAAC,SAAS;gBAC5B,aAAa,EAAE,OAAO,CAAC,aAAa;aACrC,CAAC;QACJ,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"generate-react-client.js","sourceRoot":"","sources":["../../../src/commands/generate-react-client.ts"],"names":[],"mappings":"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"}

package/dist/src/commands/generate-react-client.specs.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate-react-client.specs.d.ts.map

package/dist/src/commands/generate-react-client.specs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-react-client.specs.d.ts","sourceRoot":"","sources":["../../../src/commands/generate-react-client.specs.ts"],"names":[],"mappings":""}

package/dist/src/commands/generate-react-client.specs.js

@@ -0,0 +1,53 @@
+import fs from 'node:fs';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import * as copyStarterModule from '../copy-starter.js';
+vi.mock('node:fs', async (importOriginal) => {
+    const actual = await importOriginal();
+    return { ...actual, default: { ...actual, existsSync: vi.fn(() => false) } };
+});
+vi.mock('../copy-starter.js', () => ({
+    copyStarter: vi.fn(async () => 0),
+}));
+describe('InitializeClient command handler', () => {
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+    it('uses package starter path when it exists', async () => {
+        vi.mocked(fs.existsSync).mockImplementation((p) => String(p).endsWith('/starter'));
+        const { commandHandler } = await import('./generate-react-client.js');
+        await commandHandler.handle({
+            type: 'InitializeClient',
+            data: { targetDir: '/tmp/test-client' },
+            requestId: 'req-1',
+            correlationId: 'cor-1',
+        });
+        const calledPath = vi.mocked(copyStarterModule.copyStarter).mock.calls[0][0];
+        expect(calledPath).toMatch(/\/starter$/);
+        expect(calledPath).not.toBe('/app/.templates/client');
+    });
+    it('falls back to template path when package starter missing', async () => {
+        vi.mocked(fs.existsSync).mockImplementation((p) => String(p) === '/app/.templates/client');
+        const { commandHandler } = await import('./generate-react-client.js');
+        await commandHandler.handle({
+            type: 'InitializeClient',
+            data: { targetDir: '/tmp/test-client' },
+            requestId: 'req-1',
+            correlationId: 'cor-1',
+        });
+        expect(vi.mocked(copyStarterModule.copyStarter)).toHaveBeenCalledWith('/app/.templates/client', '/tmp/test-client');
+    });
+    it('returns original package path when neither exists', async () => {
+        vi.mocked(fs.existsSync).mockReturnValue(false);
+        const { commandHandler } = await import('./generate-react-client.js');
+        await commandHandler.handle({
+            type: 'InitializeClient',
+            data: { targetDir: '/tmp/test-client' },
+            requestId: 'req-1',
+            correlationId: 'cor-1',
+        });
+        const calledPath = vi.mocked(copyStarterModule.copyStarter).mock.calls[0][0];
+        expect(calledPath).toMatch(/\/starter$/);
+        expect(calledPath).not.toBe('/app/.templates/client');
+    });
+});
+//# sourceMappingURL=generate-react-client.specs.js.map

package/dist/src/commands/generate-react-client.specs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-react-client.specs.js","sourceRoot":"","sources":["../../../src/commands/generate-react-client.specs.ts"],"names":[],"mappings":"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"}

package/dist/starter/.storybook/preview-head.html

@@ -23,24 +23,61 @@
     color-scheme: light;
   }
 
-  /* Fix inner iframe loading states */
+  /* Fix preview area - target all loading/skeleton states (light mode) */
+  .sb-preparing-story,
+  .sb-preparing-docs,
+  .sb-wrapper,
+  .sb-previewBlock,
+  .sb-previewBlock *,
+  #storybook-root,
+  #storybook-docs,
+  /* Emotion CSS classes in preview area (exclude loader) */
+  [class^="css-"]:not([class*="loader"]) {
+    background-color: #FFFFFF;
+    color-scheme: light;
+  }
+
+  /* Make spinner transparent in light mode */
+  .sb-loader,
+  .sb-loader *,
+  [class*="loader"],
+  [class*="loader"] *,
+  /* Target SVG circles that might be spinner backgrounds */
+  .sb-loader svg,
+  .sb-loader svg circle,
+  [class*="loader"] svg,
+  [class*="loader"] svg circle {
+    fill: transparent !important;
+    background: transparent !important;
+    background-color: transparent !important;
+  }
+
+  /* Fix preview area - dark mode */
   html.dark .sb-preparing-story,
   html.dark .sb-preparing-docs,
   html.dark .sb-wrapper,
+  html.dark .sb-previewBlock,
+  html.dark .sb-previewBlock *,
   html.dark #storybook-root,
-  html.dark #storybook-docs {
+  html.dark #storybook-docs,
+  /* Emotion CSS classes in preview area - dark mode (exclude loader) */
+  html.dark [class^="css-"]:not([class*="loader"]) {
     background-color: #1a1f2e;
     color-scheme: dark;
   }
 
-  /* Make spinner transparent in both light and dark mode */
-  .sb-loader,
-  .sb-loader *,
-  [class*="loader"],
-  [class*="loader"] * {
-    fill: transparent;
-    background: transparent;
-    background-color: transparent;
+  /* Fix spinner - dark mode */
+  html.dark .sb-loader,
+  html.dark .sb-loader *,
+  html.dark [class*="loader"],
+  html.dark [class*="loader"] *,
+  html.dark .sb-loader svg,
+  html.dark .sb-loader svg circle,
+  html.dark [class*="loader"] svg,
+  html.dark [class*="loader"] svg circle {
+    fill: transparent !important;
+    background: transparent !important;
+    background-color: transparent !important;
   }
 
   /* Set dark background on all iframes in dark mode to reduce flash from external content */