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

package/scripts/codegen.ts

@@ -1,344 +0,0 @@
-import maplibreGlStyleSpec from "@maplibre/maplibre-gl-style-spec/src/reference/latest";
-import ejs from "ejs";
-import { exec } from "node:child_process";
-import { promises as fs } from "node:fs";
-import path from "node:path";
-import prettier from "prettier";
-
-import { DocJSONBuilder } from "./utils/DocJSONBuilder";
-import { MarkdownBuilder } from "./utils/MarkdownBuilder";
-import { camelCase } from "./utils/TemplateHelpers";
-import * as TemplateHelpers from "./utils/TemplateHelpers";
-import {
-  getAndroidVersion,
-  getIosVersion,
-  isVersionGTE,
-} from "./utils/getNativeVersion";
-
-const TEMPLATES_PATH = path.join(__dirname, "templates");
-
-const IOS_OUTPUT_PATH = path.join(__dirname, "..", "ios", "RCTMLN");
-const ANDROID_OUTPUT_PATH = path.join(
-  __dirname,
-  "..",
-  "android",
-  "src",
-  "main",
-  "java",
-  "com",
-  "maplibre",
-  "rctmln",
-  "components",
-  "styles",
-);
-
-const JS_OUTPUT_PATH = path.join(__dirname, "..", "javascript", "utils");
-
-const TEMPLATE_MAPPINGS = [
-  {
-    input: path.join(TEMPLATES_PATH, "RCTMLNStyle.h.ejs"),
-    output: path.join(IOS_OUTPUT_PATH, "RCTMLNStyle.h"),
-  },
-  {
-    input: path.join(TEMPLATES_PATH, "MaplibreStyles.ts.ejs"),
-    output: path.join(JS_OUTPUT_PATH, "MaplibreStyles.d.ts"),
-  },
-  {
-    input: path.join(TEMPLATES_PATH, "RCTMLNStyle.m.ejs"),
-    output: path.join(IOS_OUTPUT_PATH, "RCTMLNStyle.m"),
-  },
-  {
-    input: path.join(TEMPLATES_PATH, "RCTMLNStyleFactory.java.ejs"),
-    output: path.join(ANDROID_OUTPUT_PATH, "RCTMLNStyleFactory.java"),
-  },
-  {
-    input: path.join(TEMPLATES_PATH, "styleMap.ts.ejs"),
-    output: path.join(JS_OUTPUT_PATH, "styleMap.ts"),
-  },
-];
-
-async function generate() {
-  const androidVersion = await getAndroidVersion();
-  const iosVersion = await getIosVersion();
-
-  function getPropertiesForLight() {
-    const lightAttributes = maplibreGlStyleSpec.light;
-
-    return getSupportedProperties(lightAttributes).map((attrName) => {
-      return Object.assign({}, buildProperties(lightAttributes, attrName), {
-        allowedFunctionTypes: [],
-      });
-    });
-  }
-
-  function getPropertiesForLayer(layerName: string) {
-    const paintAttributes = maplibreGlStyleSpec[`paint_${layerName}`];
-    const layoutAttributes = maplibreGlStyleSpec[`layout_${layerName}`];
-
-    const paintProps = getSupportedProperties(paintAttributes).map(
-      (attrName) => {
-        const prop = buildProperties(paintAttributes, attrName);
-
-        // overrides
-        if (["line-width"].includes(attrName)) {
-          prop.allowedFunctionTypes = ["camera"];
-        }
-
-        return prop;
-      },
-    );
-
-    const layoutProps = getSupportedProperties(layoutAttributes).map(
-      (attrName) => {
-        const prop = buildProperties(layoutAttributes, attrName);
-
-        // overrides
-        if (
-          [
-            "line-join",
-            "text-max-width",
-            "text-letter-spacing",
-            "text-anchor",
-            "text-justify",
-            "text-font",
-          ].includes(attrName)
-        ) {
-          prop.allowedFunctionTypes = ["camera"];
-        }
-
-        // TODO
-        // Overide type padding
-        if (prop.type === "padding") {
-          prop.type = "array";
-          prop.value = "number";
-          prop.length = 4;
-        }
-
-        return prop;
-      },
-    );
-
-    return layoutProps.concat(paintProps);
-  }
-
-  function getSupportedLayers() {
-    return Object.entries(maplibreGlStyleSpec.layer.type.values)
-      .map(([layerName, layerProperties]) => {
-        if (
-          layerProperties &&
-          typeof layerProperties === "object" &&
-          "sdk-support" in layerProperties
-        ) {
-          const support = getAttributeSupport(layerProperties["sdk-support"]);
-
-          if (support.basic.android && support.basic.ios) {
-            return layerName;
-          }
-        }
-
-        return undefined;
-      })
-      .filter((layerName) => typeof layerName === "string");
-  }
-
-  function getSupportedProperties(attributes: any) {
-    return Object.keys(attributes).filter((attrName) =>
-      isAttrSupported(attributes[attrName]),
-    );
-  }
-
-  function buildProperties(attributes: any, attrName: string) {
-    return {
-      name: camelCase(attrName),
-      doc: {
-        default: attributes[attrName].default,
-        minimum: attributes[attrName].minimum,
-        maximum: attributes[attrName].maximum,
-        units: attributes[attrName].units,
-        description: formatDescription(attributes[attrName].doc),
-        requires: getRequires(attributes[attrName].requires),
-        disabledBy: getDisables(attributes[attrName].requires),
-        values: attributes[attrName].values,
-      },
-      type: attributes[attrName].type,
-      value: attributes[attrName].value,
-      length: undefined as undefined | number,
-      image: isImage(attrName),
-      translate: isTranslate(attrName),
-      transition: attributes[attrName].transition,
-      expression: attributes[attrName].expression,
-      expressionSupported:
-        Object.keys(attributes[attrName].expression || {}).length > 0,
-      support: getAttributeSupport(attributes[attrName]["sdk-support"]),
-      allowedFunctionTypes: getAllowedFunctionTypes(attributes[attrName]),
-    };
-  }
-
-  function formatDescription(description: string) {
-    const words = description.split(" ");
-
-    for (let i = 0; i < words.length; i++) {
-      const word = words[i];
-
-      if (word.includes("-")) {
-        words[i] = camelCase(word);
-      }
-    }
-
-    return words.join(" ");
-  }
-
-  function getRequires(requiredItems: any) {
-    const items: any[] = [];
-
-    if (!requiredItems) {
-      return items;
-    }
-
-    for (const item of requiredItems) {
-      if (typeof item === "string") {
-        items.push(camelCase(item, "-"));
-      }
-    }
-
-    return items;
-  }
-
-  function getDisables(disabledItems: any[]) {
-    const items: any[] = [];
-
-    if (!disabledItems) {
-      return items;
-    }
-
-    for (const item of disabledItems) {
-      if (item["!"]) {
-        items.push(camelCase(item["!"], "-"));
-      }
-    }
-
-    return items;
-  }
-
-  function isImage(attrName: string) {
-    return (
-      attrName.toLowerCase().indexOf("pattern") !== -1 ||
-      attrName.toLowerCase().indexOf("image") !== -1
-    );
-  }
-
-  function isTranslate(attrName: string) {
-    return attrName.toLowerCase().indexOf("translate") !== -1;
-  }
-
-  function isAttrSupported(attr: any) {
-    const support = getAttributeSupport(attr["sdk-support"]);
-    if (attr.private) {
-      return false;
-    }
-    return support.basic.android && support.basic.ios;
-  }
-
-  function getAttributeSupport(sdkSupport: any) {
-    const support = {
-      basic: { android: false, ios: false },
-      data: { android: false, ios: false },
-    };
-
-    const basicSupport = sdkSupport && sdkSupport["basic functionality"];
-    support.basic.android = isVersionGTE(androidVersion, basicSupport?.android);
-    support.basic.ios = isVersionGTE(iosVersion, basicSupport?.ios);
-
-    const dataDrivenSupport = sdkSupport && sdkSupport["data-driven styling"];
-    support.data.android = isVersionGTE(
-      androidVersion,
-      dataDrivenSupport?.android,
-    );
-    support.data.ios = isVersionGTE(iosVersion, dataDrivenSupport?.ios);
-
-    if (!support.data.ios || !support.data.android) {
-      support.data.ios = false;
-      support.data.android = false;
-    }
-
-    return support;
-  }
-
-  function getAllowedFunctionTypes(paintAttr: any) {
-    const allowedFunctionTypes = [];
-
-    if (paintAttr["zoom-function"]) {
-      allowedFunctionTypes.push("camera");
-    }
-
-    if (paintAttr["property-function"]) {
-      allowedFunctionTypes.push("source");
-      allowedFunctionTypes.push("composite");
-    }
-
-    return allowedFunctionTypes;
-  }
-
-  const layers = getSupportedLayers().map((layerName) => {
-    return {
-      name: layerName,
-      properties: getPropertiesForLayer(layerName),
-    };
-  });
-
-  // add light as a layer
-  layers.push({ name: "light", properties: getPropertiesForLight() });
-
-  // autogenerate code
-  await Promise.all(
-    TEMPLATE_MAPPINGS.map(async ({ input, output }) => {
-      const filename = path.parse(output).base;
-
-      console.log(`Generating ${filename}`);
-      const template = ejs.compile(await fs.readFile(input, "utf8"), {
-        strict: true,
-        async: true,
-      });
-      let results = await template({
-        layers,
-        filePath: path.relative(path.join(__dirname, ".."), input),
-        helpers: TemplateHelpers,
-      });
-      if (filename.endsWith("ts")) {
-        results = await prettier.format(results, {
-          filepath: filename,
-        });
-        // Ensure all enums are exported
-        results = results.replace(/enum (\w+Enum) \{[^}]+}\n/g, "export $&");
-        // Replace Array<any> with any[]
-        results = results.replace(/Array<any>/g, "any[]");
-        // Replace padding type with float array
-        results = results.replace(/padding: string;/g, "padding: number[];");
-      }
-      await fs.writeFile(output, results);
-    }),
-  );
-
-  // autogenerate docs
-  const docBuilder = new DocJSONBuilder(layers);
-  const markdownBuilder = new MarkdownBuilder();
-  await docBuilder.generate();
-  await markdownBuilder.generate();
-
-  // Check if any generated files changed
-  try {
-    exec(
-      `git diff --exit-code docs/ ${TEMPLATE_MAPPINGS.map((m) => m.output).join(" ")}`,
-    );
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  } catch (_error) {
-    console.error(
-      "\n\nThere are unstaged changes in the generated code. " +
-        "Please add them to your commit.\n" +
-        'If you would really like to exclude them, run "git commit -n" to skip.\n\n',
-    );
-    process.exit(1);
-  }
-}
-
-generate();

package/scripts/templates/MaplibreStyles.ts.ejs

@@ -1,102 +0,0 @@
-<%
-  const layers = locals.layers;
-  const helpers = locals.helpers;
--%>
-// <%= helpers.autoGeneratedHeader.doNotModify %>
-// <%= helpers.autoGeneratedHeader.generatedFrom(locals.filePath) %>
-
-import { type ImageSourcePropType } from 'react-native';
-
-export type Translation = { x: number; y: number } | [number, number];
-
-export interface Transition {
-  duration: number;
-  delay: number;
-}
-
-export type FormattedString = string; /* TODO */
-
-type ExpressionName =
-  // Types
-  | 'array' | 'boolean' | 'collator' | 'format' | 'image' | 'literal' | 'number' | 'number-format' | 'object' | 'string'
-  | 'to-boolean' | 'to-color' | 'to-number' | 'to-string' | 'typeof'
-  // Feature data
-  | 'accumulated' | 'feature-state' | 'geometry-type' | 'id' | 'line-progress' | 'properties'
-  // Lookup
-  | 'at' | 'get' | 'has' | 'in' | 'index-of' | 'length' | 'slice'
-  // Decision
-  | '!' | '!=' | '<' | '<=' | '==' | '>' | '>=' | 'all' | 'any' | 'case' | 'match' | 'coalesce' | 'within'
-  // Ramps, scales, curves
-  | 'interpolate' | 'interpolate-hcl' | 'interpolate-lab' | 'step'
-  // Variable binding
-  | 'let' | 'var'
-  // String
-  | 'concat' | 'downcase' | 'is-supported-script' | 'resolved-locale' | 'upcase'
-  // Color
-  | 'rgb' | 'rgba' | 'to-rgba'
-  // Math
-  | '-' | '*' | '/' | '%' | '^' | '+' | 'abs' | 'acos' | 'asin' | 'atan' | 'ceil' | 'cos' | 'distance' | 'e'
-  | 'floor' | 'ln' | 'ln2' | 'log10' | 'log2' | 'max' | 'min' | 'pi' | 'round' | 'sin' | 'sqrt' | 'tan'
-  // Zoom, Heatmap
-  | 'zoom' | 'heatmap-density';
-
-type ExpressionField =
-  | string
-  | number
-  | boolean
-  | Expression
-  | ExpressionField[]
-  | { [key: string]: ExpressionField };
-
-export type Expression = readonly [ExpressionName, ...ExpressionField[]];
-
-export type FilterExpression = Expression;
-
-type ExpressionParameters = 'zoom' | 'feature' | 'feature-state' | 'sky-radial-progress' | 'line-progress' | 'heatmap-density';
-
-type ResolvedImageType = ImageSourcePropType | string;
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export type Value<T, AllowedParameters extends ExpressionParameters[] = []> =
-  | T
-  | Expression;
-
-<%_ for (let enumInfo of helpers.getEnums(layers)) { _%>
-  enum <%- helpers.pascalCase(enumInfo.name) %>Enum {
-    <%_ for (let k of Object.keys(enumInfo.values)) { _%>
-      /** <%- enumInfo.values[k].doc %> */
-      <%- helpers.pascalCase(k) %> = '<%- k %>',
-    <%_ } _%>
-  }
-  type <%- helpers.pascalCase(enumInfo.name) %>EnumValues = <%- Object.keys(enumInfo.values).map(k => `'${k}'`).join(' | ') %>;
-<%_ } _%>
-
-type Enum<EnumType, EnumValues> = EnumType | EnumValues;
-
-<%_ for (let layer of layers) { _%>
-  export interface <%- helpers.pascalCase(layer.name) %>LayerStyleProps {
-    <%_ for (let prop of layer.properties) { _%>
-      /**
-       * <%- prop.doc.description %>
-      <%_ if (prop.doc.requires.length) { _%>
-       *
-       * @requires <%- prop.doc.requires.join(', ') %>
-      <%_ } _%>
-      <%_ if (prop.doc.disabledBy.length) { _%>
-       *
-       * @disabledBy <%- prop.doc.disabledBy.join(', ') %>
-      <%_ } _%>
-       */
-      <%= prop.name %>?: <%- helpers.dtsInterfaceType(prop) %>
-      <%_ if (true && prop.transition) { %>
-      /**
-       * The transition affecting any changes to this layer’s <%= prop.name %> property.
-       */
-      <%= prop.name %>Transition?: Transition,
-      <%_ } _%>
-      <%_ } _%>
-
-  };
-<%_ } _%>
-
-export type AllLayerStyleProps = <%- layers.map(l => `${helpers.pascalCase(l.name)}LayerStyleProps`).join("|") -%>;

package/scripts/templates/RCTMLNStyle.h.ejs

@@ -1,34 +0,0 @@
-<%
-  const layers = locals.layers;
-  const helpers = locals.helpers;
--%>
-// <%= helpers.autoGeneratedHeader.doNotModify %>
-// <%= helpers.autoGeneratedHeader.generatedFrom(locals.filePath) %>
-
-#import "RCTMLNStyle.h"
-#import "RCTMLNStyleValue.h"
-#import <React/RCTBridge.h>
-
-@import MapLibre;
-
-@interface RCTMLNStyle : NSObject
-
-@property (nonatomic, weak) RCTBridge *bridge;
-@property (nonatomic, strong) MLNStyle *style;
-
-- (id)initWithMLNStyle:(MLNStyle*)mlnStyle;
-
-<%_ for (const layer of layers) { _%>
-- (void)<%- helpers.setLayerMethodName(layer, 'ios') -%>:(<%- helpers.getLayerType(layer, 'ios') -%> *)layer withReactStyle:(NSDictionary *)reactStyle isValid:(BOOL (^)(void)) isValid;
-<%_ } _%>
-
-<%_ 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 (prop.transition) { _%>
-- (void)set<%- helpers.iosPropMethodName(layer, helpers.pascalCase(prop.name)) -%>Transition:(<%- helpers.getLayerType(layer, 'ios') -%> *)layer withReactStyleValue:(RCTMLNStyleValue *)styleValue;
-<%_ } _%>
-<%_ } _%>
-<% } %>
-
-@end

package/scripts/templates/RCTMLNStyle.m.ejs

@@ -1,98 +0,0 @@
-<%
-  const layers = locals.layers;
-  const helpers = locals.helpers;
--%>
-// <%= helpers.autoGeneratedHeader.doNotModify %>
-// <%= helpers.autoGeneratedHeader.generatedFrom(locals.filePath) %>
-
-#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;
--%>
-// <%= helpers.autoGeneratedHeader.doNotModify %>
-// <%= helpers.autoGeneratedHeader.generatedFrom(locals.filePath) %>
-
-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);
-      }
-    }
-
-    <%_ } _%>
-  <%_ } _%>
-  <%_ } _%>
-}