1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
//! ES2022: Class Properties
//!
//! This plugin transforms class properties to initializers inside class constructor.
//!
//! > This plugin is included in `preset-env`, in ES2022
//!
//! ## Example
//!
//! Input:
//! ```js
//! class C {
//! foo = 123;
//! #bar = 456;
//! method() {
//! let bar = this.#bar;
//! this.#bar = bar + 1;
//! }
//! }
//!
//! let x = 123;
//! class D extends S {
//! foo = x;
//! constructor(x) {
//! if (x) {
//! let s = super(x);
//! } else {
//! super(x);
//! }
//! }
//! }
//! ```
//!
//! Output:
//! ```js
//! var _bar = /*#__PURE__*/ new WeakMap();
//! class C {
//! constructor() {
//! babelHelpers.defineProperty(this, "foo", 123);
//! babelHelpers.classPrivateFieldInitSpec(this, _bar, 456);
//! }
//! method() {
//! let bar = babelHelpers.classPrivateFieldGet2(_bar, this);
//! babelHelpers.classPrivateFieldSet2(_bar, this, bar + 1);
//! }
//! }
//!
//! let x = 123;
//! class D extends S {
//! constructor(_x) {
//! if (_x) {
//! let s = (super(_x), babelHelpers.defineProperty(this, "foo", x));
//! } else {
//! super(_x);
//! babelHelpers.defineProperty(this, "foo", x);
//! }
//! }
//! }
//! ```
//!
//! ## Options
//!
//! ### `loose`
//!
//! This option can also be enabled with `CompilerAssumptions::set_public_class_fields`.
//!
//! When `true`, class properties are compiled to use an assignment expression instead of
//! `_defineProperty` helper.
//!
//! #### Example
//!
//! Input:
//! ```js
//! class C {
//! foo = 123;
//! }
//! ```
//!
//! With `loose: false` (default):
//!
//! ```js
//! class C {
//! constructor() {
//! babelHelpers.defineProperty(this, "foo", 123);
//! }
//! }
//! ```
//!
//! With `loose: true`:
//!
//! ```js
//! class C {
//! constructor() {
//! this.foo = 123;
//! }
//! }
//! ```
//!
//! ## Implementation
//!
//! ### Reference implementation
//!
//! Implementation based on [@babel/plugin-transform-class-properties](https://babel.dev/docs/babel-plugin-transform-class-properties).
//!
//! I (@overlookmotel) wrote this transform without reference to Babel's internal implementation,
//! but aiming to reproduce Babel's output, guided by Babel's test suite.
//!
//! ### Divergence from Babel
//!
//! In a few places, our implementation diverges from Babel, notably inserting property initializers
//! into constructor of a class with multiple `super()` calls (see comments in [`constructor`] module).
//!
//! ### High level overview
//!
//! Transform happens in 3 phases:
//!
//! 1. On entering class body:
//! ([`ClassProperties::transform_class_body_on_entry`])
//! * Check if class contains properties or static blocks, to determine if any transform is necessary.
//! Exit if nothing to do.
//! * Build a hashmap of private property keys.
//! * Extract instance property initializers (public or private) from class body and insert into
//! class constructor.
//! * Temporarily replace computed keys of instance properties with assignments to temp vars.
//! `class C { [foo()] = 123; }` -> `class C { [_foo = foo()]; }`
//!
//! 2. During traversal of class body:
//! ([`ClassProperties::transform_private_field_expression`] and other visitors)
//! * Transform private fields (`this.#foo`).
//!
//! 3. On exiting class:
//! ([`ClassProperties::transform_class_declaration_on_exit`] and [`ClassProperties::transform_class_expression_on_exit`])
//! * Transform static properties, and static blocks.
//! * Move assignments to temp vars which were inserted in computed keys for in phase 1 to before class.
//! * Create temp vars for computed method keys if required.
//! * Insert statements before/after class declaration / expressions before/after class expression.
//!
//! The reason for doing transform in 3 phases is that everything needs to stay within the class body
//! while main traverse executes, so that other transforms have a chance to run on that code.
//!
//! Static property initializers, static blocks, and computed keys move to outside the class eventually,
//! but we move them in the final exit phase, so they get transformed first.
//! Additionally, any private fields (`this.#prop`) in these parts are also transformed in the main traverse
//! by this transform.
//!
//! However, we can't leave *everything* until the exit phase because:
//!
//! 1. We need to compile a list of private properties before main traversal.
//! 2. Instance property initializers need to move into the class constructor, and if we don't do that
//! before the main traversal of class body, then other transforms running on instance property
//! initializers will create temp vars outside the class, when they should be in constructor.
//!
//! Note: We execute the entry phase on entering class *body*, not class, because private properties
//! defined in a class only affect the class body, and not the `extends` clause.
//! By only pushing details of the class to the stack when entering class *body*, we avoid any class
//! fields in the `extends` clause being incorrectly resolved to private properties defined in that class,
//! as `extends` clause is visited before class body.
//!
//! ### Structures
//!
//! Transform stores 2 sets of state:
//!
//! 1. Details about classes in a stack of `ClassDetails` - `classes_stack`.
//! This stack is pushed to when entering class body, and popped when exiting class.
//! This contains data which is used in both the enter and exit phases.
//! 2. A set of properties - `insert_before` etc.
//! These properties are only used in *either* enter or exit phase.
//! State cannot be shared between enter and exit phases in these properties, as they'll get clobbered
//! if there's a nested class within this one.
//!
//! We don't store all state in `ClassDetails` as a performance optimization.
//! It reduces the size of `ClassDetails` which has be repeatedly pushed and popped from stack,
//! and allows reusing same `Vec`s and `FxHashMap`s for each class, rather than creating new each time.
//!
//! ### Files
//!
//! Implementation is split into several files:
//!
//! * `mod.rs`: Setup and visitor.
//! * `class.rs`: Transform of class body.
//! * `prop_decl.rs`: Transform of property declarations (instance and static).
//! * `constructor.rs`: Insertion of property initializers into class constructor.
//! * `instance_prop_init.rs`: Transform of instance property initializers.
//! * `static_block_and_prop_init.rs`: Transform of static property initializers and static blocks.
//! * `computed_key.rs`: Transform of property/method computed keys.
//! * `private_field.rs`: Transform of private fields (`this.#prop`).
//! * `private_method.rs`: Transform of private methods (`this.#method()`).
//! * `super_converter.rs`: Transform `super` expressions.
//! * `class_details.rs`: Structures containing details of classes and private properties.
//! * `class_bindings.rs`: Structure containing bindings for class name and temp var.
//! * `utils.rs`: Utility functions.
//!
//! ## References
//!
//! * Babel plugin implementation:
//! * <https://github.com/babel/babel/tree/v7.26.2/packages/babel-plugin-transform-class-properties>
//! * <https://github.com/babel/babel/blob/v7.26.2/packages/babel-helper-create-class-features-plugin/src/index.ts>
//! * <https://github.com/babel/babel/blob/v7.26.2/packages/babel-helper-create-class-features-plugin/src/fields.ts>
//! * Class properties TC39 proposal: <https://github.com/tc39/proposal-class-fields>
use IndexMap;
use FxHashMap;
use Deserialize;
use IdentBuildHasher;
use *;
use Ident;
use SymbolId;
use Traverse;
use crate::;
use ClassBindings;
use ;
type IdentIndexMap<'a, V> = ;
/// Options for the class properties transform.
/// Class properties transform.
///
/// See [module docs] for details.
///
/// [module docs]: self