babel-preset-expo 12.0.0-preview.2 → 12.0.0-preview.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 (2) hide show
  1. package/build/server-actions-plugin.js +93 -7
  2. package/package.json +2 -2
package/build/server-actions-plugin.js CHANGED
@@ -263,14 +263,94 @@ function reactServerActionsPlugin(api) {
263
263
  if (!state.file.metadata.isModuleMarkedWithUseServerDirective) {
264
264
  return;
265
265
  }
266
- // TODO: support variable functions
267
- throw path.buildCodeFrameError(`Not implemented: 'export default' declarations in "use server" files. Try using 'export { name as default }' instead.`);
266
+ // Convert `export default function foo() {}` to `function foo() {}; export { foo as default }`
267
+ if (path.node.declaration) {
268
+ if (t.isFunctionDeclaration(path.node.declaration)) {
269
+ let { id } = path.node.declaration;
270
+ if (id == null) {
271
+ const moduleScope = path.scope.getProgramParent();
272
+ const extractedIdentifier = moduleScope.generateUidIdentifier('$$INLINE_ACTION');
273
+ id = extractedIdentifier;
274
+ // Transform `async function () {}` to `async function $$INLINE_ACTION() {}`
275
+ path.node.declaration.id = extractedIdentifier;
276
+ }
277
+ const exportedSpecifier = t.exportSpecifier(id, t.identifier('default'));
278
+ path.replaceWith(path.node.declaration);
279
+ path.insertAfter(t.exportNamedDeclaration(null, [exportedSpecifier]));
280
+ }
281
+ else {
282
+ // Convert anonymous function expressions to named function expressions and export them as default.
283
+ // export default foo = async () => {}
284
+ // vvv
285
+ // const foo = async () => {}
286
+ // (() => _registerServerReference(foo, "file:///unknown", "default"))();
287
+ // export { foo as default };
288
+ if (t.isAssignmentExpression(path.node.declaration) &&
289
+ t.isArrowFunctionExpression(path.node.declaration.right)) {
290
+ if (!t.isIdentifier(path.node.declaration.left)) {
291
+ throw path.buildCodeFrameError(`Expected an assignment to an identifier but found ${path.node.declaration.left.type}.`);
292
+ }
293
+ const { left, right } = path.node.declaration;
294
+ const id = left;
295
+ const exportedSpecifier = t.exportSpecifier(id, t.identifier('default'));
296
+ // Replace `export default foo = async () => {}` with `const foo = async () => {}`
297
+ path.replaceWith(t.variableDeclaration('const', [t.variableDeclarator(id, right)]));
298
+ // Insert `(() => _registerServerReference(foo, "file:///unknown", "default"))();`
299
+ path.insertAfter(t.exportNamedDeclaration(null, [exportedSpecifier]));
300
+ }
301
+ else if (t.isArrowFunctionExpression(path.node.declaration) &&
302
+ path.node.declaration) {
303
+ // export default async () => {}
304
+ // Give the function a name
305
+ // const $$INLINE_ACTION = async () => {}
306
+ const moduleScope = path.scope.getProgramParent();
307
+ const extractedIdentifier = moduleScope.generateUidIdentifier('$$INLINE_ACTION');
308
+ // @ts-expect-error: Transform `export default async () => {}` to `const $$INLINE_ACTION = async () => {}`
309
+ path.node.declaration = t.variableDeclaration('const', [
310
+ t.variableDeclarator(extractedIdentifier, path.node.declaration),
311
+ ]);
312
+ // Strip the `export default`
313
+ path.replaceWith(path.node.declaration);
314
+ // export { $$INLINE_ACTION as default }
315
+ const exportedSpecifier = t.exportSpecifier(extractedIdentifier, t.identifier('default'));
316
+ path.insertAfter(t.exportNamedDeclaration(null, [exportedSpecifier]));
317
+ }
318
+ else if (
319
+ // Match `export default foo;`
320
+ t.isIdentifier(path.node.declaration)) {
321
+ // Ensure the `path.node.declaration` is a function or a variable for a function.
322
+ const binding = path.scope.getBinding(path.node.declaration.name);
323
+ const isServerActionType = t.isFunctionDeclaration(binding?.path.node ?? path.node.declaration) ||
324
+ t.isArrowFunctionExpression(binding?.path.node ?? path.node.declaration) ||
325
+ // `const foo = async () => {}`
326
+ (t.isVariableDeclarator(binding?.path.node) &&
327
+ t.isArrowFunctionExpression(binding?.path.node.init));
328
+ if (isServerActionType) {
329
+ // Convert `export default foo;` to `export { foo as default };`
330
+ const exportedSpecifier = t.exportSpecifier(path.node.declaration, t.identifier('default'));
331
+ path.replaceWith(t.exportNamedDeclaration(null, [exportedSpecifier]));
332
+ }
333
+ }
334
+ else {
335
+ // Unclear when this happens.
336
+ throw path.buildCodeFrameError(`Cannot create server action. Expected a assignment expression but found ${path.node.declaration.type}.`);
337
+ }
338
+ }
339
+ }
340
+ else {
341
+ // TODO: Unclear when this happens.
342
+ throw path.buildCodeFrameError(`Not implemented: 'export default' declarations in "use server" files. Try using 'export { name as default }' instead.`);
343
+ }
268
344
  },
269
345
  ExportNamedDeclaration(path, state) {
270
346
  assertExpoMetadata(state.file.metadata);
271
347
  if (!state.file.metadata.isModuleMarkedWithUseServerDirective) {
272
348
  return;
273
349
  }
350
+ // This can happen with `export {};` and TypeScript types.
351
+ if (!path.node.declaration && !path.node.specifiers.length) {
352
+ return;
353
+ }
274
354
  const registerServerReferenceId = addReactImport();
275
355
  const actionModuleId = getActionModuleId();
276
356
  const createRegisterCall = (identifier, exported = identifier) => {
@@ -287,11 +367,12 @@ function reactServerActionsPlugin(api) {
287
367
  for (const specifier of path.node.specifiers) {
288
368
  // `export * as ns from './foo';`
289
369
  if (t.isExportNamespaceSpecifier(specifier)) {
290
- throw path.buildCodeFrameError('Not implemented: Namespace exports');
370
+ throw path.buildCodeFrameError('Namespace exports for server actions are not supported. Re-export named actions instead: export { foo } from "./bar".');
291
371
  }
292
372
  else if (t.isExportDefaultSpecifier(specifier)) {
373
+ // NOTE: This is handled by ExportDefaultDeclaration
293
374
  // `export default foo;`
294
- throw path.buildCodeFrameError('Not implemented (ExportDefaultSpecifier in ExportNamedDeclaration)');
375
+ throw path.buildCodeFrameError('Internal error while extracting server actions. Expected `export default variable;` to be extracted. (ExportDefaultSpecifier in ExportNamedDeclaration)');
295
376
  }
296
377
  else if (t.isExportSpecifier(specifier)) {
297
378
  // `export { foo };`
@@ -311,9 +392,6 @@ function reactServerActionsPlugin(api) {
311
392
  }
312
393
  state.file.metadata.extractedActions.push({ localName, exportedName });
313
394
  }
314
- else {
315
- throw path.buildCodeFrameError('Not implemented: whatever this is');
316
- }
317
395
  }
318
396
  return;
319
397
  }
@@ -339,6 +417,14 @@ function reactServerActionsPlugin(api) {
339
417
  }
340
418
  return [innerPath.get('id').node];
341
419
  }
420
+ else if (
421
+ // TypeScript type exports
422
+ innerPath.isTypeAlias() ||
423
+ innerPath.isTSDeclareFunction() ||
424
+ innerPath.isTSInterfaceDeclaration() ||
425
+ innerPath.isTSTypeAliasDeclaration()) {
426
+ return [];
427
+ }
342
428
  else {
343
429
  throw innerPath.buildCodeFrameError(`Unimplemented server action export`);
344
430
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "babel-preset-expo",
3
- "version": "12.0.0-preview.2",
3
+ "version": "12.0.0-preview.3",
4
4
  "description": "The Babel preset for Expo projects",
5
5
  "main": "build/index.js",
6
6
  "files": [
@@ -70,5 +70,5 @@
70
70
  "jest": "^29.2.1",
71
71
  "react-compiler-runtime": "^19.0.0-beta-8a03594-20241020"
72
72
  },
73
- "gitHead": "71f25de1d8fe12c0b91242fd6e882ccfb4698e17"
73
+ "gitHead": "d5b7ec4949eb461634b2f02a1a0ff1df2a0e2a21"
74
74
  }