figma-to-code-agent 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +55 -0
- package/LICENSE +21 -0
- package/QUICKSTART.md +198 -0
- package/README.md +149 -0
- package/dist/FigmaToCodeAgent.d.ts +55 -0
- package/dist/FigmaToCodeAgent.d.ts.map +1 -0
- package/dist/FigmaToCodeAgent.js +251 -0
- package/dist/FigmaToCodeAgent.js.map +1 -0
- package/dist/assets/index.d.ts +6 -0
- package/dist/assets/index.d.ts.map +1 -0
- package/dist/assets/index.js +7 -0
- package/dist/assets/index.js.map +1 -0
- package/dist/cli.d.ts +3 -0
- package/dist/cli.d.ts.map +1 -0
- package/dist/cli.js +261 -0
- package/dist/cli.js.map +1 -0
- package/dist/extraction/FigmaAPIClient.d.ts +53 -0
- package/dist/extraction/FigmaAPIClient.d.ts.map +1 -0
- package/dist/extraction/FigmaAPIClient.js +275 -0
- package/dist/extraction/FigmaAPIClient.js.map +1 -0
- package/dist/extraction/FigmaCache.d.ts +28 -0
- package/dist/extraction/FigmaCache.d.ts.map +1 -0
- package/dist/extraction/FigmaCache.js +120 -0
- package/dist/extraction/FigmaCache.js.map +1 -0
- package/dist/extraction/MCPClient.d.ts +75 -0
- package/dist/extraction/MCPClient.d.ts.map +1 -0
- package/dist/extraction/MCPClient.js +254 -0
- package/dist/extraction/MCPClient.js.map +1 -0
- package/dist/extraction/index.d.ts +9 -0
- package/dist/extraction/index.d.ts.map +1 -0
- package/dist/extraction/index.js +27 -0
- package/dist/extraction/index.js.map +1 -0
- package/dist/extraction/types.d.ts +122 -0
- package/dist/extraction/types.d.ts.map +1 -0
- package/dist/extraction/types.js +6 -0
- package/dist/extraction/types.js.map +1 -0
- package/dist/generation/AICodeOptimizer.d.ts +10 -0
- package/dist/generation/AICodeOptimizer.d.ts.map +1 -0
- package/dist/generation/AICodeOptimizer.js +33 -0
- package/dist/generation/AICodeOptimizer.js.map +1 -0
- package/dist/generation/ReactGenerator.d.ts +27 -0
- package/dist/generation/ReactGenerator.d.ts.map +1 -0
- package/dist/generation/ReactGenerator.js +423 -0
- package/dist/generation/ReactGenerator.js.map +1 -0
- package/dist/generation/VueGenerator.d.ts +23 -0
- package/dist/generation/VueGenerator.d.ts.map +1 -0
- package/dist/generation/VueGenerator.js +337 -0
- package/dist/generation/VueGenerator.js.map +1 -0
- package/dist/generation/index.d.ts +6 -0
- package/dist/generation/index.d.ts.map +1 -0
- package/dist/generation/index.js +7 -0
- package/dist/generation/index.js.map +1 -0
- package/dist/generation/types.d.ts +24 -0
- package/dist/generation/types.d.ts.map +1 -0
- package/dist/generation/types.js +3 -0
- package/dist/generation/types.js.map +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +17 -0
- package/dist/index.js.map +1 -0
- package/dist/llm/BedrockProvider.d.ts +8 -0
- package/dist/llm/BedrockProvider.d.ts.map +1 -0
- package/dist/llm/BedrockProvider.js +34 -0
- package/dist/llm/BedrockProvider.js.map +1 -0
- package/dist/llm/LLMFactory.d.ts +5 -0
- package/dist/llm/LLMFactory.d.ts.map +1 -0
- package/dist/llm/LLMFactory.js +21 -0
- package/dist/llm/LLMFactory.js.map +1 -0
- package/dist/llm/OpenAIProvider.d.ts +7 -0
- package/dist/llm/OpenAIProvider.d.ts.map +1 -0
- package/dist/llm/OpenAIProvider.js +34 -0
- package/dist/llm/OpenAIProvider.js.map +1 -0
- package/dist/llm/index.d.ts +5 -0
- package/dist/llm/index.d.ts.map +1 -0
- package/dist/llm/index.js +21 -0
- package/dist/llm/index.js.map +1 -0
- package/dist/llm/types.d.ts +23 -0
- package/dist/llm/types.d.ts.map +1 -0
- package/dist/llm/types.js +3 -0
- package/dist/llm/types.js.map +1 -0
- package/dist/transformation/ASTFactory.d.ts +92 -0
- package/dist/transformation/ASTFactory.d.ts.map +1 -0
- package/dist/transformation/ASTFactory.js +240 -0
- package/dist/transformation/ASTFactory.js.map +1 -0
- package/dist/transformation/ASTParser.d.ts +13 -0
- package/dist/transformation/ASTParser.d.ts.map +1 -0
- package/dist/transformation/ASTParser.js +177 -0
- package/dist/transformation/ASTParser.js.map +1 -0
- package/dist/transformation/TransformationPipeline.d.ts +31 -0
- package/dist/transformation/TransformationPipeline.d.ts.map +1 -0
- package/dist/transformation/TransformationPipeline.js +42 -0
- package/dist/transformation/TransformationPipeline.js.map +1 -0
- package/dist/transformation/index.d.ts +7 -0
- package/dist/transformation/index.d.ts.map +1 -0
- package/dist/transformation/index.js +25 -0
- package/dist/transformation/index.js.map +1 -0
- package/dist/transformation/transformers/AIComponentSplitter.d.ts +14 -0
- package/dist/transformation/transformers/AIComponentSplitter.d.ts.map +1 -0
- package/dist/transformation/transformers/AIComponentSplitter.js +71 -0
- package/dist/transformation/transformers/AIComponentSplitter.js.map +1 -0
- package/dist/transformation/transformers/AILayoutAnalyzer.d.ts +18 -0
- package/dist/transformation/transformers/AILayoutAnalyzer.d.ts.map +1 -0
- package/dist/transformation/transformers/AILayoutAnalyzer.js +125 -0
- package/dist/transformation/transformers/AILayoutAnalyzer.js.map +1 -0
- package/dist/transformation/transformers/AISemanticNamer.d.ts +12 -0
- package/dist/transformation/transformers/AISemanticNamer.d.ts.map +1 -0
- package/dist/transformation/transformers/AISemanticNamer.js +50 -0
- package/dist/transformation/transformers/AISemanticNamer.js.map +1 -0
- package/dist/transformation/transformers/ComponentExtractor.d.ts +16 -0
- package/dist/transformation/transformers/ComponentExtractor.d.ts.map +1 -0
- package/dist/transformation/transformers/ComponentExtractor.js +91 -0
- package/dist/transformation/transformers/ComponentExtractor.js.map +1 -0
- package/dist/transformation/transformers/FigmaLayerPreserver.d.ts +14 -0
- package/dist/transformation/transformers/FigmaLayerPreserver.d.ts.map +1 -0
- package/dist/transformation/transformers/FigmaLayerPreserver.js +48 -0
- package/dist/transformation/transformers/FigmaLayerPreserver.js.map +1 -0
- package/dist/transformation/transformers/FigmaStructureOptimizer.d.ts +16 -0
- package/dist/transformation/transformers/FigmaStructureOptimizer.d.ts.map +1 -0
- package/dist/transformation/transformers/FigmaStructureOptimizer.js +65 -0
- package/dist/transformation/transformers/FigmaStructureOptimizer.js.map +1 -0
- package/dist/transformation/transformers/FlattenTransformer.d.ts +15 -0
- package/dist/transformation/transformers/FlattenTransformer.d.ts.map +1 -0
- package/dist/transformation/transformers/FlattenTransformer.js +69 -0
- package/dist/transformation/transformers/FlattenTransformer.js.map +1 -0
- package/dist/transformation/transformers/LayoutOptimizer.d.ts +15 -0
- package/dist/transformation/transformers/LayoutOptimizer.d.ts.map +1 -0
- package/dist/transformation/transformers/LayoutOptimizer.js +63 -0
- package/dist/transformation/transformers/LayoutOptimizer.js.map +1 -0
- package/dist/transformation/transformers/SemanticNamer.d.ts +14 -0
- package/dist/transformation/transformers/SemanticNamer.d.ts.map +1 -0
- package/dist/transformation/transformers/SemanticNamer.js +65 -0
- package/dist/transformation/transformers/SemanticNamer.js.map +1 -0
- package/dist/transformation/transformers/SimplifyTransformer.d.ts +23 -0
- package/dist/transformation/transformers/SimplifyTransformer.d.ts.map +1 -0
- package/dist/transformation/transformers/SimplifyTransformer.js +138 -0
- package/dist/transformation/transformers/SimplifyTransformer.js.map +1 -0
- package/dist/transformation/types.d.ts +129 -0
- package/dist/transformation/types.d.ts.map +1 -0
- package/dist/transformation/types.js +7 -0
- package/dist/transformation/types.js.map +1 -0
- package/dist/validation/index.d.ts +6 -0
- package/dist/validation/index.d.ts.map +1 -0
- package/dist/validation/index.js +7 -0
- package/dist/validation/index.js.map +1 -0
- package/package.json +81 -0
- package/test-app/test-react/index.html +19 -0
- package/test-app/test-react/package.json +16 -0
- package/test-app/test-react/src/Component.jsx +146 -0
- package/test-app/test-react/src/Component.module.css +572 -0
- package/test-app/test-react/src/Homepage.jsx +53 -0
- package/test-app/test-react/src/Homepage.module.css +218 -0
- package/test-app/test-react/src/ProductPage.jsx +74 -0
- package/test-app/test-react/src/ProductPage.module.css +357 -0
- package/test-app/test-react/src/ShoppingCart.jsx +151 -0
- package/test-app/test-react/src/ShoppingCart.module.css +739 -0
- package/test-app/test-react/src/main.jsx +9 -0
- package/test-app/test-react/vite.config.js +6 -0
- package/test-app/test-vue/index.html +19 -0
- package/test-app/test-vue/package.json +15 -0
- package/test-app/test-vue/src/App.vue +16 -0
- package/test-app/test-vue/src/Component.vue +723 -0
- package/test-app/test-vue/src/Homepage.vue +271 -0
- package/test-app/test-vue/src/ProductPage.vue +431 -0
- package/test-app/test-vue/src/ShoppingCart.vue +890 -0
- package/test-app/test-vue/src/main.js +4 -0
- package/test-app/test-vue/vite.config.js +6 -0
|
@@ -0,0 +1,423 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ReactGenerator = void 0;
|
|
4
|
+
class ReactGenerator {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.usedClassNames = new Map();
|
|
7
|
+
this.nodeClassMap = new Map();
|
|
8
|
+
this.imageImportMap = new Map(); // nodeId -> import variable name
|
|
9
|
+
}
|
|
10
|
+
buildClassNameMap(node) {
|
|
11
|
+
const baseName = this.sanitizeCSSName(node.name, node.type);
|
|
12
|
+
const count = this.usedClassNames.get(baseName) || 0;
|
|
13
|
+
this.usedClassNames.set(baseName, count + 1);
|
|
14
|
+
const uniqueName = count === 0 ? baseName : `${baseName}-${count}`;
|
|
15
|
+
this.nodeClassMap.set(node.id, uniqueName);
|
|
16
|
+
node.children.forEach((child) => this.buildClassNameMap(child));
|
|
17
|
+
}
|
|
18
|
+
buildImageImportMap(node) {
|
|
19
|
+
if (node.type === 'Image' &&
|
|
20
|
+
node.metadata.imageRef &&
|
|
21
|
+
node.metadata.imageRef.startsWith('./')) {
|
|
22
|
+
const fileName = node.metadata.imageRef.split('/').pop() || 'image';
|
|
23
|
+
const varName = 'img' +
|
|
24
|
+
fileName
|
|
25
|
+
.replace(/\.[^.]+$/, '')
|
|
26
|
+
.replace(/[^a-zA-Z0-9]/g, '_')
|
|
27
|
+
.replace(/^_+/, '');
|
|
28
|
+
this.imageImportMap.set(node.id, varName);
|
|
29
|
+
}
|
|
30
|
+
node.children.forEach((child) => this.buildImageImportMap(child));
|
|
31
|
+
}
|
|
32
|
+
generate(node, config) {
|
|
33
|
+
const files = [];
|
|
34
|
+
// Build unique class name mapping first
|
|
35
|
+
this.usedClassNames = new Map();
|
|
36
|
+
this.nodeClassMap = new Map();
|
|
37
|
+
this.imageImportMap = new Map();
|
|
38
|
+
this.buildClassNameMap(node);
|
|
39
|
+
this.buildImageImportMap(node);
|
|
40
|
+
const componentCode = this.generateComponent(node, config);
|
|
41
|
+
const ext = config.typescript ? 'tsx' : 'jsx';
|
|
42
|
+
files.push({
|
|
43
|
+
path: `${config.outputDir}/${this.toFileName(node.name)}.${ext}`,
|
|
44
|
+
content: componentCode,
|
|
45
|
+
});
|
|
46
|
+
// Generate CSS file for css-modules mode
|
|
47
|
+
if (config.styleMode === 'css-modules') {
|
|
48
|
+
files.push({
|
|
49
|
+
path: `${config.outputDir}/${this.toFileName(node.name)}.module.css`,
|
|
50
|
+
content: this.generateCSSModule(node),
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
return files;
|
|
54
|
+
}
|
|
55
|
+
generateComponent(node, config) {
|
|
56
|
+
const imports = this.generateImports(node, config);
|
|
57
|
+
const props = config.typescript ? this.generatePropsInterface(node) : '';
|
|
58
|
+
const component = this.generateComponentBody(node, config);
|
|
59
|
+
return `${imports}\n\n${props}${component}`;
|
|
60
|
+
}
|
|
61
|
+
generateImports(node, config) {
|
|
62
|
+
const imports = ["import React from 'react'"];
|
|
63
|
+
if (config.styleMode === 'css-modules') {
|
|
64
|
+
imports.push(`import styles from './${this.toFileName(node.name)}.module.css'`);
|
|
65
|
+
}
|
|
66
|
+
// Add image imports
|
|
67
|
+
for (const [_nodeId, varName] of this.imageImportMap) {
|
|
68
|
+
// Find the image path from the node
|
|
69
|
+
const imgNode = this.findNodeById(node, _nodeId);
|
|
70
|
+
if (imgNode && imgNode.metadata.imageRef) {
|
|
71
|
+
imports.push(`import ${varName} from '${imgNode.metadata.imageRef}'`);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
return imports.join('\n');
|
|
75
|
+
}
|
|
76
|
+
findNodeById(node, id) {
|
|
77
|
+
if (node.id === id)
|
|
78
|
+
return node;
|
|
79
|
+
for (const child of node.children) {
|
|
80
|
+
const found = this.findNodeById(child, id);
|
|
81
|
+
if (found)
|
|
82
|
+
return found;
|
|
83
|
+
}
|
|
84
|
+
return null;
|
|
85
|
+
}
|
|
86
|
+
generatePropsInterface(node) {
|
|
87
|
+
return `interface ${this.toComponentName(node.name)}Props {
|
|
88
|
+
className?: string
|
|
89
|
+
children?: React.ReactNode
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
`;
|
|
93
|
+
}
|
|
94
|
+
generateComponentBody(node, config) {
|
|
95
|
+
const componentName = this.toComponentName(node.name);
|
|
96
|
+
const propsParam = config.typescript ? `props: ${componentName}Props` : 'props';
|
|
97
|
+
const jsx = this.generateJSX(node, config, 0);
|
|
98
|
+
const designWidth = Math.round(node.layout.size.width) || 1920;
|
|
99
|
+
return `export function ${componentName}(${propsParam}) {
|
|
100
|
+
const containerRef = React.useRef(null)
|
|
101
|
+
const [scale, setScale] = React.useState(1)
|
|
102
|
+
|
|
103
|
+
React.useEffect(() => {
|
|
104
|
+
const updateScale = () => {
|
|
105
|
+
if (containerRef.current) {
|
|
106
|
+
const parentWidth = containerRef.current.parentElement?.clientWidth || window.innerWidth
|
|
107
|
+
setScale(Math.min(1, parentWidth / ${designWidth}))
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
updateScale()
|
|
111
|
+
window.addEventListener('resize', updateScale)
|
|
112
|
+
return () => window.removeEventListener('resize', updateScale)
|
|
113
|
+
}, [])
|
|
114
|
+
|
|
115
|
+
return (
|
|
116
|
+
<div className={styles['responsive-wrapper']}>
|
|
117
|
+
<div ref={containerRef} className={styles['scale-container']} style={{ transform: \`scale(\${scale})\` }}>
|
|
118
|
+
${this.indent(jsx, 4)}
|
|
119
|
+
</div>
|
|
120
|
+
</div>
|
|
121
|
+
)
|
|
122
|
+
}
|
|
123
|
+
`;
|
|
124
|
+
}
|
|
125
|
+
generateJSX(node, config, depth = 0) {
|
|
126
|
+
const tag = this.getHTMLTag(node);
|
|
127
|
+
const className = this.generateClassName(node, config);
|
|
128
|
+
const style = config.styleMode === 'css' ? this.generateInlineStyle(node) : '';
|
|
129
|
+
const attrs = [className, style].filter(Boolean).join(' ');
|
|
130
|
+
// Add Figma layer name as comment for better readability (but not for root element)
|
|
131
|
+
const layerName = node.name || 'unnamed';
|
|
132
|
+
const comment = depth > 0 ? `{/* ${layerName} */}\n` : '';
|
|
133
|
+
// Text node: render text content
|
|
134
|
+
if (node.type === 'Text' && node.metadata.textContent) {
|
|
135
|
+
const text = node.metadata.textContent;
|
|
136
|
+
return `${comment}<${tag}${attrs ? ' ' + attrs : ''}>${text}</${tag}>`;
|
|
137
|
+
}
|
|
138
|
+
// Image node: render with imported src if available
|
|
139
|
+
if (node.type === 'Image') {
|
|
140
|
+
const importVar = this.imageImportMap.get(node.id);
|
|
141
|
+
if (importVar) {
|
|
142
|
+
return `${comment}<img${attrs ? ' ' + attrs : ''} src={${importVar}} alt="${layerName}" />`;
|
|
143
|
+
}
|
|
144
|
+
return `${comment}<div${attrs ? ' ' + attrs : ''} />`;
|
|
145
|
+
}
|
|
146
|
+
if (node.children.length === 0) {
|
|
147
|
+
return `${comment}<${tag}${attrs ? ' ' + attrs : ''} />`;
|
|
148
|
+
}
|
|
149
|
+
const children = node.children
|
|
150
|
+
.map((child) => this.generateJSX(child, config, depth + 1))
|
|
151
|
+
.join('\n');
|
|
152
|
+
return `${comment}<${tag}${attrs ? ' ' + attrs : ''}>
|
|
153
|
+
${this.indent(children, 1)}
|
|
154
|
+
</${tag}>`;
|
|
155
|
+
}
|
|
156
|
+
getHTMLTag(node) {
|
|
157
|
+
switch (node.type) {
|
|
158
|
+
case 'Text':
|
|
159
|
+
return 'span';
|
|
160
|
+
case 'Image':
|
|
161
|
+
return 'img';
|
|
162
|
+
default:
|
|
163
|
+
return 'div';
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
generateClassName(node, config) {
|
|
167
|
+
const uniqueName = this.nodeClassMap.get(node.id) || this.sanitizeCSSName(node.name);
|
|
168
|
+
if (config.styleMode === 'css-modules') {
|
|
169
|
+
return `className={styles['${uniqueName}']}`;
|
|
170
|
+
}
|
|
171
|
+
if (config.styleMode === 'tailwind') {
|
|
172
|
+
return `className="${this.generateTailwindClasses(node)}"`;
|
|
173
|
+
}
|
|
174
|
+
return `className="${uniqueName}"`;
|
|
175
|
+
}
|
|
176
|
+
sanitizeCSSName(name, nodeType) {
|
|
177
|
+
// For Text nodes, Figma uses the text content as the name which can be very long.
|
|
178
|
+
// Truncate to first few meaningful words.
|
|
179
|
+
let cleaned = name;
|
|
180
|
+
if (nodeType === 'Text' && cleaned.length > 40) {
|
|
181
|
+
// Take first 3-4 words only
|
|
182
|
+
cleaned = cleaned
|
|
183
|
+
.split(/[\s,.!?]+/)
|
|
184
|
+
.slice(0, 4)
|
|
185
|
+
.join(' ');
|
|
186
|
+
}
|
|
187
|
+
// Convert to valid CSS class name
|
|
188
|
+
return (cleaned
|
|
189
|
+
// Remove special characters except letters, numbers, hyphens, underscores, spaces
|
|
190
|
+
.replace(/[^\w\s-]/g, '')
|
|
191
|
+
.trim()
|
|
192
|
+
// Replace spaces with hyphens
|
|
193
|
+
.replace(/\s+/g, '-')
|
|
194
|
+
// Remove leading numbers
|
|
195
|
+
.replace(/^[0-9]+/, '')
|
|
196
|
+
// Convert camelCase to kebab-case
|
|
197
|
+
.replace(/([a-z])([A-Z])/g, '$1-$2')
|
|
198
|
+
.toLowerCase()
|
|
199
|
+
// Collapse multiple hyphens
|
|
200
|
+
.replace(/-+/g, '-')
|
|
201
|
+
.replace(/^-|-$/g, '') || 'element');
|
|
202
|
+
}
|
|
203
|
+
generateTailwindClasses(node) {
|
|
204
|
+
const classes = [];
|
|
205
|
+
if (node.layout.display === 'flex') {
|
|
206
|
+
classes.push('flex');
|
|
207
|
+
if (node.layout.flexDirection === 'column')
|
|
208
|
+
classes.push('flex-col');
|
|
209
|
+
if (node.layout.justifyContent)
|
|
210
|
+
classes.push(`justify-${node.layout.justifyContent}`);
|
|
211
|
+
if (node.layout.alignItems)
|
|
212
|
+
classes.push(`items-${node.layout.alignItems}`);
|
|
213
|
+
if (node.layout.gap)
|
|
214
|
+
classes.push(`gap-${Math.round(node.layout.gap / 4)}`);
|
|
215
|
+
}
|
|
216
|
+
if (node.styles.backgroundColor) {
|
|
217
|
+
classes.push('bg-gray-100');
|
|
218
|
+
}
|
|
219
|
+
if (node.styles.borderRadius) {
|
|
220
|
+
const radius = Array.isArray(node.styles.borderRadius)
|
|
221
|
+
? node.styles.borderRadius[0]
|
|
222
|
+
: node.styles.borderRadius;
|
|
223
|
+
classes.push(`rounded-${radius > 8 ? 'lg' : 'md'}`);
|
|
224
|
+
}
|
|
225
|
+
return classes.join(' ');
|
|
226
|
+
}
|
|
227
|
+
generateInlineStyle(node) {
|
|
228
|
+
const styles = [];
|
|
229
|
+
if (node.styles.backgroundColor) {
|
|
230
|
+
const { r, g, b, a } = node.styles.backgroundColor;
|
|
231
|
+
styles.push(`backgroundColor: 'rgba(${r},${g},${b},${a})'`);
|
|
232
|
+
}
|
|
233
|
+
if (node.styles.borderRadius) {
|
|
234
|
+
styles.push(`borderRadius: ${node.styles.borderRadius}`);
|
|
235
|
+
}
|
|
236
|
+
if (styles.length === 0)
|
|
237
|
+
return '';
|
|
238
|
+
return `style={{ ${styles.join(', ')} }}`;
|
|
239
|
+
}
|
|
240
|
+
toComponentName(name) {
|
|
241
|
+
let sanitized = name
|
|
242
|
+
// Remove non-ASCII characters (Chinese, etc.)
|
|
243
|
+
// eslint-disable-next-line no-control-regex
|
|
244
|
+
.replace(/[^\x00-\x7F]/g, '')
|
|
245
|
+
// Remove special characters except letters, numbers, spaces, hyphens, underscores
|
|
246
|
+
.replace(/[^\w\s-]/g, '')
|
|
247
|
+
// Replace spaces and hyphens with nothing (will use camelCase)
|
|
248
|
+
.replace(/[\s-]+(.)?/g, (_, char) => (char ? char.toUpperCase() : ''))
|
|
249
|
+
// Remove leading numbers
|
|
250
|
+
.replace(/^[0-9]+/, '');
|
|
251
|
+
if (!sanitized) {
|
|
252
|
+
sanitized = 'Component';
|
|
253
|
+
}
|
|
254
|
+
return sanitized.charAt(0).toUpperCase() + sanitized.slice(1);
|
|
255
|
+
}
|
|
256
|
+
toFileName(name) {
|
|
257
|
+
let sanitized = name
|
|
258
|
+
// eslint-disable-next-line no-control-regex
|
|
259
|
+
.replace(/[^\x00-\x7F]/g, '')
|
|
260
|
+
.replace(/[^\w\s-]/g, '')
|
|
261
|
+
.replace(/[\s-]+(.)?/g, (_, char) => (char ? char.toUpperCase() : ''))
|
|
262
|
+
.replace(/^[0-9]+/, '');
|
|
263
|
+
if (!sanitized)
|
|
264
|
+
sanitized = 'Component';
|
|
265
|
+
return sanitized.charAt(0).toUpperCase() + sanitized.slice(1);
|
|
266
|
+
}
|
|
267
|
+
indent(text, level) {
|
|
268
|
+
const spaces = ' '.repeat(level);
|
|
269
|
+
return text
|
|
270
|
+
.split('\n')
|
|
271
|
+
.map((line) => (line ? spaces + line : line))
|
|
272
|
+
.join('\n');
|
|
273
|
+
}
|
|
274
|
+
generateCSSModule(node) {
|
|
275
|
+
const styles = [];
|
|
276
|
+
const designWidth = Math.round(node.layout.size.width) || 1920;
|
|
277
|
+
const designHeight = Math.round(node.layout.size.height) || 1080;
|
|
278
|
+
// Add responsive wrapper styles
|
|
279
|
+
styles.push(`.responsive-wrapper {\n width: 100%;\n overflow: hidden;\n}`);
|
|
280
|
+
styles.push(`.scale-container {\n width: ${designWidth}px;\n height: ${designHeight}px;\n transform-origin: top left;\n}`);
|
|
281
|
+
this.usedClassNames = new Map();
|
|
282
|
+
this.collectStyles(node, styles);
|
|
283
|
+
return styles.join('\n\n') + '\n';
|
|
284
|
+
}
|
|
285
|
+
collectStyles(node, styles, parentNode) {
|
|
286
|
+
const className = this.nodeClassMap.get(node.id) || this.sanitizeCSSName(node.name);
|
|
287
|
+
const cssRules = [];
|
|
288
|
+
const isRootLevel = !parentNode || parentNode.type === 'Root' || parentNode.type === 'Page';
|
|
289
|
+
const parentHasAutoLayout = parentNode?.layout.display === 'flex';
|
|
290
|
+
const needsAbsolute = !isRootLevel && !parentHasAutoLayout && parentNode;
|
|
291
|
+
// Detect if this container has only one Text child — use flex centering instead of absolute
|
|
292
|
+
const isSingleTextParent = node.children.length === 1 && node.children[0].type === 'Text';
|
|
293
|
+
// Detect if parent is a single-text-parent (so this text child should NOT be absolute)
|
|
294
|
+
const parentIsSingleTextContainer = parentNode && parentNode.children.length === 1 && node.type === 'Text';
|
|
295
|
+
const hasNonFlexChildren = node.children.length > 0 && node.layout.display !== 'flex' && !isSingleTextParent;
|
|
296
|
+
// Flex layout (from Figma auto-layout)
|
|
297
|
+
if (node.layout.display === 'flex') {
|
|
298
|
+
cssRules.push(` display: flex;`);
|
|
299
|
+
if (node.layout.flexDirection)
|
|
300
|
+
cssRules.push(` flex-direction: ${node.layout.flexDirection};`);
|
|
301
|
+
if (node.layout.justifyContent)
|
|
302
|
+
cssRules.push(` justify-content: ${node.layout.justifyContent};`);
|
|
303
|
+
if (node.layout.alignItems)
|
|
304
|
+
cssRules.push(` align-items: ${node.layout.alignItems};`);
|
|
305
|
+
if (node.layout.gap)
|
|
306
|
+
cssRules.push(` gap: ${node.layout.gap}px;`);
|
|
307
|
+
}
|
|
308
|
+
else if (isSingleTextParent) {
|
|
309
|
+
// Container with single text child: use flex centering for better text rendering
|
|
310
|
+
cssRules.push(` display: flex;`);
|
|
311
|
+
cssRules.push(` align-items: center;`);
|
|
312
|
+
cssRules.push(` justify-content: center;`);
|
|
313
|
+
}
|
|
314
|
+
// Position: absolute takes priority (it also serves as containing block for children)
|
|
315
|
+
// Skip absolute for text nodes inside single-text containers (they use flex centering)
|
|
316
|
+
if (needsAbsolute && !parentIsSingleTextContainer) {
|
|
317
|
+
cssRules.push(` position: absolute;`);
|
|
318
|
+
const relX = Math.round(node.layout.position.x - (parentNode.layout.position.x || 0));
|
|
319
|
+
const relY = Math.round(node.layout.position.y - (parentNode.layout.position.y || 0));
|
|
320
|
+
cssRules.push(` left: ${relX}px;`);
|
|
321
|
+
cssRules.push(` top: ${relY}px;`);
|
|
322
|
+
}
|
|
323
|
+
else if (hasNonFlexChildren) {
|
|
324
|
+
cssRules.push(` position: relative;`);
|
|
325
|
+
}
|
|
326
|
+
// Size — skip fixed width/height for text inside flex-centered containers
|
|
327
|
+
if (parentIsSingleTextContainer) {
|
|
328
|
+
// Text in flex container: no fixed size needed
|
|
329
|
+
}
|
|
330
|
+
else {
|
|
331
|
+
if (node.layout.size.width) {
|
|
332
|
+
if (isRootLevel) {
|
|
333
|
+
// Root container: width handled by scale-container wrapper
|
|
334
|
+
}
|
|
335
|
+
else {
|
|
336
|
+
cssRules.push(` width: ${Math.round(node.layout.size.width)}px;`);
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
if (node.layout.size.height) {
|
|
340
|
+
if (!isRootLevel) {
|
|
341
|
+
cssRules.push(` height: ${Math.round(node.layout.size.height)}px;`);
|
|
342
|
+
}
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
// Padding
|
|
346
|
+
if (node.layout.padding) {
|
|
347
|
+
const p = node.layout.padding;
|
|
348
|
+
if (typeof p === 'object' && 'top' in p) {
|
|
349
|
+
const { top, right, bottom, left } = p;
|
|
350
|
+
if (top === right && right === bottom && bottom === left) {
|
|
351
|
+
if (top > 0)
|
|
352
|
+
cssRules.push(` padding: ${top}px;`);
|
|
353
|
+
}
|
|
354
|
+
else if (top > 0 || right > 0 || bottom > 0 || left > 0) {
|
|
355
|
+
cssRules.push(` padding: ${top}px ${right}px ${bottom}px ${left}px;`);
|
|
356
|
+
}
|
|
357
|
+
}
|
|
358
|
+
}
|
|
359
|
+
// Overflow hidden only for non-root containers
|
|
360
|
+
if (node.children.length > 0 && node.type !== 'Root' && node.type !== 'Page' && !isRootLevel) {
|
|
361
|
+
cssRules.push(` overflow: hidden;`);
|
|
362
|
+
// Containers without their own background need to inherit parent's background
|
|
363
|
+
// to properly occlude layers beneath them (matching Figma's compositing behavior)
|
|
364
|
+
if (!node.styles.backgroundColor) {
|
|
365
|
+
cssRules.push(` background-color: inherit;`);
|
|
366
|
+
}
|
|
367
|
+
}
|
|
368
|
+
// Background color (not for text - their fill is text color)
|
|
369
|
+
if (node.styles.backgroundColor && node.type !== 'Text') {
|
|
370
|
+
const bg = node.styles.backgroundColor;
|
|
371
|
+
cssRules.push(` background-color: rgba(${bg.r}, ${bg.g}, ${bg.b}, ${bg.a});`);
|
|
372
|
+
}
|
|
373
|
+
// Border radius
|
|
374
|
+
if (node.styles.borderRadius) {
|
|
375
|
+
const br = node.styles.borderRadius;
|
|
376
|
+
if (typeof br === 'number' && br > 0)
|
|
377
|
+
cssRules.push(` border-radius: ${br}px;`);
|
|
378
|
+
}
|
|
379
|
+
// Opacity
|
|
380
|
+
if (node.styles.opacity !== undefined && node.styles.opacity !== 1) {
|
|
381
|
+
cssRules.push(` opacity: ${node.styles.opacity};`);
|
|
382
|
+
}
|
|
383
|
+
// Typography
|
|
384
|
+
if (node.type === 'Text' && node.styles.typography) {
|
|
385
|
+
const t = node.styles.typography;
|
|
386
|
+
cssRules.push(` font-family: '${t.fontFamily}', sans-serif;`);
|
|
387
|
+
cssRules.push(` font-size: ${t.fontSize}px;`);
|
|
388
|
+
cssRules.push(` font-weight: ${t.fontWeight};`);
|
|
389
|
+
if (t.lineHeight)
|
|
390
|
+
cssRules.push(` line-height: ${Math.round(t.lineHeight)}px;`);
|
|
391
|
+
if (t.letterSpacing && t.letterSpacing !== 0)
|
|
392
|
+
cssRules.push(` letter-spacing: ${t.letterSpacing}px;`);
|
|
393
|
+
if (t.textAlign && !parentIsSingleTextContainer)
|
|
394
|
+
cssRules.push(` text-align: ${t.textAlign};`);
|
|
395
|
+
// Prevent short text from wrapping (single-line text in Figma)
|
|
396
|
+
const textContent = node.metadata.textContent || '';
|
|
397
|
+
const isSingleLine = !textContent.includes('\n') &&
|
|
398
|
+
node.layout.size.height <= Math.round(t.lineHeight || t.fontSize) * 1.5;
|
|
399
|
+
if (isSingleLine)
|
|
400
|
+
cssRules.push(` white-space: nowrap;`);
|
|
401
|
+
if (node.styles.backgroundColor) {
|
|
402
|
+
const c = node.styles.backgroundColor;
|
|
403
|
+
cssRules.push(` color: rgba(${c.r}, ${c.g}, ${c.b}, ${c.a});`);
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
// Image styling
|
|
407
|
+
if (node.type === 'Image') {
|
|
408
|
+
if (node.metadata.imageRef) {
|
|
409
|
+
cssRules.push(` object-fit: cover;`);
|
|
410
|
+
cssRules.push(` display: block;`);
|
|
411
|
+
}
|
|
412
|
+
else {
|
|
413
|
+
cssRules.push(` background-color: #e0e0e0;`);
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
if (cssRules.length > 0) {
|
|
417
|
+
styles.push(`.${className} {\n${cssRules.join('\n')}\n}`);
|
|
418
|
+
}
|
|
419
|
+
node.children.forEach((child) => this.collectStyles(child, styles, node));
|
|
420
|
+
}
|
|
421
|
+
}
|
|
422
|
+
exports.ReactGenerator = ReactGenerator;
|
|
423
|
+
//# sourceMappingURL=ReactGenerator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReactGenerator.js","sourceRoot":"","sources":["../../src/generation/ReactGenerator.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { ASTNode } from '../transformation/types';
|
|
2
|
+
import type { CodeGenerator, GeneratorConfig, GeneratedFile } from './types';
|
|
3
|
+
export declare class VueGenerator implements CodeGenerator {
|
|
4
|
+
private usedClassNames;
|
|
5
|
+
private nodeClassMap;
|
|
6
|
+
private imageImportMap;
|
|
7
|
+
private buildClassNameMap;
|
|
8
|
+
private buildImageImportMap;
|
|
9
|
+
private findNodeById;
|
|
10
|
+
generate(node: ASTNode, config: GeneratorConfig): GeneratedFile[];
|
|
11
|
+
private generateComponent;
|
|
12
|
+
private generateTemplate;
|
|
13
|
+
private generateElement;
|
|
14
|
+
private getHTMLTag;
|
|
15
|
+
private generateScript;
|
|
16
|
+
private generateStyle;
|
|
17
|
+
private collectStyles;
|
|
18
|
+
private sanitizeCSSName;
|
|
19
|
+
private generateTailwindClasses;
|
|
20
|
+
private toFileName;
|
|
21
|
+
private indent;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=VueGenerator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VueGenerator.d.ts","sourceRoot":"","sources":["../../src/generation/VueGenerator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,qBAAa,YAAa,YAAW,aAAa;IAChD,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,cAAc,CAA6B;IAEnD,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,YAAY;IASpB,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,GAAG,aAAa,EAAE;IAmBjE,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,eAAe;IAiCvB,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,cAAc;IAsCtB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,aAAa;IAwIrB,OAAO,CAAC,eAAe;IAsBvB,OAAO,CAAC,uBAAuB;IAS/B,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,MAAM;CAOf"}
|