b13-rocket 0.8.9 → 0.8.10

package/README.md

@@ -82,6 +82,11 @@ export const config = definePackageConfig({
 	postcss: {
 		sortMediaQueries: true, // default: true
 	},
+	sass: {
+		// Optional: silence Dart Sass deprecation warnings per package
+		// e.g. "slash-div" (removed in Sass 2.0) and "import" (removed in Sass 3.0)
+		silenceDeprecations: silenceDeprecations: ['slash-div', 'import', 'color-functions', 'global-builtin', 'mixed-decls', 'strict-unary'],
+	},
 	viteConfig: {
 		// Override Vite config for this package
 		resolve: {
@@ -106,6 +111,18 @@ export const config = definePackageConfig({
 });
 ```
 
+Silence specific Dart Sass deprecation warnings for one package:
+
+```js
+export const config = definePackageConfig({
+	name: 'legacy-package',
+	// ...
+	sass: {
+		silenceDeprecations: ['slash-div', 'import', 'color-functions', 'global-builtin', 'mixed-decls', 'strict-unary'],
+	},
+});
+```
+
 ---
 
 ## Extract CSS

package/index.js

@@ -1,4 +1,4 @@
-export function definePackageConfig({ name = '', input = '', output = '', root = '', viteConfig = {}, postcss = {} }) {
+export function definePackageConfig({ name = '', input = '', output = '', root = '', viteConfig = {}, postcss = {}, sass = {} }) {
 
 	return {
 		name,
@@ -7,5 +7,6 @@ export function definePackageConfig({ name = '', input = '', output = '', root =
 		root,
 		viteConfig,
 		postcss,
+		sass,
 	};
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "b13-rocket",
   "description": "FE CLI build tool",
-  "version": "0.8.9",
+  "version": "0.8.10",
   "type": "module",
   "engines": {
     "node": ">=v16.13.0",

package/src/build.js

@@ -2,6 +2,18 @@ import { build as viteBuild, defineConfig, mergeConfig , createServer, loadEnv}
 import { createDefaultViteConfig } from './vite/vite.config.js';
 import fs from 'node:fs';
 
+const normalizeSassSilenceDeprecations = (silenceDeprecations) => {
+	if (typeof silenceDeprecations === 'string') {
+		return [silenceDeprecations];
+	}
+
+	if (!Array.isArray(silenceDeprecations)) {
+		return [];
+	}
+
+	return [...new Set(silenceDeprecations.filter(value => typeof value === 'string' && value.length > 0))];
+};
+
 // post process manifest json
 // remove all css files starting with 'external-' from manifest.json entry file
 const postProcessManifest = (manifestPath = '') => {
@@ -37,6 +49,7 @@ const postProcessManifest = (manifestPath = '') => {
 async function vite(config = {}, sharedViteConfig = {}, enableServer = false) {
 	const defaultViteConfig = createDefaultViteConfig({
 		sortMediaQueries: config?.postcss?.sortMediaQueries !== false,
+		sassSilenceDeprecations: normalizeSassSilenceDeprecations(config?.sass?.silenceDeprecations),
 	});
 
 	let viteConfig = mergeConfig(
@@ -76,16 +89,24 @@ async function vite(config = {}, sharedViteConfig = {}, enableServer = false) {
 		viteConfig.mode = 'development';
 
 		if (process.env.DDEV_PRIMARY_URL !== undefined) {
+			const hmrServerDefaults = {
+				host: true,
+				origin: `${process.env.DDEV_PRIMARY_URL.replace(/:\d+$/, '')}:${vitePort}`,
+				cors: {
+					origin: /https?:\/\/([A-Za-z0-9\-.]+)?(\.ddev\.site)(?::\d+)?$/,
+				},
+			};
+			const userServerConfig = viteConfig?.server || {};
+			const mergedServerConfig = mergeConfig(
+				hmrServerDefaults,
+				userServerConfig,
+				false,
+			);
+
 			const server = await createServer({
 				...viteConfig,
 				configFile: false,
-				server: {
-					host: true,
-					origin: `${process.env.DDEV_PRIMARY_URL.replace(/:\d+$/, '')}:${vitePort}`,
-					cors: {
-						origin: /https?:\/\/([A-Za-z0-9\-.]+)?(\.ddev\.site)(?::\d+)?$/,
-					},
-				},
+				server: mergedServerConfig,
 			})
 			await server.listen();
 			console.log(`${config.name} HMR is ready 🚀`);

package/src/vite/vite.config.js

@@ -11,7 +11,7 @@ import browserslist from 'browserslist';
 const mode = 'production';
 const browserslistConfig = browserslist.loadConfig({ path: process.cwd() }) ?? browserslist.defaults
 
-export function createDefaultViteConfig({ sortMediaQueries = true } = {}) {
+export function createDefaultViteConfig({ sortMediaQueries = true, sassSilenceDeprecations = [] } = {}) {
 	return defineConfig({
 		mode,
 		publicDir: false,
@@ -66,6 +66,7 @@ export function createDefaultViteConfig({ sortMediaQueries = true } = {}) {
 				scss: {
 					api: 'modern',
 					additionalData: `$mode: ${mode};`,
+					...(sassSilenceDeprecations.length > 0 ? { silenceDeprecations: sassSilenceDeprecations } : {}),
 				},
 			},
 		},