@haptiq/kit 0.1.1 → 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

@@ -8,7 +8,9 @@ import fs from 'fs';
 import path from 'path';
 import { globSync } from 'glob';
 import * as sass from 'sass';
-import { transform } from 'lightningcss';
+import { transform, browserslistToTargets } from 'lightningcss';
+import browserslist from 'browserslist';
+import haptiqBrowserslistConfig from '@haptiq/browserslist-config';
 
 
 /**
@@ -21,13 +23,20 @@ import { transform } from 'lightningcss';
  *
  * @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(
+		browserslist(projectConfig ?? haptiqBrowserslistConfig, { path: process.cwd() })
+	);
+
 	const defaultLightningConfig = {
-		targets: { chrome: 80, firefox: 90, safari: 14 },
-		minify: true,
+		targets: resolvedTargets,
+		minify: !dev,
 		sourceMap: true
 	};
 
@@ -35,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.1.1",
+	"version": "0.3.0",
 	"description": "Build tools for Haptiq projects.",
 	"keywords": [
 		"build",
@@ -10,20 +10,23 @@
 	],
 	"author": "Haptiq",
 	"license": "GPL-2.0-or-later",
-	"homepage": "...",
+	"homepage": "https://github.com/haptiq/haptiq-kit/blob/main/packages/kit/README.md",
 	"repository": {
 		"type": "git",
-		"url": "..."
+		"url": "git+https://github.com/haptiq/haptiq-kit.git",
+		"directory": "packages/kit"
 	},
 	"type": "module",
 	"bin": {
 		"kit": "bin/haptiq.kit.js"
 	},
 	"dependencies": {
+		"@haptiq/browserslist-config": "^0.1.0",
+		"browserslist": "^4.28.2",
 		"commander": "^15.0.0",
-		"sass": "^1.101.0",
-		"lightningcss": "^1.32.0",
 		"glob": "^13.0.6",
+		"lightningcss": "^1.32.0",
+		"sass": "^1.101.0",
 		"terser": "^5.0.0"
 	},
 	"engines": {