refactor(redux-devtools-inspector-monitor): rename package (#633)

This commit is contained in:
Nathan Bierema 2020-09-10 12:37:19 -04:00 committed by GitHub
parent ec75d3a4b6
commit d1c222d847
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
51 changed files with 34 additions and 32 deletions

View File

@ -1,5 +1,5 @@
// Based on unikitty theme and on
// https://github.com/alexkuz/redux-devtools-inspector/blob/master/src/themes/inspector.js
// https://github.com/reduxjs/redux-devtools/blob/master/packages/redux-devtools-inspector/src/themes/inspector.ts
export default {
scheme: 'default',

View File

@ -79,7 +79,7 @@
"redux": "^4.0.5",
"redux-devtools": "^3.7.0",
"redux-devtools-chart-monitor": "^1.7.2",
"redux-devtools-inspector": "^0.14.0",
"redux-devtools-inspector-monitor": "^0.14.0",
"redux-devtools-instrument": "^1.10.0",
"redux-devtools-log-monitor": "^2.1.0",
"redux-devtools-serialize": "^0.2.0",

View File

@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { Tabs } from 'devui';
import StateTree from 'redux-devtools-inspector/lib/tabs/StateTab';
import ActionTree from 'redux-devtools-inspector/lib/tabs/ActionTab';
import DiffTree from 'redux-devtools-inspector/lib/tabs/DiffTab';
import StateTree from 'redux-devtools-inspector-monitor/lib/tabs/StateTab';
import ActionTree from 'redux-devtools-inspector-monitor/lib/tabs/ActionTab';
import DiffTree from 'redux-devtools-inspector-monitor/lib/tabs/DiffTab';
import { selectMonitorTab } from '../../../actions';
import RawTab from './RawTab';
import ChartTab from './ChartTab';

View File

@ -1,6 +1,6 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import InspectorMonitor from 'redux-devtools-inspector';
import InspectorMonitor from 'redux-devtools-inspector-monitor';
import StackTraceTab from 'redux-devtools-trace-monitor';
import TestTab from 'redux-devtools-test-generator';
import { DATA_TYPE_KEY } from '../../../constants/dataTypes';

View File

@ -22,7 +22,7 @@ For example, you can use it together with [`LogMonitor`](https://github.com/redu
import React from 'react';
import { createDevTools } from 'redux-devtools';
import LogMonitor from 'redux-devtools-log-monitor';
import SliderMonitor from 'redux-slider-monitor';
import SliderMonitor from 'redux-devtools-slider-monitor';
import DockMonitor from 'redux-devtools-dock-monitor';
export default createDevTools(

View File

@ -1,4 +1,4 @@
# redux-devtools-inspector
# redux-devtools-inspector-monitor
[![npm version](https://badge.fury.io/js/redux-devtools-inspector.svg)](https://badge.fury.io/js/redux-devtools-inspector)
@ -9,7 +9,7 @@ A state monitor for [Redux DevTools](https://github.com/reduxjs/redux-devtools)
### Installation
```
npm install --save-dev redux-devtools-inspector
yarn add --dev redux-devtools-inspector-monitor
```
### Usage
@ -21,7 +21,7 @@ You can use `Inspector` as the only monitor in your app:
```js
import React from 'react';
import { createDevTools } from 'redux-devtools';
import Inspector from 'redux-devtools-inspector';
import Inspector from 'redux-devtools-inspector-monitor';
export default createDevTools(<Inspector />);
```

View File

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

View File

@ -102,7 +102,9 @@ const themeOptions = [
];
const ROOT =
process.env.NODE_ENV === 'production' ? '/redux-devtools-inspector/' : '/';
process.env.NODE_ENV === 'production'
? '/redux-devtools-inspector-monitor/'
: '/';
function buildUrl(options: Options) {
return (

View File

@ -24,7 +24,9 @@ function getDebugSessionKey() {
}
const ROOT =
process.env.NODE_ENV === 'production' ? '/redux-devtools-inspector/' : '/';
process.env.NODE_ENV === 'production'
? '/redux-devtools-inspector-monitor/'
: '/';
const DevTools = getDevTools(window.location);

View File

@ -1,8 +1,8 @@
{
"name": "redux-devtools-inspector",
"name": "redux-devtools-inspector-monitor",
"version": "0.14.0",
"description": "Redux DevTools Diff Monitor",
"homepage": "https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-inspector",
"homepage": "https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-inspector-monitor",
"bugs": {
"url": "https://github.com/reduxjs/redux-devtools/issues"
},

View File

@ -1,7 +1,8 @@
import { Action } from 'redux';
import { DevtoolsInspectorProps } from './DevtoolsInspector';
const UPDATE_MONITOR_STATE = '@@redux-devtools-inspector/UPDATE_MONITOR_STATE';
const UPDATE_MONITOR_STATE =
'@@redux-devtools-inspector-monitor/UPDATE_MONITOR_STATE';
interface UpdateMonitorStateAction {
type: typeof UPDATE_MONITOR_STATE;

View File

@ -1,4 +1,4 @@
## Redux Slider Monitor
## Redux DevTools Slider Monitor
[![npm version](https://img.shields.io/npm/v/redux-slider-monitor.svg?style=flat-square)](https://www.npmjs.com/package/redux-slider-monitor)
@ -48,12 +48,9 @@ Pass the `keyboardEnabled` prop to use these shortcuts
You can do this:
```
git clone https://github.com/calesce/redux-slider-monitor.git
cd redux-slider-monitor
npm install
cd examples/todomvc
npm install
git clone https://github.com/reduxjs/redux-devtools.git
cd packages/redux-devtools-slider-monitor/examples/todomvc
yarn install
npm start
open http://localhost:3000
```

View File

@ -5,7 +5,7 @@
"license": "MIT",
"repository": {
"type": "git",
"url": "https://github.com/calesce/redux-slider-monitor.git"
"url": "https://github.com/reduxjs/redux-devtools.git"
},
"scripts": {
"start": "webpack-dev-server",

View File

@ -10,14 +10,14 @@ npm install --save-dev redux-devtools-test-generator
If you use [Redux DevTools Extension](https://github.com/zalmoxisus/redux-devtools-extension), [Remote Redux DevTools](https://github.com/zalmoxisus/remote-redux-devtools) or [RemoteDev](https://github.com/zalmoxisus/remotedev), it's already there, and no additional actions required.
With [`redux-devtools`](https://github.com/reduxjs/redux-devtools) and [`redux-devtools-inspector`](https://github.com/reduxjs/redux-devtools/packages/redux-devtools-inspector):
With [`redux-devtools`](https://github.com/reduxjs/redux-devtools) and [`redux-devtools-inspector-monitor`](https://github.com/reduxjs/redux-devtools/packages/redux-devtools-inspector-monitor):
##### `containers/DevTools.js`
```js
import React from 'react';
import { createDevTools } from 'redux-devtools';
import Inspector from 'redux-devtools-inspector';
import InspectorMonitor from 'redux-devtools-inspector-monitor';
import TestGenerator from 'redux-devtools-test-generator';
import mochaTemplate from 'redux-devtools-test-generator/lib/redux/mocha'; // If using default tests.

View File

@ -1,7 +1,7 @@
import React from 'react';
import { connect } from 'react-redux';
import { createDevTools } from 'redux-devtools';
import DevtoolsInspector from 'redux-devtools-inspector';
import InspectorMonitor from 'redux-devtools-inspector-monitor';
import DockMonitor from 'redux-devtools-dock-monitor';
import getOptions from './getOptions';
import TestGenerator from '../../../src';
@ -14,7 +14,7 @@ export const getDevTools = (location) =>
changePositionKey="ctrl-q"
changeMonitorKey="ctrl-m"
>
<DevtoolsInspector
<InspectorMonitor
theme={getOptions(location).theme}
shouldPersistState
invertTheme={!getOptions(location).dark}

View File

@ -63,7 +63,7 @@
"redux": "^4.0.5",
"redux-devtools": "^3.7.0",
"redux-devtools-dock-monitor": "^1.2.0",
"redux-devtools-inspector": "^0.14.0",
"redux-devtools-inspector-monitor": "^0.14.0",
"redux-logger": "^3.0.6",
"rimraf": "^3.0.2",
"seamless-immutable": "^7.1.4",

View File

@ -2,14 +2,14 @@
Submonitor for Redux DevTools inspector to show stack traces. Based on [`react-error-overlay`](https://github.com/facebook/create-react-app/tree/master/packages/react-error-overlay) and the contribution of [Mark Erikson](https://github.com/markerikson) in [the PR from `remotedev-app`](https://github.com/zalmoxisus/remotedev-app/pull/43/).
It's integrated in Redux DevTools browser extension. To use it separately with [`redux-devtools`](https://github.com/reduxjs/redux-devtools/packages/redux-devtools) and [`redux-devtools-inspector`](https://github.com/reduxjs/redux-devtools/packages/redux-devtools-inspector) according to [Walkthrough](https://github.com/reduxjs/redux-devtools/blob/master/docs/Walkthrough.md):
It's integrated in Redux DevTools browser extension. To use it separately with [`redux-devtools`](https://github.com/reduxjs/redux-devtools/packages/redux-devtools) and [`redux-devtools-inspector-monitor`](https://github.com/reduxjs/redux-devtools/packages/redux-devtools-inspector-monitor) according to [Walkthrough](https://github.com/reduxjs/redux-devtools/blob/master/docs/Walkthrough.md):
##### `containers/DevTools.js`
```js
import React from 'react';
import { createDevTools } from 'redux-devtools';
import Inspector from 'redux-devtools-inspector';
import InspectorMonitor from 'redux-devtools-inspector-monitor';
import TraceMonitor from 'redux-devtools-trace-monitor';
export default createDevTools(

View File

@ -91,11 +91,11 @@ Some crazy ideas for custom monitors:
In fact some of these are implemented already:
#### [Slider Monitor](https://github.com/calesce/redux-slider-monitor)
#### [Slider Monitor](https://github.com/reduxjs/redux-devtools/packages/redux-devtools-slider-monitor)
![](https://camo.githubusercontent.com/47a3f427c9d2e0c763b74e33417b3001fe8604b6/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f662e636c2e6c792f6974656d732f3149335032323243334e3252314d3279314b33622f53637265656e2532305265636f7264696e67253230323031352d31322d3232253230617425323030372e3230253230504d2e6769663f763d3162363236376537)
#### [Inspector](https://github.com/alexkuz/redux-devtools-inspector)
#### [Inspector Monitor](https://github.com/reduxjs/redux-devtools/packages/redux-devtools-inspector-monitor)
![](http://i.imgur.com/fYh8fk5.gif)