@mmapp/react-compiler 0.1.0-alpha.18 → 0.1.0-alpha.19
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/dist/babel/index.d.mts +1 -1
- package/dist/babel/index.d.ts +1 -1
- package/dist/babel/index.js +9 -6
- package/dist/babel/index.mjs +1 -1
- package/dist/chunk-26U577GB.mjs +3465 -0
- package/dist/chunk-2FBDFAX6.mjs +2362 -0
- package/dist/chunk-2REDFOER.mjs +931 -0
- package/dist/{chunk-FPAMQXKB.mjs → chunk-2UTXM2QX.mjs} +10 -20
- package/dist/chunk-2YDQTFAL.mjs +879 -0
- package/dist/chunk-2ZRKQE74.mjs +175 -0
- package/dist/chunk-3QHG2JWV.mjs +154 -0
- package/dist/chunk-466OWSTT.mjs +186 -0
- package/dist/chunk-467SFYOD.mjs +3127 -0
- package/dist/chunk-4AIJO7DZ.mjs +214 -0
- package/dist/chunk-4D43TZYL.mjs +7495 -0
- package/dist/chunk-4HX4PI4R.mjs +734 -0
- package/dist/chunk-4VU56NTZ.mjs +544 -0
- package/dist/chunk-4XHK6FWL.mjs +2058 -0
- package/dist/chunk-52C2JKH2.mjs +186 -0
- package/dist/chunk-52XHYD2V.mjs +214 -0
- package/dist/chunk-5GUFFFGL.mjs +148 -0
- package/dist/chunk-5N2FDDS6.mjs +214 -0
- package/dist/chunk-5ZSJXWZT.mjs +1646 -0
- package/dist/chunk-6CQOAAMV.mjs +1803 -0
- package/dist/chunk-6SEVAAVT.mjs +3516 -0
- package/dist/chunk-6YLR5ZDA.mjs +2829 -0
- package/dist/chunk-77UJB356.mjs +244 -0
- package/dist/chunk-7QOAJPQF.mjs +774 -0
- package/dist/chunk-A5RCMIBP.mjs +1795 -0
- package/dist/chunk-A63R3GKH.mjs +1803 -0
- package/dist/chunk-ABNTZXF5.mjs +951 -0
- package/dist/chunk-ADHWW56I.mjs +214 -0
- package/dist/chunk-AOGY2GK6.mjs +3292 -0
- package/dist/chunk-AXXUXRNA.mjs +1434 -0
- package/dist/chunk-BZLU5YK5.mjs +1025 -0
- package/dist/chunk-C7XCDDBH.mjs +1802 -0
- package/dist/chunk-CHLVKMQW.mjs +175 -0
- package/dist/chunk-CKGOZAB7.mjs +939 -0
- package/dist/chunk-CSXYDIVC.mjs +214 -0
- package/dist/chunk-CXTV4VGG.mjs +148 -0
- package/dist/chunk-D34RAZUX.mjs +2223 -0
- package/dist/chunk-DDIC7WM6.mjs +3127 -0
- package/dist/chunk-DPUQOBU6.mjs +4810 -0
- package/dist/chunk-E6MDVTGT.mjs +148 -0
- package/dist/chunk-EGKMUEM6.mjs +544 -0
- package/dist/chunk-EO6SYNCG.mjs +175 -0
- package/dist/chunk-EQGA6A6D.mjs +121 -0
- package/dist/chunk-EY2CSXYA.mjs +822 -0
- package/dist/chunk-FF5BQVII.mjs +148 -0
- package/dist/chunk-FIQ65CDR.mjs +925 -0
- package/dist/chunk-FOZXJFAR.mjs +186 -0
- package/dist/chunk-G2IAZ5Q6.mjs +148 -0
- package/dist/chunk-G7SMOWOL.mjs +828 -0
- package/dist/chunk-GK7NU6DO.mjs +214 -0
- package/dist/chunk-HDSCPEHY.mjs +4061 -0
- package/dist/chunk-HJELFNEA.mjs +186 -0
- package/dist/chunk-HOIUP6IF.mjs +690 -0
- package/dist/chunk-HRJGDPNE.mjs +148 -0
- package/dist/chunk-I3AU7GRD.mjs +120 -0
- package/dist/chunk-I3VQQJZ6.mjs +2843 -0
- package/dist/chunk-IPTX5MJU.mjs +3223 -0
- package/dist/chunk-ITGUSH2Z.mjs +2783 -0
- package/dist/chunk-IXHBCAMF.mjs +3306 -0
- package/dist/chunk-J7JUAHS4.mjs +186 -0
- package/dist/chunk-J7TWJ3TM.mjs +2784 -0
- package/dist/chunk-JDPLDGVF.mjs +4810 -0
- package/dist/chunk-JK72MQ4N.mjs +877 -0
- package/dist/chunk-K2HHCAS2.mjs +148 -0
- package/dist/chunk-K5HX2SVL.mjs +1902 -0
- package/dist/chunk-KAUEQ2F3.mjs +148 -0
- package/dist/chunk-KFVVOS5N.mjs +925 -0
- package/dist/chunk-KIH4AN3Y.mjs +154 -0
- package/dist/chunk-KPDMN5IX.mjs +175 -0
- package/dist/chunk-LZL2IRCH.mjs +186 -0
- package/dist/chunk-MIZV3TAN.mjs +3293 -0
- package/dist/chunk-MRH4J7IX.mjs +2846 -0
- package/dist/chunk-NKBL5GUC.mjs +186 -0
- package/dist/chunk-NQCNSCF6.mjs +148 -0
- package/dist/chunk-NRP5J3BR.mjs +4811 -0
- package/dist/chunk-NTB7OEX2.mjs +2918 -0
- package/dist/chunk-NUPJYPFU.mjs +801 -0
- package/dist/chunk-NVQUTSQX.mjs +3128 -0
- package/dist/chunk-OGMG64EY.mjs +148 -0
- package/dist/chunk-OL5B2HTH.mjs +175 -0
- package/dist/chunk-OPJKP747.mjs +7506 -0
- package/dist/chunk-OQLGGBNE.mjs +2918 -0
- package/dist/chunk-OW4AQUDL.mjs +544 -0
- package/dist/chunk-OWI6XWCD.mjs +3375 -0
- package/dist/chunk-OZT2EAF2.mjs +2776 -0
- package/dist/chunk-PBRBRKIQ.mjs +175 -0
- package/dist/chunk-PRUMNNDI.mjs +3192 -0
- package/dist/chunk-QPNHDTSM.mjs +4839 -0
- package/dist/chunk-RNEIAJDR.mjs +897 -0
- package/dist/chunk-RY7POBNT.mjs +3127 -0
- package/dist/chunk-S6FJ4DXL.mjs +1813 -0
- package/dist/chunk-SU4E6E7B.mjs +3153 -0
- package/dist/chunk-SYUUKW5A.mjs +3379 -0
- package/dist/chunk-THB5SX2S.mjs +113 -0
- package/dist/chunk-THFYE5ZX.mjs +244 -0
- package/dist/chunk-TK3QMXIP.mjs +2921 -0
- package/dist/chunk-TRR2NPAV.mjs +248 -0
- package/dist/chunk-TTTTOT7P.mjs +1803 -0
- package/dist/chunk-TXONBY6A.mjs +7509 -0
- package/dist/chunk-U2PX3JSY.mjs +1933 -0
- package/dist/chunk-UASOWKDI.mjs +186 -0
- package/dist/chunk-UDDTWG5J.mjs +734 -0
- package/dist/chunk-UIWLAQCL.mjs +175 -0
- package/dist/chunk-UL2XZEMA.mjs +3128 -0
- package/dist/chunk-US3AVDAI.mjs +3456 -0
- package/dist/chunk-V5DIDOTT.mjs +148 -0
- package/dist/chunk-VLTKQDJ3.mjs +244 -0
- package/dist/chunk-VVC42PTS.mjs +175 -0
- package/dist/chunk-VX3T3NIR.mjs +897 -0
- package/dist/chunk-WBYMW4NQ.mjs +3450 -0
- package/dist/chunk-XMWUHQVV.mjs +939 -0
- package/dist/chunk-Y6FXYEAI.mjs +10 -0
- package/dist/chunk-YCWC2SCO.mjs +148 -0
- package/dist/chunk-YFS6JMYO.mjs +3342 -0
- package/dist/chunk-ZE67HOSN.mjs +148 -0
- package/dist/chunk-ZSK5TPIV.mjs +148 -0
- package/dist/cli/index.js +317 -645
- package/dist/cli/index.mjs +8 -8
- package/dist/config-PL24KEWL.mjs +219 -0
- package/dist/dev-server-Bs_sz2DG.d.mts +111 -0
- package/dist/dev-server-Bs_sz2DG.d.ts +111 -0
- package/dist/dev-server-RmGHIntF.d.mts +113 -0
- package/dist/dev-server-RmGHIntF.d.ts +113 -0
- package/dist/dev-server.js +194 -515
- package/dist/dev-server.mjs +4 -4
- package/dist/engine-binary-KQB23JDR.mjs +97 -0
- package/dist/envelope-DD7v0v6E.d.mts +265 -0
- package/dist/envelope-DD7v0v6E.d.ts +265 -0
- package/dist/envelope.js +9 -6
- package/dist/envelope.mjs +2 -2
- package/dist/index-B5gSgvnd.d.mts +44 -0
- package/dist/index-B5gSgvnd.d.ts +44 -0
- package/dist/index-Bs0MnR54.d.mts +103 -0
- package/dist/index-Bs0MnR54.d.ts +103 -0
- package/dist/index-DR0nNc_f.d.mts +101 -0
- package/dist/index-DR0nNc_f.d.ts +101 -0
- package/dist/index-revho_gS.d.mts +104 -0
- package/dist/index-revho_gS.d.ts +104 -0
- package/dist/index-vQjwYekL.d.mts +104 -0
- package/dist/index-vQjwYekL.d.ts +104 -0
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +198 -517
- package/dist/index.mjs +9 -8
- package/dist/init-2XLTUF7O.mjs +407 -0
- package/dist/init-7FJENUDK.mjs +407 -0
- package/dist/init-DQDX3QK6.mjs +369 -0
- package/dist/init-K3GVM4JS.mjs +538 -0
- package/dist/init-NXS5BJN3.mjs +454 -0
- package/dist/init-UC3FWPIW.mjs +367 -0
- package/dist/init-UNV5XIDE.mjs +367 -0
- package/dist/project-compiler-2HOPO7GC.mjs +10 -0
- package/dist/project-compiler-D245L5QR.mjs +10 -0
- package/dist/project-compiler-FUQRMB4X.mjs +10 -0
- package/dist/project-compiler-LA5OBI5P.mjs +10 -0
- package/dist/project-compiler-OP2VVGJQ.mjs +10 -0
- package/dist/project-compiler-PZNFE6AH.mjs +10 -0
- package/dist/project-compiler-QBVF6MFI.mjs +10 -0
- package/dist/project-compiler-VFR6CSDX.mjs +10 -0
- package/dist/project-compiler-WMJZA4UH.mjs +10 -0
- package/dist/project-compiler-XXS27TZT.mjs +10 -0
- package/dist/project-compiler-YYGDSHY5.mjs +10 -0
- package/dist/project-decompiler-5GY2KSG4.mjs +7 -0
- package/dist/project-decompiler-7I2OMUVY.mjs +7 -0
- package/dist/project-decompiler-US7GAVIC.mjs +7 -0
- package/dist/pull-2Q53HF3H.mjs +107 -0
- package/dist/pull-5AFHD3QG.mjs +109 -0
- package/dist/pull-65GUSX6F.mjs +109 -0
- package/dist/pull-6LVI4LMM.mjs +109 -0
- package/dist/pull-A2QUHW4K.mjs +109 -0
- package/dist/pull-B6T5BUKV.mjs +109 -0
- package/dist/pull-CKHWZT33.mjs +109 -0
- package/dist/pull-GM74ERRT.mjs +109 -0
- package/dist/pull-JBEQWVPE.mjs +109 -0
- package/dist/pull-P44LDRWB.mjs +109 -0
- package/dist/pull-W2US3T3E.mjs +109 -0
- package/dist/testing/index.js +9 -6
- package/dist/testing/index.mjs +1 -1
- package/dist/verify-3PPS4XAM.mjs +1833 -0
- package/dist/verify-GKEH5FZQ.mjs +1833 -0
- package/dist/verify-HDKUNHZ4.mjs +1833 -0
- package/dist/verify-SEIXUGN4.mjs +1833 -0
- package/dist/vite/index.js +10 -7
- package/dist/vite/index.mjs +2 -2
- package/package.json +2 -2
|
@@ -0,0 +1,1434 @@
|
|
|
1
|
+
// src/babel/visitor.ts
|
|
2
|
+
import * as t9 from "@babel/types";
|
|
3
|
+
|
|
4
|
+
// src/babel/extractors/state-extractor.ts
|
|
5
|
+
import * as t from "@babel/types";
|
|
6
|
+
function inferFieldType(typeAnnotation, defaultValue) {
|
|
7
|
+
if (typeAnnotation) {
|
|
8
|
+
if (t.isTSNumberKeyword(typeAnnotation)) return "number";
|
|
9
|
+
if (t.isTSStringKeyword(typeAnnotation)) return "text";
|
|
10
|
+
if (t.isTSBooleanKeyword(typeAnnotation)) return "boolean";
|
|
11
|
+
if (t.isTSTypeReference(typeAnnotation)) {
|
|
12
|
+
const typeName = t.isIdentifier(typeAnnotation.typeName) ? typeAnnotation.typeName.name : "";
|
|
13
|
+
if (typeName === "Date") return "date";
|
|
14
|
+
}
|
|
15
|
+
if (t.isTSArrayType(typeAnnotation) || t.isTSTypeLiteral(typeAnnotation) || t.isTSTupleType(typeAnnotation)) {
|
|
16
|
+
return "json";
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
if (defaultValue) {
|
|
20
|
+
if (t.isNumericLiteral(defaultValue)) return "number";
|
|
21
|
+
if (t.isStringLiteral(defaultValue)) return "text";
|
|
22
|
+
if (t.isBooleanLiteral(defaultValue)) return "boolean";
|
|
23
|
+
if (t.isArrayExpression(defaultValue) || t.isObjectExpression(defaultValue)) {
|
|
24
|
+
return "json";
|
|
25
|
+
}
|
|
26
|
+
if (t.isNewExpression(defaultValue) && t.isIdentifier(defaultValue.callee)) {
|
|
27
|
+
if (defaultValue.callee.name === "Date") return "date";
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
return "text";
|
|
31
|
+
}
|
|
32
|
+
function extractDefaultValue(arg) {
|
|
33
|
+
if (t.isNumericLiteral(arg)) return arg.value;
|
|
34
|
+
if (t.isStringLiteral(arg)) return arg.value;
|
|
35
|
+
if (t.isBooleanLiteral(arg)) return arg.value;
|
|
36
|
+
if (t.isNullLiteral(arg)) return null;
|
|
37
|
+
if (t.isArrayExpression(arg)) {
|
|
38
|
+
return arg.elements.map(
|
|
39
|
+
(el) => el && t.isExpression(el) ? extractDefaultValue(el) : null
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
if (t.isObjectExpression(arg)) {
|
|
43
|
+
const obj = {};
|
|
44
|
+
arg.properties.forEach((prop) => {
|
|
45
|
+
if (t.isObjectProperty(prop) && t.isIdentifier(prop.key) && t.isExpression(prop.value)) {
|
|
46
|
+
obj[prop.key.name] = extractDefaultValue(prop.value);
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
return obj;
|
|
50
|
+
}
|
|
51
|
+
return void 0;
|
|
52
|
+
}
|
|
53
|
+
function extractStates(path, state) {
|
|
54
|
+
const parent = path.parentPath;
|
|
55
|
+
if (!parent.isVariableDeclarator()) return;
|
|
56
|
+
const id = parent.node.id;
|
|
57
|
+
if (!t.isArrayPattern(id) || id.elements.length < 1) return;
|
|
58
|
+
const firstElement = id.elements[0];
|
|
59
|
+
if (!t.isIdentifier(firstElement)) return;
|
|
60
|
+
const fieldName = firstElement.name;
|
|
61
|
+
const args = path.node.arguments;
|
|
62
|
+
const defaultValue = args.length > 0 && t.isExpression(args[0]) ? args[0] : null;
|
|
63
|
+
let typeAnnotation = null;
|
|
64
|
+
if (path.node.typeParameters && t.isTSTypeParameterInstantiation(path.node.typeParameters)) {
|
|
65
|
+
const params = path.node.typeParameters.params;
|
|
66
|
+
if (params.length > 0) {
|
|
67
|
+
typeAnnotation = params[0];
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
const fieldType = inferFieldType(typeAnnotation, defaultValue);
|
|
71
|
+
const fieldDefaultValue = defaultValue ? extractDefaultValue(defaultValue) : void 0;
|
|
72
|
+
const field = {
|
|
73
|
+
name: fieldName,
|
|
74
|
+
type: fieldType,
|
|
75
|
+
default_value: fieldDefaultValue
|
|
76
|
+
};
|
|
77
|
+
const compilerState = state;
|
|
78
|
+
if (!compilerState.fields) compilerState.fields = [];
|
|
79
|
+
if (!compilerState.fields.some((f) => f.name === fieldName)) {
|
|
80
|
+
compilerState.fields.push(field);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
// src/babel/extractors/effect-extractor.ts
|
|
85
|
+
import * as t2 from "@babel/types";
|
|
86
|
+
function analyzeCallbackBody(body, actionCounter) {
|
|
87
|
+
const actions = [];
|
|
88
|
+
for (const statement of body) {
|
|
89
|
+
if (t2.isExpressionStatement(statement)) {
|
|
90
|
+
const expr = statement.expression;
|
|
91
|
+
if (t2.isCallExpression(expr) && t2.isIdentifier(expr.callee)) {
|
|
92
|
+
const calleeName = expr.callee.name;
|
|
93
|
+
const args = expr.arguments;
|
|
94
|
+
if (calleeName === "setField" && args.length >= 2) {
|
|
95
|
+
const field = t2.isStringLiteral(args[0]) ? args[0].value : void 0;
|
|
96
|
+
const arg1 = args[1];
|
|
97
|
+
if (field !== void 0 && !t2.isArgumentPlaceholder(arg1)) {
|
|
98
|
+
const value = extractValue(arg1);
|
|
99
|
+
actions.push({
|
|
100
|
+
id: `auto_${++actionCounter.value}`,
|
|
101
|
+
type: "set_field",
|
|
102
|
+
mode: "auto",
|
|
103
|
+
config: { field, value }
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
} else if (calleeName === "setMemory" && args.length >= 2) {
|
|
107
|
+
const key = t2.isStringLiteral(args[0]) ? args[0].value : void 0;
|
|
108
|
+
const arg1 = args[1];
|
|
109
|
+
if (key !== void 0 && !t2.isArgumentPlaceholder(arg1)) {
|
|
110
|
+
const value = extractValue(arg1);
|
|
111
|
+
actions.push({
|
|
112
|
+
id: `auto_${++actionCounter.value}`,
|
|
113
|
+
type: "set_memory",
|
|
114
|
+
mode: "auto",
|
|
115
|
+
config: { key, value }
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
} else if (calleeName.startsWith("set") && args.length >= 1) {
|
|
119
|
+
const fieldName = calleeName.slice(3).charAt(0).toLowerCase() + calleeName.slice(4);
|
|
120
|
+
const arg0 = args[0];
|
|
121
|
+
if (!t2.isArgumentPlaceholder(arg0)) {
|
|
122
|
+
const value = extractValue(arg0);
|
|
123
|
+
actions.push({
|
|
124
|
+
id: `auto_${++actionCounter.value}`,
|
|
125
|
+
type: "set_field",
|
|
126
|
+
mode: "auto",
|
|
127
|
+
config: { field: fieldName, value }
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
} else if (t2.isCallExpression(expr)) {
|
|
132
|
+
const callee = expr.callee;
|
|
133
|
+
const args = expr.arguments;
|
|
134
|
+
if (t2.isMemberExpression(callee) && t2.isIdentifier(callee.object) && callee.object.name === "console" && t2.isIdentifier(callee.property) && callee.property.name === "log" && args.length > 0) {
|
|
135
|
+
const arg0 = args[0];
|
|
136
|
+
if (!t2.isArgumentPlaceholder(arg0)) {
|
|
137
|
+
const message = extractValue(arg0);
|
|
138
|
+
actions.push({
|
|
139
|
+
id: `auto_${++actionCounter.value}`,
|
|
140
|
+
type: "log_event",
|
|
141
|
+
mode: "auto",
|
|
142
|
+
config: { message }
|
|
143
|
+
});
|
|
144
|
+
}
|
|
145
|
+
} else {
|
|
146
|
+
actions.push({
|
|
147
|
+
id: `auto_${++actionCounter.value}`,
|
|
148
|
+
type: "custom",
|
|
149
|
+
mode: "auto",
|
|
150
|
+
config: { expression: generateCode(expr) }
|
|
151
|
+
});
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
return actions;
|
|
157
|
+
}
|
|
158
|
+
function extractValue(node) {
|
|
159
|
+
if (t2.isNumericLiteral(node)) return node.value;
|
|
160
|
+
if (t2.isStringLiteral(node)) return node.value;
|
|
161
|
+
if (t2.isBooleanLiteral(node)) return node.value;
|
|
162
|
+
if (t2.isNullLiteral(node)) return null;
|
|
163
|
+
if (t2.isArrayExpression(node)) {
|
|
164
|
+
return node.elements.map((el) => el && t2.isExpression(el) ? extractValue(el) : null);
|
|
165
|
+
}
|
|
166
|
+
if (t2.isObjectExpression(node)) {
|
|
167
|
+
const obj = {};
|
|
168
|
+
node.properties.forEach((prop) => {
|
|
169
|
+
if (t2.isObjectProperty(prop) && t2.isIdentifier(prop.key) && t2.isExpression(prop.value)) {
|
|
170
|
+
obj[prop.key.name] = extractValue(prop.value);
|
|
171
|
+
}
|
|
172
|
+
});
|
|
173
|
+
return obj;
|
|
174
|
+
}
|
|
175
|
+
return generateCode(node);
|
|
176
|
+
}
|
|
177
|
+
function generateCode(node) {
|
|
178
|
+
if (t2.isIdentifier(node)) return node.name;
|
|
179
|
+
if (t2.isNumericLiteral(node)) return String(node.value);
|
|
180
|
+
if (t2.isStringLiteral(node)) return `"${node.value}"`;
|
|
181
|
+
if (t2.isBooleanLiteral(node)) return String(node.value);
|
|
182
|
+
if (t2.isNullLiteral(node)) return "null";
|
|
183
|
+
if (t2.isCallExpression(node) && t2.isMemberExpression(node.callee) && t2.isIdentifier(node.callee.object) && node.callee.object.name === "Date" && t2.isIdentifier(node.callee.property) && node.callee.property.name === "now") {
|
|
184
|
+
return "now()";
|
|
185
|
+
}
|
|
186
|
+
if (t2.isCallExpression(node) && t2.isMemberExpression(node.callee) && t2.isNewExpression(node.callee.object) && t2.isIdentifier(node.callee.object.callee) && node.callee.object.callee.name === "Date" && t2.isIdentifier(node.callee.property) && node.callee.property.name === "toISOString") {
|
|
187
|
+
return "now()";
|
|
188
|
+
}
|
|
189
|
+
if (t2.isTemplateLiteral(node)) {
|
|
190
|
+
return node.quasis.map((q) => q.value.raw).join("${}");
|
|
191
|
+
}
|
|
192
|
+
if (t2.isMemberExpression(node) && t2.isIdentifier(node.object) && t2.isIdentifier(node.property)) {
|
|
193
|
+
return `${node.object.name}.${node.property.name}`;
|
|
194
|
+
}
|
|
195
|
+
return "[Expression]";
|
|
196
|
+
}
|
|
197
|
+
function ensureState(states, stateName) {
|
|
198
|
+
if (!states.has(stateName)) {
|
|
199
|
+
states.set(stateName, {
|
|
200
|
+
name: stateName,
|
|
201
|
+
type: "REGULAR",
|
|
202
|
+
on_enter: [],
|
|
203
|
+
during: [],
|
|
204
|
+
on_exit: []
|
|
205
|
+
});
|
|
206
|
+
}
|
|
207
|
+
return states.get(stateName);
|
|
208
|
+
}
|
|
209
|
+
function extractEffects(path, state) {
|
|
210
|
+
const callee = path.node.callee;
|
|
211
|
+
if (!t2.isIdentifier(callee)) return;
|
|
212
|
+
const hookName = callee.name;
|
|
213
|
+
const args = path.node.arguments;
|
|
214
|
+
if ((hookName === "useOnEnter" || hookName === "useOnExit") && args.length >= 2) {
|
|
215
|
+
const stateArg = args[0];
|
|
216
|
+
const callbackArg = args[1];
|
|
217
|
+
if (!t2.isStringLiteral(stateArg)) return;
|
|
218
|
+
const stateName = stateArg.value;
|
|
219
|
+
let callbackBody = [];
|
|
220
|
+
if (t2.isArrowFunctionExpression(callbackArg) || t2.isFunctionExpression(callbackArg)) {
|
|
221
|
+
const body = callbackArg.body;
|
|
222
|
+
if (t2.isBlockStatement(body)) {
|
|
223
|
+
callbackBody = body.body;
|
|
224
|
+
} else if (t2.isExpression(body)) {
|
|
225
|
+
callbackBody = [t2.expressionStatement(body)];
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
const compilerState = state;
|
|
229
|
+
if (!compilerState.states) compilerState.states = /* @__PURE__ */ new Map();
|
|
230
|
+
if (!compilerState.actionCounter) compilerState.actionCounter = 0;
|
|
231
|
+
const stateDefinition = ensureState(compilerState.states, stateName);
|
|
232
|
+
const actions = analyzeCallbackBody(callbackBody, { value: compilerState.actionCounter });
|
|
233
|
+
compilerState.actionCounter += actions.length;
|
|
234
|
+
if (hookName === "useOnEnter") {
|
|
235
|
+
stateDefinition.on_enter.push(...actions);
|
|
236
|
+
} else if (hookName === "useOnExit") {
|
|
237
|
+
stateDefinition.on_exit.push(...actions);
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
// src/babel/extractors/transition-extractor.ts
|
|
243
|
+
import * as t3 from "@babel/types";
|
|
244
|
+
function extractTransitions(path, state) {
|
|
245
|
+
const callee = path.node.callee;
|
|
246
|
+
if (!t3.isIdentifier(callee) || callee.name !== "useTransition") return;
|
|
247
|
+
const args = path.node.arguments;
|
|
248
|
+
if (args.length < 1) return;
|
|
249
|
+
const nameArg = args[0];
|
|
250
|
+
if (!t3.isStringLiteral(nameArg)) return;
|
|
251
|
+
const transitionName = nameArg.value;
|
|
252
|
+
const compilerState = state;
|
|
253
|
+
if (!compilerState.transitions) compilerState.transitions = [];
|
|
254
|
+
const existing = compilerState.transitions.find((tr) => tr.name === transitionName);
|
|
255
|
+
if (existing) return;
|
|
256
|
+
let from = [];
|
|
257
|
+
let to = "";
|
|
258
|
+
if (args.length >= 2 && t3.isObjectExpression(args[1])) {
|
|
259
|
+
const opts = args[1];
|
|
260
|
+
for (const prop of opts.properties) {
|
|
261
|
+
if (!t3.isObjectProperty(prop) || !t3.isIdentifier(prop.key)) continue;
|
|
262
|
+
if (prop.key.name === "from") {
|
|
263
|
+
if (t3.isArrayExpression(prop.value)) {
|
|
264
|
+
from = prop.value.elements.filter((el) => t3.isStringLiteral(el)).map((el) => el.value);
|
|
265
|
+
} else if (t3.isStringLiteral(prop.value)) {
|
|
266
|
+
from = [prop.value.value];
|
|
267
|
+
}
|
|
268
|
+
} else if (prop.key.name === "to") {
|
|
269
|
+
if (t3.isStringLiteral(prop.value)) {
|
|
270
|
+
to = prop.value.value;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
const transition = {
|
|
276
|
+
name: transitionName,
|
|
277
|
+
from,
|
|
278
|
+
to,
|
|
279
|
+
actions: [],
|
|
280
|
+
conditions: []
|
|
281
|
+
};
|
|
282
|
+
compilerState.transitions.push(transition);
|
|
283
|
+
}
|
|
284
|
+
function inferTransitionStates(transitions, states) {
|
|
285
|
+
const stateArray = Array.from(states.values());
|
|
286
|
+
const startStates = stateArray.filter((s) => s.type === "START");
|
|
287
|
+
const regularStates = stateArray.filter((s) => s.type === "REGULAR");
|
|
288
|
+
const needsInference = transitions.filter((t10) => t10.from.length === 0 || !t10.to);
|
|
289
|
+
if (needsInference.length === 0) return;
|
|
290
|
+
if (startStates.length === 1 && regularStates.length > 0) {
|
|
291
|
+
needsInference.forEach((t10, idx) => {
|
|
292
|
+
if (t10.from.length === 0) {
|
|
293
|
+
t10.from = [startStates[0].name];
|
|
294
|
+
}
|
|
295
|
+
if (!t10.to) {
|
|
296
|
+
t10.to = regularStates[idx % regularStates.length]?.name || startStates[0].name;
|
|
297
|
+
}
|
|
298
|
+
});
|
|
299
|
+
} else {
|
|
300
|
+
const allStateNames = stateArray.map((s) => s.name);
|
|
301
|
+
needsInference.forEach((t10, idx) => {
|
|
302
|
+
if (t10.from.length === 0 && allStateNames.length > 0) {
|
|
303
|
+
t10.from = [allStateNames[0]];
|
|
304
|
+
}
|
|
305
|
+
if (!t10.to && allStateNames.length > 1) {
|
|
306
|
+
t10.to = allStateNames[Math.min(idx + 1, allStateNames.length - 1)];
|
|
307
|
+
}
|
|
308
|
+
});
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
|
|
312
|
+
// src/babel/extractors/event-extractor.ts
|
|
313
|
+
import * as t4 from "@babel/types";
|
|
314
|
+
function analyzeEventCallback(body) {
|
|
315
|
+
const actions = [];
|
|
316
|
+
for (const statement of body) {
|
|
317
|
+
if (t4.isExpressionStatement(statement)) {
|
|
318
|
+
const expr = statement.expression;
|
|
319
|
+
if (t4.isCallExpression(expr) && t4.isIdentifier(expr.callee)) {
|
|
320
|
+
const calleeName = expr.callee.name;
|
|
321
|
+
const args = expr.arguments;
|
|
322
|
+
if (calleeName === "setField" && args.length >= 2) {
|
|
323
|
+
const field = t4.isStringLiteral(args[0]) ? args[0].value : void 0;
|
|
324
|
+
const expression = generateExpression(args[1]);
|
|
325
|
+
if (field) {
|
|
326
|
+
actions.push({
|
|
327
|
+
type: "set_field",
|
|
328
|
+
field,
|
|
329
|
+
expression
|
|
330
|
+
});
|
|
331
|
+
}
|
|
332
|
+
} else if (calleeName === "setMemory" && args.length >= 2) {
|
|
333
|
+
const key = t4.isStringLiteral(args[0]) ? args[0].value : void 0;
|
|
334
|
+
const expression = generateExpression(args[1]);
|
|
335
|
+
if (key) {
|
|
336
|
+
actions.push({
|
|
337
|
+
type: "set_memory",
|
|
338
|
+
key,
|
|
339
|
+
expression
|
|
340
|
+
});
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
} else if (t4.isCallExpression(expr)) {
|
|
344
|
+
const callee = expr.callee;
|
|
345
|
+
const args = expr.arguments;
|
|
346
|
+
if (t4.isMemberExpression(callee) && t4.isIdentifier(callee.object) && callee.object.name === "console" && t4.isIdentifier(callee.property) && callee.property.name === "log") {
|
|
347
|
+
const message = args.length > 0 ? generateExpression(args[0]) : "";
|
|
348
|
+
actions.push({
|
|
349
|
+
type: "log_event",
|
|
350
|
+
message
|
|
351
|
+
});
|
|
352
|
+
}
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
return actions;
|
|
357
|
+
}
|
|
358
|
+
function generateExpression(node) {
|
|
359
|
+
if (t4.isStringLiteral(node)) return node.value;
|
|
360
|
+
if (t4.isNumericLiteral(node)) return String(node.value);
|
|
361
|
+
if (t4.isBooleanLiteral(node)) return String(node.value);
|
|
362
|
+
if (t4.isIdentifier(node)) return node.name;
|
|
363
|
+
if (t4.isBinaryExpression(node)) {
|
|
364
|
+
return `${generateExpression(node.left)} ${node.operator} ${generateExpression(node.right)}`;
|
|
365
|
+
}
|
|
366
|
+
if (t4.isCallExpression(node) && t4.isIdentifier(node.callee)) {
|
|
367
|
+
const args = node.arguments.map((arg) => generateExpression(arg)).join(", ");
|
|
368
|
+
return `${node.callee.name}(${args})`;
|
|
369
|
+
}
|
|
370
|
+
return "[Expression]";
|
|
371
|
+
}
|
|
372
|
+
function ensureState2(states, stateName) {
|
|
373
|
+
if (!states.has(stateName)) {
|
|
374
|
+
states.set(stateName, {
|
|
375
|
+
name: stateName,
|
|
376
|
+
type: "REGULAR",
|
|
377
|
+
on_enter: [],
|
|
378
|
+
during: [],
|
|
379
|
+
on_exit: []
|
|
380
|
+
});
|
|
381
|
+
}
|
|
382
|
+
return states.get(stateName);
|
|
383
|
+
}
|
|
384
|
+
function extractEvents(path, state) {
|
|
385
|
+
const callee = path.node.callee;
|
|
386
|
+
if (!t4.isIdentifier(callee) || callee.name !== "useOnEvent") return;
|
|
387
|
+
const args = path.node.arguments;
|
|
388
|
+
if (args.length < 2) return;
|
|
389
|
+
const patternArg = args[0];
|
|
390
|
+
const callbackArg = args[1];
|
|
391
|
+
const optionsArg = args.length > 2 ? args[2] : null;
|
|
392
|
+
if (!t4.isStringLiteral(patternArg)) return;
|
|
393
|
+
const pattern = patternArg.value;
|
|
394
|
+
let callbackBody = [];
|
|
395
|
+
if (t4.isArrowFunctionExpression(callbackArg) || t4.isFunctionExpression(callbackArg)) {
|
|
396
|
+
const body = callbackArg.body;
|
|
397
|
+
if (t4.isBlockStatement(body)) {
|
|
398
|
+
callbackBody = body.body;
|
|
399
|
+
} else if (t4.isExpression(body)) {
|
|
400
|
+
callbackBody = [t4.expressionStatement(body)];
|
|
401
|
+
}
|
|
402
|
+
}
|
|
403
|
+
let stateName = null;
|
|
404
|
+
if (optionsArg && t4.isObjectExpression(optionsArg)) {
|
|
405
|
+
const whileProp = optionsArg.properties.find(
|
|
406
|
+
(prop) => t4.isObjectProperty(prop) && t4.isIdentifier(prop.key) && prop.key.name === "while"
|
|
407
|
+
);
|
|
408
|
+
if (whileProp && t4.isObjectProperty(whileProp) && t4.isStringLiteral(whileProp.value)) {
|
|
409
|
+
stateName = whileProp.value.value;
|
|
410
|
+
}
|
|
411
|
+
}
|
|
412
|
+
const actions = analyzeEventCallback(callbackBody);
|
|
413
|
+
const subscription = {
|
|
414
|
+
match: pattern,
|
|
415
|
+
conditions: [],
|
|
416
|
+
actions
|
|
417
|
+
};
|
|
418
|
+
const compilerState = state;
|
|
419
|
+
if (!compilerState.states) compilerState.states = /* @__PURE__ */ new Map();
|
|
420
|
+
if (stateName) {
|
|
421
|
+
const stateDefinition = ensureState2(compilerState.states, stateName);
|
|
422
|
+
if (!stateDefinition.on_event) stateDefinition.on_event = [];
|
|
423
|
+
stateDefinition.on_event.push(subscription);
|
|
424
|
+
} else {
|
|
425
|
+
if (!compilerState.events) compilerState.events = [];
|
|
426
|
+
compilerState.events.push(subscription);
|
|
427
|
+
}
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
// src/babel/extractors/component-extractor.ts
|
|
431
|
+
import * as t5 from "@babel/types";
|
|
432
|
+
var nodeIdCounter = 0;
|
|
433
|
+
function resetNodeIdCounter() {
|
|
434
|
+
nodeIdCounter = 0;
|
|
435
|
+
}
|
|
436
|
+
function jsxToExperienceNode(node) {
|
|
437
|
+
if (t5.isJSXFragment(node)) {
|
|
438
|
+
return {
|
|
439
|
+
id: `fragment_${++nodeIdCounter}`,
|
|
440
|
+
children: extractChildren(node.children)
|
|
441
|
+
};
|
|
442
|
+
}
|
|
443
|
+
const element = node.openingElement;
|
|
444
|
+
const componentName = resolveComponentName(element.name);
|
|
445
|
+
const id = generateNodeId(componentName);
|
|
446
|
+
const config = {};
|
|
447
|
+
const bindings = {};
|
|
448
|
+
let visibleWhen;
|
|
449
|
+
let layout;
|
|
450
|
+
const layoutMap = {
|
|
451
|
+
Stack: "stack",
|
|
452
|
+
Row: "row",
|
|
453
|
+
Grid: "grid",
|
|
454
|
+
Tabs: "tabs",
|
|
455
|
+
Column: "column"
|
|
456
|
+
};
|
|
457
|
+
if (layoutMap[componentName]) {
|
|
458
|
+
layout = layoutMap[componentName];
|
|
459
|
+
}
|
|
460
|
+
for (const attr of element.attributes) {
|
|
461
|
+
if (t5.isJSXAttribute(attr) && t5.isJSXIdentifier(attr.name)) {
|
|
462
|
+
const attrName = attr.name.name;
|
|
463
|
+
const attrValue = attr.value;
|
|
464
|
+
if (attrName === "visible_when" && t5.isStringLiteral(attrValue)) {
|
|
465
|
+
visibleWhen = attrValue.value;
|
|
466
|
+
} else if (attrName === "data-slot" && t5.isStringLiteral(attrValue)) {
|
|
467
|
+
config.slot = attrValue.value;
|
|
468
|
+
} else if (t5.isJSXExpressionContainer(attrValue)) {
|
|
469
|
+
const expr = attrValue.expression;
|
|
470
|
+
if (t5.isJSXEmptyExpression(expr)) continue;
|
|
471
|
+
if (t5.isIdentifier(expr)) {
|
|
472
|
+
bindings[attrName] = `$instance.${expr.name}`;
|
|
473
|
+
} else if (t5.isExpression(expr)) {
|
|
474
|
+
bindings[attrName] = generateExpression2(expr);
|
|
475
|
+
}
|
|
476
|
+
} else if (t5.isStringLiteral(attrValue)) {
|
|
477
|
+
config[attrName] = attrValue.value;
|
|
478
|
+
} else if (attrValue === null) {
|
|
479
|
+
config[attrName] = true;
|
|
480
|
+
}
|
|
481
|
+
} else if (t5.isJSXSpreadAttribute(attr)) {
|
|
482
|
+
if (t5.isIdentifier(attr.argument)) {
|
|
483
|
+
bindings["..." + attr.argument.name] = `$instance.${attr.argument.name}`;
|
|
484
|
+
}
|
|
485
|
+
}
|
|
486
|
+
}
|
|
487
|
+
const children = extractChildren(node.children);
|
|
488
|
+
const experienceNode = {
|
|
489
|
+
id,
|
|
490
|
+
component: componentName,
|
|
491
|
+
...layout && { layout },
|
|
492
|
+
...Object.keys(bindings).length > 0 && { bindings },
|
|
493
|
+
...Object.keys(config).length > 0 && { config },
|
|
494
|
+
...visibleWhen && { visible_when: visibleWhen },
|
|
495
|
+
...children.length > 0 && { children }
|
|
496
|
+
};
|
|
497
|
+
return experienceNode;
|
|
498
|
+
}
|
|
499
|
+
function resolveComponentName(name) {
|
|
500
|
+
if (t5.isJSXIdentifier(name)) return name.name;
|
|
501
|
+
if (t5.isJSXMemberExpression(name)) {
|
|
502
|
+
const obj = resolveComponentName(name.object);
|
|
503
|
+
return `${obj}.${name.property.name}`;
|
|
504
|
+
}
|
|
505
|
+
if (t5.isJSXNamespacedName(name)) {
|
|
506
|
+
return `${name.namespace.name}:${name.name.name}`;
|
|
507
|
+
}
|
|
508
|
+
return "div";
|
|
509
|
+
}
|
|
510
|
+
function extractChildren(children) {
|
|
511
|
+
const nodes = [];
|
|
512
|
+
for (const child of children) {
|
|
513
|
+
if (t5.isJSXElement(child)) {
|
|
514
|
+
nodes.push(jsxToExperienceNode(child));
|
|
515
|
+
} else if (t5.isJSXFragment(child)) {
|
|
516
|
+
nodes.push(jsxToExperienceNode(child));
|
|
517
|
+
} else if (t5.isJSXText(child)) {
|
|
518
|
+
const text = child.value.trim();
|
|
519
|
+
if (text) {
|
|
520
|
+
nodes.push({
|
|
521
|
+
id: `text_${++nodeIdCounter}`,
|
|
522
|
+
component: "Text",
|
|
523
|
+
config: { value: text }
|
|
524
|
+
});
|
|
525
|
+
}
|
|
526
|
+
} else if (t5.isJSXExpressionContainer(child)) {
|
|
527
|
+
const expr = child.expression;
|
|
528
|
+
if (t5.isJSXEmptyExpression(expr)) continue;
|
|
529
|
+
if (t5.isConditionalExpression(expr)) {
|
|
530
|
+
const condExpr = generateExpression2(expr.test);
|
|
531
|
+
if (t5.isJSXElement(expr.consequent) || t5.isJSXFragment(expr.consequent)) {
|
|
532
|
+
const consequent = jsxToExperienceNode(expr.consequent);
|
|
533
|
+
consequent.visible_when = condExpr;
|
|
534
|
+
nodes.push(consequent);
|
|
535
|
+
}
|
|
536
|
+
if (t5.isJSXElement(expr.alternate) || t5.isJSXFragment(expr.alternate)) {
|
|
537
|
+
const alternate = jsxToExperienceNode(expr.alternate);
|
|
538
|
+
alternate.visible_when = `not(${condExpr})`;
|
|
539
|
+
nodes.push(alternate);
|
|
540
|
+
}
|
|
541
|
+
} else if (t5.isLogicalExpression(expr) && expr.operator === "&&") {
|
|
542
|
+
const condExpr = generateExpression2(expr.left);
|
|
543
|
+
if (t5.isJSXElement(expr.right) || t5.isJSXFragment(expr.right)) {
|
|
544
|
+
const element = jsxToExperienceNode(expr.right);
|
|
545
|
+
element.visible_when = condExpr;
|
|
546
|
+
nodes.push(element);
|
|
547
|
+
}
|
|
548
|
+
} else if (t5.isCallExpression(expr) && t5.isMemberExpression(expr.callee) && t5.isIdentifier(expr.callee.property) && expr.callee.property.name === "map" && expr.arguments.length > 0) {
|
|
549
|
+
const listSource = generateExpression2(expr.callee.object);
|
|
550
|
+
const mapFn = expr.arguments[0];
|
|
551
|
+
let itemTemplate = null;
|
|
552
|
+
let itemAlias = "item";
|
|
553
|
+
if (t5.isArrowFunctionExpression(mapFn) || t5.isFunctionExpression(mapFn)) {
|
|
554
|
+
if (mapFn.params.length > 0 && t5.isIdentifier(mapFn.params[0])) {
|
|
555
|
+
itemAlias = mapFn.params[0].name;
|
|
556
|
+
}
|
|
557
|
+
const body = mapFn.body;
|
|
558
|
+
if (t5.isJSXElement(body) || t5.isJSXFragment(body)) {
|
|
559
|
+
itemTemplate = jsxToExperienceNode(body);
|
|
560
|
+
} else if (t5.isBlockStatement(body)) {
|
|
561
|
+
for (const stmt of body.body) {
|
|
562
|
+
if (t5.isReturnStatement(stmt) && stmt.argument) {
|
|
563
|
+
if (t5.isJSXElement(stmt.argument) || t5.isJSXFragment(stmt.argument)) {
|
|
564
|
+
itemTemplate = jsxToExperienceNode(stmt.argument);
|
|
565
|
+
}
|
|
566
|
+
break;
|
|
567
|
+
}
|
|
568
|
+
}
|
|
569
|
+
}
|
|
570
|
+
}
|
|
571
|
+
nodes.push({
|
|
572
|
+
id: `each_${++nodeIdCounter}`,
|
|
573
|
+
component: "Each",
|
|
574
|
+
bindings: { items: `$instance.${listSource}` },
|
|
575
|
+
config: { as: itemAlias },
|
|
576
|
+
...itemTemplate ? { children: [itemTemplate] } : {}
|
|
577
|
+
});
|
|
578
|
+
} else if (t5.isIdentifier(expr)) {
|
|
579
|
+
nodes.push({
|
|
580
|
+
id: `text_${++nodeIdCounter}`,
|
|
581
|
+
component: "Text",
|
|
582
|
+
bindings: { value: `$instance.${expr.name}` }
|
|
583
|
+
});
|
|
584
|
+
} else if (t5.isExpression(expr)) {
|
|
585
|
+
const exprStr = generateExpression2(expr);
|
|
586
|
+
if (exprStr !== "[Expression]") {
|
|
587
|
+
nodes.push({
|
|
588
|
+
id: `text_${++nodeIdCounter}`,
|
|
589
|
+
component: "Text",
|
|
590
|
+
bindings: { value: exprStr }
|
|
591
|
+
});
|
|
592
|
+
}
|
|
593
|
+
}
|
|
594
|
+
}
|
|
595
|
+
}
|
|
596
|
+
return nodes;
|
|
597
|
+
}
|
|
598
|
+
function generateNodeId(componentName) {
|
|
599
|
+
const id = componentName.replace(/\./g, "-").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
|
|
600
|
+
return `${id}_${++nodeIdCounter}`;
|
|
601
|
+
}
|
|
602
|
+
function generateExpression2(node) {
|
|
603
|
+
if (t5.isIdentifier(node)) return node.name;
|
|
604
|
+
if (t5.isStringLiteral(node)) return `"${node.value}"`;
|
|
605
|
+
if (t5.isNumericLiteral(node)) return String(node.value);
|
|
606
|
+
if (t5.isBooleanLiteral(node)) return String(node.value);
|
|
607
|
+
if (t5.isNullLiteral(node)) return "null";
|
|
608
|
+
if (t5.isMemberExpression(node)) {
|
|
609
|
+
const obj = t5.isExpression(node.object) ? generateExpression2(node.object) : "[object]";
|
|
610
|
+
const prop = t5.isIdentifier(node.property) ? node.property.name : "[property]";
|
|
611
|
+
return `${obj}.${prop}`;
|
|
612
|
+
}
|
|
613
|
+
if (t5.isBinaryExpression(node)) {
|
|
614
|
+
return `${generateExpression2(node.left)} ${node.operator} ${generateExpression2(node.right)}`;
|
|
615
|
+
}
|
|
616
|
+
if (t5.isUnaryExpression(node) && node.prefix) {
|
|
617
|
+
return `${node.operator}${generateExpression2(node.argument)}`;
|
|
618
|
+
}
|
|
619
|
+
if (t5.isCallExpression(node) && t5.isIdentifier(node.callee)) {
|
|
620
|
+
const args = node.arguments.map((a) => t5.isExpression(a) ? generateExpression2(a) : "[arg]").join(", ");
|
|
621
|
+
return `${node.callee.name}(${args})`;
|
|
622
|
+
}
|
|
623
|
+
if (t5.isCallExpression(node) && t5.isMemberExpression(node.callee)) {
|
|
624
|
+
const obj = generateExpression2(node.callee.object);
|
|
625
|
+
const prop = t5.isIdentifier(node.callee.property) ? node.callee.property.name : "[method]";
|
|
626
|
+
const args = node.arguments.map((a) => t5.isExpression(a) ? generateExpression2(a) : "[arg]").join(", ");
|
|
627
|
+
return `${obj}.${prop}(${args})`;
|
|
628
|
+
}
|
|
629
|
+
if (t5.isTemplateLiteral(node)) {
|
|
630
|
+
return node.quasis.map((q, i) => {
|
|
631
|
+
const raw = q.value.raw;
|
|
632
|
+
if (i < node.expressions.length) {
|
|
633
|
+
return raw + "${" + generateExpression2(node.expressions[i]) + "}";
|
|
634
|
+
}
|
|
635
|
+
return raw;
|
|
636
|
+
}).join("");
|
|
637
|
+
}
|
|
638
|
+
return "[Expression]";
|
|
639
|
+
}
|
|
640
|
+
function extractComponents(path, state) {
|
|
641
|
+
const arg = path.node.argument;
|
|
642
|
+
if (!arg) return;
|
|
643
|
+
let experienceNode = null;
|
|
644
|
+
if (t5.isJSXElement(arg)) {
|
|
645
|
+
experienceNode = jsxToExperienceNode(arg);
|
|
646
|
+
} else if (t5.isJSXFragment(arg)) {
|
|
647
|
+
experienceNode = jsxToExperienceNode(arg);
|
|
648
|
+
}
|
|
649
|
+
if (experienceNode) {
|
|
650
|
+
const compilerState = state;
|
|
651
|
+
compilerState.experience = experienceNode;
|
|
652
|
+
}
|
|
653
|
+
}
|
|
654
|
+
|
|
655
|
+
// src/babel/extractors/during-extractor.ts
|
|
656
|
+
import * as t6 from "@babel/types";
|
|
657
|
+
var duringIdCounter = 0;
|
|
658
|
+
function resetDuringIdCounter() {
|
|
659
|
+
duringIdCounter = 0;
|
|
660
|
+
}
|
|
661
|
+
function analyzeCallbackBody2(body, actionCounter) {
|
|
662
|
+
const actions = [];
|
|
663
|
+
for (const statement of body) {
|
|
664
|
+
if (!t6.isExpressionStatement(statement)) continue;
|
|
665
|
+
const expr = statement.expression;
|
|
666
|
+
if (t6.isCallExpression(expr) && t6.isIdentifier(expr.callee)) {
|
|
667
|
+
const calleeName = expr.callee.name;
|
|
668
|
+
const args = expr.arguments;
|
|
669
|
+
if (calleeName === "setField" && args.length >= 2) {
|
|
670
|
+
const field = t6.isStringLiteral(args[0]) ? args[0].value : void 0;
|
|
671
|
+
const arg1 = args[1];
|
|
672
|
+
if (field !== void 0 && !t6.isArgumentPlaceholder(arg1)) {
|
|
673
|
+
actions.push({
|
|
674
|
+
id: `auto_${++actionCounter.value}`,
|
|
675
|
+
type: "set_field",
|
|
676
|
+
mode: "auto",
|
|
677
|
+
config: { field, value: extractValue2(arg1) }
|
|
678
|
+
});
|
|
679
|
+
}
|
|
680
|
+
} else if (calleeName === "setMemory" && args.length >= 2) {
|
|
681
|
+
const key = t6.isStringLiteral(args[0]) ? args[0].value : void 0;
|
|
682
|
+
const arg1 = args[1];
|
|
683
|
+
if (key !== void 0 && !t6.isArgumentPlaceholder(arg1)) {
|
|
684
|
+
actions.push({
|
|
685
|
+
id: `auto_${++actionCounter.value}`,
|
|
686
|
+
type: "set_memory",
|
|
687
|
+
mode: "auto",
|
|
688
|
+
config: { key, value: extractValue2(arg1) }
|
|
689
|
+
});
|
|
690
|
+
}
|
|
691
|
+
} else if (calleeName.startsWith("set") && calleeName.length > 3 && args.length >= 1) {
|
|
692
|
+
const fieldName = calleeName.slice(3, 4).toLowerCase() + calleeName.slice(4);
|
|
693
|
+
const arg0 = args[0];
|
|
694
|
+
if (!t6.isArgumentPlaceholder(arg0)) {
|
|
695
|
+
actions.push({
|
|
696
|
+
id: `auto_${++actionCounter.value}`,
|
|
697
|
+
type: "set_field",
|
|
698
|
+
mode: "auto",
|
|
699
|
+
config: { field: fieldName, value: extractValue2(arg0) }
|
|
700
|
+
});
|
|
701
|
+
}
|
|
702
|
+
}
|
|
703
|
+
} else if (t6.isCallExpression(expr)) {
|
|
704
|
+
const callee = expr.callee;
|
|
705
|
+
if (t6.isMemberExpression(callee) && t6.isIdentifier(callee.object) && callee.object.name === "console" && t6.isIdentifier(callee.property) && callee.property.name === "log" && expr.arguments.length > 0) {
|
|
706
|
+
const arg0 = expr.arguments[0];
|
|
707
|
+
if (!t6.isArgumentPlaceholder(arg0)) {
|
|
708
|
+
actions.push({
|
|
709
|
+
id: `auto_${++actionCounter.value}`,
|
|
710
|
+
type: "log_event",
|
|
711
|
+
mode: "auto",
|
|
712
|
+
config: { message: extractValue2(arg0) }
|
|
713
|
+
});
|
|
714
|
+
}
|
|
715
|
+
} else {
|
|
716
|
+
actions.push({
|
|
717
|
+
id: `auto_${++actionCounter.value}`,
|
|
718
|
+
type: "custom",
|
|
719
|
+
mode: "auto",
|
|
720
|
+
config: { expression: generateCode2(expr) }
|
|
721
|
+
});
|
|
722
|
+
}
|
|
723
|
+
}
|
|
724
|
+
}
|
|
725
|
+
return actions;
|
|
726
|
+
}
|
|
727
|
+
function extractValue2(node) {
|
|
728
|
+
if (t6.isNumericLiteral(node)) return node.value;
|
|
729
|
+
if (t6.isStringLiteral(node)) return node.value;
|
|
730
|
+
if (t6.isBooleanLiteral(node)) return node.value;
|
|
731
|
+
if (t6.isNullLiteral(node)) return null;
|
|
732
|
+
if (t6.isArrayExpression(node)) {
|
|
733
|
+
return node.elements.map((el) => el && t6.isExpression(el) ? extractValue2(el) : null);
|
|
734
|
+
}
|
|
735
|
+
if (t6.isObjectExpression(node)) {
|
|
736
|
+
const obj = {};
|
|
737
|
+
node.properties.forEach((prop) => {
|
|
738
|
+
if (t6.isObjectProperty(prop) && t6.isIdentifier(prop.key) && t6.isExpression(prop.value)) {
|
|
739
|
+
obj[prop.key.name] = extractValue2(prop.value);
|
|
740
|
+
}
|
|
741
|
+
});
|
|
742
|
+
return obj;
|
|
743
|
+
}
|
|
744
|
+
return generateCode2(node);
|
|
745
|
+
}
|
|
746
|
+
function generateCode2(node) {
|
|
747
|
+
if (t6.isIdentifier(node)) return node.name;
|
|
748
|
+
if (t6.isNumericLiteral(node)) return String(node.value);
|
|
749
|
+
if (t6.isStringLiteral(node)) return `"${node.value}"`;
|
|
750
|
+
if (t6.isBooleanLiteral(node)) return String(node.value);
|
|
751
|
+
if (t6.isNullLiteral(node)) return "null";
|
|
752
|
+
if (t6.isBinaryExpression(node)) {
|
|
753
|
+
return `${generateCode2(node.left)} ${node.operator} ${generateCode2(node.right)}`;
|
|
754
|
+
}
|
|
755
|
+
if (t6.isCallExpression(node) && t6.isMemberExpression(node.callee) && t6.isIdentifier(node.callee.object) && node.callee.object.name === "Date" && t6.isIdentifier(node.callee.property) && node.callee.property.name === "now") {
|
|
756
|
+
return "now()";
|
|
757
|
+
}
|
|
758
|
+
if (t6.isMemberExpression(node) && t6.isIdentifier(node.object) && t6.isIdentifier(node.property)) {
|
|
759
|
+
return `${node.object.name}.${node.property.name}`;
|
|
760
|
+
}
|
|
761
|
+
if (t6.isArrowFunctionExpression(node) || t6.isFunctionExpression(node)) {
|
|
762
|
+
if (t6.isArrowFunctionExpression(node) && t6.isExpression(node.body)) {
|
|
763
|
+
const params = node.params;
|
|
764
|
+
if (params.length === 1 && t6.isIdentifier(params[0])) {
|
|
765
|
+
const paramName = params[0].name;
|
|
766
|
+
const bodyCode = generateCode2(node.body);
|
|
767
|
+
return bodyCode.replace(new RegExp(`\\b${paramName}\\b`, "g"), "$prev");
|
|
768
|
+
}
|
|
769
|
+
}
|
|
770
|
+
return "[Function]";
|
|
771
|
+
}
|
|
772
|
+
return "[Expression]";
|
|
773
|
+
}
|
|
774
|
+
function ensureState3(states, stateName) {
|
|
775
|
+
if (!states.has(stateName)) {
|
|
776
|
+
states.set(stateName, {
|
|
777
|
+
name: stateName,
|
|
778
|
+
type: "REGULAR",
|
|
779
|
+
on_enter: [],
|
|
780
|
+
during: [],
|
|
781
|
+
on_exit: []
|
|
782
|
+
});
|
|
783
|
+
}
|
|
784
|
+
return states.get(stateName);
|
|
785
|
+
}
|
|
786
|
+
function extractDuring(path, state) {
|
|
787
|
+
const callee = path.node.callee;
|
|
788
|
+
if (!t6.isIdentifier(callee) || callee.name !== "useWhileIn") return;
|
|
789
|
+
const args = path.node.arguments;
|
|
790
|
+
if (args.length < 3) return;
|
|
791
|
+
const stateArg = args[0];
|
|
792
|
+
const intervalArg = args[1];
|
|
793
|
+
const callbackArg = args[2];
|
|
794
|
+
if (!t6.isStringLiteral(stateArg)) return;
|
|
795
|
+
const stateName = stateArg.value;
|
|
796
|
+
let intervalMs = 1e3;
|
|
797
|
+
if (t6.isNumericLiteral(intervalArg)) {
|
|
798
|
+
intervalMs = intervalArg.value;
|
|
799
|
+
}
|
|
800
|
+
let callbackBody = [];
|
|
801
|
+
if (t6.isArrowFunctionExpression(callbackArg) || t6.isFunctionExpression(callbackArg)) {
|
|
802
|
+
const body = callbackArg.body;
|
|
803
|
+
if (t6.isBlockStatement(body)) {
|
|
804
|
+
callbackBody = body.body;
|
|
805
|
+
} else if (t6.isExpression(body)) {
|
|
806
|
+
callbackBody = [t6.expressionStatement(body)];
|
|
807
|
+
}
|
|
808
|
+
}
|
|
809
|
+
const compilerState = state;
|
|
810
|
+
if (!compilerState.states) compilerState.states = /* @__PURE__ */ new Map();
|
|
811
|
+
if (!compilerState.actionCounter) compilerState.actionCounter = 0;
|
|
812
|
+
const stateDefinition = ensureState3(compilerState.states, stateName);
|
|
813
|
+
const actions = analyzeCallbackBody2(callbackBody, { value: compilerState.actionCounter });
|
|
814
|
+
compilerState.actionCounter += actions.length;
|
|
815
|
+
const duringAction = {
|
|
816
|
+
id: `during_${++duringIdCounter}`,
|
|
817
|
+
type: "interval",
|
|
818
|
+
interval_ms: intervalMs,
|
|
819
|
+
actions
|
|
820
|
+
};
|
|
821
|
+
stateDefinition.during.push(duringAction);
|
|
822
|
+
}
|
|
823
|
+
|
|
824
|
+
// src/babel/extractors/change-extractor.ts
|
|
825
|
+
import * as t7 from "@babel/types";
|
|
826
|
+
var watcherIdCounter = 0;
|
|
827
|
+
function resetWatcherIdCounter() {
|
|
828
|
+
watcherIdCounter = 0;
|
|
829
|
+
}
|
|
830
|
+
function analyzeCallbackBody3(body, actionCounter) {
|
|
831
|
+
const actions = [];
|
|
832
|
+
for (const statement of body) {
|
|
833
|
+
if (!t7.isExpressionStatement(statement)) continue;
|
|
834
|
+
const expr = statement.expression;
|
|
835
|
+
if (t7.isCallExpression(expr) && t7.isIdentifier(expr.callee)) {
|
|
836
|
+
const calleeName = expr.callee.name;
|
|
837
|
+
const args = expr.arguments;
|
|
838
|
+
if (calleeName === "setField" && args.length >= 2) {
|
|
839
|
+
const field = t7.isStringLiteral(args[0]) ? args[0].value : void 0;
|
|
840
|
+
if (field !== void 0) {
|
|
841
|
+
actions.push({
|
|
842
|
+
id: `auto_${++actionCounter.value}`,
|
|
843
|
+
type: "set_field",
|
|
844
|
+
mode: "auto",
|
|
845
|
+
config: { field, value: extractValue3(args[1]) }
|
|
846
|
+
});
|
|
847
|
+
}
|
|
848
|
+
} else if (calleeName === "setMemory" && args.length >= 2) {
|
|
849
|
+
const key = t7.isStringLiteral(args[0]) ? args[0].value : void 0;
|
|
850
|
+
if (key !== void 0) {
|
|
851
|
+
actions.push({
|
|
852
|
+
id: `auto_${++actionCounter.value}`,
|
|
853
|
+
type: "set_memory",
|
|
854
|
+
mode: "auto",
|
|
855
|
+
config: { key, value: extractValue3(args[1]) }
|
|
856
|
+
});
|
|
857
|
+
}
|
|
858
|
+
} else if (calleeName.startsWith("set") && calleeName.length > 3 && args.length >= 1) {
|
|
859
|
+
const fieldName = calleeName.slice(3, 4).toLowerCase() + calleeName.slice(4);
|
|
860
|
+
actions.push({
|
|
861
|
+
id: `auto_${++actionCounter.value}`,
|
|
862
|
+
type: "set_field",
|
|
863
|
+
mode: "auto",
|
|
864
|
+
config: { field: fieldName, value: extractValue3(args[0]) }
|
|
865
|
+
});
|
|
866
|
+
}
|
|
867
|
+
} else if (t7.isCallExpression(expr)) {
|
|
868
|
+
const callee = expr.callee;
|
|
869
|
+
if (t7.isMemberExpression(callee) && t7.isIdentifier(callee.object) && callee.object.name === "console" && t7.isIdentifier(callee.property) && callee.property.name === "log" && expr.arguments.length > 0) {
|
|
870
|
+
actions.push({
|
|
871
|
+
id: `auto_${++actionCounter.value}`,
|
|
872
|
+
type: "log_event",
|
|
873
|
+
mode: "auto",
|
|
874
|
+
config: { message: extractValue3(expr.arguments[0]) }
|
|
875
|
+
});
|
|
876
|
+
}
|
|
877
|
+
}
|
|
878
|
+
}
|
|
879
|
+
return actions;
|
|
880
|
+
}
|
|
881
|
+
function extractValue3(node) {
|
|
882
|
+
if (t7.isNumericLiteral(node)) return node.value;
|
|
883
|
+
if (t7.isStringLiteral(node)) return node.value;
|
|
884
|
+
if (t7.isBooleanLiteral(node)) return node.value;
|
|
885
|
+
if (t7.isNullLiteral(node)) return null;
|
|
886
|
+
if (t7.isIdentifier(node)) return node.name;
|
|
887
|
+
if (t7.isTemplateLiteral(node)) {
|
|
888
|
+
return node.quasis.map((q) => q.value.raw).join("${}");
|
|
889
|
+
}
|
|
890
|
+
return "[Expression]";
|
|
891
|
+
}
|
|
892
|
+
function extractChangeWatcher(path, state) {
|
|
893
|
+
const callee = path.node.callee;
|
|
894
|
+
if (!t7.isIdentifier(callee) || callee.name !== "useOnChange") return;
|
|
895
|
+
const args = path.node.arguments;
|
|
896
|
+
if (args.length < 2) return;
|
|
897
|
+
const fieldArg = args[0];
|
|
898
|
+
const callbackArg = args[1];
|
|
899
|
+
if (!t7.isStringLiteral(fieldArg)) return;
|
|
900
|
+
const field = fieldArg.value;
|
|
901
|
+
let callbackBody = [];
|
|
902
|
+
if (t7.isArrowFunctionExpression(callbackArg) || t7.isFunctionExpression(callbackArg)) {
|
|
903
|
+
const body = callbackArg.body;
|
|
904
|
+
if (t7.isBlockStatement(body)) {
|
|
905
|
+
callbackBody = body.body;
|
|
906
|
+
} else if (t7.isExpression(body)) {
|
|
907
|
+
callbackBody = [t7.expressionStatement(body)];
|
|
908
|
+
}
|
|
909
|
+
}
|
|
910
|
+
const compilerState = state;
|
|
911
|
+
if (!compilerState.actionCounter) compilerState.actionCounter = 0;
|
|
912
|
+
const actions = analyzeCallbackBody3(callbackBody, { value: compilerState.actionCounter });
|
|
913
|
+
compilerState.actionCounter += actions.length;
|
|
914
|
+
const watcher = {
|
|
915
|
+
id: `watcher_${++watcherIdCounter}`,
|
|
916
|
+
field,
|
|
917
|
+
actions
|
|
918
|
+
};
|
|
919
|
+
if (!compilerState.metadata) compilerState.metadata = {};
|
|
920
|
+
const meta = compilerState.metadata;
|
|
921
|
+
if (!meta.fieldWatchers) meta.fieldWatchers = [];
|
|
922
|
+
meta.fieldWatchers.push(watcher);
|
|
923
|
+
}
|
|
924
|
+
|
|
925
|
+
// src/babel/extractors/transition-effect-extractor.ts
|
|
926
|
+
import * as t8 from "@babel/types";
|
|
927
|
+
var transitionEffectIdCounter = 0;
|
|
928
|
+
function resetTransitionEffectIdCounter() {
|
|
929
|
+
transitionEffectIdCounter = 0;
|
|
930
|
+
}
|
|
931
|
+
function analyzeCallbackBody4(body, actionCounter) {
|
|
932
|
+
const actions = [];
|
|
933
|
+
for (const statement of body) {
|
|
934
|
+
if (!t8.isExpressionStatement(statement)) continue;
|
|
935
|
+
const expr = statement.expression;
|
|
936
|
+
if (t8.isCallExpression(expr) && t8.isIdentifier(expr.callee)) {
|
|
937
|
+
const calleeName = expr.callee.name;
|
|
938
|
+
const args = expr.arguments;
|
|
939
|
+
if (calleeName === "setField" && args.length >= 2) {
|
|
940
|
+
const field = t8.isStringLiteral(args[0]) ? args[0].value : void 0;
|
|
941
|
+
if (field !== void 0) {
|
|
942
|
+
actions.push({
|
|
943
|
+
id: `auto_${++actionCounter.value}`,
|
|
944
|
+
type: "set_field",
|
|
945
|
+
mode: "auto",
|
|
946
|
+
config: { field, value: extractValue4(args[1]) }
|
|
947
|
+
});
|
|
948
|
+
}
|
|
949
|
+
} else if (calleeName === "setMemory" && args.length >= 2) {
|
|
950
|
+
const key = t8.isStringLiteral(args[0]) ? args[0].value : void 0;
|
|
951
|
+
if (key !== void 0) {
|
|
952
|
+
actions.push({
|
|
953
|
+
id: `auto_${++actionCounter.value}`,
|
|
954
|
+
type: "set_memory",
|
|
955
|
+
mode: "auto",
|
|
956
|
+
config: { key, value: extractValue4(args[1]) }
|
|
957
|
+
});
|
|
958
|
+
}
|
|
959
|
+
} else if (calleeName.startsWith("set") && calleeName.length > 3 && args.length >= 1) {
|
|
960
|
+
const fieldName = calleeName.slice(3, 4).toLowerCase() + calleeName.slice(4);
|
|
961
|
+
actions.push({
|
|
962
|
+
id: `auto_${++actionCounter.value}`,
|
|
963
|
+
type: "set_field",
|
|
964
|
+
mode: "auto",
|
|
965
|
+
config: { field: fieldName, value: extractValue4(args[0]) }
|
|
966
|
+
});
|
|
967
|
+
}
|
|
968
|
+
} else if (t8.isCallExpression(expr)) {
|
|
969
|
+
const callee = expr.callee;
|
|
970
|
+
if (t8.isMemberExpression(callee) && t8.isIdentifier(callee.object) && callee.object.name === "console" && t8.isIdentifier(callee.property) && callee.property.name === "log" && expr.arguments.length > 0) {
|
|
971
|
+
actions.push({
|
|
972
|
+
id: `auto_${++actionCounter.value}`,
|
|
973
|
+
type: "log_event",
|
|
974
|
+
mode: "auto",
|
|
975
|
+
config: { message: extractValue4(expr.arguments[0]) }
|
|
976
|
+
});
|
|
977
|
+
}
|
|
978
|
+
}
|
|
979
|
+
}
|
|
980
|
+
return actions;
|
|
981
|
+
}
|
|
982
|
+
function extractValue4(node) {
|
|
983
|
+
if (t8.isNumericLiteral(node)) return node.value;
|
|
984
|
+
if (t8.isStringLiteral(node)) return node.value;
|
|
985
|
+
if (t8.isBooleanLiteral(node)) return node.value;
|
|
986
|
+
if (t8.isNullLiteral(node)) return null;
|
|
987
|
+
if (t8.isIdentifier(node)) return node.name;
|
|
988
|
+
return "[Expression]";
|
|
989
|
+
}
|
|
990
|
+
function extractTransitionEffect(path, state) {
|
|
991
|
+
const callee = path.node.callee;
|
|
992
|
+
if (!t8.isIdentifier(callee) || callee.name !== "useOnTransition") return;
|
|
993
|
+
const args = path.node.arguments;
|
|
994
|
+
if (args.length < 1) return;
|
|
995
|
+
const callbackArg = args[0];
|
|
996
|
+
let callbackBody = [];
|
|
997
|
+
if (t8.isArrowFunctionExpression(callbackArg) || t8.isFunctionExpression(callbackArg)) {
|
|
998
|
+
const body = callbackArg.body;
|
|
999
|
+
if (t8.isBlockStatement(body)) {
|
|
1000
|
+
callbackBody = body.body;
|
|
1001
|
+
} else if (t8.isExpression(body)) {
|
|
1002
|
+
callbackBody = [t8.expressionStatement(body)];
|
|
1003
|
+
}
|
|
1004
|
+
}
|
|
1005
|
+
const compilerState = state;
|
|
1006
|
+
if (!compilerState.actionCounter) compilerState.actionCounter = 0;
|
|
1007
|
+
const actions = analyzeCallbackBody4(callbackBody, { value: compilerState.actionCounter });
|
|
1008
|
+
compilerState.actionCounter += actions.length;
|
|
1009
|
+
const effect = {
|
|
1010
|
+
id: `transition_effect_${++transitionEffectIdCounter}`,
|
|
1011
|
+
actions
|
|
1012
|
+
};
|
|
1013
|
+
if (!compilerState.metadata) compilerState.metadata = {};
|
|
1014
|
+
const meta = compilerState.metadata;
|
|
1015
|
+
if (!meta.transitionEffects) meta.transitionEffects = [];
|
|
1016
|
+
meta.transitionEffects.push(effect);
|
|
1017
|
+
}
|
|
1018
|
+
|
|
1019
|
+
// src/babel/emitters/pure-form-emitter.ts
|
|
1020
|
+
function toSnakeCase(str) {
|
|
1021
|
+
return str.replace(/([A-Z])/g, "_$1").toLowerCase().replace(/^_/, "");
|
|
1022
|
+
}
|
|
1023
|
+
function convertAction(action) {
|
|
1024
|
+
return {
|
|
1025
|
+
id: action.id,
|
|
1026
|
+
action_type: action.type,
|
|
1027
|
+
config: action.config || {},
|
|
1028
|
+
...action.condition && { condition: action.condition }
|
|
1029
|
+
};
|
|
1030
|
+
}
|
|
1031
|
+
function convertDuringAction(during) {
|
|
1032
|
+
return {
|
|
1033
|
+
id: during.id,
|
|
1034
|
+
type: during.type,
|
|
1035
|
+
...during.interval_ms !== void 0 && { interval_ms: during.interval_ms },
|
|
1036
|
+
...during.cron && { cron: during.cron },
|
|
1037
|
+
...during.delay_ms !== void 0 && { delay_ms: during.delay_ms },
|
|
1038
|
+
actions: during.actions.map(convertAction),
|
|
1039
|
+
...during.condition && { condition: during.condition }
|
|
1040
|
+
};
|
|
1041
|
+
}
|
|
1042
|
+
function emitPureForm(extracted) {
|
|
1043
|
+
const { slug, name, version, description, category, fields, states, transitions } = extracted;
|
|
1044
|
+
const stateArray = Array.from(states.values());
|
|
1045
|
+
if (stateArray.length === 0) {
|
|
1046
|
+
stateArray.push({
|
|
1047
|
+
name: "draft",
|
|
1048
|
+
type: "START",
|
|
1049
|
+
on_enter: [],
|
|
1050
|
+
during: [],
|
|
1051
|
+
on_exit: []
|
|
1052
|
+
});
|
|
1053
|
+
} else {
|
|
1054
|
+
const hasStart = stateArray.some((s) => s.type === "START");
|
|
1055
|
+
if (!hasStart && stateArray.length > 0) {
|
|
1056
|
+
stateArray[0].type = "START";
|
|
1057
|
+
}
|
|
1058
|
+
}
|
|
1059
|
+
inferTransitionStates(transitions, states);
|
|
1060
|
+
const stateNames = new Set(stateArray.map((s) => s.name));
|
|
1061
|
+
for (const transition of transitions) {
|
|
1062
|
+
if (transition.to && !stateNames.has(transition.to)) {
|
|
1063
|
+
stateArray.push({
|
|
1064
|
+
name: transition.to,
|
|
1065
|
+
type: "REGULAR",
|
|
1066
|
+
on_enter: [],
|
|
1067
|
+
during: [],
|
|
1068
|
+
on_exit: []
|
|
1069
|
+
});
|
|
1070
|
+
stateNames.add(transition.to);
|
|
1071
|
+
}
|
|
1072
|
+
}
|
|
1073
|
+
const metadata = {};
|
|
1074
|
+
if (extracted.experience) {
|
|
1075
|
+
metadata.experience = extracted.experience;
|
|
1076
|
+
}
|
|
1077
|
+
if (extracted.fieldWatchers && extracted.fieldWatchers.length > 0) {
|
|
1078
|
+
metadata.fieldWatchers = extracted.fieldWatchers;
|
|
1079
|
+
}
|
|
1080
|
+
if (extracted.transitionEffects && extracted.transitionEffects.length > 0) {
|
|
1081
|
+
metadata.transitionEffects = extracted.transitionEffects;
|
|
1082
|
+
}
|
|
1083
|
+
const ir = {
|
|
1084
|
+
slug,
|
|
1085
|
+
name,
|
|
1086
|
+
version,
|
|
1087
|
+
description,
|
|
1088
|
+
category,
|
|
1089
|
+
fields,
|
|
1090
|
+
states: stateArray,
|
|
1091
|
+
transitions,
|
|
1092
|
+
roles: [],
|
|
1093
|
+
tags: [],
|
|
1094
|
+
metadata
|
|
1095
|
+
};
|
|
1096
|
+
if (extracted.events && extracted.events.length > 0) {
|
|
1097
|
+
ir.on_event = extracted.events;
|
|
1098
|
+
}
|
|
1099
|
+
return ir;
|
|
1100
|
+
}
|
|
1101
|
+
function emitWorkflowDefinition(extracted) {
|
|
1102
|
+
const ir = emitPureForm(extracted);
|
|
1103
|
+
const states = ir.states.map((s) => ({
|
|
1104
|
+
name: s.name,
|
|
1105
|
+
state_type: s.type,
|
|
1106
|
+
description: s.description || "",
|
|
1107
|
+
on_enter: (s.on_enter || []).map(convertAction),
|
|
1108
|
+
on_exit: (s.on_exit || []).map(convertAction),
|
|
1109
|
+
during: (s.during || []).map(convertDuringAction),
|
|
1110
|
+
on_event: (s.on_event || []).map(convertOnEvent)
|
|
1111
|
+
}));
|
|
1112
|
+
const fields = ir.fields.map((f) => ({
|
|
1113
|
+
name: toSnakeCase(f.name),
|
|
1114
|
+
field_type: f.type,
|
|
1115
|
+
label: f.label || f.name.replace(/([A-Z])/g, " $1").replace(/^./, (c) => c.toUpperCase()),
|
|
1116
|
+
required: f.required || false,
|
|
1117
|
+
default_value: f.default_value ?? null,
|
|
1118
|
+
...f.validation && { validation: f.validation },
|
|
1119
|
+
...f.computed && { computed: f.computed },
|
|
1120
|
+
...f.computed_deps && { computed_deps: f.computed_deps },
|
|
1121
|
+
...f.visible_in_states && { visible_in_states: f.visible_in_states },
|
|
1122
|
+
...f.editable_in_states && { editable_in_states: f.editable_in_states },
|
|
1123
|
+
...f.visible_to_roles && { visible_to_roles: f.visible_to_roles },
|
|
1124
|
+
...f.editable_by_roles && { editable_by_roles: f.editable_by_roles },
|
|
1125
|
+
...f.visible_when && { visible_when: f.visible_when },
|
|
1126
|
+
...f.editable_when && { editable_when: f.editable_when },
|
|
1127
|
+
...f.state_home && { state_home: f.state_home }
|
|
1128
|
+
}));
|
|
1129
|
+
const transitions = ir.transitions.map((t10) => ({
|
|
1130
|
+
name: t10.name,
|
|
1131
|
+
from: t10.from,
|
|
1132
|
+
to: t10.to,
|
|
1133
|
+
description: t10.description || "",
|
|
1134
|
+
roles: t10.roles || [],
|
|
1135
|
+
auto: t10.auto || false,
|
|
1136
|
+
conditions: t10.conditions || [],
|
|
1137
|
+
actions: (t10.actions || []).map(convertAction),
|
|
1138
|
+
required_fields: t10.required_fields || [],
|
|
1139
|
+
priority: 0
|
|
1140
|
+
}));
|
|
1141
|
+
const state_data = {};
|
|
1142
|
+
for (const f of fields) {
|
|
1143
|
+
state_data[f.name] = f.default_value;
|
|
1144
|
+
}
|
|
1145
|
+
const on_event = (ir.on_event || []).map(convertOnEvent);
|
|
1146
|
+
return {
|
|
1147
|
+
id: `def-${ir.slug}`,
|
|
1148
|
+
slug: ir.slug,
|
|
1149
|
+
name: ir.name,
|
|
1150
|
+
version: ir.version,
|
|
1151
|
+
description: ir.description || "",
|
|
1152
|
+
category: ir.category,
|
|
1153
|
+
states,
|
|
1154
|
+
transitions,
|
|
1155
|
+
fields,
|
|
1156
|
+
state_data,
|
|
1157
|
+
roles: [],
|
|
1158
|
+
child_definitions: [],
|
|
1159
|
+
tags: ir.tags || [],
|
|
1160
|
+
metadata: ir.metadata || {},
|
|
1161
|
+
...on_event.length > 0 && { on_event },
|
|
1162
|
+
config: {},
|
|
1163
|
+
is_immutable: false
|
|
1164
|
+
};
|
|
1165
|
+
}
|
|
1166
|
+
function convertOnEvent(sub) {
|
|
1167
|
+
return {
|
|
1168
|
+
match: sub.match,
|
|
1169
|
+
...sub.description && { description: sub.description },
|
|
1170
|
+
conditions: sub.conditions || [],
|
|
1171
|
+
actions: sub.actions.map((a) => ({
|
|
1172
|
+
type: a.type,
|
|
1173
|
+
...a.field && { field: a.field },
|
|
1174
|
+
...a.expression && { expression: a.expression },
|
|
1175
|
+
...a.key && { key: a.key },
|
|
1176
|
+
...a.message && { message: a.message },
|
|
1177
|
+
...a.config && { config: a.config },
|
|
1178
|
+
...a.conditions && a.conditions.length > 0 && { conditions: a.conditions }
|
|
1179
|
+
}))
|
|
1180
|
+
};
|
|
1181
|
+
}
|
|
1182
|
+
function compilerStateToWorkflow(state, metadata) {
|
|
1183
|
+
const fieldWatchers = metadata.fieldWatchers || [];
|
|
1184
|
+
const transitionEffects = metadata.transitionEffects || [];
|
|
1185
|
+
return {
|
|
1186
|
+
slug: metadata.slug || "workflow",
|
|
1187
|
+
name: metadata.name || "Workflow",
|
|
1188
|
+
version: metadata.version || "0.1.0",
|
|
1189
|
+
description: metadata.description,
|
|
1190
|
+
category: metadata.category || "workflow",
|
|
1191
|
+
fields: state.fields || [],
|
|
1192
|
+
states: state.states || /* @__PURE__ */ new Map(),
|
|
1193
|
+
transitions: state.transitions || [],
|
|
1194
|
+
events: state.events || [],
|
|
1195
|
+
experience: state.experience,
|
|
1196
|
+
fieldWatchers: fieldWatchers.length > 0 ? fieldWatchers : void 0,
|
|
1197
|
+
transitionEffects: transitionEffects.length > 0 ? transitionEffects : void 0,
|
|
1198
|
+
errors: state.errors,
|
|
1199
|
+
warnings: state.warnings
|
|
1200
|
+
};
|
|
1201
|
+
}
|
|
1202
|
+
|
|
1203
|
+
// src/babel/visitor.ts
|
|
1204
|
+
var STRICT_BANNED_HOOKS = {
|
|
1205
|
+
useEffect: "STRICT_USE_EFFECT",
|
|
1206
|
+
useLayoutEffect: "STRICT_USE_LAYOUT_EFFECT",
|
|
1207
|
+
useRef: "STRICT_USE_REF",
|
|
1208
|
+
useMemo: "STRICT_USE_MEMO",
|
|
1209
|
+
useCallback: "STRICT_USE_CALLBACK"
|
|
1210
|
+
};
|
|
1211
|
+
function extractMetadataFromComments(comments, metadata) {
|
|
1212
|
+
for (const comment of comments) {
|
|
1213
|
+
if (comment.type !== "CommentBlock") continue;
|
|
1214
|
+
const lines = comment.value.split("\n");
|
|
1215
|
+
for (const line of lines) {
|
|
1216
|
+
const workflowMatch = line.match(/@workflow\s+(.+)/);
|
|
1217
|
+
if (workflowMatch) {
|
|
1218
|
+
const rest = workflowMatch[1].trim();
|
|
1219
|
+
const kvRegex = /(\w+)="([^"]+)"/g;
|
|
1220
|
+
let kvMatch;
|
|
1221
|
+
let hasKV = false;
|
|
1222
|
+
while ((kvMatch = kvRegex.exec(rest)) !== null) {
|
|
1223
|
+
hasKV = true;
|
|
1224
|
+
const [, key, val] = kvMatch;
|
|
1225
|
+
if (key === "slug") metadata.slug = val;
|
|
1226
|
+
else if (key === "version") metadata.version = val;
|
|
1227
|
+
else if (key === "category") metadata.category = val;
|
|
1228
|
+
else if (key === "description") metadata.description = val;
|
|
1229
|
+
}
|
|
1230
|
+
if (!hasKV) {
|
|
1231
|
+
metadata.slug = rest;
|
|
1232
|
+
}
|
|
1233
|
+
continue;
|
|
1234
|
+
}
|
|
1235
|
+
const match = line.match(/@(\w+)\s+(.+)/);
|
|
1236
|
+
if (match) {
|
|
1237
|
+
const [, tag, value] = match;
|
|
1238
|
+
if (tag === "version") metadata.version = value.trim();
|
|
1239
|
+
if (tag === "category") metadata.category = value.trim();
|
|
1240
|
+
if (tag === "description") metadata.description = value.trim();
|
|
1241
|
+
}
|
|
1242
|
+
}
|
|
1243
|
+
}
|
|
1244
|
+
}
|
|
1245
|
+
function createVisitor(options = {}) {
|
|
1246
|
+
const mode = options.mode;
|
|
1247
|
+
return {
|
|
1248
|
+
Program: {
|
|
1249
|
+
// Initialize compiler state at program entry
|
|
1250
|
+
enter(_path, state) {
|
|
1251
|
+
resetNodeIdCounter();
|
|
1252
|
+
resetDuringIdCounter();
|
|
1253
|
+
resetWatcherIdCounter();
|
|
1254
|
+
resetTransitionEffectIdCounter();
|
|
1255
|
+
const compilerState = {
|
|
1256
|
+
fields: [],
|
|
1257
|
+
states: /* @__PURE__ */ new Map(),
|
|
1258
|
+
transitions: [],
|
|
1259
|
+
events: [],
|
|
1260
|
+
actionCounter: 0,
|
|
1261
|
+
metadata: {},
|
|
1262
|
+
errors: [],
|
|
1263
|
+
warnings: []
|
|
1264
|
+
};
|
|
1265
|
+
const program = _path.node;
|
|
1266
|
+
const leadingComments = program.leadingComments || [];
|
|
1267
|
+
extractMetadataFromComments(leadingComments, compilerState.metadata);
|
|
1268
|
+
if (program.body.length > 0) {
|
|
1269
|
+
const firstStmt = program.body[0];
|
|
1270
|
+
if (firstStmt.leadingComments) {
|
|
1271
|
+
extractMetadataFromComments(firstStmt.leadingComments, compilerState.metadata);
|
|
1272
|
+
}
|
|
1273
|
+
}
|
|
1274
|
+
const exportDeclaration = program.body.find(
|
|
1275
|
+
(node) => t9.isExportNamedDeclaration(node) || t9.isExportDefaultDeclaration(node)
|
|
1276
|
+
);
|
|
1277
|
+
if (exportDeclaration) {
|
|
1278
|
+
if (t9.isExportNamedDeclaration(exportDeclaration)) {
|
|
1279
|
+
const declaration = exportDeclaration.declaration;
|
|
1280
|
+
if (t9.isFunctionDeclaration(declaration)) {
|
|
1281
|
+
if (declaration.id) {
|
|
1282
|
+
compilerState.metadata.name = declaration.id.name;
|
|
1283
|
+
}
|
|
1284
|
+
if (declaration.leadingComments) {
|
|
1285
|
+
extractMetadataFromComments(declaration.leadingComments, compilerState.metadata);
|
|
1286
|
+
}
|
|
1287
|
+
}
|
|
1288
|
+
} else if (t9.isExportDefaultDeclaration(exportDeclaration)) {
|
|
1289
|
+
const declaration = exportDeclaration.declaration;
|
|
1290
|
+
if (t9.isFunctionDeclaration(declaration)) {
|
|
1291
|
+
if (declaration.id) {
|
|
1292
|
+
compilerState.metadata.name = declaration.id.name;
|
|
1293
|
+
}
|
|
1294
|
+
if (declaration.leadingComments) {
|
|
1295
|
+
extractMetadataFromComments(declaration.leadingComments, compilerState.metadata);
|
|
1296
|
+
}
|
|
1297
|
+
} else if (t9.isIdentifier(declaration)) {
|
|
1298
|
+
compilerState.metadata.name = declaration.name;
|
|
1299
|
+
}
|
|
1300
|
+
}
|
|
1301
|
+
}
|
|
1302
|
+
if (!compilerState.metadata.slug && state.filename) {
|
|
1303
|
+
const fileName = state.filename.split("/").pop() || "";
|
|
1304
|
+
compilerState.metadata.slug = fileName.replace(/\.workflow\.(tsx?|jsx?)$/, "").replace(/\.(tsx?|jsx?)$/, "").replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "");
|
|
1305
|
+
}
|
|
1306
|
+
Object.assign(state, compilerState);
|
|
1307
|
+
},
|
|
1308
|
+
// After all extraction, emit Pure Form JSON
|
|
1309
|
+
exit(_path, state) {
|
|
1310
|
+
const compilerState = state;
|
|
1311
|
+
const extracted = compilerStateToWorkflow(compilerState, compilerState.metadata);
|
|
1312
|
+
const ir = emitPureForm(extracted);
|
|
1313
|
+
const definition = emitWorkflowDefinition(extracted);
|
|
1314
|
+
if (compilerState.errors && compilerState.errors.length > 0) {
|
|
1315
|
+
if (!ir.metadata) ir.metadata = {};
|
|
1316
|
+
ir.metadata.errors = compilerState.errors;
|
|
1317
|
+
}
|
|
1318
|
+
if (compilerState.warnings && compilerState.warnings.length > 0) {
|
|
1319
|
+
if (!ir.metadata) ir.metadata = {};
|
|
1320
|
+
ir.metadata.warnings = compilerState.warnings;
|
|
1321
|
+
}
|
|
1322
|
+
if (!state.file.metadata) state.file.metadata = {};
|
|
1323
|
+
state.file.metadata.mindmatrixIR = ir;
|
|
1324
|
+
state.file.metadata.mindmatrixDefinition = definition;
|
|
1325
|
+
}
|
|
1326
|
+
},
|
|
1327
|
+
// Extract metadata from function declarations with JSDoc
|
|
1328
|
+
FunctionDeclaration(path, state) {
|
|
1329
|
+
const comments = path.node.leadingComments || [];
|
|
1330
|
+
const compilerState = state;
|
|
1331
|
+
extractMetadataFromComments(comments, compilerState.metadata);
|
|
1332
|
+
},
|
|
1333
|
+
// Main hook extraction dispatcher
|
|
1334
|
+
CallExpression(path, state) {
|
|
1335
|
+
const callee = path.node.callee;
|
|
1336
|
+
if (!t9.isIdentifier(callee)) return;
|
|
1337
|
+
const compilerState = state;
|
|
1338
|
+
const hookName = callee.name;
|
|
1339
|
+
if (mode === "strict" && STRICT_BANNED_HOOKS[hookName]) {
|
|
1340
|
+
const error = {
|
|
1341
|
+
code: STRICT_BANNED_HOOKS[hookName],
|
|
1342
|
+
message: `${hookName}() is not allowed in strict mode. Use @mindmatrix/react effect hooks instead.`,
|
|
1343
|
+
line: path.node.loc?.start.line,
|
|
1344
|
+
column: path.node.loc?.start.column,
|
|
1345
|
+
severity: "error"
|
|
1346
|
+
};
|
|
1347
|
+
if (!compilerState.errors) compilerState.errors = [];
|
|
1348
|
+
compilerState.errors.push(error);
|
|
1349
|
+
return;
|
|
1350
|
+
}
|
|
1351
|
+
if (mode === "infer" && hookName === "useEffect") {
|
|
1352
|
+
const warning = {
|
|
1353
|
+
code: "INFER_RAW_JSX",
|
|
1354
|
+
message: `useEffect() found in infer mode \u2014 component will be treated as an opaque [raw jsx] grammar island.`,
|
|
1355
|
+
line: path.node.loc?.start.line,
|
|
1356
|
+
column: path.node.loc?.start.column,
|
|
1357
|
+
severity: "warning"
|
|
1358
|
+
};
|
|
1359
|
+
if (!compilerState.warnings) compilerState.warnings = [];
|
|
1360
|
+
compilerState.warnings.push(warning);
|
|
1361
|
+
return;
|
|
1362
|
+
}
|
|
1363
|
+
switch (hookName) {
|
|
1364
|
+
case "useState":
|
|
1365
|
+
extractStates(path, state);
|
|
1366
|
+
break;
|
|
1367
|
+
case "useOnEnter":
|
|
1368
|
+
case "useOnExit":
|
|
1369
|
+
extractEffects(path, state);
|
|
1370
|
+
break;
|
|
1371
|
+
case "useTransition":
|
|
1372
|
+
extractTransitions(path, state);
|
|
1373
|
+
break;
|
|
1374
|
+
case "useOnEvent":
|
|
1375
|
+
extractEvents(path, state);
|
|
1376
|
+
break;
|
|
1377
|
+
case "useWhileIn":
|
|
1378
|
+
extractDuring(path, state);
|
|
1379
|
+
break;
|
|
1380
|
+
case "useOnChange":
|
|
1381
|
+
extractChangeWatcher(path, state);
|
|
1382
|
+
break;
|
|
1383
|
+
case "useOnTransition":
|
|
1384
|
+
extractTransitionEffect(path, state);
|
|
1385
|
+
break;
|
|
1386
|
+
}
|
|
1387
|
+
},
|
|
1388
|
+
// Strict mode: validate imports
|
|
1389
|
+
ImportDeclaration(path, state) {
|
|
1390
|
+
if (mode !== "strict") return;
|
|
1391
|
+
const compilerState = state;
|
|
1392
|
+
const source = path.node.source.value;
|
|
1393
|
+
if (source.startsWith("@mindmatrix/") || source === "react" || source.startsWith("react/") || source.startsWith(".") || source.startsWith("/")) {
|
|
1394
|
+
return;
|
|
1395
|
+
}
|
|
1396
|
+
const error = {
|
|
1397
|
+
code: "STRICT_FORBIDDEN_IMPORT",
|
|
1398
|
+
message: `Import from '${source}' is not allowed in strict mode. Only @mindmatrix/* and relative imports are permitted.`,
|
|
1399
|
+
line: path.node.loc?.start.line,
|
|
1400
|
+
column: path.node.loc?.start.column,
|
|
1401
|
+
severity: "error"
|
|
1402
|
+
};
|
|
1403
|
+
if (!compilerState.errors) compilerState.errors = [];
|
|
1404
|
+
compilerState.errors.push(error);
|
|
1405
|
+
},
|
|
1406
|
+
// Extract JSX from function component return
|
|
1407
|
+
ReturnStatement(path, state) {
|
|
1408
|
+
if (t9.isJSXElement(path.node.argument) || t9.isJSXFragment(path.node.argument)) {
|
|
1409
|
+
extractComponents(path, state);
|
|
1410
|
+
}
|
|
1411
|
+
}
|
|
1412
|
+
};
|
|
1413
|
+
}
|
|
1414
|
+
|
|
1415
|
+
// src/babel/index.ts
|
|
1416
|
+
function babelPlugin(api, options = {}) {
|
|
1417
|
+
api.assertVersion(7);
|
|
1418
|
+
return {
|
|
1419
|
+
name: "mindmatrix-react",
|
|
1420
|
+
visitor: createVisitor(options)
|
|
1421
|
+
};
|
|
1422
|
+
}
|
|
1423
|
+
|
|
1424
|
+
export {
|
|
1425
|
+
extractStates,
|
|
1426
|
+
extractEffects,
|
|
1427
|
+
extractTransitions,
|
|
1428
|
+
extractEvents,
|
|
1429
|
+
extractComponents,
|
|
1430
|
+
emitPureForm,
|
|
1431
|
+
compilerStateToWorkflow,
|
|
1432
|
+
createVisitor,
|
|
1433
|
+
babelPlugin
|
|
1434
|
+
};
|