@jsenv/core 30.0.7 → 30.1.0

package/dist/main.js

@@ -16,7 +16,7 @@ import { Readable, Stream, Writable } from "node:stream";
 import { Http2ServerResponse } from "node:http2";
 import { lookup } from "node:dns";
 import { SOURCEMAP, generateSourcemapFileUrl, composeTwoSourcemaps, generateSourcemapDataUrl, createMagicSource, getOriginalPosition } from "@jsenv/sourcemap";
-import { parseHtmlString, stringifyHtmlAst, getHtmlNodeAttribute, visitHtmlNodes, analyzeScriptNode, setHtmlNodeAttributes, parseSrcSet, getHtmlNodePosition, getHtmlNodeAttributePosition, applyPostCss, postCssPluginUrlVisitor, parseJsUrls, getHtmlNodeText, setHtmlNodeText, applyBabelPlugins, injectScriptNodeAsEarlyAsPossible, createHtmlNode, findHtmlNode, removeHtmlNode, removeHtmlNodeText, transpileWithParcel, injectJsImport, analyzeLinkNode, injectHtmlNode, insertHtmlNodeAfter } from "@jsenv/ast";
+import { parseHtmlString, stringifyHtmlAst, getHtmlNodeAttribute, visitHtmlNodes, analyzeScriptNode, setHtmlNodeAttributes, parseSrcSet, getHtmlNodePosition, getHtmlNodeAttributePosition, applyPostCss, postCssPluginUrlVisitor, parseJsUrls, getHtmlNodeText, setHtmlNodeText, applyBabelPlugins, injectScriptNodeAsEarlyAsPossible, createHtmlNode, findHtmlNode, removeHtmlNode, removeHtmlNodeText, injectJsImport, analyzeLinkNode, injectHtmlNode, insertHtmlNodeAfter } from "@jsenv/ast";
 import { createRequire } from "node:module";
 import babelParser from "@babel/parser";
 import { bundleJsModules } from "@jsenv/plugin-bundling";
@@ -17750,17 +17750,16 @@ const babelPluginMetadataImportMetaScenarios = () => {
   };
 };
 
-// https://github.com/parcel-bundler/parcel-css
-const jsenvPluginCssParcel = () => {
+const jsenvPluginCssTranspilation = () => {
   return {
-    name: "jsenv:css_parcel",
+    name: "jsenv:css_transpilation",
     appliesDuring: "*",
     transformUrlContent: {
-      css: (urlInfo, context) => {
+      css: async (urlInfo, context) => {
         const {
           code,
           map
-        } = transpileWithParcel(urlInfo, context);
+        } = await transpileCss(urlInfo, context);
         return {
           content: String(code),
           sourcemap: map
@@ -17769,6 +17768,44 @@ const jsenvPluginCssParcel = () => {
     }
   };
 };
+const transpileCss = async (urlInfo, context) => {
+  // https://lightningcss.dev/docs.html
+  const {
+    transform
+  } = await import("lightningcss");
+  const targets = runtimeCompatToTargets(context.runtimeCompat);
+  const {
+    code,
+    map
+  } = transform({
+    filename: fileURLToPath(urlInfo.originalUrl),
+    code: Buffer.from(urlInfo.content),
+    targets,
+    minify: false,
+    drafts: {
+      nesting: true,
+      customMedia: true
+    }
+  });
+  return {
+    code,
+    map
+  };
+};
+const runtimeCompatToTargets = runtimeCompat => {
+  const targets = {};
+  ["chrome", "firefox", "ie", "opera", "safari"].forEach(runtimeName => {
+    const version = runtimeCompat[runtimeName];
+    if (version) {
+      targets[runtimeName] = versionToBits(version);
+    }
+  });
+  return targets;
+};
+const versionToBits = version => {
+  const [major, minor = 0, patch = 0] = version.split("-")[0].split(".").map(v => parseInt(v, 10));
+  return major << 16 | minor << 8 | patch;
+};
 
 /*
  * Jsenv wont touch code where "specifier" or "type" is dynamic (see code below)
@@ -19206,7 +19243,7 @@ const jsenvPluginTranspilation = ({
   }), jsenvPluginAsJsModule(),
   // topLevelAwait must come after jsenvPluginAsJsClassic because it's related to the module format
   // so we want to wait to know the module format before transforming things related to top level await
-  ...(topLevelAwait ? [jsenvPluginTopLevelAwait()] : []), ...(css ? [jsenvPluginCssParcel()] : [])];
+  ...(topLevelAwait ? [jsenvPluginTopLevelAwait()] : []), ...(css ? [jsenvPluginCssTranspilation()] : [])];
 };
 
 const jsenvPluginNodeRuntime = ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/core",
-  "version": "30.0.7",
+  "version": "30.1.0",
   "description": "Tool to develop, test and build js projects",
   "license": "MIT",
   "author": {
@@ -67,9 +67,9 @@
     "@c88/v8-coverage": "0.1.1",
     "@financial-times/polyfill-useragent-normaliser": "1.10.2",
     "@jsenv/abort": "4.2.4",
-    "@jsenv/ast": "1.4.10",
+    "@jsenv/ast": "2.0.0",
     "@jsenv/babel-plugins": "1.1.2",
-    "@jsenv/plugin-bundling": "1.0.4",
+    "@jsenv/plugin-bundling": "1.0.5",
     "@jsenv/filesystem": "4.1.9",
     "@jsenv/importmap": "1.2.1",
     "@jsenv/integrity": "0.0.1",
@@ -88,6 +88,7 @@
     "istanbul-lib-report": "3.0.0",
     "istanbul-reports": "3.1.5",
     "launch-editor": "2.6.0",
+    "lightningcss": "1.18.0",
     "pidtree": "0.6.0",
     "string-width": "5.1.2",
     "strip-ansi": "7.0.1",

package/src/plugins/transpilation/css/jsenv_plugin_css_transpilation.js

@@ -0,0 +1,54 @@
+import { fileURLToPath } from "node:url"
+
+export const jsenvPluginCssTranspilation = () => {
+  return {
+    name: "jsenv:css_transpilation",
+    appliesDuring: "*",
+    transformUrlContent: {
+      css: async (urlInfo, context) => {
+        const { code, map } = await transpileCss(urlInfo, context)
+        return {
+          content: String(code),
+          sourcemap: map,
+        }
+      },
+    },
+  }
+}
+
+const transpileCss = async (urlInfo, context) => {
+  // https://lightningcss.dev/docs.html
+  const { transform } = await import("lightningcss")
+
+  const targets = runtimeCompatToTargets(context.runtimeCompat)
+  const { code, map } = transform({
+    filename: fileURLToPath(urlInfo.originalUrl),
+    code: Buffer.from(urlInfo.content),
+    targets,
+    minify: false,
+    drafts: {
+      nesting: true,
+      customMedia: true,
+    },
+  })
+  return { code, map }
+}
+
+const runtimeCompatToTargets = (runtimeCompat) => {
+  const targets = {}
+  ;["chrome", "firefox", "ie", "opera", "safari"].forEach((runtimeName) => {
+    const version = runtimeCompat[runtimeName]
+    if (version) {
+      targets[runtimeName] = versionToBits(version)
+    }
+  })
+  return targets
+}
+
+const versionToBits = (version) => {
+  const [major, minor = 0, patch = 0] = version
+    .split("-")[0]
+    .split(".")
+    .map((v) => parseInt(v, 10))
+  return (major << 16) | (minor << 8) | patch
+}

package/src/plugins/transpilation/jsenv_plugin_transpilation.js

@@ -7,7 +7,7 @@
  * of this plugin
  */
 
-import { jsenvPluginCssParcel } from "./css_parcel/jsenv_plugin_css_parcel.js"
+import { jsenvPluginCssTranspilation } from "./css/jsenv_plugin_css_transpilation.js"
 import { jsenvPluginImportAssertions } from "./import_assertions/jsenv_plugin_import_assertions.js"
 import { jsenvPluginAsJsClassic } from "./as_js_classic/jsenv_plugin_as_js_classic.js"
 import { jsenvPluginAsJsModule } from "./as_js_module/jsenv_plugin_as_js_module.js"
@@ -52,6 +52,6 @@ export const jsenvPluginTranspilation = ({
     // topLevelAwait must come after jsenvPluginAsJsClassic because it's related to the module format
     // so we want to wait to know the module format before transforming things related to top level await
     ...(topLevelAwait ? [jsenvPluginTopLevelAwait(topLevelAwait)] : []),
-    ...(css ? [jsenvPluginCssParcel()] : []),
+    ...(css ? [jsenvPluginCssTranspilation()] : []),
   ]
 }

package/src/plugins/transpilation/css_parcel/jsenv_plugin_css_parcel.js

@@ -1,18 +0,0 @@
-import { transpileWithParcel } from "@jsenv/ast"
-
-// https://github.com/parcel-bundler/parcel-css
-export const jsenvPluginCssParcel = () => {
-  return {
-    name: "jsenv:css_parcel",
-    appliesDuring: "*",
-    transformUrlContent: {
-      css: (urlInfo, context) => {
-        const { code, map } = transpileWithParcel(urlInfo, context)
-        return {
-          content: String(code),
-          sourcemap: map,
-        }
-      },
-    },
-  }
-}