shakebug-react-native 1.0.14

package/ScreenShot/src/index.js

@@ -0,0 +1,308 @@
+// @flow
+import React, { Component } from "react";
+import { View, Platform, findNodeHandle, StyleProp } from "react-native";
+import RNViewShot from "./RNViewShot";
+import type { ViewStyleProp } from "react-native/Libraries/StyleSheet/StyleSheet";
+import type { LayoutEvent } from "react-native/Libraries/Types/CoreEventTypes";
+
+const neverEndingPromise = new Promise(() => {});
+
+type Options = {
+  width?: number,
+  height?: number,
+  format: "png" | "jpg" | "webm" | "raw",
+  quality: number,
+  result: "tmpfile" | "base64" | "data-uri" | "zip-base64",
+  snapshotContentContainer: boolean,
+  handleGLSurfaceViewOnAndroid: boolean,
+};
+
+if (!RNViewShot) {
+  console.warn(
+    "react-native-view-shot: NativeModules.RNViewShot is undefined. Make sure the library is linked on the native side."
+  );
+}
+
+const acceptedFormats = ["png", "jpg"].concat(
+  Platform.OS === "android" ? ["webm", "raw"] : []
+);
+
+const acceptedResults = ["tmpfile", "base64", "data-uri"].concat(
+  Platform.OS === "android" ? ["zip-base64"] : []
+);
+
+const defaultOptions = {
+  format: "png",
+  quality: 1,
+  result: "tmpfile",
+  snapshotContentContainer: false,
+  handleGLSurfaceViewOnAndroid: false,
+};
+
+// validate and coerce options
+function validateOptions(input: ?$Shape<Options>): {
+  options: Options,
+  errors: Array<string>,
+} {
+  const options: Options = {
+    ...defaultOptions,
+    ...input,
+  };
+  const errors = [];
+  if (
+    "width" in options &&
+    (typeof options.width !== "number" || options.width <= 0)
+  ) {
+    errors.push("option width should be a positive number");
+    delete options.width;
+  }
+  if (
+    "height" in options &&
+    (typeof options.height !== "number" || options.height <= 0)
+  ) {
+    errors.push("option height should be a positive number");
+    delete options.height;
+  }
+  if (
+    typeof options.quality !== "number" ||
+    options.quality < 0 ||
+    options.quality > 1
+  ) {
+    errors.push("option quality should be a number between 0.0 and 1.0");
+    options.quality = defaultOptions.quality;
+  }
+  if (typeof options.snapshotContentContainer !== "boolean") {
+    errors.push("option snapshotContentContainer should be a boolean");
+  }
+  if (typeof options.handleGLSurfaceViewOnAndroid !== "boolean") {
+    errors.push("option handleGLSurfaceViewOnAndroid should be a boolean");
+  }
+  if (acceptedFormats.indexOf(options.format) === -1) {
+    options.format = defaultOptions.format;
+    errors.push(
+      "option format '" +
+        options.format +
+        "' is not in valid formats: " +
+        acceptedFormats.join(" | ")
+    );
+  }
+  if (acceptedResults.indexOf(options.result) === -1) {
+    options.result = defaultOptions.result;
+    errors.push(
+      "option result '" +
+        options.result +
+        "' is not in valid formats: " +
+        acceptedResults.join(" | ")
+    );
+  }
+  return { options, errors };
+}
+
+export function ensureModuleIsLoaded() {
+  if (!RNViewShot) {
+    throw new Error(
+      "react-native-view-shot: NativeModules.RNViewShot is undefined. Make sure the library is linked on the native side."
+    );
+  }
+}
+
+export function captureRef<T: React$ElementType>(
+  view: number | ?View | React$Ref<T>,
+  optionsObject?: Object
+): Promise<string> {
+  ensureModuleIsLoaded();
+  if (
+    view &&
+    typeof view === "object" &&
+    "current" in view &&
+    // $FlowFixMe view is a ref
+    view.current
+  ) {
+    // $FlowFixMe view is a ref
+    view = view.current;
+    if (!view) {
+      return Promise.reject(new Error("ref.current is null"));
+    }
+  }
+  if (typeof view !== "number") {
+    const node = findNodeHandle(view);
+    if (!node) {
+      return Promise.reject(
+        new Error("findNodeHandle failed to resolve view=" + String(view))
+      );
+    }
+    view = node;
+  }
+  const { options, errors } = validateOptions(optionsObject);
+  if (__DEV__ && errors.length > 0) {
+    console.warn(
+      "react-native-view-shot: bad options:\n" +
+        errors.map((e) => `- ${e}`).join("\n")
+    );
+  }
+  return RNViewShot.captureRef(view, options);
+}
+
+export function releaseCapture(uri: string): void {
+  if (typeof uri !== "string") {
+    if (__DEV__) {
+      console.warn("Invalid argument to releaseCapture. Got: " + uri);
+    }
+  } else {
+    RNViewShot.releaseCapture(uri);
+  }
+}
+
+export function captureScreen(optionsObject?: Options): Promise<string> {
+  ensureModuleIsLoaded();
+  const { options, errors } = validateOptions(optionsObject);
+  if (__DEV__ && errors.length > 0) {
+    console.warn(
+      "react-native-view-shot: bad options:\n" +
+        errors.map((e) => `- ${e}`).join("\n")
+    );
+  }
+  return RNViewShot.captureScreen(options);
+}
+
+type Props = {
+  options?: Object,
+  captureMode?: "mount" | "continuous" | "update",
+  children: React$Node,
+  onLayout?: (e: *) => void,
+  onCapture?: (uri: string) => void,
+  onCaptureFailure?: (e: Error) => void,
+  style?: StyleProp<ViewStyleProp>,
+};
+
+function checkCompatibleProps(props: Props) {
+  if (!props.captureMode && props.onCapture) {
+    // in that case, it's authorized if you call capture() yourself
+  } else if (props.captureMode && !props.onCapture) {
+    console.warn(
+      "react-native-view-shot: captureMode prop is defined but onCapture prop callback is missing"
+    );
+  } else if (
+    (props.captureMode === "continuous" || props.captureMode === "update") &&
+    props.options &&
+    props.options.result &&
+    props.options.result !== "tmpfile"
+  ) {
+    console.warn(
+      "react-native-view-shot: result=tmpfile is recommended for captureMode=" +
+        props.captureMode
+    );
+  }
+}
+
+export default class ViewShot extends Component<Props> {
+  static captureRef = captureRef;
+  static releaseCapture = releaseCapture;
+
+  root: ?View;
+
+  _raf: *;
+  lastCapturedURI: ?string;
+
+  resolveFirstLayout: (layout: Object) => void;
+  firstLayoutPromise: Promise<Object> = new Promise((resolve) => {
+    this.resolveFirstLayout = resolve;
+  });
+
+  capture = (): Promise<string> =>
+    this.firstLayoutPromise
+      .then(() => {
+        const { root } = this;
+        if (!root) return neverEndingPromise; // component is unmounted, you never want to hear back from the promise
+        return captureRef(root, this.props.options);
+      })
+      .then(
+        (uri: string) => {
+          this.onCapture(uri);
+          return uri;
+        },
+        (e: Error) => {
+          this.onCaptureFailure(e);
+          throw e;
+        }
+      );
+
+  onCapture = (uri: string) => {
+    if (!this.root) return;
+    if (this.lastCapturedURI) {
+      // schedule releasing the previous capture
+      setTimeout(releaseCapture, 500, this.lastCapturedURI);
+    }
+    this.lastCapturedURI = uri;
+    const { onCapture } = this.props;
+    if (onCapture) onCapture(uri);
+  };
+
+  onCaptureFailure = (e: Error) => {
+    if (!this.root) return;
+    const { onCaptureFailure } = this.props;
+    if (onCaptureFailure) onCaptureFailure(e);
+  };
+
+  syncCaptureLoop = (captureMode: ?string) => {
+    cancelAnimationFrame(this._raf);
+    if (captureMode === "continuous") {
+      let previousCaptureURI = "-"; // needs to capture at least once at first, so we use "-" arbitrary string
+      const loop = () => {
+        this._raf = requestAnimationFrame(loop);
+        if (previousCaptureURI === this.lastCapturedURI) return; // previous capture has not finished, don't capture yet
+        previousCaptureURI = this.lastCapturedURI;
+        this.capture();
+      };
+      this._raf = requestAnimationFrame(loop);
+    }
+  };
+
+  onRef = (ref: React$ElementRef<*>) => {
+    this.root = ref;
+  };
+
+  onLayout = (e: LayoutEvent) => {
+    const { onLayout } = this.props;
+    this.resolveFirstLayout(e.nativeEvent.layout);
+    if (onLayout) onLayout(e);
+  };
+
+  componentDidMount() {
+    if (__DEV__) checkCompatibleProps(this.props);
+    if (this.props.captureMode === "mount") {
+      this.capture();
+    } else {
+      this.syncCaptureLoop(this.props.captureMode);
+    }
+  }
+
+  componentDidUpdate(prevProps: Props) {
+    if (this.props.captureMode !== undefined) {
+      if (this.props.captureMode !== prevProps.captureMode) {
+        this.syncCaptureLoop(this.props.captureMode);
+      }
+    }
+    if (this.props.captureMode === "update") {
+      this.capture();
+    }
+  }
+
+  componentWillUnmount() {
+    this.syncCaptureLoop(null);
+  }
+
+  render() {
+    const { children } = this.props;
+    return (
+      <View
+        ref={this.onRef}
+        collapsable={false}
+        onLayout={this.onLayout}
+        style={this.props.style}
+      >
+        {children}
+      </View>
+    );
+  }
+}

package/Sensor/src/index.js

@@ -0,0 +1,14 @@
+import sensors from "./sensors";
+export { setUpdateInterval as setUpdateIntervalForType, setLogLevelForType } from "./rnsensors";
+
+export const SensorTypes = {
+  accelerometer: "accelerometer",
+  gyroscope: "gyroscope",
+  magnetometer: "magnetometer",
+  barometer: "barometer",
+  orientation: "orientation",
+  gravity: "gravity"
+};
+
+export const { accelerometer, gyroscope, magnetometer, barometer, orientation, gravity } = sensors;
+export default sensors;

package/Sensor/src/rnsensors.js

@@ -0,0 +1,57 @@
+import { NativeModules } from "react-native";
+const {
+  ShakebugSDKRNSensorsGyroscope: GyroNative,
+  ShakebugSDKRNSensorsAccelerometer: AccNative,
+  ShakebugSDKRNSensorsMagnetometer: MagnNative,
+  ShakebugSDKRNSensorsBarometer: BarNative,
+  ShakebugSDKRNSensorsOrientation: OrientNative,
+  ShakebugSDKRNSensorsGravity: GravNative,
+} = NativeModules;
+
+if (!GyroNative && !AccNative && !MagnNative && !BarNative && !OrientNative && !GravNative) {
+  throw new Error("Native modules for sensors not available. Did react-native link run successfully?");
+}
+
+const nativeApis = new Map([
+  ["accelerometer", AccNative],
+  ["gyroscope", GyroNative],
+  ["magnetometer", MagnNative],
+  ["barometer", BarNative],
+  ["orientation", OrientNative],
+  ["gravity", GravNative],
+]);
+
+// Cache the availability of sensors
+const availableSensors = {};
+
+export function start(type) {
+  const api = nativeApis.get(type);
+  api.startUpdates();
+}
+
+export function isAvailable(type) {
+  if (availableSensors[type]) {
+    return availableSensors[type];
+  }
+
+  const api = nativeApis.get(type);
+  const promise = api.isAvailable();
+  availableSensors[type] = promise;
+
+  return promise;
+}
+
+export function stop(type) {
+  const api = nativeApis.get(type);
+  api.stopUpdates();
+}
+
+export function setUpdateInterval(type, updateInterval) {
+  const api = nativeApis.get(type);
+  api.setUpdateInterval(updateInterval);
+}
+
+export function setLogLevelForType(type, level) {
+  const api = nativeApis.get(type);
+  api.setLogLevel(level);
+}

package/Sensor/src/sensors.js

@@ -0,0 +1,97 @@
+import { NativeEventEmitter, NativeModules } from "react-native";
+import { Observable } from "rxjs";
+import { publish, refCount } from "rxjs/operators";
+import * as RNSensors from "./rnsensors";
+
+const {
+  ShakebugSDKRNSensorsGyroscope: GyroNative,
+  ShakebugSDKRNSensorsAccelerometer: AccNative,
+  ShakebugSDKRNSensorsMagnetometer: MagnNative,
+  ShakebugSDKRNSensorsBarometer: BarNative,
+  ShakebugSDKRNSensorsOrientation: OrientNative,
+  ShakebugSDKRNSensorsGravity: GravNative,
+} = NativeModules;
+
+const listenerKeys = new Map([
+  ["accelerometer", "ShakebugSDKRNSensorsAccelerometer"],
+  ["gyroscope", "ShakebugSDKRNSensorsGyroscope"],
+  ["magnetometer", "ShakebugSDKRNSensorsMagnetometer"],
+  ["barometer", "ShakebugSDKRNSensorsBarometer"],
+  ["orientation", "ShakebugSDKRNSensorsOrientation"],
+  ["gravity", "ShakebugSDKRNSensorsGravity"],
+]);
+
+const nativeApis = new Map([
+  ["accelerometer", AccNative],
+  ["gyroscope", GyroNative],
+  ["magnetometer", MagnNative],
+  ["barometer", BarNative],
+  ["orientation", OrientNative],
+  ["gravity", GravNative],
+]);
+
+const eventEmitterSubscription = new Map([
+  ["accelerometer", null],
+  ["gyroscope", null],
+  ["magnetometer", null],
+  ["barometer", null],
+  ["orientation", null],
+  ["gravity", null],
+]);
+
+function createSensorObservable(sensorType) {
+  return Observable.create(function subscribe(observer) {
+    this.isSensorAvailable = false;
+
+    this.unsubscribeCallback = () => {
+      if (!this.isSensorAvailable) return;
+      if (eventEmitterSubscription.get(sensorType)) eventEmitterSubscription.get(sensorType).remove();
+      // stop the sensor
+      RNSensors.stop(sensorType);
+    };
+
+    RNSensors.isAvailable(sensorType).then(
+      () => {
+        this.isSensorAvailable = true;
+
+        const emitter = new NativeEventEmitter(nativeApis.get(sensorType));
+
+        eventEmitterSubscription.set(
+          sensorType,
+          emitter.addListener(listenerKeys.get(sensorType), (data) => {
+            observer.next(data);
+          })
+        );
+
+        // Start the sensor manager
+        RNSensors.start(sensorType);
+      },
+      () => {
+        observer.error(`Sensor ${sensorType} is not available`);
+      }
+    );
+
+    return this.unsubscribeCallback;
+  }).pipe(makeSingleton());
+}
+
+// As we only have one sensor we need to share it between the different consumers
+function makeSingleton() {
+  return (source) => source.pipe(publish(), refCount());
+}
+
+const accelerometer = createSensorObservable("accelerometer");
+const gyroscope = createSensorObservable("gyroscope");
+const magnetometer = createSensorObservable("magnetometer");
+const barometer = createSensorObservable("barometer");
+const orientation = createSensorObservable("orientation");
+const gravity = createSensorObservable("gravity");
+
+export default {
+  gyroscope,
+  accelerometer,
+  magnetometer,
+  barometer,
+  orientation,
+  gravity,
+};

package/VideoPlayer/PlayVideo.tsx

@@ -0,0 +1,51 @@
+// videoUtils.js
+
+import { Platform } from 'react-native';
+import { NativeModules } from 'react-native';
+const { ShakebugSDKVideoPlayerModule } = NativeModules;
+
+export interface EditorConfig {
+    saveToPhoto?: boolean;
+    removeAfterSavedToPhoto?: boolean;
+    maxDuration?: number;
+    cancelButtonText?: string;
+    saveButtonText?: string;
+    enableCancelDialog?: boolean;
+    cancelDialogTitle?: string;
+    cancelDialogMessage?: string;
+    cancelDialogCancelText?: string;
+    cancelDialogConfirmText?: string;
+    enableSaveDialog?: boolean;
+    saveDialogTitle?: string;
+    saveDialogMessage?: string;
+    saveDialogCancelText?: string;
+    saveDialogConfirmText?: string;
+    trimmingText?: string;
+}
+
+export const PlayVideo = (videoUri: string) => {
+    
+    const config: EditorConfig = {
+        saveToPhoto: false,
+        removeAfterSavedToPhoto: false,
+        maxDuration: 120,
+        cancelButtonText: "Cancel",
+        saveButtonText: "Save",
+        enableCancelDialog: false,
+        cancelDialogTitle: "Cancel Editing",
+        cancelDialogMessage: "Are you sure you want to cancel editing?",
+        cancelDialogCancelText: "No",
+        cancelDialogConfirmText: "Yes",
+        enableSaveDialog: false,
+        saveDialogTitle: "Save Video",
+        saveDialogMessage: "Do you want to save this video?",
+        saveDialogCancelText: "No",
+        saveDialogConfirmText: "Yes",
+        trimmingText: "Trimming Video"
+    };
+    if(Platform.OS == 'android')
+        ShakebugSDKVideoPlayerModule.showEditor(videoUri, config);
+    else
+        ShakebugSDKVideoPlayerModule.playVideo(videoUri);
+};
+

package/VideoPlayer/index.js

@@ -0,0 +1,69 @@
+import React, { useEffect } from 'react';
+import { NativeModules, Image, TouchableOpacity, ImageBackground, NativeEventEmitter, Platform, StatusBar } from 'react-native';
+import { PlayVideo } from './PlayVideo';
+
+const VideoPlayer = ({ videoUri, img, goToScreenAtIndex, UpdateStatusBar }) => {
+    useEffect(() => {
+        if (Platform.OS == 'android') {
+            const eventEmitter = new NativeEventEmitter(NativeModules.VideoPlayerModule);
+            const subscription = eventEmitter.addListener('ShakebugSDKVideoPlayer', (event) => {
+                switch (event.name) {
+                    case 'onCancelPlayer': {
+                        UpdateStatusBar()
+                        goToScreenAtIndex(3)
+                        break;
+                    }
+                    default:
+                        break;
+                }
+            });
+
+            return () => {
+                subscription.remove();
+            };
+        }
+    }, []);
+
+    const playVideo = () => {
+        // StatusBar.setHidden(true)
+        PlayVideo(videoUri)
+    }
+
+    return (
+        <ImageBackground
+            source={{ uri: img }}
+            style={{
+                width: "100%",
+                height: "100%",
+                opacity: 0.8
+            }}
+            resizeMode='contain'
+        >
+            <TouchableOpacity
+                style={{
+                    position: 'absolute',
+                    top: "40%",
+                    left: 50,
+                    right: 50,
+                    paddingVertical: 8,
+                    paddingHorizontal: 15,
+                    alignItems: 'center',
+
+                }}
+                onPress={playVideo}
+            >
+                <Image
+                    source={require('../src/Assets/images/play.png')}
+                    style={{
+                        width: 80,
+                        height: 80,
+                        zIndex: 1
+                    }}
+                    resizeMode='contain'
+                />
+            </TouchableOpacity>
+        </ImageBackground>
+    );
+};
+
+export default VideoPlayer;

package/android/README.md

@@ -0,0 +1,14 @@
+README
+======
+
+If you want to publish the lib as a maven dependency, follow these steps before publishing a new version to npm:
+
+1. Be sure to have the Android [SDK](https://developer.android.com/studio/index.html) and [NDK](https://developer.android.com/ndk/guides/index.html) installed
+2. Be sure to have a `local.properties` file in this folder that points to the Android SDK and NDK
+```
+ndk.dir=/Users/{username}/Library/Android/sdk/ndk-bundle
+sdk.dir=/Users/{username}/Library/Android/sdk
+```
+3. Delete the `maven` folder
+4. Run `./gradlew installArchives`
+5. Verify that latest set of generated files is in the maven folder with the correct version number

package/android/build/generated/source/buildConfig/debug/com/shakebug/BuildConfig.java

@@ -0,0 +1,10 @@
+/**
+ * Automatically generated file. DO NOT MODIFY
+ */
+package com.shakebug;
+
+public final class BuildConfig {
+  public static final boolean DEBUG = Boolean.parseBoolean("true");
+  public static final String LIBRARY_PACKAGE_NAME = "com.shakebug";
+  public static final String BUILD_TYPE = "debug";
+}

package/android/build/intermediates/aapt_friendly_merged_manifests/debug/aapt/AndroidManifest.xml

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.shakebug" >
+
+    <uses-sdk android:minSdkVersion="24" />
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+    <!-- If you intend to use the microphone -->
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PROJECTION" />
+
+    <application android:hardwareAccelerated="true" >
+        <provider
+            android:name="com.shakebug.ImagePickerProvider"
+            android:authorities="dollar_openBracket_applicationId_closeBracket.imagepickerprovider"
+            android:exported="false"
+            android:grantUriPermissions="true" >
+            <meta-data
+                android:name="android.support.FILE_PROVIDER_PATHS"
+                android:resource="@xml/imagepicker_provider_paths" />
+        </provider>
+
+        <receiver
+            android:name="com.shakebug.ScreenshotReceiver"
+            android:exported="true" > <!-- Specify android:exported="true" -->
+            <intent-filter>
+                <action android:name="android.intent.action.SCREENSHOT" />
+            </intent-filter>
+        </receiver>
+    </application>
+
+</manifest>

package/android/build/intermediates/aapt_friendly_merged_manifests/debug/aapt/output-metadata.json

@@ -0,0 +1,18 @@
+{
+  "version": 3,
+  "artifactType": {
+    "type": "AAPT_FRIENDLY_MERGED_MANIFESTS",
+    "kind": "Directory"
+  },
+  "applicationId": "com.shakebug",
+  "variantName": "debug",
+  "elements": [
+    {
+      "type": "SINGLE",
+      "filters": [],
+      "attributes": [],
+      "outputFile": "AndroidManifest.xml"
+    }
+  ],
+  "elementType": "File"
+}

package/android/build/intermediates/aar_metadata/debug/aar-metadata.properties

@@ -0,0 +1,6 @@
+aarFormatVersion=1.0
+aarMetadataVersion=1.0
+minCompileSdk=1
+minCompileSdkExtension=0
+minAndroidGradlePluginVersion=1.0.0
+coreLibraryDesugaringEnabled=false

package/android/build/intermediates/annotation_processor_list/debug/annotationProcessors.json

@@ -0,0 +1 @@
+{}