reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-25 15:40:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' into default-node

Browse Source
This commit is contained in:
Nick McCurdy 2023-09-22 04:07:45 -04:00
commit 01fe9cdc69
24 changed files with 191 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
extension/CHANGELOG.md
View File

@ -1,5 +1,24 @@
# remotedev-redux-devtools-extension
## 3.1.4
### Patch Changes
- Updated dependencies [e57bcb39]
- @redux-devtools/app@4.0.0
## 3.1.3
### Patch Changes
- bca76009: Fix missing CSS for code editor
## 3.1.2
### Patch Changes
- 64ed81b0: Fix extension in Firefox and Chrome Incognito
## 3.1.1
### Patch Changes

2
extension/chrome/manifest.json
View File

@ -1,5 +1,5 @@
{
"version": "3.1.1",
"version": "3.1.3",
"name": "Redux DevTools",
"description": "Redux DevTools for debugging application's state changes.",
"homepage_url": "https://github.com/reduxjs/redux-devtools",

2
extension/edge/manifest.json
View File

@ -1,5 +1,5 @@
{
"version": "3.1.1",
"version": "3.1.3",
"name": "Redux DevTools",
"description": "Redux DevTools for debugging application's state changes.",
"homepage_url": "https://github.com/reduxjs/redux-devtools",

2
extension/firefox/manifest.json
View File

@ -1,5 +1,5 @@
{
"version": "3.1.1",
"version": "3.1.3",
"name": "Redux DevTools",
"manifest_version": 2,
"description": "Redux Developer Tools for debugging application state changes.",

4
extension/package.json
View File

@ -1,7 +1,7 @@
{
"private": true,
"name": "remotedev-redux-devtools-extension",
"version": "3.1.1",
"version": "3.1.4",
"description": "Redux Developer Tools for debugging application state changes.",
"homepage": "https://github.com/reduxjs/redux-devtools/tree/master/extension",
"license": "MIT",
@ -24,7 +24,7 @@
},
"dependencies": {
"@babel/polyfill": "^7.12.1",
"@redux-devtools/app": "^3.0.0",
"@redux-devtools/app": "^4.0.0",
"@redux-devtools/core": "^3.13.0",
"@redux-devtools/instrument": "^2.1.0",
"@redux-devtools/serialize": "^0.4.1",

1
extension/src/devpanel/devpanel.pug
View File

@ -12,4 +12,5 @@ html
body
#root
link(href='/devpanel.bundle.css', rel='stylesheet')
script(src='/devpanel.bundle.js')

4
extension/src/devpanel/store/panelReducer.ts
View File

@ -12,6 +12,8 @@ import {
ReportsState,
section,
SectionState,
StateTreeSettings,
stateTreeSettings,
StoreAction,
theme,
ThemeState,
@ -25,6 +27,7 @@ export interface StoreStateWithoutSocket {
readonly instances: InstancesState;
readonly reports: ReportsState;
readonly notification: NotificationState;
readonly stateTreeSettings: StateTreeSettings;
}
const rootReducer: Reducer<StoreStateWithoutSocket, StoreAction> =
@ -36,6 +39,7 @@ const rootReducer: Reducer<StoreStateWithoutSocket, StoreAction> =
section,
theme,
connection,
stateTreeSettings,
});
export default rootReducer;

1
extension/src/remote/remote.pug
View File

@ -8,4 +8,5 @@ html
body
#root
link(href='/remote.bundle.css', rel='stylesheet')
script(src='/remote.bundle.js')

1
extension/src/window/window.pug
View File

@ -14,4 +14,5 @@ html
height=300, width=350,
style='position: absolute; top: 50%; left: 50%; margin-top: -175px; margin-left: -175px;'
)
link(href='/window.bundle.css', rel='stylesheet')
script(src='/window.bundle.js')

36
packages/redux-devtools-app/CHANGELOG.md
View File

@ -1,5 +1,41 @@
# Change Log
## 4.0.0
### Major Changes
- e57bcb39: The UMD bundle now exports the same thing as the library and includes the CSS in a sperate file. Therfore, the new usage is:
```diff
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Redux DevTools</title>
+ <link href="/redux-devtools-app.min.css" rel="stylesheet" />
</head>
<body>
<div id="root"></div>
<script src="/react.production.min.js"></script>
<script src="/react-dom.production.min.js"></script>
<script src="/redux-devtools-app.min.js"></script>
<script src="/port.js"></script>
<script>
const container = document.querySelector('#root');
- const element = React.createElement(ReduxDevToolsApp, {
+ const element = React.createElement(ReduxDevToolsApp.Root, {
socketOptions: {
hostname: location.hostname,
port: reduxDevToolsPort,
autoReconnect: true,
},
});
ReactDOM.createRoot(container).render(element);
</script>
</body>
</html>
```
## 3.0.0
### Major Changes

67
packages/redux-devtools-app/buildUmd.mjs Normal file
View File

@ -0,0 +1,67 @@
import * as esbuild from 'esbuild';
const args = process.argv.slice(2);
const prod = !args.includes('--dev');
await esbuild.build({
bundle: true,
logLevel: 'info',
format: 'iife',
globalName: 'ReduxDevToolsApp',
outfile: prod ? 'umd/redux-devtools-app.min.js' : 'umd/redux-devtools-app.js',
minify: prod,
sourcemap: true,
define: {
'process.env.NODE_ENV': prod ? '"production"' : '"development"',
},
entryPoints: ['src/index.tsx'],
loader: {
'.woff2': 'dataurl',
},
plugins: [
importAsGlobals({
react: 'React',
'react-dom': 'ReactDOM',
}),
],
});
// https://github.com/evanw/esbuild/issues/337#issuecomment-954633403
function importAsGlobals(mapping) {
// https://stackoverflow.com/a/3561711/153718
const escRe = (s) => s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
const filter = new RegExp(
Object.keys(mapping)
.map((mod) => `^${escRe(mod)}$`)
.join('|'),
);
return {
name: 'global-imports',
setup(build) {
build.onResolve({ filter }, (args) => {
if (!mapping[args.path]) {
throw new Error('Unknown global: ' + args.path);
}
return {
path: args.path,
namespace: 'external-global',
};
});
build.onLoad(
{
filter,
namespace: 'external-global',
},
async (args) => {
const global = mapping[args.path];
return {
contents: `module.exports = ${global};`,
loader: 'js',
};
},
);
},
};
}

7
packages/redux-devtools-app/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@redux-devtools/app",
"version": "3.0.0",
"version": "4.0.0",
"description": "Redux DevTools app",
"homepage": "https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-app",
"bugs": {
@ -30,8 +30,8 @@
"build:esm": "babel src --config-file ./babel.config.esm.json --extensions \".ts,.tsx\" --out-dir lib/esm",
"build:types": "tsc --emitDeclarationOnly",
"build:web": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack --env platform=web",
"build:umd": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack --config webpack.config.umd.ts",
"build:umd:min": "cross-env TS_NODE_PROJECT=\"tsconfig.webpack.json\" webpack --env production --config webpack.config.umd.ts",
"build:umd": "node buildUmd.mjs --dev",
"build:umd:min": "node buildUmd.mjs",
"clean": "rimraf build lib umd",
"test": "jest",
"lint": "eslint . --ext .ts,.tsx",
@ -93,6 +93,7 @@
"babel-loader": "^9.1.3",
"cross-env": "^7.0.3",
"css-loader": "^6.8.1",
"esbuild": "^0.19.2",
"eslint": "^8.48.0",
"eslint-config-prettier": "^9.0.0",
"eslint-plugin-jest": "^27.2.3",

8
packages/redux-devtools-app/src/store/configureStore.ts
View File

@ -35,14 +35,6 @@ export default function configureStore(
}
).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__;
}
if (module.hot) {
// Enable Webpack hot module replacement for reducers
module.hot.accept('../reducers', () => {
// eslint-disable-next-line @typescript-eslint/no-var-requires
const nextReducer = require('../reducers'); // eslint-disable-line global-require
store.replaceReducer(nextReducer as Reducer<StoreState, StoreAction>);
});
}
}
const store = createStore(

2
packages/redux-devtools-app/tsconfig.json
View File

@ -2,7 +2,7 @@
"extends": "../../tsconfig.react.base.json",
"compilerOptions": {
"outDir": "lib/types",
"types": ["webpack-env"]
"types": []
},
"include": ["src"]
}

2
packages/redux-devtools-app/tsconfig.webpack.json
View File

@ -3,5 +3,5 @@
"compilerOptions": {
"types": ["node", "webpack-dev-server"]
},
"include": ["webpack.config.ts", "webpack.config.umd.ts"]
"include": ["webpack.config.ts"]
}

69
packages/redux-devtools-app/webpack.config.umd.ts
View File

@ -1,69 +0,0 @@
import * as path from 'path';
import * as webpack from 'webpack';
import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
export default (env: { production?: boolean } = {}): webpack.Configuration => ({
mode: env.production ? 'production' : 'development',
entry: {
app: ['./src/index'],
},
output: {
library: 'ReduxDevToolsApp',
libraryExport: 'Root',
libraryTarget: 'umd',
path: path.resolve(__dirname, 'umd'),
filename: env.production
? 'redux-devtools-app.min.js'
: 'redux-devtools-app.js',
},
module: {
rules: [
{
test: /\.(js|ts)x?$/,
loader: 'babel-loader',
exclude: /node_modules/,
},
{
test: /\.html$/,
loader: 'html-loader',
},
{
test: /\.css$/,
use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
},
{
test: /\.woff2$/,
type: 'asset/inline',
},
],
},
resolve: {
extensions: ['.js', '.jsx', '.ts', '.tsx'],
},
plugins: [
new webpack.DefinePlugin({
'process.env': {
PLATFORM: JSON.stringify('web'),
},
}),
new ForkTsCheckerWebpackPlugin({
typescript: {
configFile: 'tsconfig.json',
},
}),
],
externals: {
react: {
root: 'React',
commonjs2: 'react',
commonjs: 'react',
amd: 'react',
},
'react-dom': {
root: 'ReactDOM',
commonjs2: 'react-dom',
commonjs: 'react-dom',
amd: 'react-dom',
},
},
});

7
packages/redux-devtools-cli/CHANGELOG.md
View File

@ -1,5 +1,12 @@
# Change Log
## 3.0.2
### Patch Changes
- Updated dependencies [e57bcb39]
- @redux-devtools/app@4.0.0
## 3.0.1
### Patch Changes

3
packages/redux-devtools-cli/app/index.html
View File

@ -23,6 +23,7 @@
height: 100%;
}
</style>
<link href="/redux-devtools-app.min.css" rel="stylesheet" />
</head>
<body>
<div id="root"></div>
@ -32,7 +33,7 @@
<script src="/port.js"></script>
<script>
const container = document.querySelector('#root');
const element = React.createElement(ReduxDevToolsApp, {
const element = React.createElement(ReduxDevToolsApp.Root, {
socketOptions: {
hostname: location.hostname,
port: reduxDevToolsPort,

4
packages/redux-devtools-cli/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@redux-devtools/cli",
"version": "3.0.1",
"version": "3.0.2",
"description": "CLI for remote debugging with Redux DevTools.",
"homepage": "https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-cli",
"bugs": {
@ -42,7 +42,7 @@
},
"dependencies": {
"@apollo/server": "^4.9.3",
"@redux-devtools/app": "^3.0.0",
"@redux-devtools/app": "^4.0.0",
"@types/react": "^18.2.21",
"body-parser": "^1.20.2",
"chalk": "^5.3.0",

6
packages/redux-devtools-remote/CHANGELOG.md
View File

@ -1,5 +1,11 @@
# Change Log
## 0.8.1
### Patch Changes
- 7e6d0438: Transform `for await...of` syntax for @redux-devtools/remote to support Hermes Engine
## 0.8.0
### Minor Changes

9
packages/redux-devtools-remote/babel.config.esm.json
View File

@ -1,6 +1,13 @@
{
"presets": [
["@babel/preset-env", { "targets": "defaults", "modules": false }],
[
"@babel/preset-env",
{
"targets": "defaults",
"include": ["@babel/plugin-transform-async-generator-functions"],
"modules": false
}
],
"@babel/preset-typescript"
],
"plugins": ["@babel/plugin-transform-runtime"]

8
packages/redux-devtools-remote/babel.config.json
View File

@ -1,6 +1,12 @@
{
"presets": [
["@babel/preset-env", { "targets": "defaults" }],
[
"@babel/preset-env",
{
"targets": "defaults",
"include": ["@babel/plugin-transform-async-generator-functions"]
}
],
"@babel/preset-typescript"
],
"plugins": ["@babel/plugin-transform-runtime"]

2
packages/redux-devtools-remote/package.json
View File

@ -1,6 +1,6 @@
{
"name": "@redux-devtools/remote",
"version": "0.8.0",
"version": "0.8.1",
"description": "Relay Redux actions to remote Redux DevTools.",
"keywords": [
"redux",

25
pnpm-lock.yaml
View File

@ -60,7 +60,7 @@ importers:
specifier: ^7.12.1
version: 7.12.1
'@redux-devtools/app':
specifier: ^3.0.0
specifier: ^4.0.0
version: link:../packages/redux-devtools-app
'@redux-devtools/core':
specifier: ^3.13.0
@ -1163,6 +1163,9 @@ importers:
css-loader:
specifier: ^6.8.1
version: 6.8.1(webpack@5.88.2)
esbuild:
specifier: ^0.19.2
version: 0.19.2
eslint:
specifier: ^8.48.0
version: 8.48.0
@ -1210,7 +1213,7 @@ importers:
version: 5.3.11(@babel/core@7.22.11)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)
ts-jest:
specifier: ^29.1.1
version: 29.1.1(@babel/core@7.22.11)(esbuild@0.18.20)(jest@29.6.4)(typescript@5.2.2)
version: 29.1.1(@babel/core@7.22.11)(esbuild@0.19.2)(jest@29.6.4)(typescript@5.2.2)
ts-node:
specifier: ^10.9.1
version: 10.9.1(@types/node@18.17.14)(typescript@5.2.2)
@ -1219,7 +1222,7 @@ importers:
version: 5.2.2
webpack:
specifier: ^5.88.2
version: 5.88.2(webpack-cli@5.1.4)
version: 5.88.2(esbuild@0.19.2)(webpack-cli@5.1.4)
webpack-cli:
specifier: ^5.1.4
version: 5.1.4(webpack-dev-server@4.15.1)(webpack@5.88.2)
@ -1309,7 +1312,7 @@ importers:
specifier: ^4.9.3
version: 4.9.3(graphql@16.8.0)
'@redux-devtools/app':
specifier: ^3.0.0
specifier: ^4.0.0
version: link:../redux-devtools-app
'@types/react':
specifier: ^18.2.21
@ -10516,6 +10519,7 @@ packages:
/@types/ms@0.7.31:
resolution: {integrity: sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==}
requiresBuild: true
dev: false
/@types/node-fetch@2.6.4:
@ -12808,7 +12812,7 @@ packages:
postcss-modules-values: 4.0.0(postcss@8.4.28)
postcss-value-parser: 4.2.0
semver: 7.5.4
webpack: 5.88.2(webpack-cli@5.1.4)
webpack: 5.88.2(esbuild@0.19.2)(webpack-cli@5.1.4)
dev: true
/css-select@4.3.0:
@ -15205,6 +15209,12 @@ packages:
set-cookie-parser: 2.6.0
dev: false
/headers-polyfill@3.2.5:
resolution: {integrity: sha512-tUCGvt191vNSQgttSyJoibR+VO+I6+iCHIUdhzEMJKE+EAL8BwCN7fUOZlY4ofOelNHsK+gEjxB/B+9N3EWtdA==}
requiresBuild: true
dev: false
optional: true
/hex-rgba@1.0.2:
resolution: {integrity: sha512-MKla68wFGv+i7zU3Q4giWN74f+zWdkuf2Tk21fISV7aw55r8dH/noBbH5JsVlM4Z2WRTYCEmSxsoZ1QR/o68jg==}
dev: false
@ -15261,7 +15271,7 @@ packages:
dependencies:
html-minifier-terser: 7.2.0
parse5: 7.1.2
webpack: 5.88.2(webpack-cli@5.1.4)
webpack: 5.88.2(esbuild@0.19.2)(webpack-cli@5.1.4)
dev: true
/html-minifier-terser@6.1.0:
@ -16830,6 +16840,7 @@ packages:
chalk: 3.0.0
diff-match-patch: 1.0.5
dev: false
bundledDependencies: []
/jsonfile@4.0.0:
resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
@ -20519,7 +20530,7 @@ packages:
peerDependencies:
webpack: ^5.0.0
dependencies:
webpack: 5.88.2(webpack-cli@5.1.4)
webpack: 5.88.2(esbuild@0.19.2)(webpack-cli@5.1.4)
dev: true
/style-search@0.1.0: