dreaction-react-native 1.2.0 → 1.3.1

package/lib/components/DraggableBall.js

@@ -52,10 +52,10 @@ 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);
+    const [isReady, setIsReady] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         const timer = setInterval(() => {
-            setConnected(dreaction_1.dreaction.connected);
+            setIsReady(dreaction_1.dreaction.isReady);
         }, 1000);
         return () => {
             clearInterval(timer);
@@ -121,7 +121,7 @@ exports.DraggableBall = react_1.default.memo(() => {
                     {
                         transform: [{ translateX: position.x }, { translateY: position.y }],
                         backgroundColor: isDragging ? '#eee' : '#fff',
-                        borderColor: connected ? '#00ff00' : '#eee',
+                        borderColor: isReady ? '#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/dreaction.d.ts

@@ -20,7 +20,12 @@ export interface ReactotronReactNative extends Reactotron, ReactNativePluginFeat
     useReactNative: (options?: UseReactNativeOptions) => this;
     asyncStorageHandler?: AsyncStorageStatic;
     setAsyncStorageHandler: (asyncStorage: AsyncStorageStatic) => this;
-    registerDataWatcher: <T = unknown>(name: string, type: DataWatchPayload['type']) => {
+    registerDataWatcher: <T = unknown>(name: string, type: DataWatchPayload['type'], options?: {
+        /**
+         * Is data watcher enabled?
+         */
+        enabled?: boolean;
+    }) => {
         currentDebugValue: T | undefined;
         updateDebugValue: (data: unknown) => void;
         useDebugDataWatch: (target: unknown) => void;

package/lib/dreaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dreaction.d.ts","sourceRoot":"","sources":["../src/dreaction.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,wBAAwB,EAExB,UAAU,EACV,aAAa,EACd,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAGpF,OAAqB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAqB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAA0B,EACxB,wBAAwB,EACzB,MAAM,6BAA6B,CAAC;AACrC,OAAmB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,YAAY,EAAE,aAAa,EAAE,CAAC;AAM9B,eAAO,MAAM,sBAAsB,OAOO,CAAC;AAE3C,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,wBAAwB,GAAG,OAAO,CAAC;IAC5C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC;IACvC,YAAY,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,yBAAyB,GAAG,wBAAwB,CACvD,aAAa,EACb,OAAO,sBAAsB,CAC9B,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,UAAU,EAEhB,yBAAyB;IAC3B,cAAc,EAAE,CAAC,OAAO,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC1D,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;IACzC,sBAAsB,EAAE,CAAC,YAAY,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnE,mBAAmB,EAAE,CAAC,CAAC,GAAG,OAAO,EAC/B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAC3B;QACH,iBAAiB,EAAE,CAAC,GAAG,SAAS,CAAC;QACjC,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;QAC1C,iBAAiB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;KAC9C,CAAC;CACH;AAkFD,eAAO,MAAM,SAAS,uBAAgD,CAAC"}
+{"version":3,"file":"dreaction.d.ts","sourceRoot":"","sources":["../src/dreaction.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,wBAAwB,EAExB,UAAU,EACV,aAAa,EACd,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAGpF,OAAqB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAqB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAA0B,EACxB,wBAAwB,EACzB,MAAM,6BAA6B,CAAC;AACrC,OAAmB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,YAAY,EAAE,aAAa,EAAE,CAAC;AAM9B,eAAO,MAAM,sBAAsB,OAOO,CAAC;AAE3C,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,wBAAwB,GAAG,OAAO,CAAC;IAC5C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC;IACvC,YAAY,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAAC;IAC7C,UAAU,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,yBAAyB,GAAG,wBAAwB,CACvD,aAAa,EACb,OAAO,sBAAsB,CAC9B,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,UAAU,EAEhB,yBAAyB;IAC3B,cAAc,EAAE,CAAC,OAAO,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC1D,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;IACzC,sBAAsB,EAAE,CAAC,YAAY,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnE,mBAAmB,EAAE,CAAC,CAAC,GAAG,OAAO,EAC/B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAC9B,OAAO,CAAC,EAAE;QACR;;WAEG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,KACE;QACH,iBAAiB,EAAE,CAAC,GAAG,SAAS,CAAC;QACjC,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;QAC1C,iBAAiB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;KAC9C,CAAC;CACH;AAkFD,eAAO,MAAM,SAAS,uBAAgD,CAAC"}

package/lib/dreaction.js

@@ -113,8 +113,9 @@ exports.dreaction.setAsyncStorageHandler = (asyncStorage) => {
     exports.dreaction.asyncStorageHandler = asyncStorage;
     return exports.dreaction;
 };
-exports.dreaction.registerDataWatcher = (name, type) => {
-    if (!__DEV__) {
+exports.dreaction.registerDataWatcher = (name, type, options) => {
+    const { enabled = __DEV__ } = options ?? {};
+    if (!enabled) {
         return {
             currentDebugValue: undefined,
             updateDebugValue: () => { },

package/package.json

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

package/src/components/DraggableBall.tsx

@@ -25,11 +25,11 @@ 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);
+  const [isReady, setIsReady] = useState(false);
 
   useEffect(() => {
     const timer = setInterval(() => {
-      setConnected(dreaction.connected);
+      setIsReady(dreaction.isReady);
     }, 1000);
 
     return () => {
@@ -113,7 +113,7 @@ export const DraggableBall: React.FC = React.memo(() => {
           {
             transform: [{ translateX: position.x }, { translateY: position.y }],
             backgroundColor: isDragging ? '#eee' : '#fff',
-            borderColor: connected ? '#00ff00' : '#eee',
+            borderColor: isReady ? '#00ff00' : '#eee',
           },
         ]}
         {...panResponder.panHandlers}

package/src/dreaction.ts

@@ -62,7 +62,13 @@ export interface ReactotronReactNative
   setAsyncStorageHandler: (asyncStorage: AsyncStorageStatic) => this;
   registerDataWatcher: <T = unknown>(
     name: string,
-    type: DataWatchPayload['type']
+    type: DataWatchPayload['type'],
+    options?: {
+      /**
+       * Is data watcher enabled?
+       */
+      enabled?: boolean;
+    }
   ) => {
     currentDebugValue: T | undefined;
     updateDebugValue: (data: unknown) => void;
@@ -198,9 +204,16 @@ dreaction.setAsyncStorageHandler = (asyncStorage: AsyncStorageStatic) => {
 
 dreaction.registerDataWatcher = <T = unknown>(
   name: string,
-  type: DataWatchPayload['type']
+  type: DataWatchPayload['type'],
+  options?: {
+    /**
+     * Is data watcher enabled?
+     */
+    enabled?: boolean;
+  }
 ) => {
-  if (!__DEV__) {
+  const { enabled = __DEV__ } = options ?? {};
+  if (!enabled) {
     return {
       currentDebugValue: undefined,
       updateDebugValue: () => {},