dreaction-react-native 1.9.0 → 1.9.1

package/lib/components/ConfigDialog.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export declare const LOCAL_CACHE_HOST_NAME = "__dreaction-react-native-host";
 interface ConfigDialogProps {
     visible: boolean;
     onConfirm: (host: string) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"ConfigDialog.d.ts","sourceRoot":"","sources":["../../src/components/ConfigDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAenD,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqDnD,CAAC"}
+{"version":3,"file":"ConfigDialog.d.ts","sourceRoot":"","sources":["../../src/components/ConfigDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,eAAO,MAAM,qBAAqB,kCAAkC,CAAC;AAErE,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqDnD,CAAC"}

package/lib/components/ConfigDialog.js

@@ -33,14 +33,14 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigDialog = void 0;
+exports.ConfigDialog = exports.LOCAL_CACHE_HOST_NAME = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const getHost_1 = require("../helpers/getHost");
 const dreaction_1 = require("../dreaction");
 const parseURL_1 = require("../helpers/parseURL");
-const LOCAL_CACHE_HOST_NAME = '__dreaction-react-native-host';
+exports.LOCAL_CACHE_HOST_NAME = '__dreaction-react-native-host';
 exports.ConfigDialog = react_1.default.memo((props) => {
     const { visible, onConfirm, onCancel } = props;
     const defaultValue = (0, getHost_1.getHost)();
@@ -48,7 +48,7 @@ exports.ConfigDialog = react_1.default.memo((props) => {
     const selectTextOnFocus = inputValue === defaultValue;
     (0, react_1.useEffect)(() => {
         dreaction_1.dreaction.asyncStorageHandler
-            ?.getItem(LOCAL_CACHE_HOST_NAME)
+            ?.getItem(exports.LOCAL_CACHE_HOST_NAME)
             .then((host) => {
             if (host) {
                 setInputValue(host);
@@ -57,7 +57,7 @@ exports.ConfigDialog = react_1.default.memo((props) => {
     }, []);
     const handleConfirm = () => {
         const host = (0, parseURL_1.getHostWithPortFromUrl)(inputValue);
-        dreaction_1.dreaction.asyncStorageHandler?.setItem(LOCAL_CACHE_HOST_NAME, host);
+        dreaction_1.dreaction.asyncStorageHandler?.setItem(exports.LOCAL_CACHE_HOST_NAME, host);
         onConfirm(host);
     };
     return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { animationType: "fade", transparent: true, visible: visible, onRequestClose: () => onCancel(), children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.modalOverlay, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.modalContent, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.title, children: "DReaction Desktop Application Host" }), (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { style: styles.input, selectTextOnFocus: selectTextOnFocus, value: inputValue, keyboardType: "url", onChangeText: setInputValue, placeholder: (0, getHost_1.getHost)() }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.buttonContainer, children: [(0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.buttonView, onPress: onCancel, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.buttonText, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: styles.buttonView, onPress: handleConfirm, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.buttonText, children: "Confirm" }) })] })] }) }) }));

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,KAAsC,MAAM,OAAO,CAAC;AAqB3D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA0GhC,CAAC"}
+{"version":3,"file":"DraggableBall.d.ts","sourceRoot":"","sources":["../../src/components/DraggableBall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqB3D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAyHhC,CAAC"}

package/lib/components/DraggableBall.js

@@ -60,6 +60,19 @@ exports.DraggableBall = react_1.default.memo(() => {
             clearInterval(timer);
         };
     }, []);
+    (0, react_1.useEffect)(() => {
+        if (dreaction_1.dreaction.isReady || dreaction_1.dreaction.connected) {
+            return;
+        }
+        dreaction_1.dreaction.asyncStorageHandler
+            ?.getItem(ConfigDialog_1.LOCAL_CACHE_HOST_NAME)
+            .then((cachedHost) => {
+            if (cachedHost && !dreaction_1.dreaction.isReady && !dreaction_1.dreaction.connected) {
+                dreaction_1.dreaction.configure({ host: cachedHost }).connect();
+            }
+        })
+            .catch(() => { });
+    }, []);
     const handleClick = (host) => {
         try {
             dreaction_1.dreaction

package/lib/helpers/getHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getHost.d.ts","sourceRoot":"","sources":["../../src/helpers/getHost.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,kCAkBnB,CAAC"}
+{"version":3,"file":"getHost.d.ts","sourceRoot":"","sources":["../../src/helpers/getHost.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,GAAI,oBAAyB,WAkBhD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"asyncStorage.d.ts","sourceRoot":"","sources":["../../src/plugins/asyncStorage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAU,MAAM,uBAAuB,CAAC;AAEnE,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAMD,QAAA,MAAM,YAAY,aACL,mBAAmB,iBAAiB,aAAa;;;;;CA+M3D,CAAC;AAEJ,eAAe,YAAY,CAAC"}
+{"version":3,"file":"asyncStorage.d.ts","sourceRoot":"","sources":["../../src/plugins/asyncStorage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAU,MAAM,uBAAuB,CAAC;AAEnE,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAMD,QAAA,MAAM,YAAY,GACf,UAAU,mBAAmB,MAAM,WAAW,aAAa;;;;;CA+M3D,CAAC;AAEJ,eAAe,YAAY,CAAC"}

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,EACL,KAAK,aAAa,EAGnB,MAAM,uBAAuB,CAAC;AAO/B,MAAM,WAAW,iBAAiB;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,QAAA,MAAM,UAAU,kBACC,iBAAiB,iBACpB,aAAa;;CA+JxB,CAAC;AACJ,eAAe,UAAU,CAAC"}
+{"version":3,"file":"networking.d.ts","sourceRoot":"","sources":["../../src/plugins/networking.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAGnB,MAAM,uBAAuB,CAAC;AAO/B,MAAM,WAAW,iBAAiB;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAMD,QAAA,MAAM,UAAU,GACb,eAAc,iBAAsB,MACpC,WAAW,aAAa;;CA+JxB,CAAC;AACJ,eAAe,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"openInEditor.d.ts","sourceRoot":"","sources":["../../src/plugins/openInEditor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAMD,QAAA,MAAM,YAAY,kBACD,mBAAmB;yBAKT,OAAO;CAW/B,CAAC;AACJ,eAAe,YAAY,CAAC"}
+{"version":3,"file":"openInEditor.d.ts","sourceRoot":"","sources":["../../src/plugins/openInEditor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAMD,QAAA,MAAM,YAAY,GACf,eAAc,mBAAwB;yBAKd,OAAO;CAW/B,CAAC;AACJ,eAAe,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"trackGlobalErrors.d.ts","sourceRoot":"","sources":["../../src/plugins/trackGlobalErrors.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAGL,aAAa,EAGd,MAAM,uBAAuB,CAAC;AAC/B,OAAgB,EACd,YAAY,IAAI,kBAAkB,EAEnC,MAAM,sCAAsC,CAAC;AAM9C,UAAU,mBAAoB,SAAQ,kBAAkB;IACtD;;OAEG;IAEH,YAAY,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,MAAM,EAAyB,mBAAmB,CAAC;AAOzD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC;CAC5C;AAiBD;;GAEG;AACH,QAAA,MAAM,iBAAiB,aACV,wBAAwB,iBAAiB,aAAa;;;6BAUnC,UAAU,CAAC,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;;CA+EtE,CAAC;AAEJ,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"trackGlobalErrors.d.ts","sourceRoot":"","sources":["../../src/plugins/trackGlobalErrors.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAGL,aAAa,EAGd,MAAM,uBAAuB,CAAC;AAC/B,OAAgB,EACd,YAAY,IAAI,kBAAkB,EAEnC,MAAM,sCAAsC,CAAC;AAM9C,UAAU,mBAAoB,SAAQ,kBAAkB;IACtD;;OAEG;IAEH,YAAY,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,MAAM,EAAyB,mBAAmB,CAAC;AAOzD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,OAAO,CAAC;CAC5C;AAiBD;;GAEG;AACH,QAAA,MAAM,iBAAiB,GACpB,UAAU,wBAAwB,MAAM,WAAW,aAAa;;;6BAUnC,UAAU,CAAC,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;;CA+EtE,CAAC;AAEJ,eAAe,iBAAiB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"trackGlobalLogs.d.ts","sourceRoot":"","sources":["../../src/plugins/trackGlobalLogs.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,aAAa,EAGd,MAAM,uBAAuB,CAAC;AAE/B;;GAEG;AACH,QAAA,MAAM,eAAe,oBAAqB,aAAa;;;CAsCtD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"trackGlobalLogs.d.ts","sourceRoot":"","sources":["../../src/plugins/trackGlobalLogs.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,aAAa,EAGd,MAAM,uBAAuB,CAAC;AAE/B;;GAEG;AACH,QAAA,MAAM,eAAe,SAAU,WAAW,aAAa;;;CAsCtD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/package.json

@@ -1,9 +1,16 @@
 {
   "name": "dreaction-react-native",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "private": false,
   "description": "DReaction client for React Native applications with draggable debug ball and powerful debugging tools",
   "main": "lib/index.js",
+  "scripts": {
+    "dev": "tsc --watch",
+    "build": "tsc",
+    "prepare": "tsc",
+    "release": "npm publish --registry=https://registry.npmjs.com/",
+    "test": "vitest"
+  },
   "files": [
     "assets",
     "lib",
@@ -31,21 +38,19 @@
   },
   "homepage": "https://github.com/moonrailgun/dreaction#readme",
   "dependencies": {
-    "mitt": "^3.0.1",
-    "dreaction-client-core": "1.4.0",
-    "dreaction-protocol": "1.0.11"
+    "dreaction-client-core": "workspace:*",
+    "dreaction-protocol": "workspace:*",
+    "mitt": "^3.0.1"
   },
   "devDependencies": {
-    "@react-native-async-storage/async-storage": "^2.1.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.0.0",
     "@types/react-native": "^0.73.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@react-native-async-storage/async-storage": "*"
-  },
-  "scripts": {
-    "dev": "tsc --watch",
-    "build": "tsc",
-    "test": "vitest"
+    "@react-native-async-storage/async-storage": "*",
+    "react": ">=18",
+    "react-native": ">=0.70"
   }
-}
+}

package/src/components/ConfigDialog.tsx

@@ -11,7 +11,7 @@ import { getHost } from '../helpers/getHost';
 import { dreaction } from '../dreaction';
 import { getHostWithPortFromUrl } from '../helpers/parseURL';
 
-const LOCAL_CACHE_HOST_NAME = '__dreaction-react-native-host';
+export const LOCAL_CACHE_HOST_NAME = '__dreaction-react-native-host';
 
 interface ConfigDialogProps {
   visible: boolean;

package/src/components/DraggableBall.tsx

@@ -7,7 +7,7 @@ import {
   Image,
   Alert,
 } from 'react-native';
-import { ConfigDialog } from './ConfigDialog';
+import { ConfigDialog, LOCAL_CACHE_HOST_NAME } from './ConfigDialog';
 import { dreaction } from '../dreaction';
 
 const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window');
@@ -36,6 +36,21 @@ export const DraggableBall: React.FC = React.memo(() => {
     };
   }, []);
 
+  useEffect(() => {
+    if (dreaction.isReady || dreaction.connected) {
+      return;
+    }
+
+    dreaction.asyncStorageHandler
+      ?.getItem(LOCAL_CACHE_HOST_NAME)
+      .then((cachedHost) => {
+        if (cachedHost && !dreaction.isReady && !dreaction.connected) {
+          dreaction.configure({ host: cachedHost }).connect();
+        }
+      })
+      .catch(() => {});
+  }, []);
+
   const handleClick = (host: string) => {
     try {
       dreaction