@nativescript-community/gesturehandler 2.0.0 → 2.0.1

package/src/gesturehandler/gesturehandler.common.ts

@@ -1,325 +0,0 @@
-/* eslint-disable no-redeclare */
-// import { launchEvent } from '@nativescript/core/application';
-// console.log(launchEvent);
-// console.log('gestures common', global.NativeScriptHasInitGlobal);
-
-import Observable from '@nativescript-community/observable';
-import { EventData, GridLayout } from '@nativescript/core';
-import { CssProperty, Property, Style, View, booleanConverter } from '@nativescript/core/ui';
-import {
-    FlingGestureHandler,
-    FlingGestureHandlerOptions,
-    ForceTouchGestureHandler,
-    ForceTouchGestureHandlerOptions,
-    Handler,
-    LongPressGestureHandler,
-    LongPressGestureHandlerOptions,
-    Manager,
-    NativePropertyOptions,
-    NativeViewGestureHandler,
-    NativeViewGestureHandlerOptions,
-    PanGestureHandler,
-    PanGestureHandlerOptions,
-    PinchGestureHandler,
-    PinchGestureHandlerOptions,
-    RotationGestureHandler,
-    RotationGestureHandlerOptions,
-    TapGestureHandler,
-    TapGestureHandlerOptions,
-} from './gesturehandler';
-
-export const GestureHandlerStateEvent = 'GestureHandlerStateEvent';
-export const GestureHandlerTouchEvent = 'GestureHandlerTouchEvent';
-export const ROOT_GESTURE_HANDLER_TAG = -12345;
-
-export enum HandlerType {
-    PAN = 'pan',
-    TAP = 'tap',
-    FLING = 'fling',
-    LONG_PRESS = 'longPress',
-    NATIVE_VIEW = 'nativeView',
-    PINCH = 'pinch',
-    ROTATION = 'rotation',
-    FORCE_TOUCH = 'forceTouch',
-}
-
-export interface OptionsTypeMap {
-    [HandlerType.TAP]: TapGestureHandlerOptions;
-    [HandlerType.LONG_PRESS]: LongPressGestureHandlerOptions;
-    [HandlerType.PINCH]: PinchGestureHandlerOptions;
-    [HandlerType.FLING]: FlingGestureHandlerOptions;
-    [HandlerType.PAN]: PanGestureHandlerOptions;
-    [HandlerType.ROTATION]: RotationGestureHandlerOptions;
-    [HandlerType.NATIVE_VIEW]: NativeViewGestureHandlerOptions;
-    [HandlerType.FORCE_TOUCH]: ForceTouchGestureHandlerOptions;
-}
-export interface TypeMap {
-    [HandlerType.TAP]: TapGestureHandler;
-    [HandlerType.LONG_PRESS]: LongPressGestureHandler;
-    [HandlerType.PINCH]: PinchGestureHandler;
-    [HandlerType.FLING]: FlingGestureHandler;
-    [HandlerType.PAN]: PanGestureHandler;
-    [HandlerType.ROTATION]: RotationGestureHandler;
-    [HandlerType.NATIVE_VIEW]: NativeViewGestureHandler;
-    [HandlerType.FORCE_TOUCH]: ForceTouchGestureHandler;
-}
-
-function createGetter(key: string, options: NativePropertyOptions) {
-    // console.log('createGetter', key, options);
-    const nativeGetterName = ((global.isAndroid ? options.android : options.ios) || options).nativeGetterName || 'get' + key.charAt(0).toUpperCase() + key.slice(1);
-    const converter = options.converter;
-    return function () {
-        let result;
-        // console.log('getter', key, nativeGetterName);
-        if (this.native && this.native[nativeGetterName]) {
-            result = this.native[nativeGetterName]();
-        } else {
-            result = this.options[key] || options.defaultValue;
-        }
-        result = converter && converter.fromNative ? converter.fromNative.call(this, result, key) : result;
-        // console.log('getter', key, options, nativeGetterName, !!getConverter, result);
-        return result;
-    };
-}
-function createSetter(key, options: NativePropertyOptions) {
-    const nativeSetterName = ((global.isAndroid ? options.android : options.ios) || options).nativeSetterName || 'set' + key.charAt(0).toUpperCase() + key.slice(1);
-    return function (newVal) {
-        this.options[key] = newVal;
-        if (this.native && this.native[nativeSetterName]) {
-            const actualVal = options.converter && options.converter.toNative ? options.converter.toNative.call(this, newVal, key) : newVal;
-            (this.native[nativeSetterName] as Function).call(this.native, actualVal);
-        }
-    };
-}
-
-function nativePropertyGenerator(target: Object, key: string, options?: NativePropertyOptions) {
-    Object.defineProperty(target, key, {
-        get: createGetter(key, options),
-        set: createSetter(key, options),
-        enumerable: true,
-        configurable: true,
-    });
-}
-export function nativeProperty(target: any, k?, desc?: PropertyDescriptor): any;
-export function nativeProperty(options: NativePropertyOptions): (target: any, k?, desc?: PropertyDescriptor) => any;
-export function nativeProperty(...args) {
-    if (args.length === 1) {
-        /// this must be a factory
-        return function (target: any, key?: string, descriptor?: PropertyDescriptor) {
-            return nativePropertyGenerator(target, key, args[0] || {});
-        };
-    } else {
-        const options = typeof args[1] === 'string' ? undefined : args[0];
-        const startIndex = !!options ? 1 : 0;
-        return nativePropertyGenerator(args[startIndex], args[startIndex + 1], options || {});
-    }
-}
-export abstract class BaseNative<T, U extends {}> extends Observable {
-    constructor(public options?: U, native?: T) {
-        super();
-        if (native) {
-            this.native = native;
-        }
-    }
-    native: T;
-    initNativeView(native: T, options: U) {
-        for (const key in options) {
-            (this as any)[key] = options[key];
-        }
-    }
-    disposeNativeView() {
-        this.native = null;
-    }
-    getNative = () => {
-        if (!this.native) {
-            this.native = this.createNative(this.options);
-            this.initNativeView(this.native, this.options);
-        }
-        return this.native;
-    };
-    abstract createNative(options: U): T;
-}
-
-export abstract class ManagerBase extends Observable {
-    abstract createGestureHandler<T extends HandlerType>(handlerName: T, handlerTag: number, config?: OptionsTypeMap[T]): TypeMap[T];
-}
-
-export enum GestureState {
-    UNDETERMINED,
-    FAILED,
-    BEGAN,
-    CANCELLED,
-    ACTIVE,
-    END,
-}
-
-export interface GestureStateEventData extends EventData {
-    object: Handler<any, any>;
-    data: {
-        state: GestureState;
-        prevState: GestureState;
-        ios?: any; // native View
-        android?: any; // native View
-        view: View;
-        extraData: {
-            [k: string]: number;
-        };
-    };
-}
-export interface GestureTouchEventData extends EventData {
-    object: Handler<any, any>;
-    data: {
-        state: GestureState;
-        ios?: any; // native View
-        android?: any; // native View
-        view?: View; // native View
-        extraData: {
-            [k: string]: number;
-        };
-    };
-}
-
-export class BaseGestureRootView extends GridLayout {}
-
-export function applyMixins(
-    derivedCtor: any,
-    baseCtors: any[],
-    options?: {
-        after?: boolean;
-        override?: boolean;
-        omit?: (string | symbol)[];
-    }
-) {
-    const omits = options && options.omit ? options.omit : [];
-    baseCtors.forEach((baseCtor) => {
-        Object.getOwnPropertyNames(baseCtor.prototype).forEach((name) => {
-            if (omits.indexOf(name) !== -1) {
-                return;
-            }
-            const descriptor = Object.getOwnPropertyDescriptor(baseCtor.prototype, name);
-
-            if (name === 'constructor') return;
-            if (descriptor && (!descriptor.writable || !descriptor.configurable || descriptor.get || descriptor.set)) {
-                Object.defineProperty(derivedCtor.prototype, name, descriptor);
-            } else {
-                const oldImpl = derivedCtor.prototype[name];
-                if (!oldImpl) {
-                    derivedCtor.prototype[name] = baseCtor.prototype[name];
-                } else {
-                    derivedCtor.prototype[name] = function (...args) {
-                        if (options) {
-                            if (!!options.override) {
-                                return baseCtor.prototype[name].apply(this, args);
-                            } else if (!!options.after) {
-                                oldImpl.apply(this, args);
-                                return baseCtor.prototype[name].apply(this, args);
-                            } else {
-                                baseCtor.prototype[name].apply(this, args);
-                                return oldImpl.apply(this, args);
-                            }
-                        } else {
-                            baseCtor.prototype[name].apply(this, args);
-                            return oldImpl.apply(this, args);
-                        }
-                    };
-                }
-            }
-        });
-        Object.getOwnPropertySymbols(baseCtor.prototype).forEach((symbol) => {
-            if (omits.indexOf(symbol) !== -1) {
-                return;
-            }
-            const oldImpl: Function = derivedCtor.prototype[symbol];
-            if (!oldImpl) {
-                derivedCtor.prototype[symbol] = baseCtor.prototype[symbol];
-            } else {
-                derivedCtor.prototype[symbol] = function (...args) {
-                    if (options) {
-                        if (!!options.override) {
-                            return baseCtor.prototype[symbol].apply(this, args);
-                        } else if (!!options.after) {
-                            oldImpl.apply(this, args);
-                            return baseCtor.prototype[symbol].apply(this, args);
-                        } else {
-                            baseCtor.prototype[symbol].apply(this, args);
-                            return oldImpl.apply(this, args);
-                        }
-                    } else {
-                        baseCtor.prototype[symbol].apply(this, args);
-                        return oldImpl.apply(this, args);
-                    }
-                };
-            }
-        });
-    });
-}
-
-export const exclusiveTouchProperty = new CssProperty<Style, boolean>({
-    name: 'exclusiveTouch',
-    cssName: 'exclusive-touch',
-    defaultValue: false,
-    valueConverter: booleanConverter,
-});
-
-export const ViewInitEvent = 'ViewInitEvent';
-export const ViewDisposeEvent = 'ViewDisposeEvent';
-
-let NATIVE_GESTURE_TAG = 74000;
-class ViewGestureExtended extends View {
-    exclusiveTouchGestureHandler: NativeViewGestureHandler;
-
-    set exclusiveTouch(value) {
-        this.style['exclusiveTouch'] = value;
-    }
-    get exclusiveTouch() {
-        return this.style['exclusiveTouch'];
-    }
-    initNativeView() {
-        if (this.nativeView) {
-            this.nativeView.nsView = new WeakRef(this);
-        }
-        this.notify({ eventName: ViewInitEvent, object: this });
-    }
-    disposeNativeView() {
-        if (this.nativeView) {
-            this.nativeView.nsView = null;
-        }
-        if (this.exclusiveTouchGestureHandler) {
-            this.exclusiveTouchGestureHandler.detachFromView();
-            this.exclusiveTouchGestureHandler = null;
-        }
-        this.notify({ eventName: ViewDisposeEvent, object: this });
-    }
-    [exclusiveTouchProperty.setNative](value: boolean) {
-        // console.log('exclusiveTouchProperty', this, value);
-        if (value) {
-            if (!this.exclusiveTouchGestureHandler) {
-                const gestureHandler = Manager.getInstance().createGestureHandler(HandlerType.NATIVE_VIEW, NATIVE_GESTURE_TAG++, {
-                    disallowInterruption: true,
-                    shouldActivateOnStart: false,
-                    shouldCancelWhenOutside: false,
-                });
-                this.exclusiveTouchGestureHandler = gestureHandler as any;
-            }
-            this.exclusiveTouchGestureHandler.attachToView(this);
-        } else if (this.exclusiveTouchGestureHandler) {
-            this.exclusiveTouchGestureHandler.detachFromView();
-        }
-    }
-}
-
-exclusiveTouchProperty.register(Style);
-
-let installed = false;
-export function overrideViewBase() {
-    const NSView = require('@nativescript/core/ui/core/view').View;
-    applyMixins(NSView, [ViewGestureExtended]);
-}
-
-export function install(overrideNGestures?: boolean) {
-    if (installed) {
-        return;
-    }
-    installed = true;
-    overrideViewBase();
-}

package/src/gesturehandler/gesturehandler.ios.ts

@@ -1,296 +0,0 @@
-import { View } from '@nativescript/core/ui';
-import { GestureEventData, GestureTypes } from '@nativescript/core/ui/gestures';
-import { getClass } from '@nativescript/core/utils/types';
-import { HandlerOptions } from './gesturehandler';
-import {
-    BaseGestureRootView,
-    BaseNative,
-    GestureHandlerStateEvent,
-    GestureHandlerTouchEvent,
-    GestureState,
-    GestureStateEventData,
-    GestureTouchEventData,
-    HandlerType,
-    ManagerBase,
-    OptionsTypeMap,
-    TypeMap,
-    ViewDisposeEvent,
-    ViewInitEvent,
-    install as installBase,
-    nativeProperty,
-} from './gesturehandler.common';
-import { observe as gestureObserve } from './gestures_override';
-export { GestureState, GestureHandlerStateEvent, GestureHandlerTouchEvent, GestureStateEventData, GestureTouchEventData, HandlerType, ViewInitEvent, ViewDisposeEvent };
-
-export enum FlingDirection {
-    DIRECTION_LEFT = UISwipeGestureRecognizerDirection.Left,
-    DIRECTION_UP = UISwipeGestureRecognizerDirection.Up,
-    DIRECTION_DOWN = UISwipeGestureRecognizerDirection.Down,
-    DIRECTION_RIGHT = UISwipeGestureRecognizerDirection.Right,
-}
-
-let installed = false;
-let installedOverrides = false;
-export function install(overrideNGestures = false) {
-    if (!installed) {
-        installed = true;
-        installBase(overrideNGestures);
-    }
-
-    if (overrideNGestures === true && !installedOverrides) {
-        installedOverrides = true;
-        const NSView = require('@nativescript/core/ui/core/view').View;
-        NSView.prototype._observe = function (type: GestureTypes, callback: (args: GestureEventData) => void, thisArg?: any): void {
-            if (!this._gestureObservers[type]) {
-                this._gestureObservers[type] = [];
-            }
-
-            this._gestureObservers[type].push(gestureObserve(this, type, callback, thisArg));
-            // if (type & GestureTypes.touch && this.isLoaded && !this.touchListenerIsSet) {
-            //     this.setOnTouchListener();
-            // }
-        };
-    }
-}
-function toJsObject(objCObj) {
-    if (objCObj === null || typeof objCObj !== 'object') {
-        return objCObj;
-    }
-    let node, key, i, l;
-    const oKeyArr = objCObj.allKeys;
-
-    if (oKeyArr === undefined && objCObj.count !== undefined) {
-        // array
-        node = [];
-        for (i = 0, l = objCObj.count; i < l; i++) {
-            key = objCObj.objectAtIndex(i);
-            node.push(toJsObject(key));
-        }
-    } else if (oKeyArr !== undefined) {
-        // object
-        node = {};
-        for (i = 0, l = oKeyArr.count; i < l; i++) {
-            key = oKeyArr.objectAtIndex(i);
-            const val = objCObj.valueForKey(key);
-
-            // Firestore can store nulls
-            if (val === null) {
-                node[key] = null;
-                continue;
-            }
-            node[key] = getValueForClass(val);
-        }
-    } else {
-        node = getValueForClass(objCObj);
-    }
-
-    return node;
-}
-
-function getValueForClass(val) {
-    switch (getClass(val)) {
-        case 'NSArray':
-        case 'NSMutableArray':
-            return toJsObject(val);
-        case 'NSDictionary':
-        case 'NSMutableDictionary':
-            return toJsObject(val);
-        case 'String':
-            return String(val);
-        case 'Boolean':
-            return val;
-        case 'Number':
-        case 'NSDecimalNumber':
-            return Number(String(val));
-        case 'Date':
-            return new Date(val);
-
-        default:
-            console.log(
-                "Please report this at https://github.com/farfromrefug/@nativescript-community/gesturehandler-febase/issues: iOS toJsObject is missing a converter for class '" +
-                    getClass(val) +
-                    "'. Casting to String as a fallback."
-            );
-            return String(val);
-    }
-}
-
-export class GestureRootView extends BaseGestureRootView {}
-
-@NativeClass
-export class HandlerDelegate extends NSObject implements GestureHandlerDelegate {
-    public static ObjCProtocols = [GestureHandlerDelegate];
-    private _owner: WeakRef<Handler<any, any>>;
-    static new(): HandlerDelegate {
-        return super.new() as HandlerDelegate;
-    }
-    // public initWithOwner(owner: WeakRef<Handler<any, any>>): HandlerDelegate {
-    //     this._owner = owner;
-    //     return this;
-    // }
-
-    public static initWithOwner(owner: WeakRef<Handler<any, any>>): HandlerDelegate {
-        const impl = HandlerDelegate.new();
-        impl._owner = owner;
-        return impl;
-    }
-    gestureHandlerDidChangeStatePrevStateExtraDataView(
-        handler: GestureHandler,
-        state: GestureHandlerState,
-        prevState: GestureHandlerState,
-        extraData: NSDictionary<any, any>,
-        view: UIView & { nsView?: WeakRef<View> }
-    ): void {
-        const owner = this._owner && this._owner.get();
-        if (owner) {
-            owner.notify({
-                eventName: GestureHandlerStateEvent,
-                object: owner,
-                data: {
-                    state,
-                    prevState,
-                    ios: view,
-                    extraData: toJsObject(extraData),
-                    view: view.nsView ? view.nsView.get() : null,
-                },
-            });
-        }
-    }
-    gestureHandlerTouchEventOnViewStateExtraData(handler: GestureHandler, view: UIView & { nsView?: WeakRef<View> }, state: GestureHandlerState, extraData: NSDictionary<any, any>): void {
-        const owner = this._owner && this._owner.get();
-        if (owner) {
-            owner.notify({
-                eventName: GestureHandlerTouchEvent,
-                object: owner,
-                data: {
-                    state,
-                    ios: view,
-                    extraData: toJsObject(extraData),
-                    view: view.nsView ? view.nsView.get() : null,
-                },
-            });
-        }
-    }
-    gestureHandlerShouldActivateForEvent(handler: GestureHandler, extraData: NSDictionary<any, any>) {
-        const owner = this._owner && this._owner.get();
-        if (owner && owner.options && owner.options.shouldStartGesture) {
-            return owner.options.shouldStartGesture(toJsObject(extraData));
-        }
-        return true;
-    }
-}
-
-export class Handler<T extends GestureHandler, U extends HandlerOptions> extends BaseNative<T, U> {
-    manager: WeakRef<Manager>;
-    delegate: HandlerDelegate;
-    @nativeProperty enabled: boolean;
-    @nativeProperty shouldCancelWhenOutside: boolean;
-    createNative() {
-        return null;
-    }
-    attachedView: View;
-    nativeGetterKey = 'nativeView';
-    attachToView(view: View) {
-        if (view === this.attachedView) {
-            return;
-        }
-        if (this.attachedView) {
-            this.detachFromView(this.attachedView);
-        }
-        this.attachedView = view;
-        this.delegate = HandlerDelegate.initWithOwner(new WeakRef(this));
-        this.native.delegate = this.delegate;
-        this.manager.get().attachGestureHandler(this, view);
-    }
-    detachFromView(view?: View) {
-        if ((view && view !== this.attachedView) || !this.attachedView) {
-            return;
-        }
-
-        if (!this.attachedView) {
-            return;
-        }
-        const tag = this.native.tag;
-        this.delegate = this.native.delegate = null;
-        this.manager.get().detachGestureHandler(tag, this.attachedView);
-        this.attachedView = null;
-    }
-    getTag() {
-        return this.native.tag;
-    }
-    setTag(value) {
-        // cant change tag on ios
-    }
-    getView() {
-        return this.attachedView;
-    }
-    cancel() {
-        this.native.reset();
-    }
-}
-
-export class Manager extends ManagerBase {
-    _manager: GestureHandlerManager;
-    get manager() {
-        if (!this._manager) {
-            this._manager = GestureHandlerManager.alloc().init();
-        }
-        return this._manager;
-    }
-
-    static sManager: Manager;
-    static getInstance() {
-        if (!Manager.sManager) {
-            Manager.sManager = new Manager();
-        }
-        return Manager.sManager;
-    }
-    createGestureHandler<T extends HandlerType>(handlerName: T, handlerTag: number, config?: OptionsTypeMap[T]): TypeMap[T] {
-        const nHandler = this.manager.createGestureHandlerTagConfig(handlerName, handlerTag, config ? NSDictionary.dictionaryWithDictionary(config as any) : null);
-        const result = new Handler(config, nHandler);
-        result.manager = new WeakRef(this);
-        return result as any;
-    }
-
-    viewListeners = new Map<View, Map<number, { init: () => void; dispose: () => void }>>();
-    attachGestureHandler(handler: Handler<any, any>, view: View) {
-        const tag = handler.native.tag;
-        if (view.nativeView) {
-            this.manager.attachGestureHandlerToView(tag, view[handler.nativeGetterKey]);
-        }
-        const onInit = () => {
-            this.manager.attachGestureHandlerToView(tag, view[handler.nativeGetterKey]);
-        };
-        const onDispose = () => this.manager.dropGestureHandler(tag);
-        view.on(ViewInitEvent, onInit, this);
-        view.on(ViewDisposeEvent, onDispose, this);
-        let viewListeners = this.viewListeners.get(view);
-        if (!viewListeners) {
-            viewListeners = new Map();
-            this.viewListeners.set(view, viewListeners);
-        }
-        viewListeners.set(tag, {
-            init: onInit,
-            dispose: onDispose,
-        });
-    }
-    detachGestureHandler(handlerTag: number, view: View) {
-        if (view.nativeView) {
-            this.manager.dropGestureHandler(handlerTag);
-        }
-        if (view) {
-            const viewListeners = this.viewListeners.get(view);
-            if (viewListeners) {
-                const listeners = viewListeners.get(handlerTag);
-                if (listeners) {
-                    view.off(ViewInitEvent, listeners.init, this);
-                    view.off(ViewDisposeEvent, () => listeners.dispose, this);
-                    viewListeners.delete(handlerTag);
-                    if (viewListeners.size === 0) {
-                        this.viewListeners.delete(view);
-                    }
-                }
-            }
-        }
-    }
-}