@maplibre/maplibre-react-native 10.0.0-alpha.26 → 10.0.0-alpha.28

package/scripts/templates/RCTMLNStyle.m.ejs

@@ -1,98 +0,0 @@
-<%
-  const layers = locals.layers;
-  const helpers = locals.helpers;
--%>
-// DO NOT MODIFY
-// THIS FILE IS AUTOGENERATED
-
-#import "RCTMLNStyle.h"
-#import "RCTMLNUtils.h"
-
-@implementation RCTMLNStyle
-
-- (id)initWithMLNStyle:(MLNStyle*)mlnStyle
-{
-    if (self = [super init]) {
-        _style = mlnStyle;
-    }
-    return self;
-}
-
-<% for (const layer of layers) { %>
-- (void)<%- helpers.setLayerMethodName(layer, 'ios') -%>:(<%- helpers.getLayerType(layer, 'ios') -%> *)layer withReactStyle:(NSDictionary *)reactStyle isValid:(BOOL (^)(void)) isValid
-{
-  if (![self _hasReactStyle:reactStyle]) {
-    // TODO throw exception
-    return;
-  }
-
-  NSArray<NSString*> *styleProps = [reactStyle allKeys];
-  for (NSString *prop in styleProps) {
-    if ([prop isEqualToString:@"__MAPBOX_STYLESHEET__"]) {
-      continue;
-    }
-
-    RCTMLNStyleValue *styleValue = [RCTMLNStyleValue make:reactStyle[prop]];
-
-  <% for (let i = 0; i < layer.properties.length; i++) { -%>
-  <%- helpers.ifOrElseIf(i) -%> ([prop isEqualToString:@"<%= layer.properties[i].name %>"]) {
-  <%_ if (layer.properties[i].image) { _%>
-      if (![styleValue shouldAddImage]) {
-        [self set<%- helpers.iosPropMethodName(layer, helpers.pascalCase(layer.properties[i].name)) -%>:layer withReactStyleValue:styleValue];
-      } else {
-        NSString *imageURI = [styleValue getImageURI];
-
-        [RCTMLNUtils fetchImage:_bridge url:imageURI scale:[styleValue getImageScale] callback:^(NSError *error, UIImage *image) {
-          if (image != nil) {
-            dispatch_async(dispatch_get_main_queue(), ^{
-              if (isValid()) {
-                [self->_style setImage:image forName:imageURI];
-                [self set<%- helpers.iosPropMethodName(layer, helpers.pascalCase(layer.properties[i].name)) -%>:layer withReactStyleValue:styleValue];
-              }
-            });
-          }
-        }];
-      }
-  <%_ } else { _%>
-      [self set<%- helpers.iosPropMethodName(layer, helpers.pascalCase(layer.properties[i].name)) -%>:layer withReactStyleValue:styleValue];
-  <%_ } _%>
-  <%_ if (layer.properties[i].transition) { _%>
-    } else if ([prop isEqualToString:@"<%= layer.properties[i].name %>Transition"]) {
-      [self set<%- helpers.iosPropMethodName(layer, helpers.pascalCase(layer.properties[i].name)) -%>Transition:layer withReactStyleValue:styleValue];
-  <%_ } _%>
-  <% } -%>
-  } else {
-      // TODO throw exception
-    }
-  }
-}
-<% } %>
-
-<% for (const layer of layers) {%>
-<% for (const prop of layer.properties) {%>
-- (void)set<%- helpers.iosPropMethodName(layer, helpers.pascalCase(prop.name)) -%>:(<%- helpers.getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMLNStyleValue *)styleValue
-{
-    <%_ if (layer.name === 'light' && prop.name === 'position') { _%>
-    layer.position = [styleValue getSphericalPosition];
-    <%_ } else if (prop.name === 'visibility') { _%>
-    layer.visible = [styleValue isVisible];
-    <%_ } else { _%>
-    layer.<%- helpers.iosPropName(prop.name) -%> = styleValue.mlnStyleValue;
-    <%_ } _%>
-}
-<%_ if (prop.transition) { _%>
-
-- (void)set<%- helpers.iosPropMethodName(layer, helpers.pascalCase(prop.name)) -%>Transition:(<%- helpers.getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMLNStyleValue *)styleValue
-{
-    layer.<%- helpers.iosPropName(prop.name) -%>Transition = [styleValue getTransition];
-}
-<%_ } _%>
-<% } %>
-<% } %>
-
-- (BOOL)_hasReactStyle:(NSDictionary *)reactStyle
-{
-  return reactStyle != nil && reactStyle.allKeys.count > 0;
-}
-
-@end

package/scripts/templates/RCTMLNStyleFactory.java.ejs

@@ -1,108 +0,0 @@
-<%
-  const layers = locals.layers;
-  const helpers = locals.helpers;
--%>
-// DO NOT MODIFY
-// THIS FILE IS AUTOGENERATED
-
-package com.maplibre.rctmln.components.styles;
-
-import org.maplibre.android.style.layers.BackgroundLayer;
-import org.maplibre.android.style.layers.CircleLayer;
-import org.maplibre.android.style.layers.FillExtrusionLayer;
-import org.maplibre.android.style.layers.FillLayer;
-import org.maplibre.android.style.layers.LineLayer;
-import org.maplibre.android.style.layers.PropertyFactory;
-import org.maplibre.android.style.layers.PropertyValue;
-import org.maplibre.android.style.layers.RasterLayer;
-import org.maplibre.android.style.layers.SymbolLayer;
-import org.maplibre.android.style.layers.HeatmapLayer;
-import org.maplibre.android.style.layers.HillshadeLayer;
-import org.maplibre.android.style.layers.TransitionOptions;
-import org.maplibre.android.style.light.Light;
-import org.maplibre.android.style.light.Position;
-import com.maplibre.rctmln.utils.DownloadMapImageTask;
-
-import java.util.List;
-
-public class RCTMLNStyleFactory {
-    public static final String VALUE_KEY = "value";
-    public static final String SHOULD_ADD_IMAGE_KEY = "shouldAddImage";
-
-  <%_ for (const layer of layers) { _%>
-    public static void <%- helpers.setLayerMethodName(layer) -%>(final <%- helpers.getLayerType(layer, 'android') -%> layer, RCTMLNStyle style) {
-      List<String> styleKeys = style.getAllStyleKeys();
-
-      if (styleKeys.size() == 0) {
-        return;
-      }
-
-      for (String styleKey : styleKeys) {
-        final RCTMLNStyleValue styleValue = style.getStyleValueForKey(styleKey);
-
-        switch (styleKey) {
-          <%_ for (const prop of layer.properties) { _%>
-            case "<%= prop.name %>":
-              <%_ if (prop.image) { _%>
-              style.addImage(styleValue, new DownloadMapImageTask.OnAllImagesLoaded() {
-                  @Override
-                  public void onAllImagesLoaded() {
-                      RCTMLNStyleFactory.set<%- helpers.pascalCase(prop.name) -%>(layer, styleValue);
-                  }
-              });
-              <%_ } else { _%>
-              RCTMLNStyleFactory.set<%- helpers.pascalCase(prop.name) -%>(layer, styleValue);
-              <%_ } _%>
-              break;
-            <%_ if (prop.transition) { _%>
-            case "<%= prop.name %>Transition":
-              RCTMLNStyleFactory.set<%- helpers.pascalCase(prop.name) -%>Transition(layer, styleValue);
-              break;
-            <%_ } _%>
-          <%_ } _%>
-        }
-      }
-    }
-  <%_ } _%>
-
-  <%_ for (const layer of layers) { _%>
-  <%_ for (const prop of layer.properties) { _%>
-    public static void set<%- helpers.pascalCase(prop.name) -%>(<%- helpers.getLayerType(layer, 'android') -%> layer, RCTMLNStyleValue styleValue) {
-      <%_ if (layer.name === 'light' && prop.name === 'position') { _%>
-      Float[] values = styleValue.getFloatArray(VALUE_KEY);
-      layer.set<%- helpers.pascalCase(prop.name) -%>(Position.fromPosition(values[0], values[1], values[2]));
-      <%_ } else if (layer.name === 'light') { _%>
-      layer.set<%- helpers.pascalCase(prop.name) -%>(<%- helpers.androidGetConfigType(helpers.androidInputType(prop.type, prop.value), prop) -%>);
-      <%_ } else if (prop.name === 'visibility') { _%>
-      layer.setProperties(PropertyFactory.visibility(styleValue.getString(VALUE_KEY)));
-      <%_ } else if (prop.type === 'resolvedImage') { _%>
-      if (styleValue.isExpression()) {
-        if (styleValue.isImageStringValue()) {
-          layer.setProperties(PropertyFactory.<%= prop.name %>(styleValue.getImageStringValue()));
-        } else {
-          layer.setProperties(PropertyFactory.<%= prop.name %>(styleValue.getExpression()));
-        }
-      } else {
-        layer.setProperties(PropertyFactory.<%= prop.name %>(<%- helpers.androidGetConfigType(helpers.androidInputType(prop.type, prop.value), prop) -%>));
-      }
-      <%_ } else { _%>
-      if (styleValue.isExpression()) {
-        layer.setProperties(PropertyFactory.<%= prop.name %>(styleValue.getExpression()));
-      } else {
-        layer.setProperties(PropertyFactory.<%= prop.name %>(<%- helpers.androidGetConfigType(helpers.androidInputType(prop.type, prop.value), prop) -%>));
-      }
-      <%_ } _%>
-    }
-
-    <%_ if (prop.transition) { %>
-    public static void set<%- helpers.pascalCase(prop.name) -%>Transition(<%- helpers.getLayerType(layer, 'android') -%> layer, RCTMLNStyleValue styleValue) {
-      TransitionOptions transition = styleValue.getTransition();
-      if (transition != null) {
-        layer.set<%- helpers.pascalCase(prop.name) -%>Transition(transition);
-      }
-    }
-
-    <%_ } _%>
-  <%_ } _%>
-  <%_ } _%>
-}

package/scripts/templates/component.md.ejs

@@ -1,125 +0,0 @@
-<%
-  const component = locals.component;
-  const helpers = locals.helpers;
--%>
-<!-- DO NOT MODIFY! -->
-<!-- This file is auto-generated from <%- component.filePath %> -->
-# `<MapLibreGL.<%- component.name %> />`
-<%- helpers.replaceNewLine(component.description) %>
-
-<%_ if (component.props && component.props.length) { _%>
-## Props
-| Prop | Type | Default | Required | Description |
-| ---- | :--: | :-----: | :------: | :----------: |
-<%- helpers.propMarkdownTableRows(component) %>
-<%_ } _%>
-
-<%_ if (component.methods && component.methods.length) { _%>
-## Methods
-<%_ for (let method of component.methods) { _%>
-### <%- helpers.getMarkdownMethodSignature(method) %>
-
-<%- helpers.replaceNewLine(method.description) %>
-
-<%_ if (method.params && method.params.length) { _%>
-#### Arguments
-| Name | Type | Required | Description  |
-| ---- | :--: | :------: | :----------: |
-<%- helpers.methodMarkdownTableRow(method) %>
-<%_ } _%>
-
-<%- helpers.getMarkdownMethodExamples(method) %>
-<%_ } _%>
-<%_ } _%>
-
-<%_ if (component.styles && component.styles.length) { _%>
-## Styles
-
-<%_ for (let i = 0; i < component.styles.length; i++) { _%>
-<%
-const style = component.styles[i];
--%>
-* <a href="#name<%- i > 0 ? '-' + i : '' -%>">`<%- style.name %>`</a><br/>
-<%_ } _%>
-
-<%_ for (let style of component.styles) { _%>
-
-### `<%- style.name %>`
-
-<%- style.description %>
-
-<dl>
-    <dt>Type</dt>
-    <dd>
-        <code><%- style.type %></code>
-    </dd>
-    <%_ if (helpers.exists(style.default)) { _%>
-        <dt>Default Value</dt>
-        <dd><code><%= helpers.getStyleDefaultValue(style) %></code></dd>
-    <%_ } _%>
-    <%_ if (style.type === 'enum') { _%>
-    <dt>Supported Values</dt>
-    <dd>
-        <ul>
-            <%_ for (var i = 0; i < style.values.length; i++) { _%>
-                <li>
-                    <code><%- style.values[i].value %></code>: <%- style.values[i].doc %>
-                </li>
-            <%_ } _%>
-            <%_ } _%>
-        </ul>
-    </dd>
-    <%_ if (helpers.exists(style.units)) { _%>
-        <dt>Units</dt>
-        <dd><code><%- style.units %></code></dd>
-    <%_ } _%>
-    <%_ if (helpers.exists(style.minimum)) { _%>
-        <dt>Minimum</dt>
-        <dd><code><%- style.minimum %></code></dd>
-    <%_ } _%>
-    <%_ if (helpers.exists(style.maximum)) { _%>
-        <dt>Maximum</dt>
-        <dd><code><%- style.maximum %></code></dd>
-    <%_ } _%>
-    <%_ if (style.requires.length) { _%>
-        <dt>Requires</dt>
-        <dd><code><%- style.requires.join(', ') %></code></dd>
-    <%_ } _%>
-    <%_ if (style.disabledBy.length) { _%>
-        <dt>Disabled By</dt>
-        <dd><code><%- style.disabledBy.join(', ') %></code></dd>
-    <%_ } _%>
-    <%_ if (style.allowedFunctionTypes.length) { _%>
-        <dt>Supported Style Functions</dt>
-        <dd><code><%- style.allowedFunctionTypes.join(', ') %></code></dd>
-    <%_ } _%>
-    <%_ if (style.expression) { _%>
-        <dt>Expression Parameters</dt>
-        <dd><code><%- (style.expression.parameters || []).join(', ') %></code></dd>
-    <%_ } _%>
-</dl>
-
-<%_ if (style.transition) { _%>
-### `<%- style.name %>Transition`
-
-The transition affecting any changes to this layer’s <%- style.name %> property.
-
-<dl>
-  <dt>Type</dt>
-  <dd>
-    <code>{ duration, delay }</code>
-  </dd>
-
-  <dt>Units</dt>
-  <dd>
-    <code>milliseconds</code>
-  </dd>
-
-  <dt>Default Value</dt>
-  <dd>
-    <code>{duration: 300, delay: 0}</code>
-  </dd>
-</dl>
-<%_ } %>
-<%_ } _%>
-<%_ } _%>

package/scripts/templates/index.d.ts.ejs

@@ -1,86 +0,0 @@
-<%
-  const layers = locals.layers;
-  const helpers = locals.helpers;
--%>
-// DO NOT MODIFY
-// THIS FILE IS AUTOGENERATED
-
-import { isAndroid } from './index';
-
-export const StyleTypes = {
-  Constant: 'constant',
-  Color: 'color',
-  Transition: 'transition',
-  Translation: 'translation',
-  Function: 'function',
-  Image: 'image',
-  Enum: 'enum',
-};
-
-const styleMap = {
-  <%_ for (let layer of layers) { _%>
-  <%_ for (let prop of layer.properties) { _%>
-  <%_ if (!['color', 'colorTransition', 'visibility'].includes(prop.name)) { _%>
-  <%= prop.name %>: <%- helpers.jsStyleType(prop) %>,
-  <%_ if (prop.transition) { _%>
-  <%= prop.name %>Transition: StyleTypes.Transition,
-  <%_ } _%>
-  <%_ } _%>
-  <%_ } _%>
-
-  <%_ } _%>
-
-  color: StyleTypes.Color,
-  colorTransition: StyleTypes.Transition,
-  visibility: StyleTypes.Constant,
-};
-
-export const styleExtras = {
-  // padding
-  iconTextFitPadding: {
-    iosType: 'edgeinsets',
-  },
-
-  // offsets
-  iconOffset: {
-    iosType: 'vector',
-  },
-  textOffset: {
-    iosType: 'vector',
-  },
-  lineOffset: {
-    iosType: 'vector',
-  },
-
-  // translates
-  fillTranslate: {
-    iosType: 'vector',
-  },
-  lineTranslate: {
-    iosType: 'vector',
-  },
-  iconTranslate: {
-    iosType: 'vector',
-  },
-  textTranslate: {
-    iosType: 'vector',
-  },
-  circleTranslate: {
-    iosType: 'vector',
-  },
-  fillExtrusionTranslate: {
-    iosType: 'vector',
-  },
-};
-
-export function getStyleType(styleProp: keyof typeof styleExtras) {
-  if (!isAndroid() && styleExtras[styleProp]) {
-    return styleExtras[styleProp].iosType;
-  }
-
-  if (styleMap[styleProp]) {
-    return styleMap[styleProp];
-  }
-
-  throw new Error(`${styleProp} is not a valid Mapbox layer style`);
-}

package/scripts/templates/styleMap.ts.ejs

@@ -1,86 +0,0 @@
-<%
-  const layers = locals.layers;
-  const helpers = locals.helpers;
--%>
-/* eslint-disable */
-// DO NOT MODIFY
-// THIS FILE IS AUTOGENERATED
-
-import { isAndroid } from './index';
-
-export const StyleTypes = {
-  Constant: 'constant',
-  Color: 'color',
-  Transition: 'transition',
-  Translation: 'translation',
-  Function: 'function',
-  Image: 'image',
-  Enum: 'enum',
-};
-
-export function getStyleType(styleProp: keyof typeof styleExtras): string {
-  if (!isAndroid() && styleExtras[styleProp]) {
-    return styleExtras[styleProp].iosType;
-  }
-
-  if (styleMap[styleProp]) {
-    return styleMap[styleProp];
-  }
-
-  throw new Error(`${styleProp} is not a valid MapLibre layer style`);
-}
-
-const styleMap = {
-  <%_ for (let layer of layers) { _%>
-  <%_ for (let prop of layer.properties) { _%>
-  <%_ if (prop.name !== 'visibility') { _%>
-  <%= prop.name %>: <%- helpers.jsStyleType(prop) %>,
-  <%_ if (prop.transition) { _%>
-  <%= prop.name %>Transition: StyleTypes.Transition,
-  <%_ } _%>
-  <%_ } _%>
-  <%_ } _%>
-
-  <%_ } _%>
-  visibility: StyleTypes.Constant,
-};
-
-export const styleExtras = {
-  // padding
-  iconTextFitPadding: {
-    iosType: 'edgeinsets',
-  },
-
-  // offsets
-  iconOffset: {
-    iosType: 'vector',
-  },
-  textOffset: {
-    iosType: 'vector',
-  },
-  lineOffset: {
-    iosType: 'vector',
-  },
-
-  // translates
-  fillTranslate: {
-    iosType: 'vector',
-  },
-  lineTranslate: {
-    iosType: 'vector',
-  },
-  iconTranslate: {
-    iosType: 'vector',
-  },
-  textTranslate: {
-    iosType: 'vector',
-  },
-  circleTranslate: {
-    iosType: 'vector',
-  },
-  fillExtrusionTranslate: {
-    iosType: 'vector',
-  },
-};
-
-export default styleMap;