mancha 0.18.2 → 0.18.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "mancha",
-	"version": "0.18.2",
+	"version": "0.18.4",
 	"description": "Javscript HTML rendering engine",
 	"main": "dist/index.js",
 	"type": "module",
@@ -27,9 +27,11 @@
 		"test:node": "mocha 'dist/**/*.test.js' --ignore 'dist/browser.test.js'",
 		"test:browser": "web-test-runner 'dist/**/*.test.js' '!dist/cli.test.js' '!dist/ssr.test.js' '!dist/index.test.js' '!dist/worker.test.js' '!dist/type_checker.test.js' --node-resolve --compatibility all --playwright --browsers chromium --no-sandbox",
 		"test": "npm run test:node && npm run test:browser",
-		"check_size": "brotli -c dist/mancha.js | wc -c",
+		"check:size": "brotli -c dist/mancha.js | wc -c",
 		"cli": "node dist/cli.js",
-		"gen:docs": "tsx scripts/generate-css-docs.ts"
+		"gen:docs": "tsx scripts/generate-css-docs.ts",
+		"lint": "biome check .",
+		"lint:fix": "biome check --write ."
 	},
 	"bin": {
 		"mancha": "dist/cli.js"
@@ -56,9 +58,12 @@
 		"yargs": "^17.7.2"
 	},
 	"devDependencies": {
+		"@biomejs/biome": "^2.3.10",
 		"@types/chai": "^5.2.3",
 		"@types/chai-as-promised": "^8.0.1",
 		"@types/glob": "^8.1.0",
+		"@types/gulp": "^4.0.18",
+		"@types/gulp-csso": "^4.0.5",
 		"@types/jsdom": "^21.1.6",
 		"@types/mocha": "^10.0.10",
 		"@types/node": "^20.12.11",
@@ -69,20 +74,17 @@
 		"@web/test-runner-playwright": "^0.11.1",
 		"chai": "^5.3.3",
 		"chai-as-promised": "^8.0.1",
-		"css-loader": "^7.1.2",
 		"csso": "^5.0.5",
 		"gulp": "^5.0.0",
 		"gulp-csso": "^4.0.1",
 		"gulp-typescript": "^6.0.0-alpha.1",
 		"mocha": "^11.0.1",
 		"static-server": "^3.0.0",
-		"terser-webpack-plugin": "^5.3.10",
 		"ts-node": "^10.9.2",
+		"tsdown": "^0.18.3",
 		"tsec": "^0.2.8",
 		"tsx": "^4.21.0",
 		"typescript": "^5.9.3",
-		"webpack": "^5.97.1",
-		"webpack-cli": "^5.1.4",
 		"yargs": "^17.7.2"
 	}
 }

package/scripts/generate-css-docs.ts

@@ -1,18 +1,15 @@
 import * as fs from "node:fs";
 import * as path from "node:path";
 import {
+	DURATIONS,
 	MEDIA_BREAKPOINTS,
-	PROPS_CUSTOM,
+	PERCENTS,
 	PROPS_COLORS,
-	PROPS_SPACING,
+	PROPS_CUSTOM,
 	PROPS_SIZING,
-	PROPS_POSITION,
 	PROPS_SIZING_MINMAX,
-	UNITS_ALL,
-	REM_UNIT,
-	PERCENTS,
-	DURATIONS,
-} from "../src/css_gen_utils.ts";
+	PROPS_SPACING,
+} from "../src/css_gen_utils.js";
 
 const DOCS_PATH = path.join(process.cwd(), "docs", "css.md");
 
@@ -92,7 +89,7 @@ function generateMarkdown() {
 	md += "| Color | Shades |\n";
 	md += "| --- | --- |\n";
 	md += "| `white`, `black`, `transparent` | N/A |\n";
-	for (const [color, shades] of Object.entries(PROPS_COLORS)) {
+	for (const [color, _shades] of Object.entries(PROPS_COLORS)) {
 		md += `| \`${color}\` | \`50\`, \`100\`, \`200\`, \`300\`, \`400\`, \`500\`, \`600\`, \`700\`, \`800\`, \`900\` |\n`;
 	}
 	md += "\n";

package/tsconfig.json

@@ -15,12 +15,8 @@
 		"forceConsistentCasingInFileNames": true,
 		"baseUrl": ".",
 		"paths": {
-			"mancha": [
-				"./src/index.ts"
-			],
-			"mancha/*": [
-				"./src/*.ts"
-			]
+			"mancha": ["./src/index.ts"],
+			"mancha/*": ["./src/*.ts"]
 		},
 		"plugins": [
 			{
@@ -29,10 +25,7 @@
 			}
 		]
 	},
-	"include": [
-		"src/**/*",
-		"global.d.ts"
-	],
+	"include": ["src/**/*", "global.d.ts"],
 	"exclude": [
 		"scripts",
 		"examples",

package/tsdown.config.ts

@@ -0,0 +1,32 @@
+import { defineConfig } from "tsdown";
+
+export default defineConfig([
+	{
+		entry: {
+			mancha: "src/mancha.ts",
+		},
+		format: "iife",
+		clean: false,
+		target: "es2022",
+		platform: "browser",
+		minify: true,
+		unbundle: false,
+		skipNodeModulesBundle: false,
+		noExternal: [/.*/],
+		globalName: "Mancha",
+	},
+	{
+		entry: {
+			browser: "src/browser.ts",
+			safe_browser: "src/safe_browser.ts",
+		},
+		format: "esm",
+		clean: false,
+		dts: true,
+		target: "es2022",
+		platform: "browser",
+		minify: true,
+		unbundle: false,
+		skipNodeModulesBundle: false,
+	},
+]);

package/.prettierrc

@@ -1,3 +0,0 @@
-{
-	"printWidth": 100
-}

package/webpack.config.esmodule.ts

@@ -1,26 +0,0 @@
-import TerserPlugin from "terser-webpack-plugin";
-import type { Configuration } from "webpack";
-
-const config: Configuration = {
-	target: "web",
-	mode: "production",
-	entry: {
-		browser: "./dist/browser.js",
-		safe_browser: "./dist/safe_browser.js",
-	},
-	output: {
-		filename: "[name].js",
-		library: { type: "modern-module" },
-	},
-	experiments: {
-		outputModule: true,
-	},
-	optimization: {
-		minimize: true,
-		minimizer: [
-			new TerserPlugin({ extractComments: false, terserOptions: { output: { comments: false } } }),
-		],
-	},
-};
-
-export default config;

package/webpack.config.ts

@@ -1,21 +0,0 @@
-import TerserPlugin from "terser-webpack-plugin";
-import type { Configuration } from "webpack";
-
-const config: Configuration = {
-	target: "web",
-	mode: "production",
-	entry: {
-		mancha: "./dist/mancha.js",
-	},
-	output: {
-		filename: "[name].js",
-	},
-	optimization: {
-		minimize: true,
-		minimizer: [
-			new TerserPlugin({ extractComments: false, terserOptions: { output: { comments: false } } }),
-		],
-	},
-};
-
-export default config;