@qontinui/ui-bridge-native 0.6.5 → 0.6.7

package/dist/server/index.mjs

@@ -195,6 +195,10 @@ function extractHandlerNames(props) {
   if (!props) return [];
   return Object.keys(props).filter((k) => typeof props[k] === "function");
 }
+function matchesCurrentRoute(registrationRoute, currentRoute) {
+  if (registrationRoute == null || registrationRoute === "") return true;
+  return registrationRoute === currentRoute;
+}
 
 // src/design/design-inspector-native.ts
 function toCssValue(value) {
@@ -454,15 +458,9 @@ function success(data) {
 function error(message, code) {
   return { success: false, error: message, code, timestamp: Date.now() };
 }
-function createDesignHandlers(registry) {
+function createDesignHandlers(registry, viewportProvider) {
   function getScreenDimensions() {
-    try {
-      const { Dimensions } = __require("react-native");
-      const screen = Dimensions.get("screen");
-      return { width: screen.width, height: screen.height };
-    } catch {
-      return { width: 0, height: 0 };
-    }
+    return viewportProvider?.() ?? { width: 0, height: 0 };
   }
   return {
     // 1. GET /design/element/:id/styles
@@ -890,7 +888,7 @@ function diagnosePageHealth(elements, viewport) {
   let outsideViewport = 0;
   for (const { rect } of visible) {
     if (rect.width === 0 || rect.height === 0) zeroSize++;
-    if (rect.x + rect.width < 0 || rect.y + rect.height < 0 || rect.x > 1 || rect.y > 1) {
+    if (rect.x + rect.width < 0 || rect.x > 1) {
       outsideViewport++;
     }
   }
@@ -898,7 +896,7 @@ function diagnosePageHealth(elements, viewport) {
   findings.push({
     check: "visual_anomalies",
     severity: anomalySeverity,
-    detail: `zero_size=${zeroSize}, outside_viewport=${outsideViewport}`,
+    detail: `zero_size=${zeroSize}, outside_viewport=${outsideViewport} (horizontal-overflow only; below/above-fold scrollable content is not an anomaly)`,
     data: { zero_size: zeroSize, outside_viewport: outsideViewport }
   });
   const heatmap = grid.map(
@@ -1108,7 +1106,7 @@ function error2(message, code) {
   };
 }
 function createServerHandlers(registry, executor, config) {
-  const designHandlers = createDesignHandlers(registry);
+  const designHandlers = createDesignHandlers(registry, config?.viewportProvider);
   return {
     // Elements
     getElements: async (ctx) => {
@@ -1116,7 +1114,7 @@ function createServerHandlers(registry, executor, config) {
       const forRoute = ctx.query?.route || ctx.body?.route;
       let allElements = visibleOnly ? registry.getMountedVisibleElements() : registry.getAllElements();
       if (forRoute) {
-        allElements = allElements.filter((e) => e.registrationRoute === forRoute);
+        allElements = allElements.filter((e) => matchesCurrentRoute(e.registrationRoute, forRoute));
       }
       const elements = allElements.map((e) => {
         const handlers = extractHandlerNames(e.props);