@rork-ai/toolkit-dev-sdk 0.2.6 → 0.2.7

package/lib/module/inspector.js

@@ -0,0 +1,290 @@
+"use strict";
+
+/*
+The code here will is moved to our infrastructure (with ctrl+c ctrl+v)
+ where we add it in _layout.tsx as it is.
+
+It will be added at .rork/BundleInspector.tsx (web vestoin too).
+
+That is why:
+1. This file should never import other files
+2. This file should never import other modules that will not be on the device.
+We import react-native-safe-area-context and lucide-react-native 
+but we are confident it will be there. Still not great.
+
+*/
+
+import { BlurView } from "expo-blur";
+import { requireOptionalNativeModule } from "expo-modules-core";
+import { X } from "lucide-react-native";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { Dimensions, LogBox, NativeModules, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+// @ts-ignore
+import DebuggingOverlay from "react-native/Libraries/Debugging/DebuggingOverlay.js";
+// @ts-ignore
+import useSubscribeToDebuggingOverlayRegistry from "react-native/Libraries/Debugging/useSubscribeToDebuggingOverlayRegistry";
+import ErrorUtils from "react-native/Libraries/vendor/core/ErrorUtils";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const getInspectorDataForViewAtPoint = require("react-native/src/private/devsupport/devmenu/elementinspector/getInspectorDataForViewAtPoint").default;
+const InspectorOverlay = require("react-native/src/private/devsupport/devmenu/elementinspector/InspectorOverlay").default;
+// Removed InspectorPanel import - implementing inline
+
+const BridgeModule = requireOptionalNativeModule("Bridge");
+export function isRorkSandbox() {
+  return !!NativeModules.RorkSandbox;
+}
+if (BridgeModule) {
+  LogBox.ignoreAllLogs();
+  LogBox.uninstall();
+
+  // @ts-ignore
+  ErrorUtils.setGlobalHandler(error => {
+    sendBridgeMessage("runtime-error", {
+      stack: error.stack,
+      message: error.message
+    });
+  });
+}
+export function sendBridgeMessage(type, data) {
+  if (data) {
+    return BridgeModule?.sendMessage({
+      type,
+      data: JSON.stringify(data)
+    });
+  }
+  return BridgeModule?.sendMessage({
+    type
+  });
+}
+export function addBridgeListener(listener) {
+  return BridgeModule?.addListener("onMessage", data => {
+    if (typeof data !== "object") return;
+    if (data.data) {
+      listener({
+        ...data,
+        data: JSON.parse(data.data)
+      });
+    } else {
+      listener(data);
+    }
+  });
+}
+export function useBridge() {
+  const [state, setState] = useState({
+    inspectorEnabled: false
+  });
+  useEffect(() => {
+    const subscription = addBridgeListener(data => {
+      if (typeof data === "object" && data.type === "merge-inspector-state") {
+        setState(prev => ({
+          ...prev,
+          ...data.data
+        }));
+      }
+    });
+    sendBridgeMessage("runtime-ready");
+    return () => subscription?.remove();
+  }, []);
+  const disableInspector = useCallback(() => {
+    setState(prev => ({
+      ...prev,
+      inspectorEnabled: false
+    }));
+    sendBridgeMessage("merge-inspector-state", {
+      inspectorEnabled: false
+    });
+  }, []);
+  return {
+    ...state,
+    disableInspector
+  };
+}
+export function BundleInspector(props) {
+  const innerViewRef = useRef(null);
+  const appContainerRootViewRef = useRef(null);
+  const debuggingOverlayRef = useRef(null);
+  const {
+    inspectorEnabled,
+    disableInspector
+  } = useBridge();
+  const [panelPosition, setPanelPosition] = useState("bottom");
+  const [inspectedElement, setInspectedElement] = useState(null);
+  const [lastPayload, setLastPayload] = useState(null);
+  useEffect(() => {
+    if (inspectorEnabled) return;
+    setInspectedElement(null);
+    setPanelPosition("bottom");
+  }, [inspectorEnabled]);
+  useSubscribeToDebuggingOverlayRegistry(appContainerRootViewRef, debuggingOverlayRef);
+  const handleInspectedElementChange = useCallback(viewData => {
+    if (viewData) {
+      const payload = {
+        style: viewData.props.style,
+        frame: viewData.frame,
+        componentStack: viewData.componentStack,
+        hierarchy: viewData.hierarchy?.map(h => ({
+          name: h.name ?? null
+        }))
+      };
+      setLastPayload(payload);
+    }
+  }, []);
+  const onTouchPoint = (locationX, locationY) => {
+    getInspectorDataForViewAtPoint(innerViewRef.current, locationX, locationY, viewData => {
+      setPanelPosition(viewData.pointerY > Dimensions.get("window").height * 0.8 ? "top" : "bottom");
+      setInspectedElement({
+        frame: viewData.frame,
+        style: viewData.props.style
+      });
+      handleInspectedElementChange(viewData);
+      return false;
+    });
+  };
+  const {
+    top,
+    bottom
+  } = useSafeAreaInsets();
+  const panelContainerStyle = panelPosition === "bottom" ? {
+    bottom: 0,
+    marginBottom: bottom
+  } : {
+    top: 0,
+    marginTop: top
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    ref: appContainerRootViewRef,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.container,
+      ref: innerViewRef,
+      children: props.children
+    }), inspectorEnabled && /*#__PURE__*/_jsx(DebuggingOverlay, {
+      ref: debuggingOverlayRef,
+      style: styles.absolute
+    }), inspectorEnabled && /*#__PURE__*/_jsxs(View, {
+      style: styles.inspectorContainer,
+      pointerEvents: "box-none",
+      children: [/*#__PURE__*/_jsx(InspectorOverlay, {
+        inspected: inspectedElement,
+        onTouchPoint: onTouchPoint
+      }), /*#__PURE__*/_jsx(BlurView, {
+        style: [{
+          position: "absolute",
+          left: 0,
+          right: 0,
+          backgroundColor: "rgba(0, 0, 0, 0.85)",
+          borderRadius: 30,
+          marginHorizontal: 12,
+          padding: 12,
+          paddingLeft: 20,
+          overflow: "hidden"
+        }, panelContainerStyle],
+        children: inspectedElement ? /*#__PURE__*/_jsxs(View, {
+          style: styles.floatingIsland,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.islandText,
+            children: "Element selected"
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.buttonGroup,
+            children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+              style: styles.selectButton,
+              onPress: () => {
+                if (lastPayload) {
+                  sendBridgeMessage("inspector-element", lastPayload);
+                  disableInspector();
+                }
+              },
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.buttonText,
+                children: "Select"
+              })
+            }), /*#__PURE__*/_jsx(TouchableOpacity, {
+              activeOpacity: 0.72,
+              style: styles.cancelButton,
+              onPress: disableInspector,
+              children: /*#__PURE__*/_jsx(X, {
+                size: 18,
+                color: "#808080",
+                strokeWidth: 2.5
+              })
+            })]
+          })]
+        }) : /*#__PURE__*/_jsxs(View, {
+          style: styles.floatingIsland,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.islandText,
+            children: "Touch any element to inspect"
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            activeOpacity: 0.72,
+            style: styles.cancelTextButton,
+            onPress: disableInspector,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.buttonText,
+              children: "Cancel"
+            })
+          })]
+        })
+      })]
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  absolute: StyleSheet.absoluteFillObject,
+  inspectorContainer: {
+    position: "absolute",
+    backgroundColor: "transparent",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  floatingIsland: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    gap: 16
+  },
+  islandText: {
+    color: "white",
+    fontSize: 16,
+    fontWeight: "600",
+    flex: 1
+  },
+  buttonGroup: {
+    flexDirection: "row",
+    gap: 8
+  },
+  selectButton: {
+    backgroundColor: "#007AFF",
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 16,
+    minWidth: 60
+  },
+  cancelButton: {
+    backgroundColor: "rgba(255, 255, 255, 0.15)",
+    borderRadius: 16,
+    aspectRatio: 1,
+    height: 28,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  cancelTextButton: {
+    backgroundColor: "rgba(255, 255, 255, 0.15)",
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 16,
+    minWidth: 60
+  },
+  buttonText: {
+    color: "white",
+    fontSize: 14,
+    fontWeight: "600",
+    textAlign: "center"
+  }
+});
+//# sourceMappingURL=inspector.js.map

package/lib/module/inspector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BlurView","requireOptionalNativeModule","X","React","useCallback","useEffect","useRef","useState","Dimensions","LogBox","NativeModules","StyleSheet","Text","TouchableOpacity","View","useSafeAreaInsets","DebuggingOverlay","useSubscribeToDebuggingOverlayRegistry","ErrorUtils","jsx","_jsx","jsxs","_jsxs","getInspectorDataForViewAtPoint","require","default","InspectorOverlay","BridgeModule","isRorkSandbox","RorkSandbox","ignoreAllLogs","uninstall","setGlobalHandler","error","sendBridgeMessage","stack","message","type","data","sendMessage","JSON","stringify","addBridgeListener","listener","addListener","parse","useBridge","state","setState","inspectorEnabled","subscription","prev","remove","disableInspector","BundleInspector","props","innerViewRef","appContainerRootViewRef","debuggingOverlayRef","panelPosition","setPanelPosition","inspectedElement","setInspectedElement","lastPayload","setLastPayload","handleInspectedElementChange","viewData","payload","style","frame","componentStack","hierarchy","map","h","name","onTouchPoint","locationX","locationY","current","pointerY","get","height","top","bottom","panelContainerStyle","marginBottom","marginTop","styles","container","ref","children","absolute","inspectorContainer","pointerEvents","inspected","position","left","right","backgroundColor","borderRadius","marginHorizontal","padding","paddingLeft","overflow","floatingIsland","islandText","buttonGroup","selectButton","onPress","buttonText","activeOpacity","cancelButton","size","color","strokeWidth","cancelTextButton","create","flex","absoluteFillObject","flexDirection","justifyContent","alignItems","gap","fontSize","fontWeight","paddingHorizontal","paddingVertical","minWidth","aspectRatio","textAlign"],"sourceRoot":"../../src","sources":["inspector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/inspector.web.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export function BundleInspector({
+  children
+}) {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+//# sourceMappingURL=inspector.web.js.map

package/lib/module/inspector.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BundleInspector","children","_jsx","_Fragment"],"sourceRoot":"../../src","sources":["inspector.web.tsx"],"mappings":";;;AAAA,OAAO,SAASA,eAAeA,CAAC;EAAEC;AAAwC,CAAC,EAAE;EAC3E,oBAAOC,IAAA,CAAAC,SAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAMzE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAQzE"}

package/lib/typescript/src/inspector.53.d.ts

@@ -0,0 +1,23 @@
+import { type EventSubscription } from "expo-modules-core";
+import type { PropsWithChildren } from "react";
+import type { ViewStyle } from "react-native";
+import type { InspectorData, TouchedViewDataAtPoint } from "react-native/Libraries/Renderer/shims/ReactNativeTypes";
+export type InspectedElementFrame = TouchedViewDataAtPoint["frame"];
+export type InspectedElement = Readonly<{
+    frame: InspectedElementFrame;
+    style?: ViewStyle;
+}>;
+export type ElementsHierarchy = InspectorData["hierarchy"];
+export type BundleInspectorRef = {
+    enableDebuggingOverlay: () => void;
+};
+export type BundleInspectorProps = PropsWithChildren<{}>;
+export declare function isRorkSandbox(): boolean;
+export declare function sendBridgeMessage(type: "inspector-element" | "merge-inspector-state" | "runtime-ready" | "runtime-error", data?: Record<string, any>): any;
+export declare function addBridgeListener(listener: (data: Record<string, any>) => void): EventSubscription;
+export declare function useBridge(): {
+    disableInspector: () => void;
+    inspectorEnabled: boolean;
+};
+export declare function BundleInspector(props: BundleInspectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inspector.53.d.ts.map

package/lib/typescript/src/inspector.53.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector.53.d.ts","sourceRoot":"","sources":["../../../src/inspector.53.tsx"],"names":[],"mappings":"AAeA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAe9C,OAAO,KAAK,EACV,aAAa,EACb,sBAAsB,EAEvB,MAAM,wDAAwD,CAAC;AAWhE,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG;IAAE,sBAAsB,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAIzD,wBAAgB,aAAa,YAE5B;AAeD,wBAAgB,iBAAiB,CAC/B,IAAI,EACA,mBAAmB,GACnB,uBAAuB,GACvB,eAAe,GACf,eAAe,EACnB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,OAO3B;AAED,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,GAC5C,iBAAiB,CASnB;AAED,wBAAgB,SAAS;;;EAqBxB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAsJ1D"}

package/lib/typescript/src/inspector.d.ts

@@ -0,0 +1,23 @@
+import { type EventSubscription } from "expo-modules-core";
+import type { PropsWithChildren } from "react";
+import type { ViewStyle } from "react-native";
+import type { InspectorData, TouchedViewDataAtPoint } from "react-native/Libraries/Renderer/shims/ReactNativeTypes";
+export type InspectedElementFrame = TouchedViewDataAtPoint["frame"];
+export type InspectedElement = Readonly<{
+    frame: InspectedElementFrame;
+    style?: ViewStyle;
+}>;
+export type ElementsHierarchy = InspectorData["hierarchy"];
+export type BundleInspectorRef = {
+    enableDebuggingOverlay: () => void;
+};
+export type BundleInspectorProps = PropsWithChildren<{}>;
+export declare function isRorkSandbox(): boolean;
+export declare function sendBridgeMessage(type: "inspector-element" | "merge-inspector-state" | "runtime-ready" | "runtime-error", data?: Record<string, any>): any;
+export declare function addBridgeListener(listener: (data: Record<string, any>) => void): EventSubscription;
+export declare function useBridge(): {
+    disableInspector: () => void;
+    inspectorEnabled: boolean;
+};
+export declare function BundleInspector(props: BundleInspectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inspector.d.ts.map

package/lib/typescript/src/inspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector.d.ts","sourceRoot":"","sources":["../../../src/inspector.tsx"],"names":[],"mappings":"AAeA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAgB9C,OAAO,KAAK,EACV,aAAa,EACb,sBAAsB,EAEvB,MAAM,wDAAwD,CAAC;AAWhE,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG;IAAE,sBAAsB,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;AAIzD,wBAAgB,aAAa,YAE5B;AAeD,wBAAgB,iBAAiB,CAC/B,IAAI,EACA,mBAAmB,GACnB,uBAAuB,GACvB,eAAe,GACf,eAAe,EACnB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,OAO3B;AAED,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,GAC5C,iBAAiB,CASnB;AAED,wBAAgB,SAAS;;;EAqBxB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAsJ1D"}

package/lib/typescript/src/inspector.web.d.ts

@@ -0,0 +1,4 @@
+export declare function BundleInspector({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=inspector.web.d.ts.map

package/lib/typescript/src/inspector.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inspector.web.d.ts","sourceRoot":"","sources":["../../../src/inspector.web.tsx"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAE1E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rork-ai/toolkit-dev-sdk",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "author": "Levan Kvirkvelia <lekvirkvelia@gmail.com> (https://github.com/LevanKvirkvelia)",
   "repository": {
     "type": "git",
@@ -29,7 +29,9 @@
   "peerDependencies": {
     "react-native": "*",
     "expo": "*",
-    "expo-modules-core": "*"
+    "expo-modules-core": "*",
+    "lucide-react-native": "*",
+    "expo-blur": "*"
   },
   "exports": {
     ".": {

package/src/index.tsx

@@ -1,10 +1,13 @@
 import { RorkErrorBoundary } from "./error-boundary";
+import { BundleInspector } from "./inspector";
 import { RorkSafeInsets } from "./safe-insets-content";
 
 export function RorkDevWrapper({ children }: { children: React.ReactNode }) {
   return (
     <RorkErrorBoundary>
-      <RorkSafeInsets>{children}</RorkSafeInsets>
+      <BundleInspector>
+        <RorkSafeInsets>{children}</RorkSafeInsets>
+      </BundleInspector>
     </RorkErrorBoundary>
   );
 }