@jsenv/plugin-bundling 1.0.4 → 1.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/plugin-bundling",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -24,7 +24,7 @@
     "test": "node --conditions=development ./scripts/test.mjs"
   },
   "dependencies": {
-    "@jsenv/ast": "1.4.10",
+    "@jsenv/ast": "2.0.0",
     "@jsenv/babel-plugins": "1.1.2",
     "@jsenv/log": "3.3.3",
     "@jsenv/url-meta": "7.0.2",

package/src/css/css_bundling_lightning_css.js

@@ -0,0 +1,33 @@
+import { fileURLToPath } from "node:url"
+
+// Do not use until https://github.com/parcel-bundler/parcel-css/issues/181
+export const bundleCss = async (urlInfo, context) => {
+  const { bundle } = await import("lightningcss")
+
+  const targets = runtimeCompatToTargets(context.runtimeCompat)
+  const { code, map } = bundle({
+    filename: fileURLToPath(urlInfo.originalUrl),
+    targets,
+    minify: false,
+  })
+  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/css/{bundle_css.js → css_bundling_postcss.js}

@@ -11,7 +11,6 @@ import { applyPostCss, postCssPluginUrlVisitor } from "@jsenv/ast"
 
 import { sortByDependencies } from "./sort_by_dependencies.js"
 
-// Do not use until https://github.com/parcel-bundler/parcel-css/issues/181
 export const bundleCss = async ({ cssUrlInfos, context }) => {
   const bundledCssUrlInfos = {}
   const cssBundleInfos = await performCssBundling({
@@ -21,7 +20,7 @@ export const bundleCss = async ({ cssUrlInfos, context }) => {
   cssUrlInfos.forEach((cssUrlInfo) => {
     bundledCssUrlInfos[cssUrlInfo.url] = {
       data: {
-        bundlerName: "parcel",
+        bundlerName: "postcss",
       },
       contentType: "text/css",
       content: cssBundleInfos[cssUrlInfo.url].bundleContent,

package/src/jsenv_plugin_bundling.js

@@ -1,4 +1,4 @@
-import { bundleCss } from "./css/bundle_css.js"
+import { bundleCss } from "./css/css_bundling_postcss.js"
 import { bundleJsClassicWorkers } from "./js_classic_workers/bundle_js_classic_workers.js"
 import { bundleJsModules } from "./js_module/bundle_js_modules.js"