react-native-map4d-map-dtqg 0.1.3 → 0.1.5

package/src/components/internal/GeojsonStyleUtils.js

@@ -1,143 +1,146 @@
-import defaultRoadmapStyle from './DefaultRoadmapStyle';
-
-const GEOJSON_SOURCE_NAME = 'geojson';
-
-function deepClone(value) {
-  return JSON.parse(JSON.stringify(value));
-}
-
-function toStyleObject(mapStyle) {
-  const defaultStyle = deepClone(defaultRoadmapStyle);
-  if (mapStyle == null) {
-    return defaultStyle;
-  }
-
-  if (typeof mapStyle === 'string') {
-    try {
-      return JSON.parse(mapStyle);
-    } catch (error) {
-      return defaultStyle;
-    }
-  }
-
-  if (typeof mapStyle === 'object' && !Array.isArray(mapStyle)) {
-    try {
-      return deepClone(mapStyle);
-    } catch (error) {
-      return defaultStyle;
-    }
-  }
-
-  return defaultStyle;
-}
-
-function generateLayerStyle(source, items) {
-  const layers = [];
-
-  items.forEach((item) => {
-    const key = item?.key;
-    const style = item?.style;
-    if (!key || !style || typeof style !== 'object') {
-      return;
-    }
-
-    if (Array.isArray(style.line)) {
-      style.line.forEach((line, index) => {
-        layers.push({
-          id: `${key}-line-${index}`,
-          type: 'line',
-          source,
-          source_layer: line.layer,
-          filter: line.filter,
-          draw: line.draw,
-        });
-      });
-    }
-
-    if (Array.isArray(style.fill)) {
-      style.fill.forEach((fill, index) => {
-        layers.push({
-          id: `${key}-fill-${index}`,
-          type: 'fill',
-          source,
-          source_layer: fill.layer,
-          filter: fill.filter,
-          draw: fill.draw,
-        });
-      });
-    }
-
-    if (Array.isArray(style.symbol)) {
-      style.symbol.forEach((symbol, index) => {
-        layers.push({
-          id: `${key}-symbol-${index}`,
-          type: 'symbol',
-          source,
-          source_layer: symbol.layer,
-          filter: symbol.filter,
-          draw: symbol.draw,
-        });
-      });
-    }
-  });
-
-  return layers;
-}
-
-function createCategoryItemsSignature(items) {
-  if (!Array.isArray(items)) {
-    return '';
-  }
-
-  const normalized = items.map((item) => ({
-    key: item?.key || '',
-    checked: !!item?.checked,
-    style: item?.style || null,
-  }));
-
-  return JSON.stringify(normalized);
-}
-
-function buildGeojsonStyle(mapStyle, sourceUrl, items) {
-  const result = toStyleObject(mapStyle);
-  result.sources = result.sources || {};
-
-  const defaultGeojsonSource =
-    typeof result.sources[GEOJSON_SOURCE_NAME] === 'object' &&
-    result.sources[GEOJSON_SOURCE_NAME] !== null
-      ? result.sources[GEOJSON_SOURCE_NAME]
-      : {};
-
-  result.sources[GEOJSON_SOURCE_NAME] = {
-    ...defaultGeojsonSource,
-    type: 'vector',
-  };
-
-  if (typeof sourceUrl === 'string' && sourceUrl.trim().length > 0) {
-    result.sources[GEOJSON_SOURCE_NAME].url = sourceUrl;
-  }
-
-  const normalizeItems = Array.isArray(items) ? items : [];
-  const layerStyle = generateLayerStyle(GEOJSON_SOURCE_NAME, normalizeItems);
-
-  const baseLayers = (Array.isArray(result.layers) ? result.layers : []).filter(
-    (layer) => {
-      if (!layer || typeof layer !== 'object') {
-        return false;
-      }
-
-      if (layer.source_layer === 'pois') {
-        return false;
-      }
-
-      const metadata = layer.metadata;
-      return !(metadata && metadata.managedBy === 'MFBanDoSo');
-    }
-  );
-
-  result.layers = baseLayers.concat(layerStyle);
-
-  return JSON.stringify(result);
-}
-
-export { buildGeojsonStyle, createCategoryItemsSignature };
+import defaultRoadmapStyle from './DefaultRoadmapStyle';
+
+const GEOJSON_SOURCE_NAME = 'geojson';
+
+function deepClone(value) {
+  return JSON.parse(JSON.stringify(value));
+}
+
+function toStyleObject(mapStyle) {
+  const defaultStyle = deepClone(defaultRoadmapStyle);
+  if (mapStyle == null) {
+    return defaultStyle;
+  }
+
+  if (typeof mapStyle === 'string') {
+    try {
+      return JSON.parse(mapStyle);
+    } catch (error) {
+      return defaultStyle;
+    }
+  }
+
+  if (typeof mapStyle === 'object' && !Array.isArray(mapStyle)) {
+    try {
+      return deepClone(mapStyle);
+    } catch (error) {
+      return defaultStyle;
+    }
+  }
+
+  return defaultStyle;
+}
+
+function generateLayerStyle(source, items) {
+  const layers = [];
+
+  items.forEach((item) => {
+    const key = item?.key;
+    const style = item?.style;
+    if (!key || !style || typeof style !== 'object') {
+      return;
+    }
+
+    if (Array.isArray(style.line)) {
+      style.line.forEach((line, index) => {
+        layers.push({
+          id: `${key}-line-${index}`,
+          type: 'line',
+          source,
+          source_layer: line.layer,
+          filter: line.filter,
+          draw: line.draw,
+          metadata: { managedBy: 'MFBanDoSo' },
+        });
+      });
+    }
+
+    if (Array.isArray(style.fill)) {
+      style.fill.forEach((fill, index) => {
+        layers.push({
+          id: `${key}-fill-${index}`,
+          type: 'fill',
+          source,
+          source_layer: fill.layer,
+          filter: fill.filter,
+          draw: fill.draw,
+          metadata: { managedBy: 'MFBanDoSo' },
+        });
+      });
+    }
+
+    if (Array.isArray(style.symbol)) {
+      style.symbol.forEach((symbol, index) => {
+        layers.push({
+          id: `${key}-symbol-${index}`,
+          type: 'symbol',
+          source,
+          source_layer: symbol.layer,
+          filter: symbol.filter,
+          draw: symbol.draw,
+          metadata: { managedBy: 'MFBanDoSo' },
+        });
+      });
+    }
+  });
+
+  return layers;
+}
+
+function createCategoryItemsSignature(items) {
+  if (!Array.isArray(items)) {
+    return '';
+  }
+
+  const normalized = items.map((item) => ({
+    key: item?.key || '',
+    checked: !!item?.checked,
+    style: item?.style || null,
+  }));
+
+  return JSON.stringify(normalized);
+}
+
+function buildGeojsonStyle(mapStyle, sourceUrl, items) {
+  const result = toStyleObject(mapStyle);
+  result.sources = result.sources || {};
+
+  const defaultGeojsonSource =
+    typeof result.sources[GEOJSON_SOURCE_NAME] === 'object' &&
+    result.sources[GEOJSON_SOURCE_NAME] !== null
+      ? result.sources[GEOJSON_SOURCE_NAME]
+      : {};
+
+  result.sources[GEOJSON_SOURCE_NAME] = {
+    ...defaultGeojsonSource,
+    type: 'vector',
+  };
+
+  if (typeof sourceUrl === 'string' && sourceUrl.trim().length > 0) {
+    result.sources[GEOJSON_SOURCE_NAME].url = sourceUrl;
+  }
+
+  const normalizeItems = Array.isArray(items) ? items : [];
+  const layerStyle = generateLayerStyle(GEOJSON_SOURCE_NAME, normalizeItems);
+
+  const baseLayers = (Array.isArray(result.layers) ? result.layers : []).filter(
+    (layer) => {
+      if (!layer || typeof layer !== 'object') {
+        return false;
+      }
+
+      if (layer.source_layer === 'pois') {
+        return false;
+      }
+
+      const metadata = layer.metadata;
+      return !(metadata && metadata.managedBy === 'MFBanDoSo');
+    }
+  );
+
+  result.layers = baseLayers.concat(layerStyle);
+
+  return JSON.stringify(result);
+}
+
+export { buildGeojsonStyle, createCategoryItemsSignature };

package/src/index.js

@@ -1,25 +1,25 @@
-import {MFMapView} from './components/MFMapView'
-import { MFBanDoSo } from './components/MFBanDoSo'
-import {MFMarker} from './components/MFMarker'
-import {MFCircle} from './components/MFCircle'
-import {MFPolyline} from './components/MFPolyline'
-import {MFPolygon} from './components/MFPolygon'
-import {MFPOI} from './components/MFPOI'
-import {MFDirectionsRenderer} from './components/MFDirectionsRenderer'
-import {MFTileOverlay} from './components/MFTileOverlay'
-import {MFBuilding} from './components/MFBuilding'
-import {AreaFocuser} from './components/extends/AreaFocuser'
-
-export {
-  MFMapView,
-  MFBanDoSo,
-  MFMarker,
-  MFCircle,
-  MFPolyline,
-  MFPolygon,
-  MFPOI,
-  MFDirectionsRenderer,
-  MFTileOverlay,
-  MFBuilding,
-  AreaFocuser,
-};
+import {MFMapView} from './components/MFMapView'
+import { MFBanDoSo } from './components/MFBanDoSo'
+import {MFMarker} from './components/MFMarker'
+import {MFCircle} from './components/MFCircle'
+import {MFPolyline} from './components/MFPolyline'
+import {MFPolygon} from './components/MFPolygon'
+import {MFPOI} from './components/MFPOI'
+import {MFDirectionsRenderer} from './components/MFDirectionsRenderer'
+import {MFTileOverlay} from './components/MFTileOverlay'
+import {MFBuilding} from './components/MFBuilding'
+import {AreaFocuser} from './components/extends/AreaFocuser'
+
+export {
+  MFMapView,
+  MFBanDoSo,
+  MFMarker,
+  MFCircle,
+  MFPolyline,
+  MFPolygon,
+  MFPOI,
+  MFDirectionsRenderer,
+  MFTileOverlay,
+  MFBuilding,
+  AreaFocuser,
+};

package/src/native/Map4dMapNativeModule.js

@@ -0,0 +1,3 @@
+import {getNativeModule} from './NativeModuleResolver';
+
+export const getMap4dMapNativeModule = () => getNativeModule('Map4dMap');

package/src/native/NativeModuleResolver.js

@@ -0,0 +1,33 @@
+const getReactNative = () => require('react-native');
+
+export const getNativeModule = (moduleName) => {
+  const reactNative = getReactNative();
+  const turboRegistry = reactNative && reactNative.TurboModuleRegistry;
+
+  if (turboRegistry && typeof turboRegistry.get === 'function') {
+    const turboModule = turboRegistry.get(moduleName);
+    if (turboModule) {
+      return turboModule;
+    }
+  }
+
+  const nativeModules = reactNative && reactNative.NativeModules;
+  if (!nativeModules) {
+    return null;
+  }
+
+  return nativeModules[moduleName] || null;
+};
+
+export const getUIManager = () => {
+  const reactNative = getReactNative();
+  if (!reactNative) {
+    return null;
+  }
+
+  if (reactNative.UIManager) {
+    return reactNative.UIManager;
+  }
+
+  return reactNative.NativeModules ? reactNative.NativeModules.UIManager : null;
+};

package/src/native/ViewManagerCommand.js

@@ -0,0 +1,82 @@
+import {Platform, UIManager} from 'react-native';
+import {getNativeModule, getUIManager} from './NativeModuleResolver';
+
+const rejectOrIgnore = (message, rejectOnError) => {
+  if (rejectOnError) {
+    return Promise.reject(message);
+  }
+
+  return undefined;
+};
+
+export const getViewManagerCommandId = (componentName, commandName) => {
+  const uiManager = UIManager || getUIManager();
+
+  if (!uiManager) {
+    return null;
+  }
+
+  if (!uiManager.getViewManagerConfig) {
+    // RN < 0.58
+    const legacyConfig = uiManager[componentName];
+    return legacyConfig && legacyConfig.Commands
+      ? legacyConfig.Commands[commandName]
+      : null;
+  }
+
+  // RN >= 0.58
+  const config = uiManager.getViewManagerConfig(componentName);
+  return config && config.Commands ? config.Commands[commandName] : null;
+};
+
+export const runViewManagerCommand = ({
+  componentName,
+  moduleName,
+  commandName,
+  args = [],
+  reactTag,
+  platform = Platform.OS,
+  rejectOnError = false,
+}) => {
+  switch (platform) {
+    case 'android': {
+      const uiManager = UIManager || getUIManager();
+      if (!uiManager || typeof uiManager.dispatchViewManagerCommand !== 'function') {
+        return rejectOrIgnore(
+          'UIManager.dispatchViewManagerCommand is unavailable on this React Native version',
+          rejectOnError
+        );
+      }
+
+      const commandId = getViewManagerCommandId(componentName, commandName);
+      if (commandId == null) {
+        return rejectOrIgnore(
+          `Cannot find native command "${commandName}" for ${componentName}`,
+          rejectOnError
+        );
+      }
+
+      return uiManager.dispatchViewManagerCommand(reactTag, commandId, args);
+    }
+
+    case 'ios': {
+      const mapManager = getNativeModule(moduleName || componentName);
+      const mapManagerCommand = mapManager ? mapManager[commandName] : null;
+
+      if (typeof mapManagerCommand !== 'function') {
+        return rejectOrIgnore(
+          `Cannot find native command "${commandName}" for ${componentName}`,
+          rejectOnError
+        );
+      }
+
+      return mapManagerCommand(reactTag, ...args);
+    }
+
+    default:
+      return rejectOrIgnore(
+        `Invalid platform was passed: ${platform}`,
+        rejectOnError
+      );
+  }
+};

package/src/specs/NativeMap4dMap.js

@@ -0,0 +1,12 @@
+import {TurboModuleRegistry} from 'react-native';
+
+export interface Spec {
+  getCamera(reactTag: number): Promise<Object>;
+  getBounds(reactTag: number): Promise<Object>;
+  getMyLocation(reactTag: number): Promise<Object>;
+  pointForCoordinate(reactTag: number, coordinate: Object): Promise<Object>;
+  coordinateForPoint(reactTag: number, point: Object): Promise<Object>;
+  cameraForBounds(reactTag: number, boundsData: Object): Promise<Object>;
+}
+
+export default TurboModuleRegistry.get<Spec>('Map4dMap');

package/ios/Map4dMapViewManager.m

@@ -1,34 +0,0 @@
-#import <React/RCTViewManager.h>
-
-@interface Map4dMapViewManager : RCTViewManager
-@end
-
-@implementation Map4dMapViewManager
-
-RCT_EXPORT_MODULE(Map4dMapView)
-
-- (UIView *)view
-{
-  return [[UIView alloc] init];
-}
-
-RCT_CUSTOM_VIEW_PROPERTY(color, NSString, UIView)
-{
-  [view setBackgroundColor:[self hexStringToColor:json]];
-}
-
-- hexStringToColor:(NSString *)stringToConvert
-{
-  NSString *noHashString = [stringToConvert stringByReplacingOccurrencesOfString:@"#" withString:@""];
-  NSScanner *stringScanner = [NSScanner scannerWithString:noHashString];
-
-  unsigned hex;
-  if (![stringScanner scanHexInt:&hex]) return nil;
-  int r = (hex >> 16) & 0xFF;
-  int g = (hex >> 8) & 0xFF;
-  int b = (hex) & 0xFF;
-
-  return [UIColor colorWithRed:r / 255.0f green:g / 255.0f blue:b / 255.0f alpha:1.0f];
-}
-
-@end