@dl2app/react-native 0.0.0-stage → 0.1.1

package/src/PasteButton.ts

@@ -0,0 +1,48 @@
+import { createElement, type ComponentType, type ReactElement } from "react";
+import { Platform } from "react-native";
+import { requireNativeViewManager } from "expo-modules-core";
+
+export type DL2PasteButtonProps = {
+  /** Called with the pasted text after the user taps the button. */
+  onPaste: (text: string) => void;
+  /** Size the button here; the system draws its label and icon. */
+  style?: unknown;
+};
+
+type NativeProps = { style?: unknown; onPaste: (e: { nativeEvent: { text?: string } }) => void };
+
+let NativeView: ComponentType<NativeProps> | null | undefined;
+
+function nativeView(): ComponentType<NativeProps> | null {
+  if (NativeView === undefined) {
+    try {
+      NativeView = requireNativeViewManager<NativeProps>("DL2");
+    } catch {
+      NativeView = null;
+    }
+  }
+  return NativeView || null;
+}
+
+/**
+ * The system paste button (UIPasteControl, iOS 16+). iOS hands over the clipboard only when the
+ * user taps it, and shows no "pasted from" banner. Renders nothing on Android and on older iOS.
+ *
+ *   <DL2PasteButton style={{ width: 160, height: 44 }} onPaste={(text) => DL2.matchClipboard(text)} />
+ */
+export function DL2PasteButton(props: DL2PasteButtonProps): ReactElement | null {
+  if (Platform.OS !== "ios" || parseInt(String(Platform.Version), 10) < 16) return null;
+  const View = nativeView();
+  if (!View) return null;
+  return createElement(View, {
+    style: props.style || { width: 160, height: 44 },
+    onPaste: (e) => {
+      try {
+        const text = e && e.nativeEvent ? e.nativeEvent.text : undefined;
+        if (typeof text === "string" && text) props.onPaste(text);
+      } catch {
+        /* never let a handler error reach the native event dispatcher */
+      }
+    },
+  });
+}