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.
Files changed (166) hide show
  1. package/CHANGELOG.md +55 -0
  2. package/LICENSE +21 -0
  3. package/QUICKSTART.md +198 -0
  4. package/README.md +149 -0
  5. package/dist/FigmaToCodeAgent.d.ts +55 -0
  6. package/dist/FigmaToCodeAgent.d.ts.map +1 -0
  7. package/dist/FigmaToCodeAgent.js +251 -0
  8. package/dist/FigmaToCodeAgent.js.map +1 -0
  9. package/dist/assets/index.d.ts +6 -0
  10. package/dist/assets/index.d.ts.map +1 -0
  11. package/dist/assets/index.js +7 -0
  12. package/dist/assets/index.js.map +1 -0
  13. package/dist/cli.d.ts +3 -0
  14. package/dist/cli.d.ts.map +1 -0
  15. package/dist/cli.js +261 -0
  16. package/dist/cli.js.map +1 -0
  17. package/dist/extraction/FigmaAPIClient.d.ts +53 -0
  18. package/dist/extraction/FigmaAPIClient.d.ts.map +1 -0
  19. package/dist/extraction/FigmaAPIClient.js +275 -0
  20. package/dist/extraction/FigmaAPIClient.js.map +1 -0
  21. package/dist/extraction/FigmaCache.d.ts +28 -0
  22. package/dist/extraction/FigmaCache.d.ts.map +1 -0
  23. package/dist/extraction/FigmaCache.js +120 -0
  24. package/dist/extraction/FigmaCache.js.map +1 -0
  25. package/dist/extraction/MCPClient.d.ts +75 -0
  26. package/dist/extraction/MCPClient.d.ts.map +1 -0
  27. package/dist/extraction/MCPClient.js +254 -0
  28. package/dist/extraction/MCPClient.js.map +1 -0
  29. package/dist/extraction/index.d.ts +9 -0
  30. package/dist/extraction/index.d.ts.map +1 -0
  31. package/dist/extraction/index.js +27 -0
  32. package/dist/extraction/index.js.map +1 -0
  33. package/dist/extraction/types.d.ts +122 -0
  34. package/dist/extraction/types.d.ts.map +1 -0
  35. package/dist/extraction/types.js +6 -0
  36. package/dist/extraction/types.js.map +1 -0
  37. package/dist/generation/AICodeOptimizer.d.ts +10 -0
  38. package/dist/generation/AICodeOptimizer.d.ts.map +1 -0
  39. package/dist/generation/AICodeOptimizer.js +33 -0
  40. package/dist/generation/AICodeOptimizer.js.map +1 -0
  41. package/dist/generation/ReactGenerator.d.ts +27 -0
  42. package/dist/generation/ReactGenerator.d.ts.map +1 -0
  43. package/dist/generation/ReactGenerator.js +423 -0
  44. package/dist/generation/ReactGenerator.js.map +1 -0
  45. package/dist/generation/VueGenerator.d.ts +23 -0
  46. package/dist/generation/VueGenerator.d.ts.map +1 -0
  47. package/dist/generation/VueGenerator.js +337 -0
  48. package/dist/generation/VueGenerator.js.map +1 -0
  49. package/dist/generation/index.d.ts +6 -0
  50. package/dist/generation/index.d.ts.map +1 -0
  51. package/dist/generation/index.js +7 -0
  52. package/dist/generation/index.js.map +1 -0
  53. package/dist/generation/types.d.ts +24 -0
  54. package/dist/generation/types.d.ts.map +1 -0
  55. package/dist/generation/types.js +3 -0
  56. package/dist/generation/types.js.map +1 -0
  57. package/dist/index.d.ts +10 -0
  58. package/dist/index.d.ts.map +1 -0
  59. package/dist/index.js +17 -0
  60. package/dist/index.js.map +1 -0
  61. package/dist/llm/BedrockProvider.d.ts +8 -0
  62. package/dist/llm/BedrockProvider.d.ts.map +1 -0
  63. package/dist/llm/BedrockProvider.js +34 -0
  64. package/dist/llm/BedrockProvider.js.map +1 -0
  65. package/dist/llm/LLMFactory.d.ts +5 -0
  66. package/dist/llm/LLMFactory.d.ts.map +1 -0
  67. package/dist/llm/LLMFactory.js +21 -0
  68. package/dist/llm/LLMFactory.js.map +1 -0
  69. package/dist/llm/OpenAIProvider.d.ts +7 -0
  70. package/dist/llm/OpenAIProvider.d.ts.map +1 -0
  71. package/dist/llm/OpenAIProvider.js +34 -0
  72. package/dist/llm/OpenAIProvider.js.map +1 -0
  73. package/dist/llm/index.d.ts +5 -0
  74. package/dist/llm/index.d.ts.map +1 -0
  75. package/dist/llm/index.js +21 -0
  76. package/dist/llm/index.js.map +1 -0
  77. package/dist/llm/types.d.ts +23 -0
  78. package/dist/llm/types.d.ts.map +1 -0
  79. package/dist/llm/types.js +3 -0
  80. package/dist/llm/types.js.map +1 -0
  81. package/dist/transformation/ASTFactory.d.ts +92 -0
  82. package/dist/transformation/ASTFactory.d.ts.map +1 -0
  83. package/dist/transformation/ASTFactory.js +240 -0
  84. package/dist/transformation/ASTFactory.js.map +1 -0
  85. package/dist/transformation/ASTParser.d.ts +13 -0
  86. package/dist/transformation/ASTParser.d.ts.map +1 -0
  87. package/dist/transformation/ASTParser.js +177 -0
  88. package/dist/transformation/ASTParser.js.map +1 -0
  89. package/dist/transformation/TransformationPipeline.d.ts +31 -0
  90. package/dist/transformation/TransformationPipeline.d.ts.map +1 -0
  91. package/dist/transformation/TransformationPipeline.js +42 -0
  92. package/dist/transformation/TransformationPipeline.js.map +1 -0
  93. package/dist/transformation/index.d.ts +7 -0
  94. package/dist/transformation/index.d.ts.map +1 -0
  95. package/dist/transformation/index.js +25 -0
  96. package/dist/transformation/index.js.map +1 -0
  97. package/dist/transformation/transformers/AIComponentSplitter.d.ts +14 -0
  98. package/dist/transformation/transformers/AIComponentSplitter.d.ts.map +1 -0
  99. package/dist/transformation/transformers/AIComponentSplitter.js +71 -0
  100. package/dist/transformation/transformers/AIComponentSplitter.js.map +1 -0
  101. package/dist/transformation/transformers/AILayoutAnalyzer.d.ts +18 -0
  102. package/dist/transformation/transformers/AILayoutAnalyzer.d.ts.map +1 -0
  103. package/dist/transformation/transformers/AILayoutAnalyzer.js +125 -0
  104. package/dist/transformation/transformers/AILayoutAnalyzer.js.map +1 -0
  105. package/dist/transformation/transformers/AISemanticNamer.d.ts +12 -0
  106. package/dist/transformation/transformers/AISemanticNamer.d.ts.map +1 -0
  107. package/dist/transformation/transformers/AISemanticNamer.js +50 -0
  108. package/dist/transformation/transformers/AISemanticNamer.js.map +1 -0
  109. package/dist/transformation/transformers/ComponentExtractor.d.ts +16 -0
  110. package/dist/transformation/transformers/ComponentExtractor.d.ts.map +1 -0
  111. package/dist/transformation/transformers/ComponentExtractor.js +91 -0
  112. package/dist/transformation/transformers/ComponentExtractor.js.map +1 -0
  113. package/dist/transformation/transformers/FigmaLayerPreserver.d.ts +14 -0
  114. package/dist/transformation/transformers/FigmaLayerPreserver.d.ts.map +1 -0
  115. package/dist/transformation/transformers/FigmaLayerPreserver.js +48 -0
  116. package/dist/transformation/transformers/FigmaLayerPreserver.js.map +1 -0
  117. package/dist/transformation/transformers/FigmaStructureOptimizer.d.ts +16 -0
  118. package/dist/transformation/transformers/FigmaStructureOptimizer.d.ts.map +1 -0
  119. package/dist/transformation/transformers/FigmaStructureOptimizer.js +65 -0
  120. package/dist/transformation/transformers/FigmaStructureOptimizer.js.map +1 -0
  121. package/dist/transformation/transformers/FlattenTransformer.d.ts +15 -0
  122. package/dist/transformation/transformers/FlattenTransformer.d.ts.map +1 -0
  123. package/dist/transformation/transformers/FlattenTransformer.js +69 -0
  124. package/dist/transformation/transformers/FlattenTransformer.js.map +1 -0
  125. package/dist/transformation/transformers/LayoutOptimizer.d.ts +15 -0
  126. package/dist/transformation/transformers/LayoutOptimizer.d.ts.map +1 -0
  127. package/dist/transformation/transformers/LayoutOptimizer.js +63 -0
  128. package/dist/transformation/transformers/LayoutOptimizer.js.map +1 -0
  129. package/dist/transformation/transformers/SemanticNamer.d.ts +14 -0
  130. package/dist/transformation/transformers/SemanticNamer.d.ts.map +1 -0
  131. package/dist/transformation/transformers/SemanticNamer.js +65 -0
  132. package/dist/transformation/transformers/SemanticNamer.js.map +1 -0
  133. package/dist/transformation/transformers/SimplifyTransformer.d.ts +23 -0
  134. package/dist/transformation/transformers/SimplifyTransformer.d.ts.map +1 -0
  135. package/dist/transformation/transformers/SimplifyTransformer.js +138 -0
  136. package/dist/transformation/transformers/SimplifyTransformer.js.map +1 -0
  137. package/dist/transformation/types.d.ts +129 -0
  138. package/dist/transformation/types.d.ts.map +1 -0
  139. package/dist/transformation/types.js +7 -0
  140. package/dist/transformation/types.js.map +1 -0
  141. package/dist/validation/index.d.ts +6 -0
  142. package/dist/validation/index.d.ts.map +1 -0
  143. package/dist/validation/index.js +7 -0
  144. package/dist/validation/index.js.map +1 -0
  145. package/package.json +81 -0
  146. package/test-app/test-react/index.html +19 -0
  147. package/test-app/test-react/package.json +16 -0
  148. package/test-app/test-react/src/Component.jsx +146 -0
  149. package/test-app/test-react/src/Component.module.css +572 -0
  150. package/test-app/test-react/src/Homepage.jsx +53 -0
  151. package/test-app/test-react/src/Homepage.module.css +218 -0
  152. package/test-app/test-react/src/ProductPage.jsx +74 -0
  153. package/test-app/test-react/src/ProductPage.module.css +357 -0
  154. package/test-app/test-react/src/ShoppingCart.jsx +151 -0
  155. package/test-app/test-react/src/ShoppingCart.module.css +739 -0
  156. package/test-app/test-react/src/main.jsx +9 -0
  157. package/test-app/test-react/vite.config.js +6 -0
  158. package/test-app/test-vue/index.html +19 -0
  159. package/test-app/test-vue/package.json +15 -0
  160. package/test-app/test-vue/src/App.vue +16 -0
  161. package/test-app/test-vue/src/Component.vue +723 -0
  162. package/test-app/test-vue/src/Homepage.vue +271 -0
  163. package/test-app/test-vue/src/ProductPage.vue +431 -0
  164. package/test-app/test-vue/src/ShoppingCart.vue +890 -0
  165. package/test-app/test-vue/src/main.js +4 -0
  166. 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"}