dreaction-react-native 1.2.0 → 1.3.0

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.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.0",
   "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

@@ -198,9 +198,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: () => {},