@qontinui/ui-bridge 0.2.0 → 0.3.0

package/dist/native/debug/index.js

@@ -0,0 +1,451 @@
+'use strict';
+
+var react = require('react');
+var reactNative = require('react-native');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/native/debug/inspector.tsx
+var UIBridgeNativeContext = react.createContext(null);
+function useUIBridgeNativeOptional() {
+  return react.useContext(UIBridgeNativeContext);
+}
+function ElementCard({
+  element,
+  onPress
+}) {
+  const state = element.getState();
+  const identifier = element.getIdentifier();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.TouchableOpacity,
+    {
+      style: styles.elementCard,
+      onPress: () => onPress(element),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.elementHeader, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.elementId, children: element.id }),
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.elementType, children: element.type })
+        ] }),
+        element.label && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.elementLabel, children: element.label }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.stateRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(StateIndicator, { label: "Mounted", value: state.mounted }),
+          /* @__PURE__ */ jsxRuntime.jsx(StateIndicator, { label: "Visible", value: state.visible }),
+          /* @__PURE__ */ jsxRuntime.jsx(StateIndicator, { label: "Enabled", value: state.enabled })
+        ] }),
+        identifier.testId && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.testId, children: [
+          "testID: ",
+          identifier.testId
+        ] })
+      ]
+    }
+  );
+}
+function StateIndicator({ label, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.stateIndicator, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.View,
+      {
+        style: [
+          styles.stateDot,
+          { backgroundColor: value ? "#4CAF50" : "#F44336" }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.stateLabel, children: label })
+  ] });
+}
+function ElementDetail({
+  element,
+  onClose
+}) {
+  const state = element.getState();
+  const identifier = element.getIdentifier();
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.detailContainer, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.detailHeader, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.detailTitle, children: element.id }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.TouchableOpacity, { onPress: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.closeButton, children: "Close" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(reactNative.ScrollView, { style: styles.detailContent, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.sectionTitle, children: "Type" }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.sectionValue, children: element.type }),
+      element.label && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.sectionTitle, children: "Label" }),
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.sectionValue, children: element.label })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.sectionTitle, children: "State" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.stateSection, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+          "Mounted: ",
+          String(state.mounted)
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+          "Visible: ",
+          String(state.visible)
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+          "Enabled: ",
+          String(state.enabled)
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+          "Focused: ",
+          String(state.focused)
+        ] }),
+        state.value !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+          "Value: ",
+          state.value
+        ] })
+      ] }),
+      state.layout && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.sectionTitle, children: "Layout" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.stateSection, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+            "Position: (",
+            state.layout.x,
+            ", ",
+            state.layout.y,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+            "Size: ",
+            state.layout.width,
+            " x ",
+            state.layout.height
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+            "Page: (",
+            state.layout.pageX,
+            ", ",
+            state.layout.pageY,
+            ")"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.sectionTitle, children: "Identifier" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.stateSection, children: [
+        identifier.uiId && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+          "uiId: ",
+          identifier.uiId
+        ] }),
+        identifier.testId && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+          "testId: ",
+          identifier.testId
+        ] }),
+        identifier.accessibilityLabel && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+          "a11yLabel: ",
+          identifier.accessibilityLabel
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(reactNative.Text, { style: styles.stateText, children: [
+          "treePath: ",
+          identifier.treePath
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.sectionTitle, children: "Actions" }),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.actionsSection, children: element.actions.map((action) => /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.actionBadge, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.actionText, children: action }) }, action)) }),
+      element.customActions && Object.keys(element.customActions).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.sectionTitle, children: "Custom Actions" }),
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.actionsSection, children: Object.keys(element.customActions).map((action) => /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.actionBadge, styles.customActionBadge], children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.actionText, children: action }) }, action)) })
+      ] })
+    ] })
+  ] });
+}
+function UIBridgeInspector({
+  visible = false,
+  onClose,
+  togglePosition = "bottom-right"
+}) {
+  const bridge = useUIBridgeNativeOptional();
+  const [showInspector, setShowInspector] = react.useState(visible);
+  const [selectedElement, setSelectedElement] = react.useState(
+    null
+  );
+  const elements = react.useMemo(
+    () => bridge ? bridge.getElements() : [],
+    [bridge, showInspector]
+  );
+  const components = react.useMemo(
+    () => bridge ? bridge.getComponents() : [],
+    [bridge, showInspector]
+  );
+  const handleToggle = react.useCallback(() => {
+    setShowInspector((prev) => !prev);
+  }, []);
+  const handleClose = react.useCallback(() => {
+    setShowInspector(false);
+    onClose?.();
+  }, [onClose]);
+  const handleSelectElement = react.useCallback((element) => {
+    setSelectedElement(element);
+  }, []);
+  const handleCloseDetail = react.useCallback(() => {
+    setSelectedElement(null);
+  }, []);
+  const toggleStyle = react.useMemo(() => {
+    switch (togglePosition) {
+      case "top-left":
+        return { top: 50, left: 10 };
+      case "top-right":
+        return { top: 50, right: 10 };
+      case "bottom-left":
+        return { bottom: 50, left: 10 };
+      case "bottom-right":
+      default:
+        return { bottom: 50, right: 10 };
+    }
+  }, [togglePosition]);
+  if (!bridge) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TouchableOpacity,
+      {
+        style: [styles.toggleButton, toggleStyle],
+        onPress: handleToggle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.toggleText, children: "UI" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.Modal,
+      {
+        visible: showInspector,
+        animationType: "slide",
+        transparent: true,
+        onRequestClose: handleClose,
+        children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles.modalContainer, children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.inspectorContainer, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.header, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.headerTitle, children: "UI Bridge Inspector" }),
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.TouchableOpacity, { onPress: handleClose, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.closeButton, children: "X" }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.statsRow, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.stat, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.statValue, children: elements.length }),
+              /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.statLabel, children: "Elements" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.stat, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.statValue, children: components.length }),
+              /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.statLabel, children: "Components" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles.stat, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.statValue, children: bridge.serverRunning ? "ON" : "OFF" }),
+              /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.statLabel, children: "Server" })
+            ] })
+          ] }),
+          selectedElement ? /* @__PURE__ */ jsxRuntime.jsx(
+            ElementDetail,
+            {
+              element: selectedElement,
+              onClose: handleCloseDetail
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsxs(reactNative.ScrollView, { style: styles.elementList, children: [
+            elements.map((element) => /* @__PURE__ */ jsxRuntime.jsx(
+              ElementCard,
+              {
+                element,
+                onPress: handleSelectElement
+              },
+              element.id
+            )),
+            elements.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles.emptyText, children: "No elements registered yet" })
+          ] })
+        ] }) })
+      }
+    )
+  ] });
+}
+var { height: screenHeight } = reactNative.Dimensions.get("window");
+var styles = reactNative.StyleSheet.create({
+  toggleButton: {
+    position: "absolute",
+    width: 44,
+    height: 44,
+    borderRadius: 22,
+    backgroundColor: "#2196F3",
+    justifyContent: "center",
+    alignItems: "center",
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.25,
+    shadowRadius: 4,
+    elevation: 5,
+    zIndex: 1e3
+  },
+  toggleText: {
+    color: "#fff",
+    fontWeight: "bold",
+    fontSize: 14
+  },
+  modalContainer: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    justifyContent: "flex-end"
+  },
+  inspectorContainer: {
+    backgroundColor: "#1e1e1e",
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16,
+    maxHeight: screenHeight * 0.8
+  },
+  header: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: "#333"
+  },
+  headerTitle: {
+    color: "#fff",
+    fontSize: 18,
+    fontWeight: "bold"
+  },
+  closeButton: {
+    color: "#2196F3",
+    fontSize: 16,
+    fontWeight: "bold"
+  },
+  statsRow: {
+    flexDirection: "row",
+    padding: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: "#333"
+  },
+  stat: {
+    flex: 1,
+    alignItems: "center"
+  },
+  statValue: {
+    color: "#fff",
+    fontSize: 20,
+    fontWeight: "bold"
+  },
+  statLabel: {
+    color: "#888",
+    fontSize: 12,
+    marginTop: 2
+  },
+  elementList: {
+    padding: 12
+  },
+  elementCard: {
+    backgroundColor: "#2d2d2d",
+    borderRadius: 8,
+    padding: 12,
+    marginBottom: 8
+  },
+  elementHeader: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  elementId: {
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: "bold"
+  },
+  elementType: {
+    color: "#888",
+    fontSize: 12,
+    backgroundColor: "#444",
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 4
+  },
+  elementLabel: {
+    color: "#aaa",
+    fontSize: 12,
+    marginTop: 4
+  },
+  stateRow: {
+    flexDirection: "row",
+    marginTop: 8
+  },
+  stateIndicator: {
+    flexDirection: "row",
+    alignItems: "center",
+    marginRight: 12
+  },
+  stateDot: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    marginRight: 4
+  },
+  stateLabel: {
+    color: "#888",
+    fontSize: 10
+  },
+  testId: {
+    color: "#666",
+    fontSize: 10,
+    marginTop: 4,
+    fontFamily: "monospace"
+  },
+  emptyText: {
+    color: "#888",
+    textAlign: "center",
+    marginTop: 20
+  },
+  detailContainer: {
+    flex: 1
+  },
+  detailHeader: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    padding: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: "#333"
+  },
+  detailTitle: {
+    color: "#fff",
+    fontSize: 16,
+    fontWeight: "bold"
+  },
+  detailContent: {
+    padding: 12
+  },
+  sectionTitle: {
+    color: "#888",
+    fontSize: 12,
+    marginTop: 12,
+    marginBottom: 4,
+    textTransform: "uppercase"
+  },
+  sectionValue: {
+    color: "#fff",
+    fontSize: 14
+  },
+  stateSection: {
+    backgroundColor: "#2d2d2d",
+    borderRadius: 8,
+    padding: 8
+  },
+  stateText: {
+    color: "#ddd",
+    fontSize: 12,
+    fontFamily: "monospace",
+    marginBottom: 2
+  },
+  actionsSection: {
+    flexDirection: "row",
+    flexWrap: "wrap"
+  },
+  actionBadge: {
+    backgroundColor: "#2196F3",
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 4,
+    marginRight: 6,
+    marginBottom: 6
+  },
+  customActionBadge: {
+    backgroundColor: "#9C27B0"
+  },
+  actionText: {
+    color: "#fff",
+    fontSize: 12
+  }
+});
+
+exports.UIBridgeInspector = UIBridgeInspector;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/native/debug/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/native/react/UIBridgeNativeProvider.tsx","../../../src/native/debug/inspector.tsx"],"names":["createContext","useContext","jsxs","TouchableOpacity","View","jsx","Text","ScrollView","Fragment","useState","useMemo","useCallback","Modal","Dimensions","StyleSheet"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * UI Bridge Native Provider\n *\n * React context provider for UI Bridge Native functionality.\n */\n\nimport React, {\n  createContext,\n  useContext,\n  useMemo,\n  useEffect,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport type {\n  NativeUIBridgeFeatures,\n  NativeUIBridgeConfig,\n  RegisteredNativeElement,\n  RegisteredNativeComponent,\n  NativeBridgeSnapshot,\n  BridgeEventType,\n  BridgeEventListener,\n} from '../core/types';\nimport {\n  NativeUIBridgeRegistry,\n  setGlobalRegistry,\n  resetGlobalRegistry,\n} from '../core/registry';\nimport { createNativeActionExecutor } from '../control/action-executor';\nimport type { NativeActionExecutor } from '../control/types';\n\n/**\n * UI Bridge Native context value\n */\nexport interface UIBridgeNativeContextValue {\n  /** Feature flags */\n  features: NativeUIBridgeFeatures;\n  /** Configuration */\n  config: NativeUIBridgeConfig;\n  /** Element registry */\n  registry: NativeUIBridgeRegistry;\n  /** Action executor */\n  executor: NativeActionExecutor;\n  /** Get all registered elements */\n  getElements: () => RegisteredNativeElement[];\n  /** Get all registered components */\n  getComponents: () => RegisteredNativeComponent[];\n  /** Create a snapshot */\n  createSnapshot: () => NativeBridgeSnapshot;\n  /** Subscribe to events */\n  on: <T = unknown>(type: BridgeEventType, listener: BridgeEventListener<T>) => () => void;\n  /** Unsubscribe from events */\n  off: <T = unknown>(type: BridgeEventType, listener: BridgeEventListener<T>) => void;\n  /** Whether the provider is initialized */\n  initialized: boolean;\n  /** Server running status */\n  serverRunning: boolean;\n  /** Start the HTTP server */\n  startServer: () => Promise<void>;\n  /** Stop the HTTP server */\n  stopServer: () => void;\n}\n\n/**\n * UI Bridge Native context\n */\nconst UIBridgeNativeContext = createContext<UIBridgeNativeContextValue | null>(null);\n\n/**\n * UI Bridge Native provider props\n */\nexport interface UIBridgeNativeProviderProps {\n  /** Child components */\n  children: React.ReactNode;\n  /** Feature flags */\n  features?: NativeUIBridgeFeatures;\n  /** Configuration */\n  config?: NativeUIBridgeConfig;\n  /** Event handler */\n  onEvent?: BridgeEventListener;\n}\n\n/**\n * UI Bridge Native Provider\n *\n * Provides UI Bridge Native context to child components.\n *\n * @example\n * ```tsx\n * // app/_layout.tsx\n * import { UIBridgeNativeProvider } from 'ui-bridge-native';\n *\n * export default function RootLayout() {\n *   return (\n *     <UIBridgeNativeProvider\n *       features={{ server: __DEV__, debug: __DEV__ }}\n *       config={{ serverPort: 9876 }}\n *     >\n *       <Stack>{children}</Stack>\n *     </UIBridgeNativeProvider>\n *   );\n * }\n * ```\n */\nexport function UIBridgeNativeProvider({\n  children,\n  features = {},\n  config = {},\n  onEvent,\n}: UIBridgeNativeProviderProps) {\n  const registryRef = useRef<NativeUIBridgeRegistry | null>(null);\n  const executorRef = useRef<NativeActionExecutor | null>(null);\n  const [serverRunning, setServerRunning] = useState(false);\n\n  // Initialize on first render\n  if (!registryRef.current) {\n    registryRef.current = new NativeUIBridgeRegistry({\n      verbose: config.verbose,\n      onEvent,\n    });\n    setGlobalRegistry(registryRef.current);\n  }\n\n  const registry = registryRef.current;\n\n  // Create executor (memoized)\n  if (!executorRef.current) {\n    executorRef.current = createNativeActionExecutor(registry);\n  }\n\n  const executor = executorRef.current;\n\n  // Server management (placeholder - actual implementation depends on RN HTTP server library)\n  const startServer = useCallback(async () => {\n    if (!features.server) {\n      console.warn('[ui-bridge-native] Server feature not enabled');\n      return;\n    }\n\n    // TODO: Implement actual HTTP server using react-native-http-bridge or similar\n    // For now, just log that we would start the server\n    console.log(\n      `[ui-bridge-native] Would start HTTP server on port ${config.serverPort || 9876}`\n    );\n    setServerRunning(true);\n  }, [features.server, config.serverPort]);\n\n  const stopServer = useCallback(() => {\n    // TODO: Implement actual server stop\n    console.log('[ui-bridge-native] Would stop HTTP server');\n    setServerRunning(false);\n  }, []);\n\n  // Auto-start server if enabled\n  useEffect(() => {\n    if (features.server) {\n      startServer();\n      return () => stopServer();\n    }\n  }, [features.server, startServer, stopServer]);\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      stopServer();\n      resetGlobalRegistry();\n    };\n  }, [stopServer]);\n\n  // Context methods\n  const getElements = useCallback(() => registry.getAllElements(), [registry]);\n\n  const getComponents = useCallback(() => registry.getAllComponents(), [registry]);\n\n  const createSnapshot = useCallback(() => registry.createSnapshot(), [registry]);\n\n  const on = useCallback(\n    <T = unknown,>(type: BridgeEventType, listener: BridgeEventListener<T>) =>\n      registry.on(type, listener),\n    [registry]\n  );\n\n  const off = useCallback(\n    <T = unknown,>(type: BridgeEventType, listener: BridgeEventListener<T>) =>\n      registry.off(type, listener),\n    [registry]\n  );\n\n  const contextValue = useMemo<UIBridgeNativeContextValue>(\n    () => ({\n      features,\n      config,\n      registry,\n      executor,\n      getElements,\n      getComponents,\n      createSnapshot,\n      on,\n      off,\n      initialized: true,\n      serverRunning,\n      startServer,\n      stopServer,\n    }),\n    [\n      features,\n      config,\n      registry,\n      executor,\n      getElements,\n      getComponents,\n      createSnapshot,\n      on,\n      off,\n      serverRunning,\n      startServer,\n      stopServer,\n    ]\n  );\n\n  return (\n    <UIBridgeNativeContext.Provider value={contextValue}>\n      {children}\n    </UIBridgeNativeContext.Provider>\n  );\n}\n\n/**\n * useUIBridgeNative hook\n *\n * Access the UI Bridge Native context. Throws if used outside provider.\n */\nexport function useUIBridgeNative(): UIBridgeNativeContextValue {\n  const context = useContext(UIBridgeNativeContext);\n  if (!context) {\n    throw new Error('useUIBridgeNative must be used within a UIBridgeNativeProvider');\n  }\n  return context;\n}\n\n/**\n * useUIBridgeNativeOptional hook\n *\n * Access the UI Bridge Native context, returning null if outside provider.\n */\nexport function useUIBridgeNativeOptional(): UIBridgeNativeContextValue | null {\n  return useContext(UIBridgeNativeContext);\n}\n\n/**\n * useUIBridgeNativeRequired hook\n *\n * Alias for useUIBridgeNative (throws if outside provider).\n */\nexport const useUIBridgeNativeRequired = useUIBridgeNative;\n","/**\n * UI Bridge Native Debug Inspector\n *\n * An overlay component that shows registered elements and allows\n * inspection of the UI Bridge state.\n */\n\nimport React, { useState, useCallback, useMemo } from 'react';\nimport {\n  View,\n  Text,\n  StyleSheet,\n  TouchableOpacity,\n  ScrollView,\n  Modal,\n  Dimensions,\n} from 'react-native';\nimport { useUIBridgeNativeOptional } from '../react/UIBridgeNativeProvider';\nimport type { RegisteredNativeElement } from '../core/types';\n\n/**\n * Inspector props\n */\nexport interface UIBridgeInspectorProps {\n  /** Whether to show the inspector */\n  visible?: boolean;\n  /** Callback when inspector is closed */\n  onClose?: () => void;\n  /** Position of the inspector toggle button */\n  togglePosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n}\n\n/**\n * Element info card\n */\nfunction ElementCard({\n  element,\n  onPress,\n}: {\n  element: RegisteredNativeElement;\n  onPress: (element: RegisteredNativeElement) => void;\n}) {\n  const state = element.getState();\n  const identifier = element.getIdentifier();\n\n  return (\n    <TouchableOpacity\n      style={styles.elementCard}\n      onPress={() => onPress(element)}\n    >\n      <View style={styles.elementHeader}>\n        <Text style={styles.elementId}>{element.id}</Text>\n        <Text style={styles.elementType}>{element.type}</Text>\n      </View>\n      {element.label && (\n        <Text style={styles.elementLabel}>{element.label}</Text>\n      )}\n      <View style={styles.stateRow}>\n        <StateIndicator label=\"Mounted\" value={state.mounted} />\n        <StateIndicator label=\"Visible\" value={state.visible} />\n        <StateIndicator label=\"Enabled\" value={state.enabled} />\n      </View>\n      {identifier.testId && (\n        <Text style={styles.testId}>testID: {identifier.testId}</Text>\n      )}\n    </TouchableOpacity>\n  );\n}\n\n/**\n * State indicator\n */\nfunction StateIndicator({ label, value }: { label: string; value: boolean }) {\n  return (\n    <View style={styles.stateIndicator}>\n      <View\n        style={[\n          styles.stateDot,\n          { backgroundColor: value ? '#4CAF50' : '#F44336' },\n        ]}\n      />\n      <Text style={styles.stateLabel}>{label}</Text>\n    </View>\n  );\n}\n\n/**\n * Element detail view\n */\nfunction ElementDetail({\n  element,\n  onClose,\n}: {\n  element: RegisteredNativeElement;\n  onClose: () => void;\n}) {\n  const state = element.getState();\n  const identifier = element.getIdentifier();\n\n  return (\n    <View style={styles.detailContainer}>\n      <View style={styles.detailHeader}>\n        <Text style={styles.detailTitle}>{element.id}</Text>\n        <TouchableOpacity onPress={onClose}>\n          <Text style={styles.closeButton}>Close</Text>\n        </TouchableOpacity>\n      </View>\n\n      <ScrollView style={styles.detailContent}>\n        <Text style={styles.sectionTitle}>Type</Text>\n        <Text style={styles.sectionValue}>{element.type}</Text>\n\n        {element.label && (\n          <>\n            <Text style={styles.sectionTitle}>Label</Text>\n            <Text style={styles.sectionValue}>{element.label}</Text>\n          </>\n        )}\n\n        <Text style={styles.sectionTitle}>State</Text>\n        <View style={styles.stateSection}>\n          <Text style={styles.stateText}>Mounted: {String(state.mounted)}</Text>\n          <Text style={styles.stateText}>Visible: {String(state.visible)}</Text>\n          <Text style={styles.stateText}>Enabled: {String(state.enabled)}</Text>\n          <Text style={styles.stateText}>Focused: {String(state.focused)}</Text>\n          {state.value !== undefined && (\n            <Text style={styles.stateText}>Value: {state.value}</Text>\n          )}\n        </View>\n\n        {state.layout && (\n          <>\n            <Text style={styles.sectionTitle}>Layout</Text>\n            <View style={styles.stateSection}>\n              <Text style={styles.stateText}>\n                Position: ({state.layout.x}, {state.layout.y})\n              </Text>\n              <Text style={styles.stateText}>\n                Size: {state.layout.width} x {state.layout.height}\n              </Text>\n              <Text style={styles.stateText}>\n                Page: ({state.layout.pageX}, {state.layout.pageY})\n              </Text>\n            </View>\n          </>\n        )}\n\n        <Text style={styles.sectionTitle}>Identifier</Text>\n        <View style={styles.stateSection}>\n          {identifier.uiId && (\n            <Text style={styles.stateText}>uiId: {identifier.uiId}</Text>\n          )}\n          {identifier.testId && (\n            <Text style={styles.stateText}>testId: {identifier.testId}</Text>\n          )}\n          {identifier.accessibilityLabel && (\n            <Text style={styles.stateText}>\n              a11yLabel: {identifier.accessibilityLabel}\n            </Text>\n          )}\n          <Text style={styles.stateText}>treePath: {identifier.treePath}</Text>\n        </View>\n\n        <Text style={styles.sectionTitle}>Actions</Text>\n        <View style={styles.actionsSection}>\n          {element.actions.map((action) => (\n            <View key={action} style={styles.actionBadge}>\n              <Text style={styles.actionText}>{action}</Text>\n            </View>\n          ))}\n        </View>\n\n        {element.customActions && Object.keys(element.customActions).length > 0 && (\n          <>\n            <Text style={styles.sectionTitle}>Custom Actions</Text>\n            <View style={styles.actionsSection}>\n              {Object.keys(element.customActions).map((action) => (\n                <View key={action} style={[styles.actionBadge, styles.customActionBadge]}>\n                  <Text style={styles.actionText}>{action}</Text>\n                </View>\n              ))}\n            </View>\n          </>\n        )}\n      </ScrollView>\n    </View>\n  );\n}\n\n/**\n * UI Bridge Inspector component\n *\n * Shows an overlay with information about registered elements.\n * Useful for debugging and development.\n *\n * @example\n * ```tsx\n * function App() {\n *   const [showInspector, setShowInspector] = useState(false);\n *\n *   return (\n *     <UIBridgeNativeProvider features={{ debug: __DEV__ }}>\n *       <MainContent />\n *       {__DEV__ && (\n *         <UIBridgeInspector\n *           visible={showInspector}\n *           onClose={() => setShowInspector(false)}\n *         />\n *       )}\n *     </UIBridgeNativeProvider>\n *   );\n * }\n * ```\n */\nexport function UIBridgeInspector({\n  visible = false,\n  onClose,\n  togglePosition = 'bottom-right',\n}: UIBridgeInspectorProps) {\n  const bridge = useUIBridgeNativeOptional();\n  const [showInspector, setShowInspector] = useState(visible);\n  const [selectedElement, setSelectedElement] = useState<RegisteredNativeElement | null>(\n    null\n  );\n\n  const elements = useMemo(\n    () => (bridge ? bridge.getElements() : []),\n    [bridge, showInspector]\n  );\n\n  const components = useMemo(\n    () => (bridge ? bridge.getComponents() : []),\n    [bridge, showInspector]\n  );\n\n  const handleToggle = useCallback(() => {\n    setShowInspector((prev) => !prev);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setShowInspector(false);\n    onClose?.();\n  }, [onClose]);\n\n  const handleSelectElement = useCallback((element: RegisteredNativeElement) => {\n    setSelectedElement(element);\n  }, []);\n\n  const handleCloseDetail = useCallback(() => {\n    setSelectedElement(null);\n  }, []);\n\n  // Position style for toggle button\n  const toggleStyle = useMemo(() => {\n    switch (togglePosition) {\n      case 'top-left':\n        return { top: 50, left: 10 };\n      case 'top-right':\n        return { top: 50, right: 10 };\n      case 'bottom-left':\n        return { bottom: 50, left: 10 };\n      case 'bottom-right':\n      default:\n        return { bottom: 50, right: 10 };\n    }\n  }, [togglePosition]);\n\n  if (!bridge) {\n    return null;\n  }\n\n  return (\n    <>\n      {/* Toggle button */}\n      <TouchableOpacity\n        style={[styles.toggleButton, toggleStyle]}\n        onPress={handleToggle}\n      >\n        <Text style={styles.toggleText}>UI</Text>\n      </TouchableOpacity>\n\n      {/* Inspector modal */}\n      <Modal\n        visible={showInspector}\n        animationType=\"slide\"\n        transparent={true}\n        onRequestClose={handleClose}\n      >\n        <View style={styles.modalContainer}>\n          <View style={styles.inspectorContainer}>\n            {/* Header */}\n            <View style={styles.header}>\n              <Text style={styles.headerTitle}>UI Bridge Inspector</Text>\n              <TouchableOpacity onPress={handleClose}>\n                <Text style={styles.closeButton}>X</Text>\n              </TouchableOpacity>\n            </View>\n\n            {/* Stats */}\n            <View style={styles.statsRow}>\n              <View style={styles.stat}>\n                <Text style={styles.statValue}>{elements.length}</Text>\n                <Text style={styles.statLabel}>Elements</Text>\n              </View>\n              <View style={styles.stat}>\n                <Text style={styles.statValue}>{components.length}</Text>\n                <Text style={styles.statLabel}>Components</Text>\n              </View>\n              <View style={styles.stat}>\n                <Text style={styles.statValue}>\n                  {bridge.serverRunning ? 'ON' : 'OFF'}\n                </Text>\n                <Text style={styles.statLabel}>Server</Text>\n              </View>\n            </View>\n\n            {/* Element list or detail */}\n            {selectedElement ? (\n              <ElementDetail\n                element={selectedElement}\n                onClose={handleCloseDetail}\n              />\n            ) : (\n              <ScrollView style={styles.elementList}>\n                {elements.map((element) => (\n                  <ElementCard\n                    key={element.id}\n                    element={element}\n                    onPress={handleSelectElement}\n                  />\n                ))}\n                {elements.length === 0 && (\n                  <Text style={styles.emptyText}>\n                    No elements registered yet\n                  </Text>\n                )}\n              </ScrollView>\n            )}\n          </View>\n        </View>\n      </Modal>\n    </>\n  );\n}\n\nconst { height: screenHeight } = Dimensions.get('window');\n\nconst styles = StyleSheet.create({\n  toggleButton: {\n    position: 'absolute',\n    width: 44,\n    height: 44,\n    borderRadius: 22,\n    backgroundColor: '#2196F3',\n    justifyContent: 'center',\n    alignItems: 'center',\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.25,\n    shadowRadius: 4,\n    elevation: 5,\n    zIndex: 1000,\n  },\n  toggleText: {\n    color: '#fff',\n    fontWeight: 'bold',\n    fontSize: 14,\n  },\n  modalContainer: {\n    flex: 1,\n    backgroundColor: 'rgba(0, 0, 0, 0.5)',\n    justifyContent: 'flex-end',\n  },\n  inspectorContainer: {\n    backgroundColor: '#1e1e1e',\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    maxHeight: screenHeight * 0.8,\n  },\n  header: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: 16,\n    borderBottomWidth: 1,\n    borderBottomColor: '#333',\n  },\n  headerTitle: {\n    color: '#fff',\n    fontSize: 18,\n    fontWeight: 'bold',\n  },\n  closeButton: {\n    color: '#2196F3',\n    fontSize: 16,\n    fontWeight: 'bold',\n  },\n  statsRow: {\n    flexDirection: 'row',\n    padding: 12,\n    borderBottomWidth: 1,\n    borderBottomColor: '#333',\n  },\n  stat: {\n    flex: 1,\n    alignItems: 'center',\n  },\n  statValue: {\n    color: '#fff',\n    fontSize: 20,\n    fontWeight: 'bold',\n  },\n  statLabel: {\n    color: '#888',\n    fontSize: 12,\n    marginTop: 2,\n  },\n  elementList: {\n    padding: 12,\n  },\n  elementCard: {\n    backgroundColor: '#2d2d2d',\n    borderRadius: 8,\n    padding: 12,\n    marginBottom: 8,\n  },\n  elementHeader: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  elementId: {\n    color: '#fff',\n    fontSize: 14,\n    fontWeight: 'bold',\n  },\n  elementType: {\n    color: '#888',\n    fontSize: 12,\n    backgroundColor: '#444',\n    paddingHorizontal: 8,\n    paddingVertical: 2,\n    borderRadius: 4,\n  },\n  elementLabel: {\n    color: '#aaa',\n    fontSize: 12,\n    marginTop: 4,\n  },\n  stateRow: {\n    flexDirection: 'row',\n    marginTop: 8,\n  },\n  stateIndicator: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    marginRight: 12,\n  },\n  stateDot: {\n    width: 8,\n    height: 8,\n    borderRadius: 4,\n    marginRight: 4,\n  },\n  stateLabel: {\n    color: '#888',\n    fontSize: 10,\n  },\n  testId: {\n    color: '#666',\n    fontSize: 10,\n    marginTop: 4,\n    fontFamily: 'monospace',\n  },\n  emptyText: {\n    color: '#888',\n    textAlign: 'center',\n    marginTop: 20,\n  },\n  detailContainer: {\n    flex: 1,\n  },\n  detailHeader: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: 12,\n    borderBottomWidth: 1,\n    borderBottomColor: '#333',\n  },\n  detailTitle: {\n    color: '#fff',\n    fontSize: 16,\n    fontWeight: 'bold',\n  },\n  detailContent: {\n    padding: 12,\n  },\n  sectionTitle: {\n    color: '#888',\n    fontSize: 12,\n    marginTop: 12,\n    marginBottom: 4,\n    textTransform: 'uppercase',\n  },\n  sectionValue: {\n    color: '#fff',\n    fontSize: 14,\n  },\n  stateSection: {\n    backgroundColor: '#2d2d2d',\n    borderRadius: 8,\n    padding: 8,\n  },\n  stateText: {\n    color: '#ddd',\n    fontSize: 12,\n    fontFamily: 'monospace',\n    marginBottom: 2,\n  },\n  actionsSection: {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n  },\n  actionBadge: {\n    backgroundColor: '#2196F3',\n    paddingHorizontal: 8,\n    paddingVertical: 4,\n    borderRadius: 4,\n    marginRight: 6,\n    marginBottom: 6,\n  },\n  customActionBadge: {\n    backgroundColor: '#9C27B0',\n  },\n  actionText: {\n    color: '#fff',\n    fontSize: 12,\n  },\n});\n"]}