@nativescript-community/gesturehandler 0.2.2 → 2.0.0

package/src/gesturehandler/gestures_override.ts

@@ -0,0 +1,532 @@
+import { EventData, View } from '@nativescript/core';
+import { GestureEventData, GestureStateTypes, GestureTypes, GesturesObserver as NGesturesObserver, SwipeDirection, TouchAction, toString as gestureToString } from '@nativescript/core/ui/gestures';
+import { layout } from '@nativescript/core/utils/utils';
+import { Handler, Manager } from './gesturehandler';
+import { GestureHandlerStateEvent, GestureHandlerTouchEvent, GestureState, GestureStateEventData, HandlerType, ROOT_GESTURE_HANDLER_TAG } from './gesturehandler.common';
+
+export function observe(target: View, type: GestureTypes, callback: (args: GestureEventData) => void, context?: any): GesturesObserver {
+    const observer = new GesturesObserver(target, callback, context);
+    observer.observe(type);
+    return observer;
+}
+
+let TAG = 0;
+export class GesturesObserver {
+    private _callback: (args: GestureEventData) => void;
+    private _target: View & {
+        _gestureHandlers?: any;
+    };
+    private _context: any;
+
+    public type: GestureTypes;
+
+    private nObserver?: NGesturesObserver;
+
+    //@ts-ignore
+    public get callback(): (args: GestureEventData) => void {
+        return this._callback;
+    }
+
+    public get target() {
+        return this._target;
+    }
+
+    //@ts-ignore
+    public get context() {
+        return this._context;
+    }
+
+    constructor(target: View, callback: (args: GestureEventData) => void, context: any) {
+        this._target = target;
+        if (!target['TAP_HANDLER_TAG']) {
+            target['TAP_HANDLER_TAG'] = TAG++;
+        }
+        if (!target['LONGPRESS_HANDLER_TAG']) {
+            target['LONGPRESS_HANDLER_TAG'] = TAG++;
+        }
+        if (!target['DOUBLE_TAP_HANDLER_TAG']) {
+            target['DOUBLE_TAP_HANDLER_TAG'] = TAG++;
+        }
+        if (!target['PINCH_HANDLER_TAG']) {
+            target['PINCH_HANDLER_TAG'] = TAG++;
+        }
+        if (!target['PAN_HANDLER_TAG']) {
+            target['PAN_HANDLER_TAG'] = TAG++;
+        }
+        this._callback = callback;
+        this._context = context;
+    }
+
+    public disconnect() {
+        this._detach();
+
+        if (this.target) {
+            this.target.off('loaded', this._onTargetLoaded);
+            this.target.off('unloaded', this._onTargetUnloaded);
+
+            this._onTargetLoaded = null;
+            this._onTargetUnloaded = null;
+        }
+        // clears target, context and callback references
+        // remove gesture observer from map
+        if (this.target) {
+            const list = this.target.getGestureObservers(this.type);
+            if (list && list.length > 0) {
+                for (let i = 0; i < list.length; i++) {
+                    if (list[i].callback === this.callback) {
+                        break;
+                    }
+                }
+                list.length = 0;
+
+                delete this.target._gestureObservers[this.type];
+                if (this.target._gestureHandlers && this.target._gestureHandlers[this.type]) {
+                    delete this.target._gestureHandlers[this.type];
+                }
+            }
+        }
+        if (this.nObserver) {
+            this.nObserver.disconnect();
+            this.nObserver = null;
+        }
+        this._target = null;
+        this._callback = null;
+        this._context = null;
+    }
+    private _notifyTouch: boolean;
+
+    private gestureHandler: Handler<any, any>;
+    private _eventData: { [k: number]: CommonGestureEventData | TouchGestureEventData } = {};
+
+    private _onTargetLoaded: (data: EventData) => void;
+    private _onTargetUnloaded: (data: EventData) => void;
+
+    public observe(type: GestureTypes) {
+        if (this.target) {
+            this.type = type;
+            this._onTargetLoaded = (args) => {
+                this._attach(this.target, type);
+            };
+            this._onTargetUnloaded = (args) => {
+                this._detach();
+            };
+
+            this.target.on('loaded', this._onTargetLoaded);
+            this.target.on('unloaded', this._onTargetUnloaded);
+
+            if (this.target.isLoaded) {
+                this._attach(this.target, type);
+            }
+        }
+    }
+
+    private _detach() {
+        if (this.gestureHandler) {
+            this.gestureHandler.detachFromView(this.target);
+            this.gestureHandler = null;
+            delete this.target._gestureHandlers[this.type];
+        }
+        this._notifyTouch = false;
+        this._eventData = {};
+    }
+
+    private emitEvent(type: GestureTypes, event: GestureStateEventData) {
+        if (this.callback) {
+            let eventData = this._eventData[type] as CommonGestureEventData;
+            if (!eventData) {
+                switch (type) {
+                    case GestureTypes.pan:
+                        this._eventData[type] = eventData = new PanGestureEventData(type);
+                        break;
+                    case GestureTypes.pinch:
+                        this._eventData[type] = eventData = new PinchGestureEventData(type);
+                        break;
+                    case GestureTypes.swipe:
+                        this._eventData[type] = eventData = new SwipeGestureEventData(type);
+                        break;
+                    default:
+                        this._eventData[type] = eventData = new CommonGestureEventData(type);
+                        break;
+                }
+            }
+            eventData.prepare(this.target, event.data);
+            _executeCallback(this, eventData);
+            // this.callback.call(this._context, {
+            //     eventName: gestureToString(type),
+            //     object: event.data.view,
+            //     type,
+            //     ...event.data,
+            //     ...event.data.extraData,
+            // });
+        }
+    }
+    private onGestureStateChange(type: GestureTypes, triggerOnstate = -1) {
+        return (event: GestureStateEventData) => {
+            if (triggerOnstate !== -1 && event.data.state !== triggerOnstate) {
+                return;
+            }
+            this.emitEvent(type, event);
+        };
+    }
+    private onGestureTouchChange(type: GestureTypes) {
+        return (event: GestureStateEventData) => {
+            if (event.data.state === GestureState.ACTIVE) {
+                this.emitEvent(type, event);
+            }
+        };
+    }
+    private _attach(
+        target: View & {
+            _gestureHandlers?: any;
+        },
+        type: GestureTypes
+    ) {
+        this._detach();
+        if (type & GestureTypes.touch) {
+            this._notifyTouch = true;
+        }
+        const manager = Manager.getInstance();
+        if (!target._gestureHandlers) {
+            target._gestureHandlers = {};
+        }
+        let gestureHandler = target._gestureHandlers[type];
+
+        if (type & GestureTypes.tap) {
+            if (!gestureHandler) {
+                gestureHandler = manager.createGestureHandler(HandlerType.TAP, target['TAP_HANDLER_TAG'], {
+                    simultaneousHandlers: [ROOT_GESTURE_HANDLER_TAG],
+                    waitFor: [target['LONGPRESS_HANDLER_TAG'], target['DOUBLE_TAP_HANDLER_TAG']],
+                });
+                gestureHandler.attachToView(target);
+                target._gestureHandlers[type] = gestureHandler;
+            }
+            gestureHandler.on(GestureHandlerStateEvent, this.onGestureStateChange(GestureTypes.tap, GestureState.ACTIVE), this);
+        }
+        if (type & GestureTypes.longPress) {
+            if (!gestureHandler) {
+                gestureHandler = manager.createGestureHandler(HandlerType.LONG_PRESS, target['LONGPRESS_HANDLER_TAG'], {
+                    simultaneousHandlers: [ROOT_GESTURE_HANDLER_TAG],
+                });
+                gestureHandler.attachToView(target);
+                target._gestureHandlers[type] = gestureHandler;
+            }
+            gestureHandler.on(GestureHandlerStateEvent, this.onGestureStateChange(GestureTypes.longPress, GestureState.ACTIVE), this);
+        }
+        if (type & GestureTypes.doubleTap) {
+            if (!gestureHandler) {
+                gestureHandler = manager.createGestureHandler(HandlerType.TAP, target['DOUBLE_TAP_HANDLER_TAG'], {
+                    numberOfTaps: 2,
+                    simultaneousHandlers: [ROOT_GESTURE_HANDLER_TAG],
+                });
+                gestureHandler.attachToView(target);
+                target._gestureHandlers[type] = gestureHandler;
+            }
+            gestureHandler.on(GestureHandlerStateEvent, this.onGestureStateChange(GestureTypes.doubleTap), this);
+        }
+
+        if (type & GestureTypes.pinch) {
+            if (!gestureHandler) {
+                gestureHandler = manager.createGestureHandler(HandlerType.PINCH, target['PINCH_HANDLER_TAG'], {
+                    simultaneousHandlers: [target['PAN_HANDLER_TAG'], ROOT_GESTURE_HANDLER_TAG],
+                });
+                gestureHandler.attachToView(target);
+                target._gestureHandlers[type] = gestureHandler;
+            }
+            gestureHandler.on(GestureHandlerStateEvent, this.onGestureStateChange(GestureTypes.pinch), this);
+            gestureHandler.on(GestureHandlerTouchEvent, this.onGestureTouchChange(GestureTypes.pinch), this);
+        }
+
+        if (type & GestureTypes.swipe) {
+            if (!gestureHandler) {
+                gestureHandler = manager.createGestureHandler(HandlerType.FLING, TAG++, {
+                    simultaneousHandlers: [ROOT_GESTURE_HANDLER_TAG],
+                });
+                gestureHandler.attachToView(target);
+                target._gestureHandlers[type] = gestureHandler;
+            }
+            gestureHandler.on(GestureHandlerStateEvent, this.onGestureStateChange(GestureTypes.swipe), this);
+        }
+
+        if (type & GestureTypes.pan) {
+            if (!gestureHandler) {
+                gestureHandler = manager.createGestureHandler(HandlerType.PAN, target['PAN_HANDLER_TAG'], {
+                    simultaneousHandlers: [target['PINCH_HANDLER_TAG'], ROOT_GESTURE_HANDLER_TAG],
+                });
+                gestureHandler.attachToView(target);
+                target._gestureHandlers[type] = gestureHandler;
+            }
+            gestureHandler.on(GestureHandlerStateEvent, this.onGestureStateChange(GestureTypes.pan), this);
+            gestureHandler.on(GestureHandlerTouchEvent, this.onGestureTouchChange(GestureTypes.pan), this);
+        }
+
+        if (type & GestureTypes.rotation) {
+            if (!gestureHandler) {
+                gestureHandler = manager.createGestureHandler(HandlerType.ROTATION, TAG++, {
+                    simultaneousHandlers: [ROOT_GESTURE_HANDLER_TAG],
+                });
+                gestureHandler.attachToView(target);
+                target._gestureHandlers[type] = gestureHandler;
+            }
+            gestureHandler.on(GestureHandlerStateEvent, this.onGestureStateChange(GestureTypes.rotation), this);
+            gestureHandler.on(GestureHandlerTouchEvent, this.onGestureTouchChange(GestureTypes.rotation), this);
+        }
+        if (type & GestureTypes.touch && global.isIOS) {
+            // let s not reimplement it for touch
+            const nObserver = new NGesturesObserver(target, this.callback, this.context);
+            nObserver.observe(type);
+            this.nObserver = nObserver;
+        }
+        this.gestureHandler = gestureHandler;
+    }
+
+    public androidOnTouchEvent(motionEvent: android.view.MotionEvent) {
+        if (this._notifyTouch) {
+            let eventData = this._eventData[GestureTypes.touch];
+            if (!eventData) {
+                eventData = this._eventData[GestureTypes.touch] = new TouchGestureEventData();
+            }
+            eventData.prepare(this.target, motionEvent);
+            _executeCallback(this, eventData);
+        }
+    }
+}
+
+class Pointer implements Pointer {
+    public android: number;
+    public ios: any = undefined;
+
+    constructor(id: number, private event: android.view.MotionEvent) {
+        this.android = id;
+    }
+
+    getX(): number {
+        return this.event.getX(this.android) / layout.getDisplayDensity();
+    }
+
+    getY(): number {
+        return this.event.getY(this.android) / layout.getDisplayDensity();
+    }
+}
+class GesturePointer {
+    android: number;
+    ios: number;
+    private event: any;
+    constructor(index: number, private x, private y) {
+        this.android = index;
+    }
+
+    getX(): number {
+        return this.x;
+    }
+
+    getY(): number {
+        return this.y;
+    }
+}
+
+class CommonGestureEventData implements GestureEventData {
+    ios;
+    android;
+    eventName: string;
+    type: GestureTypes;
+    view: View;
+    object: any;
+    eventData: {
+        state: GestureState;
+        ios?: any; // native View
+        android?: any; // native View
+        view?: View; // native View
+        extraData: {
+            numberOfPointers: number;
+            [k: string]: number | string;
+        };
+    };
+    state: GestureStateTypes;
+
+    private _activePointers: GesturePointer[];
+    private _allPointers: GesturePointer[];
+
+    constructor(type: GestureTypes) {
+        this.eventName = gestureToString(type);
+        this.type = type;
+    }
+
+    public prepare(view: View, eventData) {
+        this.view = view;
+        this.object = view;
+        this._activePointers = undefined;
+        this._allPointers = undefined;
+        this.eventData = eventData;
+        switch (this.eventData.state) {
+            case GestureState.BEGAN:
+                this.state = GestureStateTypes.began;
+                break;
+            case GestureState.CANCELLED:
+            case GestureState.FAILED:
+                this.state = GestureStateTypes.cancelled;
+                break;
+            case GestureState.ACTIVE:
+                this.state = GestureStateTypes.changed;
+                break;
+            case GestureState.END:
+                this.state = GestureStateTypes.ended;
+                break;
+        }
+    }
+
+    get extraData() {
+        return this.eventData.extraData;
+    }
+
+    getPointerCount(): number {
+        return this.extraData.numberOfPointers;
+    }
+
+    getActivePointers() {
+        // Only one active pointer in Android
+        if (!this._activePointers) {
+            const positions = this.extraData.positions;
+            this._activePointers = [new GesturePointer(0, positions[0], positions[1])];
+        }
+        return this._activePointers;
+    }
+
+    getAllPointers() {
+        if (!this._allPointers) {
+            this._allPointers = [];
+            const positions = this.extraData.positions;
+            for (let i = 0; i < this.getPointerCount(); i++) {
+                this._allPointers.push(new GesturePointer(i, positions[i * 2], positions[i * 2 + 1]));
+            }
+        }
+        return this._allPointers;
+    }
+
+    getX(): number {
+        return this.extraData.x as number;
+    }
+
+    getY(): number {
+        return this.extraData.y as number;
+    }
+
+    private getActionType(e: android.view.MotionEvent): string {
+        switch (e.getActionMasked()) {
+            case android.view.MotionEvent.ACTION_DOWN:
+            case android.view.MotionEvent.ACTION_POINTER_DOWN:
+                return TouchAction.down;
+            case android.view.MotionEvent.ACTION_MOVE:
+                return TouchAction.move;
+            case android.view.MotionEvent.ACTION_UP:
+            case android.view.MotionEvent.ACTION_POINTER_UP:
+                return TouchAction.up;
+            case android.view.MotionEvent.ACTION_CANCEL:
+                return TouchAction.cancel;
+        }
+
+        return '';
+    }
+}
+class TouchGestureEventData {
+    eventName: string = gestureToString(GestureTypes.touch);
+    type: GestureTypes = GestureTypes.touch;
+    ios: any = undefined;
+    action: string;
+    view: View;
+    android: android.view.MotionEvent;
+    object: any;
+    state: GestureStateTypes;
+
+    private _activePointers: Pointer[];
+    private _allPointers: Pointer[];
+
+    public prepare(view: View, e: android.view.MotionEvent) {
+        this.view = view;
+        this.object = view;
+        this.android = e;
+        this.action = this.getActionType(e);
+        this._activePointers = undefined;
+        this._allPointers = undefined;
+    }
+
+    getPointerCount(): number {
+        return this.android.getPointerCount();
+    }
+
+    getActivePointers(): Pointer[] {
+        // Only one active pointer in Android
+        if (!this._activePointers) {
+            this._activePointers = [new Pointer(this.android.getActionIndex(), this.android)];
+        }
+        return this._activePointers;
+    }
+
+    getAllPointers(): Pointer[] {
+        if (!this._allPointers) {
+            this._allPointers = [];
+            for (let i = 0; i < this.getPointerCount(); i++) {
+                this._allPointers.push(new Pointer(i, this.android));
+            }
+        }
+        return this._allPointers;
+    }
+
+    getX(): number {
+        return this.getActivePointers()[0].getX();
+    }
+
+    getY(): number {
+        return this.getActivePointers()[0].getY();
+    }
+
+    private getActionType(e: android.view.MotionEvent): string {
+        switch (e.getActionMasked()) {
+            case android.view.MotionEvent.ACTION_DOWN:
+            case android.view.MotionEvent.ACTION_POINTER_DOWN:
+                return TouchAction.down;
+            case android.view.MotionEvent.ACTION_MOVE:
+                return TouchAction.move;
+            case android.view.MotionEvent.ACTION_UP:
+            case android.view.MotionEvent.ACTION_POINTER_UP:
+                return TouchAction.up;
+            case android.view.MotionEvent.ACTION_CANCEL:
+                return TouchAction.cancel;
+        }
+
+        return '';
+    }
+}
+
+function _getSwipeDirection(direction: string): SwipeDirection {
+    return SwipeDirection[direction];
+}
+class SwipeGestureEventData extends CommonGestureEventData {
+    get direction() {
+        return _getSwipeDirection(this.extraData.direction as string);
+    }
+}
+class PanGestureEventData extends CommonGestureEventData {
+    get deltaX() {
+        return this.eventData.extraData.translationX;
+    }
+    get deltaY() {
+        return this.eventData.extraData.translationY;
+    }
+}
+class PinchGestureEventData extends CommonGestureEventData {
+    getFocusX() {
+        return this.eventData.extraData.focalX;
+    }
+    getFocusY() {
+        return this.eventData.extraData.focalY;
+    }
+    get scale() {
+        return this.eventData.extraData.scale;
+    }
+}
+
+function _executeCallback(observer: GesturesObserver, args: GestureEventData) {
+    if (observer && observer.callback) {
+        observer.callback.call((observer as any)._context, args);
+    }
+}

package/src/gesturehandler/references.d.ts

@@ -0,0 +1,3 @@
+/// <reference path="./typings/android.d.ts" />
+/// <reference path="./typings/extensions.android.d.ts" />
+/// <reference path="./typings/ios.d.ts" />

package/src/gesturehandler/vue/index.ts

@@ -0,0 +1,7 @@
+const Plugin = {
+    install(Vue) {
+        Vue.registerElement('GestureRootView', () => require('..').GestureRootView, {});
+    }
+};
+
+export default Plugin;

package/src-native/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "java.configuration.updateBuildConfiguration": "disabled"
+}

package/src-native/android/.settings/org.eclipse.buildship.core.prefs

@@ -0,0 +1,13 @@
+arguments=
+auto.sync=false
+build.scans.enabled=false
+connection.gradle.distribution=GRADLE_DISTRIBUTION(WRAPPER)
+connection.project.dir=
+eclipse.preferences.version=1
+gradle.user.home=
+java.home=/Library/Java/JavaVirtualMachines/jdk1.8.0_141.jdk/Contents/Home
+jvm.arguments=
+offline.mode=false
+override.workspace.settings=true
+show.console.view=true
+show.executions.view=true

package/src-native/android/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "java.configuration.updateBuildConfiguration": "disabled"
+}

package/src-native/android/README.md

@@ -0,0 +1,14 @@
+### Android
+
+This directory contains an Android Studio project.
+
+### How to open?
+* In Android Studio choose: File -> Open
+* Navigate to `tns-core-modules-widgets/android/` folder
+* On the left side of the screen choose the Project tab and select `widgets`
+
+### How to build?
+* On the right side of the screen choose the Gradle tab
+* Navigate to `android/widgets/Tasks/build/`
+* Execute the `assembleRelease` task
+* Output will be in `./android/widgets/build/outputs/`

package/src-native/android/build.gradle

@@ -0,0 +1,25 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    repositories {
+        google()
+	    mavenCentral()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:3.1.3'
+
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+allprojects {
+    repositories {
+        google()
+	    mavenCentral()
+    }
+}
+
+task clean(type: Delete) {
+    delete rootProject.buildDir
+}

package/src-native/android/build.sh

@@ -0,0 +1,36 @@
+set -e
+set -o pipefail
+
+CURRENT_DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
+
+SOURCE_NAME="gesturehandler"
+ANDROID_SOURCE_DIR="$CURRENT_DIR"
+
+PROJECT_NAME="$SOURCE_NAME"
+
+BUILD_OUTPUT_DIR="$ANDROID_SOURCE_DIR/$PROJECT_NAME/build/outputs/aar/"
+
+PLUGIN_TARGET_DIR="$CURRENT_DIR/../../plugin/platforms"
+PLUGIN_TARGET_SUBDIR="$PLUGIN_TARGET_DIR/android"
+
+cd $ANDROID_SOURCE_DIR
+
+./gradlew clean assembleRelease
+
+echo "$PROJECT_NAME-release.aar was built in $BUILD_OUTPUT_DIR"
+
+if [ ! -d $PLUGIN_TARGET_DIR ]; then
+    mkdir $PLUGIN_TARGET_DIR
+fi
+
+if [ ! -d $PLUGIN_TARGET_SUBDIR ]; then
+    mkdir $PLUGIN_TARGET_SUBDIR
+fi
+
+# cp -R "$BUILD_OUTPUT_DIR/$PROJECT_NAME-release.aar" $PLUGIN_TARGET_SUBDIR
+
+# echo "force livesync" > "$PLUGIN_TARGET_SUBDIR/sync"
+
+# echo "Android library was copied to $PLUGIN_TARGET_SUBDIR"
+
+cd $CURRENT_DIR

package/src-native/android/gesturehandler/.classpath

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8/"/>
+	<classpathentry kind="con" path="org.eclipse.buildship.core.gradleclasspathcontainer"/>
+	<classpathentry kind="output" path="bin/default"/>
+</classpath>

package/src-native/android/gesturehandler/.settings/org.eclipse.buildship.core.prefs

@@ -0,0 +1,2 @@
+connection.project.dir=..
+eclipse.preferences.version=1