reactotron

Features

• adds some much needed clipboard support #340

Support

• changes the icon as we're starting a rebrand #342

Features

• Image overlays in React Native - @skellock #323
• Immutable JS support - @rmevans9 #315

Support

• Documentation updates - #300 by @jamonholmgren, #307 by @haikyuu

How To Upgrade

Bump your reactotron-* dependencies up to 1.7.0 in your package.json.

If you'd like to take advantage of the new overlay plugin for React Native, you can make these changes in your ReactotronConfig.js:

import Reactotron, { overlay } from 'reactotron-react-native'

// then down below where you configure your Reactotron plugins, add...

  .use(overlay())

There's a download link for the new Reactotron app down below. It will be available on brew shortly.

Fixes

• Fixes bug with subscribing to the root of the redux state tree - #302 by @skellock and @codeithuman
• Support Redux Dev Tools with their action wrapping - #299 by @rmevans9

How to upgrade

If you're using reactotron-redux, just bump that up to 1.6.1.

No other libraries or the the app was upgraded.

Features

• Sane stack traces in redux-saga! @rmevans9 #278
• With reportError, you can track errors in your catch statements. #291 @rmevans9 @skellock
• Errors now show the source code that it bombed on. @skellock #284
• Click on errors to open in editor (React Native). @skellock #284
• Errors now look much nicer. @skellock #284

Changes

• Upgrades to [email protected] ([email protected]) #294 by @skellock

Upgrading

Bump your reactotron-* dependencies up to 1.6.0 in your package.json.

If you'd like to take advantage of the new openInEditor plugin for React Native, you can make these changes in your ReactotronConfig.js:

import Reactotron, { trackGlobalErrors, openInEditor } from 'reactotron-react-native'

// then down below where you configure your Reactotron plugins, add...

  .use(openInEditor())

There's a download link for the new Reactotron app down below. It will be available on brew shortly.

Fixes

• Socket.io had moved the location of one of their libraries. Hilarity ensued. #279 by @ricardofbarros .
• Added a {safeRecursion: false} to configure() to opt-out of circular dependency checking. This will help if you have massive payloads being sent over to Reactotron. #281 by @skellock.

How to Upgrade

Bump any of your reactotron-* libraries in your projects up to 1.5.3.

yarn upgrade-interactive is pretty great for that.

What version is the App?

It's still 1.5.0. ❤️

Fixes

• show the saga description instead of undefined when showing non-iterator yielded tasks - #267 by @rmevans9
• support for circular dependencies - #264 by @skellock
• support for showing function names - #264 by @skellock

Support

• fixed note about wrong name for source-map - #265 by @nhducit

Upgrade Notes

In your app, just upgrade the appropriate libraries you're using. All of these have now 1.5.2 versions:

• reactotron-apisauce
• reactotron-react-native
• reactotron-react-js
• reactotron-redux
• reactotron-redux-saga

No code changes are required if you're coming from 1.5.x.

Fix

• makes reactotron-redux-saga compatible with [email protected] #260 by @rmevans9

The 0.13 release of redux-saga earlier this morning changed the interface for their sagaMonitors to require an additional function that must exist.

Features

• filter which messages are shown in the app by @rmevans9 and @skellock

Fixes

• rounds the duration to milliseconds #252 by @rmevans9
• fixes a typo in saga effects title #256 by @patricksmith
• supports sagas immediately forked from the root saga #258 by @skellock

Support

• updated old download link #248 by @fvonhoven
• corrected wrong function name in reactotron-redux-saga docs #246 by @tsemerad

Features

• adds Redux Saga support (#235) by @skellock
• pass the current state to onRestore for partial restoring (#233) by @rmevans9
• adds Windows and Linux friendly keystrokes (#232) by @skellock

Fixes

• fixed an issue where dispatching request might not work (#230) by @skellock
• fixed an issue where displaying actions triggered by sagas might not show (#230) by @skellock
• fixed the complicated setup requirements of integrating with Redux (#230) by @skellock

Note

This updates reactotron-redux only. I do recommend upgrading as it's pretty silly bug fix. To take advantage of this fix, you'll also need to change how you integrate with Redux.

Configuration is now moved into your ReactotronConfig.js file with the rest of the configuration. 🎉

You now use Reactotron.createStore(myReducer, myEnhancer) to create build your store.

Here's two examples:

React JS: Reactotron Setup and Store Setup
React Native: Reactotron Setup and Store Setup

The documentation has also been updated.

Features

• upload & download snapshots of your state! (#224) by @skellock
• support for clearing Reactotron from your app (#223) by @skellock
• added a button to clear Reactotron (#223) by @skellock

Features

• view API request params (#218) by @patricksmith
• copy to clipboard for API requests & responses (#222) by @skellock
• show request payload as JSON (#222) by @skellock

Support

• document fixes & content (#194) by @patricksmith

Features

• autodetect IP address on android emulators (#203) by @jhen0409
• use Fira Code font if it's available (#207) by @skellock

Support

• upgrades all dependencies everywhere (#206) by @skellock
• document fixes & content (#194 #201 #202) by @idoo, @hybrisCole, @gantman

Support

• switch to peer dependencies for react and react-dom on reactotron-react-js
• switch from ^15.3.0 to >=15.3.0 for react and react-dom on reactotron-react-js

Support

• loosens the React Native dependency to prevent downstream warnings (reactotron-react-native only)

• Updates the version number which appears in the About screen (App only... not a necessary upgrade, I just messed up)

Features

• image support - http & inline base64 (#182) by @skellock

• CLI can show display commands (#183) by @skellock

Fixes

• fixes app on case-sensitivity filesystems (#170) by @kenshaw
• NPM 2.x compatibility (#179) by @vjpr & @skellock

Support

• Homebrew Cask installer (#164) by @jsynowiec
• Infinite Red sponsorship <3 (#169) by @skellock
• demo apps dependency refresh, screenshot example, dev-dependency examples, & Symbol polyfill (#180, #181, #165) by @skellock
• documentation updates (#166, #175, #176, #177) by @ReadmeCritic, @patricksmith, @jamonholmgren, @skellock

• Only affects reactotron-cli. Now it contains the #! part of the script that allows it to run.

Reactotron now has a desktop app in addition to the CLI!

There's also a brand new plugin system which makes it much easier to extend and customize.

• Adds tabs and a help screen. @skellock (#147)

• Support for user-generated commands. @skellock (#146)

• Adds tabs to the API response to organize it better. @skellock (#145)

• Cleans up the tree view. @skellock (#144)
• Adds subscriptions to the timeline. @skellock (#140)
• Upgrades subscription messages to diffs. @skellock (#143)

• Edit and dispatch action button. @skellock (#142)

• Fix vertical scrollbar causing jank. @skellock (#141)
• Replay action button. @skellock (#139)

• Actions which are flat objects will be shown as a table. @skellock (#138)
• Adds always on top to the menu. @skellock (#137)