@jsenv/plugin-bundling 1.0.4 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/plugin-bundling",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -24,13 +24,13 @@
     "test": "node --conditions=development ./scripts/test.mjs"
   },
   "dependencies": {
-    "@jsenv/ast": "1.4.10",
     "@jsenv/babel-plugins": "1.1.2",
     "@jsenv/log": "3.3.3",
     "@jsenv/url-meta": "7.0.2",
     "@jsenv/urls": "1.2.8",
     "@jsenv/sourcemap": "1.0.8",
     "acorn-import-assertions": "1.8.0",
+    "lightningcss": "1.18.0",
     "rollup": "3.9.1"
   },
   "peerDependencies": {

package/src/css/css_bundling_lightning_css.js

@@ -0,0 +1,56 @@
+import { fileURLToPath, pathToFileURL } from "node:url"
+
+// Do not use until https://github.com/parcel-bundler/parcel-css/issues/181
+export const bundleCss = async ({ cssUrlInfos, context }) => {
+  const bundledCssUrlInfos = {}
+  const { bundleAsync } = await import("lightningcss")
+  const targets = runtimeCompatToTargets(context.runtimeCompat)
+  for (const cssUrlInfo of cssUrlInfos) {
+    const { code, map } = await bundleAsync({
+      filename: fileURLToPath(cssUrlInfo.originalUrl),
+      targets,
+      minify: false,
+      resolver: {
+        read: (specifier) => {
+          const fileUrlObject = pathToFileURL(specifier)
+          const fileUrl = String(fileUrlObject)
+          const urlInfo = context.urlGraph.getUrlInfo(fileUrl)
+          return urlInfo.content
+        },
+        resolve(specifier, from) {
+          const fileUrlObject = new URL(specifier, pathToFileURL(from))
+          const filePath = fileURLToPath(fileUrlObject)
+          return filePath
+        },
+      },
+    })
+    bundledCssUrlInfos[cssUrlInfo.url] = {
+      data: {
+        bundlerName: "lightningcss",
+      },
+      contentType: "text/css",
+      content: String(code),
+      sourcemap: map,
+    }
+  }
+  return bundledCssUrlInfos
+}
+
+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_lightning_css.js"
 import { bundleJsClassicWorkers } from "./js_classic_workers/bundle_js_classic_workers.js"
 import { bundleJsModules } from "./js_module/bundle_js_modules.js"