@react5/bundle-sass 0.5.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 react5
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,16 @@
+# bundle-sass
+A rollup plugin to bundle Sass, SCSS, and CSS files and apply PostCSS processing.
+
+## Usage in Rollup
+```javascript
+plugins: [
+  ...
+  bundleSass({
+    copyFonts: true,
+    postfixOptions: {
+      plugins: [],
+      use: []
+    }
+  ...
+]
+```

package/index.js

@@ -0,0 +1,111 @@
+import { promises as fs } from 'fs';
+import path from 'path';
+import postcss from 'postcss';
+import { compileString } from 'sass-embedded';
+
+function getFilePriority(fileName) {
+  if (fileName.includes('themes')) return 0;
+  if (fileName.includes('design-system')) return 1;
+  return 2;
+}
+function compareFiles(a, b) {
+  const priorityDiff = getFilePriority(a.id) - getFilePriority(b.id);
+  if (priorityDiff !== 0) {
+    return priorityDiff;
+  }
+  return a.id.localeCompare(b.id);
+}
+function copyFontFolders(emitFile) {
+  return async function (fontImport) {
+    const fontDir = path.join(path.dirname(fontImport.id), 'files');
+    const fontFiles = await fs.readdir(fontDir);
+
+    await Promise.all(fontFiles.map(async file => {
+      const filePath = path.join(fontDir, file);
+      emitFile({
+        type: 'asset',
+        fileName: path.join(path.basename(fontDir), file),
+        source: await fs.readFile(filePath)
+      });
+    }));
+  }
+}
+
+export default function bundleSass({ output, noOutput = false, copyFonts = false, exclusive = true, scssOnly = false, postfixOptions = {} } = {}) {
+  const files = new Set();
+  const bundleExt = "scss";
+  const {
+    plugins = [],
+    use = [],
+  } = postfixOptions;
+  return {
+    name: 'bundle-sass',
+    transform(source, id) {
+      if (/\.s?[ac]ss$/.test(id)) {
+        if (/\.sass$/.test(id)) {
+          bundleExt = "sass";
+        }
+        files.add({ id, content: source });
+        if (exclusive) {
+          return { code: `export default ${JSON.stringify(source)}` };
+        }
+      }
+      return null;
+    },
+    async generateBundle(opts) {
+      if (noOutput) {
+        return;
+      }
+      const outputName = output || `${opts.file ? path.parse(opts.file).name : 'index'}.${bundleExt}`;
+      
+      const outputPath = path.resolve(
+        opts.file ? path.dirname(opts.file) : opts.dir,
+        outputName,
+      );
+      await fs.mkdir(path.dirname(outputPath), { recursive: true });
+
+      const uniqueFiles = Array.from(files).sort(compareFiles);
+
+      const scssDeclarations = `@use 'sass:color';\n`;
+      const bundledContent = scssDeclarations 
+        + use.join('\n')
+        + uniqueFiles.map((file) => file.content).join('\n');
+      //await fs.writeFile(outputPath, bundledContent);
+      this.emitFile({
+        type: 'asset',
+        fileName: outputName,
+        source: bundledContent
+      });
+
+      if (scssOnly) {
+        return;
+      }
+
+      if (copyFonts) {
+        const fontSourceFiles = uniqueFiles.filter((file) => file.id.includes("@fontsource"));
+        await Promise.all(fontSourceFiles.map(copyFontFolders(this.emitFile)));
+      }
+
+      const cssResult = await compileString(bundledContent, {});
+
+      const outputName2 = `${outputName.replace(/\.s?[ac]ss$/, '.css')}`;
+
+      const validPlugins = plugins.filter(Boolean);
+      const r = await postcss(validPlugins)
+        .process(cssResult.css);
+
+      this.emitFile({
+        type: 'asset',
+        fileName: outputName2,
+        source: r.css
+      });
+      if (r.map) {
+        this.emitFile({
+          type: 'asset',
+          fileName: `${outputName2}.map`,
+          source: r.map.toString()
+        });
+      }
+    },
+  };
+}

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@react5/bundle-sass",
+  "version": "0.5.2",
+  "description": "A rollup plugin to bundle sass, scss, css files and apply postcss processing.",
+  "keywords": [
+    "rollup",
+    "scss",
+    "sass",
+    "css",
+    "rollup plugin"
+  ],
+  "dependencies": {
+    "postcss": "^8.5.1",
+    "sass-embedded": "^1.83.4"    
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:react5com/bundle-sass.git"
+  },
+  "license": "MIT",
+  "author": "react5",
+  "type": "module",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}