@jsenv/plugin-transpilation 1.3.16 → 1.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/plugin-transpilation",
-  "version": "1.3.16",
+  "version": "1.4.1",
   "description": "TODO",
   "license": "MIT",
   "repository": {
@@ -51,8 +51,8 @@
     "@babel/plugin-transform-template-literals": "7.24.7",
     "@babel/plugin-transform-typeof-symbol": "7.24.7",
     "@babel/plugin-transform-unicode-regex": "7.24.7",
-    "@jsenv/ast": "6.0.7",
-    "@jsenv/js-module-fallback": "1.3.16",
+    "@jsenv/ast": "6.1.1",
+    "@jsenv/js-module-fallback": "1.3.18",
     "@jsenv/runtime-compat": "1.3.0",
     "babel-plugin-transform-async-to-promises": "0.8.18",
     "construct-style-sheets-polyfill": "3.1.0",

package/src/babel/new_stylesheet/constructable_stylesheet_usage.js

@@ -20,7 +20,7 @@ export const analyzeConstructableStyleSheetUsage = (urlInfo) => {
         // import('./' + moduleName)
         return false;
       }
-      if (hasImportTypeCssAssertion(node)) {
+      if (hasImportTypeCssAttribute(node)) {
         return node;
       }
       if (hasCssModuleQueryParam(source)) {
@@ -33,7 +33,7 @@ export const analyzeConstructableStyleSheetUsage = (urlInfo) => {
       if (hasCssModuleQueryParam(source)) {
         return source;
       }
-      if (hasImportTypeCssAssertion(node)) {
+      if (hasImportTypeCssAttribute(node)) {
         return node;
       }
       return false;
@@ -95,20 +95,18 @@ const hasCssModuleQueryParam = (node) => {
   );
 };
 
-const hasImportTypeCssAssertion = (node) => {
-  const importAssertionsDescriptor = getImportAssertionsDescriptor(
-    node.assertions,
-  );
-  return Boolean(importAssertionsDescriptor.type === "css");
+const hasImportTypeCssAttribute = (node) => {
+  const importAttributes = getImportAttributes(node);
+  return Boolean(importAttributes.type === "css");
 };
 
-const getImportAssertionsDescriptor = (importAssertions) => {
-  const importAssertionsDescriptor = {};
-  if (importAssertions) {
-    importAssertions.forEach((importAssertion) => {
-      importAssertionsDescriptor[importAssertion.key.name] =
-        importAssertion.value.value;
+const getImportAttributes = (importNode) => {
+  const importAttributes = {};
+  if (importNode.attributes) {
+    importNode.attributes.forEach((importAttributeNode) => {
+      importAttributes[importAttributeNode.key.name] =
+        importAttributeNode.value.value;
     });
   }
-  return importAssertionsDescriptor;
+  return importAttributes;
 };

package/src/{import_assertions/jsenv_plugin_import_assertions.js → import_attributes/jsenv_plugin_import_attributes.js}

@@ -3,17 +3,17 @@
  * ```js
  * const file = "./style.css"
  * const type = "css"
- * import(file, { assert: { type }})
+ * import(file, { with: { type }})
  * ```
  * Jsenv could throw an error when it knows some browsers in runtimeCompat
- * do not support import assertions
+ * do not support import attributes
  * But for now (as it is simpler) we let the browser throw the error
  */
 
 import { urlToFilename, injectQueryParams } from "@jsenv/urls";
 import { JS_QUOTES } from "@jsenv/utils/src/string/js_quotes.js";
 
-export const jsenvPluginImportAssertions = ({
+export const jsenvPluginImportAttributes = ({
   json = "auto",
   css = "auto",
   text = "auto",
@@ -36,17 +36,17 @@ export const jsenvPluginImportAssertions = ({
       } else {
         const { importTypeAttributeNode } = reference.astInfo;
         const content = reference.ownerUrlInfo.content;
-        const assertKeyboardStart = content.indexOf(
-          "assert",
-          importTypeAttributeNode.start - " assert { ".length,
+        const withKeywordStart = content.indexOf(
+          "with",
+          importTypeAttributeNode.start - " with { ".length,
         );
-        const assertKeywordEnd = content.indexOf(
+        const withKeywordEnd = content.indexOf(
           "}",
           importTypeAttributeNode.end,
         );
         magicSource.remove({
-          start: assertKeyboardStart,
-          end: assertKeywordEnd + 1,
+          start: withKeywordStart,
+          end: withKeywordEnd + 1,
         });
       }
     };

package/src/jsenv_plugin_transpilation.js

@@ -7,14 +7,14 @@
  * of this plugin
  */
 
-import { jsenvPluginImportAssertions } from "./import_assertions/jsenv_plugin_import_assertions.js";
+import { jsenvPluginImportAttributes } from "./import_attributes/jsenv_plugin_import_attributes.js";
 import { jsenvPluginBabel } from "./babel/jsenv_plugin_babel.js";
 import { jsenvPluginJsModuleFallback } from "./js_module_fallback/jsenv_plugin_js_module_fallback.js";
 import { jsenvPluginAsJsModule } from "./as_js_module/jsenv_plugin_as_js_module.js";
 import { jsenvPluginCssTranspilation } from "./css/jsenv_plugin_css_transpilation.js";
 
 export const jsenvPluginTranspilation = ({
-  importAssertions = true,
+  importAttributes = true,
   css = true, // TODO
   // build sets jsModuleFallback: false during first step of the build
   // and re-enable it in the second phase (when performing the bundling)
@@ -22,8 +22,8 @@ export const jsenvPluginTranspilation = ({
   jsModuleFallback = true,
   babelHelpersAsImport = true,
 }) => {
-  if (importAssertions === true) {
-    importAssertions = {};
+  if (importAttributes === true) {
+    importAttributes = {};
   }
   if (jsModuleFallback === true) {
     jsModuleFallback = {};
@@ -35,8 +35,8 @@ export const jsenvPluginTranspilation = ({
     }),
     jsenvPluginAsJsModule(),
     ...(jsModuleFallback ? [jsenvPluginJsModuleFallback()] : []),
-    ...(importAssertions
-      ? [jsenvPluginImportAssertions(importAssertions)]
+    ...(importAttributes
+      ? [jsenvPluginImportAttributes(importAttributes)]
       : []),
 
     ...(css ? [jsenvPluginCssTranspilation()] : []),