@haptiq/kit 0.2.0 → 0.3.0

package/bin/haptiq.kit.js

@@ -127,19 +127,21 @@ program
 program
 	.command('css')
 	.description('Build CSS from Sass and CSS files')
+	.option('--dev', 'Build without minification')
 	.option('--verbose', 'Show detailed output for each file processed')
 	.action(createCommandHandler('CSS build', async (config, options) => {
-		await buildCSS(config, options.verbose);
+		await buildCSS(config, options.verbose, options.dev);
 	}));
 
 program
 	.command('js')
 	.description('Bundle JavaScript files with Terser')
+	.option('--dev', 'Build without minification')
 	.option('--verbose', 'Show detailed output for bundling process')
 	.option('--only <name>', 'Only run the named configuration')
 	.option('--skip <name>', 'Skip the named configuration')
 	.action(createCommandHandler('JavaScript build', async (config, options) => {
-		await buildJS(config, options.verbose, { only: options.only, skip: options.skip });
+		await buildJS(config, options.verbose, { only: options.only, skip: options.skip, dev: options.dev });
 	}));
 
 program.parse();

package/lib/css.js

@@ -23,10 +23,11 @@ import haptiqBrowserslistConfig from '@haptiq/browserslist-config';
  *
  * @param {Object} config - Configuration object from haptiq.config.js
  * @param {boolean} verbose - Show detailed processing logs
+ * @param {boolean} dev - Skip minification (--dev flag)
  * @returns {Promise<void>}
  * @see {@link ../examples/haptiq.config.js} for all available options
  */
-async function buildCSS(config = {}, verbose = false) {
+async function buildCSS(config = {}, verbose = false, dev = false) {
 	// Use project's own browserslist config if present, otherwise fall back to @haptiq/browserslist-config
 	const projectConfig = browserslist.loadConfig({ path: process.cwd() });
 	const resolvedTargets = browserslistToTargets(
@@ -35,7 +36,7 @@ async function buildCSS(config = {}, verbose = false) {
 
 	const defaultLightningConfig = {
 		targets: resolvedTargets,
-		minify: true,
+		minify: !dev,
 		sourceMap: true
 	};
 
@@ -43,10 +44,10 @@ async function buildCSS(config = {}, verbose = false) {
 		src: 'src/**/*.{scss,sass,css}',
 		dest: 'css',
 		...config.css,
-		// Merge lightning config properly (after user config)
 		lightning: {
 			...defaultLightningConfig,
-			...config.css?.lightning
+			...config.css?.lightning,
+			...(dev && { minify: false })
 		}
 	};
 

package/lib/js.js

@@ -18,7 +18,7 @@ import { minify } from 'terser';
  *
  * @param {Object} config - Configuration object from haptiq.config.js
  * @param {boolean} verbose - Show detailed processing logs
- * @param {{ only?: string, skip?: string }} options - CLI filter options
+ * @param {{ only?: string, skip?: string, dev?: boolean }} options - CLI filter options
  * @returns {Promise<void>}
  */
 async function buildJS(config = {}, verbose = false, options = {}) {
@@ -31,7 +31,7 @@ async function buildJS(config = {}, verbose = false, options = {}) {
 		if (options.only || options.skip) {
 			console.warn('⚠️  --only and --skip have no effect with a single configuration');
 		}
-		await processSingleConfig(jsConfig, verbose);
+		await processSingleConfig(jsConfig, verbose, options.dev ?? false);
 	}
 
 	console.log(`✅ JavaScript processing completed.`);
@@ -43,10 +43,11 @@ async function buildJS(config = {}, verbose = false, options = {}) {
  *
  * @param {Object} configs - Object with named configurations
  * @param {boolean} verbose - Show detailed processing logs
- * @param {{ only?: string, skip?: string }} options - CLI filter options
+ * @param {{ only?: string, skip?: string, dev?: boolean }} options - CLI filter options
  * @returns {Promise<void>}
  */
 async function processMultipleConfigs(configs, verbose, options = {}) {
+	const dev = options.dev ?? false;
 	const configNames = Object.keys(configs);
 
 	let configsToProcess = configNames;
@@ -67,7 +68,7 @@ async function processMultipleConfigs(configs, verbose, options = {}) {
 	}
 
 	for (const configName of configsToProcess) {
-		await processSingleConfig(configs[configName], verbose);
+		await processSingleConfig(configs[configName], verbose, dev);
 		if (verbose) {
 			console.log(`  ✅ [${configName}] done`);
 		}
@@ -82,7 +83,7 @@ async function processMultipleConfigs(configs, verbose, options = {}) {
  * @param {boolean} verbose - Show detailed processing logs
  * @returns {Promise<void>}
  */
-async function processSingleConfig(jsConfig, verbose) {
+async function processSingleConfig(jsConfig, verbose, dev = false) {
 	const dest = jsConfig.dest || 'js/bundle.js';
 	let combine = jsConfig.combine;
 	if (combine === undefined) {
@@ -96,7 +97,8 @@ async function processSingleConfig(jsConfig, verbose) {
 		combine,
 		terser: {
 			sourceMap: true,
-			...jsConfig.terser
+			...jsConfig.terser,
+			...(dev && { compress: false, mangle: false, format: { beautify: true } })
 		}
 	};
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@haptiq/kit",
-	"version": "0.2.0",
+	"version": "0.3.0",
 	"description": "Build tools for Haptiq projects.",
 	"keywords": [
 		"build",