@mmapp/react-compiler 0.1.0-alpha.1 → 0.1.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (251) hide show
  1. package/ATOM-PIPELINE.md +144 -0
  2. package/README.md +88 -40
  3. package/dist/babel/index.js +113 -6
  4. package/dist/babel/index.mjs +2 -2
  5. package/dist/chunk-3USIFFE4.mjs +2190 -0
  6. package/dist/chunk-45YMGEVT.mjs +186 -0
  7. package/dist/chunk-4FN2AISW.mjs +148 -0
  8. package/dist/chunk-4OPI5L7G.mjs +2593 -0
  9. package/dist/chunk-4RYTKOOJ.mjs +186 -0
  10. package/dist/chunk-5RKTOVR5.mjs +244 -0
  11. package/dist/chunk-5YDMOO4X.mjs +214 -0
  12. package/dist/chunk-64ZWEMLJ.mjs +148 -0
  13. package/dist/chunk-6XP4KSWQ.mjs +2190 -0
  14. package/dist/chunk-72QWL54I.mjs +175 -0
  15. package/dist/chunk-7B4TRI7C.mjs +4835 -0
  16. package/dist/chunk-7ZKGHTNB.mjs +4952 -0
  17. package/dist/chunk-CIESM3BP.mjs +33 -0
  18. package/dist/chunk-DE3ZGQAC.mjs +148 -0
  19. package/dist/chunk-DMCY3BBG.mjs +1933 -0
  20. package/dist/chunk-DPIK3PJS.mjs +244 -0
  21. package/dist/chunk-E5IVH4RE.mjs +186 -0
  22. package/dist/chunk-E6FZNUR5.mjs +4953 -0
  23. package/dist/chunk-EJRBDQDP.mjs +2607 -0
  24. package/dist/chunk-ELO4TXJL.mjs +186 -0
  25. package/dist/chunk-FKRO52XH.mjs +3446 -0
  26. package/dist/chunk-FL4YAKU6.mjs +4941 -0
  27. package/dist/chunk-FYT47UBU.mjs +5076 -0
  28. package/dist/chunk-GCLGPOJZ.mjs +148 -0
  29. package/dist/chunk-GXB4JOP7.mjs +5072 -0
  30. package/dist/chunk-HFXOUMTD.mjs +175 -0
  31. package/dist/chunk-HWIZ47US.mjs +214 -0
  32. package/dist/chunk-IB7MNPQL.mjs +4953 -0
  33. package/dist/chunk-ICSIHQCG.mjs +148 -0
  34. package/dist/chunk-JLA5VNQ3.mjs +186 -0
  35. package/dist/chunk-JQLWFCTM.mjs +214 -0
  36. package/dist/chunk-KFJJCQAL.mjs +148 -0
  37. package/dist/chunk-KJUIIEQE.mjs +186 -0
  38. package/dist/chunk-KNWTHRVQ.mjs +175 -0
  39. package/dist/chunk-KSG4XSZF.mjs +175 -0
  40. package/dist/chunk-LF5N6DOU.mjs +175 -0
  41. package/dist/chunk-LJQCM2IM.mjs +214 -0
  42. package/dist/chunk-NW6555WJ.mjs +186 -0
  43. package/dist/chunk-OMZE6VLQ.mjs +214 -0
  44. package/dist/chunk-P4BR7WVO.mjs +2190 -0
  45. package/dist/chunk-QQHVYH2X.mjs +244 -0
  46. package/dist/chunk-S5QLWLLT.mjs +186 -0
  47. package/dist/chunk-SCWGT2FY.mjs +2190 -0
  48. package/dist/chunk-SMKJUSB3.mjs +2190 -0
  49. package/dist/chunk-VCAY2KGM.mjs +175 -0
  50. package/dist/chunk-WECAV6QB.mjs +148 -0
  51. package/dist/chunk-WMKBXUCE.mjs +3228 -0
  52. package/dist/chunk-XAJ5BKKL.mjs +4947 -0
  53. package/dist/chunk-XG2X7AEA.mjs +175 -0
  54. package/dist/chunk-XG7Z23NQ.mjs +148 -0
  55. package/dist/chunk-XWZAOCQ7.mjs +2607 -0
  56. package/dist/chunk-Y6MA7ULW.mjs +148 -0
  57. package/dist/chunk-YMS7Q7LG.mjs +214 -0
  58. package/dist/chunk-ZA37XTGA.mjs +175 -0
  59. package/dist/cli/index.js +1616 -366
  60. package/dist/cli/index.mjs +8 -8
  61. package/dist/codemod/cli.mjs +1 -1
  62. package/dist/codemod/index.mjs +1 -1
  63. package/dist/dev-server-RmGHIntF.d.mts +113 -0
  64. package/dist/dev-server-RmGHIntF.d.ts +113 -0
  65. package/dist/dev-server.d.mts +1 -1
  66. package/dist/dev-server.d.ts +1 -1
  67. package/dist/dev-server.js +982 -53
  68. package/dist/dev-server.mjs +5 -5
  69. package/dist/envelope.js +113 -6
  70. package/dist/envelope.mjs +3 -3
  71. package/dist/index.d.mts +5 -1
  72. package/dist/index.d.ts +5 -1
  73. package/dist/index.js +992 -63
  74. package/dist/index.mjs +8 -8
  75. package/{src/cli/init.ts → dist/init-7JQMAAXS.mjs} +70 -95
  76. package/dist/init-EHO4VQ22.mjs +369 -0
  77. package/dist/init-UC3FWPIW.mjs +367 -0
  78. package/dist/init-UNSMVKIK.mjs +366 -0
  79. package/dist/init-UNV5XIDE.mjs +367 -0
  80. package/dist/project-compiler-2P4N4DR7.mjs +10 -0
  81. package/dist/project-compiler-D2LCC27O.mjs +10 -0
  82. package/dist/project-compiler-EJ3GANJE.mjs +10 -0
  83. package/dist/project-compiler-LOQKVRZJ.mjs +10 -0
  84. package/dist/project-compiler-RQ6OQKRM.mjs +10 -0
  85. package/dist/project-compiler-VWNNCHGO.mjs +10 -0
  86. package/dist/project-compiler-XVAAU4C5.mjs +10 -0
  87. package/dist/project-compiler-YES5FGMD.mjs +10 -0
  88. package/dist/project-compiler-ZKMQDLGU.mjs +10 -0
  89. package/dist/project-decompiler-FLXCEJHS.mjs +7 -0
  90. package/dist/project-decompiler-VLPR22QF.mjs +7 -0
  91. package/dist/pull-FUS5QYZS.mjs +109 -0
  92. package/dist/pull-LD5ENLGY.mjs +109 -0
  93. package/dist/testing/index.js +113 -6
  94. package/dist/testing/index.mjs +2 -2
  95. package/dist/vite/index.js +113 -6
  96. package/dist/vite/index.mjs +3 -3
  97. package/examples/uber-app/app/admin/fleet.tsx +19 -19
  98. package/package.json +4 -3
  99. package/compile-blueprint-chat.mjs +0 -99
  100. package/compile-blueprint-glass-console.mjs +0 -98
  101. package/compile-chat-defs.mjs +0 -92
  102. package/examples/uber-app/tests/payment.test.tsx +0 -129
  103. package/examples/uber-app/tests/ride-flow.test.tsx +0 -123
  104. package/package.json.backup +0 -86
  105. package/scripts/decompile.ts +0 -226
  106. package/scripts/seed-auth.ts +0 -267
  107. package/scripts/seed-uber.ts +0 -248
  108. package/scripts/validate-uber.ts +0 -119
  109. package/seed-blueprint-chat.mjs +0 -444
  110. package/seed-blueprint-glass-console.mjs +0 -445
  111. package/seed-compiled.mjs +0 -318
  112. package/src/RoundTripValidator.ts +0 -400
  113. package/src/__tests__/atom-rendering-coverage.test.ts +0 -680
  114. package/src/__tests__/auth-module-compilation.test.ts +0 -247
  115. package/src/__tests__/auth-template-compilation.test.ts +0 -589
  116. package/src/__tests__/change-extractor.test.ts +0 -142
  117. package/src/__tests__/cli-pull.test.ts +0 -73
  118. package/src/__tests__/cli-test.test.ts +0 -72
  119. package/src/__tests__/component-extractor.test.ts +0 -331
  120. package/src/__tests__/context-extractor.test.ts +0 -145
  121. package/src/__tests__/decompiler.test.ts +0 -718
  122. package/src/__tests__/define-blueprint.test.ts +0 -133
  123. package/src/__tests__/definition-validator.test.ts +0 -519
  124. package/src/__tests__/during-extractor.test.ts +0 -152
  125. package/src/__tests__/effect-extractor.test.ts +0 -107
  126. package/src/__tests__/event-emission.test.ts +0 -127
  127. package/src/__tests__/examples.test.ts +0 -236
  128. package/src/__tests__/full-blueprint-coverage.test.ts +0 -1221
  129. package/src/__tests__/golden-suite.test.ts +0 -403
  130. package/src/__tests__/grammar-island-extractor.test.ts +0 -289
  131. package/src/__tests__/instance-key.test.ts +0 -82
  132. package/src/__tests__/ir-migration.test.ts +0 -255
  133. package/src/__tests__/lock-file.test.ts +0 -117
  134. package/src/__tests__/model-extractor.test.ts +0 -195
  135. package/src/__tests__/model-field-acl.test.ts +0 -237
  136. package/src/__tests__/model-hooks.test.ts +0 -130
  137. package/src/__tests__/model-ref-resolution.test.ts +0 -268
  138. package/src/__tests__/model-roundtrip.test.ts +0 -502
  139. package/src/__tests__/model-runtime.test.ts +0 -112
  140. package/src/__tests__/model-transitions.test.ts +0 -183
  141. package/src/__tests__/nrt-action-trace.test.ts +0 -391
  142. package/src/__tests__/pipeline-hardening.test.ts +0 -413
  143. package/src/__tests__/project-compiler.test.ts +0 -546
  144. package/src/__tests__/project-decompiler.test.ts +0 -343
  145. package/src/__tests__/query-compilation.test.ts +0 -145
  146. package/src/__tests__/round-trip/PLAN.md +0 -158
  147. package/src/__tests__/round-trip/README.md +0 -52
  148. package/src/__tests__/round-trip/RESULTS.md +0 -86
  149. package/src/__tests__/round-trip/fixtures/data-heavy/main.workflow.tsx +0 -55
  150. package/src/__tests__/round-trip/fixtures/data-heavy/mm.config.ts +0 -11
  151. package/src/__tests__/round-trip/fixtures/data-heavy/models/contact.ts +0 -54
  152. package/src/__tests__/round-trip/fixtures/full-workflow/main.workflow.tsx +0 -79
  153. package/src/__tests__/round-trip/fixtures/full-workflow/mm.config.ts +0 -12
  154. package/src/__tests__/round-trip/fixtures/full-workflow/models/order.ts +0 -50
  155. package/src/__tests__/round-trip/fixtures/simple-crud/main.workflow.tsx +0 -25
  156. package/src/__tests__/round-trip/fixtures/simple-crud/mm.config.ts +0 -11
  157. package/src/__tests__/round-trip/fixtures/simple-crud/models/task.ts +0 -32
  158. package/src/__tests__/round-trip/fixtures/view-heavy/main.workflow.tsx +0 -79
  159. package/src/__tests__/round-trip/fixtures/view-heavy/mm.config.ts +0 -10
  160. package/src/__tests__/round-trip/round-trip.test.ts +0 -2598
  161. package/src/__tests__/round-trip-ir.test.ts +0 -300
  162. package/src/__tests__/round-trip.test.ts +0 -1212
  163. package/src/__tests__/route-merging.test.ts +0 -372
  164. package/src/__tests__/router-composition.test.ts +0 -489
  165. package/src/__tests__/router-extractor.test.ts +0 -176
  166. package/src/__tests__/server-action-extractor.test.ts +0 -128
  167. package/src/__tests__/smart-type-inference.test.ts +0 -365
  168. package/src/__tests__/source-envelope.test.ts +0 -284
  169. package/src/__tests__/source-fidelity.test.ts +0 -516
  170. package/src/__tests__/state-extractor.test.ts +0 -115
  171. package/src/__tests__/strict-mode.test.ts +0 -227
  172. package/src/__tests__/transition-effect-extractor.test.ts +0 -119
  173. package/src/__tests__/transition-extractor.test.ts +0 -68
  174. package/src/__tests__/ts-to-expression.test.ts +0 -462
  175. package/src/__tests__/type-generator.test.ts +0 -201
  176. package/src/__tests__/uber-validation.test.ts +0 -502
  177. package/src/action-compiler.ts +0 -361
  178. package/src/babel/emitters/experience-transform.ts +0 -199
  179. package/src/babel/emitters/ir-to-tsx-emitter.ts +0 -110
  180. package/src/babel/emitters/pure-form-emitter.ts +0 -1023
  181. package/src/babel/emitters/runtime-glue-emitter.ts +0 -39
  182. package/src/babel/extractors/change-extractor.ts +0 -199
  183. package/src/babel/extractors/component-extractor.ts +0 -907
  184. package/src/babel/extractors/computed-extractor.ts +0 -262
  185. package/src/babel/extractors/context-extractor.ts +0 -277
  186. package/src/babel/extractors/during-extractor.ts +0 -295
  187. package/src/babel/extractors/effect-extractor.ts +0 -340
  188. package/src/babel/extractors/event-extractor.ts +0 -235
  189. package/src/babel/extractors/grammar-island-extractor.ts +0 -302
  190. package/src/babel/extractors/model-extractor.ts +0 -1018
  191. package/src/babel/extractors/router-extractor.ts +0 -303
  192. package/src/babel/extractors/server-action-extractor.ts +0 -173
  193. package/src/babel/extractors/server-action-hook-extractor.ts +0 -72
  194. package/src/babel/extractors/server-state-extractor.ts +0 -88
  195. package/src/babel/extractors/state-extractor.ts +0 -214
  196. package/src/babel/extractors/transition-effect-extractor.ts +0 -176
  197. package/src/babel/extractors/transition-extractor.ts +0 -143
  198. package/src/babel/index.ts +0 -24
  199. package/src/babel/transpilers/ts-to-expression.ts +0 -674
  200. package/src/babel/visitor.ts +0 -807
  201. package/src/cli/auth.ts +0 -255
  202. package/src/cli/build.ts +0 -288
  203. package/src/cli/deploy.ts +0 -206
  204. package/src/cli/index.ts +0 -328
  205. package/src/cli/installer.ts +0 -261
  206. package/src/cli/lock-file.ts +0 -94
  207. package/src/cli/mmrc.ts +0 -22
  208. package/src/cli/pull.ts +0 -172
  209. package/src/cli/registry-client.ts +0 -175
  210. package/src/cli/test.ts +0 -397
  211. package/src/cli/type-generator.ts +0 -243
  212. package/src/codemod/__tests__/forward.test.ts +0 -239
  213. package/src/codemod/__tests__/reverse.test.ts +0 -145
  214. package/src/codemod/__tests__/round-trip.test.ts +0 -137
  215. package/src/codemod/annotation.ts +0 -97
  216. package/src/codemod/classify.ts +0 -197
  217. package/src/codemod/cli.ts +0 -207
  218. package/src/codemod/control-flow.ts +0 -409
  219. package/src/codemod/forward.ts +0 -244
  220. package/src/codemod/import-manager.ts +0 -171
  221. package/src/codemod/index.ts +0 -120
  222. package/src/codemod/reverse.ts +0 -197
  223. package/src/codemod/rules.ts +0 -174
  224. package/src/codemod/state-transform.ts +0 -126
  225. package/src/decompiler/ast-builder.ts +0 -538
  226. package/src/decompiler/config-generator.ts +0 -151
  227. package/src/decompiler/index.ts +0 -315
  228. package/src/decompiler/project-decompiler.ts +0 -1776
  229. package/src/decompiler/project.ts +0 -862
  230. package/src/decompiler/split-strategy.ts +0 -140
  231. package/src/decompiler/state-emitter.ts +0 -1053
  232. package/src/decompiler/sx-emitter.ts +0 -318
  233. package/src/decompiler/workspace-hydrator.ts +0 -189
  234. package/src/dev-server.ts +0 -238
  235. package/src/envelope/fs-tree.ts +0 -217
  236. package/src/envelope/source-envelope.ts +0 -264
  237. package/src/envelope.ts +0 -315
  238. package/src/incremental-compiler.ts +0 -401
  239. package/src/index.ts +0 -99
  240. package/src/model-compiler.ts +0 -277
  241. package/src/project-compiler.ts +0 -1629
  242. package/src/route-extractor.ts +0 -333
  243. package/src/testing/index.ts +0 -32
  244. package/src/testing/snapshot.ts +0 -252
  245. package/src/testing/test-utils.ts +0 -226
  246. package/src/types.ts +0 -68
  247. package/src/vite/index.ts +0 -288
  248. package/test-compile.mjs +0 -142
  249. package/tsconfig.json +0 -25
  250. package/tsup.config.ts +0 -23
  251. package/vitest.config.ts +0 -9
@@ -1,674 +0,0 @@
1
- /**
2
- * TS → mm-compute Expression Transpiler
3
- *
4
- * Converts Babel AST Expression nodes into valid mm-compute expression strings.
5
- * Recognizes common JS/TS idioms and maps them to mm-compute built-in functions.
6
- *
7
- * Expressions that cannot be transpiled are emitted as `$expr(...)` opaque markers
8
- * for the runtime JS evaluator to handle.
9
- *
10
- * @module
11
- */
12
-
13
- import * as t from '@babel/types';
14
-
15
- // =============================================================================
16
- // Public API
17
- // =============================================================================
18
-
19
- /**
20
- * Transpile options — context passed through from the component extractor.
21
- */
22
- export interface TranspileOptions {
23
- /**
24
- * Map of local useState field names → snake_case names for $local bindings.
25
- * When set, identifiers matching keys are rewritten to `$local.snake_name`.
26
- */
27
- localFieldMap?: Map<string, string>;
28
- /**
29
- * Map of derived variable names → their defining AST expression.
30
- * When set, identifiers matching keys are inlined.
31
- */
32
- derivedVarMap?: Map<string, t.Expression>;
33
- /**
34
- * Map of setState setter names → field names.
35
- * When set, setter calls are rewritten to `$action.setLocal(...)`.
36
- */
37
- setterToFieldMap?: Map<string, string>;
38
- }
39
-
40
- /**
41
- * Result of transpilation.
42
- */
43
- export interface TranspileResult {
44
- /** The mm-compute expression string, or null if not translatable. */
45
- expression: string;
46
- /**
47
- * Whether this expression is fully translatable to mm-compute.
48
- * When false, the expression contains `$expr(...)` opaque markers.
49
- */
50
- pure: boolean;
51
- }
52
-
53
- /**
54
- * Transpile a Babel AST Expression node to an mm-compute expression string.
55
- *
56
- * Returns a {@link TranspileResult} with the expression and whether it's pure
57
- * (fully mm-compute) or contains opaque JS fallbacks.
58
- */
59
- export function transpileExpression(
60
- node: t.Expression,
61
- options: TranspileOptions = {},
62
- ): TranspileResult {
63
- const ctx = new TranspileContext(options);
64
- const expr = ctx.visit(node);
65
- return { expression: expr, pure: ctx.isPure };
66
- }
67
-
68
- /**
69
- * Convenience: transpile and return just the expression string.
70
- */
71
- export function transpile(node: t.Expression, options: TranspileOptions = {}): string {
72
- return transpileExpression(node, options).expression;
73
- }
74
-
75
- // =============================================================================
76
- // Transpile Context
77
- // =============================================================================
78
-
79
- class TranspileContext {
80
- isPure = true;
81
- private localFieldMap: Map<string, string>;
82
- private derivedVarMap: Map<string, t.Expression>;
83
- private setterToFieldMap: Map<string, string>;
84
-
85
- constructor(options: TranspileOptions) {
86
- this.localFieldMap = options.localFieldMap ?? new Map();
87
- this.derivedVarMap = options.derivedVarMap ?? new Map();
88
- this.setterToFieldMap = options.setterToFieldMap ?? new Map();
89
- }
90
-
91
- /**
92
- * Emit an opaque JS fallback, marking the result as impure.
93
- */
94
- opaque(jsCode: string): string {
95
- this.isPure = false;
96
- return `$expr(${jsCode})`;
97
- }
98
-
99
- /**
100
- * Visit an AST node and produce an mm-compute expression string.
101
- */
102
- visit(node: t.Expression): string {
103
- // --- Literals ---
104
- if (t.isStringLiteral(node)) return `"${node.value.replace(/\\/g, '\\\\').replace(/"/g, '\\"')}"`;
105
- if (t.isNumericLiteral(node)) return String(node.value);
106
- if (t.isBooleanLiteral(node)) return String(node.value);
107
- if (t.isNullLiteral(node)) return 'null';
108
-
109
- // --- Identifier ---
110
- if (t.isIdentifier(node)) {
111
- const snakeName = this.localFieldMap.get(node.name);
112
- if (snakeName) return `$local.${snakeName}`;
113
- const derivedInit = this.derivedVarMap.get(node.name);
114
- if (derivedInit) return `(${this.visit(derivedInit)})`;
115
- // Known JS globals that don't translate
116
- if (node.name === 'undefined') return 'null';
117
- if (node.name === 'NaN') return 'null';
118
- if (node.name === 'Infinity') return 'null';
119
- return node.name;
120
- }
121
-
122
- // --- TS type assertions: pass through ---
123
- if (t.isTSAsExpression(node)) return this.visit(node.expression);
124
- if (t.isTSNonNullExpression(node)) return this.visit(node.expression);
125
- if (t.isTSTypeAssertion(node)) return this.visit(node.expression);
126
-
127
- // --- Parenthesized ---
128
- if (t.isParenthesizedExpression(node)) return `(${this.visit(node.expression)})`;
129
-
130
- // --- Unary expressions ---
131
- if (t.isUnaryExpression(node) && node.prefix) {
132
- return this.visitUnary(node);
133
- }
134
-
135
- // --- Binary expressions ---
136
- if (t.isBinaryExpression(node)) {
137
- return this.visitBinary(node);
138
- }
139
-
140
- // --- Logical expressions ---
141
- if (t.isLogicalExpression(node)) {
142
- return this.visitLogical(node);
143
- }
144
-
145
- // --- Conditional (ternary) ---
146
- if (t.isConditionalExpression(node)) {
147
- return `if(${this.visit(node.test)}, ${this.visit(node.consequent)}, ${this.visit(node.alternate)})`;
148
- }
149
-
150
- // --- Member expression (including optional chaining) ---
151
- if (t.isMemberExpression(node) || t.isOptionalMemberExpression(node)) {
152
- return this.visitMember(node);
153
- }
154
-
155
- // --- Call expression (including optional calls) ---
156
- if (t.isCallExpression(node) || t.isOptionalCallExpression(node)) {
157
- return this.visitCall(node);
158
- }
159
-
160
- // --- Template literal ---
161
- if (t.isTemplateLiteral(node)) {
162
- return this.visitTemplateLiteral(node);
163
- }
164
-
165
- // --- Array expression ---
166
- if (t.isArrayExpression(node)) {
167
- const elements = node.elements.map((el) => {
168
- if (el === null) return 'null';
169
- if (t.isSpreadElement(el)) return this.opaque(`...${this.visit(el.argument)}`);
170
- return t.isExpression(el) ? this.visit(el) : 'null';
171
- });
172
- return `[${elements.join(', ')}]`;
173
- }
174
-
175
- // --- Object expression ---
176
- if (t.isObjectExpression(node)) {
177
- return this.visitObject(node);
178
- }
179
-
180
- // --- Arrow function (for lambdas in higher-order functions) ---
181
- if (t.isArrowFunctionExpression(node)) {
182
- return this.visitArrow(node);
183
- }
184
-
185
- // --- New expression ---
186
- if (t.isNewExpression(node)) {
187
- return this.visitNew(node);
188
- }
189
-
190
- // Fallback: opaque
191
- return this.opaque(fallbackGenerate(node));
192
- }
193
-
194
- // ---------------------------------------------------------------------------
195
- // Unary
196
- // ---------------------------------------------------------------------------
197
-
198
- private visitUnary(node: t.UnaryExpression): string {
199
- if (node.operator === '!') {
200
- return `not(${this.visit(node.argument)})`;
201
- }
202
- if (node.operator === '-') {
203
- // Negative number: -5 → just -5
204
- if (t.isNumericLiteral(node.argument)) return String(-node.argument.value);
205
- return `(0 - ${this.visit(node.argument)})`;
206
- }
207
- if (node.operator === 'typeof') {
208
- return `typeof(${this.visit(node.argument)})`;
209
- }
210
- return this.opaque(`${node.operator}${fallbackGenerate(node.argument)}`);
211
- }
212
-
213
- // ---------------------------------------------------------------------------
214
- // Binary
215
- // ---------------------------------------------------------------------------
216
-
217
- private visitBinary(node: t.BinaryExpression): string {
218
- const left = this.visit(node.left as t.Expression);
219
- const right = this.visit(node.right as t.Expression);
220
-
221
- switch (node.operator) {
222
- case '===': return `(${left} == ${right})`;
223
- case '!==': return `(${left} != ${right})`;
224
- case '==': return `(${left} == ${right})`;
225
- case '!=': return `(${left} != ${right})`;
226
- case '<': return `(${left} < ${right})`;
227
- case '>': return `(${left} > ${right})`;
228
- case '<=': return `(${left} <= ${right})`;
229
- case '>=': return `(${left} >= ${right})`;
230
- case '+': return `(${left} + ${right})`;
231
- case '-': return `(${left} - ${right})`;
232
- case '*': return `(${left} * ${right})`;
233
- case '/': return `(${left} / ${right})`;
234
- case '%': return `(${left} % ${right})`;
235
- default:
236
- return this.opaque(`(${left} ${node.operator} ${right})`);
237
- }
238
- }
239
-
240
- // ---------------------------------------------------------------------------
241
- // Logical
242
- // ---------------------------------------------------------------------------
243
-
244
- private visitLogical(node: t.LogicalExpression): string {
245
- const left = this.visit(node.left);
246
- const right = this.visit(node.right);
247
-
248
- switch (node.operator) {
249
- case '&&': return `(${left} && ${right})`;
250
- case '||': return `(${left} || ${right})`;
251
- case '??':
252
- // a ?? b → if(a != null, a, b)
253
- // Need to avoid double-evaluation of left, but mm-compute doesn't have
254
- // let-bindings, so we emit coalesce() instead
255
- return `coalesce(${left}, ${right})`;
256
- default:
257
- return this.opaque(`(${left} ${node.operator} ${right})`);
258
- }
259
- }
260
-
261
- // ---------------------------------------------------------------------------
262
- // Member expression
263
- // ---------------------------------------------------------------------------
264
-
265
- private visitMember(node: t.MemberExpression | t.OptionalMemberExpression): string {
266
- const isOptional = (node as t.OptionalMemberExpression).optional === true;
267
-
268
- // --- arr.length → length(arr) ---
269
- if (!node.computed && t.isIdentifier(node.property) && node.property.name === 'length') {
270
- const obj = this.visit(node.object as t.Expression);
271
- if (isOptional) {
272
- return `if(${obj} != null, length(${obj}), null)`;
273
- }
274
- return `length(${obj})`;
275
- }
276
-
277
- // Standard member access
278
- const obj = this.visit(node.object as t.Expression);
279
-
280
- if (node.computed) {
281
- const prop = t.isExpression(node.property) ? this.visit(node.property as t.Expression) : '0';
282
- if (isOptional) {
283
- return `if(${obj} != null, get(${obj}, ${prop}), null)`;
284
- }
285
- return `${obj}[${prop}]`;
286
- }
287
-
288
- const prop = t.isIdentifier(node.property) ? node.property.name : '[property]';
289
-
290
- if (isOptional) {
291
- return `if(${obj} != null, ${obj}.${prop}, null)`;
292
- }
293
- return `${obj}.${prop}`;
294
- }
295
-
296
- // ---------------------------------------------------------------------------
297
- // Call expression
298
- // ---------------------------------------------------------------------------
299
-
300
- private visitCall(node: t.CallExpression | t.OptionalCallExpression): string {
301
- // --- Free-standing function call: fn(args) ---
302
- if (t.isIdentifier(node.callee)) {
303
- // useState setter calls
304
- const setterField = this.setterToFieldMap.get(node.callee.name);
305
- if (setterField) {
306
- return this.visitSetterCall(node, setterField);
307
- }
308
- const args = this.visitArgs(node.arguments);
309
- return `${node.callee.name}(${args})`;
310
- }
311
-
312
- // --- Method call: obj.method(args) ---
313
- if (t.isMemberExpression(node.callee) || t.isOptionalMemberExpression(node.callee)) {
314
- const methodName = t.isIdentifier(node.callee.property) ? node.callee.property.name : null;
315
- if (!methodName) {
316
- return this.opaque(fallbackGenerate(node));
317
- }
318
-
319
- // --- Math.* ---
320
- if (t.isIdentifier(node.callee.object) && node.callee.object.name === 'Math') {
321
- return this.visitMathCall(methodName, node.arguments);
322
- }
323
-
324
- // --- JSON.* ---
325
- if (t.isIdentifier(node.callee.object) && node.callee.object.name === 'JSON') {
326
- return this.visitJsonCall(methodName, node.arguments);
327
- }
328
-
329
- // --- Date.now() ---
330
- if (t.isIdentifier(node.callee.object) && node.callee.object.name === 'Date') {
331
- if (methodName === 'now') return 'now_ms()';
332
- }
333
-
334
- // --- Instance method calls: obj.method(args) ---
335
- const obj = this.visit(node.callee.object as t.Expression);
336
- return this.visitMethodCall(obj, methodName, node.arguments);
337
- }
338
-
339
- // Fallback for complex callees
340
- return this.opaque(fallbackGenerate(node));
341
- }
342
-
343
- // ---------------------------------------------------------------------------
344
- // Method call transpilation (obj.method(args))
345
- // ---------------------------------------------------------------------------
346
-
347
- private visitMethodCall(
348
- obj: string,
349
- method: string,
350
- args: (t.Expression | t.SpreadElement | t.JSXNamespacedName | t.ArgumentPlaceholder)[],
351
- ): string {
352
- switch (method) {
353
- // --- String methods ---
354
- case 'toLowerCase': return `lower(${obj})`;
355
- case 'toUpperCase': return `upper(${obj})`;
356
- case 'trim': return `trim(${obj})`;
357
- case 'startsWith': {
358
- const [arg] = this.visitArgsList(args);
359
- return `starts_with(${obj}, ${arg})`;
360
- }
361
- case 'endsWith': {
362
- const [arg] = this.visitArgsList(args);
363
- return `ends_with(${obj}, ${arg})`;
364
- }
365
- case 'includes': {
366
- const [arg] = this.visitArgsList(args);
367
- return `contains(${obj}, ${arg})`;
368
- }
369
- case 'split': {
370
- const [sep] = this.visitArgsList(args);
371
- return `split(${obj}, ${sep})`;
372
- }
373
- case 'join': {
374
- const [sep] = this.visitArgsList(args);
375
- return `join(${obj}, ${sep})`;
376
- }
377
- case 'replace': {
378
- const visited = this.visitArgsList(args);
379
- return `replace(${obj}, ${visited[0]}, ${visited[1]})`;
380
- }
381
- case 'substring':
382
- case 'slice': {
383
- const visited = this.visitArgsList(args);
384
- if (visited.length === 1) return `substring(${obj}, ${visited[0]})`;
385
- return `substring(${obj}, ${visited[0]}, ${visited[1]})`;
386
- }
387
- case 'charAt': {
388
- const [idx] = this.visitArgsList(args);
389
- return `substring(${obj}, ${idx}, (${idx} + 1))`;
390
- }
391
- case 'indexOf': {
392
- const [arg] = this.visitArgsList(args);
393
- return `indexof(${obj}, ${arg})`;
394
- }
395
- case 'toString': return `to_string(${obj})`;
396
- case 'toISOString': return 'now()';
397
- case 'concat': {
398
- const visited = this.visitArgsList(args);
399
- return `concat(${obj}, ${visited.join(', ')})`;
400
- }
401
-
402
- // --- Array higher-order methods ---
403
- case 'filter': return this.visitArrayHigherOrder('filter', obj, args);
404
- case 'map': return this.visitArrayHigherOrder('map', obj, args);
405
- case 'find': return this.visitArrayHigherOrder('find', obj, args);
406
- case 'reduce': return this.visitArrayReduce(obj, args);
407
- case 'some': return this.visitArrayHigherOrder('some', obj, args);
408
- case 'every': return this.visitArrayHigherOrder('every', obj, args);
409
-
410
- // --- Array mutation-free methods ---
411
- case 'reverse': return `reverse(${obj})`;
412
- case 'sort': return `sort(${obj})`;
413
- case 'flat': return `flat(${obj})`;
414
-
415
- // --- JSON methods on values ---
416
- case 'stringify': return `to_string(${obj})`;
417
-
418
- default:
419
- // Unknown method — opaque fallback
420
- return this.opaque(`${obj}.${method}(${this.visitArgs(args)})`);
421
- }
422
- }
423
-
424
- // ---------------------------------------------------------------------------
425
- // Array higher-order method transpilation
426
- // ---------------------------------------------------------------------------
427
-
428
- private visitArrayHigherOrder(
429
- fn: string,
430
- obj: string,
431
- args: (t.Expression | t.SpreadElement | t.JSXNamespacedName | t.ArgumentPlaceholder)[],
432
- ): string {
433
- const firstArg = args[0];
434
- if (!firstArg || !t.isExpression(firstArg)) {
435
- return this.opaque(`${obj}.${fn}()`);
436
- }
437
-
438
- // Arrow function: x => expr
439
- if (t.isArrowFunctionExpression(firstArg) && t.isExpression(firstArg.body)) {
440
- const paramName = firstArg.params.length > 0 && t.isIdentifier(firstArg.params[0])
441
- ? firstArg.params[0].name
442
- : '_';
443
-
444
- // For simple property access patterns like x => x.name → MAP(arr, "name")
445
- // But mm-compute supports lambda syntax, so use that for complex expressions
446
- const lambdaBody = this.visit(firstArg.body);
447
- return `${fn}(${obj}, ${paramName} => ${lambdaBody})`;
448
- }
449
-
450
- // Function reference: arr.filter(isActive) → filter(arr, isActive)
451
- const argStr = this.visit(firstArg);
452
- return `${fn}(${obj}, ${argStr})`;
453
- }
454
-
455
- private visitArrayReduce(
456
- obj: string,
457
- args: (t.Expression | t.SpreadElement | t.JSXNamespacedName | t.ArgumentPlaceholder)[],
458
- ): string {
459
- const [callbackArg, initArg] = args;
460
- if (!callbackArg || !t.isExpression(callbackArg)) {
461
- return this.opaque(`${obj}.reduce()`);
462
- }
463
-
464
- if (t.isArrowFunctionExpression(callbackArg) && t.isExpression(callbackArg.body)) {
465
- const params = callbackArg.params;
466
- const accName = params.length > 0 && t.isIdentifier(params[0]) ? params[0].name : 'acc';
467
- const itemName = params.length > 1 && t.isIdentifier(params[1]) ? params[1].name : 'x';
468
-
469
- const lambdaBody = this.visit(callbackArg.body);
470
- const initStr = initArg && t.isExpression(initArg) ? this.visit(initArg) : '0';
471
- return `reduce(${obj}, (${accName}, ${itemName}) => ${lambdaBody}, ${initStr})`;
472
- }
473
-
474
- return this.opaque(fallbackGenerate({ type: 'CallExpression' } as any));
475
- }
476
-
477
- // ---------------------------------------------------------------------------
478
- // Math.* methods
479
- // ---------------------------------------------------------------------------
480
-
481
- private visitMathCall(
482
- method: string,
483
- args: (t.Expression | t.SpreadElement | t.JSXNamespacedName | t.ArgumentPlaceholder)[],
484
- ): string {
485
- const visited = this.visitArgsList(args);
486
- switch (method) {
487
- case 'max': return `max(${visited.join(', ')})`;
488
- case 'min': return `min(${visited.join(', ')})`;
489
- case 'round': return `round(${visited.join(', ')})`;
490
- case 'floor': return `floor(${visited.join(', ')})`;
491
- case 'ceil': return `ceil(${visited.join(', ')})`;
492
- case 'abs': return `abs(${visited.join(', ')})`;
493
- case 'pow': return `power(${visited.join(', ')})`;
494
- case 'sqrt': return `sqrt(${visited.join(', ')})`;
495
- case 'log': return `log(${visited.join(', ')})`;
496
- case 'log10': return `log10(${visited.join(', ')})`;
497
- case 'sign': return `sign(${visited.join(', ')})`;
498
- default:
499
- return this.opaque(`Math.${method}(${visited.join(', ')})`);
500
- }
501
- }
502
-
503
- // ---------------------------------------------------------------------------
504
- // JSON.* methods
505
- // ---------------------------------------------------------------------------
506
-
507
- private visitJsonCall(
508
- method: string,
509
- args: (t.Expression | t.SpreadElement | t.JSXNamespacedName | t.ArgumentPlaceholder)[],
510
- ): string {
511
- const visited = this.visitArgsList(args);
512
- switch (method) {
513
- case 'stringify': return `to_string(${visited[0]})`;
514
- case 'parse': return `from_json(${visited[0]})`;
515
- default:
516
- return this.opaque(`JSON.${method}(${visited.join(', ')})`);
517
- }
518
- }
519
-
520
- // ---------------------------------------------------------------------------
521
- // Template literals
522
- // ---------------------------------------------------------------------------
523
-
524
- private visitTemplateLiteral(node: t.TemplateLiteral): string {
525
- // Collect all parts: string quasis interleaved with expressions
526
- const parts: string[] = [];
527
-
528
- for (let i = 0; i < node.quasis.length; i++) {
529
- const raw = node.quasis[i].value.cooked ?? node.quasis[i].value.raw;
530
- if (raw) {
531
- parts.push(`"${raw.replace(/\\/g, '\\\\').replace(/"/g, '\\"')}"`);
532
- }
533
- if (i < node.expressions.length) {
534
- const exprStr = this.visit(node.expressions[i] as t.Expression);
535
- // Wrap in to_string for non-string subexpressions
536
- parts.push(`to_string(${exprStr})`);
537
- }
538
- }
539
-
540
- // Filter out empty strings
541
- const nonEmpty = parts.filter(p => p !== '""');
542
- if (nonEmpty.length === 0) return '""';
543
- if (nonEmpty.length === 1) return nonEmpty[0];
544
- return `concat(${nonEmpty.join(', ')})`;
545
- }
546
-
547
- // ---------------------------------------------------------------------------
548
- // Object expression
549
- // ---------------------------------------------------------------------------
550
-
551
- private visitObject(node: t.ObjectExpression): string {
552
- // mm-compute supports object literals: {"key": value}
553
- const props = node.properties.map((prop) => {
554
- if (t.isSpreadElement(prop)) {
555
- return this.opaque(`...${this.visit(prop.argument)}`);
556
- }
557
- if (t.isObjectProperty(prop)) {
558
- const key = t.isIdentifier(prop.key) ? `"${prop.key.name}"`
559
- : t.isStringLiteral(prop.key) ? `"${prop.key.value}"`
560
- : t.isNumericLiteral(prop.key) ? `"${prop.key.value}"`
561
- : '"[key]"';
562
- const value = t.isExpression(prop.value) ? this.visit(prop.value) : 'null';
563
- return `${key}: ${value}`;
564
- }
565
- // ObjectMethod — not translatable
566
- return this.opaque('[method]');
567
- });
568
- return `{${props.join(', ')}}`;
569
- }
570
-
571
- // ---------------------------------------------------------------------------
572
- // Arrow function (lambda)
573
- // ---------------------------------------------------------------------------
574
-
575
- private visitArrow(node: t.ArrowFunctionExpression): string {
576
- // mm-compute supports: x => expr, (x, y) => expr
577
- if (t.isExpression(node.body)) {
578
- const params = node.params.map((p) => {
579
- if (t.isIdentifier(p)) return p.name;
580
- return '_';
581
- }).join(', ');
582
- const body = this.visit(node.body);
583
- if (node.params.length === 1) return `${params} => ${body}`;
584
- return `(${params}) => ${body}`;
585
- }
586
- // Block body — can't directly represent in mm-compute
587
- return this.opaque(fallbackGenerate(node));
588
- }
589
-
590
- // ---------------------------------------------------------------------------
591
- // new expressions
592
- // ---------------------------------------------------------------------------
593
-
594
- private visitNew(node: t.NewExpression): string {
595
- // new Date().toISOString() is handled at the call level
596
- // new Date() alone → now()
597
- if (t.isIdentifier(node.callee) && node.callee.name === 'Date' && node.arguments.length === 0) {
598
- return 'now()';
599
- }
600
- return this.opaque(fallbackGenerate(node));
601
- }
602
-
603
- // ---------------------------------------------------------------------------
604
- // setState setter calls
605
- // ---------------------------------------------------------------------------
606
-
607
- private visitSetterCall(
608
- node: t.CallExpression | t.OptionalCallExpression,
609
- fieldName: string,
610
- ): string {
611
- if (node.arguments.length >= 1) {
612
- const arg = node.arguments[0];
613
- if (
614
- (t.isArrowFunctionExpression(arg) || t.isFunctionExpression(arg)) &&
615
- arg.params.length >= 1 &&
616
- t.isIdentifier(arg.params[0])
617
- ) {
618
- const paramName = arg.params[0].name;
619
- const bodyExpr = t.isExpression(arg.body) ? this.visit(arg.body) : 'null';
620
- const resolved = bodyExpr.replace(
621
- new RegExp(`(?<![.$\\w])${paramName}(?![\\w])`, 'g'),
622
- `$local.${fieldName}`,
623
- );
624
- return `$action.setLocal("${fieldName}")(${resolved})`;
625
- }
626
- const argStr = t.isExpression(arg) ? this.visit(arg) : 'null';
627
- return `$action.setLocal("${fieldName}")(${argStr})`;
628
- }
629
- return `$action.setLocal("${fieldName}")`;
630
- }
631
-
632
- // ---------------------------------------------------------------------------
633
- // Argument helpers
634
- // ---------------------------------------------------------------------------
635
-
636
- private visitArgs(
637
- args: (t.Expression | t.SpreadElement | t.JSXNamespacedName | t.ArgumentPlaceholder)[],
638
- ): string {
639
- return args.map((a) => {
640
- if (t.isExpression(a)) return this.visit(a);
641
- if (t.isSpreadElement(a)) return this.opaque(`...${this.visit(a.argument)}`);
642
- return 'null';
643
- }).join(', ');
644
- }
645
-
646
- private visitArgsList(
647
- args: (t.Expression | t.SpreadElement | t.JSXNamespacedName | t.ArgumentPlaceholder)[],
648
- ): string[] {
649
- return args.map((a) => {
650
- if (t.isExpression(a)) return this.visit(a);
651
- if (t.isSpreadElement(a)) return this.opaque(`...${this.visit(a.argument)}`);
652
- return 'null';
653
- });
654
- }
655
- }
656
-
657
- // =============================================================================
658
- // Fallback code generator (minimal, for opaque markers)
659
- // =============================================================================
660
-
661
- /**
662
- * Minimal JS code generator for AST nodes we can't transpile.
663
- * Produces a best-effort JS string for the $expr() wrapper.
664
- * @internal
665
- */
666
- function fallbackGenerate(node: t.Node): string {
667
- if (t.isIdentifier(node)) return node.name;
668
- if (t.isStringLiteral(node)) return `"${node.value.replace(/"/g, '\\"')}"`;
669
- if (t.isNumericLiteral(node)) return String(node.value);
670
- if (t.isBooleanLiteral(node)) return String(node.value);
671
- if (t.isNullLiteral(node)) return 'null';
672
- // For anything complex, produce a type marker
673
- return `[${node.type}]`;
674
- }