@jsenv/plugin-minification 1.0.0

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@jsenv/plugin-minification",
+  "version": "1.0.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jsenv/jsenv-core",
+    "directory": "packages/jsenv-plugin-minification"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./src/main.js"
+    },
+    "./*": "./*"
+  },
+  "files": [
+    "/src/"
+  ],
+  "scripts": {
+    "test": "node --conditions=development ./scripts/test.mjs"
+  },
+  "dependencies": {
+    "@jsenv/ast": "1.4.8",
+    "html-minifier": "4.0.0",
+    "terser": "5.16.1"
+  },
+  "peerDependencies": {
+    "@jsenv/core": "*"
+  },
+  "devDependencies": {
+    "@jsenv/core": "../../"
+  }
+}

package/src/css/minify_css.js

@@ -0,0 +1,9 @@
+import { minifyWithParcel } from "@jsenv/ast"
+
+export const minifyCss = ({ cssUrlInfo, context }) => {
+  const { code, map } = minifyWithParcel(cssUrlInfo, context)
+  return {
+    content: String(code),
+    sourcemap: map,
+  }
+}

package/src/html/minify_html.js

@@ -0,0 +1,15 @@
+import { createRequire } from "node:module"
+
+// https://github.com/kangax/html-minifier#options-quick-reference
+export const minifyHtml = ({ htmlUrlInfo, options } = {}) => {
+  const require = createRequire(import.meta.url)
+  const { minify } = require("html-minifier")
+
+  const { collapseWhitespace = true, removeComments = true } = options
+
+  const htmlMinified = minify(htmlUrlInfo.content, {
+    collapseWhitespace,
+    removeComments,
+  })
+  return htmlMinified
+}

package/src/js/minify_js.js

@@ -0,0 +1,31 @@
+// https://github.com/terser-js/terser#minify-options
+
+export const minifyJs = async ({ jsUrlInfo, options }) => {
+  const url = jsUrlInfo.url
+  const content = jsUrlInfo.content
+  const sourcemap = jsUrlInfo.sourcemap
+  const isJsModule = jsUrlInfo.type === "js_module"
+
+  const { minify } = await import("terser")
+  const terserResult = await minify(
+    {
+      [url]: content,
+    },
+    {
+      sourceMap: {
+        ...(sourcemap ? { content: JSON.stringify(sourcemap) } : {}),
+        asObject: true,
+        includeSources: true,
+      },
+      module: isJsModule,
+      // We need to preserve "new InlineContent()" calls to be able to recognize them
+      // after minification in order to version urls inside inline content text
+      keep_fnames: /InlineContent/,
+      ...options,
+    },
+  )
+  return {
+    content: terserResult.code,
+    sourcemap: terserResult.map,
+  }
+}

package/src/jsenv_plugin_minification.js

@@ -0,0 +1,77 @@
+import { minifyHtml } from "./html/minify_html.js"
+import { minifyCss } from "./css/minify_css.js"
+import { minifyJs } from "./js/minify_js.js"
+import { minifyJson } from "./json/minify_json.js"
+
+export const jsenvPluginMinification = ({
+  html = {},
+  css = {},
+  js_classic = {},
+  js_module = {},
+  json = {},
+  svg = {},
+} = {}) => {
+  const htmlMinifier = html
+    ? (urlInfo, context) =>
+        minifyHtml({
+          htmlUrlInfo: urlInfo,
+          context,
+          options: html === true ? {} : html,
+        })
+    : null
+  const svgMinifier = svg
+    ? (urlInfo, context) =>
+        minifyHtml({
+          htmlUrlInfo: urlInfo,
+          context,
+          options: svg === true ? {} : svg,
+        })
+    : null
+  const cssMinifier = css
+    ? (urlInfo, context) =>
+        minifyCss({
+          cssUrlInfo: urlInfo,
+          context,
+          options: css === true ? {} : css,
+        })
+    : null
+  const jsClassicMinifier = js_classic
+    ? (urlInfo, context) =>
+        minifyJs({
+          jsUrlInfo: urlInfo,
+          context,
+          options: js_classic === true ? {} : js_classic,
+        })
+    : null
+  const jsModuleMinifier = js_module
+    ? (urlInfo, context) =>
+        minifyJs({
+          jsUrlInfo: urlInfo,
+          context,
+          options: js_module === true ? {} : js_module,
+        })
+    : null
+  const jsonMinifier = json
+    ? (urlInfo, context) =>
+        minifyJson({
+          jsonUrlInfo: urlInfo,
+          context,
+          options: json === true ? {} : html,
+        })
+    : null
+
+  return {
+    name: "jsenv:minification",
+    appliesDuring: "build",
+    optimizeUrlContent: {
+      html: htmlMinifier,
+      svg: svgMinifier,
+      css: cssMinifier,
+      js_classic: jsClassicMinifier,
+      js_module: jsModuleMinifier,
+      json: jsonMinifier,
+      importmap: jsonMinifier,
+      webmanifest: jsonMinifier,
+    },
+  }
+}

package/src/json/minify_json.js

@@ -0,0 +1,8 @@
+export const minifyJson = ({ jsonUrlInfo }) => {
+  const { content } = jsonUrlInfo
+  if (content.startsWith("{\n")) {
+    const jsonWithoutWhitespaces = JSON.stringify(JSON.parse(content))
+    return jsonWithoutWhitespaces
+  }
+  return null
+}

package/src/main.js

@@ -0,0 +1 @@
+export { jsenvPluginMinification } from "./jsenv_plugin_minification.js"