@sn4p.dev/mucv 0.5.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/README.md +126 -0
- package/dist/core/elementor-parser.d.ts +22 -0
- package/dist/core/elementor-parser.d.ts.map +1 -0
- package/dist/core/elementor-parser.js +186 -0
- package/dist/core/elementor-parser.js.map +1 -0
- package/dist/core/html-parser.d.ts +27 -0
- package/dist/core/html-parser.d.ts.map +1 -0
- package/dist/core/html-parser.js +247 -0
- package/dist/core/html-parser.js.map +1 -0
- package/dist/core/jsx-parser.d.ts +22 -0
- package/dist/core/jsx-parser.d.ts.map +1 -0
- package/dist/core/jsx-parser.js +261 -0
- package/dist/core/jsx-parser.js.map +1 -0
- package/dist/core/mapper.d.ts +52 -0
- package/dist/core/mapper.d.ts.map +1 -0
- package/dist/core/mapper.js +141 -0
- package/dist/core/mapper.js.map +1 -0
- package/dist/core/normalizer.d.ts +57 -0
- package/dist/core/normalizer.d.ts.map +1 -0
- package/dist/core/normalizer.js +285 -0
- package/dist/core/normalizer.js.map +1 -0
- package/dist/core/optimizer.d.ts +21 -0
- package/dist/core/optimizer.d.ts.map +1 -0
- package/dist/core/optimizer.js +75 -0
- package/dist/core/optimizer.js.map +1 -0
- package/dist/core/parse-result.d.ts +10 -0
- package/dist/core/parse-result.d.ts.map +1 -0
- package/dist/core/parse-result.js +6 -0
- package/dist/core/parse-result.js.map +1 -0
- package/dist/core/vir.d.ts +136 -0
- package/dist/core/vir.d.ts.map +1 -0
- package/dist/core/vir.js +9 -0
- package/dist/core/vir.js.map +1 -0
- package/dist/generators/style-serializer.d.ts +25 -0
- package/dist/generators/style-serializer.d.ts.map +1 -0
- package/dist/generators/style-serializer.js +129 -0
- package/dist/generators/style-serializer.js.map +1 -0
- package/dist/generators/to-elementor.d.ts +13 -0
- package/dist/generators/to-elementor.d.ts.map +1 -0
- package/dist/generators/to-elementor.js +150 -0
- package/dist/generators/to-elementor.js.map +1 -0
- package/dist/generators/to-html-css.d.ts +22 -0
- package/dist/generators/to-html-css.d.ts.map +1 -0
- package/dist/generators/to-html-css.js +127 -0
- package/dist/generators/to-html-css.js.map +1 -0
- package/dist/generators/to-react.d.ts +22 -0
- package/dist/generators/to-react.d.ts.map +1 -0
- package/dist/generators/to-react.js +123 -0
- package/dist/generators/to-react.js.map +1 -0
- package/dist/generators/to-svelte.d.ts +15 -0
- package/dist/generators/to-svelte.d.ts.map +1 -0
- package/dist/generators/to-svelte.js +105 -0
- package/dist/generators/to-svelte.js.map +1 -0
- package/dist/generators/to-vue.d.ts +17 -0
- package/dist/generators/to-vue.d.ts.map +1 -0
- package/dist/generators/to-vue.js +108 -0
- package/dist/generators/to-vue.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +228 -0
- package/dist/index.js.map +1 -0
- package/dist/schemas/input.schema.d.ts +245 -0
- package/dist/schemas/input.schema.d.ts.map +1 -0
- package/dist/schemas/input.schema.js +66 -0
- package/dist/schemas/input.schema.js.map +1 -0
- package/dist/schemas/vir.schema.d.ts +1786 -0
- package/dist/schemas/vir.schema.d.ts.map +1 -0
- package/dist/schemas/vir.schema.js +201 -0
- package/dist/schemas/vir.schema.js.map +1 -0
- package/dist/tools/convert-design.d.ts +40 -0
- package/dist/tools/convert-design.d.ts.map +1 -0
- package/dist/tools/convert-design.js +106 -0
- package/dist/tools/convert-design.js.map +1 -0
- package/dist/tools/validate-vir.d.ts +18 -0
- package/dist/tools/validate-vir.d.ts.map +1 -0
- package/dist/tools/validate-vir.js +32 -0
- package/dist/tools/validate-vir.js.map +1 -0
- package/dist/tools/wp-connector.d.ts +55 -0
- package/dist/tools/wp-connector.d.ts.map +1 -0
- package/dist/tools/wp-connector.js +146 -0
- package/dist/tools/wp-connector.js.map +1 -0
- package/dist/tools/wp-tools.d.ts +51 -0
- package/dist/tools/wp-tools.d.ts.map +1 -0
- package/dist/tools/wp-tools.js +126 -0
- package/dist/tools/wp-tools.js.map +1 -0
- package/dist/utils/errors.d.ts +35 -0
- package/dist/utils/errors.d.ts.map +1 -0
- package/dist/utils/errors.js +67 -0
- package/dist/utils/errors.js.map +1 -0
- package/dist/utils/id-generator.d.ts +27 -0
- package/dist/utils/id-generator.d.ts.map +1 -0
- package/dist/utils/id-generator.js +43 -0
- package/dist/utils/id-generator.js.map +1 -0
- package/dist/utils/logger.d.ts +8 -0
- package/dist/utils/logger.d.ts.map +1 -0
- package/dist/utils/logger.js +19 -0
- package/dist/utils/logger.js.map +1 -0
- package/dist/utils/metrics.d.ts +30 -0
- package/dist/utils/metrics.d.ts.map +1 -0
- package/dist/utils/metrics.js +50 -0
- package/dist/utils/metrics.js.map +1 -0
- package/dist/utils/rate-limiter.d.ts +25 -0
- package/dist/utils/rate-limiter.d.ts.map +1 -0
- package/dist/utils/rate-limiter.js +41 -0
- package/dist/utils/rate-limiter.js.map +1 -0
- package/dist/utils/url-validator.d.ts +14 -0
- package/dist/utils/url-validator.d.ts.map +1 -0
- package/dist/utils/url-validator.js +37 -0
- package/dist/utils/url-validator.js.map +1 -0
- package/package.json +73 -0
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MUCV — Style Serializer
|
|
3
|
+
* Convierte StyleConfig → declaraciones CSS.
|
|
4
|
+
* Módulo compartido por todos los generadores de output.
|
|
5
|
+
*
|
|
6
|
+
* @see docs/VIR-SPEC.md §3
|
|
7
|
+
*/
|
|
8
|
+
// ─── Exports principales ──────────────────────────────────────────────────────
|
|
9
|
+
/**
|
|
10
|
+
* Convierte un StyleConfig en un array de declaraciones CSS (sin selector).
|
|
11
|
+
* @example styleToDeclarations({ width: '100%' }) → ['width: 100%']
|
|
12
|
+
*/
|
|
13
|
+
export function styleToDeclarations(styles) {
|
|
14
|
+
const d = [];
|
|
15
|
+
if (styles.width)
|
|
16
|
+
d.push(`width: ${styles.width}`);
|
|
17
|
+
if (styles.height)
|
|
18
|
+
d.push(`height: ${styles.height}`);
|
|
19
|
+
if (styles.minWidth)
|
|
20
|
+
d.push(`min-width: ${styles.minWidth}`);
|
|
21
|
+
if (styles.maxWidth)
|
|
22
|
+
d.push(`max-width: ${styles.maxWidth}`);
|
|
23
|
+
if (styles.minHeight)
|
|
24
|
+
d.push(`min-height: ${styles.minHeight}`);
|
|
25
|
+
if (styles.maxHeight)
|
|
26
|
+
d.push(`max-height: ${styles.maxHeight}`);
|
|
27
|
+
if (styles.opacity !== undefined)
|
|
28
|
+
d.push(`opacity: ${styles.opacity}`);
|
|
29
|
+
if (styles.overflow)
|
|
30
|
+
d.push(`overflow: ${styles.overflow}`);
|
|
31
|
+
if (styles.visibility)
|
|
32
|
+
d.push(`visibility: ${styles.visibility}`);
|
|
33
|
+
if (styles.padding)
|
|
34
|
+
d.push(`padding: ${boxModelToShorthand(styles.padding)}`);
|
|
35
|
+
if (styles.margin)
|
|
36
|
+
d.push(`margin: ${boxModelToShorthand(styles.margin)}`);
|
|
37
|
+
if (styles.background)
|
|
38
|
+
d.push(...backgroundToDecls(styles.background));
|
|
39
|
+
if (styles.border)
|
|
40
|
+
d.push(...borderToDecls(styles.border));
|
|
41
|
+
if (styles.borderRadius)
|
|
42
|
+
d.push(`border-radius: ${boxModelToShorthand(styles.borderRadius)}`);
|
|
43
|
+
if (styles.typography)
|
|
44
|
+
d.push(...typographyToDecls(styles.typography));
|
|
45
|
+
return d;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* Convierte un BoxModel al shorthand CSS más compacto.
|
|
49
|
+
* @example { all: '16px' } → '16px'
|
|
50
|
+
* @example { top: '10px', right: '20px' } → '10px 20px 0 0'
|
|
51
|
+
*/
|
|
52
|
+
export function boxModelToShorthand(bm) {
|
|
53
|
+
if (bm.all)
|
|
54
|
+
return bm.all;
|
|
55
|
+
const t = bm.top ?? '0';
|
|
56
|
+
const r = bm.right ?? bm.top ?? '0';
|
|
57
|
+
const b = bm.bottom ?? bm.top ?? '0';
|
|
58
|
+
const l = bm.left ?? bm.right ?? bm.top ?? '0';
|
|
59
|
+
if (t === b && r === l)
|
|
60
|
+
return `${t} ${r}`;
|
|
61
|
+
return `${t} ${r} ${b} ${l}`;
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Construye un bloque CSS completo: selector { declarations }.
|
|
65
|
+
* Retorna string vacío si no hay declaraciones.
|
|
66
|
+
*/
|
|
67
|
+
export function declsToBlock(selector, decls) {
|
|
68
|
+
if (decls.length === 0)
|
|
69
|
+
return '';
|
|
70
|
+
const body = decls.map((d) => ` ${d};`).join('\n');
|
|
71
|
+
return `${selector} {\n${body}\n}`;
|
|
72
|
+
}
|
|
73
|
+
// ─── Helpers internos ─────────────────────────────────────────────────────────
|
|
74
|
+
function backgroundToDecls(bg) {
|
|
75
|
+
const d = [];
|
|
76
|
+
if (bg.color)
|
|
77
|
+
d.push(`background-color: ${bg.color}`);
|
|
78
|
+
if (bg.image)
|
|
79
|
+
d.push(`background-image: url(${bg.image})`);
|
|
80
|
+
if (bg.size)
|
|
81
|
+
d.push(`background-size: ${bg.size}`);
|
|
82
|
+
if (bg.position)
|
|
83
|
+
d.push(`background-position: ${bg.position}`);
|
|
84
|
+
if (bg.repeat)
|
|
85
|
+
d.push(`background-repeat: ${bg.repeat}`);
|
|
86
|
+
if (bg.gradient) {
|
|
87
|
+
const stops = bg.gradient.stops.map((s) => `${s.color} ${s.position}`).join(', ');
|
|
88
|
+
if (bg.gradient.type === 'linear') {
|
|
89
|
+
d.push(`background: linear-gradient(${bg.gradient.angle ?? 180}deg, ${stops})`);
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
d.push(`background: radial-gradient(${stops})`);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
return d;
|
|
96
|
+
}
|
|
97
|
+
function borderToDecls(border) {
|
|
98
|
+
const d = [];
|
|
99
|
+
if (border.style)
|
|
100
|
+
d.push(`border-style: ${border.style}`);
|
|
101
|
+
if (border.color)
|
|
102
|
+
d.push(`border-color: ${border.color}`);
|
|
103
|
+
if (border.width)
|
|
104
|
+
d.push(`border-width: ${boxModelToShorthand(border.width)}`);
|
|
105
|
+
return d;
|
|
106
|
+
}
|
|
107
|
+
function typographyToDecls(t) {
|
|
108
|
+
const d = [];
|
|
109
|
+
if (t.fontSize)
|
|
110
|
+
d.push(`font-size: ${t.fontSize}`);
|
|
111
|
+
if (t.fontFamily)
|
|
112
|
+
d.push(`font-family: ${t.fontFamily}`);
|
|
113
|
+
if (t.fontWeight)
|
|
114
|
+
d.push(`font-weight: ${t.fontWeight}`);
|
|
115
|
+
if (t.lineHeight)
|
|
116
|
+
d.push(`line-height: ${t.lineHeight}`);
|
|
117
|
+
if (t.letterSpacing)
|
|
118
|
+
d.push(`letter-spacing: ${t.letterSpacing}`);
|
|
119
|
+
if (t.textAlign)
|
|
120
|
+
d.push(`text-align: ${t.textAlign}`);
|
|
121
|
+
if (t.textDecoration)
|
|
122
|
+
d.push(`text-decoration: ${t.textDecoration}`);
|
|
123
|
+
if (t.textTransform)
|
|
124
|
+
d.push(`text-transform: ${t.textTransform}`);
|
|
125
|
+
if (t.color)
|
|
126
|
+
d.push(`color: ${t.color}`);
|
|
127
|
+
return d;
|
|
128
|
+
}
|
|
129
|
+
//# sourceMappingURL=style-serializer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-serializer.js","sourceRoot":"","sources":["../../src/generators/style-serializer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MUCV — Generator: VIR → Elementor JSON
|
|
3
|
+
* Convierte VisualIR a Elementor JSON.
|
|
4
|
+
* Round-trip fiel: si el nodo tiene meta.elementorSettings lo preserva íntegro.
|
|
5
|
+
* Para nodos de otras fuentes, reconstruye los settings desde el VIR.
|
|
6
|
+
*
|
|
7
|
+
* @see docs/VIR-SPEC.md §6
|
|
8
|
+
*/
|
|
9
|
+
import type { VisualIR } from '../core/vir.js';
|
|
10
|
+
export declare const elementorGenerator: {
|
|
11
|
+
generate(vir: VisualIR): string;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=to-elementor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"to-elementor.d.ts","sourceRoot":"","sources":["../../src/generators/to-elementor.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,KAAK,EAAE,QAAQ,EAA0C,MAAM,gBAAgB,CAAA;AAkCtF,eAAO,MAAM,kBAAkB;kBACf,QAAQ,GAAG,MAAM;CAYhC,CAAA"}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MUCV — Generator: VIR → Elementor JSON
|
|
3
|
+
* Convierte VisualIR a Elementor JSON.
|
|
4
|
+
* Round-trip fiel: si el nodo tiene meta.elementorSettings lo preserva íntegro.
|
|
5
|
+
* Para nodos de otras fuentes, reconstruye los settings desde el VIR.
|
|
6
|
+
*
|
|
7
|
+
* @see docs/VIR-SPEC.md §6
|
|
8
|
+
*/
|
|
9
|
+
import { createHash } from 'node:crypto';
|
|
10
|
+
import { logger } from '../utils/logger.js';
|
|
11
|
+
import { GenerateError } from '../utils/errors.js';
|
|
12
|
+
// ─── Mapas inversos VisualNodeType → Elementor ────────────────────────────────
|
|
13
|
+
const VIR_TO_ELTYPE = {
|
|
14
|
+
section: 'section',
|
|
15
|
+
container: 'container',
|
|
16
|
+
flex: 'container',
|
|
17
|
+
grid: 'container',
|
|
18
|
+
custom: 'container',
|
|
19
|
+
};
|
|
20
|
+
const VIR_TO_WIDGET = {
|
|
21
|
+
heading: 'heading',
|
|
22
|
+
text: 'text-editor',
|
|
23
|
+
image: 'image',
|
|
24
|
+
button: 'button',
|
|
25
|
+
list: 'icon-list',
|
|
26
|
+
};
|
|
27
|
+
// ─── Generator principal ──────────────────────────────────────────────────────
|
|
28
|
+
export const elementorGenerator = {
|
|
29
|
+
generate(vir) {
|
|
30
|
+
try {
|
|
31
|
+
const elements = vir.root.map((node, i) => nodeToElementor(node, i));
|
|
32
|
+
logger.debug({ nodeCount: elements.length }, 'Elementor JSON generated');
|
|
33
|
+
return JSON.stringify(elements, null, 2);
|
|
34
|
+
}
|
|
35
|
+
catch (err) {
|
|
36
|
+
throw new GenerateError('Error generating Elementor JSON from VIR', {
|
|
37
|
+
error: err instanceof Error ? err.message : String(err),
|
|
38
|
+
virId: vir.id,
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
// ─── Conversión recursiva ─────────────────────────────────────────────────────
|
|
44
|
+
function nodeToElementor(node, index) {
|
|
45
|
+
const id = node.meta?.originalId ?? shortId(node.id, index);
|
|
46
|
+
const children = node.children?.map((c, i) => nodeToElementor(c, i)) ?? [];
|
|
47
|
+
// Round-trip: preservar settings originales de Elementor
|
|
48
|
+
if (node.meta?.elementorSettings !== undefined) {
|
|
49
|
+
const elType = resolveElType(node);
|
|
50
|
+
const widgetType = resolveWidgetType(node);
|
|
51
|
+
return {
|
|
52
|
+
id,
|
|
53
|
+
elType,
|
|
54
|
+
...(widgetType && { widgetType }),
|
|
55
|
+
settings: node.meta.elementorSettings,
|
|
56
|
+
elements: children,
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
// Generación desde VIR
|
|
60
|
+
const widgetType = VIR_TO_WIDGET[node.type];
|
|
61
|
+
const elType = widgetType ? 'widget' : (VIR_TO_ELTYPE[node.type] ?? 'container');
|
|
62
|
+
const settings = buildSettings(node);
|
|
63
|
+
return {
|
|
64
|
+
id,
|
|
65
|
+
elType,
|
|
66
|
+
...(widgetType && { widgetType }),
|
|
67
|
+
settings,
|
|
68
|
+
elements: children,
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
// ─── Resolución de tipos para round-trip ─────────────────────────────────────
|
|
72
|
+
function resolveElType(node) {
|
|
73
|
+
const originalType = node.meta?.originalType ?? '';
|
|
74
|
+
if (VIR_TO_WIDGET[node.type])
|
|
75
|
+
return 'widget';
|
|
76
|
+
return VIR_TO_ELTYPE[node.type] ?? (originalType || 'container');
|
|
77
|
+
}
|
|
78
|
+
function resolveWidgetType(node) {
|
|
79
|
+
const widgetType = VIR_TO_WIDGET[node.type];
|
|
80
|
+
if (widgetType)
|
|
81
|
+
return widgetType;
|
|
82
|
+
const original = node.meta?.originalType ?? '';
|
|
83
|
+
// Preservar tipos custom originales (video, spacer, etc.)
|
|
84
|
+
if (!VIR_TO_ELTYPE[original])
|
|
85
|
+
return original || undefined;
|
|
86
|
+
return undefined;
|
|
87
|
+
}
|
|
88
|
+
// ─── Construcción de settings desde VIR ──────────────────────────────────────
|
|
89
|
+
function buildSettings(node) {
|
|
90
|
+
const s = {};
|
|
91
|
+
if (node.styles)
|
|
92
|
+
mergeStyleSettings(s, node.styles);
|
|
93
|
+
if (node.content)
|
|
94
|
+
mergeContentSettings(s, node.content, node.type);
|
|
95
|
+
return s;
|
|
96
|
+
}
|
|
97
|
+
function mergeContentSettings(s, c, type) {
|
|
98
|
+
switch (type) {
|
|
99
|
+
case 'heading':
|
|
100
|
+
if (c.text)
|
|
101
|
+
s['title'] = c.text;
|
|
102
|
+
if (c.level)
|
|
103
|
+
s['header_size'] = `h${c.level}`;
|
|
104
|
+
break;
|
|
105
|
+
case 'text':
|
|
106
|
+
s['editor'] = c.richText ?? c.text ?? '';
|
|
107
|
+
break;
|
|
108
|
+
case 'image':
|
|
109
|
+
if (c.src)
|
|
110
|
+
s['image'] = { url: c.src, alt: c.alt ?? '' };
|
|
111
|
+
if (c.alt)
|
|
112
|
+
s['image_alt'] = c.alt;
|
|
113
|
+
break;
|
|
114
|
+
case 'button':
|
|
115
|
+
if (c.label)
|
|
116
|
+
s['text'] = c.label;
|
|
117
|
+
if (c.href)
|
|
118
|
+
s['link'] = { url: c.href, is_external: c.target === '_blank' };
|
|
119
|
+
break;
|
|
120
|
+
case 'list':
|
|
121
|
+
s['icon_list'] = (c.items ?? []).map((item) => ({
|
|
122
|
+
text: item.text ?? '',
|
|
123
|
+
link: item.href ? { url: item.href } : {},
|
|
124
|
+
}));
|
|
125
|
+
break;
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
function mergeStyleSettings(s, styles) {
|
|
129
|
+
if (styles.background?.color)
|
|
130
|
+
s['background_color'] = styles.background.color;
|
|
131
|
+
if (styles.background?.image)
|
|
132
|
+
s['background_image'] = { url: styles.background.image };
|
|
133
|
+
if (styles.padding) {
|
|
134
|
+
const p = styles.padding;
|
|
135
|
+
s['padding'] = p.all
|
|
136
|
+
? { top: p.all, right: p.all, bottom: p.all, left: p.all, unit: 'px' }
|
|
137
|
+
: { top: p.top ?? '', right: p.right ?? '', bottom: p.bottom ?? '', left: p.left ?? '', unit: 'px' };
|
|
138
|
+
}
|
|
139
|
+
if (styles.typography?.fontSize)
|
|
140
|
+
s['typography_font_size'] = { size: parseFloat(styles.typography.fontSize), unit: 'px' };
|
|
141
|
+
if (styles.typography?.color)
|
|
142
|
+
s['title_color'] = styles.typography.color;
|
|
143
|
+
if (styles.minHeight)
|
|
144
|
+
s['min_height'] = { size: parseFloat(String(styles.minHeight)), unit: 'px' };
|
|
145
|
+
}
|
|
146
|
+
// ─── Utilidades ───────────────────────────────────────────────────────────────
|
|
147
|
+
function shortId(seed, index) {
|
|
148
|
+
return createHash('sha256').update(`${seed}-${index}`).digest('hex').slice(0, 8);
|
|
149
|
+
}
|
|
150
|
+
//# sourceMappingURL=to-elementor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"to-elementor.js","sourceRoot":"","sources":["../../src/generators/to-elementor.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MUCV — Generator: VIR → HTML + CSS
|
|
3
|
+
* Produce HTML semántico con clases BEM y un fichero CSS independiente.
|
|
4
|
+
* Sin inline styles — todo el estilo va al CSS.
|
|
5
|
+
*
|
|
6
|
+
* @see docs/VIR-SPEC.md §6
|
|
7
|
+
*/
|
|
8
|
+
import type { VisualIR } from '../core/vir.js';
|
|
9
|
+
export interface HtmlCssOutput {
|
|
10
|
+
html: string;
|
|
11
|
+
css: string;
|
|
12
|
+
}
|
|
13
|
+
export interface HtmlCssOptions {
|
|
14
|
+
/** Prefijo de clase CSS (default: 'mucv') */
|
|
15
|
+
prefix?: string;
|
|
16
|
+
/** Espacios de indentación (default: 2) */
|
|
17
|
+
indent?: number;
|
|
18
|
+
}
|
|
19
|
+
export declare const htmlCssGenerator: {
|
|
20
|
+
generate(vir: VisualIR, options?: HtmlCssOptions): HtmlCssOutput;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=to-html-css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"to-html-css.d.ts","sourceRoot":"","sources":["../../src/generators/to-html-css.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,gBAAgB,CAAA;AAO1D,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAID,eAAO,MAAM,gBAAgB;kBACb,QAAQ,YAAW,cAAc,GAAQ,aAAa;CAsBrE,CAAA"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MUCV — Generator: VIR → HTML + CSS
|
|
3
|
+
* Produce HTML semántico con clases BEM y un fichero CSS independiente.
|
|
4
|
+
* Sin inline styles — todo el estilo va al CSS.
|
|
5
|
+
*
|
|
6
|
+
* @see docs/VIR-SPEC.md §6
|
|
7
|
+
*/
|
|
8
|
+
import { styleToDeclarations, declsToBlock } from './style-serializer.js';
|
|
9
|
+
import { logger } from '../utils/logger.js';
|
|
10
|
+
import { GenerateError } from '../utils/errors.js';
|
|
11
|
+
// ─── Generator principal ──────────────────────────────────────────────────────
|
|
12
|
+
export const htmlCssGenerator = {
|
|
13
|
+
generate(vir, options = {}) {
|
|
14
|
+
const prefix = options.prefix ?? 'mucv';
|
|
15
|
+
const indent = options.indent ?? 2;
|
|
16
|
+
const cssRules = [];
|
|
17
|
+
try {
|
|
18
|
+
const html = vir.root
|
|
19
|
+
.map((node) => renderNode(node, 0, prefix, indent, cssRules))
|
|
20
|
+
.filter(Boolean)
|
|
21
|
+
.join('\n');
|
|
22
|
+
const css = cssRules.filter(Boolean).join('\n\n');
|
|
23
|
+
logger.debug({ nodeCount: vir.root.length }, 'HTML/CSS generated');
|
|
24
|
+
return { html, css };
|
|
25
|
+
}
|
|
26
|
+
catch (err) {
|
|
27
|
+
throw new GenerateError('Error generating HTML/CSS from VIR', {
|
|
28
|
+
error: err instanceof Error ? err.message : String(err),
|
|
29
|
+
virId: vir.id,
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
// ─── Renderizado recursivo ────────────────────────────────────────────────────
|
|
35
|
+
function renderNode(node, depth, prefix, indent, cssRules) {
|
|
36
|
+
const pad = ' '.repeat(depth * indent);
|
|
37
|
+
const nodeClass = `${prefix}-node-${node.id}`;
|
|
38
|
+
const typeClass = `${prefix}-${node.type}`;
|
|
39
|
+
const extraClasses = node.meta?.cssClasses?.join(' ') ?? '';
|
|
40
|
+
const classes = [typeClass, nodeClass, extraClasses].filter(Boolean).join(' ');
|
|
41
|
+
// Recopilar CSS del nodo
|
|
42
|
+
if (node.styles) {
|
|
43
|
+
const selector = `.${nodeClass}`;
|
|
44
|
+
const block = declsToBlock(selector, styleToDeclarations(node.styles));
|
|
45
|
+
if (block)
|
|
46
|
+
cssRules.push(block);
|
|
47
|
+
if (node.styles.responsive?.tablet) {
|
|
48
|
+
const block = declsToBlock(selector, styleToDeclarations(node.styles.responsive.tablet));
|
|
49
|
+
if (block)
|
|
50
|
+
cssRules.push(`@media (max-width: 1024px) {\n${indentBlock(block)}\n}`);
|
|
51
|
+
}
|
|
52
|
+
if (node.styles.responsive?.mobile) {
|
|
53
|
+
const block = declsToBlock(selector, styleToDeclarations(node.styles.responsive.mobile));
|
|
54
|
+
if (block)
|
|
55
|
+
cssRules.push(`@media (max-width: 767px) {\n${indentBlock(block)}\n}`);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
// Renderizar hijos
|
|
59
|
+
const childHtml = node.children
|
|
60
|
+
?.map((c) => renderNode(c, depth + 1, prefix, indent, cssRules))
|
|
61
|
+
.filter(Boolean)
|
|
62
|
+
.join('\n') ?? '';
|
|
63
|
+
const inner = childHtml ? `\n${childHtml}\n${pad}` : '';
|
|
64
|
+
return renderTag(node, classes, pad, inner);
|
|
65
|
+
}
|
|
66
|
+
// ─── Renderizado de cada tipo de nodo ─────────────────────────────────────────
|
|
67
|
+
function renderTag(node, classes, pad, inner) {
|
|
68
|
+
const cls = `class="${classes}"`;
|
|
69
|
+
switch (node.type) {
|
|
70
|
+
case 'section':
|
|
71
|
+
return `${pad}<section ${cls}>${inner}</section>`;
|
|
72
|
+
case 'container':
|
|
73
|
+
case 'custom':
|
|
74
|
+
return inner ? `${pad}<div ${cls}>${inner}</div>` : '';
|
|
75
|
+
case 'flex':
|
|
76
|
+
return `${pad}<div ${cls}>${inner}</div>`;
|
|
77
|
+
case 'grid':
|
|
78
|
+
return `${pad}<div ${cls}>${inner}</div>`;
|
|
79
|
+
case 'heading': {
|
|
80
|
+
const h = node.content?.level ?? 2;
|
|
81
|
+
const text = esc(node.content?.text ?? '');
|
|
82
|
+
return `${pad}<h${h} ${cls}>${text}</h${h}>`;
|
|
83
|
+
}
|
|
84
|
+
case 'text': {
|
|
85
|
+
const content = node.content?.richText ?? esc(node.content?.text ?? '');
|
|
86
|
+
return content ? `${pad}<p ${cls}>${content}</p>` : '';
|
|
87
|
+
}
|
|
88
|
+
case 'image': {
|
|
89
|
+
const src = esc(node.content?.src ?? '');
|
|
90
|
+
const alt = esc(node.content?.alt ?? '');
|
|
91
|
+
return src ? `${pad}<img ${cls} src="${src}" alt="${alt}" />` : '';
|
|
92
|
+
}
|
|
93
|
+
case 'button': {
|
|
94
|
+
const label = esc(node.content?.label ?? '');
|
|
95
|
+
const href = node.content?.href;
|
|
96
|
+
const target = node.content?.target === '_blank' ? ' target="_blank" rel="noopener noreferrer"' : '';
|
|
97
|
+
return href
|
|
98
|
+
? `${pad}<a ${cls} href="${esc(href)}"${target}>${label}</a>`
|
|
99
|
+
: `${pad}<button ${cls}>${label}</button>`;
|
|
100
|
+
}
|
|
101
|
+
case 'list': {
|
|
102
|
+
const items = (node.content?.items ?? [])
|
|
103
|
+
.map((item) => {
|
|
104
|
+
const text = esc(item.text ?? '');
|
|
105
|
+
return item.href
|
|
106
|
+
? `${pad} <li><a href="${esc(item.href)}">${text}</a></li>`
|
|
107
|
+
: `${pad} <li>${text}</li>`;
|
|
108
|
+
})
|
|
109
|
+
.join('\n');
|
|
110
|
+
return items ? `${pad}<ul ${cls}>\n${items}\n${pad}</ul>` : '';
|
|
111
|
+
}
|
|
112
|
+
default:
|
|
113
|
+
return inner ? `${pad}<div ${cls}>${inner}</div>` : '';
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
// ─── Utilidades ───────────────────────────────────────────────────────────────
|
|
117
|
+
function esc(text) {
|
|
118
|
+
return text
|
|
119
|
+
.replace(/&/g, '&')
|
|
120
|
+
.replace(/</g, '<')
|
|
121
|
+
.replace(/>/g, '>')
|
|
122
|
+
.replace(/"/g, '"');
|
|
123
|
+
}
|
|
124
|
+
function indentBlock(block) {
|
|
125
|
+
return block.split('\n').map((l) => ` ${l}`).join('\n');
|
|
126
|
+
}
|
|
127
|
+
//# sourceMappingURL=to-html-css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"to-html-css.js","sourceRoot":"","sources":["../../src/generators/to-html-css.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MUCV — Generator: VIR → React TSX + CSS Module
|
|
3
|
+
* Produce un componente funcional React con CSS modules.
|
|
4
|
+
* Los estilos van a un fichero .module.css (sin inline styles).
|
|
5
|
+
*
|
|
6
|
+
* @see docs/VIR-SPEC.md §6
|
|
7
|
+
*/
|
|
8
|
+
import type { VisualIR } from '../core/vir.js';
|
|
9
|
+
export interface ReactOutput {
|
|
10
|
+
tsx: string;
|
|
11
|
+
css: string;
|
|
12
|
+
}
|
|
13
|
+
export interface ReactOptions {
|
|
14
|
+
/** Nombre del componente (default: 'GeneratedComponent') */
|
|
15
|
+
componentName?: string;
|
|
16
|
+
/** Prefijo de clase CSS (default: 'mucv') */
|
|
17
|
+
cssPrefix?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const reactGenerator: {
|
|
20
|
+
generate(vir: VisualIR, options?: ReactOptions): ReactOutput;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=to-react.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"to-react.d.ts","sourceRoot":"","sources":["../../src/generators/to-react.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAc,MAAM,gBAAgB,CAAA;AAO1D,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID,eAAO,MAAM,cAAc;kBACX,QAAQ,YAAW,YAAY,GAAQ,WAAW;CA0BjE,CAAA"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* MUCV — Generator: VIR → React TSX + CSS Module
|
|
3
|
+
* Produce un componente funcional React con CSS modules.
|
|
4
|
+
* Los estilos van a un fichero .module.css (sin inline styles).
|
|
5
|
+
*
|
|
6
|
+
* @see docs/VIR-SPEC.md §6
|
|
7
|
+
*/
|
|
8
|
+
import { styleToDeclarations, declsToBlock } from './style-serializer.js';
|
|
9
|
+
import { logger } from '../utils/logger.js';
|
|
10
|
+
import { GenerateError } from '../utils/errors.js';
|
|
11
|
+
// ─── Generator principal ──────────────────────────────────────────────────────
|
|
12
|
+
export const reactGenerator = {
|
|
13
|
+
generate(vir, options = {}) {
|
|
14
|
+
const name = options.componentName ?? 'GeneratedComponent';
|
|
15
|
+
const prefix = options.cssPrefix ?? 'mucv';
|
|
16
|
+
const cssRules = [];
|
|
17
|
+
try {
|
|
18
|
+
const jsxLines = vir.root
|
|
19
|
+
.map((node) => renderNode(node, 2, prefix, cssRules))
|
|
20
|
+
.filter(Boolean);
|
|
21
|
+
const inner = jsxLines.length === 1
|
|
22
|
+
? jsxLines[0]
|
|
23
|
+
: ` <>\n${jsxLines.join('\n')}\n </>`;
|
|
24
|
+
const tsx = buildComponent(name, inner ?? '');
|
|
25
|
+
const css = cssRules.filter(Boolean).join('\n\n');
|
|
26
|
+
logger.debug({ componentName: name, nodeCount: vir.root.length }, 'React TSX generated');
|
|
27
|
+
return { tsx, css };
|
|
28
|
+
}
|
|
29
|
+
catch (err) {
|
|
30
|
+
throw new GenerateError('Error generating React component from VIR', {
|
|
31
|
+
error: err instanceof Error ? err.message : String(err),
|
|
32
|
+
virId: vir.id,
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
// ─── Estructura del componente ────────────────────────────────────────────────
|
|
38
|
+
function buildComponent(name, inner) {
|
|
39
|
+
return [
|
|
40
|
+
`import React from 'react'`,
|
|
41
|
+
`import styles from './${name}.module.css'`,
|
|
42
|
+
``,
|
|
43
|
+
`export default function ${name}(): React.JSX.Element {`,
|
|
44
|
+
` return (`,
|
|
45
|
+
inner,
|
|
46
|
+
` )`,
|
|
47
|
+
`}`,
|
|
48
|
+
``,
|
|
49
|
+
].join('\n');
|
|
50
|
+
}
|
|
51
|
+
// ─── Renderizado recursivo ────────────────────────────────────────────────────
|
|
52
|
+
function renderNode(node, depth, prefix, cssRules) {
|
|
53
|
+
const pad = ' '.repeat(depth);
|
|
54
|
+
const cssKey = `${prefix}Node${node.id.replace(/_/g, '')}`;
|
|
55
|
+
const selector = `.${cssKey}`;
|
|
56
|
+
if (node.styles) {
|
|
57
|
+
const block = declsToBlock(selector, styleToDeclarations(node.styles));
|
|
58
|
+
if (block)
|
|
59
|
+
cssRules.push(block);
|
|
60
|
+
}
|
|
61
|
+
const cls = `{styles.${cssKey}}`;
|
|
62
|
+
const children = node.children
|
|
63
|
+
?.map((c) => renderNode(c, depth + 2, prefix, cssRules))
|
|
64
|
+
.filter(Boolean)
|
|
65
|
+
.join('\n') ?? '';
|
|
66
|
+
const inner = children ? `\n${children}\n${pad}` : '';
|
|
67
|
+
return renderJsxTag(node, cls, pad, inner);
|
|
68
|
+
}
|
|
69
|
+
// ─── Renderizado de cada tipo de nodo ─────────────────────────────────────────
|
|
70
|
+
function renderJsxTag(node, cls, pad, inner) {
|
|
71
|
+
const c = `className=${cls}`;
|
|
72
|
+
switch (node.type) {
|
|
73
|
+
case 'section':
|
|
74
|
+
return `${pad}<section ${c}>${inner}</section>`;
|
|
75
|
+
case 'container':
|
|
76
|
+
case 'custom':
|
|
77
|
+
return inner ? `${pad}<div ${c}>${inner}</div>` : '';
|
|
78
|
+
case 'flex':
|
|
79
|
+
case 'grid':
|
|
80
|
+
return `${pad}<div ${c}>${inner}</div>`;
|
|
81
|
+
case 'heading': {
|
|
82
|
+
const h = node.content?.level ?? 2;
|
|
83
|
+
const text = jsxText(node.content?.text ?? '');
|
|
84
|
+
return `${pad}<h${h} ${c}>${text}</h${h}>`;
|
|
85
|
+
}
|
|
86
|
+
case 'text': {
|
|
87
|
+
const content = node.content?.richText
|
|
88
|
+
? `<span dangerouslySetInnerHTML={{ __html: ${JSON.stringify(node.content.richText)} }} />`
|
|
89
|
+
: jsxText(node.content?.text ?? '');
|
|
90
|
+
return content ? `${pad}<p ${c}>${content}</p>` : '';
|
|
91
|
+
}
|
|
92
|
+
case 'image': {
|
|
93
|
+
const src = node.content?.src;
|
|
94
|
+
const alt = jsxText(node.content?.alt ?? '');
|
|
95
|
+
return src ? `${pad}<img ${c} src="${src}" alt="${alt}" />` : '';
|
|
96
|
+
}
|
|
97
|
+
case 'button': {
|
|
98
|
+
const label = jsxText(node.content?.label ?? '');
|
|
99
|
+
const href = node.content?.href;
|
|
100
|
+
const target = node.content?.target === '_blank' ? ' target="_blank" rel="noopener noreferrer"' : '';
|
|
101
|
+
return href
|
|
102
|
+
? `${pad}<a ${c} href="${href}"${target}>${label}</a>`
|
|
103
|
+
: `${pad}<button ${c}>${label}</button>`;
|
|
104
|
+
}
|
|
105
|
+
case 'list': {
|
|
106
|
+
const items = (node.content?.items ?? [])
|
|
107
|
+
.map((item) => {
|
|
108
|
+
const text = jsxText(item.text ?? '');
|
|
109
|
+
return item.href
|
|
110
|
+
? `${pad} <li key="${item.id}"><a href="${item.href}">${text}</a></li>`
|
|
111
|
+
: `${pad} <li key="${item.id}">${text}</li>`;
|
|
112
|
+
})
|
|
113
|
+
.join('\n');
|
|
114
|
+
return items ? `${pad}<ul ${c}>\n${items}\n${pad}</ul>` : '';
|
|
115
|
+
}
|
|
116
|
+
default:
|
|
117
|
+
return inner ? `${pad}<div ${c}>${inner}</div>` : '';
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
function jsxText(text) {
|
|
121
|
+
return text.replace(/[{}<>]/g, (c) => ({ '{': '{', '}': '}', '<': '<', '>': '>' }[c] ?? c));
|
|
122
|
+
}
|
|
123
|
+
//# sourceMappingURL=to-react.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"to-react.js","sourceRoot":"","sources":["../../src/generators/to-react.ts"],"names":[],"mappings":"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"}
|