decosoftware / deco-ide

The React Native IDE
https://www.decosoftware.com/
GNU Affero General Public License v3.0
5.84k stars 311 forks source link

React Dependency Mis-Matching in Web #183

Open MutableLoss opened 8 years ago

MutableLoss commented 8 years ago

Deco Web: #d586dd0 #177

I'm not sure if this is breaking anything, but I always believe it's worth noting. It seems that there is a cross-dep conflict between some react addons with React 15.3, and 15.2. There are also some other dep issues, but most likely much less important (eslint).

This is from the latest build as of the above commit:

`web$ npm list --depth=1 DecoIDE-Web@0.7.1 /Users/dbrown/Development/deco-ide/web ├─┬ babel-core@5.8.38 │ ├── babel-plugin-constant-folding@1.0.1 │ ├── babel-plugin-dead-code-elimination@1.0.2 │ ├── babel-plugin-eval@1.0.1 │ ├── babel-plugin-inline-environment-variables@1.0.1 │ ├── babel-plugin-jscript@1.0.4 │ ├── babel-plugin-member-expression-literals@1.0.1 │ ├── babel-plugin-property-literals@1.0.1 │ ├── babel-plugin-proto-to-assign@1.0.4 │ ├── babel-plugin-react-constant-elements@1.0.3 │ ├── babel-plugin-react-display-name@1.0.3 │ ├── babel-plugin-remove-console@1.0.1 │ ├── babel-plugin-remove-debugger@1.0.1 │ ├── babel-plugin-runtime@1.0.7 │ ├── babel-plugin-undeclared-variables-check@1.0.2 │ ├── babel-plugin-undefined-to-void@1.1.6 │ ├── babylon@5.8.38 │ ├── bluebird@2.10.2 │ ├── chalk@1.1.3 │ ├── convert-source-map@1.3.0 │ ├── core-js@1.2.7 │ ├── debug@2.2.0 │ ├── detect-indent@3.0.1 │ ├── esutils@2.0.2 │ ├── fs-readdir-recursive@0.1.2 │ ├── globals@6.4.1 │ ├── home-or-tmp@1.0.0 │ ├── is-integer@1.0.6 │ ├── js-tokens@1.0.1 │ ├── json5@0.4.0 │ ├── lodash@3.10.1 │ ├── minimatch@2.0.10 │ ├── output-file-sync@1.1.2 │ ├── path-exists@1.0.0 │ ├── path-is-absolute@1.0.0 │ ├── private@0.1.6 │ ├── regenerator@0.8.40 │ ├── regexpu@1.3.0 │ ├── repeating@1.1.3 │ ├── resolve@1.1.7 │ ├── shebang-regex@1.0.0 │ ├── slash@1.0.0 │ ├── source-map@0.5.6 │ ├── source-map-support@0.2.10 │ ├── to-fast-properties@1.0.2 │ ├── trim-right@1.0.1 │ └── try-resolve@1.0.1 ├─┬ babel-eslint@5.0.4 │ ├── acorn-to-esprima@2.0.8 │ ├── babel-traverse@6.13.0 │ ├── babel-types@6.13.0 │ ├── babylon@6.8.4 │ ├── lodash.assign@3.2.0 │ └── lodash.pick@3.1.0 ├─┬ babel-loader@5.4.2 │ ├── loader-utils@0.2.15 │ └── object-assign@3.0.0 ├─┬ babel-polyfill@6.13.0 │ ├── babel-runtime@6.11.6 │ ├── core-js@2.4.1 │ └── regenerator-runtime@0.9.5 ├─┬ body-parser@1.15.2 │ ├── bytes@2.4.0 │ ├── content-type@1.0.2 │ ├── depd@1.1.0 │ ├── http-errors@1.5.0 │ ├── iconv-lite@0.4.13 │ ├── on-finished@2.3.0 │ ├── qs@6.2.0 │ ├── raw-body@2.1.7 │ └── type-is@1.6.13 ├── codemirror@5.14.3 (git://github.com/dabbott/CodeMirror.git#9c25e00edafa09bc862a465331ff8840e73404e9) ├─┬ css-loader@0.9.1 │ ├── csso@1.3.12 │ └── source-map@0.1.43 ├─┬ del@2.2.1 │ ├── globby@5.0.0 │ ├── is-path-cwd@1.0.0 │ ├── is-path-in-cwd@1.0.0 │ ├── object-assign@4.1.0 │ ├── pify@2.3.0 │ ├── pinkie-promise@2.0.1 │ └── rimraf@2.5.4 ├─┬ UNMET PEER DEPENDENCY eslint@2.13.1 │ ├── concat-stream@1.5.1 │ ├── doctrine@1.2.2 │ ├── es6-map@0.1.4 │ ├── escope@3.6.0 │ ├── espree@3.1.7 │ ├── estraverse@4.2.0 │ ├── file-entry-cache@1.3.1 │ ├── glob@7.0.5 │ ├── globals@9.9.0 │ ├── ignore@3.1.3 │ ├── imurmurhash@0.1.4 │ ├── inquirer@0.12.0 │ ├── is-my-json-valid@2.13.1 │ ├── is-resolvable@1.0.0 │ ├── js-yaml@3.6.1 │ ├── json-stable-stringify@1.0.1 │ ├── levn@0.3.0 │ ├── mkdirp@0.5.1 │ ├── optionator@0.8.1 │ ├── path-is-inside@1.0.1 │ ├── pluralize@1.2.1 │ ├── progress@1.1.8 │ ├── require-uncached@1.0.2 │ ├── shelljs@0.6.0 │ ├── strip-json-comments@1.0.4 │ ├── table@3.7.8 │ ├── text-table@0.2.0 │ └── user-home@2.0.0 ├── eslint-plugin-react@3.16.1 ├── esprima@2.7.2 ├── fast-memoize@2.0.2 ├── file-loader@0.8.5 ├── file-tree-client@0.0.4 ├── file-tree-client-transport-electron@0.0.1 ├─┬ file-tree-common@0.0.4 │ └── lodash.throttle@4.1.1 ├─┬ gulp@3.9.1 │ ├── archy@1.0.0 │ ├── deprecated@0.0.1 │ ├── interpret@1.0.1 │ ├── liftoff@2.3.0 │ ├── minimist@1.2.0 │ ├── orchestrator@0.3.7 │ ├── pretty-hrtime@1.0.2 │ ├── semver@4.3.6 │ ├── tildify@1.2.0 │ ├── v8flags@2.0.11 │ └── vinyl-fs@0.3.14 ├─┬ gulp-autoprefixer@3.1.0 │ ├── autoprefixer@6.4.0 │ ├── postcss@5.1.1 │ ├── through2@2.0.1 │ └── vinyl-sourcemaps-apply@0.2.1 ├─┬ gulp-compass@2.1.0 │ ├── through2@0.6.5 │ └── which@1.2.10 ├── gulp-fail@1.0.5 ├─┬ gulp-load-plugins@0.8.1 │ ├── findup-sync@0.2.1 │ └── multimatch@2.0.0 ├─┬ gulp-nodemon@2.1.0 │ ├── colors@1.1.2 │ ├── event-stream@3.3.4 │ └── nodemon@1.10.0 ├── gulp-rename@1.2.2 ├─┬ gulp-shell@0.3.0 │ ├── async@0.9.2 │ ├── lodash@2.4.2 │ └── through2@0.6.5 ├─┬ gulp-size@1.3.0 │ ├── gzip-size@1.0.0 │ └── pretty-bytes@2.0.1 ├─┬ gulp-util@3.0.7 │ ├── array-differ@1.0.0 │ ├── array-uniq@1.0.3 │ ├── beeper@1.1.0 │ ├── dateformat@1.0.12 │ ├── fancy-log@1.2.0 │ ├── gulplog@1.0.0 │ ├── has-gulplog@0.1.0 │ ├── lodash._reescape@3.0.0 │ ├── lodash._reevaluate@3.0.0 │ ├── lodash._reinterpolate@3.0.0 │ ├── lodash.template@3.6.2 │ ├── multipipe@0.1.2 │ ├── object-assign@3.0.0 │ ├── replace-ext@0.0.1 │ └── vinyl@0.5.3 ├── json-loader@0.5.4 ├── lodash@4.14.1 ├─┬ pure-render-decorator@1.1.1 │ └── fbjs@0.8.4 ├── raven-js@2.3.0 ├─┬ UNMET PEER DEPENDENCY react@15.2.0 │ └── loose-envify@1.2.0 ├── react-addons-css-transition-group@15.2.0 ├── react-addons-linked-state-mixin@15.2.0 ├── react-addons-update@15.3.2 ├─┬ react-colorpicker@0.3.14 (git://github.com/dabbott/react-colorpicker.git#cd9efc3d02e35d41fdda90f4f2c53a2d861e14c9) │ ├── classnames@1.2.2 │ └── colr@1.2.2 ├─┬ react-dnd@2.1.4 │ ├── disposables@1.0.1 │ ├── dnd-core@2.0.2 │ └── invariant@2.2.1 ├── react-dnd-html5-backend@2.1.2 ├── react-dom@15.2.0 ├─┬ react-file-tree@0.0.4 │ ├── css-loader@0.23.1 │ ├── fast-memoize@1.1.5 │ ├── lodash.memoize@4.1.2 │ ├── UNMET PEER DEPENDENCY react@^15.3.2 │ ├── react-addons-shallow-compare@15.3.2 │ └── style-loader@0.13.1 ├─┬ react-hot-loader@1.3.0 │ ├── react-hot-api@0.4.7 │ └── source-map@0.4.4 ├─┬ react-hotkeys@0.9.0 │ └── mousetrap@1.6.0 ├─┬ react-mixin@1.7.0 │ ├── object-assign@2.1.1 │ └── smart-mixin@1.2.1 ├─┬ react-redux@4.4.5 │ └── hoist-non-react-statics@1.2.0 ├─┬ react-router@2.0.0 │ ├── history@2.1.2 │ └── warning@2.1.0 ├── react-router-redux@3.0.0 ├─┬ react-styles-provider@0.2.1 │ └── shallowequal@0.2.2 ├─┬ react-toggle-button@2.1.0 │ └── react-motion@0.4.4 ├─┬ react-virtualized@7.12.1 │ ├── classnames@2.2.5 │ ├── dom-helpers@2.4.0 │ └── raf@3.3.0 ├─┬ react-workspace@0.1.1 │ ├── css-layout@1.1.1 │ ├── lodash.clamp@4.0.2 │ └── lodash.clonedeep@4.4.0 ├─┬ redux@3.5.2 │ ├── lodash-es@4.14.1 │ └── symbol-observable@0.2.4 ├── redux-batched-subscribe@0.1.6 (git://github.com/dabbott/redux-batched-subscribe.git#1b93bc20749fcdea7cf9e250c1ac0c4370b86c24) ├─┬ redux-devtools@3.3.1 │ └── redux-devtools-instrument@1.1.2 ├─┬ redux-devtools-dock-monitor@1.1.1 │ ├── parse-key@0.2.1 │ ├── react-dock@0.2.3 │ └── react-pure-render@1.0.2 ├─┬ redux-devtools-log-monitor@1.0.11 │ ├── lodash.debounce@4.0.7 │ ├── react-json-tree@0.6.8 │ └── redux-devtools-themes@1.0.0 ├── redux-thunk@1.0.3 ├── reselect@2.5.4 ├── run-sequence@1.2.2 ├── semver@5.3.0 ├─┬ sklad@4.2.0 │ └── kinopromise@0.3.0 ├── style-loader@0.8.3 ├─┬ url-loader@0.5.7 │ └── mime@1.2.11 ├── uuid@2.0.2 ├─┬ webpack@1.13.1 │ ├── acorn@3.3.0 │ ├── async@1.5.2 │ ├── clone@1.0.2 │ ├── enhanced-resolve@0.9.1 │ ├── interpret@0.6.6 │ ├── memory-fs@0.3.0 │ ├── node-libs-browser@0.5.3 │ ├── optimist@0.6.1 │ ├── supports-color@3.1.2 │ ├── tapable@0.1.10 │ ├── uglify-js@2.6.4 │ ├── watchpack@0.2.9 │ └── webpack-core@0.6.8 └─┬ webpack-dev-server@1.14.1 ├── compression@1.6.2 ├── connect-history-api-fallback@1.1.0 ├── express@4.14.0 ├── http-proxy@1.14.0 ├── serve-index@1.8.0 ├── sockjs@0.3.17 ├── sockjs-client@1.1.1 ├── stream-cache@0.0.2 ├── strip-ansi@3.0.1 ├── supports-color@3.1.2 └── webpack-dev-middleware@1.6.1

npm ERR! peer dep missing: eslint@<2.3.0, required by babel-eslint@5.0.4 npm ERR! peer dep missing: react@^15.3.2, required by react-addons-update@15.3.2 npm ERR! peer dep missing: react@^15.3.2, required by react-addons-shallow-compare@15.3.2`

dabbott commented 8 years ago

It's probably good to fix, but doesn't seem to be causing any problems. Ideally we can switch to 15.3.X, but last I checked react-virtualized had an issue with the VirtualScroll component, so we're on 15.2.X for now.

Probably we'll wait to sort this out until we update to 15.3.X