coralite-scripts 0.38.3 → 0.38.4

package/bin/index.js

@@ -174,7 +174,9 @@ if (mode === 'dev') {
       const results = await buildStyles({
         input: config.styles.input,
         output: join(config.output, 'assets', 'css'),
-        processors: config.styles.processors
+        processors: config.styles.processors,
+        minify: mode === 'build',
+        sourcemap: mode !== 'build'
       })
 
       for (let i = 0; i < results.length; i++) {

package/libs/build-styles.js

@@ -2,6 +2,7 @@ import * as sass from 'sass'
 import postcss from 'postcss'
 import fs from 'fs/promises'
 import path from 'path'
+import { transform } from 'esbuild'
 
 /**
  * @typedef {Object} BuildStylesResult
@@ -16,15 +17,19 @@ import path from 'path'
  * @param {string[]} options.input - Array of input file paths
  * @param {string} options.output - Output directory for compiled CSS files
  * @param {Object} [options.processors] - Processor configurations
+ * @param {boolean} [options.minify=false] - Whether to minify the output
+ * @param {boolean} [options.sourcemap=true] - Whether to generate source maps
  * @returns {Promise<BuildStylesResult[]>}
  */
 async function buildStyles ({
   input,
   output,
-  processors = {}
+  processors = {},
+  minify = false,
+  sourcemap = true
 }) {
   const scssOptions = {
-    sourceMap: true,
+    sourceMap: sourcemap,
     loadPaths: ['node_modules'],
     // @ts-ignore
     silenceDeprecations: [
@@ -62,13 +67,26 @@ async function buildStyles ({
       const postcssOptions = {
         from: filePath,
         to: outputFile,
-        map: map ? { prev: map } : true
+        map: (sourcemap && map) ? { prev: map } : sourcemap
       }
       const result = await postcss(postcssPlugins).process(css, postcssOptions)
       css = result.css
       map = result.map
     }
 
+    if (minify) {
+      const result = await transform(css, {
+        loader: 'css',
+        minify: true,
+        sourcemap: sourcemap ? 'external' : false,
+        sourcefile: filePath
+      })
+      css = result.code
+      if (sourcemap && result.map) {
+        map = result.map
+      }
+    }
+
     const duration = process.hrtime(fileStart)
 
     await fs.mkdir(output, { recursive: true })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coralite-scripts",
-  "version": "0.38.3",
+  "version": "0.38.4",
   "description": "Configuration and scripts for Create Coralite.",
   "type": "module",
   "bin": {
@@ -61,7 +61,7 @@
     "portfinder": "^1.0.38",
     "postcss": "^8.5.6",
     "sass": "^1.91.0",
-    "coralite": "0.38.3"
+    "coralite": "0.38.4"
   },
   "scripts": {
     "build": "premove dist && pnpm build-types",