@droppii-org/chat-mobile 0.2.105 → 0.2.107

package/src/utils/truncateTextChildren.ts

@@ -0,0 +1,46 @@
+import { cloneElement, isValidElement, type ReactNode } from 'react';
+
+type Taken = [node: ReactNode, used: number];
+
+/**
+ * Walks a `<Text>` children tree — plain strings, mention runs, linkified
+ * runs, nested `<Text>` — and keeps the first `budget` characters of rendered
+ * text, preserving every element's styling and press handler up to the cut.
+ * Character counts line up with `onTextLayout` because RN renders exactly the
+ * concatenation of the string leaves.
+ */
+const take = (node: ReactNode, budget: number): Taken => {
+  if (budget <= 0 || node == null || typeof node === 'boolean') {
+    return [null, 0];
+  }
+
+  if (typeof node === 'string' || typeof node === 'number') {
+    const text = String(node);
+    return text.length <= budget
+      ? [node, text.length]
+      : [text.slice(0, budget), budget];
+  }
+
+  if (Array.isArray(node)) {
+    const kept: ReactNode[] = [];
+    let used = 0;
+    for (const child of node) {
+      if (used >= budget) break;
+      const [part, count] = take(child, budget - used);
+      kept.push(part);
+      used += count;
+    }
+    return [kept, used];
+  }
+
+  if (isValidElement<{ children?: ReactNode }>(node)) {
+    if (node.props.children === undefined) return [node, 0];
+    const [children, used] = take(node.props.children, budget);
+    return [cloneElement(node, undefined, children), used];
+  }
+
+  return [node, 0];
+};
+
+export const truncateTextChildren = (node: ReactNode, limit: number) =>
+  take(node, limit)[0];