@dg-scripts/webpack-template 5.21.7 → 6.0.0

package/CHANGELOG.md

@@ -3,6 +3,45 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.0.0](https://github.com/sabertazimi/bod/compare/v5.21.8...v6.0.0) (2025-12-19)
+
+
+### Bug Fixes
+
+* **deps:** update dependencies (non-major) ([#1463](https://github.com/sabertazimi/bod/issues/1463)) ([7bb29a8](https://github.com/sabertazimi/bod/commit/7bb29a8a8885fd121c46f2fa89af4843c47171d3))
+
+
+* refactor(test)!: migrate from Jest to Vitest across all packages (#1468) ([0072508](https://github.com/sabertazimi/bod/commit/0072508a2eb9ab6a472d4cd8146c341df18e80fc)), closes [#1468](https://github.com/sabertazimi/bod/issues/1468)
+
+
+### BREAKING CHANGES
+
+* Removed Jest.
+
+* test: add timeout to template initialization test
+
+* test: increase template initialization timeout to 120s
+
+* test(coverage): simplify coverage configuration and enable in test:all
+
+
+
+
+
+## [5.21.8](https://github.com/sabertazimi/bod/compare/v5.21.7...v5.21.8) (2025-12-04)
+
+
+### Bug Fixes
+
+* **deps:** update dependencies (non-major) ([#1453](https://github.com/sabertazimi/bod/issues/1453)) ([98d3ba9](https://github.com/sabertazimi/bod/commit/98d3ba9ce473b2df084b1db55a3498977cdbe11d))
+* **deps:** update dependencies (non-major) ([#1459](https://github.com/sabertazimi/bod/issues/1459)) ([e6eb392](https://github.com/sabertazimi/bod/commit/e6eb392502da1923449d659326a3dab9447fc990))
+* **deps:** update dependency inquirer to v13 ([#1456](https://github.com/sabertazimi/bod/issues/1456)) ([e5f4fd5](https://github.com/sabertazimi/bod/commit/e5f4fd5b90cd4ad453932d7d082d61910018c9da))
+* **stylelint-config:** set import notation to string ([#1452](https://github.com/sabertazimi/bod/issues/1452)) ([f780e46](https://github.com/sabertazimi/bod/commit/f780e46c00c4712578016987a846cbfa546f266d))
+
+
+
+
+
 ## [5.21.7](https://github.com/sabertazimi/bod/compare/v5.21.6...v5.21.7) (2025-11-19)
 
 
@@ -324,7 +363,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 * **deps-dev:** bump autoprefixer from 10.3.3 to 10.3.4 ([#92](https://github.com/sabertazimi/boilerplate/issues/92)) ([9103de6](https://github.com/sabertazimi/boilerplate/commit/9103de60e9be8f60fc6feaeaf2c6e6778e9e7859))
 * **deps-dev:** bump clean-webpack-plugin from 3.0.0 to 4.0.0 ([#90](https://github.com/sabertazimi/boilerplate/issues/90)) ([7b5f704](https://github.com/sabertazimi/boilerplate/commit/7b5f704ed6b12a673fc1c2cdf9467a1baa16a78e))
 * **deps-dev:** bump mini-css-extract-plugin from 2.2.1 to 2.2.2 ([#91](https://github.com/sabertazimi/boilerplate/issues/91)) ([0b761da](https://github.com/sabertazimi/boilerplate/commit/0b761da515cbaffd451d394033e5ea4c2aef28c4))
-* **deps-dev:** bump stylelint-config-bod from 5.3.1 to 5.3.3 ([#96](https://github.com/sabertazimi/boilerplate/issues/96)) ([d3552ce](https://github.com/sabertazimi/boilerplate/commit/d3552cead3caa8edc320141bb94048c3e83b9951))
 * **deps-dev:** bump webpack from 5.51.1 to 5.52.0 ([#97](https://github.com/sabertazimi/boilerplate/issues/97)) ([d35b2f1](https://github.com/sabertazimi/boilerplate/commit/d35b2f1065fd91ae98245c8f5db26f81bd210003))
 * **Jest:** enable Jest config intellisense ([01f9140](https://github.com/sabertazimi/boilerplate/commit/01f9140e389f2e9c3e1c59c50afd855490a17b69))
 * **webpack:** enable webpack config intellisense ([2bcb3aa](https://github.com/sabertazimi/boilerplate/commit/2bcb3aab2f12c0d2b00aae80bb9591f6c883f720))

package/README.md

@@ -2,7 +2,6 @@
 
 [![Author](https://img.shields.io/badge/author-sabertaz-lightgrey?style=for-the-badge)](https://github.com/sabertazimi)
 [![LICENSE](https://img.shields.io/github/license/sabertazimi/bod?style=for-the-badge)](https://raw.githubusercontent.com/sabertazimi/bod/main/LICENSE)
-
 [![CI](https://img.shields.io/github/actions/workflow/status/sabertazimi/bod/ci.yml?branch=main&style=for-the-badge&logo=github)](https://github.com/sabertazimi/bod/actions/workflows/ci.yml)
 
 > Minimal wbepack boilerplate.
@@ -29,7 +28,7 @@ on repo [Bod](https://github.com/sabertazimi/bod).
 - `Babel` transpile support.
 - `Webpack` for hot reload development and dedicated building work
   with bundle analysis and elegant progressbar.
-- `Jest` and `Testing Library` for robust unit tests and detailed coverage report.
+- `Vitest` and `Testing Library` for robust unit tests and detailed coverage report.
 - `PostCSS` for CSS auto-prefixer support.
 - `ESLint` with TypeScript parser for TypeScript style check.
 - `StyleLint` with custom rules for CSS style check.
@@ -56,5 +55,5 @@ npm i -D sass @types/sass
 ## Contact
 
 [![Email](https://img.shields.io/badge/-Gmail-ea4335?style=for-the-badge&logo=gmail&logoColor=white)](mailto:sabertazimi@gmail.com)
-[![Twitter](https://img.shields.io/badge/-Twitter-1da1f2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/sabertazimi)
+[![X](https://img.shields.io/badge/-X.com-000000?style=for-the-badge&logo=x&logoColor=white)](https://x.com/sabertazimi)
 [![GitHub](https://img.shields.io/badge/-GitHub-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/sabertazimi)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dg-scripts/webpack-template",
-  "version": "5.21.7",
-  "packageManager": "pnpm@10.22.0",
+  "version": "6.0.0",
+  "packageManager": "pnpm@10.24.0",
   "description": "Minimal webpack boilerplate",
   "author": "sabertazimi",
   "license": "MIT",
@@ -35,7 +35,7 @@
     ]
   },
   "scripts": {
-    "badge": "ts-node scripts/badge.ts",
+    "badge": "tsx scripts/badge.ts",
     "build": "cross-env NODE_ENV=production webpack",
     "dev": "cross-env NODE_ENV=development webpack serve",
     "lint": "pnpm lint:style && pnpm lint:type-check",
@@ -45,54 +45,53 @@
     "changeset": "commit-and-tag-version --dry-run -s",
     "release": "commit-and-tag-version -s",
     "start": "pnpm dev",
-    "test": "jest",
-    "test:watch": "jest --watch"
+    "test": "vitest run",
+    "test:watch": "vitest"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
     "@babel/plugin-transform-class-properties": "^7.27.1",
     "@babel/plugin-transform-object-rest-spread": "^7.28.4",
     "@babel/preset-env": "^7.28.5",
-    "@dg-scripts/eslint-config": "^5.21.7",
-    "@dg-scripts/stylelint-config": "^5.21.7",
+    "@dg-scripts/eslint-config": "^6.0.0",
+    "@dg-scripts/stylelint-config": "^6.0.0",
     "@svgr/webpack": "^8.1.0",
-    "@types/jest": "^30.0.0",
     "@types/node": "^24.10.1",
+    "@vitest/coverage-v8": "^4.0.16",
     "babel-loader": "^10.0.0",
     "cross-env": "^10.1.0",
     "css-loader": "^7.1.2",
-    "css-minimizer-webpack-plugin": "^7.0.2",
+    "css-minimizer-webpack-plugin": "^7.0.3",
     "dotenv": "^17.2.3",
     "eslint": "^9.39.1",
     "eslint-webpack-plugin": "^5.0.2",
     "file-loader": "^6.2.0",
     "html-loader": "^5.1.0",
-    "html-webpack-plugin": "^5.6.4",
-    "jest": "^30.2.0",
-    "jest-environment-jsdom": "^30.2.0",
+    "html-webpack-plugin": "^5.6.5",
+    "jsdom": "^26.1.0",
     "mini-css-extract-plugin": "^2.9.4",
     "postcss": "^8.5.6",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-loader": "^8.2.0",
-    "postcss-preset-env": "^10.4.0",
-    "prettier": "^3.6.2",
+    "postcss-preset-env": "^10.5.0",
+    "prettier": "^3.7.4",
     "sass-loader": "^16.0.6",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.25.0",
+    "stylelint": "^16.26.1",
     "stylelint-webpack-plugin": "^5.0.1",
-    "ts-jest": "^29.4.5",
     "ts-loader": "^9.5.4",
-    "ts-node": "^10.9.2",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "tslib": "^2.8.1",
+    "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "undici": "^7.16.0",
     "url-loader": "^4.1.1",
-    "webpack": "^5.102.1",
-    "webpack-bundle-analyzer": "^4.10.2",
+    "vitest": "^4.0.16",
+    "webpack": "^5.103.0",
+    "webpack-bundle-analyzer": "^5.0.1",
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.2",
     "webpackbar": "^7.0.0"
   },
-  "gitHead": "10fa1fff5fd812bcbd27cb1ee393a158a3aab69e"
+  "gitHead": "c98290e1b374fdcffa21acd39ab8dac42d8d156d"
 }

package/scripts/badge.ts

@@ -42,7 +42,7 @@ const getBadgeUrl = (
   const percentage = getCoveragePercentage(summaryFilePath, coverageType);
   const coverage = `${percentage}${encodeURI('%')}`;
   const color = getBadgeColor(percentage);
-  const url = `https://img.shields.io/badge/${coverageType}-${coverage}-${color}?logo=jest&style=${badgeStyle}`;
+  const url = `https://img.shields.io/badge/${coverageType}-${coverage}-${color}?logo=vitest&style=${badgeStyle}`;
   return url;
 };
 

package/src/index.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=Raleway:400,500');
+@import 'https://fonts.googleapis.com/css?family=Raleway:400,500';
 
 :root {
   --color-primary: #7048e8;

package/src/particle/__tests__/ExplodingParticle.test.ts

@@ -1,3 +1,4 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import ExplodingParticle from '../ExplodingParticle'
 
 describe('explodingParticle', () => {
@@ -7,12 +8,12 @@ describe('explodingParticle', () => {
 
   beforeEach(() => {
     mockContextFunctions = {
-      save: jest.fn(),
-      restore: jest.fn(),
-      beginPath: jest.fn(),
-      closePath: jest.fn(),
-      arc: jest.fn(),
-      fill: jest.fn(),
+      save: vi.fn(),
+      restore: vi.fn(),
+      beginPath: vi.fn(),
+      closePath: vi.fn(),
+      arc: vi.fn(),
+      fill: vi.fn(),
     }
     mockContextProps = {
       fillStyle: '',

package/src/particle/__tests__/ParticleFactory.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest'
 import ParticleFactory from '../ParticleFactory'
 
 describe('particleFactory', () => {

package/tsconfig.json

@@ -20,19 +20,12 @@
     "isolatedModules": true,
     "skipLibCheck": true
   },
-  "include": ["./src/**/*", "index.d.ts"],
+  "include": ["./src/**/*", "index.d.ts", "vitest.config.ts", "vitest.setup.ts"],
   "exclude": [
     "node_modules",
     "build",
     "coverage",
     "dist",
     "typings"
-  ],
-  "ts-node": {
-    "files": true,
-    "compilerOptions": {
-      "target": "es6",
-      "module": "commonjs"
-    }
-  }
+  ]
 }

package/vitest.config.ts

@@ -0,0 +1,28 @@
+import path from 'node:path'
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    environment: 'jsdom',
+    environmentOptions: {
+      url: 'http://localhost',
+    },
+    setupFiles: ['./vitest.setup.ts'],
+    coverage: {
+      provider: 'v8',
+      reportsDirectory: './coverage',
+    },
+    exclude: [
+      'node_modules',
+      '.cache',
+      'build',
+      'dist',
+      'coverage',
+    ],
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+})

package/vitest.setup.ts

@@ -0,0 +1,37 @@
+import path from 'node:path'
+import process from 'node:process'
+import dotenv from 'dotenv'
+import { afterEach, vi } from 'vitest'
+
+// Load environment variables
+dotenv.config({
+  path: path.resolve(process.cwd(), '.test.env'),
+})
+
+// Mock matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: vi.fn().mockImplementation((query: string) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: vi.fn(), // deprecated
+    removeListener: vi.fn(), // deprecated
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    dispatchEvent: vi.fn(),
+  })),
+})
+
+// Mock requestAnimationFrame
+window.requestAnimationFrame = function (callback: FrameRequestCallback): number {
+  return setTimeout(callback) as unknown as number
+}
+
+window.cancelAnimationFrame = window.clearTimeout
+
+// Reset mocks after each test
+afterEach(() => {
+  vi.restoreAllMocks()
+})
+

package/jest.config.js

@@ -1,39 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const { pathsToModuleNameMapper } = require('ts-jest');
-const { compilerOptions } = require('./tsconfig.json');
-
-const paths = pathsToModuleNameMapper(compilerOptions.paths, {
-  prefix: '<rootDir>/',
-});
-
-/** @type {import('ts-jest').JestConfigWithTsJest} */
-module.exports = {
-  collectCoverage: true,
-  coverageDirectory: 'coverage',
-  coverageReporters: ['json-summary', 'lcov', 'text', 'clover'],
-  preset: 'ts-jest',
-  moduleNameMapper: {
-    ...paths,
-  },
-  testPathIgnorePatterns: [
-    'node_modules',
-    '\\.cache',
-    '<rootDir>/build',
-    '<rootDir>/dist',
-    '<rootDir>/coverage',
-  ],
-  transform: {
-    '^.+\\.tsx?$': [
-      'ts-jest',
-      {
-        tsconfig: 'tsconfig.json',
-      },
-    ],
-  },
-  testEnvironmentOptions: {
-    url: 'http://localhost',
-  },
-  testEnvironment: 'jsdom',
-  setupFiles: ['<rootDir>/jest.env.setup.js'],
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
-};

package/jest.env.setup.js

@@ -1,6 +0,0 @@
-const path = require('path');
-const dotenv = require('dotenv');
-
-dotenv.config({
-  path: path.resolve(process.cwd(), '.test.env'),
-});

package/jest.setup.js

@@ -1,21 +0,0 @@
-// require('@testing-library/jest-dom');
-
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation((query) => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(), // deprecated
-    removeListener: jest.fn(), // deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-  })),
-});
-
-window.requestAnimationFrame = function (callback) {
-  return setTimeout(callback);
-};
-
-window.cancelAnimationFrame = window.clearTimeout;