From a46b43209d9c422eeabbb30b0040b89447dc01b3 Mon Sep 17 00:00:00 2001 From: Nathan Bierema Date: Mon, 21 Dec 2020 15:46:28 -0500 Subject: [PATCH] chore(*): make more packages scoped (#692) * dock-monitor * log-monitor * serialize * slider-monitor * inspector-monitor * chart-monitor * test-tab * trace-tab * Fix --- packages/devui/src/colorSchemes/default.ts | 2 +- packages/map2tree/README.md | 2 +- .../redux-devtools-chart-monitor/README.md | 28 +++++++++---------- .../redux-devtools-chart-monitor/package.json | 2 +- packages/redux-devtools-core/package.json | 14 +++++----- .../monitors/ChartMonitorWrapper.tsx | 2 +- .../monitors/InspectorWrapper/SubTabs.tsx | 8 +++--- .../monitors/InspectorWrapper/index.tsx | 6 ++-- .../src/app/containers/monitors/Slider.tsx | 2 +- .../src/app/utils/getMonitor.tsx | 2 +- .../src/utils/importState.ts | 2 +- .../redux-devtools-core/src/utils/index.ts | 2 +- .../redux-devtools-dock-monitor/README.md | 8 +++--- .../redux-devtools-dock-monitor/package.json | 2 +- .../src/DockMonitor.tsx | 2 +- .../README.md | 8 +++--- .../demo/src/js/DevTools.tsx | 4 +-- .../package.json | 10 +++---- .../src/TestGenerator.tsx | 2 +- .../src/index.tsx | 2 +- .../README.md | 4 +-- .../package.json | 10 +++---- .../src/StackTraceTab.tsx | 2 +- .../README.md | 8 +++--- .../demo/src/js/DevTools.tsx | 2 +- .../package.json | 4 +-- packages/redux-devtools-instrument/README.md | 2 +- packages/redux-devtools-log-monitor/README.md | 8 +++--- .../redux-devtools-log-monitor/package.json | 2 +- packages/redux-devtools-serialize/README.md | 8 +++--- .../redux-devtools-serialize/package.json | 2 +- .../redux-devtools-slider-monitor/README.md | 4 +-- .../examples/todomvc/containers/DevTools.tsx | 4 +-- .../examples/todomvc/package.json | 6 ++-- .../package.json | 2 +- packages/redux-devtools/README.md | 10 +++---- .../examples/counter/package.json | 4 +-- .../counter/src/containers/DevTools.tsx | 4 +-- .../examples/todomvc/containers/DevTools.tsx | 4 +-- .../examples/todomvc/package.json | 4 +-- 40 files changed, 102 insertions(+), 102 deletions(-) diff --git a/packages/devui/src/colorSchemes/default.ts b/packages/devui/src/colorSchemes/default.ts index 7a8bb211..5a737cbe 100644 --- a/packages/devui/src/colorSchemes/default.ts +++ b/packages/devui/src/colorSchemes/default.ts @@ -1,5 +1,5 @@ // Based on unikitty theme and on -// https://github.com/reduxjs/redux-devtools/blob/master/packages/redux-devtools-inspector/src/themes/inspector.ts +// https://github.com/reduxjs/redux-devtools/blob/master/packages/redux-devtools-inspector-monitor/src/themes/inspector.ts export default { scheme: 'default', diff --git a/packages/map2tree/README.md b/packages/map2tree/README.md index ca193f38..e6f543fd 100755 --- a/packages/map2tree/README.md +++ b/packages/map2tree/README.md @@ -1,6 +1,6 @@ A pure function to convert a map into a tree structure. Created by [@romseguy](https://github.com/romseguy) and merged from [`romseguy/map2tree`](https://github.com/romseguy/map2tree). -The following opinions must be taken into account since the primary use case of this library is [redux-devtools-chart-monitor](https://github.com/romseguy/redux-devtools-chart-monitor): +The following opinions must be taken into account since the primary use case of this library is [redux-devtools-chart-monitor](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-chart-monitor): - Objects and arrays deeply nested within collections are not converted into a tree structure. See `someNestedObject` and `someNestedArray` in the [output](https://github.com/romseguy/map2tree#output) below, or the [corresponding test](https://github.com/romseguy/map2tree/blob/master/test/map2tree.js#L140). - Provides support for [Immutable.js](https://github.com/facebook/immutable-js) data structures (only List and Map though). diff --git a/packages/redux-devtools-chart-monitor/README.md b/packages/redux-devtools-chart-monitor/README.md index 16e4a7d4..d09c0a2e 100644 --- a/packages/redux-devtools-chart-monitor/README.md +++ b/packages/redux-devtools-chart-monitor/README.md @@ -15,7 +15,7 @@ It shows a real-time view of the store aka the current state of the app. ### Installation ``` -yarn add redux-devtools-chart-monitor +yarn add @redux-devtools/chart-monitor ``` ### Usage @@ -27,15 +27,15 @@ You can use `ChartMonitor` as the only monitor in your app: ```js import React from 'react'; import { createDevTools } from '@redux-devtools/core'; -import ChartMonitor from 'redux-devtools-chart-monitor'; +import ChartMonitor from '@redux-devtools/chart-monitor'; export default createDevTools(); ``` Then you can render `` to any place inside app or even into a separate popup window. -Alternatively, you can use it together with [`DockMonitor`](https://github.com/gaearon/redux-devtools-dock-monitor) to make it dockable. -Consult the [`DockMonitor` README](https://github.com/gaearon/redux-devtools-dock-monitor) for details of this approach. +Alternatively, you can use it together with [`DockMonitor`](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-dock-monitor) to make it dockable. +Consult the [`DockMonitor` README](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-dock-monitor) for details of this approach. [Read how to start using Redux DevTools.](https://github.com/reduxjs/redux-devtools) @@ -47,16 +47,16 @@ Consult the [`DockMonitor` README](https://github.com/gaearon/redux-devtools-doc You can read the React component [propTypes](https://github.com/reduxjs/redux-devtools/blob/master/packages/redux-devtools-chart-monitor/src/Chart.js#L11) in addition to the details below: -| Name | Description | -| ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| `defaultIsVisible` | By default, set to `true`. | -| `transitionDuration` | By default, set to `750`, in milliseconds. | -| `heightBetweenNodesCoeff` | By default, set to `1`. | -| `widthBetweenNodesCoeff` | By default, set to `1.3`. | -| `isSorted` | By default, set to `false`. | -| `style` | {
  width: '100%', height: '100%', // i.e fullscreen for [`DockMonitor`](https://github.com/gaearon/redux-devtools-dock-monitor)
  text: {
    colors: {
      'default': `theme.base0D`,
      hover: `theme.base06`
    }
  },
  node: {
    colors: {
      'default': `theme.base0B`,
      collapsed: `theme.base0B`,
      parent: `theme.base0E`
    },
    radius: 7
  }
} | -| `onClickText` | Function called with a reference to the clicked node as first argument when clicking on the text next to a node. | -| `tooltipOptions` | {
  disabled: false,
  indentationSize: 2,
  style: {
    'background-color': `theme.base06`,
    'opacity': '0.7',
    'border-radius': '5px',
    'padding': '5px'
  }
}
[More info](https://github.com/reduxjs/redux-devtools/tree/master/packages/d3tooltip#api). | +| Name | Description | +| ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| `defaultIsVisible` | By default, set to `true`. | +| `transitionDuration` | By default, set to `750`, in milliseconds. | +| `heightBetweenNodesCoeff` | By default, set to `1`. | +| `widthBetweenNodesCoeff` | By default, set to `1.3`. | +| `isSorted` | By default, set to `false`. | +| `style` | {
  width: '100%', height: '100%', // i.e fullscreen for [`DockMonitor`](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-dock-monitor)
  text: {
    colors: {
      'default': `theme.base0D`,
      hover: `theme.base06`
    }
  },
  node: {
    colors: {
      'default': `theme.base0B`,
      collapsed: `theme.base0B`,
      parent: `theme.base0E`
    },
    radius: 7
  }
} | +| `onClickText` | Function called with a reference to the clicked node as first argument when clicking on the text next to a node. | +| `tooltipOptions` | {
  disabled: false,
  indentationSize: 2,
  style: {
    'background-color': `theme.base06`,
    'opacity': '0.7',
    'border-radius': '5px',
    'padding': '5px'
  }
}
[More info](https://github.com/reduxjs/redux-devtools/tree/master/packages/d3tooltip#api). | #### Redux DevTools props diff --git a/packages/redux-devtools-chart-monitor/package.json b/packages/redux-devtools-chart-monitor/package.json index 1dbfe32a..bbbcd568 100644 --- a/packages/redux-devtools-chart-monitor/package.json +++ b/packages/redux-devtools-chart-monitor/package.json @@ -1,5 +1,5 @@ { - "name": "redux-devtools-chart-monitor", + "name": "@redux-devtools/chart-monitor", "version": "1.7.2", "description": "Chart monitor for Redux DevTools", "keywords": [ diff --git a/packages/redux-devtools-core/package.json b/packages/redux-devtools-core/package.json index d154ef30..3475469e 100644 --- a/packages/redux-devtools-core/package.json +++ b/packages/redux-devtools-core/package.json @@ -37,7 +37,14 @@ "prepublishOnly": "npm run clean && npm run build" }, "dependencies": { + "@redux-devtools/chart-monitor": "^1.7.2", "@redux-devtools/core": "^3.7.0", + "@redux-devtools/inspector-monitor": "^0.14.0", + "@redux-devtools/inspector-monitor-test-tab": "^0.6.2", + "@redux-devtools/inspector-monitor-trace-tab": "^0.1.3", + "@redux-devtools/log-monitor": "^2.1.0", + "@redux-devtools/serialize": "^0.2.0", + "@redux-devtools/slider-monitor": "^2.0.0-5", "d3-state-visualizer": "^1.3.4", "devui": "^1.0.0-6", "get-params": "^0.1.2", @@ -53,13 +60,6 @@ "react-is": "^16.13.1", "react-redux": "^7.2.1", "redux": "^4.0.5", - "redux-devtools-chart-monitor": "^1.7.2", - "redux-devtools-inspector-monitor": "^0.14.0", - "redux-devtools-inspector-monitor-test-tab": "^0.6.2", - "redux-devtools-inspector-monitor-trace-tab": "^0.1.3", - "redux-devtools-log-monitor": "^2.1.0", - "redux-devtools-serialize": "^0.2.0", - "redux-devtools-slider-monitor": "^2.0.0-5", "redux-persist": "^4.10.2", "socketcluster-client": "^14.3.1", "styled-components": "^5.1.1" diff --git a/packages/redux-devtools-core/src/app/containers/monitors/ChartMonitorWrapper.tsx b/packages/redux-devtools-core/src/app/containers/monitors/ChartMonitorWrapper.tsx index 14613c96..8ddabe14 100644 --- a/packages/redux-devtools-core/src/app/containers/monitors/ChartMonitorWrapper.tsx +++ b/packages/redux-devtools-core/src/app/containers/monitors/ChartMonitorWrapper.tsx @@ -1,6 +1,6 @@ import React, { Component } from 'react'; import { connect, ResolveThunks } from 'react-redux'; -import ChartMonitor from 'redux-devtools-chart-monitor'; +import ChartMonitor from '@redux-devtools/chart-monitor'; import { NodeWithId } from 'd3-state-visualizer'; import { selectMonitorWithState } from '../../actions'; diff --git a/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/SubTabs.tsx b/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/SubTabs.tsx index a70b2eae..4a60e93c 100644 --- a/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/SubTabs.tsx +++ b/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/SubTabs.tsx @@ -1,11 +1,11 @@ import React, { Component } from 'react'; import { connect, ResolveThunks } from 'react-redux'; import { Tab, Tabs } from 'devui'; -import { TabComponentProps } from 'redux-devtools-inspector-monitor'; +import { TabComponentProps } from '@redux-devtools/inspector-monitor'; import { Action } from 'redux'; -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 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'; diff --git a/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/index.tsx b/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/index.tsx index 63239de8..78d45c98 100644 --- a/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/index.tsx +++ b/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/index.tsx @@ -1,7 +1,7 @@ import React, { Component } from 'react'; -import InspectorMonitor, { Tab } from 'redux-devtools-inspector-monitor'; -import TraceTab from 'redux-devtools-inspector-monitor-trace-tab'; -import TestTab from 'redux-devtools-inspector-monitor-test-tab'; +import InspectorMonitor, { Tab } from '@redux-devtools/inspector-monitor'; +import TraceTab from '@redux-devtools/inspector-monitor-trace-tab'; +import TestTab from '@redux-devtools/inspector-monitor-test-tab'; import { DATA_TYPE_KEY } from '../../../constants/dataTypes'; import SubTabs from './SubTabs'; import { Action } from 'redux'; diff --git a/packages/redux-devtools-core/src/app/containers/monitors/Slider.tsx b/packages/redux-devtools-core/src/app/containers/monitors/Slider.tsx index d9394eb5..a4217d97 100644 --- a/packages/redux-devtools-core/src/app/containers/monitors/Slider.tsx +++ b/packages/redux-devtools-core/src/app/containers/monitors/Slider.tsx @@ -1,6 +1,6 @@ import React, { Component } from 'react'; import styled, { withTheme } from 'styled-components'; -import SliderMonitor from 'redux-devtools-slider-monitor'; +import SliderMonitor from '@redux-devtools/slider-monitor'; import { LiftedAction } from '@redux-devtools/core'; import { Action } from 'redux'; import { ThemeFromProvider } from 'devui'; diff --git a/packages/redux-devtools-core/src/app/utils/getMonitor.tsx b/packages/redux-devtools-core/src/app/utils/getMonitor.tsx index 55379e1d..36acec78 100644 --- a/packages/redux-devtools-core/src/app/utils/getMonitor.tsx +++ b/packages/redux-devtools-core/src/app/utils/getMonitor.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import LogMonitor from 'redux-devtools-log-monitor'; +import LogMonitor from '@redux-devtools/log-monitor'; import ChartMonitorWrapper from '../containers/monitors/ChartMonitorWrapper'; import InspectorWrapper from '../containers/monitors/InspectorWrapper'; diff --git a/packages/redux-devtools-core/src/utils/importState.ts b/packages/redux-devtools-core/src/utils/importState.ts index 1afe997f..0e922c4c 100644 --- a/packages/redux-devtools-core/src/utils/importState.ts +++ b/packages/redux-devtools-core/src/utils/importState.ts @@ -1,6 +1,6 @@ import mapValues from 'lodash/mapValues'; import jsan from 'jsan'; -import { immutableSerialize } from 'redux-devtools-serialize'; +import { immutableSerialize } from '@redux-devtools/serialize'; import { Action } from 'redux'; import Immutable from 'immutable'; import { State } from '../app/reducers/instances'; diff --git a/packages/redux-devtools-core/src/utils/index.ts b/packages/redux-devtools-core/src/utils/index.ts index c343b293..6a28786a 100644 --- a/packages/redux-devtools-core/src/utils/index.ts +++ b/packages/redux-devtools-core/src/utils/index.ts @@ -1,7 +1,7 @@ import getParams from 'get-params'; import jsan from 'jsan'; import { nanoid } from 'nanoid/non-secure'; -import { immutableSerialize } from 'redux-devtools-serialize'; +import { immutableSerialize } from '@redux-devtools/serialize'; import Immutable from 'immutable'; import { Action } from 'redux'; diff --git a/packages/redux-devtools-dock-monitor/README.md b/packages/redux-devtools-dock-monitor/README.md index 94189ad1..18e58e3e 100644 --- a/packages/redux-devtools-dock-monitor/README.md +++ b/packages/redux-devtools-dock-monitor/README.md @@ -8,7 +8,7 @@ Powered by [React Dock](https://github.com/alexkuz/react-dock). ### Installation ``` -yarn add redux-devtools-dock-monitor +yarn add @redux-devtools/dock-monitor ``` ### Usage @@ -21,9 +21,9 @@ For example, you can use it together with [`LogMonitor`](https://github.com/redu ```js import React from 'react'; import { createDevTools } from '@redux-devtools/core'; -import LogMonitor from 'redux-devtools-log-monitor'; -import SliderMonitor from 'redux-devtools-slider-monitor'; -import DockMonitor from 'redux-devtools-dock-monitor'; +import LogMonitor from '@redux-devtools/log-monitor'; +import SliderMonitor from '@redux-devtools/slider-monitor'; +import DockMonitor from '@redux-devtools/dock-monitor'; export default createDevTools( > extends Component< console.error( ' requires at least one monitor inside. ' + 'Why don’t you try ? You can get it at ' + - 'https://github.com/gaearon/redux-devtools-log-monitor.' + 'https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-log-monitor.' ); } else if (childrenCount > 1 && !props.changeMonitorKey) { // eslint-disable-next-line no-console diff --git a/packages/redux-devtools-inspector-monitor-test-tab/README.md b/packages/redux-devtools-inspector-monitor-test-tab/README.md index 0cbedbd6..bb6c0e56 100644 --- a/packages/redux-devtools-inspector-monitor-test-tab/README.md +++ b/packages/redux-devtools-inspector-monitor-test-tab/README.md @@ -3,7 +3,7 @@ ### Installation ``` -yarn add redux-devtools-inspector-monitor-test-tab +yarn add @redux-devtools/inspector-monitor-test-tab ``` ### Usage @@ -17,9 +17,9 @@ With [`redux-devtools`](https://github.com/reduxjs/redux-devtools) and [`redux-d ```js import React from 'react'; import { createDevTools } from '@redux-devtools/core'; -import InspectorMonitor from 'redux-devtools-inspector-monitor'; -import TestGenerator from 'redux-devtools-inspector-monitor-test-tab'; -import mochaTemplate from 'redux-devtools-inspector-monitor-test-tab/lib/redux/mocha'; // If using default tests. +import InspectorMonitor from '@redux-devtools/inspector-monitor'; +import TestGenerator from '@redux-devtools/inspector-monitor-test-tab'; +import mochaTemplate from '@redux-devtools/inspector-monitor-test-tab/lib/redux/mocha'; // If using default tests. const testComponent = (props) => ( ); ``` Then you can render `` to any place inside app or even into a separate popup window. -Alternative, you can use it together with [`DockMonitor`](https://github.com/gaearon/redux-devtools-dock-monitor) to make it dockable. -Consult the [`DockMonitor` README](https://github.com/gaearon/redux-devtools-dock-monitor) for details of this approach. +Alternative, you can use it together with [`DockMonitor`](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-dock-monitor) to make it dockable. +Consult the [`DockMonitor` README](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-dock-monitor) for details of this approach. [Read how to start using Redux DevTools.](https://github.com/gaearon/redux-devtools) diff --git a/packages/redux-devtools-inspector-monitor/demo/src/js/DevTools.tsx b/packages/redux-devtools-inspector-monitor/demo/src/js/DevTools.tsx index 6f3262cd..2d5b7c84 100644 --- a/packages/redux-devtools-inspector-monitor/demo/src/js/DevTools.tsx +++ b/packages/redux-devtools-inspector-monitor/demo/src/js/DevTools.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { connect } from 'react-redux'; import { createDevTools } from '@redux-devtools/core'; -import DockMonitor from 'redux-devtools-dock-monitor'; +import DockMonitor from '@redux-devtools/dock-monitor'; import { Location } from 'history'; import DevtoolsInspector from '../../../src/DevtoolsInspector'; import getOptions from './getOptions'; diff --git a/packages/redux-devtools-inspector-monitor/package.json b/packages/redux-devtools-inspector-monitor/package.json index ed189731..54f33527 100644 --- a/packages/redux-devtools-inspector-monitor/package.json +++ b/packages/redux-devtools-inspector-monitor/package.json @@ -1,5 +1,5 @@ { - "name": "redux-devtools-inspector-monitor", + "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-monitor", @@ -54,6 +54,7 @@ }, "devDependencies": { "@redux-devtools/core": "^3.7.0", + "@redux-devtools/dock-monitor": "^1.2.0", "@types/dateformat": "^3.0.1", "@types/hex-rgba": "^1.0.0", "@types/history": "^4.7.7", @@ -73,7 +74,6 @@ "react-redux": "^7.2.1", "react-router": "^5.2.0", "redux": "^4.0.5", - "redux-devtools-dock-monitor": "^1.2.0", "redux-logger": "^3.0.6", "seamless-immutable": "^7.1.4" }, diff --git a/packages/redux-devtools-instrument/README.md b/packages/redux-devtools-instrument/README.md index 019d4ffd..f23c32c2 100644 --- a/packages/redux-devtools-instrument/README.md +++ b/packages/redux-devtools-instrument/README.md @@ -41,7 +41,7 @@ export default function configureStore(initialState) { `instrument(monitorReducer, [options])` - arguments - - **monitorReducer** _function_ called whenever an action is dispatched ([see the example of a monitor reducer](https://github.com/gaearon/redux-devtools-log-monitor/blob/master/src/reducers.js#L13)). + - **monitorReducer** _function_ called whenever an action is dispatched ([see the example of a monitor reducer](https://github.com/reduxjs/redux-devtools/blob/master/packages/redux-devtools-log-monitor/src/reducers.ts#L34)). - **options** _object_ - **maxAge** _number_ or _function_(currentLiftedAction, previousLiftedState) - maximum allowed actions to be stored on the history tree, the oldest actions are removed once `maxAge` is reached. Can be generated dynamically with a function getting current action as argument. - **shouldCatchErrors** _boolean_ - if specified as `true`, whenever there's an exception in reducers, the monitors will show the error message, and next actions will not be dispatched. diff --git a/packages/redux-devtools-log-monitor/README.md b/packages/redux-devtools-log-monitor/README.md index 0b48d814..65bba575 100644 --- a/packages/redux-devtools-log-monitor/README.md +++ b/packages/redux-devtools-log-monitor/README.md @@ -8,7 +8,7 @@ It shows a log of states and actions, and lets you change their history. Created ### Installation ``` -npm install --save-dev redux-devtools-log-monitor +yarn add @redux-devtools/log-monitor ``` ### Usage @@ -20,15 +20,15 @@ You can use `LogMonitor` as the only monitor in your app: ```js import React from 'react'; import { createDevTools } from '@redux-devtools/core'; -import LogMonitor from 'redux-devtools-log-monitor'; +import LogMonitor from '@redux-devtools/log-monitor'; export default createDevTools(); ``` Then you can render `` to any place inside app or even into a separate popup window. -Alternative, you can use it together with [`DockMonitor`](https://github.com/gaearon/redux-devtools-dock-monitor) to make it dockable. -Consult the [`DockMonitor` README](https://github.com/gaearon/redux-devtools-dock-monitor) for details of this approach. +Alternative, you can use it together with [`DockMonitor`](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-dock-monitor) to make it dockable. +Consult the [`DockMonitor` README](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-dock-monitor) for details of this approach. [Read how to start using Redux DevTools.](https://github.com/reduxjs/redux-devtools) diff --git a/packages/redux-devtools-log-monitor/package.json b/packages/redux-devtools-log-monitor/package.json index 31b5d0c6..305c20d0 100644 --- a/packages/redux-devtools-log-monitor/package.json +++ b/packages/redux-devtools-log-monitor/package.json @@ -1,5 +1,5 @@ { - "name": "redux-devtools-log-monitor", + "name": "@redux-devtools/log-monitor", "version": "2.1.0", "description": "The default tree view monitor for Redux DevTools", "keywords": [ diff --git a/packages/redux-devtools-serialize/README.md b/packages/redux-devtools-serialize/README.md index 78d670de..28a88858 100644 --- a/packages/redux-devtools-serialize/README.md +++ b/packages/redux-devtools-serialize/README.md @@ -3,7 +3,7 @@ ### Installation ``` -yarn add redux-devtools-serialize +yarn add @redux-devtools/serialize ``` ### Usage with ImmutableJS data structures @@ -12,7 +12,7 @@ Just pass the Immutable library to our class: ```js import Immutable from 'immutable'; -import Serialize from 'redux-devtools-serialize'; +import Serialize from '@redux-devtools/serialize'; const { stringify, parse } = Serialize.immutable(Immutable); const data = Immutable.fromJS({ foo: 'bar', baz: { qux: 42 } }); @@ -32,7 +32,7 @@ To parse a Record class back, you need to specify a reference to it: ```js import Immutable from 'immutable'; -import Serialize from 'redux-devtools-serialize'; +import Serialize from '@redux-devtools/serialize'; const ABRecord = Immutable.Record({ a: 1, b: 2 }); const { stringify, parse } = Serialize.immutable(Immutable, [ABRecord]); @@ -52,7 +52,7 @@ You can pass custom replacer and reviver functions to Serialize: ```js import Immutable from 'immutable'; -import Serialize from 'redux-devtools-serialize'; +import Serialize from '@redux-devtools/serialize'; function customReplacer(key, value, defaultReplacer) { if (value === 1) { diff --git a/packages/redux-devtools-serialize/package.json b/packages/redux-devtools-serialize/package.json index 3c9fbabb..93c06187 100644 --- a/packages/redux-devtools-serialize/package.json +++ b/packages/redux-devtools-serialize/package.json @@ -1,5 +1,5 @@ { - "name": "redux-devtools-serialize", + "name": "@redux-devtools/serialize", "version": "0.2.0", "description": "Serialize unserializable data and parse it back.", "keywords": [ diff --git a/packages/redux-devtools-slider-monitor/README.md b/packages/redux-devtools-slider-monitor/README.md index 45982652..85d086bf 100644 --- a/packages/redux-devtools-slider-monitor/README.md +++ b/packages/redux-devtools-slider-monitor/README.md @@ -12,11 +12,11 @@ It uses a slider based on [react-slider](https://github.com/mpowaga/react-slider ### Installation -`yarn add redux-devtools-slider-monitor` +`yarn add @redux-devtools/slider-monitor` ### Recommended Usage -Use with [`DockMonitor`](https://github.com/gaearon/redux-devtools-dock-monitor) +Use with [`DockMonitor`](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-dock-monitor) ```javascript diff --git a/packages/redux-devtools/examples/todomvc/containers/DevTools.tsx b/packages/redux-devtools/examples/todomvc/containers/DevTools.tsx index 89310a32..2eb1fbff 100644 --- a/packages/redux-devtools/examples/todomvc/containers/DevTools.tsx +++ b/packages/redux-devtools/examples/todomvc/containers/DevTools.tsx @@ -1,7 +1,7 @@ import React from 'react'; import { createDevTools } from '@redux-devtools/core'; -import LogMonitor from 'redux-devtools-log-monitor'; -import DockMonitor from 'redux-devtools-dock-monitor'; +import LogMonitor from '@redux-devtools/log-monitor'; +import DockMonitor from '@redux-devtools/dock-monitor'; export default createDevTools( diff --git a/packages/redux-devtools/examples/todomvc/package.json b/packages/redux-devtools/examples/todomvc/package.json index 3e74987c..b0f70fae 100644 --- a/packages/redux-devtools/examples/todomvc/package.json +++ b/packages/redux-devtools/examples/todomvc/package.json @@ -32,6 +32,8 @@ }, "dependencies": { "@redux-devtools/core": "^3.7.0", + "@redux-devtools/dock-monitor": "^1.2.0", + "@redux-devtools/log-monitor": "^2.1.0", "classnames": "^2.2.6", "prop-types": "^15.7.2", "react": "^16.13.1", @@ -39,8 +41,6 @@ "react-hot-loader": "^4.12.21", "react-redux": "^7.2.1", "redux": "^4.0.5", - "redux-devtools-dock-monitor": "^1.2.0", - "redux-devtools-log-monitor": "^2.1.0", "todomvc-app-css": "^2.3.0" }, "devDependencies": {