dreaction-react-native 1.4.6 → 1.5.0

package/lib/components/ConfigDialog.js

@@ -60,7 +60,7 @@ exports.ConfigDialog = react_1.default.memo((props) => {
         dreaction_1.dreaction.asyncStorageHandler?.setItem(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 Url" }), (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" }) })] })] }) }) }));
+    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" }) })] })] }) }) }));
 });
 exports.ConfigDialog.displayName = 'ConfigDialog';
 const styles = react_native_1.StyleSheet.create({

package/lib/components/Profiler.d.ts

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from 'react';
+export declare const Profiler: React.FC<PropsWithChildren<{
+    id: string;
+}>>;
+//# sourceMappingURL=Profiler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Profiler.d.ts","sourceRoot":"","sources":["../../src/components/Profiler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG5E,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CA2BhE,CAAC"}

package/lib/components/Profiler.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Profiler = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const dreaction_1 = require("../dreaction");
+exports.Profiler = react_1.default.memo((props) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.Profiler, { id: props.id, onRender: (id, phase, actualDuration, baseDuration, startTime, commitTime) => {
+            dreaction_1.dreaction.send('profiler.render', {
+                id,
+                phase,
+                actualDuration,
+                baseDuration,
+                startTime,
+                commitTime,
+            });
+        }, children: props.children }));
+});
+exports.Profiler.displayName = 'Profiler';

package/lib/index.d.ts

@@ -1,5 +1,7 @@
 export type { Command } from 'dreaction-protocol';
 import { DraggableBall } from './components/DraggableBall';
+import { Profiler } from './components/Profiler';
 export { DraggableBall as DReactionDraggableBall };
+export { Profiler as DReactionProfiler };
 export * from './dreaction';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,IAAI,sBAAsB,EAAE,CAAC;AAEnD,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,aAAa,IAAI,sBAAsB,EAAE,CAAC;AACnD,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,CAAC;AAEzC,cAAc,aAAa,CAAC"}

package/lib/index.js

@@ -14,7 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DReactionDraggableBall = void 0;
+exports.DReactionProfiler = exports.DReactionDraggableBall = void 0;
 const DraggableBall_1 = require("./components/DraggableBall");
 Object.defineProperty(exports, "DReactionDraggableBall", { enumerable: true, get: function () { return DraggableBall_1.DraggableBall; } });
+const Profiler_1 = require("./components/Profiler");
+Object.defineProperty(exports, "DReactionProfiler", { enumerable: true, get: function () { return Profiler_1.Profiler; } });
 __exportStar(require("./dreaction"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dreaction-react-native",
-  "version": "1.4.6",
+  "version": "1.5.0",
   "private": false,
   "description": "",
   "main": "lib/index.js",
@@ -15,8 +15,8 @@
   "author": "moonrailgun <moonrailgun@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "dreaction-client-core": "1.1.9",
-    "dreaction-protocol": "1.0.5"
+    "dreaction-client-core": "1.1.11",
+    "dreaction-protocol": "1.0.7"
   },
   "devDependencies": {
     "@react-native-async-storage/async-storage": "^2.1.0",

package/src/components/ConfigDialog.tsx

@@ -50,7 +50,7 @@ export const ConfigDialog: React.FC<ConfigDialogProps> = React.memo((props) => {
     >
       <View style={styles.modalOverlay}>
         <View style={styles.modalContent}>
-          <Text style={styles.title}>DReaction Desktop Application Url</Text>
+          <Text style={styles.title}>DReaction Desktop Application Host</Text>
           <TextInput
             style={styles.input}
             selectTextOnFocus={selectTextOnFocus}

package/src/components/Profiler.tsx

@@ -0,0 +1,32 @@
+import React, { Profiler as ReactProfiler, PropsWithChildren } from 'react';
+import { dreaction } from '../dreaction';
+
+export const Profiler: React.FC<PropsWithChildren<{ id: string }>> = React.memo(
+  (props) => {
+    return (
+      <ReactProfiler
+        id={props.id}
+        onRender={(
+          id,
+          phase,
+          actualDuration,
+          baseDuration,
+          startTime,
+          commitTime
+        ) => {
+          dreaction.send('profiler.render', {
+            id,
+            phase,
+            actualDuration,
+            baseDuration,
+            startTime,
+            commitTime,
+          });
+        }}
+      >
+        {props.children}
+      </ReactProfiler>
+    );
+  }
+);
+Profiler.displayName = 'Profiler';

package/src/index.ts

@@ -1,6 +1,8 @@
 export type { Command } from 'dreaction-protocol';
 import { DraggableBall } from './components/DraggableBall';
+import { Profiler } from './components/Profiler';
 
 export { DraggableBall as DReactionDraggableBall };
+export { Profiler as DReactionProfiler };
 
 export * from './dreaction';