@maplibre/maplibre-react-native 10.4.0 → 11.0.0-alpha.10

package/android/src/main/java/org/maplibre/reactnative/components/layers/style/MLRNStyleFunctionParser.java

@@ -0,0 +1,94 @@
+package org.maplibre.reactnative.components.layers.style;
+
+import com.facebook.react.bridge.Dynamic;
+import com.facebook.react.bridge.NoSuchKeyException;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableType;
+
+import org.maplibre.android.style.layers.PropertyValue;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public abstract class MLRNStyleFunctionParser<T, V> {
+    private MLRNStyleValue mStyleValue;
+
+    public MLRNStyleFunctionParser(MLRNStyleValue styleValue) {
+        mStyleValue = styleValue;
+    }
+
+    public List<StopConfig> getRawStops() {
+        ReadableArray readableArrayRawStops = mStyleValue.getArray("stops");
+
+        List<StopConfig> rawStops = new ArrayList<>();
+
+        for (int i = 0; i < readableArrayRawStops.size(); i++) {
+            ReadableArray rawStop = readableArrayRawStops.getArray(i);
+
+            ReadableMap jsStopKey = rawStop.getMap(0);
+            ReadableMap jsStopValue = rawStop.getMap(1);
+            MLRNStyleValue innerStyleValue = new MLRNStyleValue(jsStopValue);
+
+            Object propertyValue = null;
+            try {
+                Dynamic dynamicPropertyValue = innerStyleValue.getDynamic("propertyValue");
+                ReadableType type = dynamicPropertyValue.getType();
+
+                if (type.equals(ReadableType.Number)) {
+                    propertyValue = dynamicPropertyValue.asDouble();
+                } else if (type.equals(ReadableType.Boolean)){
+                    propertyValue = dynamicPropertyValue.asBoolean();
+                } else {
+                    propertyValue = dynamicPropertyValue.asString();
+                }
+            } catch (NoSuchKeyException e) {
+                // not a zoom-property value
+            }
+
+            StopConfig config;
+            if (propertyValue != null) {
+                config = new StopConfig(getStopKey(jsStopKey), getRawStopValue(innerStyleValue), propertyValue);
+            } else {
+                config = new StopConfig(getStopKey(jsStopKey), getRawStopValue(innerStyleValue));
+            }
+
+            rawStops.add(config);
+        }
+
+        return rawStops;
+    }
+
+    protected abstract T getRawStopValue (MLRNStyleValue styleValue);
+    protected abstract PropertyValue<V> getStopValue(T value);
+
+    private Object getStopKey(ReadableMap jsStopKey) {
+        String payloadKey = "value";
+        String type = jsStopKey.getString("type");
+
+        switch (type) {
+            case "number":
+                return jsStopKey.getDouble(payloadKey);
+            case "boolean":
+                return jsStopKey.getBoolean(payloadKey);
+            default:
+                return jsStopKey.getString(payloadKey);
+        }
+    }
+
+    private class StopConfig {
+        Object propertyValue;
+        T value;
+        Object key;
+
+        StopConfig(Object key, T value) {
+            this(key, value, null);
+        }
+
+        StopConfig(Object key, T value, Object propertyValue) {
+            this.key = key;
+            this.value = value;
+            this.propertyValue = propertyValue;
+        }
+    }
+}

package/android/src/main/java/org/maplibre/reactnative/components/layers/style/MLRNStyleValue.java

@@ -0,0 +1,207 @@
+package org.maplibre.reactnative.components.layers.style;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.bridge.Dynamic;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableType;
+import com.facebook.react.bridge.WritableNativeMap;
+
+import org.maplibre.android.style.expressions.Expression;
+import org.maplibre.android.style.layers.TransitionOptions;
+import org.maplibre.reactnative.utils.ExpressionParser;
+import org.maplibre.reactnative.utils.ImageEntry;
+
+public class MLRNStyleValue {
+
+    private String mType;
+    private boolean isExpression;
+    private Expression mExpression;
+    private ReadableMap mPayload;
+
+    private String imageURI = "";
+    private boolean isAddImage;
+    private Double imageScale = ImageEntry.defaultScale;
+
+    public static final int InterpolationModeExponential = 100;
+    public static final int InterpolationModeInterval = 101;
+    public static final int InterpolationModeCategorical = 102;
+    public static final int InterpolationModeIdentity = 103;
+
+    public MLRNStyleValue(@NonNull ReadableMap config) {
+        mType = config.getString("styletype");
+        mPayload = config.getMap("stylevalue");
+
+        if ("image".equals(mType)) {
+            imageScale = ImageEntry.defaultScale;
+            if ("hashmap".equals(mPayload.getString("type"))) {
+                ReadableMap map = getMap();
+                imageURI = map.getMap("uri").getString("value");
+                if (map.getMap("scale") != null) {
+                    imageScale = map.getMap("scale").getDouble("value");
+                }
+            } else if ("string".equals(mPayload.getString("type"))) {
+                String value = mPayload.getString("value");
+                if (value.contains("://")) {
+                    imageURI = value;
+                } else {
+                    imageURI = null;
+                    isExpression = true;
+                    mExpression = Expression.literal(value);
+                }
+            } else {
+                imageURI = null;
+            }
+            isAddImage = imageURI != null;
+            if (isAddImage) { return; }
+        }
+
+        Dynamic dynamic = mPayload.getDynamic("value");
+        if (dynamic.getType().equals(ReadableType.Array)) {
+            ReadableArray array = dynamic.asArray();
+            if (array.size() > 0 && mPayload.getString("type").equals("array")) {
+                ReadableMap map = array.getMap(0);
+                if (map != null && map.getString("type").equals("string")) {
+                    isExpression = true;
+                    mExpression = ExpressionParser.fromTyped(mPayload);
+                }
+            }
+        }
+    }
+
+    private boolean isTokenizedValue(String value) {
+        return (value.startsWith("{") && value.endsWith("}"));
+    }
+
+    public String getType() {
+        return mType;
+    }
+
+    public boolean isFunction() {
+        return mType.equals("function");
+    }
+
+    public int getInt(String key) {
+        return mPayload.getInt(key);
+    }
+
+    public String getString(String key) {
+        return mPayload.getString(key);
+    }
+
+    public Double getDouble(String key) {
+        return mPayload.getDouble(key);
+    }
+
+    public Float getFloat(String key) {
+        return getDouble(key).floatValue();
+    }
+
+    public Dynamic getDynamic(String key) {
+        return mPayload.getDynamic(key);
+    }
+
+    public ReadableArray getArray(String key) {
+        return mPayload.getArray(key);
+    }
+
+    public Boolean getBoolean(String key) {
+        return mPayload.getBoolean(key);
+    }
+
+    public Float[] getFloatArray(String key) {
+        ReadableArray arr = getArray(key);
+
+        Float[] floatArr = new Float[arr.size()];
+        for (int i = 0; i < arr.size(); i++) {
+            ReadableMap item = arr.getMap(i);
+            floatArr[i] = (float) item.getDouble("value");
+        }
+
+        return floatArr;
+    }
+
+    public String[] getStringArray(String key) {
+        ReadableArray arr = getArray(key);
+
+        String[] stringArr = new String[arr.size()];
+        for (int i = 0; i < arr.size(); i++) {
+            ReadableMap item = arr.getMap(i);
+            stringArr[i] = item.getString("value");
+        }
+
+        return stringArr;
+    }
+
+    public ReadableMap getMap() {
+        if ("hashmap".equals(mPayload.getString("type"))) {
+            ReadableArray keyValues = mPayload.getArray("value");
+            WritableNativeMap result = new WritableNativeMap();
+            for (int i = 0; i < keyValues.size(); i++) {
+                ReadableArray keyValue = keyValues.getArray(i);
+                String stringKey = keyValue.getMap(0).getString("value");
+                WritableNativeMap value = new WritableNativeMap();
+                value.merge(keyValue.getMap(1));
+                result.putMap(stringKey, value);
+            }
+            return result;
+        }
+
+        return null;
+    }
+
+    public ReadableMap getMap(String _key) {
+        return getMap();
+    }
+
+    public Expression getExpression() {
+        return mExpression;
+    }
+
+    public boolean isExpression() {
+        return isExpression;
+    }
+
+    public boolean shouldAddImage() {
+        return isAddImage;
+    }
+
+    public Boolean isImageStringValue() {
+        return "string".equals(mPayload.getString("type"));
+    }
+
+    public String getImageStringValue() {
+        return mPayload.getString("value");
+    }
+
+    public String getImageURI() {
+        return imageURI;
+    }
+
+    public double getImageScale() {
+        return imageScale;
+    }
+
+    public TransitionOptions getTransition() {
+        if (!mType.equals("transition")) {
+            return null;
+        }
+        ReadableMap config = getMap(MLRNStyleFactory.VALUE_KEY);
+
+        boolean enablePlacementTransitions = true;
+        if (config.hasKey("enablePlacementTransitions")) {
+            enablePlacementTransitions = config.getMap("enablePlacementTransitions").getBoolean("value");
+        }
+        int duration = 300;
+        int delay = 0;
+        if (config.hasKey("duration") && ReadableType.Map.equals(config.getType("duration"))) {
+            duration = config.getMap("duration").getInt("value");
+        }
+        if (config.hasKey("delay") && ReadableType.Map.equals(config.getType("delay"))) {
+            delay = config.getMap("delay").getInt("value");
+        }
+
+        return new TransitionOptions(duration, delay, enablePlacementTransitions);
+    }
+}

package/android/src/main/java/org/maplibre/reactnative/components/light/MLRNLight.java

@@ -0,0 +1,56 @@
+package org.maplibre.reactnative.components.light;
+
+import android.content.Context;
+
+import com.facebook.react.bridge.ReadableMap;
+import org.maplibre.android.maps.MapLibreMap;
+import org.maplibre.android.maps.Style;
+import org.maplibre.android.style.light.Light;
+import org.maplibre.reactnative.components.AbstractMapFeature;
+import org.maplibre.reactnative.components.mapview.MLRNMapView;
+import org.maplibre.reactnative.components.layers.style.MLRNStyle;
+import org.maplibre.reactnative.components.layers.style.MLRNStyleFactory;
+
+public class MLRNLight extends AbstractMapFeature {
+    private MapLibreMap mMap;
+    private ReadableMap mReactStyle;
+
+    public MLRNLight(Context context) {
+        super(context);
+    }
+
+    @Override
+    public void addToMap(MLRNMapView mapView) {
+        mMap = mapView.getMapLibreMap();
+        setLight();
+    }
+
+    @Override
+    public void removeFromMap(MLRNMapView mapView) {
+        // ignore there's nothing to remove just update the light style
+    }
+
+    public void setReactStyle(ReadableMap reactStyle) {
+        mReactStyle = reactStyle;
+
+        setLight();
+    }
+
+    private void setLight(Light light) {
+        MLRNStyleFactory.setLightLayerStyle(light, new MLRNStyle(getContext(), mReactStyle, mMap));
+    }
+
+    private void setLight() {
+        Style style = getStyle();
+        if (style != null) {
+            setLight(style.getLight());
+        }
+    }
+
+    private Style getStyle() {
+        if (mMap == null) {
+            return null;
+        }
+        return mMap.getStyle();
+    }
+}

package/android/src/main/java/org/maplibre/reactnative/components/light/MLRNLightManager.java

@@ -0,0 +1,25 @@
+package org.maplibre.reactnative.components.light;
+
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.ViewGroupManager;
+import com.facebook.react.uimanager.annotations.ReactProp;
+
+public class MLRNLightManager extends ViewGroupManager<MLRNLight> {
+    public static final String REACT_CLASS = "MLRNLight";
+
+    @Override
+    public String getName() {
+        return REACT_CLASS;
+    }
+
+    @Override
+    protected MLRNLight createViewInstance(ThemedReactContext reactContext) {
+        return new MLRNLight(reactContext);
+    }
+
+    @ReactProp(name="reactStyle")
+    public void setReactStyle(MLRNLight light, ReadableMap reactStyle) {
+        light.setReactStyle(reactStyle);
+    }
+}

package/android/src/main/java/org/maplibre/reactnative/components/location/LocationComponentManager.java

@@ -34,7 +34,7 @@ public class LocationComponentManager {
 
     public LocationComponentManager(MLRNMapView mlrnMapView, Context context) {
         mMapView = mlrnMapView;
-        mMap = mMapView.getMapboxMap();
+        mMap = mMapView.getMapLibreMap();
         mContext = context;
 
         mLocationManager = LocationManager.getInstance(context);

package/android/src/main/java/org/maplibre/reactnative/components/mapview/MLRNAndroidTextureMapView.kt

@@ -0,0 +1,23 @@
+package org.maplibre.reactnative.components.mapview
+
+import android.content.Context
+import android.util.AttributeSet
+import org.maplibre.android.maps.MapLibreMapOptions
+
+class MLRNAndroidTextureMapView(
+    context: Context, options: MapLibreMapOptions?
+) : MLRNMapView(context, options) {
+    constructor(context: Context) : this(context, options = null)
+
+    @Suppress("UNUSED_PARAMETER")
+    constructor(context: Context, attrs: AttributeSet?) : this(context, options = null)
+
+    @Suppress("UNUSED_PARAMETER")
+    constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : this(
+        context, options = null
+    )
+
+    companion object {
+        const val LOG_TAG: String = "MLRNAndroidTextureMapView"
+    }
+}

package/android/src/main/java/org/maplibre/reactnative/components/mapview/MLRNAndroidTextureMapViewManager.kt

@@ -0,0 +1,23 @@
+package org.maplibre.reactnative.components.mapview
+
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.ThemedReactContext
+import org.maplibre.android.maps.MapLibreMapOptions
+
+class MLRNAndroidTextureMapViewManager(context: ReactApplicationContext) :
+    MLRNMapViewManager(context) {
+    override fun getName(): String = REACT_CLASS
+
+
+    override fun createViewInstance(themedReactContext: ThemedReactContext): MLRNAndroidTextureMapView {
+        val options = MapLibreMapOptions.createFromAttributes(themedReactContext)
+        options.textureMode(true)
+
+        return MLRNAndroidTextureMapView(themedReactContext, options)
+    }
+
+    companion object {
+        const val LOG_TAG: String = "MLRNAndroidTextureMapViewManager"
+        const val REACT_CLASS: String = "MLRNAndroidTextureMapView"
+    }
+}