@auto-engineer/generate-react-client 1.12.1

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# @auto-engineer/generate-react-client
+
+## 1.12.1
+
+### Patch Changes
+
+- [`6557224`](https://github.com/BeOnAuto/auto-engineer/commit/6557224ec6f51c704855e5058931e81ab1de1544) Thanks [@osamanar](https://github.com/osamanar)! - - Updated project dependency lock file to ensure consistent package installations
+
+- [`cd5f56b`](https://github.com/BeOnAuto/auto-engineer/commit/cd5f56b01951cd27392c51a384706a8c2a7401c5) Thanks [@osamanar](https://github.com/osamanar)! - - Removed unused packages to keep the project lean and reduce maintenance overhead
+
+- Updated dependencies [[`6557224`](https://github.com/BeOnAuto/auto-engineer/commit/6557224ec6f51c704855e5058931e81ab1de1544), [`cd5f56b`](https://github.com/BeOnAuto/auto-engineer/commit/cd5f56b01951cd27392c51a384706a8c2a7401c5)]:
+  - @auto-engineer/message-bus@1.12.1

package/LICENSE

@@ -0,0 +1,10 @@
+Elastic License 2.0
+
+Copyright 2024 Sam Hatoum
+
+This software and associated documentation files (the "Software") are licensed under the Elastic License 2.0 (the "License"). You may not use this file except in compliance with the License.
+
+You may obtain a copy of the License at:
+https://www.elastic.co/licensing/elastic-license
+
+Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. 

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

@@ -0,0 +1,21 @@
+import { type Command, type Event } from '@auto-engineer/message-bus';
+export type GenerateReactClientCommand = Command<'GenerateReactClient', {
+    targetDir: string;
+}>;
+export type ReactClientGeneratedEvent = Event<'ReactClientGenerated', {
+    targetDir: string;
+}>;
+export type ReactClientGenerationFailedEvent = Event<'ReactClientGenerationFailed', {
+    error: string;
+    targetDir: string;
+}>;
+export type GenerateReactClientEvents = ReactClientGeneratedEvent | ReactClientGenerationFailedEvent;
+export declare const commandHandler: import("@auto-engineer/message-bus").UnifiedCommandHandler<Readonly<{
+    type: string;
+    data: Readonly<Record<string, unknown>>;
+    timestamp?: Date;
+    requestId?: string;
+    correlationId?: string;
+}>>;
+export default commandHandler;
+//# sourceMappingURL=generate-react-client.d.ts.map

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

@@ -0,0 +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,0BAA0B,GAAG,OAAO,CAC9C,qBAAqB,EACrB;IACE,SAAS,EAAE,MAAM,CAAC;CACnB,CACF,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAC3C,sBAAsB,EACtB;IACE,SAAS,EAAE,MAAM,CAAC;CACnB,CACF,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,KAAK,CAClD,6BAA6B,EAC7B;IACE,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CACF,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,GAAG,gCAAgC,CAAC;AAErG,eAAO,MAAM,cAAc;;;;;;GAqDzB,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,62 @@
+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:generate-react-client:command');
+const resolveStarterPath = () => {
+    const currentDir = path.dirname(fileURLToPath(import.meta.url));
+    return path.resolve(currentDir, '../../starter');
+};
+export const commandHandler = defineCommandHandler({
+    name: 'GenerateReactClient',
+    displayName: 'Generate React Client',
+    alias: 'generate:react-client',
+    description: 'Scaffold a React + Vite + Tailwind CSS v4 + shadcn client app',
+    category: 'generate',
+    icon: 'monitor',
+    fields: {
+        targetDir: {
+            description: 'Output directory for the generated client',
+            required: true,
+        },
+    },
+    examples: ['$ auto generate:react-client --target-dir=./client'],
+    events: [
+        { name: 'ReactClientGenerated', displayName: 'React Client Generated' },
+        {
+            name: 'ReactClientGenerationFailed',
+            displayName: 'React Client Generation Failed',
+        },
+    ],
+    handle: async (command) => {
+        const { targetDir } = command.data;
+        debug('Generating React client to: %s', targetDir);
+        try {
+            const starterPath = resolveStarterPath();
+            debug('Starter path: %s', starterPath);
+            const fileCount = await copyStarter(starterPath, targetDir);
+            debug('React client generated at %s (%d files)', targetDir, fileCount);
+            return {
+                type: 'ReactClientGenerated',
+                data: { targetDir },
+                timestamp: new Date(),
+                requestId: command.requestId,
+                correlationId: command.correlationId,
+            };
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            debug('Generation failed: %s', errorMessage);
+            return {
+                type: 'ReactClientGenerationFailed',
+                data: { error: errorMessage, targetDir },
+                timestamp: new Date(),
+                requestId: command.requestId,
+                correlationId: command.correlationId,
+            };
+        }
+    },
+});
+export default commandHandler;
+//# sourceMappingURL=generate-react-client.js.map

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

@@ -0,0 +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,oCAAoC,CAAC,CAAC;AAEhE,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,qBAAqB;IAC3B,WAAW,EAAE,uBAAuB;IACpC,KAAK,EAAE,uBAAuB;IAC9B,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,oDAAoD,CAAC;IAChE,MAAM,EAAE;QACN,EAAE,IAAI,EAAE,sBAAsB,EAAE,WAAW,EAAE,wBAAwB,EAAE;QACvE;YACE,IAAI,EAAE,6BAA6B;YACnC,WAAW,EAAE,gCAAgC;SAC9C;KACF;IACD,MAAM,EAAE,KAAK,EAAE,OAAgB,EAAsC,EAAE;QACrE,MAAM,EAAE,SAAS,EAAE,GAAI,OAAsC,CAAC,IAAI,CAAC;QAEnE,KAAK,CAAC,gCAAgC,EAAE,SAAS,CAAC,CAAC;QAEnD,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,yCAAyC,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;YAEvE,OAAO;gBACL,IAAI,EAAE,sBAAsB;gBAC5B,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,uBAAuB,EAAE,YAAY,CAAC,CAAC;YAE7C,OAAO;gBACL,IAAI,EAAE,6BAA6B;gBACnC,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"}

package/dist/src/copy-starter.d.ts

@@ -0,0 +1,2 @@
+export declare function copyStarter(starterDir: string, targetDir: string): Promise<number>;
+//# sourceMappingURL=copy-starter.d.ts.map

package/dist/src/copy-starter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-starter.d.ts","sourceRoot":"","sources":["../../src/copy-starter.ts"],"names":[],"mappings":"AA8BA,wBAAsB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAWxF"}

package/dist/src/copy-starter.js

@@ -0,0 +1,34 @@
+import * as fs from 'node:fs/promises';
+import * as path from 'node:path';
+import createDebug from 'debug';
+const debug = createDebug('auto:generate-react-client:copy-starter');
+const SKIP = new Set(['node_modules', 'pnpm-lock.yaml', '.DS_Store']);
+async function copyDir(src, dest) {
+    await fs.mkdir(dest, { recursive: true });
+    const entries = await fs.readdir(src, { withFileTypes: true });
+    let count = 0;
+    for (const entry of entries) {
+        if (SKIP.has(entry.name))
+            continue;
+        const srcPath = path.join(src, entry.name);
+        const destPath = path.join(dest, entry.name);
+        if (entry.isDirectory()) {
+            count += await copyDir(srcPath, destPath);
+        }
+        else if (entry.isFile()) {
+            await fs.copyFile(srcPath, destPath);
+            count++;
+        }
+    }
+    return count;
+}
+export async function copyStarter(starterDir, targetDir) {
+    const src = path.isAbsolute(starterDir) ? starterDir : path.resolve(process.cwd(), starterDir);
+    const dest = path.isAbsolute(targetDir) ? targetDir : path.resolve(process.cwd(), targetDir);
+    debug('Copying starter from %s to %s', src, dest);
+    await fs.rm(dest, { recursive: true, force: true });
+    const fileCount = await copyDir(src, dest);
+    debug('Copied %d files to %s', fileCount, dest);
+    return fileCount;
+}
+//# sourceMappingURL=copy-starter.js.map

package/dist/src/copy-starter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-starter.js","sourceRoot":"","sources":["../../src/copy-starter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,WAAW,MAAM,OAAO,CAAC;AAEhC,MAAM,KAAK,GAAG,WAAW,CAAC,yCAAyC,CAAC,CAAC;AAErE,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,cAAc,EAAE,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAC;AAEtE,KAAK,UAAU,OAAO,CAAC,GAAW,EAAE,IAAY;IAC9C,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/D,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC5B,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;YAAE,SAAS;QAEnC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QAE7C,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;YACxB,KAAK,IAAI,MAAM,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC5C,CAAC;aAAM,IAAI,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC;YAC1B,MAAM,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACrC,KAAK,EAAE,CAAC;QACV,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,UAAkB,EAAE,SAAiB;IACrE,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,UAAU,CAAC,CAAC;IAC/F,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,SAAS,CAAC,CAAC;IAE7F,KAAK,CAAC,+BAA+B,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IAElD,MAAM,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAE3C,KAAK,CAAC,uBAAuB,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IAChD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,10 @@
+export type { GenerateReactClientCommand, GenerateReactClientEvents, } from './commands/generate-react-client.js';
+export { commandHandler as generateReactClientCommandHandler } from './commands/generate-react-client.js';
+export declare const COMMANDS: import("@auto-engineer/message-bus").UnifiedCommandHandler<Readonly<{
+    type: string;
+    data: Readonly<Record<string, unknown>>;
+    timestamp?: Date;
+    requestId?: string;
+    correlationId?: string;
+}>>[];
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,cAAc,IAAI,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AAG1G,eAAO,MAAM,QAAQ;;;;;;KAAmB,CAAC"}

package/dist/src/index.js

@@ -0,0 +1,4 @@
+export { commandHandler as generateReactClientCommandHandler } from './commands/generate-react-client.js';
+import { commandHandler } from './commands/generate-react-client.js';
+export const COMMANDS = [commandHandler];
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,IAAI,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AAE1G,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,cAAc,CAAC,CAAC"}

package/dist/starter/.storybook/main.ts

@@ -0,0 +1,33 @@
+import { fileURLToPath } from 'node:url';
+import { dirname } from 'node:path';
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(ts|tsx)'],
+  addons: [
+    getAbsolutePath('@storybook/addon-docs'),
+    {
+      name: getAbsolutePath('@storybook/addon-mcp'),
+      options: {
+        toolsets: {
+          dev: true,
+          docs: true,
+        },
+      },
+    },
+  ],
+  staticDirs: ['../public'],
+  features: {
+    experimentalComponentsManifest: true,
+  },
+  framework: {
+    name: getAbsolutePath('@storybook/react-vite'),
+    options: {},
+  },
+};
+
+export default config;
+
+function getAbsolutePath(value: string): any {
+  return dirname(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
+}

package/dist/starter/.storybook/preview.tsx

@@ -0,0 +1,35 @@
+import type { Preview } from '@storybook/react-vite';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { initialize, mswLoader } from 'msw-storybook-addon';
+import '../src/index.css';
+
+initialize();
+
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: false,
+    },
+  },
+});
+
+const preview: Preview = {
+  decorators: [
+    (Story) => (
+      <QueryClientProvider client={queryClient}>
+        <Story />
+      </QueryClientProvider>
+    ),
+  ],
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+  loaders: [mswLoader],
+};
+
+export default preview;

package/dist/starter/components.json

@@ -0,0 +1,29 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide",
+  "registries": {
+    "@shadcraft": {
+      "url": "https://registry-shadcraft.vercel.app/r/{name}",
+      "headers": {
+        "X-License-Key": "${SHADCRAFT_LICENSE_KEY}"
+      }
+    }
+  }
+}

package/dist/starter/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>React App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/dist/starter/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "react-client",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview",
+    "type-check": "tsc --noEmit -p tsconfig.app.json",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.1.0",
+    "@hookform/resolvers": "^5.2.2",
+    "@tanstack/react-query": "^5.90.19",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.539.0",
+    "next-themes": "^0.4.6",
+    "radix-ui": "^1.4.3",
+    "react": "^19.0.0",
+    "react-day-picker": "^9.13.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.71.1",
+    "react-resizable-panels": "^4.6.1",
+    "react-router-dom": "^7.13.0",
+    "recharts": "2.15.4",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.3.1",
+    "vaul": "^1.1.2",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "^10.2.8",
+    "@storybook/addon-mcp": "^0.2.2",
+    "@storybook/react-vite": "^10.2.8",
+    "@tailwindcss/vite": "^4.1.16",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react-swc": "^4.2.2",
+    "msw": "^2.12.10",
+    "msw-storybook-addon": "^2.0.6",
+    "storybook": "^10.2.8",
+    "tailwindcss": "^4.1.16",
+    "tw-animate-css": "^1.3.7",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.0"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  }
+}