react-native-s-pen 0.1.0

package/src/specs/SpenCanvasNativeComponent.ts

@@ -0,0 +1,23 @@
+import { codegenNativeComponent } from "react-native";
+import type { CodegenTypes, HostComponent, ViewProps } from "react-native";
+
+export type NativeSpenCanvasPoint = Readonly<{
+  x: CodegenTypes.Float;
+  y: CodegenTypes.Float;
+  pressure: CodegenTypes.Float;
+  tilt: CodegenTypes.Float;
+  hoverDistance: CodegenTypes.Float;
+  timestamp: CodegenTypes.Double;
+  action: string;
+  toolType: string;
+}>;
+
+export interface NativeProps extends ViewProps {
+  inkColor?: string;
+  minStrokeWidth?: CodegenTypes.Float;
+  maxStrokeWidth?: CodegenTypes.Float;
+  clearToken?: CodegenTypes.Int32;
+  onSpenDraw?: CodegenTypes.DirectEventHandler<NativeSpenCanvasPoint>;
+}
+
+export default codegenNativeComponent<NativeProps>("SpenCanvas") as HostComponent<NativeProps>;

package/src/types.ts

@@ -0,0 +1,79 @@
+export type SpenCapability =
+  | "stylusInput"
+  | "hover"
+  | "button"
+  | "airActions"
+  | "airCommand"
+  | "pressure";
+
+export type SpenRemoteFeature = "button" | "airMotion";
+
+export type SpenInsertionState = "inserted" | "detached" | "unknown";
+
+export type SpenConnectionState =
+  | "connected"
+  | "disconnected"
+  | "disconnectedByUnknownReason"
+  | "connectionFailed"
+  | "unsupportedDevice"
+  | "unknown";
+
+export type SpenErrorCode =
+  | "unsupportedDevice"
+  | "connectionFailed"
+  | "unknown";
+
+export type SpenDeviceInfo = {
+  platform: "android";
+  manufacturer: string;
+  brand: string;
+  model: string;
+  sdkInt: number;
+  isSamsungDevice: boolean;
+  capabilities: SpenCapability[];
+  samsungSdk?: {
+    available: boolean;
+    versionCode?: number;
+    versionName?: string;
+    connected?: boolean;
+    featureFlags?: Partial<Record<SpenRemoteFeature, boolean>>;
+  };
+};
+
+export type SpenEventName =
+  | "spen-hover"
+  | "spen-button"
+  | "spen-down"
+  | "spen-move"
+  | "spen-up"
+  | "spen-status"
+  | "spen-insertion-state"
+  | "spen-connection-state"
+  | "spen-error"
+  | "spen-air-action";
+
+export type SpenPoint = {
+  x: number;
+  y: number;
+  pressure?: number;
+  /** Raw device-specific distance from the display during hover events. */
+  hoverDistance?: number;
+  tilt?: number;
+  tiltX?: number;
+  tiltY?: number;
+  toolType?: "stylus" | "finger" | "mouse" | "unknown";
+};
+
+export type SpenEventPayload = {
+  name: SpenEventName;
+  timestamp: number;
+  point?: SpenPoint;
+  action?: string;
+  buttonState?: number;
+  connectionState?: SpenConnectionState;
+  insertionState?: SpenInsertionState;
+  errorCode?: SpenErrorCode;
+  raw?: Record<string, unknown>;
+};
+
+export type SpenListener = (event: SpenEventPayload) => void;