Prepare new release

.browserslistrc

@@ -1,11 +1,5 @@
 # https://github.com/browserslist/browserslist#readme
 
->= 0.5%
-last 2 major versions
-not dead
-Chrome >= 60
-Firefox >= 60
-Firefox ESR
-iOS >= 12
-Safari >= 12
-not Explorer <= 11
+# > 0.5%, last 2 versions, Firefox ESR, not dead
+defaults
+last 2 major versions

.github/workflows/node.yml

@@ -29,6 +29,14 @@ jobs:
       with:
         node-version: ${{ matrix.node }}
 
-    # install dependencies and build
-    - name: Install deps and build
+    # install dependencies
+    - name: Install deps
       run: yarn install
+
+    # lint `scss` files
+    - name: Lint files
+      run: yarn run scss:lint
+
+    # build proccess
+    - name: Build proccess
+      run: yarn run build

.stylelintrc.mjs

@@ -0,0 +1,63 @@
+/** @type {import('stylelint').Config} */
+export default {
+    extends: [
+        'stylelint-config-standard-scss',
+        'stylelint-config-recess-order',
+        '@stylistic/stylelint-config',
+    ],
+    rules: {
+        'at-rule-empty-line-before': ['always', {
+            except: [
+                'blockless-after-same-name-blockless',
+                'first-nested'
+            ],
+            ignore: ['after-comment'],
+            ignoreAtRules: ['else']
+        }],
+        'media-feature-range-notation': 'prefix',
+        'value-keyword-case': [
+            'lower',
+            {
+                ignoreProperties: [
+                    '$font-family-monospace'
+                ],
+                camelCaseSvgKeywords: true
+            }
+        ],
+        'alpha-value-notation': null,
+        'color-function-alias-notation': null,
+        'color-function-notation': null,
+        'declaration-block-no-redundant-longhand-properties': null,
+        'declaration-empty-line-before': null,
+        'function-url-quotes': null,
+        'no-descending-specificity': null,
+        'no-duplicate-selectors': null,
+        'rule-empty-line-before': null,
+        'selector-attribute-quotes': null,
+        'selector-class-pattern': null,
+        'selector-id-pattern': null,
+        'shorthand-property-no-redundant-values': null,
+        // Stylistic
+        '@stylistic/at-rule-name-space-after': 'always',
+        '@stylistic/at-rule-semicolon-space-before': 'never',
+        '@stylistic/block-closing-brace-empty-line-before': null,
+        '@stylistic/block-closing-brace-newline-after': null,
+        '@stylistic/block-opening-brace-space-before': null,
+        '@stylistic/declaration-block-semicolon-newline-before': 'never-multi-line',
+        '@stylistic/max-empty-lines': 2,
+        '@stylistic/max-line-length': null,
+        '@stylistic/number-leading-zero': 'never',
+        '@stylistic/selector-list-comma-newline-after': 'always-multi-line',
+        '@stylistic/selector-list-comma-newline-before': 'never-multi-line',
+        '@stylistic/selector-list-comma-space-after': 'always-single-line',
+        '@stylistic/selector-list-comma-space-before': 'never-single-line',
+        '@stylistic/unicode-bom': 'never',
+        '@stylistic/value-list-comma-newline-after': 'never-multi-line',
+        '@stylistic/value-list-comma-newline-before': 'never-multi-line',
+        '@stylistic/value-list-comma-space-after': 'always',
+        // SCSS
+        'scss/double-slash-comment-empty-line-before': null,
+        'scss/double-slash-comment-whitespace-inside': null,
+        'scss/no-global-function-names': null
+    }
+}

.webpack/webpack.common.js

@@ -18,6 +18,7 @@ exports.commonConfig = ({ mode }) => (
       output: {
         filename: '../../../build/[name].js',
         path: themePath + '/css',
+        clean: true
       },
     },
     extractScss(),

.webpack/webpack.development.js

@@ -1,4 +1,3 @@
 exports.developmentConfig = () => ({
-  name: 'CSS development',
-  // devtool: 'source-map',
+  name: 'CSS Development',
 });

.webpack/webpack.parts.js

@@ -1,6 +1,6 @@
 const autoprefixer = require('autoprefixer');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const RtlCssPlugin = require('rtlcss-webpack-plugin');
+const RtlCssPlugin = require('@smushytaco/rtlcss-webpack-plugin');
 
 exports.extractScss = () => ({
   module: {
@@ -19,7 +19,17 @@ exports.extractScss = () => ({
             },
           }},
           // Loads a SASS/SCSS file and compiles it to CSS
-          { loader: 'sass-loader' },
+          { loader: 'sass-loader', options: {
+            sassOptions: {
+              // If set to true, Sass won’t print warnings that are caused by dependencies (like bootstrap):
+              // https://sass-lang.com/documentation/js-api/interfaces/options/#quietDeps
+              quietDeps: true,
+              silenceDeprecations: [
+                'import', 'color-functions', 'global-builtin',
+                // 'mixed-decls', 'abs-percent',
+              ],
+            },
+          }},
         ],
       },
     ],

.webpack/webpack.production.js

@@ -1,7 +1,7 @@
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 
 exports.productionConfig = () => ({
-  name: 'CSS production',
+  name: 'CSS Production',
   optimization: {
     minimize: true,
     minimizer: [
@@ -16,7 +16,7 @@ exports.productionConfig = () => ({
   },
   performance: {
     hints: 'warning',
-    maxAssetSize: 285000,
-    maxEntrypointSize: 570000,
+    maxAssetSize: 360000,
+    maxEntrypointSize: 720000,
   },
 });

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022-23 Adorade
+Copyright (c) 2022-25 Adorade
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -10,7 +10,7 @@
 > Bootstrap Dark theme for phpMyAdmin
 
 - Supported versions: 5.2
-- Bootstrap v5.2.3
+- Bootstrap v5.3.8
 
 ## Changes
 
@@ -23,19 +23,11 @@
 - Inline SVG using `escape-svg` function
 - Color Schemes: `cyan` (main), `teal`, `nord` and `orange`
 
-## Demo
-
-The best way to see **BooDark** in action is to try it on **phpMyAdmin** demo server.
-
-- Navigate to [phpMyAdmin demo server](https://demo.phpmyadmin.net/QA_5_2/)
-- Login is root with empty password
-- Go to **Appearance settings > Themes** and choose **BooDark**.
-
 ## Installation
 
-1. Download latest [release](https://github.com/adorade/boodark/releases/latest/download/boodark-v1.1.1.zip)
+1. Download latest [release](https://github.com/adorade/boodark/releases/latest/download/boodark-v1.2.0.zip)
 2. Extract the archive files
-3. Go to the phpMyAdmin files (C:\xampp\phpmyadmin for XAMPP) then go to the `themes` folder and add here the `boodark` folder
+3. Go to the `phpMyAdmin/themes` and add the `boodark` folder
 4. Select `BooDark` theme on the home page
 
 ## Building

package.json

@@ -1,43 +1,51 @@
 {
   "name": "boodark",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Bootstrap Dark theme for phpMyAdmin",
-  "repository": "https://github.com/adorade/boodark.git",
-  "author": "Adorade",
+  "homepage": "https://github.com/adorade/boodark",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/adorade/boodark.git"
+  },
+  "author": {
+    "name": "Adorade",
+    "email": "adorade@outlook.com",
+    "url": "https://adorade.ro"
+  },
   "scripts": {
-    "postinstall": "yarn run build",
     "build": "yarn run build:prod",
-    "build:analyze": "webpack --progress --mode=production --analyze",
     "build:dev": "webpack --progress --mode=development",
     "build:prod": "webpack --progress --mode=production",
     "watch": "webpack --progress --watch --mode=development",
-    "css:lint": "stylelint 'themes/boodark/scss/*.scss'"
+    "scss:lint": "stylelint 'themes/boodark/scss/**/*.scss'",
+    "scss:fix": "stylelint 'themes/boodark/scss/**/*.scss' --fix"
   },
   "dependencies": {
-    "@babel/runtime": "7.23.2",
     "@popperjs/core": "2.11.8",
-    "autoprefixer": "10.4.16",
-    "bootstrap": "5.2.3",
-    "css-loader": "6.8.1",
-    "css-minimizer-webpack-plugin": "5.0.1",
-    "mini-css-extract-plugin": "2.7.6",
-    "postcss": "8.4.31",
-    "postcss-cli": "10.1.0",
-    "postcss-loader": "7.3.3",
-    "rtlcss": "4.1.1",
-    "rtlcss-webpack-plugin": "4.0.7",
-    "sass": "1.64.2",
-    "sass-loader": "13.3.2",
-    "webpack": "5.89.0",
-    "webpack-cli": "5.1.4",
-    "webpack-merge": "5.10.0"
+    "bootstrap": "5.3.8"
   },
   "devDependencies": {
-    "stylelint": "15.11.0",
-    "stylelint-config-standard-scss": "11.0.0"
+    "@smushytaco/rtlcss-webpack-plugin": "2.0.5",
+    "@stylistic/stylelint-config": "3.0.1",
+    "autoprefixer": "10.4.21",
+    "css-loader": "7.1.2",
+    "css-minimizer-webpack-plugin": "7.0.2",
+    "mini-css-extract-plugin": "2.9.4",
+    "postcss": "8.5.6",
+    "postcss-loader": "8.2.0",
+    "rtlcss": "4.3.0",
+    "sass-embedded": "1.92.1",
+    "sass-loader": "16.0.5",
+    "stylelint": "16.24.0",
+    "stylelint-config-recess-order": "7.3.0",
+    "stylelint-config-standard-scss": "15.0.1",
+    "stylelint-order": "7.0.0",
+    "webpack": "5.101.3",
+    "webpack-cli": "6.0.1",
+    "webpack-merge": "6.0.1"
   },
   "engines": {
-    "node": ">=14"
+    "node": ">=18.12.0"
   },
   "license": "MIT",
   "private": true