From d92bd0c586921c5130513e53a311fe7cad01d29a Mon Sep 17 00:00:00 2001 From: Morten Olsen Date: Thu, 16 Aug 2018 00:13:06 +0200 Subject: [PATCH] Lots of UI updates --- README.md | 57 +++++++ demo/App.js | 123 +++++++++------ demo/package.json | 3 +- demo/rn-cli.config.js | 1 + demo/yarn.lock | 57 ++++++- docs/assets/screen1.PNG | Bin 0 -> 618825 bytes lib/src/components/DevTool/Console/Input.js | 7 +- lib/src/components/DevTool/Console/Output.js | 142 +++++++++++++----- lib/src/components/DevTool/Console/index.js | 6 +- lib/src/components/DevTool/Modal.js | 35 +++-- .../components/DevTool/Requests/Details.js | 105 ++++++++++--- lib/src/components/DevTool/Requests/List.js | 66 ++++---- lib/src/components/DevTool/Requests/index.js | 1 + lib/src/components/DevTool/Tab.js | 22 +-- lib/src/components/DevTool/index.js | 7 +- lib/src/components/base/Cell.js | 29 ++++ lib/src/components/base/CellHeader.js | 20 +++ lib/src/components/base/Row.js | 35 +++++ lib/src/components/base/Status.js | 41 +++++ lib/src/components/base/text.js | 14 ++ lib/src/components/data/Log.js | 13 +- lib/src/components/data/Network.js | 13 +- lib/src/log.js | 49 +++--- lib/src/network.js | 16 +- 24 files changed, 637 insertions(+), 225 deletions(-) create mode 100644 README.md create mode 100644 docs/assets/screen1.PNG create mode 100644 lib/src/components/base/Cell.js create mode 100644 lib/src/components/base/CellHeader.js create mode 100644 lib/src/components/base/Row.js create mode 100644 lib/src/components/base/Status.js create mode 100644 lib/src/components/base/text.js diff --git a/README.md b/README.md new file mode 100644 index 0000000..5cf31d7 --- /dev/null +++ b/README.md @@ -0,0 +1,57 @@ +# React Native Debug Console + +A network and console debug component and modal for `react native` purely in JavaScript + +[[demo]](https://expo.io/@mortenolsen/demo) + +![screen](docs/assets/screen1.png) + +## Installation + +``` +npm install react-native-debug-console +``` + +## Usage + +It comes as a ready to use modal, as well as a standalone component + +```javascript +import { + DevToolModal, + log, + network, + show, +} from 'react-native-debug-console'; + +network.attach(); +log.attach(); + +const App = () => ( + + + +