dreaction-react-native 1.1.1 → 1.2.0

package/lib/components/DraggableBall.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableBall.d.ts","sourceRoot":"","sources":["../../src/components/DraggableBall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAsBhD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAgGhC,CAAC"}
+{"version":3,"file":"DraggableBall.d.ts","sourceRoot":"","sources":["../../src/components/DraggableBall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAsB3D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA4GhC,CAAC"}

package/lib/components/DraggableBall.js

@@ -52,6 +52,15 @@ exports.DraggableBall = react_1.default.memo(() => {
     const lastPosition = (0, react_1.useRef)(initialPosition);
     const [isDragging, setIsDragging] = (0, react_1.useState)(false);
     const [modalVisible, setModalVisible] = (0, react_1.useState)(false);
+    const [connected, setConnected] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        const timer = setInterval(() => {
+            setConnected(dreaction_1.dreaction.connected);
+        }, 1000);
+        return () => {
+            clearInterval(timer);
+        };
+    }, []);
     const handleClick = (value) => {
         try {
             const host = (0, getHost_1.getHost)(value);
@@ -112,6 +121,7 @@ exports.DraggableBall = react_1.default.memo(() => {
                     {
                         transform: [{ translateX: position.x }, { translateY: position.y }],
                         backgroundColor: isDragging ? '#eee' : '#fff',
+                        borderColor: connected ? '#00ff00' : '#eee',
                     },
                 ], ...panResponder.panHandlers, children: (0, jsx_runtime_1.jsx)(react_native_1.Image, { style: styles.icon, source: require('../../assets/icon.png') }) }), (0, jsx_runtime_1.jsx)(ConfigDialog_1.ConfigDialog, { visible: modalVisible, onCancel: () => setModalVisible(false), onConfirm: handleClick })] }));
 });

package/lib/plugins/networking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"networking.d.ts","sourceRoot":"","sources":["../../src/plugins/networking.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAU,MAAM,uBAAuB,CAAC;AAOnE,MAAM,WAAW,iBAAiB;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAID,QAAA,MAAM,UAAU,kBACC,iBAAiB,kBACnB,aAAa;;CAwJzB,CAAC;AACJ,eAAe,UAAU,CAAC"}
+{"version":3,"file":"networking.d.ts","sourceRoot":"","sources":["../../src/plugins/networking.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAU,MAAM,uBAAuB,CAAC;AAOnE,MAAM,WAAW,iBAAiB;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,QAAA,MAAM,UAAU,kBACC,iBAAiB,kBACnB,aAAa;;CAwJzB,CAAC;AACJ,eAAe,UAAU,CAAC"}

package/lib/plugins/networking.js

@@ -9,7 +9,9 @@ const XHRInterceptor_1 = __importDefault(require("react-native/Libraries/Network
  * Don't include the response bodies for images by default.
  */
 const DEFAULT_CONTENT_TYPES_RX = /^(image)\/.*$/i;
-const DEFAULTS = {};
+const DEFAULTS = {
+    ignoreUrls: /symbolicate/,
+};
 const networking = (pluginConfig = {}) => (reactotron) => {
     const options = Object.assign({}, DEFAULTS, pluginConfig);
     // a RegExp to suppress adding the body cuz it costs a lot to serialize

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dreaction-react-native",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "private": false,
   "description": "",
   "main": "lib/index.js",
@@ -15,7 +15,7 @@
   "author": "moonrailgun <moonrailgun@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "dreaction-client-core": "1.0.0",
+    "dreaction-client-core": "1.1.0",
     "dreaction-protocol": "1.0.0"
   },
   "devDependencies": {

package/src/components/DraggableBall.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import {
   Animated,
   PanResponder,
@@ -25,6 +25,17 @@ export const DraggableBall: React.FC = React.memo(() => {
   const lastPosition = useRef(initialPosition);
   const [isDragging, setIsDragging] = useState(false);
   const [modalVisible, setModalVisible] = useState(false);
+  const [connected, setConnected] = useState(false);
+
+  useEffect(() => {
+    const timer = setInterval(() => {
+      setConnected(dreaction.connected);
+    }, 1000);
+
+    return () => {
+      clearInterval(timer);
+    };
+  }, []);
 
   const handleClick = (value: string) => {
     try {
@@ -102,6 +113,7 @@ export const DraggableBall: React.FC = React.memo(() => {
           {
             transform: [{ translateX: position.x }, { translateY: position.y }],
             backgroundColor: isDragging ? '#eee' : '#fff',
+            borderColor: connected ? '#00ff00' : '#eee',
           },
         ]}
         {...panResponder.panHandlers}

package/src/plugins/networking.ts

@@ -12,7 +12,9 @@ export interface NetworkingOptions {
   ignoreUrls?: RegExp;
 }
 
-const DEFAULTS: NetworkingOptions = {};
+const DEFAULTS: NetworkingOptions = {
+  ignoreUrls: /symbolicate/,
+};
 
 const networking =
   (pluginConfig: NetworkingOptions = {}) =>