Switch to pnpm (#1151)

* Use pnpm

* Update package.json's

* Add pnpm-lock.yaml to prettierignore

* Define packages for lerna

* Fix build

* Fix build

* Fix build

* Fix build

* Fix build

* Fix build

* Update

* Fix build

* Fix build

* Fix build

* Try specific version

* Try different specific version

* Test

* Skip for now

.eslintignore

@@ -7,6 +7,5 @@ build
 coverage
 node_modules
 __snapshots__
-.yarn/*
 storybook-static
 .vscode/*

.github/workflows/CI.yml

@@ -12,15 +12,16 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2
       - uses: actions/setup-node@v3
         with:
           node-version: 'lts/*'
-          cache: 'yarn'
-      - run: yarn install
-      - run: yarn format:check
-      - run: yarn build:all
-      - run: yarn lint:all
-      - name: Run yarn test:all
+          cache: 'pnpm'
+      - run: pnpm install
+      - run: pnpm run format:check
+      - run: pnpm run build:all
+      - run: pnpm run lint:all
+      - name: Run pnpm test:all
         uses: GabrielBB/xvfb-action@v1
         with:
-          run: yarn test:all
+          run: pnpm run test:all

.github/workflows/release.yml

@@ -16,21 +16,23 @@ jobs:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
+      - uses: pnpm/action-setup@v2
+
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
           node-version: 'lts/*'
-          cache: 'yarn'
+          cache: 'pnpm'
 
       - name: Install Dependencies
-        run: yarn install
+        run: pnpm install
 
       - name: Create Release Pull Request or Publish to npm
         id: changesets
         uses: changesets/action@v1
         with:
-          version: yarn changeset version
-          publish: yarn release
+          version: pnpm changeset version
+          publish: pnpm run release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -9,10 +9,3 @@ coverage
 .idea
 .eslintcache
 !packages/redux-devtools-slider-monitor/examples/todomvc/dist/index.html
-.yarn/*
-!.yarn/patches
-!.yarn/releases
-!.yarn/plugins
-!.yarn/sdks
-!.yarn/versions
-.pnp.*

.prettierignore

@@ -8,8 +8,7 @@ coverage
 node_modules
 __snapshots__
 dev
-.yarn/*
-.pnp.*
 **/demo/public/**
 storybook-static
 .vscode/*
+pnpm-lock.yaml

.vscode/settings.json

@@ -1,10 +0,0 @@
-{
-  "search.exclude": {
-    "**/.yarn": true,
-    "**/.pnp.*": true
-  },
-  "eslint.nodePath": ".yarn/sdks",
-  "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
-  "typescript.tsdk": ".yarn/sdks/typescript/lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
-}

.yarn/sdks/eslint/bin/eslint.js

@@ -1,20 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, createRequireFromPath} = require(`module`);
-const {resolve} = require(`path`);
-
-const relPnpApiPath = "../../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absRequire = (createRequire || createRequireFromPath)(absPnpApiPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require eslint/bin/eslint.js
-    require(absPnpApiPath).setup();
-  }
-}
-
-// Defer to the real eslint/bin/eslint.js your application uses
-module.exports = absRequire(`eslint/bin/eslint.js`);

.yarn/sdks/eslint/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "eslint",
-  "version": "8.6.0-sdk",
-  "main": "./lib/api.js",
-  "type": "commonjs"
-}

.yarn/sdks/integrations.yml

@@ -1,5 +0,0 @@
-# This file is automatically generated by @yarnpkg/sdks.
-# Manual changes might be lost!
-
-integrations:
-  - vscode

.yarn/sdks/prettier/index.js

@@ -1,20 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, createRequireFromPath} = require(`module`);
-const {resolve} = require(`path`);
-
-const relPnpApiPath = "../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absRequire = (createRequire || createRequireFromPath)(absPnpApiPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require prettier/index.js
-    require(absPnpApiPath).setup();
-  }
-}
-
-// Defer to the real prettier/index.js your application uses
-module.exports = absRequire(`prettier/index.js`);

.yarn/sdks/prettier/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "prettier",
-  "version": "2.5.1-sdk",
-  "main": "./index.js",
-  "type": "commonjs"
-}

.yarn/sdks/typescript/bin/tsc

@@ -1,20 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, createRequireFromPath} = require(`module`);
-const {resolve} = require(`path`);
-
-const relPnpApiPath = "../../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absRequire = (createRequire || createRequireFromPath)(absPnpApiPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require typescript/bin/tsc
-    require(absPnpApiPath).setup();
-  }
-}
-
-// Defer to the real typescript/bin/tsc your application uses
-module.exports = absRequire(`typescript/bin/tsc`);

.yarn/sdks/typescript/bin/tsserver

@@ -1,20 +0,0 @@
-#!/usr/bin/env node
-
-const {existsSync} = require(`fs`);
-const {createRequire, createRequireFromPath} = require(`module`);
-const {resolve} = require(`path`);
-
-const relPnpApiPath = "../../../../.pnp.cjs";
-
-const absPnpApiPath = resolve(__dirname, relPnpApiPath);
-const absRequire = (createRequire || createRequireFromPath)(absPnpApiPath);
-
-if (existsSync(absPnpApiPath)) {
-  if (!process.versions.pnp) {
-    // Setup the environment to be able to require typescript/bin/tsserver
-    require(absPnpApiPath).setup();
-  }
-}
-
-// Defer to the real typescript/bin/tsserver your application uses
-module.exports = absRequire(`typescript/bin/tsserver`);

.yarn/sdks/typescript/package.json

@@ -1,6 +0,0 @@
-{
-  "name": "typescript",
-  "version": "4.5.4-sdk",
-  "main": "./lib/typescript.js",
-  "type": "commonjs"
-}

.yarnrc.yml

@@ -1,16 +0,0 @@
-yarnPath: .yarn/releases/yarn-3.1.1.cjs
-
-packageExtensions:
-  '@storybook/react@*':
-    dependencies:
-      '@types/node': '*'
-  '@storybook/theming@*':
-    dependencies:
-      '@emotion/serialize': '^0.11.16'
-      '@emotion/utils': '^0.11.3'
-  'apollo-server-core@^3.4.0':
-    dependencies:
-      '@types/node': '*'
-  'tarn@^3.0.1':
-    dependencies:
-      '@types/node': '*'

extension/.gitignore

@@ -7,10 +7,3 @@ build/
 dev/
 tmp/
 _book
-.yarn/*
-!.yarn/patches
-!.yarn/releases
-!.yarn/plugins
-!.yarn/sdks
-!.yarn/versions
-.pnp.*

extension/appveyor.yml

@@ -1,18 +0,0 @@
-environment:
-  matrix:
-    - nodejs_version: '6'
-
-cache:
-  - '%LOCALAPPDATA%/Yarn'
-  - node_modules
-
-install:
-  - ps: Install-Product node $env:nodejs_version
-  - yarn install
-
-test_script:
-  - node --version
-  - yarn --version
-  - yarn test
-
-build: off

extension/package.json

@@ -12,19 +12,19 @@
   },
   "scripts": {
     "start": "webpack --config webpack/dev.config.babel.js",
-    "build": "yarn run build:extension && yarn run build:firefox",
+    "build": "pnpm run build:extension && pnpm run build:firefox",
     "build:extension": "rimraf build/extension && webpack --config webpack/wrap.config.babel.js && webpack --config webpack/prod.config.babel.js",
     "build:firefox": "webpack --config webpack/prod.firefox.config.babel.js",
     "build:examples": "babel-node examples/buildAll.js",
-    "precompress:extension": "yarn run lint && yarn run test:app && yarn run build:extension && yarn run test:chrome && yarn run test:electron",
-    "precompress:firefox": "yarn run lint && yarn run build:firefox && yarn run test:app",
+    "precompress:extension": "pnpm run lint && pnpm run test:app && pnpm run build:extension && pnpm run test:chrome && pnpm run test:electron",
+    "precompress:firefox": "pnpm run lint && pnpm run build:firefox && pnpm run test:app",
     "compress:extension": "bestzip build/extension.zip build/extension",
     "compress:firefox": "bestzip build/extension.zip build/extension",
     "clean": "rimraf build && rimraf dev",
     "test:app": "cross-env BABEL_ENV=test jest test/app",
     "test:chrome": "jest test/chrome",
-    "test:electron": "yarn run build:test:electron:fixture && jest test/electron",
-    "test": "yarn run test:app && yarn run build:extension && yarn run test:chrome && yarn run test:electron",
+    "test:electron": "pnpm run build:test:electron:fixture && jest test/electron",
+    "test": "pnpm run test:app && pnpm run build:extension && pnpm run test:chrome && pnpm run test:electron",
     "build:test:electron:fixture": "webpack --config test/electron/fixture/webpack.config.js",
     "type-check": "tsc --noEmit"
   },

lerna.json

@@ -1,12 +1,22 @@
 {
-  "lerna": "3.4.2",
   "version": "independent",
-  "npmClient": "yarn",
-  "useWorkspaces": true,
+  "npmClient": "pnpm",
+  "packages": [
+    "extension",
+    "packages/*",
+    "packages/d3-state-visualizer/examples/tree",
+    "packages/react-dock/demo",
+    "packages/react-json-tree/examples",
+    "packages/redux-devtools/examples/counter",
+    "packages/redux-devtools/examples/todomvc",
+    "packages/redux-devtools-inspector-monitor/demo",
+    "packages/redux-devtools-inspector-monitor-test-tab/demo",
+    "packages/redux-devtools-rtk-query-monitor/demo",
+    "packages/redux-devtools-slider-monitor/examples/todomvc"
+  ],
   "command": {
     "publish": {
       "allowBranch": "main"
     }
-  },
-  "ignoreChanges": ["**/test/**", "**/examples/**", "**/*.md"]
+  }
 }

package.json

@@ -22,23 +22,12 @@
     "lint:all": "lerna run lint",
     "test:all": "lerna run test",
     "format:check": "prettier --check .",
-    "release": "yarn build:all && changeset publish"
+    "release": "pnpm build:all && changeset publish"
   },
-  "workspaces": [
-    "extension",
-    "packages/*",
-    "packages/d3-state-visualizer/examples/tree",
-    "packages/react-dock/demo",
-    "packages/react-json-tree/examples",
-    "packages/redux-devtools/examples/counter",
-    "packages/redux-devtools/examples/todomvc",
-    "packages/redux-devtools-inspector-monitor/demo",
-    "packages/redux-devtools-inspector-monitor-test-tab/demo",
-    "packages/redux-devtools-rtk-query-monitor/demo",
-    "packages/redux-devtools-slider-monitor/examples/todomvc"
-  ],
-  "resolutions": {
-    "@babel/highlight/chalk": "Methuselah96/chalk#head=v2-without-process"
-  },
-  "packageManager": "yarn@3.2.0"
+  "packageManager": "pnpm@7.0.1",
+  "pnpm": {
+    "overrides": {
+      "@babel/highlight>chalk": "Methuselah96/chalk#v2-without-process"
+    }
+  }
 }

packages/d3-state-visualizer/package.json

@@ -30,7 +30,7 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types && yarn build:umd",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types && pnpm run build:umd",
     "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -38,8 +38,8 @@
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/d3tooltip/package.json

@@ -26,7 +26,7 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types && yarn build:umd",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types && pnpm run build:umd",
     "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -34,8 +34,8 @@
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/map2tree/package.json

@@ -29,7 +29,7 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types && yarn build:umd",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types && pnpm run build:umd",
     "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -38,8 +38,8 @@
     "test": "jest",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/react-base16-styling/package.json

@@ -27,7 +27,7 @@
     "url": "git+https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -35,8 +35,8 @@
     "test": "jest",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/react-base16-styling/src/index.ts

@@ -3,6 +3,7 @@ import { Base16Theme } from 'base16';
 import Color from 'color';
 import * as CSS from 'csstype';
 import curry from 'lodash.curry';
+import type { CurriedFunction3 } from 'lodash';
 import { Color as ColorTuple, yuv2rgb, rgb2yuv } from './colorConverters';
 import {
   Styling,
@@ -201,7 +202,12 @@ interface Options {
   base16Themes?: { [themeName: string]: Base16Theme };
 }
 
-export const createStyling = curry<
+export const createStyling: CurriedFunction3<
+  (base16Theme: Base16Theme) => StylingConfig,
+  Options | undefined,
+  Theme | undefined,
+  StylingFunction
+> = curry<
   (base16Theme: Base16Theme) => StylingConfig,
   Options | undefined,
   Theme | undefined,

packages/react-dock/package.json

@@ -27,7 +27,7 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -35,8 +35,8 @@
     "test": "jest",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/react-dock/src/Dock.tsx

@@ -1,6 +1,7 @@
 import React, { Component, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import debounce from 'lodash.debounce';
+import type { DebouncedFunc } from 'lodash';
 import autoprefix from './autoprefix';
 
 interface Styles {
@@ -438,7 +439,10 @@ export default class Dock extends Component<Props, State> {
     });
   };
 
-  debouncedUpdateWindowSizeEnd = debounce(this.updateWindowSizeEnd, 30);
+  debouncedUpdateWindowSizeEnd: DebouncedFunc<() => void> = debounce(
+    this.updateWindowSizeEnd,
+    30
+  );
 
   handleWrapperLeave = () => {
     this.setState({ isResizing: false });

packages/react-json-tree/package.json

@@ -32,7 +32,7 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types && yarn build:umd",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types && pnpm run build:umd",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -41,11 +41,12 @@
     "test": "jest",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",
+    "@types/lodash": "^4.14.182",
     "@types/prop-types": "^15.7.5",
     "prop-types": "^15.8.1",
     "react-base16-styling": "^0.9.1"

packages/react-json-tree/src/createStylingFromTheme.ts

@@ -1,9 +1,11 @@
+import type { CurriedFunction1 } from 'lodash';
 import {
   Base16Theme,
   createStyling,
   StylingConfig,
 } from 'react-base16-styling';
 import solarized from './themes/solarized';
+import { StylingFunction, Theme } from 'react-base16-styling/src';
 
 const colorMap = (theme: Base16Theme) => ({
   BACKGROUND_COLOR: theme.base00,
@@ -196,6 +198,11 @@ const getDefaultThemeStyling = (theme: Base16Theme): StylingConfig => {
   };
 };
 
-export default createStyling(getDefaultThemeStyling, {
+const createStylingFromTheme: CurriedFunction1<
+  Theme | undefined,
+  StylingFunction
+> = createStyling(getDefaultThemeStyling, {
   defaultBase16: solarized,
 });
+
+export default createStylingFromTheme;

packages/redux-devtools-app/package.json

@@ -24,8 +24,8 @@
   },
   "scripts": {
     "start": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack serve --hot --env development --env platform=web --progress",
-    "build": "yarn run build:lib && yarn run build:web && yarn run build:umd && yarn run build:umd:min",
-    "build:lib": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:lib && pnpm run build:web && pnpm run build:umd && pnpm run build:umd:min",
+    "build:lib": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -36,8 +36,8 @@
     "test": "jest",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools-chart-monitor/package.json

@@ -28,15 +28,15 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools-cli/package.json

@@ -33,8 +33,8 @@
     "test": "jest",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "engines": {
     "node": ">=14.15.0"
@@ -74,6 +74,7 @@
     "@types/lodash": "^4.14.182",
     "@types/minimist": "^1.2.2",
     "@types/morgan": "^1.9.3",
+    "@types/node": "^16.11.33",
     "@types/semver": "^7.3.9",
     "@types/socketcluster": "^14.0.4",
     "@types/socketcluster-client": "^13.0.5",

packages/redux-devtools-cli/src/routes.ts

@@ -1,5 +1,6 @@
 import path from 'path';
 import express from 'express';
+import type { Router } from 'express';
 import morgan from 'morgan';
 import * as http from 'http';
 import bodyParser from 'body-parser';
@@ -23,7 +24,7 @@ function routes(
   options: SCServer.SCServerOptions,
   store: Store,
   scServer: SCServer
-) {
+): Router {
   const limit = options.maxRequestBody;
   const logHTTPRequests = options.logHTTPRequests;
 

packages/redux-devtools-dock-monitor/package.json

@@ -30,15 +30,15 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools-extension/package.json

@@ -18,15 +18,15 @@
     "url": "https://github.com/reduxjs/redux-devtools"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9"

packages/redux-devtools-inspector-monitor-test-tab/package.json

@@ -31,7 +31,7 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -39,8 +39,8 @@
     "test": "jest",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools-inspector-monitor-trace-tab/package.json

@@ -18,7 +18,7 @@
   "sideEffects": false,
   "repository": "https://github.com/reduxjs/redux-devtools",
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -26,8 +26,8 @@
     "test": "jest",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/code-frame": "^7.16.7",

packages/redux-devtools-inspector-monitor/package.json

@@ -24,15 +24,15 @@
     "url": "https://github.com/reduxjs/redux-devtools"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx

@@ -1,6 +1,7 @@
 import React, { MouseEvent, MouseEventHandler, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import dateformat from 'dateformat';
+import type { DebouncedFunc } from 'lodash';
 import debounce from 'lodash.debounce';
 import { StylingFunction } from 'react-base16-styling';
 import { Action } from 'redux';
@@ -179,12 +180,13 @@ export default class ActionListRow<
     this.handleMouseEnterDebounced(e.buttons);
   };
 
-  handleMouseEnterDebounced = debounce((buttons) => {
-    if (buttons) return;
-    this.setState({ hover: true });
-  }, 150);
+  handleMouseEnterDebounced: DebouncedFunc<(buttons: number) => void> =
+    debounce((buttons) => {
+      if (buttons) return;
+      this.setState({ hover: true });
+    }, 150);
 
-  handleMouseLeave = debounce(() => {
+  handleMouseLeave: DebouncedFunc<() => void> = debounce(() => {
     this.handleMouseEnterDebounced.cancel();
     if (this.state.hover) this.setState({ hover: false });
   }, 100);

packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts

@@ -1,8 +1,9 @@
 import jss, { StyleSheet } from 'jss';
 import preset from 'jss-preset-default';
-import { createStyling } from 'react-base16-styling';
+import { createStyling, StylingFunction, Theme } from 'react-base16-styling';
 import rgba from 'hex-rgba';
 import { Base16Theme } from 'redux-devtools-themes';
+import type { CurriedFunction1 } from 'lodash';
 import inspector from '../themes/inspector';
 import * as reduxThemes from 'redux-devtools-themes';
 import * as inspectorThemes from '../themes';
@@ -405,7 +406,10 @@ const getDefaultThemeStyling = (theme: Base16Theme) => {
 
 export const base16Themes = { ...reduxThemes, ...inspectorThemes };
 
-export const createStylingFromTheme = createStyling(getDefaultThemeStyling, {
+export const createStylingFromTheme: CurriedFunction1<
+  Theme | undefined,
+  StylingFunction
+> = createStyling(getDefaultThemeStyling, {
   defaultBase16: inspector,
   base16Themes,
 });

packages/redux-devtools-instrument/package.json

@@ -29,7 +29,7 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -37,8 +37,8 @@
     "test": "jest",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools-log-monitor/package.json

@@ -30,15 +30,15 @@
     "url": "https://github.com/reduxjs/redux-devtools"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools-remote/package.json

@@ -30,15 +30,15 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",
@@ -57,6 +57,7 @@
     "@babel/preset-env": "^7.17.10",
     "@babel/preset-typescript": "^7.16.7",
     "@types/jsan": "^3.1.2",
+    "@types/node": "^16.11.33",
     "@types/rn-host-detect": "^1.2.0",
     "@types/socketcluster-client": "^13.0.5",
     "@typescript-eslint/eslint-plugin": "^5.22.0",

packages/redux-devtools-rtk-query-monitor/package.json

@@ -32,19 +32,20 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",
     "@redux-devtools/ui": "^1.2.1",
+    "@types/lodash": "^4.14.182",
     "@types/prop-types": "^15.7.5",
     "@types/redux-devtools-themes": "^1.0.0",
     "hex-rgba": "^1.0.2",

packages/redux-devtools-rtk-query-monitor/src/components/QueryForm.tsx

@@ -1,7 +1,8 @@
 import React, { ReactNode, FormEvent, MouseEvent, ChangeEvent } from 'react';
+import type { DebouncedFunc } from 'lodash';
+import { Select } from '@redux-devtools/ui';
 import { QueryFormValues } from '../types';
 import { StyleUtilsContext } from '../styles/createStylingFromTheme';
-import { Select } from '@redux-devtools/ui';
 import { SelectOption } from '../types';
 import debounce from 'lodash.debounce';
 import { sortQueryOptions, QueryComparators } from '../utils/comparators';
@@ -84,7 +85,7 @@ export class QueryForm extends React.PureComponent<
     });
   };
 
-  invalidateSearchValueFromProps = debounce(() => {
+  invalidateSearchValueFromProps: DebouncedFunc<() => void> = debounce(() => {
     this.props.onFormValuesChange({
       searchValue: this.state.searchValue,
     });

packages/redux-devtools-rtk-query-monitor/src/styles/createStylingFromTheme.ts

@@ -5,12 +5,15 @@ import {
   getBase16Theme,
   invertTheme,
   StylingConfig,
+  StylingFunction,
+  Theme,
 } from 'react-base16-styling';
 import rgba from 'hex-rgba';
 import * as reduxThemes from 'redux-devtools-themes';
 import { Action } from 'redux';
-import { RtkQueryMonitorProps, StyleUtils } from '../types';
 import { createContext } from 'react';
+import type { CurriedFunction1 } from 'lodash';
+import { RtkQueryMonitorProps, StyleUtils } from '../types';
 
 jss.setup(preset());
 
@@ -513,7 +516,10 @@ const getDefaultThemeStyling = (theme: reduxThemes.Base16Theme) => {
   return themeSheet.classes;
 };
 
-export const createStylingFromTheme = createStyling(getDefaultThemeStyling, {
+export const createStylingFromTheme: CurriedFunction1<
+  Theme | undefined,
+  StylingFunction
+> = createStyling(getDefaultThemeStyling, {
   defaultBase16: reduxThemes.nicinabox,
   base16Themes: { ...reduxThemes },
 });

packages/redux-devtools-serialize/package.json

@@ -25,7 +25,7 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -33,8 +33,8 @@
     "test": "jest",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools-slider-monitor/package.json

@@ -21,15 +21,15 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools-ui/.storybook/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "extends": "../../../tsconfig.react.base.json",
-  "include": ["../src", "."]
-}

packages/redux-devtools-ui/package.json

@@ -24,11 +24,11 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "start": "yarn run storybook",
+    "start": "pnpm run storybook",
     "storybook": "start-storybook -p 6006 -s ./fonts",
     "build:storybook": "build-storybook -s ./fonts",
-    "build": "yarn run build:lib && yarn run build:storybook",
-    "build:lib": "yarn build:cjs && yarn build:esm && yarn build:types && yarn build:css",
+    "build": "pnpm run build:lib && pnpm run build:storybook",
+    "build:lib": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types && pnpm run build:css",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --no-babelrc --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -38,8 +38,8 @@
     "lint": "eslint . --ext .ts,.tsx",
     "lint:css": "stylelint \"./src/**/*.js\"",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools-utils/package.json

@@ -21,15 +21,15 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
     "clean": "rimraf lib",
     "lint": "eslint . --ext .ts",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

packages/redux-devtools/package.json

@@ -29,7 +29,7 @@
     "url": "https://github.com/reduxjs/redux-devtools.git"
   },
   "scripts": {
-    "build": "yarn build:cjs && yarn build:esm && yarn build:types",
+    "build": "pnpm run build:cjs && pnpm run build:esm && pnpm run build:types",
     "build:cjs": "babel src --extensions \".ts,.tsx\" --out-dir lib/cjs",
     "build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
     "build:types": "tsc --emitDeclarationOnly",
@@ -37,8 +37,8 @@
     "test": "jest",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "prepack": "yarn run clean && yarn run build",
-    "prepublish": "yarn run type-check && yarn run lint && yarn run test"
+    "prepack": "pnpm run clean && pnpm run build",
+    "prepublish": "pnpm run type-check && pnpm run lint && pnpm run test"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",

pnpm-workspace.yaml

@@ -0,0 +1,12 @@
+packages:
+  - 'extension'
+  - 'packages/*'
+  - 'packages/d3-state-visualizer/examples/tree'
+  - 'packages/react-dock/demo'
+  - 'packages/react-json-tree/examples'
+  - 'packages/redux-devtools/examples/counter'
+  - 'packages/redux-devtools/examples/todomvc'
+  - 'packages/redux-devtools-inspector-monitor/demo'
+  - 'packages/redux-devtools-inspector-monitor-test-tab/demo'
+  - 'packages/redux-devtools-rtk-query-monitor/demo'
+  - 'packages/redux-devtools-slider-monitor/examples/todomvc'

renovate.json

@@ -1,7 +1,6 @@
 {
   "extends": ["config:base", "group:allNonMajor", ":maintainLockFilesWeekly"],
   "rangeStrategy": "bump",
-  "postUpdateOptions": ["yarnDedupeHighest"],
   "rebaseWhen": "conflicted",
   "ignorePaths": [
     "**/node_modules/**",