Support source phase import syntax

package.json

@@ -32,8 +32,8 @@
   "dependencies": {
     "@angular/compiler": "16.2.6",
     "@babel/code-frame": "7.22.13",
-    "@babel/parser": "7.22.16",
-    "@babel/types": "7.22.19",
+    "@babel/parser": "7.23.0",
+    "@babel/types": "7.23.0",
     "@glimmer/syntax": "0.84.3",
     "@iarna/toml": "2.2.5",
     "@prettier/is-es5-identifier-name": "0.2.0",

src/language-js/parse/babel.js

@@ -26,6 +26,7 @@ const parseOptions = {
   allowUndeclaredExports: true,
   errorRecovery: true,
   createParenthesizedExpressions: true,
+  createImportExpressions: true,
   plugins: [
     // When adding a plugin, please add a test in `tests/format/js/babel-plugins`,
     // To remove plugins, remove it here and run `yarn test tests/format/js/babel-plugins` to verify
@@ -45,6 +46,7 @@ const parseOptions = {
     "importReflection",
     "explicitResourceManagement",
     ["importAttributes", { deprecatedAssertSyntax: true }],
+    "sourcePhaseImports",
   ],
   tokens: true,
   ranges: true,

src/language-js/print/call-expression.js

@@ -68,7 +68,7 @@ function printCallExpression(path, options, print) {
 
   const contents = [
     isNew ? "new " : "",
-    isDynamicImport ? "import" : print("callee"),
+    isDynamicImport ? printDynamicImportCallee(node) : print("callee"),
     optional,
     printFunctionTypeParameters(path, options, print),
     printCallArguments(path, options, print),
@@ -83,6 +83,13 @@ function printCallExpression(path, options, print) {
   return contents;
 }
 
+function printDynamicImportCallee(node) {
+  if (!node.phase) {
+    return "import";
+  }
+  return `import.${node.phase}`;
+}
+
 function isCommonsJsOrAmdCall(node, parentNode) {
   if (node.callee.type !== "Identifier") {
     return false;

src/language-js/print/module.js

@@ -34,6 +34,7 @@ function printImportDeclaration(path, options, print) {
   return [
     "import",
     node.module ? " module" : "",
+    node.phase ? ` ${node.phase}` : "",
     printImportKind(node),
     printModuleSpecifiers(path, options, print),
     printModuleSource(path, options, print),

src/language-js/utils/index.js

@@ -1050,9 +1050,15 @@ function getCallArguments(node) {
   if (node.type === "ImportExpression") {
     args = [node.source];
 
+    // import attributes
     if (node.attributes) {
       args.push(node.attributes);
     }
+
+    // deprecated import assertions
+    if (node.options) {
+      args.push(node.options);
+    }
   }
 
   callArgumentsCache.set(node, args);
@@ -1064,22 +1070,33 @@ function iterateCallArgumentsPath(path, iteratee) {
   if (node.type === "ImportExpression") {
     path.call((sourcePath) => iteratee(sourcePath, 0), "source");
 
+    // import attributes
     if (node.attributes) {
       path.call((sourcePath) => iteratee(sourcePath, 1), "attributes");
     }
+
+    // deprecated import assertions
+    if (node.options) {
+      path.call((sourcePath) => iteratee(sourcePath, 1), "options");
+    }
   } else {
     path.each(iteratee, "arguments");
   }
 }
 
 function getCallArgumentSelector(node, index) {
   if (node.type === "ImportExpression") {
-    if (index === 0 || index === (node.attributes ? -2 : -1)) {
+    if (index === 0 || index === (node.attributes || node.options ? -2 : -1)) {
       return "source";
     }
+    // import attributes
     if (node.attributes && (index === 1 || index === -1)) {
       return "attributes";
     }
+    // deprecated import assertions
+    if (node.options && (index === 1 || index === -1)) {
+      return "options";
+    }
     throw new RangeError("Invalid argument index");
   }
   if (index < 0) {

tests/format/js/babel-plugins/__snapshots__/jsfmt.spec.js.snap

@@ -2461,6 +2461,46 @@ const re = /^(?i:[a-z])[a-z]$/;
 ================================================================================
 `;
 
+exports[`source-phase-imports.js [acorn] format 1`] = `
+"Unexpected token (1:15)
+> 1 | import source fooSource from "foo";
+    |               ^
+  2 | import.source("x");
+  3 |"
+`;
+
+exports[`source-phase-imports.js [espree] format 1`] = `
+"Unexpected token fooSource (1:15)
+> 1 | import source fooSource from "foo";
+    |               ^
+  2 | import.source("x");
+  3 |"
+`;
+
+exports[`source-phase-imports.js [meriyah] format 1`] = `
+"Import source must be string (1:23)
+> 1 | import source fooSource from "foo";
+    |                       ^
+  2 | import.source("x");
+  3 |"
+`;
+
+exports[`source-phase-imports.js format 1`] = `
+====================================options=====================================
+parsers: ["babel", "babel-ts", "babel-flow"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+import source fooSource from "foo";
+import.source("x");
+
+=====================================output=====================================
+import source fooSource from "foo";
+import.source("x");
+
+================================================================================
+`;
+
 exports[`throw-expressions.js [acorn] format 1`] = `
 "Unexpected token (3:23)
   1 | // https://babeljs.io/docs/en/babel-plugin-proposal-throw-expressions

tests/format/js/babel-plugins/jsfmt.spec.js

@@ -31,6 +31,7 @@ run_spec(import.meta, ["babel", "babel-ts", "babel-flow"], {
       "import-reflection.js",
       "explicit-resource-management.js",
       "regexp-modifiers.js",
+      "source-phase-imports.js",
     ],
     espree: [
       "decimal.js",
@@ -60,6 +61,7 @@ run_spec(import.meta, ["babel", "babel-ts", "babel-flow"], {
       "import-reflection.js",
       "explicit-resource-management.js",
       "regexp-modifiers.js",
+      "source-phase-imports.js",
     ],
     meriyah: [
       "decimal.js",
@@ -91,6 +93,7 @@ run_spec(import.meta, ["babel", "babel-ts", "babel-flow"], {
       "import-reflection.js",
       "explicit-resource-management.js",
       "regexp-modifiers.js",
+      "source-phase-imports.js",
     ],
     babel: ["flow.js", "typescript.js"],
     __babel_estree: ["flow.js", "typescript.js"],

tests/format/js/babel-plugins/source-phase-imports.js

@@ -0,0 +1,2 @@
+import source fooSource from "foo";
+import.source("x");