@gjsify/rolldown-plugin-gjsify 0.16.1 → 0.16.3

package/lib/plugins/css-as-string.js

@@ -183,11 +183,20 @@ export function cssAsStringPlugin(options = {}) {
     return {
         name: 'gjsify-css-as-string',
         load: {
-            filter: { id: /\.css$/ },
+            // Also match `.scss`/`.sass` — a Sass entry is compiled to flat CSS
+            // first (Sass already resolves its own `@use`/`@import`/partials and
+            // flattens nesting, so no further lightningcss lowering is needed).
+            filter: { id: /\.(css|s[ac]ss)$/ },
             async handler(id) {
-                const code = bundle
-                    ? new TextDecoder('utf-8').decode(await loadAndBundleCss(id, targets))
-                    : await readFile(id, 'utf8');
+                let code;
+                if (/\.s[ac]ss$/.test(id)) {
+                    code = await compileSass(id);
+                }
+                else {
+                    code = bundle
+                        ? new TextDecoder('utf-8').decode(await loadAndBundleCss(id, targets))
+                        : await readFile(id, 'utf8');
+                }
                 return {
                     code: `export default ${JSON.stringify(code)};`,
                     moduleType: 'js',
@@ -196,6 +205,23 @@ export function cssAsStringPlugin(options = {}) {
         },
     };
 }
+let _sassPromise = null;
+async function compileSass(filename) {
+    if (!_sassPromise) {
+        // Lazy + indirect specifier so `sass` is only resolved when a Sass file
+        // is actually imported (mirrors the lazy lightningcss backend). The
+        // `dart-sass` JS API is pure JS, so it loads under GJS + Node alike.
+        _sassPromise = import(/* @vite-ignore */ 'sass');
+    }
+    try {
+        const sass = await _sassPromise;
+        return sass.compile(filename, { style: 'expanded' }).css;
+    }
+    catch (err) {
+        throw new Error(`gjsify css-as-string: failed to compile Sass file ${filename}. ` +
+            `Is the \`sass\` package installed? (${err.message})`);
+    }
+}
 async function loadAndBundleCss(filename, targets) {
     if (!_bundlerPromise)
         _bundlerPromise = pickBundler();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gjsify/rolldown-plugin-gjsify",
-    "version": "0.16.1",
+    "version": "0.16.3",
     "description": "Rolldown / Rollup / Vite plugin orchestrator for GJS, Node, and Browser targets",
     "type": "module",
     "main": "lib/index.js",
@@ -55,19 +55,20 @@
     ],
     "license": "MIT",
     "dependencies": {
-        "@gjsify/console": "^0.16.1",
-        "@gjsify/resolve-npm": "^0.16.1",
-        "@gjsify/rolldown-plugin-deepkit": "^0.16.1",
-        "@gjsify/rolldown-plugin-pnp": "^0.16.1",
-        "@gjsify/vite-plugin-blueprint": "^0.16.1",
+        "@gjsify/console": "^0.16.3",
+        "@gjsify/resolve-npm": "^0.16.3",
+        "@gjsify/rolldown-plugin-deepkit": "^0.16.3",
+        "@gjsify/rolldown-plugin-pnp": "^0.16.3",
+        "@gjsify/vite-plugin-blueprint": "^0.16.3",
         "@rollup/pluginutils": "^5.4.0",
         "acorn": "^8.17.0",
         "acorn-walk": "^8.3.5",
         "fast-glob": "^3.3.3",
-        "lightningcss": "^1.32.0"
+        "lightningcss": "^1.32.0",
+        "sass": "^1.101.0"
     },
     "peerDependencies": {
-        "@gjsify/lightningcss-native": "^0.16.1",
+        "@gjsify/lightningcss-native": "^0.16.3",
         "rolldown": "^1.1.4"
     },
     "peerDependenciesMeta": {