@react-native-oh-tpl/react-native-gesture-handler 2.14.15 → 2.14.17-rc.0

package/harmony/gesture_handler/src/main/ets/gesture-handlers/detectors/RotationGestureDetector.ts

@@ -1,167 +0,0 @@
-import { PointerTracker, IncomingEvent, EventType } from '../../core';
-
-export interface RotationGestureListener {
-  onRotationBegin: (detector: RotationGestureDetector) => boolean;
-  onRotation: (detector: RotationGestureDetector) => boolean;
-  onRotationEnd: (detector: RotationGestureDetector) => void;
-}
-
-export default class RotationGestureDetector
-  implements RotationGestureListener
-{
-  onRotationBegin: (detector: RotationGestureDetector) => boolean;
-  onRotation: (detector: RotationGestureDetector) => boolean;
-  onRotationEnd: (detector: RotationGestureDetector) => void;
-
-  private currentTime = 0;
-  private previousTime = 0;
-
-  private previousAngle = 0;
-  private rotation = 0;
-
-  private anchorX = 0;
-  private anchorY = 0;
-
-  private isInProgress = false;
-
-  private keyPointers: number[] = [NaN, NaN];
-
-  constructor(callbacks: RotationGestureListener) {
-    this.onRotationBegin = callbacks.onRotationBegin;
-    this.onRotation = callbacks.onRotation;
-    this.onRotationEnd = callbacks.onRotationEnd;
-  }
-
-  private updateCurrent(event: IncomingEvent, tracker: PointerTracker): void {
-    this.previousTime = this.currentTime;
-    this.currentTime = event.time;
-
-    const [firstPointerID, secondPointerID] = this.keyPointers;
-
-    const firstPointerX: number = tracker.getLastX(firstPointerID);
-    const firstPointerY: number = tracker.getLastY(firstPointerID);
-    const secondPointerX: number = tracker.getLastX(secondPointerID);
-    const secondPointerY: number = tracker.getLastY(secondPointerID);
-
-    const vectorX: number = secondPointerX - firstPointerX;
-    const vectorY: number = secondPointerY - firstPointerY;
-
-    this.anchorX = (firstPointerX + secondPointerX) / 2;
-    this.anchorY = (firstPointerY + secondPointerY) / 2;
-
-    //Angle diff should be positive when rotating in clockwise direction
-    const angle: number = -Math.atan2(vectorY, vectorX);
-
-    this.rotation = Number.isNaN(this.previousAngle)
-      ? 0
-      : this.previousAngle - angle;
-
-    this.previousAngle = angle;
-
-    if (this.rotation > Math.PI) {
-      this.rotation -= Math.PI;
-    } else if (this.rotation < -Math.PI) {
-      this.rotation += Math.PI;
-    }
-
-    if (this.rotation > Math.PI / 2) {
-      this.rotation -= Math.PI;
-    } else if (this.rotation < -Math.PI / 2) {
-      this.rotation += Math.PI;
-    }
-  }
-
-  private finish(): void {
-    if (!this.isInProgress) {
-      return;
-    }
-
-    this.isInProgress = false;
-    this.keyPointers = [NaN, NaN];
-    this.onRotationEnd(this);
-  }
-
-  private setKeyPointers(tracker: PointerTracker): void {
-    if (this.keyPointers[0] && this.keyPointers[1]) {
-      return;
-    }
-
-    const pointerIDs: IterableIterator<number> = tracker.getData().keys();
-
-    this.keyPointers[0] = pointerIDs.next().value as number;
-    this.keyPointers[1] = pointerIDs.next().value as number;
-  }
-
-  public onTouchEvent(event: IncomingEvent, tracker: PointerTracker): boolean {
-    switch (event.eventType) {
-      case EventType.DOWN:
-        this.isInProgress = false;
-        break;
-
-      case EventType.ADDITIONAL_POINTER_DOWN:
-        if (this.isInProgress) {
-          break;
-        }
-        this.isInProgress = true;
-
-        this.previousTime = event.time;
-        this.previousAngle = NaN;
-
-        this.setKeyPointers(tracker);
-
-        this.updateCurrent(event, tracker);
-        this.onRotationBegin(this);
-        break;
-
-      case EventType.MOVE:
-        if (!this.isInProgress) {
-          break;
-        }
-
-        this.updateCurrent(event, tracker);
-        this.onRotation(this);
-
-        break;
-
-      case EventType.ADDITIONAL_POINTER_UP:
-        if (!this.isInProgress) {
-          break;
-        }
-
-        if (this.keyPointers.indexOf(event.pointerId) >= 0) {
-          this.finish();
-        }
-
-        break;
-
-      case EventType.UP:
-        if (this.isInProgress) {
-          this.finish();
-        }
-        break;
-    }
-
-    return true;
-  }
-
-  public getTimeDelta(): number {
-    return this.currentTime + this.previousTime;
-  }
-
-  public getAnchorX(): number {
-    return this.anchorX;
-  }
-
-  public getAnchorY(): number {
-    return this.anchorY;
-  }
-
-  public getRotation(): number {
-    return this.rotation;
-  }
-
-  public reset(): void {
-    this.keyPointers = [NaN, NaN];
-    this.isInProgress = false;
-  }
-}

package/harmony/gesture_handler/src/main/ets/gesture-handlers/index.ts

@@ -1 +0,0 @@
-export * from "./GestureHandlerFactory"

package/harmony/gesture_handler/src/main/ets/namespace/RNGestureHandlerModule.ts

@@ -1,24 +0,0 @@
-// This file was generated.
-
-export namespace RNGestureHandlerModule {
-  export const NAME = 'RNGestureHandlerModule' as const
-
-  export interface Spec {
-    handleSetJSResponder(tag: number, blockNativeResponder: boolean): void;
-
-    handleClearJSResponder(): void;
-
-    createGestureHandler(handlerName: string, handlerTag: number, config: Object): void;
-
-    attachGestureHandler(handlerTag: number, newView: number, actionType: number): void;
-
-    updateGestureHandler(handlerTag: number, newConfig: Object): void;
-
-    dropGestureHandler(handlerTag: number): void;
-
-    install(): boolean;
-
-    flushOperations(): void;
-
-  }
-}

package/harmony/gesture_handler/src/main/ets/namespace/components/RNGestureHandlerButton.ts

@@ -1,139 +0,0 @@
-// This file was generated.
-import {
-  Descriptor as ComponentDescriptor,
-  ViewBaseProps,
-  ViewRawProps,
-  ViewDescriptorWrapperBase,
-  ColorValue,
-  Color,
-  RNInstance,
-  Tag,
-  RNComponentCommandReceiver,
-  ViewPropsSelector,
-} from '@rnoh/react-native-openharmony/ts';
-
-
-export namespace RNGestureHandlerButton {
-  export const NAME = "RNGestureHandlerButton" as const
-
-  export interface DirectRawProps {
-    exclusive?: boolean;
-    foreground?: boolean;
-    borderless?: boolean;
-    enabled?: boolean;
-    rippleColor?: ColorValue;
-    rippleRadius?: number;
-    touchSoundDisabled?: boolean;
-  }
-
-  export interface Props extends ViewBaseProps {}
-
-  export interface State {}
-
-  export interface RawProps extends ViewRawProps, DirectRawProps {}
-
-  export class PropsSelector extends ViewPropsSelector<Props, RawProps> {
-    get exclusive() {
-      return this.rawProps.exclusive ?? true;
-    }
-
-    get foreground() {
-      return this.rawProps.foreground ?? false;
-    }
-
-    get borderless() {
-      return this.rawProps.borderless ?? false;
-    }
-
-    get enabled() {
-      return this.rawProps.enabled ?? true;
-    }
-
-    get rippleRadius() {
-      return this.rawProps.rippleRadius ?? 0;
-    }
-
-    get touchSoundDisabled() {
-      return this.rawProps.touchSoundDisabled ?? false;
-    }
-
-
-    get rippleColor() {
-      if (this.rawProps.rippleColor) {
-        return Color.fromColorValue(this.rawProps.rippleColor)
-      } else {
-        return new Color({ r: 0, g: 0, b: 0, a: 255})
-      }
-    }
-
-  }
-
-  export type Descriptor = ComponentDescriptor<
-  typeof NAME,
-  Props,
-  State,
-  RawProps
-  >;
-
-  export class DescriptorWrapper extends ViewDescriptorWrapperBase<
-  typeof NAME,
-  Props,
-  State,
-  RawProps,
-  PropsSelector
-  > {
-    protected createPropsSelector() {
-      return new PropsSelector(this.descriptor.props, this.descriptor.rawProps)
-    }
-  }
-
-  export interface EventPayloadByName {
-  }
-
-  export class EventEmitter {
-    constructor(private rnInstance: RNInstance, private tag: Tag) {}
-
-    emit<TEventName extends keyof EventPayloadByName>(eventName: TEventName, payload: EventPayloadByName[TEventName]) {
-      this.rnInstance.emitComponentEvent(this.tag, eventName, payload)
-    }
-  }
-
-  export interface CommandArgvByName {
-  }
-
-  export class CommandReceiver {
-    private listenersByCommandName = new Map<string, Set<(...args: any[]) => void>>()
-    private cleanUp: (() => void) | undefined = undefined
-
-    constructor(private componentCommandReceiver: RNComponentCommandReceiver, private tag: Tag) {
-    }
-
-    subscribe<TCommandName extends keyof CommandArgvByName>(commandName: TCommandName, listener: (argv: CommandArgvByName[TCommandName]) => void) {
-      if (!this.listenersByCommandName.has(commandName)) {
-        this.listenersByCommandName.set(commandName, new Set())
-      }
-      this.listenersByCommandName.get(commandName)!.add(listener)
-      const hasRegisteredCommandReceiver = !!this.cleanUp
-      if (!hasRegisteredCommandReceiver) {
-        this.cleanUp = this.componentCommandReceiver.registerCommandCallback(this.tag, (commandName: string, argv: any[]) => {
-          if (this.listenersByCommandName.has(commandName)) {
-            const listeners = this.listenersByCommandName.get(commandName)!
-            listeners.forEach(listener => {
-              listener(argv)
-            })
-          }
-        })
-      }
-
-      return () => {
-        this.listenersByCommandName.get(commandName)?.delete(listener)
-        if (this.listenersByCommandName.get(commandName)?.size ?? 0 === 0) {
-          this.listenersByCommandName.delete(commandName)
-        }
-        if (this.listenersByCommandName.size === 0) {
-          this.cleanUp?.()
-        }
-      }
-    }
-  }
-}

package/harmony/gesture_handler/src/main/ets/namespace/components/RNGestureHandlerRootView.ts

@@ -1,101 +0,0 @@
-// This file was generated.
-import {
-  Descriptor as ComponentDescriptor,
-  ViewBaseProps,
-  ViewRawProps,
-  ViewDescriptorWrapperBase,
-  ColorValue,
-  Color,
-  RNInstance,
-  Tag,
-  RNComponentCommandReceiver,
-  ViewPropsSelector,
-} from '@rnoh/react-native-openharmony/ts';
-
-
-export namespace RNGestureHandlerRootView {
-  export const NAME = "RNGestureHandlerRootView" as const
-
-  export interface DirectRawProps {
-  }
-
-  export interface Props extends ViewBaseProps {}
-
-  export interface State {}
-
-  export interface RawProps extends ViewRawProps, DirectRawProps {}
-
-  export class PropsSelector extends ViewPropsSelector<Props, RawProps> {
-
-  }
-
-  export type Descriptor = ComponentDescriptor<
-  typeof NAME,
-  Props,
-  State,
-  RawProps
-  >;
-
-  export class DescriptorWrapper extends ViewDescriptorWrapperBase<
-  typeof NAME,
-  Props,
-  State,
-  RawProps,
-  PropsSelector
-  > {
-    protected createPropsSelector() {
-      return new PropsSelector(this.descriptor.props, this.descriptor.rawProps)
-    }
-  }
-
-  export interface EventPayloadByName {
-  }
-
-  export class EventEmitter {
-    constructor(private rnInstance: RNInstance, private tag: Tag) {}
-
-    emit<TEventName extends keyof EventPayloadByName>(eventName: TEventName, payload: EventPayloadByName[TEventName]) {
-      this.rnInstance.emitComponentEvent(this.tag, eventName, payload)
-    }
-  }
-
-  export interface CommandArgvByName {
-  }
-
-  export class CommandReceiver {
-    private listenersByCommandName = new Map<string, Set<(...args: any[]) => void>>()
-    private cleanUp: (() => void) | undefined = undefined
-
-    constructor(private componentCommandReceiver: RNComponentCommandReceiver, private tag: Tag) {
-    }
-
-    subscribe<TCommandName extends keyof CommandArgvByName>(commandName: TCommandName, listener: (argv: CommandArgvByName[TCommandName]) => void) {
-      if (!this.listenersByCommandName.has(commandName)) {
-        this.listenersByCommandName.set(commandName, new Set())
-      }
-      this.listenersByCommandName.get(commandName)!.add(listener)
-      const hasRegisteredCommandReceiver = !!this.cleanUp
-      if (!hasRegisteredCommandReceiver) {
-        this.cleanUp = this.componentCommandReceiver.registerCommandCallback(this.tag, (commandName: string, argv: any[]) => {
-          if (this.listenersByCommandName.has(commandName)) {
-            const listeners = this.listenersByCommandName.get(commandName)!
-            listeners.forEach(listener => {
-              listener(argv)
-            })
-          }
-        })
-      }
-
-      return () => {
-        this.listenersByCommandName.get(commandName)?.delete(listener)
-        if (this.listenersByCommandName.get(commandName)?.size ?? 0 === 0) {
-          this.listenersByCommandName.delete(commandName)
-        }
-        if (this.listenersByCommandName.size === 0) {
-          this.cleanUp?.()
-        }
-      }
-    }
-  }
-
-}

package/harmony/gesture_handler/src/main/ets/namespace/components/ts.ts

@@ -1,2 +0,0 @@
-export * from "./RNGestureHandlerButton"
-export * from "./RNGestureHandlerRootView"

package/harmony/gesture_handler/src/main/ets/namespace/ts.ts

@@ -1,2 +0,0 @@
-export * as RNC from "./components/ts"
-export * as TM from "./RNGestureHandlerModule"

package/harmony/gesture_handler/src/main/ets/rnoh/GestureHandlerPackage.ts

@@ -1,25 +0,0 @@
-import {RNPackage, TurboModulesFactory} from "@rnoh/react-native-openharmony/ts";
-import type {TurboModule, TurboModuleContext} from "@rnoh/react-native-openharmony/ts";
-import {RNGestureHandlerModule} from './RNGestureHandlerModule';
-
-class GestureHandlerTurboModuleFactory extends TurboModulesFactory {
-  createTurboModule(name: string): TurboModule | null {
-    if (name === RNGestureHandlerModule.NAME) {
-      return new RNGestureHandlerModule(this.ctx);
-    }
-    return null;
-  }
-
-  hasTurboModule(name: string): boolean {
-    return name === RNGestureHandlerModule.NAME;
-  }
-}
-
-/**
- * @deprecated: Use the package class exported from ../RNOHPackage.ets (2024-10-10)
- */
-export class GestureHandlerPackage extends RNPackage {
-  createTurboModulesFactory(ctx: TurboModuleContext): TurboModulesFactory {
-    return new GestureHandlerTurboModuleFactory(ctx);
-  }
-}

package/harmony/gesture_handler/src/main/ets/rnoh/Logger.ts

@@ -1,107 +0,0 @@
-import { RNOHContext } from '@rnoh/react-native-openharmony/ts';
-import { RNGHLogger, RNGHLoggerMessage } from "../core"
-import hiTrace from "@ohos.hiTraceMeter"
-
-class Tracer {
-  private activeTracesCount: number = 0
-
-  public startTrace(name: string) {
-    /**
-     * hiTrace.startTrace creates a new lane which makes the traces useless
-     */
-    hiTrace.startTrace(name, 0)
-    this.activeTracesCount++
-    return () => {
-      hiTrace.finishTrace(name, 0)
-      this.activeTracesCount--
-    }
-  }
-
-  public getActiveTracesCount(): number {
-    return this.activeTracesCount
-  }
-}
-
-export class DevelopmentRNGHLogger implements RNGHLogger {
-  constructor(
-    protected rnohLogger: RNOHContext['logger'],
-    protected prefix: string,
-    protected tracer: Tracer = new Tracer(),
-  ) {
-  }
-
-  error(msg: string) {
-    this.log("error", msg);
-  }
-
-  warn(msg: string) {
-    this.log("warn", msg);
-  }
-
-  info(msg: string) {
-    this.log("info", msg);
-  }
-
-  debug(msg: RNGHLoggerMessage) {
-    this.log("debug", typeof msg === "string" ? msg : JSON.stringify(msg));
-  }
-
-  protected log(type: "debug" | "info" | "warn" | "error", msg: string, offset: number | undefined = undefined) {
-    this.rnohLogger[type](" ".repeat(offset ?? this.tracer.getActiveTracesCount() * 2),
-      `${this.prefix}: ${this.stringifyMsg(msg)}`)
-  }
-
-  startTracing(): () => void {
-    const startTime = Date.now()
-    const currentOffset = this.tracer.getActiveTracesCount() * 2
-    this.log("debug", "START", currentOffset)
-    const stopTrace = this.tracer.startTrace(this.prefix)
-    return () => {
-      stopTrace()
-      const stopTime = Date.now()
-      const durationInMs = stopTime - startTime
-      if (durationInMs < 16) {
-        this.log("debug", "STOP", currentOffset)
-      } else {
-        this.log("debug", `STOP (${durationInMs} ms)`, currentOffset)
-      }
-    }
-  }
-
-  private stringifyMsg(msg: RNGHLoggerMessage): string {
-    if (typeof msg === "string") {
-      return msg
-    } else {
-      return JSON.stringify(msg)
-    }
-  }
-
-  cloneAndJoinPrefix(prefix: string) {
-    return new DevelopmentRNGHLogger(this.rnohLogger, `${this.prefix}::${prefix}`, this.tracer);
-  }
-}
-
-export class ProductionRNGHLogger extends DevelopmentRNGHLogger {
-  override debug(msg: string) {
-    // NOOP
-  }
-
-  override cloneAndJoinPrefix(prefix: string) {
-    return new ProductionRNGHLogger(this.rnohLogger, `${this.prefix}::${prefix}`, this.tracer);
-  }
-
-  override startTracing(): () => void {
-    const startTime = Date.now()
-    const currentOffset = this.tracer.getActiveTracesCount() * 2
-
-    const stopTrace = this.tracer.startTrace(this.prefix)
-    return () => {
-      stopTrace()
-      const stopTime = Date.now()
-      const durationInMs = stopTime - startTime
-      if (durationInMs > 16) {
-        this.log("warn", `STOP (${durationInMs} ms)`, currentOffset)
-      }
-    }
-  }
-}

package/harmony/gesture_handler/src/main/ets/rnoh/OutgoingEventDispatchers.ts

@@ -1,94 +0,0 @@
-import { RNInstance } from '@rnoh/react-native-openharmony/ts';
-import {
-  OutgoingEventDispatcher,
-  GestureStateChangeEvent,
-  GestureUpdateEvent,
-  GestureTouchEvent,
-  RNGHLogger
-} from "../core"
-
-export class JSEventDispatcher implements OutgoingEventDispatcher {
-  private logger: RNGHLogger
-
-  constructor(private rnInstance: RNInstance, logger: RNGHLogger) {
-    this.logger = logger.cloneAndJoinPrefix("JSEventDispatcher")
-  }
-
-  public onGestureHandlerStateChange(event: GestureStateChangeEvent) {
-    const stopTracing = this.logger.cloneAndJoinPrefix(`onGestureHandlerStateChange`).startTracing();
-    this.rnInstance.emitDeviceEvent('onGestureHandlerStateChange', event);
-    stopTracing()
-  }
-
-  public onGestureHandlerEvent(
-    event: GestureStateChangeEvent | GestureUpdateEvent | GestureTouchEvent,
-  ) {
-    const stopTracing = this.logger.cloneAndJoinPrefix(`onGestureHandlerEvent`).startTracing();
-    this.rnInstance.emitDeviceEvent('onGestureHandlerEvent', event);
-    stopTracing()
-  }
-}
-
-export class AnimatedEventDispatcher implements OutgoingEventDispatcher {
-  private logger: RNGHLogger
-
-  constructor(
-    private rnInstance: RNInstance,
-    logger: RNGHLogger,
-    private viewTag: number,
-  ) {
-    this.logger = logger.cloneAndJoinPrefix("AnimatedEventDispatcher")
-  }
-
-  public onGestureHandlerStateChange(event: GestureStateChangeEvent) {
-    const stopTracing = this.logger.cloneAndJoinPrefix(`onGestureHandlerStateChange`).startTracing()
-    this.rnInstance.emitDeviceEvent('onGestureHandlerStateChange', event);
-    stopTracing()
-  }
-
-  public onGestureHandlerEvent(
-    event: GestureStateChangeEvent | GestureUpdateEvent | GestureTouchEvent,
-  ) {
-    const stopTracing = this.logger.cloneAndJoinPrefix(`onGestureHandlerEvent`).startTracing();
-    this.rnInstance.emitComponentEvent(
-      this.viewTag,
-      'onGestureHandlerEvent',
-      event,
-    );
-    stopTracing()
-  }
-}
-
-export class ReanimatedEventDispatcher implements OutgoingEventDispatcher {
-  private logger: RNGHLogger
-
-  constructor(
-    private rnInstance: RNInstance,
-    logger: RNGHLogger,
-    private viewTag: number,
-  ) {
-    this.logger = logger.cloneAndJoinPrefix("ReanimatedEventDispatcher")
-  }
-
-  public onGestureHandlerStateChange(event: GestureStateChangeEvent) {
-    const stopTracing = this.logger.cloneAndJoinPrefix(`onGestureHandlerStateChange`).startTracing();
-    this.rnInstance.emitComponentEvent(
-      this.viewTag,
-      'onGestureHandlerStateChange',
-      event,
-    );
-    stopTracing()
-  }
-
-  public onGestureHandlerEvent(
-    event: GestureStateChangeEvent | GestureUpdateEvent | GestureTouchEvent,
-  ) {
-    const stopTracing = this.logger.cloneAndJoinPrefix(`onGestureHandlerEvent`).startTracing();
-    this.rnInstance.emitComponentEvent(
-      this.viewTag,
-      'onGestureHandlerEvent',
-      event,
-    );
-    stopTracing()
-  }
-}