Enable import assertion

.eslintrc.json

@@ -15,7 +15,7 @@
       "jsx": true
     },
     "babelOptions": {
-      "presets": ["@babel/preset-env", "@babel/preset-react"],
+      "presets": ["next/babel"],
       "caller": {
         // Eslint supports top level await when a parser for it is included. We enable the parser by default for Babel.
         "supportsTopLevelAwait": true

package.json

@@ -51,8 +51,8 @@
     "@fullhuman/postcss-purgecss": "1.3.0",
     "@mdx-js/loader": "0.18.0",
     "@svgr/webpack": "5.5.0",
-    "@swc/cli": "0.1.49",
-    "@swc/core": "1.2.97",
+    "@swc/cli": "0.1.55",
+    "@swc/core": "1.2.135",
     "@testing-library/react": "11.2.5",
     "@types/cheerio": "0.22.16",
     "@types/fs-extra": "8.1.0",
@@ -139,7 +139,7 @@
     "postcss-short-size": "4.0.0",
     "postcss-trolling": "0.1.7",
     "pre-commit": "1.2.2",
-    "prettier": "2.3.2",
+    "prettier": "2.5.1",
     "pretty-bytes": "5.3.0",
     "pretty-ms": "7.0.0",
     "random-seed": "0.3.0",
@@ -165,7 +165,7 @@
     "tree-kill": "1.2.2",
     "tsec": "0.2.1",
     "turbo": "1.0.28",
-    "typescript": "4.4.3",
+    "typescript": "4.5.5",
     "wait-port": "0.2.2",
     "web-streams-polyfill": "2.1.1",
     "webpack": "link:./node_modules/webpack5",

packages/eslint-config-next/package.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "@next/eslint-plugin-next": "12.1.1-canary.4",
     "@rushstack/eslint-patch": "1.0.8",
-    "@typescript-eslint/parser": "5.0.0",
+    "@typescript-eslint/parser": "5.10.1",
     "eslint-import-resolver-node": "0.3.4",
     "eslint-import-resolver-typescript": "2.4.0",
     "eslint-plugin-import": "2.25.2",

packages/next/build/babel/preset.ts

@@ -158,6 +158,7 @@ export default (
         },
       ],
       require('next/dist/compiled/babel/plugin-syntax-dynamic-import'),
+      require('next/dist/compiled/babel/plugin-syntax-import-assertions'),
       require('./plugins/react-loadable-plugin'),
       [
         require('next/dist/compiled/babel/plugin-proposal-class-properties'),

packages/next/build/swc/options.js

@@ -35,11 +35,14 @@ export function getBaseSWCOptions({
       parser: {
         syntax: isTypeScript ? 'typescript' : 'ecmascript',
         dynamicImport: true,
+        importAssertions: true,
         decorators: enableDecorators,
         // Exclude regular TypeScript files from React transformation to prevent e.g. generic parameters and angle-bracket type assertion from being interpreted as JSX tags.
         [isTypeScript ? 'tsx' : 'jsx']: isTSFile ? false : true,
       },
-
+      experimental: {
+        keepImportAssertions: true,
+      },
       transform: {
         // Enables https://github.com/swc-project/swc/blob/0359deb4841be743d73db4536d4a22ac797d7f65/crates/swc_ecma_ext_transforms/src/jest.rs
         ...(jest

packages/next/bundles/babel/bundle.js

@@ -40,6 +40,10 @@ function generator() {
   return require('@babel/generator')
 }
 
+function parser() {
+  return require('@babel/parser')
+}
+
 function eslintParser() {
   return require('next/dist/compiled/babel-packages').eslintParser()
 }
@@ -68,6 +72,10 @@ function pluginSyntaxDynamicImport() {
   return require('next/dist/compiled/babel-packages').pluginSyntaxDynamicImport()
 }
 
+function pluginSyntaxImportAssertions() {
+  return require('next/dist/compiled/babel-packages').pluginSyntaxImportAssertions()
+}
+
 function pluginSyntaxJsx() {
   return require('next/dist/compiled/babel-packages').pluginSyntaxJsx()
 }
@@ -112,12 +120,14 @@ module.exports = {
   generator,
   traverse,
   eslintParser,
+  parser,
   pluginProposalClassProperties,
   pluginProposalExportNamespaceFrom,
   pluginProposalNumericSeparator,
   pluginProposalObjectRestSpread,
   pluginSyntaxBigint,
   pluginSyntaxDynamicImport,
+  pluginSyntaxImportAssertions,
   pluginSyntaxJsx,
   pluginTransformDefine,
   pluginTransformModulesCommonjs,

packages/next/bundles/babel/packages-bundle.js

@@ -28,6 +28,10 @@ function pluginSyntaxDynamicImport() {
   return require('@babel/plugin-syntax-dynamic-import')
 }
 
+function pluginSyntaxImportAssertions() {
+  return require('@babel/plugin-syntax-import-assertions')
+}
+
 function pluginSyntaxJsx() {
   return require('@babel/plugin-syntax-jsx')
 }
@@ -68,6 +72,7 @@ module.exports = {
   pluginProposalObjectRestSpread,
   pluginSyntaxBigint,
   pluginSyntaxDynamicImport,
+  pluginSyntaxImportAssertions,
   pluginSyntaxJsx,
   pluginTransformDefine,
   pluginTransformModulesCommonjs,

packages/next/bundles/babel/packages/parser.js

@@ -0,0 +1 @@
+module.exports = require('./bundle').parser()

packages/next/bundles/babel/packages/plugin-syntax-import-assertions.js

@@ -0,0 +1 @@
+module.exports = require('./bundle').pluginSyntaxImportAssertions()

packages/next/compiled/babel/parser.js

@@ -0,0 +1 @@
+module.exports = require('./bundle').parser()

packages/next/compiled/babel/plugin-syntax-import-assertions.js

@@ -0,0 +1 @@
+module.exports = require('./bundle').pluginSyntaxImportAssertions()