@blario/react-native 0.1.4 → 0.1.5

package/src/fiber/text.ts

@@ -3,6 +3,8 @@ import type { Fiber } from './types.ts';
 
 const PRIVATE_USE_GLYPHS = /[-\u{F0000}-\u{10FFFF}]/gu;
 
+export const TEXT_HOST_TYPE = 'RCTText';
+
 export function normalizeText(value: string): string {
   return value.replace(PRIVATE_USE_GLYPHS, '').replace(/\s+/g, ' ').trim();
 }

package/src/snapshot/capture.ts

@@ -124,6 +124,7 @@ export class SnapshotCapturer {
         rect,
         scroll: candidate.kind === 'scroll' ? describeScrollDirections(geometries.get(candidate.fiber) ?? null) : null,
         offscreen,
+        wheelOption: candidate.wheelOption,
       }),
     );
     if (mode === 'register') {

package/src/snapshot/collect.ts

@@ -1,5 +1,5 @@
 import { childrenOf, componentName, firstHostDescendant, isHostComponent, propsOf } from '../fiber/reader.ts';
-import { collectText } from '../fiber/text.ts';
+import { collectText, TEXT_HOST_TYPE } from '../fiber/text.ts';
 import type { Fiber } from '../fiber/types.ts';
 import { classify } from './classify.ts';
 import type { ElementKind } from './kinds.ts';
@@ -19,7 +19,6 @@ export interface Candidate {
 }
 
 const MODAL_COMPONENT_NAME = 'Modal';
-const TEXT_HOST_TYPE = 'RCTText';
 const WHEEL_OPTION_LIMIT = 24;
 const TEXT_BLOCK_LIMIT = 800;
 const HEADING_ROLES: readonly string[] = ['header', 'heading'];

package/src/snapshot/render.ts

@@ -51,6 +51,7 @@ function renderButton(view: ElementView, twins: number): string {
   const tag = openTag('button', [
     ['role', view.role],
     ['testID', view.testID],
+    ['list', view.list],
     ['icon', view.icon],
     ['offscreen', view.offscreen],
     ...commonStateAttributes(view),
@@ -94,6 +95,7 @@ function renderSwitch(view: ElementView, twins: number): string {
 function renderScroll(view: ElementView): string {
   const tag = openTag('scroll', [
     ['testID', view.testID],
+    ['list', view.list],
     ['scroll', view.scroll],
   ]);
   return `${tag} />`;
@@ -113,7 +115,7 @@ function renderBody(view: ElementView, twins: number): string {
 }
 
 export function twinSignature(view: ElementView): string {
-  return [view.kind, view.label, view.icon ?? '', view.role ?? ''].join('|');
+  return [view.kind, view.label, view.icon ?? '', view.role ?? '', view.list ?? ''].join('|');
 }
 
 export function countTwins(views: ElementView[]): Map<string, number> {

package/src/snapshot/view.ts

@@ -2,6 +2,7 @@ import { collectText, precedingText } from '../fiber/text.ts';
 import { propsOf } from '../fiber/reader.ts';
 import type { Fiber } from '../fiber/types.ts';
 import type { Rect } from '../host/rect.ts';
+import { scrollInstanceOf } from './classify.ts';
 import { iconNameIn } from './icon.ts';
 import type { Offscreen } from './visibility.ts';
 import type { ElementKind } from './kinds.ts';
@@ -33,9 +34,24 @@ export interface ElementView {
   selected: boolean | null;
   scroll: string | null;
   offscreen: Offscreen | null;
+  list: string | null;
   rect: Rect;
 }
 
+const LIST_NAME_DEPTH = 8;
+
+// What a list is called: hosts name the view around it, as AgendaPro does with Hours and Minutes.
+export function listNameOf(list: Fiber, ancestors: Fiber[]): string | null {
+  for (const fiber of [list, ...ancestors.slice(-LIST_NAME_DEPTH).reverse()]) {
+    const props = propsOf(fiber);
+    const name = explicitLabelOf(props) ?? testIdOf(props);
+    if (name !== null) {
+      return name;
+    }
+  }
+  return null;
+}
+
 function labelFor(kind: ElementKind, fiber: Fiber, ancestors: Fiber[]): string {
   const explicit = explicitLabelOf(propsOf(fiber));
   if (explicit !== null) {
@@ -57,6 +73,23 @@ export interface ViewSource {
   rect: Rect;
   scroll: string | null;
   offscreen?: Offscreen | null;
+  wheelOption?: boolean;
+}
+
+function listOfView({ kind, fiber, ancestors, wheelOption }: ViewSource): string | null {
+  if (kind === 'scroll') {
+    return listNameOf(fiber, ancestors);
+  }
+  if (wheelOption !== true) {
+    return null;
+  }
+  for (let index = ancestors.length - 1; index >= 0; index -= 1) {
+    const ancestor = ancestors[index];
+    if (ancestor !== undefined && scrollInstanceOf(ancestor) !== null) {
+      return listNameOf(ancestor, ancestors.slice(0, index));
+    }
+  }
+  return null;
 }
 
 export function buildView(source: ViewSource): ElementView {
@@ -82,6 +115,7 @@ export function buildView(source: ViewSource): ElementView {
     selected: flags.selected,
     scroll,
     offscreen,
+    list: listOfView(source),
     rect,
   };
 }

package/src/version.ts

@@ -1 +1 @@
-export const SDK_VERSION = '0.1.4';
+export const SDK_VERSION = '0.1.5';