From 36850653dd4c3330eac149d57a73e7b363278dc3 Mon Sep 17 00:00:00 2001 From: Nathan Bierema Date: Fri, 14 Aug 2020 10:31:48 -0400 Subject: [PATCH 1/3] chore(*): make example packages private (#589) --- packages/d3-state-visualizer/examples/tree/package.json | 1 + packages/react-json-tree/examples/package.json | 1 + .../redux-devtools-slider-monitor/examples/todomvc/package.json | 1 + packages/redux-devtools/examples/counter/package.json | 1 + packages/redux-devtools/examples/todomvc/package.json | 1 + 5 files changed, 5 insertions(+) diff --git a/packages/d3-state-visualizer/examples/tree/package.json b/packages/d3-state-visualizer/examples/tree/package.json index 96a2810e..d71da481 100644 --- a/packages/d3-state-visualizer/examples/tree/package.json +++ b/packages/d3-state-visualizer/examples/tree/package.json @@ -2,6 +2,7 @@ "name": "d3-state-visualizer-tree-example", "version": "0.0.0", "description": "Visualize your app state as a tree", + "private": true, "main": "index.js", "scripts": { "start": "webpack-dev-server --open" diff --git a/packages/react-json-tree/examples/package.json b/packages/react-json-tree/examples/package.json index c2be4f29..c4e33208 100644 --- a/packages/react-json-tree/examples/package.json +++ b/packages/react-json-tree/examples/package.json @@ -2,6 +2,7 @@ "name": "react-json-tree-example", "version": "1.0.0", "description": "React-Json-Tree example", + "private": true, "scripts": { "start": "webpack-dev-server --open", "stats": "NODE_ENV=production webpack --json > dist/stats.json" diff --git a/packages/redux-devtools-slider-monitor/examples/todomvc/package.json b/packages/redux-devtools-slider-monitor/examples/todomvc/package.json index 928dc2ac..36f31e84 100644 --- a/packages/redux-devtools-slider-monitor/examples/todomvc/package.json +++ b/packages/redux-devtools-slider-monitor/examples/todomvc/package.json @@ -2,6 +2,7 @@ "name": "slider-todomvc", "version": "0.0.0", "description": "TodoMVC example for redux", + "private": true, "main": "index.js", "scripts": { "start": "webpack-dev-server", diff --git a/packages/redux-devtools/examples/counter/package.json b/packages/redux-devtools/examples/counter/package.json index 83cb5f4f..21aceff3 100644 --- a/packages/redux-devtools/examples/counter/package.json +++ b/packages/redux-devtools/examples/counter/package.json @@ -2,6 +2,7 @@ "name": "counter-redux", "version": "0.0.0", "description": "Counter example for redux", + "private": true, "main": "src/index.js", "scripts": { "start": "webpack-dev-server --open" diff --git a/packages/redux-devtools/examples/todomvc/package.json b/packages/redux-devtools/examples/todomvc/package.json index 50e9614c..31f71ffd 100644 --- a/packages/redux-devtools/examples/todomvc/package.json +++ b/packages/redux-devtools/examples/todomvc/package.json @@ -2,6 +2,7 @@ "name": "todomvc", "version": "0.0.0", "description": "TodoMVC example for redux", + "private": true, "main": "index.js", "scripts": { "start": "webpack-dev-server --open" From d8da887da86441c890e0820aa9f924f6ebbad8e7 Mon Sep 17 00:00:00 2001 From: Nathan Bierema Date: Fri, 14 Aug 2020 10:37:56 -0400 Subject: [PATCH 2/3] Publish - d3-state-visualizer@1.3.3 - d3tooltip@1.2.3 - devui@1.0.0-5 - map2tree@1.4.2 - react-base16-styling@0.7.0 - react-json-tree@0.12.1 - redux-devtools-chart-monitor@1.7.1 - redux-devtools-cli@1.0.0-3 - redux-devtools-core@1.0.0-3 - redux-devtools-dock-monitor@1.1.4 - redux-devtools-inspector@0.13.1 - redux-devtools-instrument@1.9.7 - redux-devtools-log-monitor@2.0.1 - redux-devtools-slider-monitor@2.0.0-4 - redux-devtools-test-generator@0.6.1 - redux-devtools-trace-monitor@0.1.2 - redux-devtools@3.6.1 - remotedev-serialize@0.1.9 - d3-state-visualizer-tree-example@0.0.1 - react-json-tree-example@1.0.1 - slider-todomvc@0.0.1 - counter-redux@0.0.1 - todomvc@0.0.1 --- packages/d3-state-visualizer/CHANGELOG.md | 8 +++++++ .../examples/tree/CHANGELOG.md | 8 +++++++ .../examples/tree/package.json | 6 ++--- packages/d3-state-visualizer/package.json | 6 ++--- packages/d3tooltip/CHANGELOG.md | 8 +++++++ packages/d3tooltip/package.json | 2 +- packages/devui/CHANGELOG.md | 8 +++++++ packages/devui/package.json | 2 +- packages/map2tree/CHANGELOG.md | 10 ++++++++ packages/map2tree/package.json | 2 +- packages/react-base16-styling/CHANGELOG.md | 12 ++++++++++ packages/react-base16-styling/package.json | 2 +- packages/react-json-tree/CHANGELOG.md | 10 ++++++++ .../react-json-tree/examples/CHANGELOG.md | 10 ++++++++ .../react-json-tree/examples/package.json | 6 ++--- packages/react-json-tree/package.json | 4 ++-- .../redux-devtools-chart-monitor/CHANGELOG.md | 8 +++++++ .../redux-devtools-chart-monitor/package.json | 4 ++-- packages/redux-devtools-cli/CHANGELOG.md | 10 ++++++++ packages/redux-devtools-cli/package.json | 4 ++-- packages/redux-devtools-core/CHANGELOG.md | 8 +++++++ packages/redux-devtools-core/package.json | 24 +++++++++---------- .../redux-devtools-dock-monitor/CHANGELOG.md | 8 +++++++ .../redux-devtools-dock-monitor/package.json | 2 +- .../redux-devtools-inspector/CHANGELOG.md | 8 +++++++ .../redux-devtools-inspector/package.json | 10 ++++---- .../redux-devtools-instrument/CHANGELOG.md | 8 +++++++ .../redux-devtools-instrument/package.json | 2 +- .../redux-devtools-log-monitor/CHANGELOG.md | 8 +++++++ .../redux-devtools-log-monitor/package.json | 4 ++-- .../CHANGELOG.md | 8 +++++++ .../examples/todomvc/CHANGELOG.md | 8 +++++++ .../examples/todomvc/package.json | 4 ++-- .../package.json | 10 ++++---- .../CHANGELOG.md | 8 +++++++ .../package.json | 10 ++++---- .../redux-devtools-trace-monitor/CHANGELOG.md | 10 ++++++++ .../redux-devtools-trace-monitor/package.json | 2 +- packages/redux-devtools/CHANGELOG.md | 8 +++++++ .../examples/counter/CHANGELOG.md | 8 +++++++ .../examples/counter/package.json | 8 +++---- .../examples/todomvc/CHANGELOG.md | 8 +++++++ .../examples/todomvc/package.json | 8 +++---- packages/redux-devtools/package.json | 4 ++-- packages/remotedev-serialize/CHANGELOG.md | 8 +++++++ packages/remotedev-serialize/package.json | 2 +- 46 files changed, 262 insertions(+), 64 deletions(-) create mode 100644 packages/d3-state-visualizer/CHANGELOG.md create mode 100644 packages/d3-state-visualizer/examples/tree/CHANGELOG.md create mode 100644 packages/d3tooltip/CHANGELOG.md create mode 100644 packages/devui/CHANGELOG.md create mode 100644 packages/map2tree/CHANGELOG.md create mode 100644 packages/react-base16-styling/CHANGELOG.md create mode 100644 packages/react-json-tree/CHANGELOG.md create mode 100644 packages/react-json-tree/examples/CHANGELOG.md create mode 100644 packages/redux-devtools-chart-monitor/CHANGELOG.md create mode 100644 packages/redux-devtools-cli/CHANGELOG.md create mode 100644 packages/redux-devtools-core/CHANGELOG.md create mode 100644 packages/redux-devtools-dock-monitor/CHANGELOG.md create mode 100644 packages/redux-devtools-inspector/CHANGELOG.md create mode 100644 packages/redux-devtools-instrument/CHANGELOG.md create mode 100644 packages/redux-devtools-log-monitor/CHANGELOG.md create mode 100644 packages/redux-devtools-slider-monitor/CHANGELOG.md create mode 100644 packages/redux-devtools-slider-monitor/examples/todomvc/CHANGELOG.md create mode 100644 packages/redux-devtools-test-generator/CHANGELOG.md create mode 100644 packages/redux-devtools-trace-monitor/CHANGELOG.md create mode 100644 packages/redux-devtools/CHANGELOG.md create mode 100644 packages/redux-devtools/examples/counter/CHANGELOG.md create mode 100644 packages/redux-devtools/examples/todomvc/CHANGELOG.md create mode 100644 packages/remotedev-serialize/CHANGELOG.md diff --git a/packages/d3-state-visualizer/CHANGELOG.md b/packages/d3-state-visualizer/CHANGELOG.md new file mode 100644 index 00000000..af260a73 --- /dev/null +++ b/packages/d3-state-visualizer/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 1.3.3 (2020-08-14) + +**Note:** Version bump only for package d3-state-visualizer diff --git a/packages/d3-state-visualizer/examples/tree/CHANGELOG.md b/packages/d3-state-visualizer/examples/tree/CHANGELOG.md new file mode 100644 index 00000000..8bf3dd96 --- /dev/null +++ b/packages/d3-state-visualizer/examples/tree/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 0.0.1 (2020-08-14) + +**Note:** Version bump only for package d3-state-visualizer-tree-example diff --git a/packages/d3-state-visualizer/examples/tree/package.json b/packages/d3-state-visualizer/examples/tree/package.json index d71da481..75a5222c 100644 --- a/packages/d3-state-visualizer/examples/tree/package.json +++ b/packages/d3-state-visualizer/examples/tree/package.json @@ -1,6 +1,6 @@ { "name": "d3-state-visualizer-tree-example", - "version": "0.0.0", + "version": "0.0.1", "description": "Visualize your app state as a tree", "private": true, "main": "index.js", @@ -23,8 +23,8 @@ }, "homepage": "https://github.com/reduxjs/redux-devtools", "dependencies": { - "d3-state-visualizer": "^1.0.1", - "map2tree": "^1.3.0" + "d3-state-visualizer": "^1.3.3", + "map2tree": "^1.4.2" }, "devDependencies": { "@babel/core": "^7.11.1", diff --git a/packages/d3-state-visualizer/package.json b/packages/d3-state-visualizer/package.json index 1b674206..7bd6c6d0 100644 --- a/packages/d3-state-visualizer/package.json +++ b/packages/d3-state-visualizer/package.json @@ -1,6 +1,6 @@ { "name": "d3-state-visualizer", - "version": "1.3.2", + "version": "1.3.3", "description": "Visualize your app state with a range of reusable charts", "main": "lib/index.js", "files": [ @@ -45,9 +45,9 @@ }, "dependencies": { "d3": "^3.5.17", - "d3tooltip": "^1.2.2", + "d3tooltip": "^1.2.3", "deepmerge": "^4.2.2", - "map2tree": "^1.4.1", + "map2tree": "^1.4.2", "ramda": "^0.27.1" } } diff --git a/packages/d3tooltip/CHANGELOG.md b/packages/d3tooltip/CHANGELOG.md new file mode 100644 index 00000000..8313ac1f --- /dev/null +++ b/packages/d3tooltip/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 1.2.3 (2020-08-14) + +**Note:** Version bump only for package d3tooltip diff --git a/packages/d3tooltip/package.json b/packages/d3tooltip/package.json index 64723bcb..1ac1190a 100644 --- a/packages/d3tooltip/package.json +++ b/packages/d3tooltip/package.json @@ -1,6 +1,6 @@ { "name": "d3tooltip", - "version": "1.2.2", + "version": "1.2.3", "description": "A highly configurable tooltip for d3", "main": "lib/index.js", "scripts": { diff --git a/packages/devui/CHANGELOG.md b/packages/devui/CHANGELOG.md new file mode 100644 index 00000000..45ab4cff --- /dev/null +++ b/packages/devui/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +# [1.0.0-5](https://github.com/reduxjs/redux-devtools/compare/devui@1.0.0-4...devui@1.0.0-5) (2020-08-14) + +**Note:** Version bump only for package devui diff --git a/packages/devui/package.json b/packages/devui/package.json index 0f90fa44..9bad9424 100755 --- a/packages/devui/package.json +++ b/packages/devui/package.json @@ -1,6 +1,6 @@ { "name": "devui", - "version": "1.0.0-4", + "version": "1.0.0-5", "description": "Reusable React components for building DevTools monitors and apps.", "files": [ "lib", diff --git a/packages/map2tree/CHANGELOG.md b/packages/map2tree/CHANGELOG.md new file mode 100644 index 00000000..39b191c8 --- /dev/null +++ b/packages/map2tree/CHANGELOG.md @@ -0,0 +1,10 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 1.4.2 (2020-08-14) + +### Bug Fixes + +- **map2tree:** consolidate immutable version ([#538](https://github.com/reduxjs/redux-devtools/issues/538)) ([999ed2a](https://github.com/reduxjs/redux-devtools/commit/999ed2ad8b4a09eddd55c2a944f5488ecce6bc7b)) diff --git a/packages/map2tree/package.json b/packages/map2tree/package.json index f0ba9664..ee8d4cf3 100755 --- a/packages/map2tree/package.json +++ b/packages/map2tree/package.json @@ -1,6 +1,6 @@ { "name": "map2tree", - "version": "1.4.1", + "version": "1.4.2", "description": "Utility for mapping maps to trees", "main": "lib/index.js", "scripts": { diff --git a/packages/react-base16-styling/CHANGELOG.md b/packages/react-base16-styling/CHANGELOG.md new file mode 100644 index 00000000..072258b8 --- /dev/null +++ b/packages/react-base16-styling/CHANGELOG.md @@ -0,0 +1,12 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +# 0.7.0 (2020-08-14) + +- feat(react-base16-styling)!: add invertTheme helper (#565) ([92d16e4](https://github.com/reduxjs/redux-devtools/commit/92d16e4f56fbeaf06966afd9024ed4b58ba98ecb)), closes [#565](https://github.com/reduxjs/redux-devtools/issues/565) + +### BREAKING CHANGES + +- rename previous invertTheme to invertBase16Theme diff --git a/packages/react-base16-styling/package.json b/packages/react-base16-styling/package.json index cca88a7a..69caea8e 100644 --- a/packages/react-base16-styling/package.json +++ b/packages/react-base16-styling/package.json @@ -1,6 +1,6 @@ { "name": "react-base16-styling", - "version": "0.6.0", + "version": "0.7.0", "description": "React styling with base16 color scheme support", "main": "lib/index.js", "scripts": { diff --git a/packages/react-json-tree/CHANGELOG.md b/packages/react-json-tree/CHANGELOG.md new file mode 100644 index 00000000..34d4403c --- /dev/null +++ b/packages/react-json-tree/CHANGELOG.md @@ -0,0 +1,10 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## [0.12.1](https://github.com/reduxjs/redux-devtools/compare/react-json-tree@0.12.0...react-json-tree@0.12.1) (2020-08-14) + +### Bug Fixes + +- **react-json-tree:** fix react-json-tree examples ([#531](https://github.com/reduxjs/redux-devtools/issues/531)) ([0864f28](https://github.com/reduxjs/redux-devtools/commit/0864f281560dcbad1ddb2ab985e23b841771cb8c)) diff --git a/packages/react-json-tree/examples/CHANGELOG.md b/packages/react-json-tree/examples/CHANGELOG.md new file mode 100644 index 00000000..d25c3b8b --- /dev/null +++ b/packages/react-json-tree/examples/CHANGELOG.md @@ -0,0 +1,10 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 1.0.1 (2020-08-14) + +### Bug Fixes + +- **react-json-tree:** fix react-json-tree examples ([#531](https://github.com/gaearon/react-hot-boilerplate/issues/531)) ([0864f28](https://github.com/gaearon/react-hot-boilerplate/commit/0864f281560dcbad1ddb2ab985e23b841771cb8c)) diff --git a/packages/react-json-tree/examples/package.json b/packages/react-json-tree/examples/package.json index c4e33208..6279c6f9 100644 --- a/packages/react-json-tree/examples/package.json +++ b/packages/react-json-tree/examples/package.json @@ -1,6 +1,6 @@ { "name": "react-json-tree-example", - "version": "1.0.0", + "version": "1.0.1", "description": "React-Json-Tree example", "private": true, "scripts": { @@ -39,8 +39,8 @@ "dependencies": { "immutable": "^4.0.0-rc.12", "react": "^16.13.1", - "react-base16-styling": "^0.6.0", + "react-base16-styling": "^0.7.0", "react-dom": "^16.13.1", - "react-json-tree": "^0.12.0" + "react-json-tree": "^0.12.1" } } diff --git a/packages/react-json-tree/package.json b/packages/react-json-tree/package.json index 1aabf262..1d4c3ef1 100644 --- a/packages/react-json-tree/package.json +++ b/packages/react-json-tree/package.json @@ -1,6 +1,6 @@ { "name": "react-json-tree", - "version": "0.12.0", + "version": "0.12.1", "description": "React JSON Viewer Component, Extracted from redux-devtools", "main": "lib/index.js", "scripts": { @@ -59,6 +59,6 @@ }, "dependencies": { "prop-types": "^15.7.2", - "react-base16-styling": "^0.6.0" + "react-base16-styling": "^0.7.0" } } diff --git a/packages/redux-devtools-chart-monitor/CHANGELOG.md b/packages/redux-devtools-chart-monitor/CHANGELOG.md new file mode 100644 index 00000000..74112875 --- /dev/null +++ b/packages/redux-devtools-chart-monitor/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 1.7.1 (2020-08-14) + +**Note:** Version bump only for package redux-devtools-chart-monitor diff --git a/packages/redux-devtools-chart-monitor/package.json b/packages/redux-devtools-chart-monitor/package.json index fc536d80..ccb5c63d 100644 --- a/packages/redux-devtools-chart-monitor/package.json +++ b/packages/redux-devtools-chart-monitor/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools-chart-monitor", - "version": "1.7.0", + "version": "1.7.1", "description": "Chart monitor for Redux DevTools", "main": "lib/index.js", "scripts": { @@ -46,7 +46,7 @@ "redux-devtools": "^3.0.0" }, "dependencies": { - "d3-state-visualizer": "^1.3.2", + "d3-state-visualizer": "^1.3.3", "deepmerge": "^4.2.2", "prop-types": "^15.7.2", "react-pure-render": "^1.0.2", diff --git a/packages/redux-devtools-cli/CHANGELOG.md b/packages/redux-devtools-cli/CHANGELOG.md new file mode 100644 index 00000000..bca10848 --- /dev/null +++ b/packages/redux-devtools-cli/CHANGELOG.md @@ -0,0 +1,10 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +# [1.0.0-3](https://github.com/reduxjs/redux-devtools/compare/redux-devtools-cli@1.0.0-2...redux-devtools-cli@1.0.0-3) (2020-08-14) + +### Bug Fixes + +- **redux-devtools-cli:** forward port to spawned electron ([#564](https://github.com/reduxjs/redux-devtools/issues/564)) ([a1c2f06](https://github.com/reduxjs/redux-devtools/commit/a1c2f068b53ad205d448baa86003c3313f7ab2d1)) diff --git a/packages/redux-devtools-cli/package.json b/packages/redux-devtools-cli/package.json index de52534e..bcd14c73 100644 --- a/packages/redux-devtools-cli/package.json +++ b/packages/redux-devtools-cli/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools-cli", - "version": "1.0.0-2", + "version": "1.0.0-3", "description": "CLI for remote debugging with Redux DevTools.", "main": "index.js", "bin": { @@ -50,7 +50,7 @@ "open": "^7.1.0", "react": "^16.13.1", "react-dom": "^16.13.1", - "redux-devtools-core": "^1.0.0-2", + "redux-devtools-core": "^1.0.0-3", "semver": "^7.3.2", "socketcluster": "^14.4.2", "sqlite3": "^5.0.0", diff --git a/packages/redux-devtools-core/CHANGELOG.md b/packages/redux-devtools-core/CHANGELOG.md new file mode 100644 index 00000000..c93f332f --- /dev/null +++ b/packages/redux-devtools-core/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +# [1.0.0-3](https://github.com/reduxjs/redux-devtools/compare/redux-devtools-core@1.0.0-2...redux-devtools-core@1.0.0-3) (2020-08-14) + +**Note:** Version bump only for package redux-devtools-core diff --git a/packages/redux-devtools-core/package.json b/packages/redux-devtools-core/package.json index 8d0d3dc7..1a2c60a4 100644 --- a/packages/redux-devtools-core/package.json +++ b/packages/redux-devtools-core/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools-core", - "version": "1.0.0-2", + "version": "1.0.0-3", "description": "Reusable functions of Redux DevTools", "scripts": { "start": "webpack-dev-server --hot --inline --env.development --env.platform=web --progress", @@ -63,8 +63,8 @@ "webpack-hot-middleware": "^2.25.0" }, "dependencies": { - "d3-state-visualizer": "^1.3.2", - "devui": "^1.0.0-4", + "d3-state-visualizer": "^1.3.3", + "devui": "^1.0.0-5", "get-params": "^0.1.2", "javascript-stringify": "^2.0.1", "jsan": "^3.1.13", @@ -77,16 +77,16 @@ "react-is": "^16.13.1", "react-redux": "^7.2.1", "redux": "^4.0.5", - "redux-devtools": "^3.6.0", - "redux-devtools-chart-monitor": "^1.7.0", - "redux-devtools-inspector": "^0.13.0", - "redux-devtools-instrument": "^1.9.6", - "redux-devtools-log-monitor": "^2.0.0", - "redux-devtools-slider-monitor": "^2.0.0-3", - "redux-devtools-test-generator": "^0.6.0", - "redux-devtools-trace-monitor": "^0.1.1", + "redux-devtools": "^3.6.1", + "redux-devtools-chart-monitor": "^1.7.1", + "redux-devtools-inspector": "^0.13.1", + "redux-devtools-instrument": "^1.9.7", + "redux-devtools-log-monitor": "^2.0.1", + "redux-devtools-slider-monitor": "^2.0.0-4", + "redux-devtools-test-generator": "^0.6.1", + "redux-devtools-trace-monitor": "^0.1.2", "redux-persist": "^4.10.2", - "remotedev-serialize": "^0.1.8", + "remotedev-serialize": "^0.1.9", "socketcluster-client": "^14.3.1", "styled-components": "^5.1.1" }, diff --git a/packages/redux-devtools-dock-monitor/CHANGELOG.md b/packages/redux-devtools-dock-monitor/CHANGELOG.md new file mode 100644 index 00000000..52d1bcec --- /dev/null +++ b/packages/redux-devtools-dock-monitor/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 1.1.4 (2020-08-14) + +**Note:** Version bump only for package redux-devtools-dock-monitor diff --git a/packages/redux-devtools-dock-monitor/package.json b/packages/redux-devtools-dock-monitor/package.json index f2b68c82..5bb00580 100644 --- a/packages/redux-devtools-dock-monitor/package.json +++ b/packages/redux-devtools-dock-monitor/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools-dock-monitor", - "version": "1.1.3", + "version": "1.1.4", "description": "A resizable and movable dock for Redux DevTools monitors", "main": "lib/index.js", "files": [ diff --git a/packages/redux-devtools-inspector/CHANGELOG.md b/packages/redux-devtools-inspector/CHANGELOG.md new file mode 100644 index 00000000..3c8e0cec --- /dev/null +++ b/packages/redux-devtools-inspector/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## [0.13.1](https://github.com/reduxjs/redux-devtools/compare/redux-devtools-inspector@0.13.0...redux-devtools-inspector@0.13.1) (2020-08-14) + +**Note:** Version bump only for package redux-devtools-inspector diff --git a/packages/redux-devtools-inspector/package.json b/packages/redux-devtools-inspector/package.json index 6028dd00..5797942d 100644 --- a/packages/redux-devtools-inspector/package.json +++ b/packages/redux-devtools-inspector/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools-inspector", - "version": "0.13.0", + "version": "0.13.1", "description": "Redux DevTools Diff Monitor", "scripts": { "build": "npm run build:lib", @@ -47,8 +47,8 @@ "react-router": "^5.2.0", "react-transform-hmr": "^1.0.4", "redux": "^4.0.5", - "redux-devtools": "^3.6.0", - "redux-devtools-dock-monitor": "^1.1.3", + "redux-devtools": "^3.6.1", + "redux-devtools-dock-monitor": "^1.1.4", "redux-logger": "^3.0.6", "seamless-immutable": "^7.1.4", "webpack": "^4.44.1", @@ -74,9 +74,9 @@ "jss-preset-default": "^10.3.0", "lodash.debounce": "^4.0.8", "prop-types": "^15.7.2", - "react-base16-styling": "^0.6.0", + "react-base16-styling": "^0.7.0", "react-dragula": "^1.1.17", - "react-json-tree": "^0.12.0", + "react-json-tree": "^0.12.1", "react-pure-render": "^1.0.2", "redux-devtools-themes": "^1.0.0" } diff --git a/packages/redux-devtools-instrument/CHANGELOG.md b/packages/redux-devtools-instrument/CHANGELOG.md new file mode 100644 index 00000000..9b2ea07d --- /dev/null +++ b/packages/redux-devtools-instrument/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 1.9.7 (2020-08-14) + +**Note:** Version bump only for package redux-devtools-instrument diff --git a/packages/redux-devtools-instrument/package.json b/packages/redux-devtools-instrument/package.json index b303656d..b6e9a7fd 100644 --- a/packages/redux-devtools-instrument/package.json +++ b/packages/redux-devtools-instrument/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools-instrument", - "version": "1.9.6", + "version": "1.9.7", "description": "Redux DevTools instrumentation", "main": "lib/instrument.js", "scripts": { diff --git a/packages/redux-devtools-log-monitor/CHANGELOG.md b/packages/redux-devtools-log-monitor/CHANGELOG.md new file mode 100644 index 00000000..5e7aa269 --- /dev/null +++ b/packages/redux-devtools-log-monitor/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## [2.0.1](https://github.com/reduxjs/redux-devtools/compare/redux-devtools-log-monitor@2.0.0...redux-devtools-log-monitor@2.0.1) (2020-08-14) + +**Note:** Version bump only for package redux-devtools-log-monitor diff --git a/packages/redux-devtools-log-monitor/package.json b/packages/redux-devtools-log-monitor/package.json index ed57a7ff..43bfb4b3 100644 --- a/packages/redux-devtools-log-monitor/package.json +++ b/packages/redux-devtools-log-monitor/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools-log-monitor", - "version": "2.0.0", + "version": "2.0.1", "description": "The default tree view monitor for Redux DevTools", "main": "lib/index.js", "files": [ @@ -49,7 +49,7 @@ "dependencies": { "lodash.debounce": "^4.0.8", "prop-types": "^15.7.2", - "react-json-tree": "^0.12.0", + "react-json-tree": "^0.12.1", "react-pure-render": "^1.0.2", "redux-devtools-themes": "^1.0.0" } diff --git a/packages/redux-devtools-slider-monitor/CHANGELOG.md b/packages/redux-devtools-slider-monitor/CHANGELOG.md new file mode 100644 index 00000000..14b7fec2 --- /dev/null +++ b/packages/redux-devtools-slider-monitor/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +# 2.0.0-4 (2020-08-14) + +**Note:** Version bump only for package redux-devtools-slider-monitor diff --git a/packages/redux-devtools-slider-monitor/examples/todomvc/CHANGELOG.md b/packages/redux-devtools-slider-monitor/examples/todomvc/CHANGELOG.md new file mode 100644 index 00000000..4313a2f3 --- /dev/null +++ b/packages/redux-devtools-slider-monitor/examples/todomvc/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 0.0.1 (2020-08-14) + +**Note:** Version bump only for package slider-todomvc diff --git a/packages/redux-devtools-slider-monitor/examples/todomvc/package.json b/packages/redux-devtools-slider-monitor/examples/todomvc/package.json index 36f31e84..e323f37a 100644 --- a/packages/redux-devtools-slider-monitor/examples/todomvc/package.json +++ b/packages/redux-devtools-slider-monitor/examples/todomvc/package.json @@ -1,6 +1,6 @@ { "name": "slider-todomvc", - "version": "0.0.0", + "version": "0.0.1", "description": "TodoMVC example for redux", "private": true, "main": "index.js", @@ -26,6 +26,6 @@ "dependencies": { "react-hot-loader": "^4.12.21", "react-redux": "^7.2.1", - "redux-devtools-slider-monitor": "^2.0.0-3" + "redux-devtools-slider-monitor": "^2.0.0-4" } } diff --git a/packages/redux-devtools-slider-monitor/package.json b/packages/redux-devtools-slider-monitor/package.json index 29237dae..8e305c6e 100644 --- a/packages/redux-devtools-slider-monitor/package.json +++ b/packages/redux-devtools-slider-monitor/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools-slider-monitor", - "version": "2.0.0-3", + "version": "2.0.0-4", "description": "A custom monitor for replaying Redux actions that works similarly to a video player", "main": "lib/SliderMonitor.js", "scripts": { @@ -28,9 +28,9 @@ "react": "^16.13.1", "react-dom": "^16.13.1", "redux": "^4.0.5", - "redux-devtools": "^3.6.0", - "redux-devtools-dock-monitor": "^1.1.3", - "redux-devtools-log-monitor": "^2.0.0", + "redux-devtools": "^3.6.1", + "redux-devtools-dock-monitor": "^1.1.4", + "redux-devtools-log-monitor": "^2.0.1", "rimraf": "^3.0.2", "style-loader": "^1.2.1", "todomvc-app-css": "^2.3.0" @@ -41,7 +41,7 @@ "redux-devtools": "^3.0.0" }, "dependencies": { - "devui": "^1.0.0-4", + "devui": "^1.0.0-5", "prop-types": "^15.7.2", "redux-devtools-themes": "^1.0.0" } diff --git a/packages/redux-devtools-test-generator/CHANGELOG.md b/packages/redux-devtools-test-generator/CHANGELOG.md new file mode 100644 index 00000000..952e6362 --- /dev/null +++ b/packages/redux-devtools-test-generator/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## [0.6.1](https://github.com/reduxjs/redux-devtools/compare/redux-devtools-test-generator@0.6.0...redux-devtools-test-generator@0.6.1) (2020-08-14) + +**Note:** Version bump only for package redux-devtools-test-generator diff --git a/packages/redux-devtools-test-generator/package.json b/packages/redux-devtools-test-generator/package.json index 033cf29f..99b20c5b 100644 --- a/packages/redux-devtools-test-generator/package.json +++ b/packages/redux-devtools-test-generator/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools-test-generator", - "version": "0.6.0", + "version": "0.6.1", "description": "Generate tests for redux devtools.", "main": "lib/index.js", "files": [ @@ -61,9 +61,9 @@ "react-redux": "^7.2.1", "react-router": "^5.2.0", "redux": "^4.0.5", - "redux-devtools": "^3.6.0", - "redux-devtools-dock-monitor": "^1.1.3", - "redux-devtools-inspector": "^0.13.0", + "redux-devtools": "^3.6.1", + "redux-devtools-dock-monitor": "^1.1.4", + "redux-devtools-inspector": "^0.13.1", "redux-logger": "^3.0.6", "rimraf": "^3.0.2", "seamless-immutable": "^7.1.4", @@ -72,7 +72,7 @@ "webpack-dev-server": "^3.11.0" }, "dependencies": { - "devui": "^1.0.0-4", + "devui": "^1.0.0-5", "es6template": "^1.0.5", "javascript-stringify": "^2.0.1", "jsan": "^3.1.13", diff --git a/packages/redux-devtools-trace-monitor/CHANGELOG.md b/packages/redux-devtools-trace-monitor/CHANGELOG.md new file mode 100644 index 00000000..f4b97e39 --- /dev/null +++ b/packages/redux-devtools-trace-monitor/CHANGELOG.md @@ -0,0 +1,10 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 0.1.2 (2020-08-14) + +### Bug Fixes + +- **redux-devtools-trace-monitor:** consolidate packages ([#540](https://github.com/reduxjs/redux-devtools/issues/540)) ([370134d](https://github.com/reduxjs/redux-devtools/commit/370134d5a2bb7337f72134a9396398ab9f66fe30)) diff --git a/packages/redux-devtools-trace-monitor/package.json b/packages/redux-devtools-trace-monitor/package.json index 62dbd52d..de534339 100644 --- a/packages/redux-devtools-trace-monitor/package.json +++ b/packages/redux-devtools-trace-monitor/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools-trace-monitor", - "version": "0.1.1", + "version": "0.1.2", "description": "Submonitor for Redux DevTools inspector to show stack traces.", "repository": "https://github.com/reduxjs/redux-devtools", "homepage": "https://github.com/reduxjs/redux-devtools", diff --git a/packages/redux-devtools/CHANGELOG.md b/packages/redux-devtools/CHANGELOG.md new file mode 100644 index 00000000..11117ed9 --- /dev/null +++ b/packages/redux-devtools/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## [3.6.1](https://github.com/reduxjs/redux-devtools/compare/redux-devtools@3.6.0...redux-devtools@3.6.1) (2020-08-14) + +**Note:** Version bump only for package redux-devtools diff --git a/packages/redux-devtools/examples/counter/CHANGELOG.md b/packages/redux-devtools/examples/counter/CHANGELOG.md new file mode 100644 index 00000000..34290bd6 --- /dev/null +++ b/packages/redux-devtools/examples/counter/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 0.0.1 (2020-08-14) + +**Note:** Version bump only for package counter-redux diff --git a/packages/redux-devtools/examples/counter/package.json b/packages/redux-devtools/examples/counter/package.json index 21aceff3..559bc385 100644 --- a/packages/redux-devtools/examples/counter/package.json +++ b/packages/redux-devtools/examples/counter/package.json @@ -1,6 +1,6 @@ { "name": "counter-redux", - "version": "0.0.0", + "version": "0.0.1", "description": "Counter example for redux", "private": true, "main": "src/index.js", @@ -31,9 +31,9 @@ "@babel/preset-env": "^7.11.0", "@babel/preset-react": "^7.10.4", "babel-loader": "^8.1.0", - "redux-devtools": "^3.6.0", - "redux-devtools-dock-monitor": "^1.1.3", - "redux-devtools-log-monitor": "^2.0.0", + "redux-devtools": "^3.6.1", + "redux-devtools-dock-monitor": "^1.1.4", + "redux-devtools-log-monitor": "^2.0.1", "webpack": "^4.44.1", "webpack-dev-server": "^3.11.0" } diff --git a/packages/redux-devtools/examples/todomvc/CHANGELOG.md b/packages/redux-devtools/examples/todomvc/CHANGELOG.md new file mode 100644 index 00000000..404150b7 --- /dev/null +++ b/packages/redux-devtools/examples/todomvc/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 0.0.1 (2020-08-14) + +**Note:** Version bump only for package todomvc diff --git a/packages/redux-devtools/examples/todomvc/package.json b/packages/redux-devtools/examples/todomvc/package.json index 31f71ffd..998336df 100644 --- a/packages/redux-devtools/examples/todomvc/package.json +++ b/packages/redux-devtools/examples/todomvc/package.json @@ -1,6 +1,6 @@ { "name": "todomvc", - "version": "0.0.0", + "version": "0.0.1", "description": "TodoMVC example for redux", "private": true, "main": "index.js", @@ -46,9 +46,9 @@ "@babel/preset-react": "^7.10.4", "babel-loader": "^8.1.0", "raw-loader": "^4.0.1", - "redux-devtools": "^3.6.0", - "redux-devtools-dock-monitor": "^1.1.3", - "redux-devtools-log-monitor": "^2.0.0", + "redux-devtools": "^3.6.1", + "redux-devtools-dock-monitor": "^1.1.4", + "redux-devtools-log-monitor": "^2.0.1", "style-loader": "^1.2.1", "webpack": "^4.44.1", "webpack-dev-server": "^3.11.0" diff --git a/packages/redux-devtools/package.json b/packages/redux-devtools/package.json index 557b045a..f5505f5f 100644 --- a/packages/redux-devtools/package.json +++ b/packages/redux-devtools/package.json @@ -1,6 +1,6 @@ { "name": "redux-devtools", - "version": "3.6.0", + "version": "3.6.1", "description": "Redux DevTools with hot reloading and time travel", "main": "lib/index.js", "scripts": { @@ -54,6 +54,6 @@ "dependencies": { "lodash": "^4.17.19", "prop-types": "^15.7.2", - "redux-devtools-instrument": "^1.9.6" + "redux-devtools-instrument": "^1.9.7" } } diff --git a/packages/remotedev-serialize/CHANGELOG.md b/packages/remotedev-serialize/CHANGELOG.md new file mode 100644 index 00000000..4ae1ae25 --- /dev/null +++ b/packages/remotedev-serialize/CHANGELOG.md @@ -0,0 +1,8 @@ +# Change Log + +All notable changes to this project will be documented in this file. +See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. + +## 0.1.9 (2020-08-14) + +**Note:** Version bump only for package remotedev-serialize diff --git a/packages/remotedev-serialize/package.json b/packages/remotedev-serialize/package.json index ec7fad4d..8a81ab29 100644 --- a/packages/remotedev-serialize/package.json +++ b/packages/remotedev-serialize/package.json @@ -1,6 +1,6 @@ { "name": "remotedev-serialize", - "version": "0.1.8", + "version": "0.1.9", "description": "Serialize unserializable data and parse it back.", "main": "index.js", "scripts": { From f99c76f9d3bb7f0856003b00562b18fa2b12da67 Mon Sep 17 00:00:00 2001 From: Nathan Bierema Date: Sat, 15 Aug 2020 17:27:22 -0400 Subject: [PATCH 3/3] Add react-dock (#590) * Add react-dock * Remove bundle * fix --- packages/react-dock/.babelrc | 4 + packages/react-dock/LICENSE | 22 ++ packages/react-dock/README.md | 44 +++ packages/react-dock/demo/index.html | 13 + packages/react-dock/demo/src/App.jsx | 186 +++++++++++ packages/react-dock/demo/src/index.js | 5 + packages/react-dock/package.json | 64 ++++ packages/react-dock/src/Dock.js | 432 +++++++++++++++++++++++++ packages/react-dock/src/autoprefix.js | 57 ++++ packages/react-dock/src/index.js | 1 + packages/react-dock/test/index.test.js | 23 ++ packages/react-dock/webpack.config.js | 50 +++ yarn.lock | 20 -- 13 files changed, 901 insertions(+), 20 deletions(-) create mode 100644 packages/react-dock/.babelrc create mode 100644 packages/react-dock/LICENSE create mode 100644 packages/react-dock/README.md create mode 100644 packages/react-dock/demo/index.html create mode 100644 packages/react-dock/demo/src/App.jsx create mode 100644 packages/react-dock/demo/src/index.js create mode 100644 packages/react-dock/package.json create mode 100644 packages/react-dock/src/Dock.js create mode 100644 packages/react-dock/src/autoprefix.js create mode 100644 packages/react-dock/src/index.js create mode 100644 packages/react-dock/test/index.test.js create mode 100644 packages/react-dock/webpack.config.js diff --git a/packages/react-dock/.babelrc b/packages/react-dock/.babelrc new file mode 100644 index 00000000..a53745a0 --- /dev/null +++ b/packages/react-dock/.babelrc @@ -0,0 +1,4 @@ +{ + "presets": ["@babel/preset-env", "@babel/preset-react"], + "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-export-default-from", "react-hot-loader/babel"] +} diff --git a/packages/react-dock/LICENSE b/packages/react-dock/LICENSE new file mode 100644 index 00000000..01ffd8f2 --- /dev/null +++ b/packages/react-dock/LICENSE @@ -0,0 +1,22 @@ +The MIT License (MIT) + +Copyright (c) 2015 Alexander Kuznetsov + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + diff --git a/packages/react-dock/README.md b/packages/react-dock/README.md new file mode 100644 index 00000000..f4491a25 --- /dev/null +++ b/packages/react-dock/README.md @@ -0,0 +1,44 @@ +# react-dock + +Resizable dockable react component. + +#### Demo + +[http://alexkuz.github.io/react-dock/demo/](http://alexkuz.github.io/react-dock/demo/) + +#### Install + +``` +$ npm i -S react-dock +``` + +#### Example + +```jsx +render() { + return ( + + {/* you can pass a function as a child here */} +
this.setState({ isVisible: !this.state.isVisible })}>X
+ + ); +} +``` + +#### Dock Props + +| Prop Name | Description | +|-----------|-------------| +| position | Side to dock (`left`, `right`, `top` or `bottom`). Default is `left`. | +| fluid | If `true`, resize dock proportionally on window resize. | +| size | Size of dock panel (width or height, depending on `position`). If this prop is set, `Dock` is considered as a controlled component, so you need to use `onSizeChange` to track dock resizing. Value is a fraction of window width/height, if `fluid` is true, or pixels otherwise | +| defaultSize | Default size of dock panel (used for uncontrolled `Dock` component) | +| isVisible | If `true`, dock is visible | +| dimMode | If `none` - content is not dimmed, if `transparent` - pointer events are disabled (so you can click through it), if `opaque` - click on dim area closes the dock. Default is `opaque` | +| duration | Animation duration. Should be synced with transition animation in style properties | +| dimStyle | Style for dim area | +| dockStyle | Style for dock | +| zIndex | Z-index for wrapper | +| onVisibleChange | Fires when `Dock` wants to change `isVisible` (when opaque dim is clicked, in particular) | +| onSizeChange | Fires when `Dock` wants to change `size` | +| children | Dock content - react elements or function that returns an element. Function receives an object with these state values: `{ position, isResizing, size, isVisible }` | diff --git a/packages/react-dock/demo/index.html b/packages/react-dock/demo/index.html new file mode 100644 index 00000000..c6c57bb1 --- /dev/null +++ b/packages/react-dock/demo/index.html @@ -0,0 +1,13 @@ + + + + React Dock + + + + +Fork me on GitHub +
+ + + diff --git a/packages/react-dock/demo/src/App.jsx b/packages/react-dock/demo/src/App.jsx new file mode 100644 index 00000000..995b404c --- /dev/null +++ b/packages/react-dock/demo/src/App.jsx @@ -0,0 +1,186 @@ +import React, { Component } from 'react'; +import { hot } from 'react-hot-loader/root'; +import Button from 'react-bootstrap/Button'; +import Form from 'react-bootstrap/Form'; +import { BsX } from 'react-icons/bs'; +import styled from 'styled-components'; + +import Dock from '../../src/Dock'; + +const Root = styled.div` + font-size: 16px; + color: #999; + height: 100vh; +`; + +const Main = styled.div` + width: 100%; + height: 150%; + display: flex; + flex-direction: column; + align-items: center; + padding-top: 30vh; +`; + +const DockContent = styled.div` + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +`; + +const Remove = styled(BsX)` + position: absolute; + z-index: 1; + right: 10px; + top: 10px; + cursor: pointer; +`; + +const positions = ['left', 'top', 'right', 'bottom']; +const dimModes = ['transparent', 'none', 'opaque']; + +class App extends Component { + constructor(props) { + super(props); + this.state = { + positionIdx: 0, + dimModeIdx: 0, + isVisible: true, + fluid: true, + customAnimation: false, + slow: false, + size: 0.25, + }; + } + + componentDidMount() {} + + render() { + const duration = this.state.slow ? 2000 : 200; + const dur = duration / 1000; + const transitions = ['left', 'top', 'width', 'height'] + .map((p) => `${p} ${dur}s cubic-bezier(0, 1.5, 0.5, 1)`) + .join(','); + + return ( + +
+

Main Content

+
+
+ Position: {positions[this.state.positionIdx]} + +
+
+ Dim Mode: {dimModes[this.state.dimModeIdx]} + +
+ + this.setState({ + isVisible: !this.state.isVisible, + }) + } + /> + + + this.setState({ + customAnimation: !this.state.customAnimation, + }) + } + /> + + + this.setState({ + slow: !this.state.slow, + }) + } + /> + + + this.setState({ + fluid: !this.state.fluid, + }) + } + /> +
+
+ + {({ position, isResizing }) => ( + +

Dock Content

+
Position: {position}
+
Resizing: {isResizing ? 'true' : 'false'}
+ this.setState({ isVisible: false })} /> + + )} + + + ); + } + + handleVisibleChange = (isVisible) => { + this.setState({ isVisible }); + }; + + handleSizeChange = (size) => { + this.setState({ size }); + }; + + handlePositionClick = () => { + this.setState({ positionIdx: (this.state.positionIdx + 1) % 4 }); + }; + + handleDimModeClick = () => { + this.setState({ dimModeIdx: (this.state.dimModeIdx + 1) % 3 }); + }; +} + +export default hot(App); diff --git a/packages/react-dock/demo/src/index.js b/packages/react-dock/demo/src/index.js new file mode 100644 index 00000000..b597a442 --- /dev/null +++ b/packages/react-dock/demo/src/index.js @@ -0,0 +1,5 @@ +import React from 'react'; +import ReactDOM from 'react-dom'; +import App from './App'; + +ReactDOM.render(, document.getElementById('root')); diff --git a/packages/react-dock/package.json b/packages/react-dock/package.json new file mode 100644 index 00000000..60ea6b47 --- /dev/null +++ b/packages/react-dock/package.json @@ -0,0 +1,64 @@ +{ + "name": "react-dock", + "version": "0.2.4", + "description": "Resizable dockable react component", + "scripts": { + "build-lib": "babel src --out-dir lib", + "build-demo": "NODE_ENV=production webpack -p", + "stats": "webpack --profile --json > stats.json", + "start": "webpack-dev-server", + "preversion": "npm run lint && npm run test", + "version": "npm run build-demo && git add -A .", + "postversion": "git push", + "prepublish": "npm run build-lib", + "test": "jest" + }, + "main": "lib/index.js", + "files": [ + "lib", + "src" + ], + "repository": { + "type": "git", + "url": "https://github.com/reduxjs/redux-devtools.git" + }, + "keywords": [ + "react", + "reactjs", + "dock", + "sidebar" + ], + "author": "Alexander (http://kuzya.org/)", + "license": "MIT", + "bugs": { + "url": "https://github.com/reduxjs/redux-devtools/issues" + }, + "homepage": "https://github.com/reduxjs/redux-devtools", + "devDependencies": { + "@babel/cli": "^7.10.5", + "@babel/core": "^7.11.1", + "@babel/plugin-proposal-class-properties": "^7.10.4", + "@babel/plugin-proposal-export-default-from": "^7.10.4", + "@babel/preset-env": "^7.11.0", + "@babel/preset-react": "^7.10.4", + "babel-loader": "^8.1.0", + "react": "^16.13.1", + "react-bootstrap": "^1.3.0", + "react-dom": "^16.13.1", + "react-hot-loader": "^4.12.21", + "react-icons": "^3.10.0", + "react-pure-render": "^1.0.2", + "react-test-renderer": "^16.13.1", + "styled-components": "^5.1.1", + "webpack": "^4.44.1", + "webpack-cli": "^3.3.12", + "webpack-dev-server": "^3.11.0" + }, + "peerDependencies": { + "react": "^16.3.0" + }, + "dependencies": { + "lodash.debounce": "^4.0.8", + "prop-types": "^15.7.2" + } +} diff --git a/packages/react-dock/src/Dock.js b/packages/react-dock/src/Dock.js new file mode 100644 index 00000000..92ecea0f --- /dev/null +++ b/packages/react-dock/src/Dock.js @@ -0,0 +1,432 @@ +import React, { Component } from 'react'; +import PropTypes from 'prop-types'; +import debounce from 'lodash.debounce'; +import autoprefix from './autoprefix'; + +function autoprefixes(styles) { + return Object.keys(styles).reduce( + (obj, key) => ((obj[key] = autoprefix(styles[key])), obj), + {} + ); +} + +const styles = autoprefixes({ + wrapper: { + position: 'fixed', + width: 0, + height: 0, + top: 0, + left: 0, + }, + + dim: { + position: 'fixed', + left: 0, + right: 0, + top: 0, + bottom: 0, + zIndex: 0, + background: 'rgba(0, 0, 0, 0.2)', + opacity: 1, + }, + + dimAppear: { + opacity: 0, + }, + + dimTransparent: { + pointerEvents: 'none', + }, + + dimHidden: { + opacity: 0, + }, + + dock: { + position: 'fixed', + zIndex: 1, + boxShadow: '0 0 4px rgba(0, 0, 0, 0.3)', + background: 'white', + left: 0, + top: 0, + width: '100%', + height: '100%', + }, + + dockHidden: { + opacity: 0, + }, + + dockResizing: { + transition: 'none', + }, + + dockContent: { + width: '100%', + height: '100%', + overflow: 'auto', + }, + + resizer: { + position: 'absolute', + zIndex: 2, + opacity: 0, + }, +}); + +function getTransitions(duration) { + return ['left', 'top', 'width', 'height'].map( + (p) => `${p} ${duration / 1000}s ease-out` + ); +} + +function getDockStyles( + { fluid, dockStyle, dockHiddenStyle, duration, position, isVisible }, + { size, isResizing, fullWidth, fullHeight } +) { + let posStyle; + const absSize = fluid ? size * 100 + '%' : size + 'px'; + + function getRestSize(fullSize) { + return fluid ? 100 - size * 100 + '%' : fullSize - size + 'px'; + } + + switch (position) { + case 'left': + posStyle = { + width: absSize, + left: isVisible ? 0 : '-' + absSize, + }; + break; + case 'right': + posStyle = { + left: isVisible ? getRestSize(fullWidth) : fullWidth, + width: absSize, + }; + break; + case 'top': + posStyle = { + top: isVisible ? 0 : '-' + absSize, + height: absSize, + }; + break; + case 'bottom': + posStyle = { + top: isVisible ? getRestSize(fullHeight) : fullHeight, + height: absSize, + }; + break; + } + + const transitions = getTransitions(duration); + + return [ + styles.dock, + autoprefix({ + transition: [ + ...transitions, + !isVisible && `opacity 0.01s linear ${duration / 1000}s`, + ] + .filter((t) => t) + .join(','), + }), + dockStyle, + autoprefix(posStyle), + isResizing && styles.dockResizing, + !isVisible && styles.dockHidden, + !isVisible && dockHiddenStyle, + ]; +} + +function getDimStyles( + { dimMode, dimStyle, duration, isVisible }, + { isTransitionStarted } +) { + return [ + styles.dim, + autoprefix({ + transition: `opacity ${duration / 1000}s ease-out`, + }), + dimStyle, + dimMode === 'transparent' && styles.dimTransparent, + !isVisible && styles.dimHidden, + isTransitionStarted && isVisible && styles.dimAppear, + isTransitionStarted && !isVisible && styles.dimDisappear, + ]; +} + +function getResizerStyles(position) { + let resizerStyle; + const size = 10; + + switch (position) { + case 'left': + resizerStyle = { + right: -size / 2, + width: size, + top: 0, + height: '100%', + cursor: 'col-resize', + }; + break; + case 'right': + resizerStyle = { + left: -size / 2, + width: size, + top: 0, + height: '100%', + cursor: 'col-resize', + }; + break; + case 'top': + resizerStyle = { + bottom: -size / 2, + height: size, + left: 0, + width: '100%', + cursor: 'row-resize', + }; + break; + case 'bottom': + resizerStyle = { + top: -size / 2, + height: size, + left: 0, + width: '100%', + cursor: 'row-resize', + }; + break; + } + + return [styles.resizer, autoprefix(resizerStyle)]; +} + +function getFullSize(position, fullWidth, fullHeight) { + return position === 'left' || position === 'right' ? fullWidth : fullHeight; +} + +export default class Dock extends Component { + constructor(props) { + super(props); + this.state = { + isControlled: typeof props.size !== 'undefined', + size: props.size || props.defaultSize, + isDimHidden: !props.isVisible, + fullWidth: typeof window !== 'undefined' && window.innerWidth, + fullHeight: typeof window !== 'undefined' && window.innerHeight, + isTransitionStarted: false, + isWindowResizing: false, + }; + } + + static propTypes = { + position: PropTypes.oneOf(['left', 'right', 'top', 'bottom']), + zIndex: PropTypes.number, + fluid: PropTypes.bool, + size: PropTypes.number, + defaultSize: PropTypes.number, + dimMode: PropTypes.oneOf(['none', 'transparent', 'opaque']), + isVisible: PropTypes.bool, + onVisibleChange: PropTypes.func, + onSizeChange: PropTypes.func, + dimStyle: PropTypes.object, + dockStyle: PropTypes.object, + duration: PropTypes.number, + }; + + static defaultProps = { + position: 'left', + zIndex: 99999999, + fluid: true, + defaultSize: 0.3, + dimMode: 'opaque', + duration: 200, + }; + + componentDidMount() { + window.addEventListener('mouseup', this.handleMouseUp); + window.addEventListener('mousemove', this.handleMouseMove); + window.addEventListener('resize', this.handleResize); + + if (!window.fullWidth) { + this.updateWindowSize(); + } + } + + componentWillUnmount() { + window.removeEventListener('mouseup', this.handleMouseUp); + window.removeEventListener('mousemove', this.handleMouseMove); + window.removeEventListener('resize', this.handleResize); + } + + UNSAFE_componentWillReceiveProps(nextProps) { + const isControlled = typeof nextProps.size !== 'undefined'; + + this.setState({ isControlled }); + + if (isControlled && this.props.size !== nextProps.size) { + this.setState({ size: nextProps.size }); + } else if (this.props.fluid !== nextProps.fluid) { + this.updateSize(nextProps); + } + + if (this.props.isVisible !== nextProps.isVisible) { + this.setState({ + isTransitionStarted: true, + }); + } + } + + updateSize(props) { + const { fullWidth, fullHeight } = this.state; + + this.setState({ + size: props.fluid + ? this.state.size / getFullSize(props.position, fullWidth, fullHeight) + : getFullSize(props.position, fullWidth, fullHeight) * this.state.size, + }); + } + + componentDidUpdate(prevProps) { + if (this.props.isVisible !== prevProps.isVisible) { + if (!this.props.isVisible) { + window.setTimeout(() => this.hideDim(), this.props.duration); + } else { + this.setState({ isDimHidden: false }); + } + + window.setTimeout(() => this.setState({ isTransitionStarted: false }), 0); + } + } + + transitionEnd = () => { + this.setState({ isTransitionStarted: false }); + }; + + hideDim = () => { + if (!this.props.isVisible) { + this.setState({ isDimHidden: true }); + } + }; + + render() { + const { children, zIndex, dimMode, position, isVisible } = this.props; + const { isResizing, size, isDimHidden } = this.state; + + const dimStyles = Object.assign( + {}, + ...getDimStyles(this.props, this.state) + ); + const dockStyles = Object.assign( + {}, + ...getDockStyles(this.props, this.state) + ); + const resizerStyles = Object.assign({}, ...getResizerStyles(position)); + + return ( +
+ {dimMode !== 'none' && !isDimHidden && ( +
+ )} +
+
+
+ {typeof children === 'function' + ? children({ + position, + isResizing, + size, + isVisible, + }) + : children} +
+
+
+ ); + } + + handleDimClick = () => { + if (this.props.dimMode === 'opaque') { + this.props.onVisibleChange && this.props.onVisibleChange(false); + } + }; + + handleResize = () => { + if (window.requestAnimationFrame) { + window.requestAnimationFrame(this.updateWindowSize.bind(this, true)); + } else { + this.updateWindowSize(true); + } + }; + + updateWindowSize = (windowResize) => { + const sizeState = { + fullWidth: window.innerWidth, + fullHeight: window.innerHeight, + }; + + if (windowResize) { + this.setState({ + ...sizeState, + isResizing: true, + isWindowResizing: windowResize, + }); + + this.debouncedUpdateWindowSizeEnd(); + } else { + this.setState(sizeState); + } + }; + + updateWindowSizeEnd = () => { + this.setState({ + isResizing: false, + isWindowResizing: false, + }); + }; + + debouncedUpdateWindowSizeEnd = debounce(this.updateWindowSizeEnd, 30); + + handleWrapperLeave = () => { + this.setState({ isResizing: false }); + }; + + handleMouseDown = () => { + this.setState({ isResizing: true }); + }; + + handleMouseUp = () => { + this.setState({ isResizing: false }); + }; + + handleMouseMove = (e) => { + if (!this.state.isResizing || this.state.isWindowResizing) return; + e.preventDefault(); + + const { position, fluid } = this.props; + const { fullWidth, fullHeight, isControlled } = this.state; + const { clientX: x, clientY: y } = e; + let size; + + switch (position) { + case 'left': + size = fluid ? x / fullWidth : x; + break; + case 'right': + size = fluid ? (fullWidth - x) / fullWidth : fullWidth - x; + break; + case 'top': + size = fluid ? y / fullHeight : y; + break; + case 'bottom': + size = fluid ? (fullHeight - y) / fullHeight : fullHeight - y; + break; + } + + this.props.onSizeChange && this.props.onSizeChange(size); + + if (!isControlled) { + this.setState({ size }); + } + }; +} diff --git a/packages/react-dock/src/autoprefix.js b/packages/react-dock/src/autoprefix.js new file mode 100644 index 00000000..f4c57d16 --- /dev/null +++ b/packages/react-dock/src/autoprefix.js @@ -0,0 +1,57 @@ +// Same as https://github.com/SimenB/react-vendor-prefixes/blob/master/src/index.js, +// but dumber + +const vendorSpecificProperties = [ + 'animation', + 'animationDelay', + 'animationDirection', + 'animationDuration', + 'animationFillMode', + 'animationIterationCount', + 'animationName', + 'animationPlayState', + 'animationTimingFunction', + 'appearance', + 'backfaceVisibility', + 'backgroundClip', + 'borderImage', + 'borderImageSlice', + 'boxSizing', + 'boxShadow', + 'contentColumns', + 'transform', + 'transformOrigin', + 'transformStyle', + 'transition', + 'transitionDelay', + 'transitionDuration', + 'transitionProperty', + 'transitionTimingFunction', + 'perspective', + 'perspectiveOrigin', + 'userSelect', +]; + +const prefixes = ['Moz', 'Webkit', 'ms', 'O']; + +function prefixProp(key, value) { + return prefixes.reduce( + (obj, pre) => ( + (obj[pre + key[0].toUpperCase() + key.substr(1)] = value), obj + ), + {} + ); +} + +export default function autoprefix(style) { + return Object.keys(style).reduce( + (obj, key) => + vendorSpecificProperties.indexOf(key) !== -1 + ? { + ...obj, + ...prefixProp(key, style[key]), + } + : obj, + style + ); +} diff --git a/packages/react-dock/src/index.js b/packages/react-dock/src/index.js new file mode 100644 index 00000000..9b56b45c --- /dev/null +++ b/packages/react-dock/src/index.js @@ -0,0 +1 @@ +export default from './Dock'; diff --git a/packages/react-dock/test/index.test.js b/packages/react-dock/test/index.test.js new file mode 100644 index 00000000..036cd9c8 --- /dev/null +++ b/packages/react-dock/test/index.test.js @@ -0,0 +1,23 @@ +import React from 'react'; +import ShallowRenderer from 'react-test-renderer/shallow'; +import Dock from '../src/Dock'; + +describe('Dock component', function () { + it('should have shallow rendering', function () { + const shallowRenderer = new ShallowRenderer(); + const DockEl = ; + shallowRenderer.render(DockEl); + + const result = shallowRenderer.getRenderOutput(); + + expect(DockEl.props).toEqual({ + position: 'left', + zIndex: 99999999, + fluid: true, + defaultSize: 0.3, + dimMode: 'opaque', + duration: 200, + }); + expect(result.type).toBe('div'); + }); +}); diff --git a/packages/react-dock/webpack.config.js b/packages/react-dock/webpack.config.js new file mode 100644 index 00000000..4387df1d --- /dev/null +++ b/packages/react-dock/webpack.config.js @@ -0,0 +1,50 @@ +var path = require('path'); +var webpack = require('webpack'); + +var isProduction = process.env.NODE_ENV === 'production'; + +module.exports = { + mode: isProduction ? 'production' : 'development', + devtool: 'eval', + entry: isProduction + ? ['./demo/src/index'] + : [ + 'webpack-dev-server/client?http://localhost:3000', + 'webpack/hot/only-dev-server', + './demo/src/index', + ], + output: { + path: path.join(__dirname, 'demo/static'), + filename: 'bundle.js', + publicPath: isProduction ? 'static/' : '/static/', + }, + plugins: isProduction ? [] : [new webpack.HotModuleReplacementPlugin()], + resolve: { + extensions: ['.js', '.jsx'], + }, + module: { + rules: [ + { + test: /\.jsx?$/, + loader: 'babel-loader', + include: [ + path.join(__dirname, 'src'), + path.join(__dirname, 'demo/src'), + ], + }, + ], + }, + devServer: isProduction + ? null + : { + quiet: true, + publicPath: '/static/', + port: 3000, + contentBase: './demo/', + hot: true, + stats: { + colors: true, + }, + historyApiFallback: true, + }, +}; diff --git a/yarn.lock b/yarn.lock index dc04512a..b9506b28 100644 --- a/yarn.lock +++ b/yarn.lock @@ -10472,11 +10472,6 @@ lodash-es@^4.17.15, lodash-es@^4.17.4: resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.15.tgz#21bd96839354412f23d7a10340e5eac6ee455d78" integrity sha512-rlrc3yU3+JNOpZ9zj5pQtxnx2THmvRykwL4Xlxoa8I9lHBlVbbyPhgyPMioxVZ4NqyxaVVtaJnzsyOidQIhyyQ== -lodash._getnative@^3.0.0: - version "3.9.1" - resolved "https://registry.yarnpkg.com/lodash._getnative/-/lodash._getnative-3.9.1.tgz#570bc7dede46d61cdcde687d65d3eecbaa3aaff5" - integrity sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U= - lodash._reinterpolate@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d" @@ -10492,13 +10487,6 @@ lodash.curry@^4.1.1: resolved "https://registry.yarnpkg.com/lodash.curry/-/lodash.curry-4.1.1.tgz#248e36072ede906501d75966200a86dab8b23170" integrity sha1-JI42By7ekGUB11lmIAqG2riyMXA= -lodash.debounce@^3.1.1: - version "3.1.1" - resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-3.1.1.tgz#812211c378a94cc29d5aa4e3346cf0bfce3a7df5" - integrity sha1-gSIRw3ipTMKdWqTjNGzwv846ffU= - dependencies: - lodash._getnative "^3.0.0" - lodash.debounce@^4.0.8: version "4.0.8" resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af" @@ -13053,14 +13041,6 @@ react-docgen@^3.0.0: node-dir "^0.1.10" recast "^0.16.0" -react-dock@^0.2.4: - version "0.2.4" - resolved "https://registry.yarnpkg.com/react-dock/-/react-dock-0.2.4.tgz#e727dc7550b3b73116635dcb9c0e04d0b7afe17c" - integrity sha1-5yfcdVCztzEWY13LnA4E0Lev4Xw= - dependencies: - lodash.debounce "^3.1.1" - prop-types "^15.5.8" - react-dom@^16.13.1, react-dom@^16.7.0: version "16.13.1" resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.13.1.tgz#c1bd37331a0486c078ee54c4740720993b2e0e7f"