@auto-engineer/frontend-generator-react-graphql 0.1.1

package/dist/templates/createFile.d.ts

@@ -0,0 +1,8 @@
+export type TemplateProps = Record<string, unknown>;
+export type Mapper<TOptions = void> = (variablesPath: string, options: TOptions) => Promise<TemplateProps>;
+export declare function createFile(templateFileName: string, outputFileName: string, propsOrPromise: TemplateProps | Promise<TemplateProps>): Promise<void>;
+export declare const templatePropsAIMapper: Mapper<{
+    prompt: string;
+}>;
+export declare const templatePropsMapper: Mapper;
+//# sourceMappingURL=createFile.d.ts.map

package/dist/templates/createFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFile.d.ts","sourceRoot":"","sources":["../../src/templates/createFile.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEpD,MAAM,MAAM,MAAM,CAAC,QAAQ,GAAG,IAAI,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;AAmB3G,wBAAsB,UAAU,CAC9B,gBAAgB,EAAE,MAAM,EACxB,cAAc,EAAE,MAAM,EACtB,cAAc,EAAE,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,GACrD,OAAO,CAAC,IAAI,CAAC,CAaf;AAoBD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAS5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAGjC,CAAC"}

package/dist/templates/createFile.js

@@ -0,0 +1,66 @@
+import * as fs from 'fs/promises';
+import * as path from 'path';
+import ejs from 'ejs';
+import { AIProvider, generateTextWithAI } from '@auto-engineer/ai-gateway';
+import { flattenFigmaVariables } from '../figma-helpers.js';
+const ignoreDirectories = new Set(['node_modules', '.turbo', 'dist', '.git', '.next', 'build']);
+async function findFileRecursive(startDir, targetFileName) {
+    const entries = await fs.readdir(startDir, { withFileTypes: true });
+    for (const entry of entries) {
+        if (ignoreDirectories.has(entry.name))
+            continue;
+        const fullPath = path.join(startDir, entry.name);
+        if (entry.isDirectory()) {
+            const found = await findFileRecursive(fullPath, targetFileName);
+            if (found != null)
+                return found;
+        }
+        else if (entry.isFile() && entry.name === targetFileName) {
+            return fullPath;
+        }
+    }
+    return null;
+}
+export async function createFile(templateFileName, outputFileName, propsOrPromise) {
+    const cwd = process.cwd();
+    const templatePath = await findFileRecursive(cwd, templateFileName);
+    if (templatePath == null) {
+        throw new Error(`Template file not found: ${templateFileName} (searched from ${cwd})`);
+    }
+    const outputPath = path.join(path.dirname(templatePath), outputFileName);
+    const templateContent = await fs.readFile(templatePath, 'utf-8');
+    const props = await propsOrPromise;
+    const renderedContent = ejs.render(templateContent.toString(), props);
+    await fs.writeFile(outputPath, renderedContent);
+    await fs.unlink(templatePath);
+}
+const BASE_SYSTEM_INSTRUCTIONS = `
+  - Always return ONLY a JSON object as the response. No code fences, no explanations, no extra text.
+  - Map Figma variables as accurately as possible to the requested structure.
+  - If there is no exact match:
+      - Try the closest match, but don't force irrelevant mappings.
+      - If nothing fits, reset to a zero-like value or leave the property empty depending on the prompt.
+  - Do not modify the given token values. Preserve formats exactly, especially HSL and multi-part values like "48 100% 50%".
+  - Follow the requested JSON schema exactly. Do not add extra properties.
+  - Only include the properties explicitly requested.
+  - Do not wrap the output in any labels, prefixes, or explanations — JSON only.
+`;
+const readJson = async (filePath) => {
+    const absolute = path.isAbsolute(filePath) ? filePath : path.resolve(process.cwd(), filePath);
+    const raw = await fs.readFile(absolute, 'utf-8');
+    return JSON.parse(raw);
+};
+export const templatePropsAIMapper = async (variablesPath, options) => {
+    const variablesJson = await readJson(variablesPath);
+    const figmaVariables = flattenFigmaVariables(variablesJson);
+    const prompt = `I have these figma variables: ${JSON.stringify(figmaVariables)} \n\nSYSTEM INSTRUCTIONS: \n${BASE_SYSTEM_INSTRUCTIONS} \n` +
+        options.prompt;
+    const aiResponse = await generateTextWithAI(prompt, AIProvider.OpenAI, { maxTokens: 4000 });
+    const props = JSON.parse(aiResponse);
+    return props;
+};
+export const templatePropsMapper = async (variablesPath) => {
+    const variablesJson = (await readJson(variablesPath));
+    return variablesJson;
+};
+//# sourceMappingURL=createFile.js.map

package/dist/templates/createFile.js.map

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

package/dist/types.d.ts

@@ -0,0 +1,62 @@
+export interface IAScheme {
+    schema_description: string;
+    atoms: ComponentGroup<AtomSpec>;
+    molecules: ComponentGroup<MoleculeSpec>;
+    organisms: ComponentGroup<OrganismSpec>;
+    pages: PageGroup;
+}
+interface ComponentGroup<T> {
+    description: string;
+    items: Record<string, T>;
+}
+export interface AtomSpec {
+    description?: string;
+}
+export interface MoleculeSpec {
+    description: string;
+    composition: {
+        atoms: string[];
+    };
+    specs?: string[];
+}
+export interface OrganismSpec {
+    description: string;
+    composition: {
+        molecules: string[];
+    };
+    specs?: string[];
+    data_requirements?: DataRequirement[];
+}
+export interface DataRequirement {
+    type: 'query' | 'mutation';
+    description: string;
+    trigger: string;
+    details: {
+        source: string;
+        gql: string;
+        payload_schema?: Record<string, string>;
+    };
+}
+export interface PageGroup {
+    description: string;
+    items: Record<string, PageSpec>;
+}
+export interface PageSpec {
+    route: string;
+    description: string;
+    layout: {
+        organisms: string[];
+    };
+    navigation?: {
+        on: string;
+        to: string;
+    }[];
+    specs?: string[];
+    data_requirements?: DataRequirement[];
+}
+export interface GeneratedFile {
+    path: string;
+    content: string;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAChC,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACxC,SAAS,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACxC,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,cAAc,CAAC,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CAC1B;AAED,MAAM,WAAW,QAAQ;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,GAAG,UAAU,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE;QACP,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACzC,CAAC;CACH;AAED,MAAM,WAAW,SAAS;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE;QACN,SAAS,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;KACZ,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,iBAAiB,CAAC,EAAE,eAAe,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/write-graphql-schema.d.ts

@@ -0,0 +1,2 @@
+export declare function generateSchemaFile(gqlSchemaPath: string, outputDir: string): void;
+//# sourceMappingURL=write-graphql-schema.d.ts.map

package/dist/write-graphql-schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"write-graphql-schema.d.ts","sourceRoot":"","sources":["../src/write-graphql-schema.ts"],"names":[],"mappings":"AASA,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAMjF"}

package/dist/write-graphql-schema.js

@@ -0,0 +1,14 @@
+import * as fs from 'fs';
+import * as path from 'path';
+function getSchema(gqlSchemaPath) {
+    // gqlSchemaPath should already be an absolute path from the CLI
+    const schemaPath = path.isAbsolute(gqlSchemaPath) ? gqlSchemaPath : path.resolve(gqlSchemaPath);
+    return fs.readFileSync(schemaPath, 'utf-8');
+}
+export function generateSchemaFile(gqlSchemaPath, outputDir) {
+    const schemaContent = getSchema(gqlSchemaPath);
+    const fullPath = path.join(outputDir, 'schema.graphql');
+    fs.writeFileSync(fullPath, schemaContent, 'utf-8');
+    console.log(`✅ schema.graphql written to ${fullPath}`);
+}
+//# sourceMappingURL=write-graphql-schema.js.map

package/dist/write-graphql-schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"write-graphql-schema.js","sourceRoot":"","sources":["../src/write-graphql-schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAE7B,SAAS,SAAS,CAAC,aAAqB;IACtC,gEAAgE;IAChE,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAChG,OAAO,EAAE,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,aAAqB,EAAE,SAAiB;IACzE,MAAM,aAAa,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAExD,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;IACnD,OAAO,CAAC,GAAG,CAAC,+BAA+B,QAAQ,EAAE,CAAC,CAAC;AACzD,CAAC"}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@auto-engineer/frontend-generator-react-graphql",
+  "version": "0.1.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@auto-engineer/ai-gateway": "^0.6.2",
+    "@auto-engineer/message-bus": "^0.5.2",
+    "debug": "^4.4.1",
+    "ejs": "^3.1.10",
+    "graphql": "^16.11.0",
+    "openai": "^4.104.0"
+  },
+  "devDependencies": {
+    "@auto-engineer/cli": "^0.7.2",
+    "@types/ejs": "^3.1.5"
+  },
+  "scripts": {
+    "start": "tsx src/index.ts",
+    "build": "tsc && tsx ../../scripts/fix-esm-imports.ts && cp -r src/generator/templates dist/generator/",
+    "dev": "tsc --watch",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint 'src/**/*.ts' --max-warnings 0 --config ../../eslint.config.ts",
+    "type-check": "tsc --noEmit",
+    "format": "prettier --write \"**/*.{js,ts,json,md,yml,yaml}\" --ignore-path ../../.prettierignore",
+    "lint:fix": "eslint 'src/**/*.ts' --fix --config ../../eslint.config.ts",
+    "format:fix": "prettier --write \"**/*.{js,ts,json,md,yml,yaml}\" --ignore-path ../../.prettierignore",
+    "link:dev": "pnpm build && pnpm link --global",
+    "unlink:dev": "pnpm unlink --global"
+  }
+}