Reduce extra deps more

client/components/Sidebar.css

@@ -1,5 +1,3 @@
-@value toggleTime: 200ms;
-
 .container {
   background: var(--bg-primary);
   border: none;
@@ -21,7 +19,7 @@
   bottom: 0;
   position: absolute;
   top: 0;
-  transition: transform toggleTime ease;
+  transition: transform 200ms ease;
 }
 
 .container.pinned {

package.json

@@ -81,21 +81,20 @@
     "eslint-config-th0r-react": "2.0.1",
     "eslint-plugin-react": "7.23.2",
     "filesize": "^6.3.0",
-    "globby": "11.0.3",
     "jest": "^30.2.0",
     "lodash.memoize": "^4.1.2",
     "lodash.merge": "^4.6.2",
     "lodash.partial": "^4.2.1",
     "mobx": "5.15.7",
     "mobx-react": "6.3.1",
     "postcss": "8.3.0",
-    "postcss-icss-values": "2.0.2",
     "postcss-loader": "5.3.0",
     "preact": "10.5.13",
     "prettier": "^3.8.0",
     "puppeteer": "^24.30.0",
     "style-loader": "2.0.0",
     "terser-webpack-plugin": "5.1.2",
+    "tinyglobby": "^0.2.15",
     "webpack": "5.98.0",
     "webpack-cli": "6.0.1",
     "webpack-dev-server": "5.2.0"

test/helpers.js

@@ -1,15 +1,42 @@
 const { readdirSync } = require("fs");
 const webpack = require("webpack");
-const memoize = require("lodash.memoize");
 const partial = require("lodash.partial");
-const merge = require("lodash.merge");
 
 global.webpackCompile = webpackCompile;
 global.makeWebpackConfig = makeWebpackConfig;
 global.forEachWebpackVersion = forEachWebpackVersion;
 
 const BundleAnalyzerPlugin = require("../lib/BundleAnalyzerPlugin");
 
+/**
+ * @template T
+ * @typedef {() => T} FunctionReturning
+ */
+
+/**
+ * @template T
+ * @param {FunctionReturning<T>} fn memorized function
+ * @returns {FunctionReturning<T>} new function
+ */
+const memoize = (fn) => {
+  let cache = false;
+  /** @type {T | undefined} */
+  let result;
+  return () => {
+    if (cache) {
+      return /** @type {T} */ (result);
+    }
+
+    result = fn();
+    cache = true;
+    // Allow to clean up memory for fn
+    // and all dependent resources
+    /** @type {FunctionReturning<T> | undefined} */
+    (fn) = undefined;
+    return /** @type {T} */ (result);
+  };
+};
+
 const getAvailableWebpackVersions = memoize(() =>
   readdirSync(`${__dirname}/webpack-versions`, { withFileTypes: true })
     .filter((entry) => entry.isDirectory())
@@ -95,19 +122,18 @@ async function webpackCompile(config, version) {
   await wait(1);
 }
 
-function makeWebpackConfig(opts) {
-  opts = merge(
-    {
-      analyzerOpts: {
-        analyzerMode: "static",
-        openAnalyzer: false,
-        logLevel: "error",
-      },
-      minify: false,
-      multipleChunks: false,
+function makeWebpackConfig(opts = {}) {
+  opts = {
+    ...opts,
+    minify: false,
+    multipleChunks: false,
+    analyzerOpts: {
+      analyzerMode: "static",
+      openAnalyzer: false,
+      logLevel: "error",
+      ...(opts.analyzerOpts || {}),
     },
-    opts,
-  );
+  };
 
   return {
     context: __dirname,

test/statsUtils.js

@@ -1,6 +1,6 @@
 const path = require("path");
 const { readFileSync } = require("fs");
-const globby = require("globby");
+const { globSync } = require("tinyglobby");
 
 const { StatsSerializeStream } = require("../lib/statsUtils");
 
@@ -56,7 +56,7 @@ describe("StatsSerializeStream", () => {
     });
   });
 
-  globby.sync("stats/**/*.json", { cwd: __dirname }).forEach((filepath) => {
+  globSync("stats/**/*.json", { cwd: __dirname }).forEach((filepath) => {
     it(`should properly stringify JSON from "${filepath}"`, function () {
       const content = readFileSync(path.resolve(__dirname, filepath), "utf8");
       const json = JSON.parse(content);

webpack.config.js

@@ -99,7 +99,6 @@ module.exports = {
             options: {
               postcssOptions: {
                 plugins: [
-                  require("postcss-icss-values"),
                   require("autoprefixer"),
                   ...(!isDev ? [require("cssnano")()] : []),
                 ],