@react5/bundle-sass 0.5.4 → 0.5.7

package/README.md

@@ -8,8 +8,10 @@ plugins: [
   bundleSass({
     copyFonts: true,
     postfixOptions: {
-      plugins: [],
-      use: []
+      plugins: [
+        autoprefixer(), 
+        production && cssnano()],
+      use: ["@use 'sass:color';"]
     }
   ...
 ]

package/babel.config.json

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

package/index.js

@@ -8,7 +8,7 @@ function getFilePriority(fileName) {
   if (fileName.includes('design-system')) return 1;
   return 2;
 }
-function compareFiles(a, b) {
+export function compareFiles(a, b) {
   const priorityDiff = getFilePriority(a.id) - getFilePriority(b.id);
   if (priorityDiff !== 0) {
     return priorityDiff;
@@ -64,7 +64,9 @@ export default function bundleSass({ output, noOutput = false, copyFonts = false
       );
       await fs.mkdir(path.dirname(outputPath), { recursive: true });
 
-      const uniqueFiles = Array.from(files).sort(compareFiles);
+      const uniqueFiles = Array.from(files);
+      uniqueFiles.sort(compareFiles);
+      console.log(uniqueFiles.map((file) => file.id));
 
       const bundledContent = use.join('\n')
         + uniqueFiles.map((file) => file.content).join('\n');

package/index.test.js

@@ -0,0 +1,15 @@
+import { compareFiles } from './index';
+
+describe('prioritize files', () => {
+  it('should prioritize files', () => {
+    const files = [
+      { id: '1-file1', content: 'content1' },
+      { id: '3-file2', content: 'content2' },
+      { id: '2-file3', content: 'content3' },
+    ];
+    const sortedFiles = files.sort(compareFiles);
+    expect(sortedFiles[0].id).toEqual('1-file1');
+    expect(sortedFiles[1].id).toEqual('2-file3');
+    expect(sortedFiles[2].id).toEqual('3-file2');
+  });
+})

package/jest.config.js

@@ -0,0 +1,5 @@
+export default {
+  transform: {
+    '^.+\\.(js|jsx)$': 'babel-jest',
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react5/bundle-sass",
-  "version": "0.5.4",
+  "version": "0.5.7",
   "description": "A rollup plugin to bundle sass, scss, css files and apply postcss processing.",
   "keywords": [
     "rollup",
@@ -13,6 +13,11 @@
     "postcss": "^8.5.1",
     "sass-embedded": "^1.83.4"
   },
+  "devDependencies": {
+    "jest": "^29.7.0",
+    "babel-jest": "^29.7.0",
+    "@babel/preset-env": "^7.26.7"
+  },
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/react5com/bundle-sass.git"
@@ -22,6 +27,6 @@
   "type": "module",
   "main": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "jest"
   }
 }