@mapvina-com/mapvina-react-native 1.0.0

package/lib/module/utils/BridgeValue.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { isBoolean, isNumber, isString } from "./index.js";
+export class BridgeValue {
+  constructor(rawValue) {
+    this.rawValue = rawValue;
+  }
+  get type() {
+    if (Array.isArray(this.rawValue)) {
+      return "array";
+    }
+    if (isBoolean(this.rawValue)) {
+      return "boolean";
+    }
+    if (isNumber(this.rawValue)) {
+      return "number";
+    }
+    if (isString(this.rawValue)) {
+      return "string";
+    }
+    if (this.rawValue && typeof this.rawValue === "object") {
+      return "hashmap";
+    }
+    throw new Error(`[type - ${this.rawValue}] BridgeValue must be a primitive/array/object`);
+  }
+  get value() {
+    const {
+      type
+    } = this;
+    let value;
+    if (type === "array") {
+      value = [];
+      for (const innerRawValue of this.rawValue) {
+        const bridgeValue = new BridgeValue(innerRawValue);
+        value.push(bridgeValue.toJSON());
+      }
+    } else if (type === "hashmap") {
+      const rawValue = this.rawValue;
+      value = Object.entries(rawValue).map(([key, value]) => [new BridgeValue(key).toJSON(), new BridgeValue(value).toJSON()]);
+    } else if (type === "boolean" || type === "number" || type === "string") {
+      value = this.rawValue;
+    } else {
+      throw new Error(`[value - ${this.rawValue}] BridgeValue must be a primitive/array/object`);
+    }
+    return value;
+  }
+  toJSON(formatter) {
+    return {
+      type: this.type,
+      value: typeof formatter === "function" ? formatter(this.value) : this.value
+    };
+  }
+}
+//# sourceMappingURL=BridgeValue.js.map

package/lib/module/utils/BridgeValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isBoolean","isNumber","isString","BridgeValue","constructor","rawValue","type","Array","isArray","Error","value","innerRawValue","bridgeValue","push","toJSON","Object","entries","map","key","formatter"],"sourceRoot":"../../../src","sources":["utils/BridgeValue.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,YAAS;AAkBvD,OAAO,MAAMC,WAAW,CAAC;EAGvBC,WAAWA,CAACC,QAAsB,EAAE;IAClC,IAAI,CAACA,QAAQ,GAAGA,QAAQ;EAC1B;EAEA,IAAIC,IAAIA,CAAA,EAAoB;IAC1B,IAAIC,KAAK,CAACC,OAAO,CAAC,IAAI,CAACH,QAAQ,CAAC,EAAE;MAChC,OAAO,OAAO;IAChB;IACA,IAAIL,SAAS,CAAC,IAAI,CAACK,QAAQ,CAAC,EAAE;MAC5B,OAAO,SAAS;IAClB;IACA,IAAIJ,QAAQ,CAAC,IAAI,CAACI,QAAQ,CAAC,EAAE;MAC3B,OAAO,QAAQ;IACjB;IACA,IAAIH,QAAQ,CAAC,IAAI,CAACG,QAAQ,CAAC,EAAE;MAC3B,OAAO,QAAQ;IACjB;IACA,IAAI,IAAI,CAACA,QAAQ,IAAI,OAAO,IAAI,CAACA,QAAQ,KAAK,QAAQ,EAAE;MACtD,OAAO,SAAS;IAClB;IACA,MAAM,IAAII,KAAK,CACb,WAAW,IAAI,CAACJ,QAAQ,gDAC1B,CAAC;EACH;EAEA,IAAIK,KAAKA,CAAA,EAGQ;IACf,MAAM;MAAEJ;IAAK,CAAC,GAAG,IAAI;IAErB,IAAII,KAAK;IAET,IAAIJ,IAAI,KAAK,OAAO,EAAE;MACpBI,KAAK,GAAG,EAAE;MAEV,KAAK,MAAMC,aAAa,IAAI,IAAI,CAACN,QAAQ,EAAoB;QAC3D,MAAMO,WAAW,GAAG,IAAIT,WAAW,CAACQ,aAAa,CAAC;QAClDD,KAAK,CAACG,IAAI,CAACD,WAAW,CAACE,MAAM,CAAC,CAAC,CAAC;MAClC;IACF,CAAC,MAAM,IAAIR,IAAI,KAAK,SAAS,EAAE;MAC7B,MAAMD,QAAQ,GAAG,IAAI,CAACA,QAA2C;MAEjEK,KAAK,GAAGK,MAAM,CAACC,OAAO,CAACX,QAAQ,CAAC,CAACY,GAAG,CAClC,CAAC,CAACC,GAAG,EAAER,KAAK,CAAC,KACX,CAAC,IAAIP,WAAW,CAACe,GAAG,CAAC,CAACJ,MAAM,CAAC,CAAC,EAAE,IAAIX,WAAW,CAACO,KAAK,CAAC,CAACI,MAAM,CAAC,CAAC,CAInE,CAAC;IACH,CAAC,MAAM,IAAIR,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,QAAQ,IAAIA,IAAI,KAAK,QAAQ,EAAE;MACvEI,KAAK,GAAG,IAAI,CAACL,QAAQ;IACvB,CAAC,MAAM;MACL,MAAM,IAAII,KAAK,CACb,YAAY,IAAI,CAACJ,QAAQ,gDAC3B,CAAC;IACH;IAEA,OAAOK,KAAK;EACd;EAEAI,MAAMA,CAACK,SAA6B,EAAkB;IACpD,OAAO;MACLb,IAAI,EAAE,IAAI,CAACA,IAAI;MACfI,KAAK,EACH,OAAOS,SAAS,KAAK,UAAU,GAAGA,SAAS,CAAC,IAAI,CAACT,KAAK,CAAC,GAAG,IAAI,CAACA;IACnE,CAAC;EACH;AACF","ignoreList":[]}

package/lib/module/utils/StyleValue.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import { Image, processColor } from "react-native";
+import { BridgeValue } from "./BridgeValue.js";
+import { getStylePropertyType } from "./getStylePropertyType.js";
+export function transformStyle(style) {
+  if (!style) {
+    return undefined;
+  }
+  const nativeStyle = {};
+  const styleProps = Object.keys(style);
+  for (const styleProp of styleProps) {
+    const styleType = getStylePropertyType(styleProp);
+    let rawStyle = style[styleProp];
+    if (styleType === "color" && typeof rawStyle === "string") {
+      const color = processColor(rawStyle);
+      if (color === null || color === undefined || typeof color === "symbol") {
+        console.error(`@mapvina/mapvina-react-native: Invalid color value ${rawStyle}, using #ff0000 (red) instead`);
+        rawStyle = "ff0000";
+      } else {
+        rawStyle = color;
+      }
+    } else if (styleType === "image" && typeof rawStyle === "number") {
+      rawStyle = Image.resolveAssetSource(rawStyle) || {};
+    }
+    const bridgeValue = new BridgeValue(rawStyle);
+    nativeStyle[styleProp] = {
+      styletype: styleType,
+      stylevalue: bridgeValue.toJSON()
+    };
+  }
+  return nativeStyle;
+}
+//# sourceMappingURL=StyleValue.js.map

package/lib/module/utils/StyleValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","processColor","BridgeValue","getStylePropertyType","transformStyle","style","undefined","nativeStyle","styleProps","Object","keys","styleProp","styleType","rawStyle","color","console","error","resolveAssetSource","bridgeValue","styletype","stylevalue","toJSON"],"sourceRoot":"../../../src","sources":["utils/StyleValue.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,YAAY,QAAQ,cAAc;AAElD,SACEC,WAAW,QAGN,kBAAe;AACtB,SAASC,oBAAoB,QAAQ,2BAAwB;AAQ7D,OAAO,SAASC,cAAcA,CAC5BC,KAAgC,EACW;EAC3C,IAAI,CAACA,KAAK,EAAE;IACV,OAAOC,SAAS;EAClB;EAEA,MAAMC,WAA0C,GAAG,CAAC,CAAC;EACrD,MAAMC,UAAU,GAAGC,MAAM,CAACC,IAAI,CAACL,KAAK,CAA2B;EAC/D,KAAK,MAAMM,SAAS,IAAIH,UAAU,EAAE;IAClC,MAAMI,SAAS,GAAGT,oBAAoB,CAACQ,SAAS,CAAC;IACjD,IAAIE,QAAkC,GAAGR,KAAK,CAACM,SAAS,CAAC;IAEzD,IAAIC,SAAS,KAAK,OAAO,IAAI,OAAOC,QAAQ,KAAK,QAAQ,EAAE;MACzD,MAAMC,KAAK,GAAGb,YAAY,CAACY,QAAQ,CAAC;MACpC,IAAIC,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKR,SAAS,IAAI,OAAOQ,KAAK,KAAK,QAAQ,EAAE;QACtEC,OAAO,CAACC,KAAK,CACX,sDAAsDH,QAAQ,+BAChE,CAAC;QACDA,QAAQ,GAAG,QAAQ;MACrB,CAAC,MAAM;QACLA,QAAQ,GAAGC,KAAK;MAClB;IACF,CAAC,MAAM,IAAIF,SAAS,KAAK,OAAO,IAAI,OAAOC,QAAQ,KAAK,QAAQ,EAAE;MAChEA,QAAQ,GACLb,KAAK,CAACiB,kBAAkB,CAACJ,QAAQ,CAAC,IAAgC,CAAC,CAAC;IACzE;IAEA,MAAMK,WAAW,GAAG,IAAIhB,WAAW,CAACW,QAAQ,CAAC;IAC7CN,WAAW,CAACI,SAAS,CAAC,GAAG;MACvBQ,SAAS,EAAEP,SAAS;MACpBQ,UAAU,EAAEF,WAAW,CAACG,MAAM,CAAC;IACjC,CAAC;EACH;EAEA,OAAOd,WAAW;AACpB","ignoreList":[]}

package/lib/module/utils/animated/AbstractAnimatedCoordinates.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import { Animated } from "react-native";
+const AnimatedWithChildren = Object.getPrototypeOf(Animated.ValueXY);
+const defaultConfig = {
+  useNativeDriver: false
+};
+export class AbstractAnimatedCoordinates extends AnimatedWithChildren {
+  constructor(coordinates) {
+    super();
+    this.state = this.onInitialState(coordinates);
+  }
+
+  /**
+   * Subclasses can override to calculate initial state
+   *
+   * @returns the state object
+   */
+
+  /**
+   * Calculates state based on startingState and progress, returns a new state
+   *
+   * @param state - state object from initialState and/or from calculate
+   * @param progress - value between 0 and 1
+   * @returns next state
+   */
+
+  /**
+   * Subclasses can override getValue to calculate value from state. Value is
+   * typically coordinates array, but can be anything
+   *
+   * @param state - either state from initialState and/or from calculate
+   */
+
+  animate(progressValue, progressAnimation, config) {
+    const onAnimationStart = animation => {
+      if (this.animation) {
+        const actProgress = this.progressValue.__getValue();
+        this.animation.stop();
+        this.state = this.onCalculate(this.state, actProgress);
+        this.progressValue.__removeChild(this);
+        this.progressValue = null;
+        this.animation = null;
+      }
+      this.progressValue = progressValue;
+      this.progressValue.__addChild(this);
+      this.animation = animation;
+      this.state = this.onStart(this.state, config.toValue);
+    };
+    const origAnimationStart = progressAnimation.start;
+    const newAnimation = progressAnimation;
+    newAnimation.start = function start(...args) {
+      onAnimationStart(progressAnimation);
+      origAnimationStart(...args);
+    };
+    return newAnimation;
+  }
+  timing(config) {
+    const progressValue = new Animated.Value(0.0);
+    return this.animate(progressValue, Animated.timing(progressValue, {
+      ...defaultConfig,
+      ...config,
+      toValue: 1.0
+    }), {
+      ...defaultConfig,
+      ...config
+    });
+  }
+  spring(config) {
+    const progressValue = new Animated.Value(0.0);
+    return this.animate(progressValue, Animated.spring(progressValue, {
+      ...defaultConfig,
+      ...config,
+      toValue: 1.0
+    }), config);
+  }
+  decay(config) {
+    const progressValue = new Animated.Value(0.0);
+    return this.animate(progressValue, Animated.decay(this.progressValue, {
+      ...defaultConfig,
+      ...config
+    }), config);
+  }
+  __getValue() {
+    if (!this.progressValue) {
+      return this.onGetValue(this.state);
+    }
+    return this.onGetValue(this.onCalculate(this.state, this.progressValue.__getValue()));
+  }
+}
+//# sourceMappingURL=AbstractAnimatedCoordinates.js.map

package/lib/module/utils/animated/AbstractAnimatedCoordinates.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","AnimatedWithChildren","Object","getPrototypeOf","ValueXY","defaultConfig","useNativeDriver","AbstractAnimatedCoordinates","constructor","coordinates","state","onInitialState","animate","progressValue","progressAnimation","config","onAnimationStart","animation","actProgress","__getValue","stop","onCalculate","__removeChild","__addChild","onStart","toValue","origAnimationStart","start","newAnimation","args","timing","Value","spring","decay","onGetValue"],"sourceRoot":"../../../../src","sources":["utils/animated/AbstractAnimatedCoordinates.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/animated/Animated.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { Animated as RNAnimated } from "react-native";
+import { AnimatedCoordinatesArray } from "./AnimatedCoordinatesArray.js";
+import { AnimatedExtractCoordinateFromArray } from "./AnimatedExtractCoordinateFromArray.js";
+import { AnimatedGeoJSON } from "./AnimatedGeoJSON.js";
+import { AnimatedPoint } from "./AnimatedPoint.js";
+import { AnimatedRouteCoordinatesArray } from "./AnimatedRouteCoordinatesArray.js";
+import { Marker } from "../../components/annotations/marker/Marker.js";
+import { Layer } from "../../components/layer/Layer.js";
+import { GeoJSONSource } from "../../components/sources/geojson-source/GeoJSONSource.js";
+import { ImageSource } from "../../components/sources/image-source/ImageSource.js";
+export const Animated = {
+  // Components
+  GeoJSONSource: RNAnimated.createAnimatedComponent(GeoJSONSource),
+  ImageSource: RNAnimated.createAnimatedComponent(ImageSource),
+  Marker: RNAnimated.createAnimatedComponent(Marker),
+  Layer: RNAnimated.createAnimatedComponent(Layer),
+  // Values
+  Point: AnimatedPoint,
+  CoordinatesArray: AnimatedCoordinatesArray,
+  RouteCoordinatesArray: AnimatedRouteCoordinatesArray,
+  GeoJSON: AnimatedGeoJSON,
+  ExtractCoordinateFromArray: AnimatedExtractCoordinateFromArray
+};
+//# sourceMappingURL=Animated.js.map

package/lib/module/utils/animated/Animated.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","RNAnimated","AnimatedCoordinatesArray","AnimatedExtractCoordinateFromArray","AnimatedGeoJSON","AnimatedPoint","AnimatedRouteCoordinatesArray","Marker","Layer","GeoJSONSource","ImageSource","createAnimatedComponent","Point","CoordinatesArray","RouteCoordinatesArray","GeoJSON","ExtractCoordinateFromArray"],"sourceRoot":"../../../../src","sources":["utils/animated/Animated.ts"],"mappings":";;AACA,SAASA,QAAQ,IAAIC,UAAU,QAAQ,cAAc;AAErD,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,kCAAkC,QAAQ,yCAAsC;AACzF,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,aAAa,QAAQ,oBAAiB;AAC/C,SAASC,6BAA6B,QAAQ,oCAAiC;AAC/E,SAASC,MAAM,QAAQ,+CAA4C;AACnE,SAASC,KAAK,QAAQ,iCAA8B;AACpD,SAASC,aAAa,QAAQ,0DAAuD;AACrF,SAASC,WAAW,QAAQ,sDAAmD;AAE/E,OAAO,MAAMV,QAAQ,GAAG;EACtB;EACAS,aAAa,EAAER,UAAU,CAACU,uBAAuB,CAC/CF,aAKF,CAAC;EACDC,WAAW,EAAET,UAAU,CAACU,uBAAuB,CAACD,WAAW,CAAC;EAC5DH,MAAM,EAAEN,UAAU,CAACU,uBAAuB,CAACJ,MAAM,CAAC;EAClDC,KAAK,EAAEP,UAAU,CAACU,uBAAuB,CAACH,KAAK,CAAC;EAEhD;EACAI,KAAK,EAAEP,aAAa;EACpBQ,gBAAgB,EAAEX,wBAAwB;EAC1CY,qBAAqB,EAAER,6BAA6B;EACpDS,OAAO,EAAEX,eAAe;EACxBY,0BAA0B,EAAEb;AAC9B,CAAC","ignoreList":[]}

package/lib/module/utils/animated/AnimatedCoordinatesArray.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import { AbstractAnimatedCoordinates } from "./AbstractAnimatedCoordinates.js";
+export class AnimatedCoordinatesArray extends AbstractAnimatedCoordinates {
+  /**
+   * Subclasses can override to calculate initial state
+   *
+   * @param coordinatesArray - to value from animate
+   * @returns {object} - the state object
+   */
+  onInitialState(coordinatesArray) {
+    return {
+      coords: coordinatesArray.map(coordinates => [coordinates[0], coordinates[1]]),
+      targetCoords: []
+    };
+  }
+
+  /**
+   * Subclasses can override getValue to calculate value from state. Value is
+   * typically coordinates array, but can be anything
+   *
+   * @param state - either state from initialState and/or from calculate
+   * @returns {object}
+   */
+  onGetValue(state) {
+    return state.coords;
+  }
+
+  /**
+   * Calculates state based on startingState and progress, returns a new state
+   *
+   * @param state - state object from initialState and/or from calculate
+   * @param progress - value between 0 and 1
+   * @returns {object} next state
+   */
+  onCalculate(state, progress) {
+    const {
+      coords,
+      targetCoords
+    } = state;
+    const newF = progress;
+    const origF = 1.0 - newF;
+
+    // common
+    const commonLen = Math.min(coords.length, targetCoords.length);
+    const common = coords.slice(0, commonLen).map((originalCoordinates, i) => [originalCoordinates[0] * origF + (targetCoords[i]?.[0] ?? 0) * newF, originalCoordinates[1] * origF + (targetCoords[i]?.[1] ?? 0) * newF]);
+    if (targetCoords.length > coords.length) {
+      // only in new (adding)
+      const addingOriginal = coords.length > 0 ? coords[coords.length - 1] : targetCoords[0];
+      const adding = targetCoords.slice(commonLen, targetCoords.length).map(newCoordinates => [(addingOriginal?.[0] ?? 0) * origF + newCoordinates[0] * newF, (addingOriginal?.[1] ?? 0) * origF + newCoordinates[1] * newF]);
+      return {
+        coords: [...common, ...adding],
+        targetCoords
+      };
+    }
+    if (coords.length > targetCoords.length) {
+      // only in orig (disappearing)
+      const disappearingNew = targetCoords.length > 0 ? targetCoords[targetCoords.length - 1] : coords[0];
+      const disappearing = coords.slice(commonLen, coords.length).map(originalCoordinates => [originalCoordinates[0] * origF + (disappearingNew?.[0] ?? 0) * newF, originalCoordinates[1] * origF + (disappearingNew?.[1] ?? 0) * newF]);
+      return {
+        coords: [...common, ...disappearing],
+        targetCoords
+      };
+    }
+    return {
+      coords: common,
+      targetCoords
+    };
+  }
+
+  /**
+   * Subclasses can override to start a new animation
+   *
+   * @param state - to value from animate
+   * @param toValue - the current coordinates array to start from
+   * @returns The state
+   */
+  onStart(state, toValue) {
+    const targetCoords = toValue.map(coordinates => [coordinates[0], coordinates[1]]);
+    return {
+      ...state,
+      targetCoords
+    };
+  }
+}
+//# sourceMappingURL=AnimatedCoordinatesArray.js.map

package/lib/module/utils/animated/AnimatedCoordinatesArray.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AbstractAnimatedCoordinates","AnimatedCoordinatesArray","onInitialState","coordinatesArray","coords","map","coordinates","targetCoords","onGetValue","state","onCalculate","progress","newF","origF","commonLen","Math","min","length","common","slice","originalCoordinates","i","addingOriginal","adding","newCoordinates","disappearingNew","disappearing","onStart","toValue"],"sourceRoot":"../../../../src","sources":["utils/animated/AnimatedCoordinatesArray.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/animated/AnimatedExtractCoordinateFromArray.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { Animated } from "react-native";
+const AnimatedWithChildren = Object.getPrototypeOf(Animated.ValueXY);
+export class AnimatedExtractCoordinateFromArray extends AnimatedWithChildren {
+  constructor(array, index) {
+    super();
+    this.array = array;
+    this.index = index;
+  }
+  __getValue() {
+    const actArray = this.array.__getValue();
+    let index = this.index;
+    if (index < 0) {
+      index += actArray.length;
+    }
+    return actArray[index];
+  }
+  __attach() {
+    this.array.__addChild(this);
+  }
+  __detach() {
+    this.array.__removeChild(this);
+    super.__detach();
+  }
+}
+//# sourceMappingURL=AnimatedExtractCoordinateFromArray.js.map

package/lib/module/utils/animated/AnimatedExtractCoordinateFromArray.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","AnimatedWithChildren","Object","getPrototypeOf","ValueXY","AnimatedExtractCoordinateFromArray","constructor","array","index","__getValue","actArray","length","__attach","__addChild","__detach","__removeChild"],"sourceRoot":"../../../../src","sources":["utils/animated/AnimatedExtractCoordinateFromArray.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAKvC,MAAMC,oBAAoB,GAAGC,MAAM,CAACC,cAAc,CAACH,QAAQ,CAACI,OAAO,CAAC;AAEpE,OAAO,MAAMC,kCAAkC,SAASJ,oBAAoB,CAAC;EAI3EK,WAAWA,CAACC,KAAoC,EAAEC,KAAa,EAAE;IAC/D,KAAK,CAAC,CAAC;IACP,IAAI,CAACD,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,KAAK,GAAGA,KAAK;EACpB;EAEAC,UAAUA,CAAA,EAAwB;IAChC,MAAMC,QAAQ,GAAG,IAAI,CAACH,KAAK,CAACE,UAAU,CAAC,CAAC;IACxC,IAAID,KAAK,GAAG,IAAI,CAACA,KAAK;IAEtB,IAAIA,KAAK,GAAG,CAAC,EAAE;MACbA,KAAK,IAAIE,QAAQ,CAACC,MAAM;IAC1B;IAEA,OAAOD,QAAQ,CAACF,KAAK,CAAC;EACxB;EAEAI,QAAQA,CAAA,EAAS;IACf,IAAI,CAACL,KAAK,CAACM,UAAU,CAAC,IAAI,CAAC;EAC7B;EAEAC,QAAQA,CAAA,EAAS;IACf,IAAI,CAACP,KAAK,CAACQ,aAAa,CAAC,IAAI,CAAC;IAC9B,KAAK,CAACD,QAAQ,CAAC,CAAC;EAClB;AACF","ignoreList":[]}

package/lib/module/utils/animated/AnimatedGeoJSON.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import { Animated } from "react-native";
+const AnimatedWithChildren = Object.getPrototypeOf(Animated.ValueXY);
+/**
+ * AnimatedGeoJSON can be used to have animated properties inside the data
+ * property
+ *
+ * Equivalent of AnimatedStyle for GeoJSON
+ * https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js
+ *
+ * @example
+ * <AnimatedGeoJSONSource ... data={new AnimatedGeoJSON({type:'LineString', coordinates: animatedCoords})} />
+ */
+export class AnimatedGeoJSON extends AnimatedWithChildren {
+  constructor(valueIn) {
+    super();
+    this.geojson = valueIn;
+  }
+  walkGeoJSONAndGetValues(value) {
+    if (Array.isArray(value)) {
+      return value.map(i => this.walkGeoJSONAndGetValues(i));
+    }
+    if (value instanceof AnimatedWithChildren) {
+      return value.__getValue();
+    }
+    if (typeof value === "object") {
+      const result = {};
+      for (const key in value) {
+        result[key] = this.walkGeoJSONAndGetValues(value[key]);
+      }
+      return result;
+    }
+    return value;
+  }
+  walkAndProcess(value, cb) {
+    if (Array.isArray(value)) {
+      value.forEach(i => this.walkAndProcess(i, cb));
+    } else if (value instanceof AnimatedWithChildren) {
+      cb(value);
+    } else if (typeof value === "object") {
+      for (const key in value) {
+        this.walkAndProcess(value[key], cb);
+      }
+    }
+  }
+  __getValue() {
+    const geojson = this.walkGeoJSONAndGetValues(this.geojson);
+    if (geojson.type === "LineString" && geojson.coordinates.length === 1) {
+      geojson.coordinates = [...geojson.coordinates, ...geojson.coordinates];
+    }
+    return geojson;
+  }
+  __attach() {
+    this.walkAndProcess(this.geojson, v => v.__addChild(this));
+  }
+  __detach() {
+    this.walkAndProcess(this.geojson, v => v.__removeChild(this));
+    super.__detach();
+  }
+}
+//# sourceMappingURL=AnimatedGeoJSON.js.map

package/lib/module/utils/animated/AnimatedGeoJSON.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","AnimatedWithChildren","Object","getPrototypeOf","ValueXY","AnimatedGeoJSON","constructor","valueIn","geojson","walkGeoJSONAndGetValues","value","Array","isArray","map","i","__getValue","result","key","walkAndProcess","cb","forEach","type","coordinates","length","__attach","v","__addChild","__detach","__removeChild"],"sourceRoot":"../../../../src","sources":["utils/animated/AnimatedGeoJSON.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAMvC,MAAMC,oBAAoB,GAAGC,MAAM,CAACC,cAAc,CAACH,QAAQ,CAACI,OAAO,CAAC;AAYpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,SAASJ,oBAAoB,CAAC;EACxDK,WAAWA,CAACC,OAA+B,EAAE;IAC3C,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,OAAO,GAAGD,OAAO;EACxB;EAEQE,uBAAuBA,CAACC,KAAU,EAAO;IAC/C,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;MACxB,OAAOA,KAAK,CAACG,GAAG,CAAEC,CAAC,IAAK,IAAI,CAACL,uBAAuB,CAACK,CAAC,CAAC,CAAC;IAC1D;IAEA,IAAIJ,KAAK,YAAYT,oBAAoB,EAAE;MACzC,OAAQS,KAAK,CAASK,UAAU,CAAC,CAAC;IACpC;IAEA,IAAI,OAAOL,KAAK,KAAK,QAAQ,EAAE;MAC7B,MAAMM,MAA8B,GAAG,CAAC,CAAC;MAEzC,KAAK,MAAMC,GAAG,IAAIP,KAAK,EAAE;QACvBM,MAAM,CAACC,GAAG,CAAC,GAAG,IAAI,CAACR,uBAAuB,CAACC,KAAK,CAACO,GAAG,CAAC,CAAC;MACxD;MAEA,OAAOD,MAAM;IACf;IAEA,OAAON,KAAK;EACd;EAEQQ,cAAcA,CACpBR,KAAU,EACVS,EAA0C,EACpC;IACN,IAAIR,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;MACxBA,KAAK,CAACU,OAAO,CAAEN,CAAC,IAAK,IAAI,CAACI,cAAc,CAACJ,CAAC,EAAEK,EAAE,CAAC,CAAC;IAClD,CAAC,MAAM,IAAIT,KAAK,YAAYT,oBAAoB,EAAE;MAChDkB,EAAE,CAACT,KAAK,CAAC;IACX,CAAC,MAAM,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;MACpC,KAAK,MAAMO,GAAG,IAAIP,KAAK,EAAE;QACvB,IAAI,CAACQ,cAAc,CAACR,KAAK,CAACO,GAAG,CAAC,EAAEE,EAAE,CAAC;MACrC;IACF;EACF;EAEAJ,UAAUA,CAAA,EAAuC;IAC/C,MAAMP,OAAO,GAAG,IAAI,CAACC,uBAAuB,CAAC,IAAI,CAACD,OAAO,CAAC;IAE1D,IAAIA,OAAO,CAACa,IAAI,KAAK,YAAY,IAAIb,OAAO,CAACc,WAAW,CAACC,MAAM,KAAK,CAAC,EAAE;MACrEf,OAAO,CAACc,WAAW,GAAG,CAAC,GAAGd,OAAO,CAACc,WAAW,EAAE,GAAGd,OAAO,CAACc,WAAW,CAAC;IACxE;IAEA,OAAOd,OAAO;EAChB;EAEAgB,QAAQA,CAAA,EAAS;IACf,IAAI,CAACN,cAAc,CAAC,IAAI,CAACV,OAAO,EAAGiB,CAAC,IAAMA,CAAC,CAASC,UAAU,CAAC,IAAI,CAAC,CAAC;EACvE;EAEAC,QAAQA,CAAA,EAAS;IACf,IAAI,CAACT,cAAc,CAAC,IAAI,CAACV,OAAO,EAAGiB,CAAC,IAAMA,CAAC,CAASG,aAAa,CAAC,IAAI,CAAC,CAAC;IACxE,KAAK,CAACD,QAAQ,CAAC,CAAC;EAClB;AACF","ignoreList":[]}

package/lib/module/utils/animated/AnimatedPoint.js

@@ -0,0 +1,109 @@
+"use strict";
+
+import { Animated } from "react-native";
+let uniqueID = 0;
+const AnimatedWithChildren = Object.getPrototypeOf(Animated.ValueXY);
+export class AnimatedPoint extends AnimatedWithChildren {
+  constructor(valueIn) {
+    super();
+    const longitudeIn = valueIn?.coordinates[0] ?? 0;
+    const latitudeIn = valueIn?.coordinates[1] ?? 0;
+    if (longitudeIn instanceof Animated.Value) {
+      this.longitude = longitudeIn;
+    } else {
+      this.longitude = new Animated.Value(longitudeIn);
+    }
+    if (latitudeIn instanceof Animated.Value) {
+      this.latitude = latitudeIn;
+    } else {
+      this.latitude = new Animated.Value(latitudeIn);
+    }
+    this._lngLatListeners = {};
+  }
+  setValue(value) {
+    this.longitude.setValue(value.coordinates[0] ?? 0);
+    this.latitude.setValue(value.coordinates[1] ?? 0);
+  }
+  setOffset(offset) {
+    this.longitude.setOffset(offset.coordinates[0] ?? 0);
+    this.latitude.setOffset(offset.coordinates[1] ?? 0);
+  }
+  flattenOffset() {
+    this.longitude.flattenOffset();
+    this.latitude.flattenOffset();
+  }
+  stopAnimation(callback) {
+    this.longitude.stopAnimation();
+    this.latitude.stopAnimation();
+    if (typeof callback === "function") {
+      callback(this.__getValue());
+    }
+  }
+  addListener(callback) {
+    uniqueID += 1;
+    const id = `${uniqueID}-${Date.now()}`;
+    const completeCallback = () => {
+      if (typeof callback === "function") {
+        callback(this.__getValue());
+      }
+    };
+    this._lngLatListeners[id] = {
+      longitude: this.longitude.addListener(completeCallback),
+      latitude: this.latitude.addListener(completeCallback)
+    };
+    return id;
+  }
+  removeListener(id) {
+    const listener = this._lngLatListeners[id];
+    if (listener) {
+      this.longitude.removeListener(listener.longitude);
+      this.latitude.removeListener(listener.latitude);
+      delete this._lngLatListeners[id];
+    }
+  }
+  spring({
+    toValue,
+    ...config
+  }) {
+    return Animated.parallel([Animated.spring(this.longitude, {
+      ...config,
+      toValue: toValue.coordinates[0] ?? 0,
+      useNativeDriver: false
+    }), Animated.spring(this.latitude, {
+      ...config,
+      toValue: toValue.coordinates[1] ?? 0,
+      useNativeDriver: false
+    })]);
+  }
+  timing({
+    toValue,
+    ...config
+  }) {
+    return Animated.parallel([Animated.timing(this.longitude, {
+      ...config,
+      toValue: toValue.coordinates[0] ?? 0,
+      useNativeDriver: false
+    }), Animated.timing(this.latitude, {
+      ...config,
+      toValue: toValue.coordinates[1] ?? 0,
+      useNativeDriver: false
+    })]);
+  }
+  __getValue() {
+    return {
+      type: "Point",
+      coordinates: [this.longitude.__getValue(), this.latitude.__getValue()]
+    };
+  }
+  __attach() {
+    this.longitude.__addChild(this);
+    this.latitude.__addChild(this);
+  }
+  __detach() {
+    this.longitude.__removeChild(this);
+    this.latitude.__removeChild(this);
+    // @ts-ignore
+    super.__detach();
+  }
+}
+//# sourceMappingURL=AnimatedPoint.js.map

package/lib/module/utils/animated/AnimatedPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","uniqueID","AnimatedWithChildren","Object","getPrototypeOf","ValueXY","AnimatedPoint","constructor","valueIn","longitudeIn","coordinates","latitudeIn","Value","longitude","latitude","_lngLatListeners","setValue","value","setOffset","offset","flattenOffset","stopAnimation","callback","__getValue","addListener","id","Date","now","completeCallback","removeListener","listener","spring","toValue","config","parallel","useNativeDriver","timing","type","__attach","__addChild","__detach","__removeChild"],"sourceRoot":"../../../../src","sources":["utils/animated/AnimatedPoint.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/animated/AnimatedRouteCoordinatesArray.js

@@ -0,0 +1,115 @@
+"use strict";
+
+import { distance } from "@turf/distance";
+import { convertLength, lineString, point } from "@turf/helpers";
+import { length } from "@turf/length";
+import { nearestPointOnLine } from "@turf/nearest-point-on-line";
+import { AbstractAnimatedCoordinates } from "./AbstractAnimatedCoordinates.js";
+export class AnimatedRouteCoordinatesArray extends AbstractAnimatedCoordinates {
+  /**
+   * Calculate initial state
+   *
+   * @param coordinatesArray -
+   * @returns {AnimatedRouteState}
+   */
+  onInitialState(coordinatesArray) {
+    return {
+      fullRoute: coordinatesArray.map(coordinates => [coordinates[0], coordinates[1]]),
+      end: {
+        from: 0,
+        to: 0
+      }
+    };
+  }
+
+  /**
+   * Calculate value from state
+   *
+   * @param state - Previous state
+   * @returns {AnimatedCoordinates[]}
+   */
+  onGetValue(state) {
+    return state.actRoute || state.fullRoute;
+  }
+
+  /**
+   * Calculates state based on startingState and progress, returns a new state
+   *
+   * @param state - Previous state
+   * @param progress - Value between 0 and 1
+   * @returns {AnimatedRouteState}
+   */
+  onCalculate(state, progress) {
+    const {
+      fullRoute,
+      end
+    } = state;
+    const currentEnd = end.from * (1.0 - progress) + progress * end.to;
+    let prevSum = 0;
+    let actSum = 0;
+    let i = fullRoute.length - 1;
+    while (actSum < currentEnd && i > 0) {
+      prevSum = actSum;
+      const start = fullRoute[i];
+      const end = fullRoute[i - 1];
+      actSum += start && end ? distance(point(start), point(end), this.distconf) : 0;
+      i -= 1;
+    }
+    if (actSum <= currentEnd) {
+      const actRoute = [...fullRoute.slice(0, i + 1)];
+      return {
+        fullRoute,
+        end: {
+          ...end,
+          current: currentEnd
+        },
+        actRoute
+      };
+    }
+    const r = (currentEnd - prevSum) / (actSum - prevSum);
+    const or = 1.0 - r;
+    const actRoute = [...fullRoute.slice(0, i + 1), [(fullRoute[i]?.[0] ?? 0) * r + (fullRoute[i + 1]?.[0] ?? 0) * or, (fullRoute[i]?.[1] ?? 0) * r + (fullRoute[i + 1]?.[1] ?? 0) * or]];
+    return {
+      fullRoute,
+      end: {
+        ...end,
+        current: currentEnd
+      },
+      actRoute
+    };
+  }
+
+  /**
+   * Subclasses can override to start a new animation
+   *
+   * @param state -
+   * @param toValue - to value from animate
+   * @returns {object} The state
+   */
+  onStart(state, toValue) {
+    const {
+      fullRoute,
+      end
+    } = state;
+    const fullRouteLineString = lineString(fullRoute);
+    let to = undefined;
+    if ("along" in toValue.end) {
+      to = length(fullRouteLineString) - convertLength(toValue.end.along, toValue.end.units);
+    } else {
+      const nearest = nearestPointOnLine(fullRouteLineString, toValue.end.point);
+      to = length(fullRouteLineString) - nearest.properties.location;
+    }
+    return {
+      fullRoute,
+      end: {
+        ...end,
+        from: end.current ?? end.from,
+        to
+      }
+    };
+  }
+  get originalRoute() {
+    return this.state.fullRoute;
+  }
+}
+//# sourceMappingURL=AnimatedRouteCoordinatesArray.js.map