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,337 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.VueGenerator = void 0;
|
|
4
|
+
class VueGenerator {
|
|
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
|
+
findNodeById(node, id) {
|
|
33
|
+
if (node.id === id)
|
|
34
|
+
return node;
|
|
35
|
+
for (const child of node.children) {
|
|
36
|
+
const found = this.findNodeById(child, id);
|
|
37
|
+
if (found)
|
|
38
|
+
return found;
|
|
39
|
+
}
|
|
40
|
+
return null;
|
|
41
|
+
}
|
|
42
|
+
generate(node, config) {
|
|
43
|
+
const files = [];
|
|
44
|
+
this.usedClassNames = new Map();
|
|
45
|
+
this.nodeClassMap = new Map();
|
|
46
|
+
this.imageImportMap = new Map();
|
|
47
|
+
this.buildClassNameMap(node);
|
|
48
|
+
this.buildImageImportMap(node);
|
|
49
|
+
const componentCode = this.generateComponent(node, config);
|
|
50
|
+
files.push({
|
|
51
|
+
path: `${config.outputDir}/${this.toFileName(node.name)}.vue`,
|
|
52
|
+
content: componentCode,
|
|
53
|
+
});
|
|
54
|
+
return files;
|
|
55
|
+
}
|
|
56
|
+
generateComponent(node, config) {
|
|
57
|
+
const template = this.generateTemplate(node, config);
|
|
58
|
+
const script = this.generateScript(node, config);
|
|
59
|
+
const style = this.generateStyle(node, config);
|
|
60
|
+
return `<template>
|
|
61
|
+
${this.indent(template, 1)}
|
|
62
|
+
</template>
|
|
63
|
+
|
|
64
|
+
${script}
|
|
65
|
+
|
|
66
|
+
${style}
|
|
67
|
+
`;
|
|
68
|
+
}
|
|
69
|
+
generateTemplate(node, config) {
|
|
70
|
+
const inner = this.generateElement(node, config, 0);
|
|
71
|
+
return `<div class="responsive-wrapper">
|
|
72
|
+
<div ref="scaleRef" class="scale-container" :style="{ transform: \`scale(\${scale})\` }">
|
|
73
|
+
${this.indent(inner, 2)}
|
|
74
|
+
</div>
|
|
75
|
+
</div>`;
|
|
76
|
+
}
|
|
77
|
+
generateElement(node, config, depth) {
|
|
78
|
+
const tag = this.getHTMLTag(node);
|
|
79
|
+
const className = this.nodeClassMap.get(node.id) || this.sanitizeCSSName(node.name);
|
|
80
|
+
const layerName = node.name || 'unnamed';
|
|
81
|
+
const comment = depth > 0 ? `<!-- ${layerName} -->\n` : '';
|
|
82
|
+
// Text node
|
|
83
|
+
if (node.type === 'Text' && node.metadata.textContent) {
|
|
84
|
+
return `${comment}<${tag} class="${className}">${node.metadata.textContent}</${tag}>`;
|
|
85
|
+
}
|
|
86
|
+
// Image node
|
|
87
|
+
if (node.type === 'Image') {
|
|
88
|
+
const importVar = this.imageImportMap.get(node.id);
|
|
89
|
+
if (importVar) {
|
|
90
|
+
return `${comment}<img class="${className}" :src="${importVar}" alt="${layerName}" />`;
|
|
91
|
+
}
|
|
92
|
+
return `${comment}<div class="${className}" />`;
|
|
93
|
+
}
|
|
94
|
+
if (node.children.length === 0) {
|
|
95
|
+
return `${comment}<${tag} class="${className}" />`;
|
|
96
|
+
}
|
|
97
|
+
const children = node.children
|
|
98
|
+
.map((child) => this.generateElement(child, config, depth + 1))
|
|
99
|
+
.join('\n');
|
|
100
|
+
return `${comment}<${tag} class="${className}">
|
|
101
|
+
${this.indent(children, 1)}
|
|
102
|
+
</${tag}>`;
|
|
103
|
+
}
|
|
104
|
+
getHTMLTag(node) {
|
|
105
|
+
switch (node.type) {
|
|
106
|
+
case 'Text':
|
|
107
|
+
return 'span';
|
|
108
|
+
case 'Image':
|
|
109
|
+
return 'img';
|
|
110
|
+
default:
|
|
111
|
+
return 'div';
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
generateScript(node, config) {
|
|
115
|
+
const lang = config.typescript ? ' lang="ts"' : '';
|
|
116
|
+
const imports = [];
|
|
117
|
+
const designWidth = Math.round(node.layout.size.width) || 1920;
|
|
118
|
+
imports.push(`import { ref, onMounted, onUnmounted } from 'vue'`);
|
|
119
|
+
for (const [nodeId, varName] of this.imageImportMap) {
|
|
120
|
+
const imgNode = this.findNodeById(node, nodeId);
|
|
121
|
+
if (imgNode && imgNode.metadata.imageRef) {
|
|
122
|
+
imports.push(`import ${varName} from '${imgNode.metadata.imageRef}'`);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
return `<script setup${lang}>
|
|
126
|
+
${imports.join('\n')}
|
|
127
|
+
|
|
128
|
+
const scaleRef = ref(null)
|
|
129
|
+
const scale = ref(1)
|
|
130
|
+
|
|
131
|
+
const updateScale = () => {
|
|
132
|
+
if (scaleRef.value) {
|
|
133
|
+
const parentWidth = scaleRef.value.parentElement?.clientWidth || window.innerWidth
|
|
134
|
+
scale.value = Math.min(1, parentWidth / ${designWidth})
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
onMounted(() => {
|
|
139
|
+
updateScale()
|
|
140
|
+
window.addEventListener('resize', updateScale)
|
|
141
|
+
})
|
|
142
|
+
|
|
143
|
+
onUnmounted(() => {
|
|
144
|
+
window.removeEventListener('resize', updateScale)
|
|
145
|
+
})
|
|
146
|
+
</script>`;
|
|
147
|
+
}
|
|
148
|
+
generateStyle(node, config) {
|
|
149
|
+
if (config.styleMode === 'tailwind')
|
|
150
|
+
return '';
|
|
151
|
+
const styles = [];
|
|
152
|
+
const designWidth = Math.round(node.layout.size.width) || 1920;
|
|
153
|
+
const designHeight = Math.round(node.layout.size.height) || 1080;
|
|
154
|
+
styles.push(`.responsive-wrapper {\n width: 100%;\n overflow: hidden;\n}`);
|
|
155
|
+
styles.push(`.scale-container {\n width: ${designWidth}px;\n height: ${designHeight}px;\n transform-origin: top left;\n}`);
|
|
156
|
+
this.collectStyles(node, styles);
|
|
157
|
+
return `<style scoped>
|
|
158
|
+
${styles.join('\n\n')}
|
|
159
|
+
</style>`;
|
|
160
|
+
}
|
|
161
|
+
collectStyles(node, styles, parentNode) {
|
|
162
|
+
const className = this.nodeClassMap.get(node.id) || this.sanitizeCSSName(node.name);
|
|
163
|
+
const cssRules = [];
|
|
164
|
+
const isRootLevel = !parentNode || parentNode.type === 'Root' || parentNode.type === 'Page';
|
|
165
|
+
const parentHasAutoLayout = parentNode?.layout.display === 'flex';
|
|
166
|
+
const needsAbsolute = !isRootLevel && !parentHasAutoLayout && parentNode;
|
|
167
|
+
const isSingleTextParent = node.children.length === 1 && node.children[0].type === 'Text';
|
|
168
|
+
const parentIsSingleTextContainer = parentNode && parentNode.children.length === 1 && node.type === 'Text';
|
|
169
|
+
const hasNonFlexChildren = node.children.length > 0 && node.layout.display !== 'flex' && !isSingleTextParent;
|
|
170
|
+
// Flex layout
|
|
171
|
+
if (node.layout.display === 'flex') {
|
|
172
|
+
cssRules.push(` display: flex;`);
|
|
173
|
+
if (node.layout.flexDirection)
|
|
174
|
+
cssRules.push(` flex-direction: ${node.layout.flexDirection};`);
|
|
175
|
+
if (node.layout.justifyContent)
|
|
176
|
+
cssRules.push(` justify-content: ${node.layout.justifyContent};`);
|
|
177
|
+
if (node.layout.alignItems)
|
|
178
|
+
cssRules.push(` align-items: ${node.layout.alignItems};`);
|
|
179
|
+
if (node.layout.gap)
|
|
180
|
+
cssRules.push(` gap: ${node.layout.gap}px;`);
|
|
181
|
+
}
|
|
182
|
+
else if (isSingleTextParent) {
|
|
183
|
+
cssRules.push(` display: flex;`);
|
|
184
|
+
cssRules.push(` align-items: center;`);
|
|
185
|
+
cssRules.push(` justify-content: center;`);
|
|
186
|
+
}
|
|
187
|
+
// Position
|
|
188
|
+
if (needsAbsolute && !parentIsSingleTextContainer) {
|
|
189
|
+
cssRules.push(` position: absolute;`);
|
|
190
|
+
const relX = Math.round(node.layout.position.x - (parentNode.layout.position.x || 0));
|
|
191
|
+
const relY = Math.round(node.layout.position.y - (parentNode.layout.position.y || 0));
|
|
192
|
+
cssRules.push(` left: ${relX}px;`);
|
|
193
|
+
cssRules.push(` top: ${relY}px;`);
|
|
194
|
+
}
|
|
195
|
+
else if (hasNonFlexChildren) {
|
|
196
|
+
cssRules.push(` position: relative;`);
|
|
197
|
+
}
|
|
198
|
+
// Size
|
|
199
|
+
if (parentIsSingleTextContainer) {
|
|
200
|
+
// Text in flex container: no fixed size
|
|
201
|
+
}
|
|
202
|
+
else {
|
|
203
|
+
if (node.layout.size.width) {
|
|
204
|
+
if (isRootLevel) {
|
|
205
|
+
// Root container: width handled by scale-container wrapper
|
|
206
|
+
}
|
|
207
|
+
else {
|
|
208
|
+
cssRules.push(` width: ${Math.round(node.layout.size.width)}px;`);
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
if (node.layout.size.height) {
|
|
212
|
+
if (!isRootLevel) {
|
|
213
|
+
cssRules.push(` height: ${Math.round(node.layout.size.height)}px;`);
|
|
214
|
+
}
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
// Padding
|
|
218
|
+
if (node.layout.padding) {
|
|
219
|
+
const p = node.layout.padding;
|
|
220
|
+
if (typeof p === 'object' && 'top' in p) {
|
|
221
|
+
const { top, right, bottom, left } = p;
|
|
222
|
+
if (top === right && right === bottom && bottom === left) {
|
|
223
|
+
if (top > 0)
|
|
224
|
+
cssRules.push(` padding: ${top}px;`);
|
|
225
|
+
}
|
|
226
|
+
else if (top > 0 || right > 0 || bottom > 0 || left > 0) {
|
|
227
|
+
cssRules.push(` padding: ${top}px ${right}px ${bottom}px ${left}px;`);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
// Overflow
|
|
232
|
+
if (node.children.length > 0 && node.type !== 'Root' && node.type !== 'Page' && !isRootLevel) {
|
|
233
|
+
cssRules.push(` overflow: hidden;`);
|
|
234
|
+
if (!node.styles.backgroundColor) {
|
|
235
|
+
cssRules.push(` background-color: inherit;`);
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
// Background color
|
|
239
|
+
if (node.styles.backgroundColor && node.type !== 'Text') {
|
|
240
|
+
const bg = node.styles.backgroundColor;
|
|
241
|
+
cssRules.push(` background-color: rgba(${bg.r}, ${bg.g}, ${bg.b}, ${bg.a});`);
|
|
242
|
+
}
|
|
243
|
+
// Border radius
|
|
244
|
+
if (node.styles.borderRadius) {
|
|
245
|
+
const br = node.styles.borderRadius;
|
|
246
|
+
if (typeof br === 'number' && br > 0)
|
|
247
|
+
cssRules.push(` border-radius: ${br}px;`);
|
|
248
|
+
}
|
|
249
|
+
// Opacity
|
|
250
|
+
if (node.styles.opacity !== undefined && node.styles.opacity !== 1) {
|
|
251
|
+
cssRules.push(` opacity: ${node.styles.opacity};`);
|
|
252
|
+
}
|
|
253
|
+
// Typography
|
|
254
|
+
if (node.type === 'Text' && node.styles.typography) {
|
|
255
|
+
const t = node.styles.typography;
|
|
256
|
+
cssRules.push(` font-family: '${t.fontFamily}', sans-serif;`);
|
|
257
|
+
cssRules.push(` font-size: ${t.fontSize}px;`);
|
|
258
|
+
cssRules.push(` font-weight: ${t.fontWeight};`);
|
|
259
|
+
if (t.lineHeight)
|
|
260
|
+
cssRules.push(` line-height: ${Math.round(t.lineHeight)}px;`);
|
|
261
|
+
if (t.letterSpacing && t.letterSpacing !== 0)
|
|
262
|
+
cssRules.push(` letter-spacing: ${t.letterSpacing}px;`);
|
|
263
|
+
if (t.textAlign && !parentIsSingleTextContainer)
|
|
264
|
+
cssRules.push(` text-align: ${t.textAlign};`);
|
|
265
|
+
const textContent = node.metadata.textContent || '';
|
|
266
|
+
const isSingleLine = !textContent.includes('\n') &&
|
|
267
|
+
node.layout.size.height <= Math.round(t.lineHeight || t.fontSize) * 1.5;
|
|
268
|
+
if (isSingleLine)
|
|
269
|
+
cssRules.push(` white-space: nowrap;`);
|
|
270
|
+
if (node.styles.backgroundColor) {
|
|
271
|
+
const c = node.styles.backgroundColor;
|
|
272
|
+
cssRules.push(` color: rgba(${c.r}, ${c.g}, ${c.b}, ${c.a});`);
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
// Image
|
|
276
|
+
if (node.type === 'Image') {
|
|
277
|
+
if (node.metadata.imageRef) {
|
|
278
|
+
cssRules.push(` object-fit: cover;`);
|
|
279
|
+
cssRules.push(` display: block;`);
|
|
280
|
+
}
|
|
281
|
+
else {
|
|
282
|
+
cssRules.push(` background-color: #e0e0e0;`);
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
if (cssRules.length > 0) {
|
|
286
|
+
styles.push(`.${className} {\n${cssRules.join('\n')}\n}`);
|
|
287
|
+
}
|
|
288
|
+
node.children.forEach((child) => this.collectStyles(child, styles, node));
|
|
289
|
+
}
|
|
290
|
+
sanitizeCSSName(name, nodeType) {
|
|
291
|
+
let cleaned = name;
|
|
292
|
+
if (nodeType === 'Text' && cleaned.length > 40) {
|
|
293
|
+
cleaned = cleaned
|
|
294
|
+
.split(/[\s,.!?]+/)
|
|
295
|
+
.slice(0, 4)
|
|
296
|
+
.join(' ');
|
|
297
|
+
}
|
|
298
|
+
return (cleaned
|
|
299
|
+
.replace(/[^\w\s-]/g, '')
|
|
300
|
+
.trim()
|
|
301
|
+
.replace(/\s+/g, '-')
|
|
302
|
+
.replace(/^[0-9]+/, '')
|
|
303
|
+
.replace(/([a-z])([A-Z])/g, '$1-$2')
|
|
304
|
+
.toLowerCase()
|
|
305
|
+
.replace(/-+/g, '-')
|
|
306
|
+
.replace(/^-|-$/g, '') || 'element');
|
|
307
|
+
}
|
|
308
|
+
generateTailwindClasses(node) {
|
|
309
|
+
const classes = [];
|
|
310
|
+
if (node.layout.display === 'flex') {
|
|
311
|
+
classes.push('flex');
|
|
312
|
+
if (node.layout.flexDirection === 'column')
|
|
313
|
+
classes.push('flex-col');
|
|
314
|
+
}
|
|
315
|
+
return classes.join(' ');
|
|
316
|
+
}
|
|
317
|
+
toFileName(name) {
|
|
318
|
+
let sanitized = name
|
|
319
|
+
// eslint-disable-next-line no-control-regex
|
|
320
|
+
.replace(/[^\x00-\x7F]/g, '')
|
|
321
|
+
.replace(/[^\w\s-]/g, '')
|
|
322
|
+
.replace(/[\s-]+(.)?/g, (_, char) => (char ? char.toUpperCase() : ''))
|
|
323
|
+
.replace(/^[0-9]+/, '');
|
|
324
|
+
if (!sanitized)
|
|
325
|
+
sanitized = 'Component';
|
|
326
|
+
return sanitized.charAt(0).toUpperCase() + sanitized.slice(1);
|
|
327
|
+
}
|
|
328
|
+
indent(text, level) {
|
|
329
|
+
const spaces = ' '.repeat(level);
|
|
330
|
+
return text
|
|
331
|
+
.split('\n')
|
|
332
|
+
.map((line) => (line ? spaces + line : line))
|
|
333
|
+
.join('\n');
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
exports.VueGenerator = VueGenerator;
|
|
337
|
+
//# sourceMappingURL=VueGenerator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VueGenerator.js","sourceRoot":"","sources":["../../src/generation/VueGenerator.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/generation/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/generation/index.ts"],"names":[],"mappings":";AAAA;;;GAGG"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { ASTNode } from '../transformation/types';
|
|
2
|
+
/**
|
|
3
|
+
* Generated file structure
|
|
4
|
+
*/
|
|
5
|
+
export interface GeneratedFile {
|
|
6
|
+
path: string;
|
|
7
|
+
content: string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Code generator configuration
|
|
11
|
+
*/
|
|
12
|
+
export interface GeneratorConfig {
|
|
13
|
+
framework: 'react' | 'vue';
|
|
14
|
+
styleMode: 'css-modules' | 'tailwind' | 'css';
|
|
15
|
+
typescript: boolean;
|
|
16
|
+
outputDir: string;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Code generator interface
|
|
20
|
+
*/
|
|
21
|
+
export interface CodeGenerator {
|
|
22
|
+
generate(node: ASTNode, config: GeneratorConfig): GeneratedFile[];
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/generation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B,SAAS,EAAE,aAAa,GAAG,UAAU,GAAG,KAAK,CAAC;IAC9C,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,eAAe,GAAG,aAAa,EAAE,CAAC;CACnE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/generation/types.ts"],"names":[],"mappings":""}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const version = "0.2.0";
|
|
2
|
+
export { FigmaToCodeAgent } from './FigmaToCodeAgent';
|
|
3
|
+
export type { AgentConfig } from './FigmaToCodeAgent';
|
|
4
|
+
export { FigmaAPIClient } from './extraction/FigmaAPIClient';
|
|
5
|
+
export { ASTParser } from './transformation/ASTParser';
|
|
6
|
+
export { TransformationPipeline } from './transformation/TransformationPipeline';
|
|
7
|
+
export { ReactGenerator } from './generation/ReactGenerator';
|
|
8
|
+
export { VueGenerator } from './generation/VueGenerator';
|
|
9
|
+
export type { GeneratorConfig, GeneratedFile, CodeGenerator } from './generation/types';
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,UAAU,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.VueGenerator = exports.ReactGenerator = exports.TransformationPipeline = exports.ASTParser = exports.FigmaAPIClient = exports.FigmaToCodeAgent = exports.version = void 0;
|
|
4
|
+
exports.version = '0.2.0';
|
|
5
|
+
var FigmaToCodeAgent_1 = require("./FigmaToCodeAgent");
|
|
6
|
+
Object.defineProperty(exports, "FigmaToCodeAgent", { enumerable: true, get: function () { return FigmaToCodeAgent_1.FigmaToCodeAgent; } });
|
|
7
|
+
var FigmaAPIClient_1 = require("./extraction/FigmaAPIClient");
|
|
8
|
+
Object.defineProperty(exports, "FigmaAPIClient", { enumerable: true, get: function () { return FigmaAPIClient_1.FigmaAPIClient; } });
|
|
9
|
+
var ASTParser_1 = require("./transformation/ASTParser");
|
|
10
|
+
Object.defineProperty(exports, "ASTParser", { enumerable: true, get: function () { return ASTParser_1.ASTParser; } });
|
|
11
|
+
var TransformationPipeline_1 = require("./transformation/TransformationPipeline");
|
|
12
|
+
Object.defineProperty(exports, "TransformationPipeline", { enumerable: true, get: function () { return TransformationPipeline_1.TransformationPipeline; } });
|
|
13
|
+
var ReactGenerator_1 = require("./generation/ReactGenerator");
|
|
14
|
+
Object.defineProperty(exports, "ReactGenerator", { enumerable: true, get: function () { return ReactGenerator_1.ReactGenerator; } });
|
|
15
|
+
var VueGenerator_1 = require("./generation/VueGenerator");
|
|
16
|
+
Object.defineProperty(exports, "VueGenerator", { enumerable: true, get: function () { return VueGenerator_1.VueGenerator; } });
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG,OAAO,CAAC;AAE/B,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AAEzB,8DAA6D;AAApD,gHAAA,cAAc,OAAA;AACvB,wDAAuD;AAA9C,sGAAA,SAAS,OAAA;AAClB,kFAAiF;AAAxE,gIAAA,sBAAsB,OAAA;AAC/B,8DAA6D;AAApD,gHAAA,cAAc,OAAA;AACvB,0DAAyD;AAAhD,4GAAA,YAAY,OAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { LLMConfig, LLMMessage, LLMProvider, LLMResponse } from './types';
|
|
2
|
+
export declare class BedrockProvider implements LLMProvider {
|
|
3
|
+
private config;
|
|
4
|
+
private client;
|
|
5
|
+
constructor(config: LLMConfig);
|
|
6
|
+
chat(messages: LLMMessage[]): Promise<LLMResponse>;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=BedrockProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BedrockProvider.d.ts","sourceRoot":"","sources":["../../src/llm/BedrockProvider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE/E,qBAAa,eAAgB,YAAW,WAAW;IAGrC,OAAO,CAAC,MAAM;IAF1B,OAAO,CAAC,MAAM,CAAuB;gBAEjB,MAAM,EAAE,SAAS;IAI/B,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC;CAwBzD"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.BedrockProvider = void 0;
|
|
4
|
+
const client_bedrock_runtime_1 = require("@aws-sdk/client-bedrock-runtime");
|
|
5
|
+
class BedrockProvider {
|
|
6
|
+
constructor(config) {
|
|
7
|
+
this.config = config;
|
|
8
|
+
this.client = new client_bedrock_runtime_1.BedrockRuntimeClient({ region: config.region || 'us-east-1' });
|
|
9
|
+
}
|
|
10
|
+
async chat(messages) {
|
|
11
|
+
const command = new client_bedrock_runtime_1.InvokeModelCommand({
|
|
12
|
+
modelId: this.config.model,
|
|
13
|
+
contentType: 'application/json',
|
|
14
|
+
accept: 'application/json',
|
|
15
|
+
body: JSON.stringify({
|
|
16
|
+
anthropic_version: 'bedrock-2023-05-31',
|
|
17
|
+
max_tokens: this.config.maxTokens || 4096,
|
|
18
|
+
temperature: this.config.temperature || 0.7,
|
|
19
|
+
messages: messages.map((m) => ({ role: m.role, content: m.content })),
|
|
20
|
+
}),
|
|
21
|
+
});
|
|
22
|
+
const response = await this.client.send(command);
|
|
23
|
+
const result = JSON.parse(new TextDecoder().decode(response.body));
|
|
24
|
+
return {
|
|
25
|
+
content: result.content[0].text,
|
|
26
|
+
usage: {
|
|
27
|
+
inputTokens: result.usage.input_tokens,
|
|
28
|
+
outputTokens: result.usage.output_tokens,
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
exports.BedrockProvider = BedrockProvider;
|
|
34
|
+
//# sourceMappingURL=BedrockProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BedrockProvider.js","sourceRoot":"","sources":["../../src/llm/BedrockProvider.ts"],"names":[],"mappings":";;;AAAA,4EAA2F;AAG3F,MAAa,eAAe;IAG1B,YAAoB,MAAiB;QAAjB,WAAM,GAAN,MAAM,CAAW;QACnC,IAAI,CAAC,MAAM,GAAG,IAAI,6CAAoB,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,WAAW,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,QAAsB;QAC/B,MAAM,OAAO,GAAG,IAAI,2CAAkB,CAAC;YACrC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK;YAC1B,WAAW,EAAE,kBAAkB;YAC/B,MAAM,EAAE,kBAAkB;YAC1B,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gBACnB,iBAAiB,EAAE,oBAAoB;gBACvC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,IAAI;gBACzC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,GAAG;gBAC3C,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;aACtE,CAAC;SACH,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,WAAW,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAEnE,OAAO;YACL,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;YAC/B,KAAK,EAAE;gBACL,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,YAAY;gBACtC,YAAY,EAAE,MAAM,CAAC,KAAK,CAAC,aAAa;aACzC;SACF,CAAC;IACJ,CAAC;CACF;AA/BD,0CA+BC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LLMFactory.d.ts","sourceRoot":"","sources":["../../src/llm/LLMFactory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItD,qBAAa,UAAU;IACrB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,WAAW;CAY9C"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.LLMFactory = void 0;
|
|
4
|
+
const BedrockProvider_1 = require("./BedrockProvider");
|
|
5
|
+
const OpenAIProvider_1 = require("./OpenAIProvider");
|
|
6
|
+
class LLMFactory {
|
|
7
|
+
static create(config) {
|
|
8
|
+
switch (config.provider) {
|
|
9
|
+
case 'bedrock':
|
|
10
|
+
return new BedrockProvider_1.BedrockProvider(config);
|
|
11
|
+
case 'openai':
|
|
12
|
+
return new OpenAIProvider_1.OpenAIProvider(config);
|
|
13
|
+
case 'anthropic':
|
|
14
|
+
return new OpenAIProvider_1.OpenAIProvider({ ...config, apiKey: config.apiKey });
|
|
15
|
+
default:
|
|
16
|
+
throw new Error(`Unsupported LLM provider: ${config.provider}`);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
exports.LLMFactory = LLMFactory;
|
|
21
|
+
//# sourceMappingURL=LLMFactory.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LLMFactory.js","sourceRoot":"","sources":["../../src/llm/LLMFactory.ts"],"names":[],"mappings":";;;AACA,uDAAoD;AACpD,qDAAkD;AAElD,MAAa,UAAU;IACrB,MAAM,CAAC,MAAM,CAAC,MAAiB;QAC7B,QAAQ,MAAM,CAAC,QAAQ,EAAE,CAAC;YACxB,KAAK,SAAS;gBACZ,OAAO,IAAI,iCAAe,CAAC,MAAM,CAAC,CAAC;YACrC,KAAK,QAAQ;gBACX,OAAO,IAAI,+BAAc,CAAC,MAAM,CAAC,CAAC;YACpC,KAAK,WAAW;gBACd,OAAO,IAAI,+BAAc,CAAC,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;YAClE;gBACE,MAAM,IAAI,KAAK,CAAC,6BAA6B,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;QACpE,CAAC;IACH,CAAC;CACF;AAbD,gCAaC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { LLMConfig, LLMMessage, LLMProvider, LLMResponse } from './types';
|
|
2
|
+
export declare class OpenAIProvider implements LLMProvider {
|
|
3
|
+
private config;
|
|
4
|
+
constructor(config: LLMConfig);
|
|
5
|
+
chat(messages: LLMMessage[]): Promise<LLMResponse>;
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=OpenAIProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OpenAIProvider.d.ts","sourceRoot":"","sources":["../../src/llm/OpenAIProvider.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE/E,qBAAa,cAAe,YAAW,WAAW;IACpC,OAAO,CAAC,MAAM;gBAAN,MAAM,EAAE,SAAS;IAE/B,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC;CAyBzD"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.OpenAIProvider = void 0;
|
|
7
|
+
const axios_1 = __importDefault(require("axios"));
|
|
8
|
+
class OpenAIProvider {
|
|
9
|
+
constructor(config) {
|
|
10
|
+
this.config = config;
|
|
11
|
+
}
|
|
12
|
+
async chat(messages) {
|
|
13
|
+
const response = await axios_1.default.post('https://api.openai.com/v1/chat/completions', {
|
|
14
|
+
model: this.config.model,
|
|
15
|
+
messages,
|
|
16
|
+
max_tokens: this.config.maxTokens || 4096,
|
|
17
|
+
temperature: this.config.temperature || 0.7,
|
|
18
|
+
}, {
|
|
19
|
+
headers: {
|
|
20
|
+
Authorization: `Bearer ${this.config.apiKey}`,
|
|
21
|
+
'Content-Type': 'application/json',
|
|
22
|
+
},
|
|
23
|
+
});
|
|
24
|
+
return {
|
|
25
|
+
content: response.data.choices[0].message.content,
|
|
26
|
+
usage: {
|
|
27
|
+
inputTokens: response.data.usage.prompt_tokens,
|
|
28
|
+
outputTokens: response.data.usage.completion_tokens,
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
exports.OpenAIProvider = OpenAIProvider;
|
|
34
|
+
//# sourceMappingURL=OpenAIProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OpenAIProvider.js","sourceRoot":"","sources":["../../src/llm/OpenAIProvider.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,MAAa,cAAc;IACzB,YAAoB,MAAiB;QAAjB,WAAM,GAAN,MAAM,CAAW;IAAG,CAAC;IAEzC,KAAK,CAAC,IAAI,CAAC,QAAsB;QAC/B,MAAM,QAAQ,GAAG,MAAM,eAAK,CAAC,IAAI,CAC/B,4CAA4C,EAC5C;YACE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK;YACxB,QAAQ;YACR,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,IAAI;YACzC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,GAAG;SAC5C,EACD;YACE,OAAO,EAAE;gBACP,aAAa,EAAE,UAAU,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;gBAC7C,cAAc,EAAE,kBAAkB;aACnC;SACF,CACF,CAAC;QAEF,OAAO;YACL,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO;YACjD,KAAK,EAAE;gBACL,WAAW,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa;gBAC9C,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB;aACpD;SACF,CAAC;IACJ,CAAC;CACF;AA5BD,wCA4BC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/llm/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./types"), exports);
|
|
18
|
+
__exportStar(require("./LLMFactory"), exports);
|
|
19
|
+
__exportStar(require("./BedrockProvider"), exports);
|
|
20
|
+
__exportStar(require("./OpenAIProvider"), exports);
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/llm/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,+CAA6B;AAC7B,oDAAkC;AAClC,mDAAiC"}
|