@aguacerowx/react-native 0.0.53 → 0.0.54

package/src/NexradRadarLayer.ios.js

@@ -1,115 +1 @@
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import { StyleSheet, UIManager, findNodeHandle } from 'react-native';
-import NexradRadarLayerNative from './NexradRadarLayerNativeComponent';
-import { nexradDiag, nexradPerfSpan } from './nexrad/nexradDiag';
-import { resolveNexradCommandId } from './nexrad/nexradNativeCommandIds';
-
-export const NexradRadarLayer = forwardRef((props, ref) => {
-    const nativeRef = useRef(null);
-
-    useImperativeHandle(ref, () => ({
-        uploadNexradFrame(json) {
-            const bridge = nexradPerfSpan('bridge.dispatchViewManagerCommand.uploadNexradFrame');
-            const id = resolveNexradCommandId('uploadNexradFrame');
-            const handle = findNodeHandle(nativeRef.current);
-            if (id != null && handle != null) {
-                UIManager.dispatchViewManagerCommand(handle, id, [json]);
-                bridge.end({
-                    jsonChars: typeof json === 'string' ? json.length : 0,
-                    ok: true,
-                });
-            } else {
-                bridge.end({
-                    jsonChars: typeof json === 'string' ? json.length : 0,
-                    ok: false,
-                    commandId: id,
-                    hasHandle: handle != null,
-                    hasRef: nativeRef.current != null,
-                });
-                nexradDiag('bridge.uploadNexradFrameBlocked', {
-                    commandId: id,
-                    hasHandle: handle != null,
-                    hasRef: nativeRef.current != null,
-                });
-            }
-        },
-        uploadNexradStyleOnly(json) {
-            const bridge = nexradPerfSpan('bridge.dispatchViewManagerCommand.uploadNexradStyleOnly');
-            const id = resolveNexradCommandId('uploadNexradStyleOnly');
-            const handle = findNodeHandle(nativeRef.current);
-            if (id != null && handle != null) {
-                UIManager.dispatchViewManagerCommand(handle, id, [json]);
-                bridge.end({
-                    jsonChars: typeof json === 'string' ? json.length : 0,
-                    ok: true,
-                });
-            } else {
-                bridge.end({
-                    jsonChars: typeof json === 'string' ? json.length : 0,
-                    ok: false,
-                    commandId: id,
-                    hasHandle: handle != null,
-                });
-                nexradDiag('bridge.uploadNexradStyleOnlyBlocked', {
-                    commandId: id,
-                    hasHandle: handle != null,
-                });
-            }
-        },
-        clearNexrad() {
-            const bridge = nexradPerfSpan('bridge.dispatchViewManagerCommand.clearNexrad');
-            const id = resolveNexradCommandId('clearNexrad');
-            const handle = findNodeHandle(nativeRef.current);
-            if (id != null && handle != null) {
-                UIManager.dispatchViewManagerCommand(handle, id, []);
-                bridge.end({ ok: true });
-            } else {
-                bridge.end({ ok: false, commandId: id, hasHandle: handle != null });
-            }
-        },
-        activateNexradCachedFrame(nativeGpuCacheKey) {
-            const bridge = nexradPerfSpan('bridge.dispatchViewManagerCommand.activateNexradCachedFrame');
-            const id = resolveNexradCommandId('activateNexradCachedFrame');
-            const handle = findNodeHandle(nativeRef.current);
-            if (id != null && handle != null && typeof nativeGpuCacheKey === 'string') {
-                UIManager.dispatchViewManagerCommand(handle, id, [nativeGpuCacheKey]);
-                bridge.end({
-                    keyLen: nativeGpuCacheKey.length,
-                    ok: true,
-                });
-            } else {
-                bridge.end({
-                    keyLen: typeof nativeGpuCacheKey === 'string' ? nativeGpuCacheKey.length : 0,
-                    ok: false,
-                    commandId: id,
-                    hasHandle: handle != null,
-                });
-                nexradDiag('bridge.activateNexradCachedFrameBlocked', {
-                    commandId: id,
-                    hasHandle: handle != null,
-                    keyType: typeof nativeGpuCacheKey,
-                });
-            }
-        },
-    }));
-
-    return (
-        <NexradRadarLayerNative
-            ref={nativeRef}
-            belowID={props.belowID}
-            style={styles.overlay}
-            pointerEvents="none"
-            collapsable={false}
-        />
-    );
-});
-
-const styles = StyleSheet.create({
-    overlay: {
-        ...StyleSheet.absoluteFillObject,
-    },
-});
-
-NexradRadarLayer.displayName = 'NexradRadarLayer';
-
-export default NexradRadarLayer;
+import n,{forwardRef as s,useImperativeHandle as c,useRef as m}from"react";import{StyleSheet as t,UIManager as u,findNodeHandle as p}from"react-native";import i from"./NexradRadarLayerNativeComponent";import{resolveNexradCommandId as x}from"./nexradNativeCommandIds";function l(o,r,a=[]){const e=x(r),d=p(o.current);return e!=null&&d!=null?(u.dispatchViewManagerCommand(d,e,a),!0):(__DEV__&&console.warn(`[Aguacero][NexradRadarLayer] ${r} blocked`,{commandId:e,hasHandle:d!=null}),!1)}export const NexradRadarLayer=s((o,r)=>{const a=m(null);return c(r,()=>({uploadNexradFrame(e){l(a,"uploadNexradFrame",[e])},uploadNexradStyleOnly(e){l(a,"uploadNexradStyleOnly",[e])},clearNexrad(){l(a,"clearNexrad",[])},activateNexradCachedFrame(e){typeof e=="string"&&l(a,"activateNexradCachedFrame",[e])}})),n.createElement(i,{ref:a,belowID:o.belowID,style:N.overlay,pointerEvents:"none",collapsable:!1})});const N=t.create({overlay:{...t.absoluteFillObject}});NexradRadarLayer.displayName="NexradRadarLayer";export default NexradRadarLayer;

package/src/NexradSitesMapLayer.js

@@ -1,75 +1 @@
-/**
- * Mapbox GL circle markers for NEXRAD site picking on React Native (parity with mapsgl {@link NexradSitesOverlay}).
- * Must render as a descendant of {@link Mapbox.MapView}.
- */
-import React from 'react';
-import Mapbox from '@rnmapbox/maps';
-import nexradSitesPayload from './nexrad/nexradSitesUs.json';
-
-const SOURCE_ID = 'aguacero-nexrad-sites-src';
-const CIRCLE_LAYER_ID = 'aguacero-nexrad-sites-circles';
-
-function buildNexradSitesFeatureCollection() {
-    const raw = nexradSitesPayload?.sites;
-    if (!Array.isArray(raw)) {
-        return { type: 'FeatureCollection', features: [] };
-    }
-    const features = [];
-    for (const item of raw) {
-        if (!item) continue;
-        const lon = Number(item.lon ?? item.lng ?? item.longitude);
-        const lat = Number(item.lat ?? item.latitude);
-        const id = String(item.id ?? item.station ?? '').toUpperCase();
-        if (!id || !Number.isFinite(lat) || !Number.isFinite(lon)) continue;
-        features.push({
-            type: 'Feature',
-            geometry: { type: 'Point', coordinates: [lon, lat] },
-            properties: { id, name: id },
-        });
-    }
-    return { type: 'FeatureCollection', features };
-}
-
-const NEXRAD_SITES_FEATURE_COLLECTION = buildNexradSitesFeatureCollection();
-
-/**
- * @param {object} props
- * @param {boolean} props.visible
- * @param {(siteId: string) => void} [props.onSelectSite]
- * @param {string} [props.belowLayerID] - Optional style layer id to insert under (e.g. weather anchor).
- */
-export function NexradSitesMapLayer({ visible, onSelectSite, belowLayerID }) {
-    const handlePress = (e) => {
-        const list = e?.features;
-        const f = Array.isArray(list) && list.length > 0 ? list[0] : null;
-        const id = f?.properties?.id ?? f?.properties?.name;
-        if (id && typeof onSelectSite === 'function') {
-            onSelectSite(String(id));
-        }
-    };
-
-    if (!visible || !NEXRAD_SITES_FEATURE_COLLECTION.features.length) {
-        return null;
-    }
-
-    return (
-        <Mapbox.ShapeSource
-            id={SOURCE_ID}
-            shape={NEXRAD_SITES_FEATURE_COLLECTION}
-            onPress={handlePress}
-            hitbox={{ width: 44, height: 44 }}
-        >
-            <Mapbox.CircleLayer
-                id={CIRCLE_LAYER_ID}
-                belowLayerID={belowLayerID}
-                style={{
-                    circleRadius: 5,
-                    circleColor: '#3b82f6',
-                    circleStrokeWidth: 1,
-                    circleStrokeColor: '#ffffff',
-                    circleOpacity: 0.95,
-                }}
-            />
-        </Mapbox.ShapeSource>
-    );
-}
+import c from"react";import l from"@rnmapbox/maps";import f from"./nexradSitesUs.json";const p="aguacero-nexrad-sites-src",y="aguacero-nexrad-sites-circles";function d(){const i=f?.sites;if(!Array.isArray(i))return{type:"FeatureCollection",features:[]};const r=[];for(const e of i){if(!e)continue;const o=Number(e.lon??e.lng??e.longitude),n=Number(e.lat??e.latitude),t=String(e.id??e.station??"").toUpperCase();!t||!Number.isFinite(n)||!Number.isFinite(o)||r.push({type:"Feature",geometry:{type:"Point",coordinates:[o,n]},properties:{id:t,name:t}})}return{type:"FeatureCollection",features:r}}const u=d();export function NexradSitesMapLayer({visible:i,onSelectSite:r,belowLayerID:e}){const o=n=>{const t=n?.features,s=Array.isArray(t)&&t.length>0?t[0]:null,a=s?.properties?.id??s?.properties?.name;a&&typeof r=="function"&&r(String(a))};return!i||!u.features.length?null:c.createElement(l.ShapeSource,{id:p,shape:u,onPress:o,hitbox:{width:44,height:44}},c.createElement(l.CircleLayer,{id:y,belowLayerID:e,style:{circleRadius:5,circleColor:"#3b82f6",circleStrokeWidth:1,circleStrokeColor:"#ffffff",circleOpacity:.95}}))}

package/src/SatelliteLayer.android.js

@@ -1,63 +1 @@
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import { StyleSheet } from 'react-native';
-import SatelliteLayerNative from './SatelliteLayerNativeComponent';
-import { dispatchViewManagerCommandCompat } from './dispatchViewManagerCommandCompat';
-import { satBridgeWarn } from './satelliteBridgeDiag';
-
-const NATIVE_COMPONENT_NAME = 'SatelliteLayer';
-
-function warnFailed(commandName) {
-    satBridgeWarn(`SatelliteLayer:${commandName}:dispatch-failed`, {});
-}
-
-export const SatelliteLayer = forwardRef((props, ref) => {
-    const nativeRef = useRef(null);
-
-    useImperativeHandle(ref, () => ({
-        syncSatellite(json) {
-            if (typeof json !== 'string') return;
-            satBridgeWarn('SatelliteLayer.syncSatellite called', { jsonChars: json.length });
-            const ok = dispatchViewManagerCommandCompat(nativeRef, NATIVE_COMPONENT_NAME, 'syncSatellite', [json]);
-            if (!ok) warnFailed('syncSatellite');
-        },
-        clearSatellite() {
-            satBridgeWarn('SatelliteLayer.clearSatellite called', {});
-            const ok = dispatchViewManagerCommandCompat(nativeRef, NATIVE_COMPONENT_NAME, 'clearSatellite', []);
-            if (!ok) warnFailed('clearSatellite');
-        },
-        activateSatelliteCachedUnix(unix) {
-            if (typeof unix !== 'number') return;
-            satBridgeWarn('SatelliteLayer.activateSatelliteCachedUnix called', { unix });
-            const ok = dispatchViewManagerCommandCompat(nativeRef, NATIVE_COMPONENT_NAME, 'activateSatelliteCachedUnix', [
-                unix,
-            ]);
-            if (!ok) warnFailed('activateSatelliteCachedUnix');
-        },
-        updateSatelliteStyle(json) {
-            if (typeof json !== 'string') return;
-            satBridgeWarn('SatelliteLayer.updateSatelliteStyle called', { jsonChars: json.length });
-            const ok = dispatchViewManagerCommandCompat(nativeRef, NATIVE_COMPONENT_NAME, 'updateSatelliteStyle', [json]);
-            if (!ok) warnFailed('updateSatelliteStyle');
-        },
-    }));
-
-    return (
-        <SatelliteLayerNative
-            ref={nativeRef}
-            belowID={props.belowID}
-            style={styles.overlay}
-            pointerEvents="none"
-            collapsable={false}
-        />
-    );
-});
-
-SatelliteLayer.displayName = 'SatelliteLayer';
-
-const styles = StyleSheet.create({
-    overlay: {
-        ...StyleSheet.absoluteFillObject,
-    },
-});
-
-export default SatelliteLayer;
+import s,{forwardRef as S,useImperativeHandle as y,useRef as d}from"react";import{StyleSheet as o}from"react-native";import p from"./SatelliteLayerNativeComponent";import{dispatchViewManagerCommandCompat as l}from"./dispatchViewManagerCommandCompat";import{satBridgeWarn as a}from"./satelliteBridgeDiag";const i="SatelliteLayer";function r(n){a(`SatelliteLayer:${n}:dispatch-failed`,{})}export const SatelliteLayer=S((n,c)=>{const t=d(null);return y(c,()=>({syncSatellite(e){typeof e=="string"&&(a("SatelliteLayer.syncSatellite called",{jsonChars:e.length}),l(t,i,"syncSatellite",[e])||r("syncSatellite"))},clearSatellite(){a("SatelliteLayer.clearSatellite called",{}),l(t,i,"clearSatellite",[])||r("clearSatellite")},activateSatelliteCachedUnix(e){typeof e=="number"&&(a("SatelliteLayer.activateSatelliteCachedUnix called",{unix:e}),l(t,i,"activateSatelliteCachedUnix",[e])||r("activateSatelliteCachedUnix"))},updateSatelliteStyle(e){typeof e=="string"&&(a("SatelliteLayer.updateSatelliteStyle called",{jsonChars:e.length}),l(t,i,"updateSatelliteStyle",[e])||r("updateSatelliteStyle"))}})),s.createElement(p,{ref:t,belowID:n.belowID,style:f.overlay,pointerEvents:"none",collapsable:!1})});SatelliteLayer.displayName="SatelliteLayer";const f=o.create({overlay:{...o.absoluteFillObject}});export default SatelliteLayer;

package/src/SatelliteLayer.ios.js

@@ -1,70 +1 @@
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import { StyleSheet } from 'react-native';
-import SatelliteLayerNative from './SatelliteLayerNativeComponent';
-import { dispatchViewManagerCommandCompat } from './dispatchViewManagerCommandCompat';
-import { satBridgeWarn } from './satelliteBridgeDiag';
-
-const NATIVE_COMPONENT_NAME = 'SatelliteLayer';
-
-function warnFailed(commandName) {
-    satBridgeWarn(`SatelliteLayer:${commandName}:dispatch-failed`, {
-        hint: 'compat helper returned false — see prior sat-bridge dispatch:* logs',
-    });
-}
-
-export const SatelliteLayer = forwardRef((props, ref) => {
-    const nativeRef = useRef(null);
-
-    useImperativeHandle(ref, () => ({
-        syncSatellite(json) {
-            if (typeof json !== 'string') return;
-            satBridgeWarn('SatelliteLayer.syncSatellite called', {
-                jsonChars: json.length,
-                nativeRefAttached: Boolean(nativeRef.current),
-            });
-            const ok = dispatchViewManagerCommandCompat(nativeRef, NATIVE_COMPONENT_NAME, 'syncSatellite', [json]);
-            if (!ok) warnFailed('syncSatellite');
-        },
-        clearSatellite() {
-            satBridgeWarn('SatelliteLayer.clearSatellite called', {
-                nativeRefAttached: Boolean(nativeRef.current),
-            });
-            const ok = dispatchViewManagerCommandCompat(nativeRef, NATIVE_COMPONENT_NAME, 'clearSatellite', []);
-            if (!ok) warnFailed('clearSatellite');
-        },
-        activateSatelliteCachedUnix(unix) {
-            if (typeof unix !== 'number') return;
-            satBridgeWarn('SatelliteLayer.activateSatelliteCachedUnix called', { unix });
-            const ok = dispatchViewManagerCommandCompat(nativeRef, NATIVE_COMPONENT_NAME, 'activateSatelliteCachedUnix', [
-                unix,
-            ]);
-            if (!ok) warnFailed('activateSatelliteCachedUnix');
-        },
-        updateSatelliteStyle(json) {
-            if (typeof json !== 'string') return;
-            satBridgeWarn('SatelliteLayer.updateSatelliteStyle called', { jsonChars: json.length });
-            const ok = dispatchViewManagerCommandCompat(nativeRef, NATIVE_COMPONENT_NAME, 'updateSatelliteStyle', [json]);
-            if (!ok) warnFailed('updateSatelliteStyle');
-        },
-    }));
-
-    return (
-        <SatelliteLayerNative
-            ref={nativeRef}
-            belowID={props.belowID}
-            style={styles.overlay}
-            pointerEvents="none"
-            collapsable={false}
-        />
-    );
-});
-
-SatelliteLayer.displayName = 'SatelliteLayer';
-
-const styles = StyleSheet.create({
-    overlay: {
-        ...StyleSheet.absoluteFillObject,
-    },
-});
-
-export default SatelliteLayer;
+import s,{forwardRef as S,useImperativeHandle as d,useRef as p}from"react";import{StyleSheet as c}from"react-native";import y from"./SatelliteLayerNativeComponent";import{dispatchViewManagerCommandCompat as l}from"./dispatchViewManagerCommandCompat";import{satBridgeWarn as a}from"./satelliteBridgeDiag";const i="SatelliteLayer";function r(n){a(`SatelliteLayer:${n}:dispatch-failed`,{hint:"compat helper returned false \u2014 see prior sat-bridge dispatch:* logs"})}export const SatelliteLayer=S((n,o)=>{const t=p(null);return d(o,()=>({syncSatellite(e){typeof e=="string"&&(a("SatelliteLayer.syncSatellite called",{jsonChars:e.length,nativeRefAttached:!!t.current}),l(t,i,"syncSatellite",[e])||r("syncSatellite"))},clearSatellite(){a("SatelliteLayer.clearSatellite called",{nativeRefAttached:!!t.current}),l(t,i,"clearSatellite",[])||r("clearSatellite")},activateSatelliteCachedUnix(e){typeof e=="number"&&(a("SatelliteLayer.activateSatelliteCachedUnix called",{unix:e}),l(t,i,"activateSatelliteCachedUnix",[e])||r("activateSatelliteCachedUnix"))},updateSatelliteStyle(e){typeof e=="string"&&(a("SatelliteLayer.updateSatelliteStyle called",{jsonChars:e.length}),l(t,i,"updateSatelliteStyle",[e])||r("updateSatelliteStyle"))}})),s.createElement(y,{ref:t,belowID:n.belowID,style:f.overlay,pointerEvents:"none",collapsable:!1})});SatelliteLayer.displayName="SatelliteLayer";const f=c.create({overlay:{...c.absoluteFillObject}});export default SatelliteLayer;

package/src/StyleApplicator.js

@@ -1,241 +1 @@
-import React from 'react';
-import Mapbox from '@rnmapbox/maps';
-
-// Re-implement the mapping from your web SDK for clarity and maintenance.
-const STYLE_LAYER_MAP = {
-    // Background and water layers
-    landColor: { layerId: 'AML_-_land' },
-    oceanColor: { layerId: 'AML_-_water' },
-    waterDepth: { layerId: 'AML_-_water-depth' },
-    nationalPark: { layerId: 'AML_-_national-park' },
-
-    // Line layers
-    roads: { layerId: 'AML_-_roads' },
-    airports: { layerId: 'AML_-_airports' },
-    countries: { layerId: 'AML_-_countries' },
-    states: { layerId: 'AML_-_states' },
-    counties: { layerId: 'AML_-_counties' },
-    waterways: { layerId: 'AML_-_waterway' },
-
-    // Symbol (label) layers
-    continents: { layerId: 'AML_-_continent-label' },
-    countriesLabels: { layerId: 'AML_-_country-label' },
-    statesLabels: { layerId: 'AML_-_state-label' },
-    citiesMajor: { layerId: 'AML_-_major-city-label' },
-    citiesMinor: { layerId: 'AML_-_minor-city-label' },
-    airportsLabels: { layerId: 'AML_-_airport-label' },
-    poi: { layerId: 'AML_-_poi-label' },
-    waterLabels: { layerId: 'AML_-_water-point-label' },
-    naturalLabels: { layerId: 'AML_-_natural-point-label' },
-    subdivisionLabels: { layerId: 'AML_-_subdivision-label' },
-};
-
-/**
- * A utility to sanitize 8-digit hex colors (#rrggbbaa) to 6-digit hex (#rrggbb)
- * as required by some Mapbox properties.
- */
-function sanitizeColor(color) {
-    if (typeof color === 'string' && color.startsWith('#') && color.length === 9) {
-        return color.substring(0, 7);
-    }
-    return color;
-}
-
-/**
- * Renders a set of Mapbox layers with styles derived from a theme object.
- * This is the declarative, React Native equivalent of `applyStyleCustomizations`.
- */
-export const StyleApplicator = ({ styles }) => {
-    if (!styles) {
-        return null;
-    }
-
-    const { landOcean, transportation, boundaries, waterFeatures, labels, terrain } = styles;
-
-    // --- Helper for Line Layer Styles ---
-    const getLineStyles = (config) => {
-        if (!config) return {};
-        const dashArray = { dashed: [2, 2], dotted: [0, 2], solid: [] };
-        return {
-            visibility: config.visible ? 'visible' : 'none',
-            lineColor: sanitizeColor(config.color),
-            lineWidth: config.width,
-            lineDasharray: dashArray[config.lineType] || [],
-        };
-    };
-
-    // --- Helper for Symbol (Label) Layer Styles ---
-    const getSymbolStyles = (config) => {
-        if (!config) return {};
-        return {
-            visibility: config.visible ? 'visible' : 'none',
-            textColor: sanitizeColor(config.color),
-            textHaloColor: sanitizeColor(config.outlineColor),
-            textHaloWidth: config.outlineWidth,
-            textSize: config.fontSize,
-            textFont: [config.fontFamily],
-        };
-    };
-
-    return (
-        <>
-            {/* --- Land & Water --- */}
-            {landOcean && (
-                <>
-                    <Mapbox.BackgroundLayer 
-                        id={STYLE_LAYER_MAP.landColor.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={{ backgroundColor: sanitizeColor(landOcean.landColor) }} 
-                    />
-                    <Mapbox.FillLayer 
-                        id={STYLE_LAYER_MAP.oceanColor.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={{ fillColor: sanitizeColor(landOcean.oceanColor) }} 
-                    />
-                    {landOcean.waterDepth && (
-                        <Mapbox.FillLayer 
-                            id={STYLE_LAYER_MAP.waterDepth.layerId} 
-                            existing={true} // FIX: Added existing prop
-                            style={{ 
-                                visibility: landOcean.waterDepth.visible ? 'visible' : 'none', 
-                                fillColor: sanitizeColor(landOcean.waterDepth.color) 
-                            }} 
-                        />
-                    )}
-                    {landOcean.nationalPark && (
-                        <Mapbox.FillLayer 
-                            id={STYLE_LAYER_MAP.nationalPark.layerId} 
-                            existing={true} // FIX: Added existing prop
-                            style={{ 
-                                visibility: landOcean.nationalPark.visible ? 'visible' : 'none', 
-                                fillColor: sanitizeColor(landOcean.nationalPark.color) 
-                            }} 
-                        />
-                    )}
-                </>
-            )}
-
-            {/* --- Boundaries & Transportation --- */}
-            {boundaries && (
-                <>
-                    <Mapbox.LineLayer 
-                        id={STYLE_LAYER_MAP.countries.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getLineStyles(boundaries.countries)} 
-                    />
-                    <Mapbox.LineLayer 
-                        id={STYLE_LAYER_MAP.states.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getLineStyles(boundaries.states)} 
-                    />
-                    <Mapbox.LineLayer 
-                        id={STYLE_LAYER_MAP.counties.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getLineStyles(boundaries.counties)} 
-                    />
-                </>
-            )}
-            {transportation && (
-                <>
-                    <Mapbox.LineLayer 
-                        id={STYLE_LAYER_MAP.roads.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getLineStyles(transportation.roads)} 
-                    />
-                    <Mapbox.LineLayer 
-                        id={STYLE_LAYER_MAP.airports.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getLineStyles(transportation.airports)} 
-                    />
-                </>
-            )}
-            {waterFeatures && (
-                <Mapbox.LineLayer 
-                    id={STYLE_LAYER_MAP.waterways.layerId} 
-                    existing={true} // FIX: Added existing prop
-                    style={getLineStyles(waterFeatures.waterways)} 
-                />
-            )}
-            
-            {/* --- Labels --- */}
-            {labels && (
-                <>
-                    <Mapbox.SymbolLayer 
-                        id={STYLE_LAYER_MAP.continents.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getSymbolStyles(labels.continents)} 
-                    />
-                    <Mapbox.SymbolLayer 
-                        id={STYLE_LAYER_MAP.countriesLabels.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getSymbolStyles(labels.countries)} 
-                    />
-                    <Mapbox.SymbolLayer 
-                        id={STYLE_LAYER_MAP.statesLabels.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getSymbolStyles(labels.states)} 
-                    />
-                    {labels.cities && (
-                        <>
-                            <Mapbox.SymbolLayer 
-                                id={STYLE_LAYER_MAP.citiesMajor.layerId} 
-                                existing={true} // FIX: Added existing prop
-                                style={getSymbolStyles(labels.cities.major)} 
-                            />
-                            <Mapbox.SymbolLayer 
-                                id={STYLE_LAYER_MAP.citiesMinor.layerId} 
-                                existing={true} // FIX: Added existing prop
-                                style={getSymbolStyles(labels.cities.minor)} 
-                            />
-                        </>
-                    )}
-                    <Mapbox.SymbolLayer 
-                        id={STYLE_LAYER_MAP.airportsLabels.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getSymbolStyles(labels.airports)} 
-                    />
-                    <Mapbox.SymbolLayer 
-                        id={STYLE_LAYER_MAP.poi.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getSymbolStyles(labels.poi)} 
-                    />
-                    <Mapbox.SymbolLayer 
-                        id={STYLE_LAYER_MAP.waterLabels.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getSymbolStyles(labels.waterLabels)} 
-                    />
-                    <Mapbox.SymbolLayer 
-                        id={STYLE_LAYER_MAP.naturalLabels.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getSymbolStyles(labels.naturalLabels)} 
-                    />
-                    <Mapbox.SymbolLayer 
-                        id={STYLE_LAYER_MAP.subdivisionLabels.layerId} 
-                        existing={true} // FIX: Added existing prop
-                        style={getSymbolStyles(labels.subdivisionLabels)} 
-                    />
-                </>
-            )}
-
-            {/* --- Terrain --- */}
-            {terrain && terrain.visible && Mapbox.Terrain && Mapbox.HillshadeLayer && (
-                <>
-                    <Mapbox.Terrain 
-                        sourceID="mapbox-dem" 
-                        style={{ exaggeration: 1 }}
-                    />
-                    <Mapbox.HillshadeLayer 
-                        id="hillshade" 
-                        sourceID="mapbox-dem"
-                        style={{
-                            hillshadeExaggeration: terrain.intensity,
-                            hillshadeShadowColor: sanitizeColor(terrain.shadowColor),
-                            hillshadeHighlightColor: sanitizeColor(terrain.highlightColor),
-                            hillshadeAccentColor: sanitizeColor(terrain.accentColor)
-                        }}
-                    />
-                </>
-            )}
-        </>
-    );
-};
+import e from"react";import t from"@rnmapbox/maps";const a={landColor:{layerId:"AML_-_land"},oceanColor:{layerId:"AML_-_water"},waterDepth:{layerId:"AML_-_water-depth"},nationalPark:{layerId:"AML_-_national-park"},roads:{layerId:"AML_-_roads"},airports:{layerId:"AML_-_airports"},countries:{layerId:"AML_-_countries"},states:{layerId:"AML_-_states"},counties:{layerId:"AML_-_counties"},waterways:{layerId:"AML_-_waterway"},continents:{layerId:"AML_-_continent-label"},countriesLabels:{layerId:"AML_-_country-label"},statesLabels:{layerId:"AML_-_state-label"},citiesMajor:{layerId:"AML_-_major-city-label"},citiesMinor:{layerId:"AML_-_minor-city-label"},airportsLabels:{layerId:"AML_-_airport-label"},poi:{layerId:"AML_-_poi-label"},waterLabels:{layerId:"AML_-_water-point-label"},naturalLabels:{layerId:"AML_-_natural-point-label"},subdivisionLabels:{layerId:"AML_-_subdivision-label"}};function n(o){return typeof o=="string"&&o.startsWith("#")&&o.length===9?o.substring(0,7):o}export const StyleApplicator=({styles:o})=>{if(!o)return null;const{landOcean:s,transportation:L,boundaries:c,waterFeatures:b,labels:r,terrain:y}=o,d=l=>{if(!l)return{};const m={dashed:[2,2],dotted:[0,2],solid:[]};return{visibility:l.visible?"visible":"none",lineColor:n(l.color),lineWidth:l.width,lineDasharray:m[l.lineType]||[]}},i=l=>l?{visibility:l.visible?"visible":"none",textColor:n(l.color),textHaloColor:n(l.outlineColor),textHaloWidth:l.outlineWidth,textSize:l.fontSize,textFont:[l.fontFamily]}:{};return e.createElement(e.Fragment,null,s&&e.createElement(e.Fragment,null,e.createElement(t.BackgroundLayer,{id:a.landColor.layerId,existing:!0,style:{backgroundColor:n(s.landColor)}}),e.createElement(t.FillLayer,{id:a.oceanColor.layerId,existing:!0,style:{fillColor:n(s.oceanColor)}}),s.waterDepth&&e.createElement(t.FillLayer,{id:a.waterDepth.layerId,existing:!0,style:{visibility:s.waterDepth.visible?"visible":"none",fillColor:n(s.waterDepth.color)}}),s.nationalPark&&e.createElement(t.FillLayer,{id:a.nationalPark.layerId,existing:!0,style:{visibility:s.nationalPark.visible?"visible":"none",fillColor:n(s.nationalPark.color)}})),c&&e.createElement(e.Fragment,null,e.createElement(t.LineLayer,{id:a.countries.layerId,existing:!0,style:d(c.countries)}),e.createElement(t.LineLayer,{id:a.states.layerId,existing:!0,style:d(c.states)}),e.createElement(t.LineLayer,{id:a.counties.layerId,existing:!0,style:d(c.counties)})),L&&e.createElement(e.Fragment,null,e.createElement(t.LineLayer,{id:a.roads.layerId,existing:!0,style:d(L.roads)}),e.createElement(t.LineLayer,{id:a.airports.layerId,existing:!0,style:d(L.airports)})),b&&e.createElement(t.LineLayer,{id:a.waterways.layerId,existing:!0,style:d(b.waterways)}),r&&e.createElement(e.Fragment,null,e.createElement(t.SymbolLayer,{id:a.continents.layerId,existing:!0,style:i(r.continents)}),e.createElement(t.SymbolLayer,{id:a.countriesLabels.layerId,existing:!0,style:i(r.countries)}),e.createElement(t.SymbolLayer,{id:a.statesLabels.layerId,existing:!0,style:i(r.states)}),r.cities&&e.createElement(e.Fragment,null,e.createElement(t.SymbolLayer,{id:a.citiesMajor.layerId,existing:!0,style:i(r.cities.major)}),e.createElement(t.SymbolLayer,{id:a.citiesMinor.layerId,existing:!0,style:i(r.cities.minor)})),e.createElement(t.SymbolLayer,{id:a.airportsLabels.layerId,existing:!0,style:i(r.airports)}),e.createElement(t.SymbolLayer,{id:a.poi.layerId,existing:!0,style:i(r.poi)}),e.createElement(t.SymbolLayer,{id:a.waterLabels.layerId,existing:!0,style:i(r.waterLabels)}),e.createElement(t.SymbolLayer,{id:a.naturalLabels.layerId,existing:!0,style:i(r.naturalLabels)}),e.createElement(t.SymbolLayer,{id:a.subdivisionLabels.layerId,existing:!0,style:i(r.subdivisionLabels)})),y&&y.visible&&t.Terrain&&t.HillshadeLayer&&e.createElement(e.Fragment,null,e.createElement(t.Terrain,{sourceID:"mapbox-dem",style:{exaggeration:1}}),e.createElement(t.HillshadeLayer,{id:"hillshade",sourceID:"mapbox-dem",style:{hillshadeExaggeration:y.intensity,hillshadeShadowColor:n(y.shadowColor),hillshadeHighlightColor:n(y.highlightColor),hillshadeAccentColor:n(y.accentColor)}})))};