@exterio/react-native-yamap-lite 1.0.1

package/package.json

@@ -0,0 +1,189 @@
+{
+  "name": "@exterio/react-native-yamap-lite",
+  "version": "1.0.1",
+  "description": "A lightweight wrapper for the Yandex MapKit SDK",
+  "main": "./lib/module/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/app",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "prepare": "lefthook install",
+    "example": "yarn workspace react-native-yamap-lite-example",
+    "test": "jest",
+    "test:harness": "cd example && yarn test:harness",
+    "test:harness:ios": "cd example && yarn test:harness:ios",
+    "test:harness:android": "cd example && yarn test:harness:android",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepack": "bob build",
+    "codegenIos": "yarn react-native codegen --path example/ --outputPath ./",
+    "codegenAndroid": "yarn react-native codegen --path example/ --outputPath ./",
+    "release": "release-it --only-version"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "yandex",
+    "maps",
+    "mapkit",
+    "mapkit-lite",
+    "react-native-yamap",
+    "react-native-yamap-lite"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/All-time-coding/react-native-yamap-lite.git"
+  },
+  "author": "hydromoll <hydromoll@mail.ru> (https://github.com/hydromoll)",
+  "contributors": [
+    "pe1ros <ilya.ezy@gmail.com> (https://github.com/pe1ros)"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/All-time-coding/react-native-yamap-lite/issues"
+  },
+  "homepage": "https://github.com/All-time-coding/react-native-yamap-lite#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native-community/cli": "15.0.0-alpha.2",
+    "@react-native/babel-preset": "0.79.2",
+    "@react-native/eslint-config": "^0.78.0",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.0.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "19.0.0",
+    "react-native": "0.79.2",
+    "react-native-builder-bob": "^0.40.11",
+    "react-test-renderer": "19.0.0",
+    "release-it": "^17.10.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore(🔖): release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "YamapLiteViewSpec",
+    "type": "all",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.yamaplite"
+    },
+    "ios": {
+      "componentProvider": {
+        "YamapLiteView": "YamapLiteView",
+        "YamapLiteMarkerView": "YamapLiteMarkerView",
+        "YamapLiteCircleView": "YamapLiteCircleView",
+        "YamapLitePolygonView": "YamapLitePolygonView",
+        "YamapLitePolylineView": "YamapLitePolylineView",
+        "ClusteredYamapLiteView": "ClusteredYamapLiteView"
+      }
+    }
+  },
+  "create-react-native-library": {
+    "languages": "kotlin-objc",
+    "type": "fabric-view",
+    "version": "0.50.3"
+  }
+}

package/src/@types/index.ts

@@ -0,0 +1,314 @@
+import type { ImageSourcePropType, ViewProps } from 'react-native';
+
+export type CameraPositionResult = {
+  lat: number;
+  lon: number;
+  zoom: number;
+  azimuth: number;
+  tilt: number;
+};
+
+export type YaMapRef = {
+  getCameraPosition: () => Promise<CameraPositionResult>;
+  getVisibleRegion: () => Promise<VisibleRegion>;
+  getScreenPoints: (points: Point[]) => Promise<ScreenPoint[]>;
+  getWorldPoints: (points: ScreenPoint[]) => Promise<Point[]>;
+  setZoom: (
+    zoom: number,
+    duration?: number,
+    animation?: 'LINEAR' | 'SMOOTH'
+  ) => Promise<void>;
+  setCenter: (
+    center: { lat: number; lon: number },
+    zoom?: number,
+    azimuth?: number,
+    tilt?: number,
+    duration?: number,
+    animation?: 'LINEAR' | 'SMOOTH'
+  ) => Promise<void>;
+  fitAllMarkers: () => Promise<void>;
+  /** Alias for fitAllMarkers — lite SDK does not support targeting specific markers */
+  fitMarkers: (markers: any[]) => Promise<void>;
+  /** No-op — traffic layer is not available in lite SDK */
+  setTrafficVisible: (visible: boolean) => void;
+  getMapObjectCount: () => Promise<number>;
+};
+
+export type MarkerRef = {
+  /**
+   * @deprecated Not supported in lite SDK. Update the `point` prop instead
+   */
+  animatedMoveTo: (point: Point, duration: number) => void;
+  /**
+   * @deprecated Not supported in lite SDK
+   */
+  animatedRotateTo: (angle: number, duration: number) => void;
+};
+
+export interface MarkerProps extends ViewProps {
+  point: Point;
+  zIndex?: number;
+  scale?: number;
+  rotated?: boolean;
+  onPress?: (event: Point) => void;
+  source?: ImageSourcePropType;
+  anchor?: {
+    x: number;
+    y: number;
+  };
+  visible?: boolean;
+  handled?: boolean;
+  size?: number;
+}
+
+export interface CircleProps extends ViewProps {
+  fillColor?: string;
+  strokeColor?: string;
+  strokeWidth?: number;
+  zIndex?: number;
+  onPress?: (event: Point) => void;
+  center: Point;
+  radius: number;
+  handled?: boolean;
+}
+
+export interface PolygonProps extends ViewProps {
+  fillColor?: string;
+  strokeColor?: string;
+  strokeWidth?: number;
+  zIndex?: number;
+  onPress?: (event: Point) => void;
+  points: Point[];
+  innerRings?: Point[][];
+  handled?: boolean;
+}
+
+export interface PolylineProps extends ViewProps {
+  strokeColor?: string;
+  strokeWidth?: number;
+  outlineColor?: string;
+  outlineWidth?: number;
+  zIndex?: number;
+  dashLength?: number;
+  gapLength?: number;
+  dashOffset?: number;
+  onPress?: (event: Point) => void;
+  points: Point[];
+  handled?: boolean;
+}
+
+export interface YaMapProps extends ViewProps {
+  userLocationIcon?: ImageSourcePropType;
+
+  /** @default 1 */
+  userLocationIconScale?: number;
+
+  /** @default false */
+  showUserPosition?: boolean;
+
+  /** @default false */
+  nightMode?: boolean;
+
+  mapStyle?: string;
+
+  onCameraPositionChange?: (event: CameraPosition) => void;
+
+  onCameraPositionChangeEnd?: (event: CameraPosition) => void;
+
+  onMapPress?: (event: Point) => void;
+
+  onMapLongPress?: (event: Point) => void;
+
+  onMapLoaded?: (event: MapLoaded) => void;
+
+  /** @default #00FF00 */
+  userLocationAccuracyFillColor?: string;
+
+  /** @default #000000 */
+  userLocationAccuracyStrokeColor?: string;
+
+  /** @default 2 */
+  userLocationAccuracyStrokeWidth?: number;
+
+  /** @default true */
+  scrollGesturesEnabled?: boolean;
+
+  /** @default true */
+  zoomGesturesEnabled?: boolean;
+
+  /** @default true */
+  tiltGesturesEnabled?: boolean;
+
+  /** @default true */
+  rotateGesturesEnabled?: boolean;
+
+  /** @default true */
+  fastTapEnabled?: boolean;
+
+  initialRegion?: InitialRegion;
+
+  /** @default 60 */
+  maxFps?: number;
+
+  /** @default 'map' */
+  mapType?: 'map' | 'satellite' | 'hybrid';
+
+  /** @default false */
+  followUser?: boolean;
+
+  logoPosition?: YandexLogoPosition;
+
+  logoPadding?: YandexLogoPadding;
+
+  /**
+   * Disables all map gestures when false.
+   * @default true
+   */
+  interactive?: boolean;
+
+  /** Fired after getCameraPosition() resolves — for backward compatibility with react-native-yamap */
+  onCameraPositionReceived?: (event: {
+    nativeEvent: CameraPositionResult;
+  }) => void;
+
+  /** Fired after getVisibleRegion() resolves — for backward compatibility with react-native-yamap */
+  onVisibleRegionReceived?: (event: { nativeEvent: VisibleRegion }) => void;
+
+  /** Fired after getScreenPoints() resolves — for backward compatibility with react-native-yamap */
+  onWorldToScreenPointsReceived?: (event: {
+    nativeEvent: { points: ScreenPoint[] };
+  }) => void;
+
+  /** Fired after getWorldPoints() resolves — for backward compatibility with react-native-yamap */
+  onScreenToWorldPointsReceived?: (event: {
+    nativeEvent: { points: Point[] };
+  }) => void;
+}
+
+export interface ClusteredYamapProps<T = any> extends YaMapProps {
+  clusteredMarkers: ReadonlyArray<{ point: Point; data: T }>;
+  renderMarker: (
+    info: { point: Point; data: T },
+    index: number
+  ) => React.ReactElement;
+  /** @default #FF0000 */
+  clusterColor?: string;
+}
+
+export interface Point {
+  lat: number;
+  lon: number;
+}
+
+export interface BoundingBox {
+  southWest: Point;
+  northEast: Point;
+}
+
+export interface ScreenPoint {
+  x: number;
+  y: number;
+}
+
+export interface MapLoaded {
+  nativeEvent: {
+    renderObjectCount: number;
+    curZoomModelsLoaded: number;
+    curZoomPlacemarksLoaded: number;
+    curZoomLabelsLoaded: number;
+    curZoomGeometryLoaded: number;
+    tileMemoryUsage: number;
+    delayedGeometryLoaded: number;
+    fullyAppeared: number;
+    fullyLoaded: number;
+  };
+}
+
+export interface InitialRegion {
+  lat: number;
+  lon: number;
+  zoom?: number;
+  azimuth?: number;
+  tilt?: number;
+}
+
+export type MasstransitVehicles =
+  | 'bus'
+  | 'trolleybus'
+  | 'tramway'
+  | 'minibus'
+  | 'suburban'
+  | 'underground'
+  | 'ferry'
+  | 'cable'
+  | 'funicular';
+
+export type Vehicles = MasstransitVehicles | 'walk' | 'car';
+
+export interface DrivingInfo {
+  time: string;
+  timeWithTraffic: string;
+  distance: number;
+}
+
+export interface MasstransitInfo {
+  time: string;
+  transferCount: number;
+  walkingDistance: number;
+}
+
+export interface RouteInfo<T extends DrivingInfo | MasstransitInfo> {
+  id: string;
+  sections: {
+    points: Point[];
+    sectionInfo: T;
+    routeInfo: T;
+    routeIndex: number;
+    stops: any[];
+    type: string;
+    transports?: any;
+    sectionColor?: string;
+  }[];
+}
+
+export interface RoutesFoundEvent<T extends DrivingInfo | MasstransitInfo> {
+  nativeEvent: {
+    status: 'success' | 'error';
+    id: string;
+    routes: RouteInfo<T>[];
+  };
+}
+
+export interface CameraPosition {
+  nativeEvent: {
+    zoom: number;
+    tilt: number;
+    azimuth: number;
+    point: { lat: number; lon: number };
+    finished: boolean;
+    target: number;
+    reason: 'GESTURES' | 'APPLICATION';
+  };
+}
+
+export type VisibleRegion = {
+  bottomLeft: Point;
+  bottomRight: Point;
+  topLeft: Point;
+  topRight: Point;
+};
+
+export enum Animation {
+  SMOOTH,
+  LINEAR,
+}
+
+export type YandexLogoPosition = {
+  horizontal?: 'left' | 'center' | 'right';
+  vertical?: 'top' | 'bottom';
+};
+
+export type YandexLogoPadding = {
+  horizontal?: number;
+  vertical?: number;
+};

package/src/ClusteredYamapLiteViewNativeComponent.ts

@@ -0,0 +1,98 @@
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { HostComponent, ViewProps } from 'react-native';
+import type {
+  DirectEventHandler,
+  Double,
+  Float,
+  WithDefault,
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+interface Point {
+  lat: Double;
+  lon: Double;
+}
+
+interface YandexLogoPosition {
+  vertical?: WithDefault<'top' | 'bottom', 'bottom'>;
+  horizontal?: WithDefault<'left' | 'center' | 'right', 'left'>;
+}
+
+interface YandexLogoPadding {
+  vertical?: Double;
+  horizontal?: Double;
+}
+
+interface MapLoad {
+  renderObjectCount: Double;
+  curZoomModelsLoaded: Double;
+  curZoomPlacemarksLoaded: Double;
+  curZoomLabelsLoaded: Double;
+  curZoomGeometryLoaded: Double;
+  tileMemoryUsage: Double;
+  delayedGeometryLoaded: Double;
+  fullyAppeared: Double;
+  fullyLoaded: Double;
+}
+
+interface InitialRegion {
+  lat: Double;
+  lon: Double;
+  zoom?: Double;
+  azimuth?: Double;
+  tilt?: Double;
+}
+
+interface CameraPosition {
+  finished: boolean;
+  point: {
+    lat: Double;
+    lon: Double;
+  };
+  zoom: Double;
+  azimuth: Double;
+  tilt: Double;
+  target: Double;
+  reason: 'GESTURES' | 'APPLICATION';
+}
+
+interface ClusteredNativeProps extends ViewProps {
+  userLocationIcon?: string;
+  userLocationIconScale?: Float;
+  /** @default false */
+  showUserPosition?: boolean;
+  /** @default false */
+  nightMode?: boolean;
+  mapStyle?: string;
+  onCameraPositionChange?: DirectEventHandler<Readonly<CameraPosition>>;
+  onCameraPositionChangeEnd?: DirectEventHandler<Readonly<CameraPosition>>;
+  onMapPress?: DirectEventHandler<Readonly<Point>>;
+  onMapLongPress?: DirectEventHandler<Readonly<Point>>;
+  onMapLoaded?: DirectEventHandler<Readonly<MapLoad>>;
+  /** @default #00FF00 */
+  userLocationAccuracyFillColor?: string;
+  /** @default #000000 */
+  userLocationAccuracyStrokeColor?: string;
+  /** @default 2 */
+  userLocationAccuracyStrokeWidth?: Float;
+  scrollGesturesEnabled?: WithDefault<boolean, true>;
+  zoomGesturesEnabled?: WithDefault<boolean, true>;
+  tiltGesturesEnabled?: WithDefault<boolean, true>;
+  rotateGesturesEnabled?: WithDefault<boolean, true>;
+  fastTapEnabled?: WithDefault<boolean, true>;
+  initialRegion?: InitialRegion;
+  maxFps?: Float;
+  mapType?: WithDefault<'map' | 'satellite' | 'hybrid', 'map'>;
+  /** @default false */
+  followUser?: boolean;
+  logoPosition?: YandexLogoPosition;
+  logoPadding?: YandexLogoPadding;
+
+  clusteredMarkers: ReadonlyArray<Point>;
+  clusterColor?: string;
+}
+
+export type ClusteredYamapViewComponent = HostComponent<ClusteredNativeProps>;
+
+export default codegenNativeComponent<ClusteredNativeProps>(
+  'ClusteredYamapLiteView'
+);

package/src/Components/Circle.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { CircleProps, Point } from '../@types';
+import { type NativeSyntheticEvent } from 'react-native';
+import YamapLiteCircleView from '../YamapCircleViewNativeComponent';
+
+export const Circle: React.FC<CircleProps> = ({
+  onPress,
+  zIndex,
+  ...props
+}) => {
+  const handleCirclePress = (event: NativeSyntheticEvent<Point>) => {
+    onPress?.(event.nativeEvent);
+  };
+
+  return (
+    <YamapLiteCircleView
+      {...props}
+      zInd={zIndex}
+      onCirclePress={handleCirclePress}
+    />
+  );
+};