npm - coralite-scripts - Versions diffs - 0.35.0 → 0.36.0 - Mend

coralite-scripts 0.35.0 → 0.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/README.md CHANGED Viewed

@@ -12,7 +12,7 @@ Coralite expects a standard folder layout:
 my-coralite-site/
 ├── src/
 │   ├── pages/        # Your page components (e.g., `about.html`, `index.html`)
-│   ├── scss/         # SCSS/Sass/CSS styles
+│   ├── css/          # SCSS/Sass/CSS global styles
 │   └── components/   # Reusable component files
 ├── public/           # Static assets (CSS, JS, images)
 ├── dist/             # Output directory for built site (auto-generated)
@@ -30,25 +30,33 @@ Create or update your config file with the following:
 import { defineConfig } from 'coralite-scripts'
 export default defineConfig({
+  // Directory configuration
   output: 'dist',
   public: 'public',
   pages: 'src/pages',
   components: 'src/components',
+  // Style pipeline (CSS, Sass, PostCSS)
   styles: {
-    type: 'scss', // can be 'scss', 'sass', or 'css'
-    input: 'src/scss'
+    // Array of entry points
+    input: [
+      'src/css/main.scss'
+    ],
+    // Processor configurations
+    processors: {
+      scss: {
+        style: 'compressed',
+        loadPaths: ['node_modules']
+      }
+    }
   },
-  // Optional: copy static assets from other packages
+  // Plugins
+  plugins: [],
+  // Static Assets
   assets: [
     { pkg: 'some-package', path: 'dist/asset.js', dest: 'assets/asset.js' }
-  ],
-  // Optional: ignore processing elements with specific attributes
-  ignoreByAttribute: [
-    { name: 'data-ignore', value: 'true' }
-  ],
-  // Optional: skip rendering elements with specific attributes
-  skipRenderByAttribute: [
-    { name: 'data-skip', value: 'true' }
   ]
 })
 ```
@@ -88,7 +96,7 @@ Coralite provides real-time development workflows out of the box:
 |-------|-------------|
 | **Live Reload** | Automatically reloads browser when any `.html`, `.scss`, `.sass`, or `.css` file changes. |
 | **Hot CSS Updates** | Sass/SCSS files are compiled instantly and injected into your page via Server-Sent Events (SSE). |
-| **File Watching** | Monitors `src/pages`, `src/scss`, `public`, and `src/components`. |
+| **File Watching** | Monitors `src/pages`, `styles.input` files, `public`, and `src/components`. |
 | **Dev Logs** | Shows real-time build times, file changes, and status codes in terminal. |
 ---
@@ -97,7 +105,8 @@ Coralite provides real-time development workflows out of the box:
 - **Routing**: `/` → `index.html`, `/about` → `about.html`
 - **HTML Compilation**: Pages are compiled with embedded live reload scripts during development.
-- **Sass/CSS Support**: `.scss`, `.sass`, or `.css` files are auto-compiled to CSS in `dist/css`.
+- **Sass/CSS Support**: `.scss`, `.sass`, or `.css` files specified in `styles.input` are auto-compiled to CSS in `dist/assets/css`.
+- **Auto-Injection**: Global styles are automatically injected as `<link>` tags into the `<head>` of every page, before component-scoped styles.
 - **Server-Sent Events (SSE)**: Used for real-time updates without full page refresh.
 > No extra tooling needed — everything is built-in!
@@ -125,7 +134,7 @@ Coralite provides real-time development workflows out of the box:
 3. Edit the file → see auto-reload!
-4. Add a new SCSS file at `src/scss/style.scss`, and import it into an HTML page via `<link rel="stylesheet" href="/css/style.css">`.
+4. Add a new SCSS file at `src/css/style.scss`, add it to `styles.input` in your config, and see it automatically injected into your pages!
 ---

package/bin/index.js CHANGED Viewed

@@ -5,10 +5,9 @@ import { Command, Argument } from 'commander'
 import server from '../libs/server.js'
 import colours from 'kleur'
 import pkg from '../package.json' with { type: 'json' }
-import buildSass from '../libs/build-sass.js'
-import { join, relative } from 'node:path'
+import buildStyles from '../libs/build-styles.js'
+import { join, relative, dirname } from 'node:path'
 import { deleteDirectoryRecursive, copyDirectory, toMS, toTime, displayError, displayWarning, displayInfo } from '../libs/build-utils.js'
-import buildCSS from '../libs/build-css.js'
 import { Coralite } from 'coralite'
 import { mkdir, writeFile } from 'node:fs/promises'
 import ora from 'ora'
@@ -67,6 +66,10 @@ if (mode === 'dev') {
     pages: config.pages,
     plugins: config.plugins,
     assets: config.assets,
+    externalStyles: config.styles?.input?.map(input => {
+      const ext = input.split('.').pop()
+      return '/assets/css/' + input.split('/').pop().replace(`.${ext}`, '.css')
+    }),
     baseURL: config.baseURL,
     output: config.output,
     mode: 'production',
@@ -112,12 +115,13 @@ if (mode === 'dev') {
     // Write ESM script assets generated during the build phase
     if (coralite.outputFiles) {
       const assetsDir = join(config.output, 'assets', 'js')
-      await mkdir(assetsDir, { recursive: true })
       const assetWrites = Object.values(coralite.outputFiles).map(async (file) => {
         const outFile = join(assetsDir, file.hashedPath)
+        await mkdir(dirname(outFile), { recursive: true })
         await writeFile(outFile, file.text)
         if (options.verbose) {
+          const dash = colours.gray(' ─ ')
           process.stdout.write(toTime() + toMS(0) + dash + outFile + '\n')
         }
       })
@@ -144,40 +148,22 @@ if (mode === 'dev') {
       }
     }
-    if (config.styles) {
+    if (config.styles && config.styles.input) {
       if (!options.verbose) {
         spinner = ora('Building styles...').start()
       }
-      if (config.styles.type === 'sass' || config.styles.type === 'scss') {
-        const results = await buildSass({
-          input: config.styles.input,
-          output: join(config.output, 'assets', 'css'),
-          options: config.sassOptions,
-          start
-        })
+      const results = await buildStyles({
+        input: config.styles.input,
+        output: join(config.output, 'assets', 'css'),
+        processors: config.styles.processors
+      })
-        for (let i = 0; i < results.length; i++) {
-          const result = results[i]
+      for (let i = 0; i < results.length; i++) {
+        const result = results[i]
-          if (options.verbose) {
-            process.stdout.write(toTime() + toMS(result.duration) + dash + result.output + '\n')
-          }
-        }
-      } else if (config.styles.type === 'css') {
-        const results = await buildCSS({
-          input: config.styles.input,
-          output: join(config.output, 'assets', 'css'),
-          plugins: config.cssPlugins,
-          start
-        })
-        for (let i = 0; i < results.length; i++) {
-          const result = results[i]
-          if (options.verbose) {
-            process.stdout.write(toTime() + toMS(result.duration) + dash + result.output + '\n')
-          }
+        if (options.verbose) {
+          process.stdout.write(toTime() + toMS(result.duration) + dash + result.output + '\n')
         }
       }

package/dist/libs/config.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../libs/config.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,sCAzBW,oBAAoB,GAClB,oBAAoB,~~CA6HhC~~;~~0CAvIsC~~,mBAAmB"}
1	+ {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../libs/config.js"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,sCAzBW,oBAAoB,GAClB,oBAAoB,CAmJhC;0CA7JsC,mBAAmB"}

package/dist/types/index.d.ts CHANGED Viewed

@@ -12,17 +12,14 @@ export type CoraliteScriptBaseConfig = {
         port: number;
     };
     styles?: {
-        type: "css" | "sass" | "scss";
-        input: string;
+        input?: string[];
+        processors?: {
+            scss?: Options<"async">;
+            postcss?: {
+                plugins?: import("postcss").AcceptedPlugin[];
+            };
+        };
     };
-    /**
-     * - Additional options passed to the Sass compiler.
-     */
-    sassOptions?: Options<"async">;
-    /**
-     * - Postcss plugins.
-     */
-    cssPlugins?: import("postcss").AcceptedPlugin[];
     /**
      * - Set build mode for the coralite instance.
      */

package/dist/types/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../types/index.js"],"names":[],"mappings":";;;;;;YAOc,MAAM;;;;aAEjB;QAA0B,IAAI,EAAnB,MAAM;KACjB;aACA;~~QAA2C~~,~~IAAI,EAApC,~~KAAK,~~GAAG~~,MAAM,~~GAAG~~,~~MAAM~~;~~QACR~~,~~KAAK~~,~~EAApB~~,~~MAAM;KACjB;;;;kBAAW,~~QAAQ,OAAO,CAAC~~;;;;iBAChB~~,OAAO,SAAS,EAAE,cAAc,EAAE;;;;~~WAClC~~,YAAY,GAAG,aAAa;;mCAI7B,wBAAwB,GAAG,cAAc;;;;;UAKxC,OAAO;;;;YACP,OAAO;;;;cACP,OAAO;;~~6BAxBK~~,MAAM;oCADC,gBAAgB"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../types/index.js"],"names":[],"mappings":";;;;;;YAOc,MAAM;;;;aAEjB;QAA0B,IAAI,EAAnB,MAAM;KACjB;aACA;QAA6B,KAAK,GAAvB,MAAM,EAAE;QACQ,UAAU,GACrC;YAAgD,IAAI,GAAzC,QAAQ,OAAO,CAAC;YACW,OAAO,GAC7C;gBAA0E,OAAO,GAAtE,OAAO,SAAS,EAAE,cAAc,EAAE;aAC7C;SAAA;KAAA;;;;WAAW,YAAY,GAAG,aAAa;;mCAI7B,wBAAwB,GAAG,cAAc;;;;;UAKxC,OAAO;;;;YACP,OAAO;;;;cACP,OAAO;;6BAzBK,MAAM;oCADC,gBAAgB"}

package/libs/build-styles.js ADDED Viewed

@@ -0,0 +1,93 @@
+import * as sass from 'sass'
+import postcss from 'postcss'
+import fs from 'fs/promises'
+import path from 'path'
+/**
+ * @typedef {Object} BuildStylesResult
+ * @property {string} input - The input file path
+ * @property {string} output - The output file name
+ * @property {[number, number]} duration - The build duration as high-resolution time array
+ */
+/**
+ * Compiles SCSS and CSS files with optional PostCSS processing
+ * @param {Object} options
+ * @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 {import('sass').Options<'async'>} [options.processors.scss] - Sass options
+ * @param {Object} [options.processors.postcss] - PostCSS options
+ * @param {import('postcss').AcceptedPlugin[]} [options.processors.postcss.plugins] - PostCSS plugins
+ * @returns {Promise<BuildStylesResult[]>}
+ */
+async function buildStyles ({
+  input,
+  output,
+  processors = {}
+}) {
+  const scssOptions = {
+    sourceMap: true,
+    loadPaths: ['node_modules'],
+    silenceDeprecations: [
+      'color-functions',
+      'import',
+      'global-builtin',
+      'elseif'
+    ],
+    ...processors.scss
+  }
+  const postcssPlugins = processors.postcss?.plugins || []
+  const results = await Promise.all(input.map(async (filePath) => {
+    const fileStart = process.hrtime()
+    const ext = path.extname(filePath)
+    const fileName = path.basename(filePath, ext) + '.css'
+    const outputFile = path.join(output, fileName)
+    let css
+    let map
+    if (ext === '.scss' || ext === '.sass') {
+      const result = await sass.compileAsync(filePath, scssOptions)
+      css = result.css
+      map = result.sourceMap
+    } else if (ext === '.css') {
+      css = await fs.readFile(filePath, 'utf-8')
+    } else {
+      return null
+    }
+    if (postcssPlugins.length > 0) {
+      const postcssOptions = {
+        from: filePath,
+        to: outputFile,
+        map: map ? { prev: map } : true
+      }
+      const result = await postcss(postcssPlugins).process(css, postcssOptions)
+      css = result.css
+      map = result.map
+    }
+    const duration = process.hrtime(fileStart)
+    await fs.mkdir(output, { recursive: true })
+    await fs.writeFile(outputFile, css)
+    if (map) {
+      const mapPath = outputFile + '.map'
+      await fs.writeFile(mapPath, typeof map === 'string' ? map : JSON.stringify(map))
+    }
+    return {
+      input: filePath,
+      output: fileName,
+      duration
+    }
+  }))
+  return results.filter(Boolean)
+}
+export default buildStyles

package/libs/config.js CHANGED Viewed

@@ -60,21 +60,43 @@ export function defineConfig (options) {
     throw new Error('Configuration "server.port" must be a positive number')
   }
-  // Validate sass configuration
-  if (options.styles && typeof options.styles !== 'object') {
-    throw new Error('Configuration "styles" must be an object')
-  }
+  // Validate styles configuration
+  if (options.styles) {
+    if (typeof options.styles !== 'object') {
+      throw new Error('Configuration "styles" must be an object')
+    }
-  if (options.styles?.input && typeof options.styles.input !== 'string') {
-    throw new Error('Configuration "styles.input" must be a string')
-  }
+    if (options.styles.input) {
+      if (typeof options.styles.input === 'string') {
+        throw new Error('Coralite Config Error: The "styles" configuration has been upgraded. "input" must now be an array, and "type" has been replaced by the "processors" object. Please update your coralite.config.js.')
+      }
+      if (!Array.isArray(options.styles.input)) {
+        throw new Error('Configuration "styles.input" must be an array of strings')
+      }
+      const outputs = new Set()
+      for (const input of options.styles.input) {
+        if (typeof input !== 'string') {
+          throw new Error('Configuration "styles.input" must be an array of strings')
+        }
+        const ext = input.split('.').pop()
+        const filename = input.split('/').pop().replace(`.${ext}`, '.css')
+        if (outputs.has(filename)) {
+          throw new Error(`Coralite Build Error: Filename collision detected in styles.input. Multiple inputs will output to "${filename}". Please rename one of the files.`)
+        }
+        outputs.add(filename)
+      }
+    }
+    if (options.styles.type) {
+      throw new Error('Coralite Config Error: The "styles" configuration has been upgraded. "input" must now be an array, and "type" has been replaced by the "processors" object. Please update your coralite.config.js.')
+    }
-  if (options.styles?.type) {
-    const type = options.styles.type
-    if (typeof type !== 'string') {
-      throw new Error('Configuration "styles.type" must be a string')
-    } else if (type !== 'css' && type !== 'sass' && type !== 'scss') {
-      throw new Error('Configuration "styles.type" must be equal to either "css", "sass" or "scss" but found: ' + type)
+    if (options.styles.processors && typeof options.styles.processors !== 'object') {
+      throw new Error('Configuration "styles.processors" must be an object')
     }
   }

package/libs/server.js CHANGED Viewed

@@ -2,12 +2,11 @@ import express from 'express'
 import colours from 'kleur'
 import localAccess from 'local-access'
 import chokidar from 'chokidar'
-import buildSass from './build-sass.js'
+import buildStyles from './build-styles.js'
 import { displayError, displayInfo, displayWarning, displaySuccess, toCode, toMS, toTime, deleteDirectoryRecursive } from './build-utils.js'
-import { extname, join, normalize, relative, sep } from 'path'
+import { dirname, extname, join, normalize, relative, sep } from 'path'
 import { access, constants, mkdir, readFile, writeFile } from 'fs/promises'
 import Coralite from 'coralite'
-import buildCSS from './build-css.js'
 import { existsSync, mkdirSync } from 'fs'
 import portfinder from 'portfinder'
@@ -107,6 +106,10 @@ async function server (config, options) {
         pages: currentConfig.pages,
         plugins: currentConfig.plugins,
         assets: currentConfig.assets,
+        externalStyles: currentConfig.styles?.input?.map(input => {
+          const ext = input.split('.').pop()
+          return '/assets/css/' + input.split('/').pop().replace(`.${ext}`, '.css')
+        }),
         baseURL: currentConfig.baseURL,
         ignoreByAttribute: currentConfig.ignoreByAttribute,
         skipRenderByAttribute: currentConfig.skipRenderByAttribute,
@@ -134,7 +137,8 @@ async function server (config, options) {
       }
       if (currentConfig.plugins) {
-        extractPluginPaths()
+        await extractPluginPaths()
         for (const plugin of currentConfig.plugins) {
           if (typeof plugin.server === 'function') {
             await plugin.server(app, coralite)
@@ -196,50 +200,32 @@ async function server (config, options) {
     // serve compiled components directory
     app.use(express.static(config.output, staticOptions))
-    // check if Sass is configured and add its input directory to watchPath for file changes.
-    if (config.styles) {
-      if (config.styles.input) {
-        if (!existsSync(config.styles.input)) {
-          mkdirSync(config.styles.input)
-        }
-        watchPath.push(config.styles.input)
-        app.use('/assets/css', express.static(join(config.output, 'assets', 'css'), {
-          cacheControl: false
-        }))
-      } else {
-        displayError('Coralite config styles input must not be empty.')
+    // check if styles are configured and add its inputs to watchPath for file changes.
+    if (config.styles && config.styles.input) {
+      for (const input of config.styles.input) {
+        watchPath.push(dirname(input))
       }
-      if (config.styles.type === 'sass' || config.styles.type === 'scss') {
-        const start = process.hrtime()
+      app.use('/assets/css', express.static(join(config.output, 'assets', 'css'), {
+        cacheControl: false
+      }))
-        // rebuild CSS and send notification
-        const results = await buildSass({
-          ...config.styles,
-          output: join(config.output, 'assets', 'css'),
-          start
-        })
+      const start = process.hrtime()
-        let dash = colours.gray(' ─ ')
+      // rebuild CSS and send notification
+      const results = await buildStyles({
+        input: config.styles.input,
+        output: join(config.output, 'assets', 'css'),
+        processors: config.styles.processors,
+        start
+      })
-        for (let i = 0; i < results.length; i++) {
-          const result = results[i]
+      const dash = colours.gray(' ─ ')
-          process.stdout.write(toTime() + colours.bgGreen(' Compiled SASS ') + dash + toMS(result.duration) + dash + result.input + '\n')
-        }
-      } else if (config.styles.type === 'css') {
-        const start = process.hrtime()
+      for (let i = 0; i < results.length; i++) {
+        const result = results[i]
-        await buildCSS({
-          input: config.styles.input,
-          output: join(config.output, 'assets', 'css'),
-          plugins: config.cssPlugins,
-          start
-        })
-      } else {
-        displayError('Coralite config styles type must not be empty')
+        process.stdout.write(toTime() + colours.bgGreen(' Compiled STYLES ') + dash + toMS(result.duration) + dash + result.input + '\n')
       }
     }
@@ -393,6 +379,7 @@ async function server (config, options) {
           // Write ESM script assets generated during the build phase
           if (coralite.outputFiles) {
             const assetsDir = join(config.output, 'assets', 'js')
             if (!existsSync(assetsDir)) {
               await mkdir(assetsDir, { recursive: true })
             }
@@ -474,8 +461,12 @@ async function server (config, options) {
         // Group changes by type
         const pagesChanges = changes.filter(p => p.startsWith(pagesPath))
         const componentChanges = changes.filter(p => p.startsWith(componentPath))
-        const sassChanges = changes.filter(p => p.endsWith('.scss') || p.endsWith('.sass'))
-        const cssChanges = changes.filter(p => p.endsWith('.css'))
+        const stylesChanges = changes.filter(p => {
+          if (!currentConfig.styles?.input) {
+            return false
+          }
+          return currentConfig.styles.input.some(input => p.startsWith(normalize(join(process.cwd(), dirname(input))))) || p.endsWith('.scss') || p.endsWith('.sass') || p.endsWith('.css')
+        })
         const configChanges = changes.filter(p => p === configPathStr || Array.from(pluginPaths).some(pluginPath => p === pluginPath))
         try {
@@ -508,39 +499,24 @@ async function server (config, options) {
             await coralite.components.setItem(path)
           }
-          // Handle SASS changes - rebuild all SASS files once
-          if (sassChanges.length > 0) {
-            const results = await buildSass({
-              input: config.styles.input,
-              options: config.sassOptions,
-              output: join(config.output, 'assets', 'css'),
-              start
-            })
-            for (const result of results) {
-              process.stdout.write(toTime() + colours.bgGreen(' Compiled SASS ') + dash + toMS(result.duration) + dash + result.input + '\n')
-            }
-          }
-          // Handle CSS changes - rebuild all CSS files once
-          if (cssChanges.length > 0) {
-            const results = await buildCSS({
-              input: config.styles.input,
+          // Handle STYLES changes - rebuild all STYLES files once
+          if (stylesChanges.length > 0 && currentConfig.styles?.input) {
+            const results = await buildStyles({
+              input: currentConfig.styles.input,
+              processors: currentConfig.styles.processors,
               output: join(config.output, 'assets', 'css'),
-              plugins: config.cssPlugins,
               start
             })
             for (const result of results) {
-              process.stdout.write(toTime() + colours.bgGreen(' Compiled CSS ') + dash + toMS(result.duration) + dash + result.input + '\n')
+              process.stdout.write(toTime() + colours.bgGreen(' Compiled STYLES ') + dash + toMS(result.duration) + dash + result.input + '\n')
             }
           }
           // Notify clients to reload
           if (pagesChanges.length > 0
             || componentChanges.length > 0
-            || sassChanges.length > 0
-            || cssChanges.length > 0
+            || stylesChanges.length > 0
             || configChanges.length > 0) {
             clients.forEach(client => {
               client.write(`data: reload\n\n`)

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "coralite-scripts",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "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.35.0"
+    "coralite": "0.36.0"
   },
   "scripts": {
     "build": "premove dist && pnpm build-types",

package/types/index.js CHANGED Viewed

@@ -9,10 +9,11 @@
  * @property {Object} [server] - Server configuration options.
  * @property {number} server.port - The port number on which the development server will run.
  * @property {Object} [styles]
- * @property {'css' | 'sass' | 'scss'} styles.type - The style processing type to use for styling files.
- * @property {string} styles.input - The path to the main stylesheet file to process.
- * @property {Options<'async'>} [sassOptions] - Additional options passed to the Sass compiler.
- * @property {import('postcss').AcceptedPlugin[]} [cssPlugins] - Postcss plugins.
+ * @property {string[]} [styles.input] - Array of inputs, mixing scss and css
+ * @property {Object} [styles.processors]
+ * @property {Options<'async'>} [styles.processors.scss] - Native Dart Sass options
+ * @property {Object} [styles.processors.postcss]
+ * @property {import('postcss').AcceptedPlugin[]} [styles.processors.postcss.plugins] - Native PostCSS plugins
  * @property {'production' | 'development'} [mode='production'] - Set build mode for the coralite instance.
  */

package/libs/build-css.js DELETED Viewed

@@ -1,67 +0,0 @@
-import postcss from 'postcss'
-import fs from 'fs/promises'
-import path from 'path'
-/**
- * @typedef {Object} BuildCssResult
- * @property {string} input - The input file path
- * @property {string} output - The output file path
- * @property {[number, number]} duration - The build duration as high-resolution time array
- */
-/**
- * Compiles SCSS files to CSS with source maps
- * @param {Object} options
- * @param {string} options.input - The directory containing SCSS files to compile
- * @param {string} options.output - The output directory for compiled CSS files
- * @param {import('postcss').AcceptedPlugin[]} [options.plugins=[]] - postcss plugins
- * @param {[number, number]} [options.start]
- * @returns {Promise<BuildCssResult[]>} Resolves when all files are compiled
- */
-async function buildCSS ({
-  input,
-  output,
-  plugins = []
-}) {
-  try {
-    // ensure output directory exists
-    await fs.mkdir(output, { recursive: true })
-    // read all files from src/scss directory
-    const cssFiles = await fs.readdir(input)
-    const filteredCssFiles = cssFiles.filter(file => file.endsWith('.css'))
-    const results = await Promise.all(filteredCssFiles.map(async (file) => {
-      const filePath = path.join(input, file)
-      const outputFile = path.join(output, file)
-      const css = await fs.readFile(filePath)
-      const fileStart = process.hrtime()
-      const result = await postcss(plugins).process(css, {
-        from: filePath,
-        to: outputFile
-      })
-      const duration = process.hrtime(fileStart)
-      await fs.writeFile(outputFile, result.css)
-      if (result.map) {
-        await fs.writeFile(outputFile + '.map', result.map.toString())
-      }
-      return {
-        input: filePath,
-        output: outputFile,
-        duration
-      }
-    }))
-    return results
-  } catch (error) {
-    throw error
-  }
-}
-export default buildCSS

package/libs/build-sass.js DELETED Viewed

@@ -1,80 +0,0 @@
-import * as sass from 'sass'
-import fs from 'fs/promises'
-import path from 'path'
-/**
- * @import {Options} from 'sass'
- */
-/**
- * @typedef {Object} BuildSassResult
- * @property {string} input - The input file path
- * @property {string} output - The output file path
- * @property {[number, number]} duration - The build duration as high-resolution time array
- */
-/**
- * Compiles SCSS files to CSS with source maps
- * @param {Object} options
- * @param {string} options.input - The directory containing SCSS files to compile
- * @param {string} options.output - The output directory for compiled CSS files
- * @param {Options<'async'>} [options.options] - Sass compile options
- * @param {[number, number]} [options.start]
- * @returns {Promise<BuildSassResult[]>} Resolves when all files are compiled
- */
-async function buildSass ({
-  input,
-  output,
-  options = {
-    sourceMap: true,
-    loadPaths: ['node_modules'],
-    silenceDeprecations: [
-      'color-functions',
-      'import',
-      'global-builtin',
-      'elseif'
-    ]
-  }
-}) {
-  try {
-    // ensure output directory exists
-    await fs.mkdir(output, { recursive: true })
-    // read all files from src/scss directory
-    const scssFiles = await fs.readdir(input)
-    const filteredScssFiles = scssFiles.filter(file => file.endsWith('.scss') && file[0] !== '_')
-    const results = await Promise.all(filteredScssFiles.map(async (file) => {
-      const filePath = path.join(input, file)
-      const outputFile = path.join(output, file.replace('.scss', '.css'))
-      // start duration timer.
-      const fileStart = process.hrtime()
-      // compile sass
-      const result = await sass.compileAsync(filePath, options)
-      // record duration
-      const duration = process.hrtime(fileStart)
-      await fs.writeFile(outputFile, result.css)
-      if (result.sourceMap) {
-        const sourceMapPath = outputFile + '.map'
-        await fs.writeFile(sourceMapPath, JSON.stringify(result.sourceMap))
-      }
-      return {
-        input: filePath,
-        output: outputFile,
-        duration
-      }
-    }))
-    return results
-  } catch (error) {
-    throw error
-  }
-}
-export default buildSass