@qontinui/ui-bridge 0.3.0 → 0.3.1

package/dist/native/index.mjs

@@ -511,10 +511,7 @@ var DefaultNativeActionExecutor = class {
         };
       }
       if (request.waitOptions) {
-        const waitResult = await this.waitForElementInternal(
-          registered.id,
-          request.waitOptions
-        );
+        const waitResult = await this.waitForElementInternal(registered.id, request.waitOptions);
         waitDurationMs = waitResult.waitedMs;
         if (!waitResult.met) {
           return {
@@ -818,9 +815,7 @@ var DefaultNativeActionExecutor = class {
       filtered = filtered.filter((e) => request.types.includes(e.type));
     }
     if (request.testIdPattern) {
-      const regex = new RegExp(
-        request.testIdPattern.replace(/\*/g, ".*").replace(/\?/g, ".")
-      );
+      const regex = new RegExp(request.testIdPattern.replace(/\*/g, ".*").replace(/\?/g, "."));
       filtered = filtered.filter((e) => {
         const identifier = e.getIdentifier();
         return identifier.testId && regex.test(identifier.testId);
@@ -940,9 +935,7 @@ function UIBridgeNativeProvider({
       console.warn("[ui-bridge-native] Server feature not enabled");
       return;
     }
-    console.log(
-      `[ui-bridge-native] Would start HTTP server on port ${config.serverPort || 9876}`
-    );
+    console.log(`[ui-bridge-native] Would start HTTP server on port ${config.serverPort || 9876}`);
     setServerRunning(true);
   }, [features.server, config.serverPort]);
   const stopServer = useCallback(() => {
@@ -1062,30 +1055,28 @@ function useUIElement(options) {
     (event) => {
       const { x, y, width, height } = event.nativeEvent.layout;
       if (ref.current && "measureInWindow" in ref.current) {
-        ref.current.measureInWindow(
-          (pageX, pageY) => {
-            const newLayout = {
-              x,
-              y,
-              width,
-              height,
-              pageX,
-              pageY
+        ref.current.measureInWindow((pageX, pageY) => {
+          const newLayout = {
+            x,
+            y,
+            width,
+            height,
+            pageX,
+            pageY
+          };
+          setLayout(newLayout);
+          if (bridge && registered) {
+            const newState = {
+              mounted: true,
+              visible: width > 0 && height > 0,
+              enabled: true,
+              focused: false,
+              layout: newLayout
             };
-            setLayout(newLayout);
-            if (bridge && registered) {
-              const newState = {
-                mounted: true,
-                visible: width > 0 && height > 0,
-                enabled: true,
-                focused: false,
-                layout: newLayout
-              };
-              bridge.registry.updateElementState(id, newState);
-              onStateChange?.(newState);
-            }
+            bridge.registry.updateElementState(id, newState);
+            onStateChange?.(newState);
           }
-        );
+        });
       } else {
         const newLayout = {
           x,
@@ -1281,18 +1272,9 @@ function useUIBridge() {
   const bridge = useUIBridgeNativeOptional();
   const available = bridge !== null;
   const initialized = bridge?.initialized ?? false;
-  const elements = useMemo(
-    () => bridge ? bridge.getElements() : [],
-    [bridge]
-  );
-  const components = useMemo(
-    () => bridge ? bridge.getComponents() : [],
-    [bridge]
-  );
-  const workflows = useMemo(
-    () => bridge ? bridge.registry.getAllWorkflows() : [],
-    [bridge]
-  );
+  const elements = useMemo(() => bridge ? bridge.getElements() : [], [bridge]);
+  const components = useMemo(() => bridge ? bridge.getComponents() : [], [bridge]);
+  const workflows = useMemo(() => bridge ? bridge.registry.getAllWorkflows() : [], [bridge]);
   const createSnapshot = useCallback(() => {
     if (!bridge) {
       return {
@@ -1346,14 +1328,8 @@ function useUIBridge() {
     },
     [bridge]
   );
-  const getElement = useCallback(
-    (id) => bridge?.registry.getElement(id),
-    [bridge]
-  );
-  const getComponent = useCallback(
-    (id) => bridge?.registry.getComponent(id),
-    [bridge]
-  );
+  const getElement = useCallback((id) => bridge?.registry.getElement(id), [bridge]);
+  const getComponent = useCallback((id) => bridge?.registry.getComponent(id), [bridge]);
   const getElementState = useCallback(
     (id) => {
       const element = bridge?.registry.getElement(id);
@@ -1459,6 +1435,27 @@ var UI_BRIDGE_NATIVE_ROUTES = {
     path: "/ui-bridge/control/workflow/:id/run",
     description: "Run a workflow"
   },
+  // Page Navigation
+  PAGE_REFRESH: {
+    method: "POST",
+    path: "/ui-bridge/control/page/refresh",
+    description: "Refresh the current page"
+  },
+  PAGE_NAVIGATE: {
+    method: "POST",
+    path: "/ui-bridge/control/page/navigate",
+    description: "Navigate to a URL"
+  },
+  PAGE_GO_BACK: {
+    method: "POST",
+    path: "/ui-bridge/control/page/back",
+    description: "Go back in navigation history"
+  },
+  PAGE_GO_FORWARD: {
+    method: "POST",
+    path: "/ui-bridge/control/page/forward",
+    description: "Go forward in navigation history"
+  },
   // Health
   HEALTH: {
     method: "GET",
@@ -1620,6 +1617,19 @@ function createServerHandlers(registry, executor) {
         status: "pending"
       });
     },
+    // Page Navigation (stubs — React Native apps should override with their navigation provider)
+    pageRefresh: async () => {
+      return error("Page refresh not supported on native platform", "NOT_SUPPORTED");
+    },
+    pageNavigate: async () => {
+      return error("Page navigation not supported on native platform", "NOT_SUPPORTED");
+    },
+    pageGoBack: async () => {
+      return error("Page go back not supported on native platform", "NOT_SUPPORTED");
+    },
+    pageGoForward: async () => {
+      return error("Page go forward not supported on native platform", "NOT_SUPPORTED");
+    },
     // Health
     health: async () => {
       const stats = registry.getStats();
@@ -1660,22 +1670,13 @@ var NativeUIBridgeServer = class {
       return;
     }
     if (!this.adapter) {
-      console.warn(
-        "[ui-bridge-native] No server adapter configured. Call setAdapter() first."
-      );
-      console.warn(
-        "[ui-bridge-native] See documentation for supported adapters."
-      );
+      console.warn("[ui-bridge-native] No server adapter configured. Call setAdapter() first.");
+      console.warn("[ui-bridge-native] See documentation for supported adapters.");
       return;
     }
-    await this.adapter.start(
-      this.config.serverPort,
-      this.handleRequest.bind(this)
-    );
+    await this.adapter.start(this.config.serverPort, this.handleRequest.bind(this));
     this.running = true;
-    console.log(
-      `[ui-bridge-native] HTTP server started on port ${this.config.serverPort}`
-    );
+    console.log(`[ui-bridge-native] HTTP server started on port ${this.config.serverPort}`);
   }
   /**
    * Stop the HTTP server
@@ -1810,41 +1811,26 @@ function ElementCard({
 }) {
   const state = element.getState();
   const identifier = element.getIdentifier();
-  return /* @__PURE__ */ jsxs(
-    TouchableOpacity,
-    {
-      style: styles.elementCard,
-      onPress: () => onPress(element),
-      children: [
-        /* @__PURE__ */ jsxs(View, { style: styles.elementHeader, children: [
-          /* @__PURE__ */ jsx(Text, { style: styles.elementId, children: element.id }),
-          /* @__PURE__ */ jsx(Text, { style: styles.elementType, children: element.type })
-        ] }),
-        element.label && /* @__PURE__ */ jsx(Text, { style: styles.elementLabel, children: element.label }),
-        /* @__PURE__ */ jsxs(View, { style: styles.stateRow, children: [
-          /* @__PURE__ */ jsx(StateIndicator, { label: "Mounted", value: state.mounted }),
-          /* @__PURE__ */ jsx(StateIndicator, { label: "Visible", value: state.visible }),
-          /* @__PURE__ */ jsx(StateIndicator, { label: "Enabled", value: state.enabled })
-        ] }),
-        identifier.testId && /* @__PURE__ */ jsxs(Text, { style: styles.testId, children: [
-          "testID: ",
-          identifier.testId
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(TouchableOpacity, { style: styles.elementCard, onPress: () => onPress(element), children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.elementHeader, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.elementId, children: element.id }),
+      /* @__PURE__ */ jsx(Text, { style: styles.elementType, children: element.type })
+    ] }),
+    element.label && /* @__PURE__ */ jsx(Text, { style: styles.elementLabel, children: element.label }),
+    /* @__PURE__ */ jsxs(View, { style: styles.stateRow, children: [
+      /* @__PURE__ */ jsx(StateIndicator, { label: "Mounted", value: state.mounted }),
+      /* @__PURE__ */ jsx(StateIndicator, { label: "Visible", value: state.visible }),
+      /* @__PURE__ */ jsx(StateIndicator, { label: "Enabled", value: state.enabled })
+    ] }),
+    identifier.testId && /* @__PURE__ */ jsxs(Text, { style: styles.testId, children: [
+      "testID: ",
+      identifier.testId
+    ] })
+  ] });
 }
 function StateIndicator({ label, value }) {
   return /* @__PURE__ */ jsxs(View, { style: styles.stateIndicator, children: [
-    /* @__PURE__ */ jsx(
-      View,
-      {
-        style: [
-          styles.stateDot,
-          { backgroundColor: value ? "#4CAF50" : "#F44336" }
-        ]
-      }
-    ),
+    /* @__PURE__ */ jsx(View, { style: [styles.stateDot, { backgroundColor: value ? "#4CAF50" : "#F44336" }] }),
     /* @__PURE__ */ jsx(Text, { style: styles.stateLabel, children: label })
   ] });
 }
@@ -1949,17 +1935,9 @@ function UIBridgeInspector({
 }) {
   const bridge = useUIBridgeNativeOptional();
   const [showInspector, setShowInspector] = useState(visible);
-  const [selectedElement, setSelectedElement] = useState(
-    null
-  );
-  const elements = useMemo(
-    () => bridge ? bridge.getElements() : [],
-    [bridge, showInspector]
-  );
-  const components = useMemo(
-    () => bridge ? bridge.getComponents() : [],
-    [bridge, showInspector]
-  );
+  const [selectedElement, setSelectedElement] = useState(null);
+  const elements = useMemo(() => bridge ? bridge.getElements() : [], [bridge, showInspector]);
+  const components = useMemo(() => bridge ? bridge.getComponents() : [], [bridge, showInspector]);
   const handleToggle = useCallback(() => {
     setShowInspector((prev) => !prev);
   }, []);
@@ -1990,14 +1968,7 @@ function UIBridgeInspector({
     return null;
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      TouchableOpacity,
-      {
-        style: [styles.toggleButton, toggleStyle],
-        onPress: handleToggle,
-        children: /* @__PURE__ */ jsx(Text, { style: styles.toggleText, children: "UI" })
-      }
-    ),
+    /* @__PURE__ */ jsx(TouchableOpacity, { style: [styles.toggleButton, toggleStyle], onPress: handleToggle, children: /* @__PURE__ */ jsx(Text, { style: styles.toggleText, children: "UI" }) }),
     /* @__PURE__ */ jsx(
       Modal,
       {
@@ -2024,21 +1995,8 @@ function UIBridgeInspector({
               /* @__PURE__ */ jsx(Text, { style: styles.statLabel, children: "Server" })
             ] })
           ] }),
-          selectedElement ? /* @__PURE__ */ jsx(
-            ElementDetail,
-            {
-              element: selectedElement,
-              onClose: handleCloseDetail
-            }
-          ) : /* @__PURE__ */ jsxs(ScrollView, { style: styles.elementList, children: [
-            elements.map((element) => /* @__PURE__ */ jsx(
-              ElementCard,
-              {
-                element,
-                onPress: handleSelectElement
-              },
-              element.id
-            )),
+          selectedElement ? /* @__PURE__ */ jsx(ElementDetail, { element: selectedElement, onClose: handleCloseDetail }) : /* @__PURE__ */ jsxs(ScrollView, { style: styles.elementList, children: [
+            elements.map((element) => /* @__PURE__ */ jsx(ElementCard, { element, onPress: handleSelectElement }, element.id)),
             elements.length === 0 && /* @__PURE__ */ jsx(Text, { style: styles.emptyText, children: "No elements registered yet" })
           ] })
         ] }) })