@granite-js/naver-map 1.0.0

package/dist/module/specs/GraniteNaverMapViewNativeComponent.ts

@@ -0,0 +1,352 @@
+import type { HostComponent, ViewProps } from 'react-native';
+import type { DirectEventHandler, Double, Float, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+// ============================================================
+// Event Types
+// ============================================================
+
+export type OnCameraChangeEvent = Readonly<{
+  latitude: Double;
+  longitude: Double;
+  zoom: Double;
+}>;
+
+export type OnTouchEvent = Readonly<{
+  reason: Int32;
+  animated: boolean;
+}>;
+
+export type OnMapClickEvent = Readonly<{
+  x: Double;
+  y: Double;
+  latitude: Double;
+  longitude: Double;
+}>;
+
+export type OnMarkerClickEvent = Readonly<{
+  id: string;
+}>;
+
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export type OnInitializedEvent = Readonly<{}>;
+
+// Center prop type
+type CenterProp = Readonly<{
+  latitude: Double;
+  longitude: Double;
+  zoom?: Double;
+  tilt?: Double;
+  bearing?: Double;
+}>;
+
+// Padding prop type
+type PaddingProp = Readonly<{
+  top?: Double;
+  left?: Double;
+  bottom?: Double;
+  right?: Double;
+}>;
+
+export interface NativeProps extends ViewProps {
+  // Camera
+  center?: CenterProp;
+
+  // UI Controls
+  showsMyLocationButton?: boolean;
+  compass?: boolean;
+  scaleBar?: boolean;
+  zoomControl?: boolean;
+
+  // Map settings
+  mapType?: WithDefault<Int32, 0>;
+  minZoomLevel?: WithDefault<Double, 0>;
+  maxZoomLevel?: WithDefault<Double, 21>;
+  buildingHeight?: WithDefault<Float, 1>;
+  nightMode?: boolean;
+  mapPadding?: PaddingProp;
+  locationTrackingMode?: WithDefault<Int32, 0>;
+
+  // Gestures
+  scrollGesturesEnabled?: WithDefault<boolean, true>;
+  zoomGesturesEnabled?: WithDefault<boolean, true>;
+  tiltGesturesEnabled?: WithDefault<boolean, true>;
+  rotateGesturesEnabled?: WithDefault<boolean, true>;
+  stopGesturesEnabled?: WithDefault<boolean, true>;
+
+  // Events
+  onInitialized?: DirectEventHandler<OnInitializedEvent>;
+  onCameraChange?: DirectEventHandler<OnCameraChangeEvent>;
+  onTouch?: DirectEventHandler<OnTouchEvent>;
+  onMapClick?: DirectEventHandler<OnMapClickEvent>;
+  onMarkerClick?: DirectEventHandler<OnMarkerClickEvent>;
+}
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  animateToCoordinate: (viewRef: React.ElementRef<ComponentType>, latitude: Double, longitude: Double) => void;
+  animateToTwoCoordinates: (
+    viewRef: React.ElementRef<ComponentType>,
+    lat1: Double,
+    lng1: Double,
+    lat2: Double,
+    lng2: Double
+  ) => void;
+  animateToRegion: (
+    viewRef: React.ElementRef<ComponentType>,
+    latitude: Double,
+    longitude: Double,
+    latitudeDelta: Double,
+    longitudeDelta: Double
+  ) => void;
+  setLayerGroupEnabled: (viewRef: React.ElementRef<ComponentType>, group: string, enabled: boolean) => void;
+  // Marker
+  addMarker: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    latitude: Double,
+    longitude: Double,
+    width: Int32,
+    height: Int32,
+    zIndex: Int32,
+    rotation: Float,
+    flat: boolean,
+    alpha: Float,
+    pinColor: Int32,
+    image: string
+  ) => void;
+  updateMarker: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    latitude: Double,
+    longitude: Double,
+    width: Int32,
+    height: Int32,
+    zIndex: Int32,
+    rotation: Float,
+    flat: boolean,
+    alpha: Float,
+    pinColor: Int32,
+    image: string
+  ) => void;
+  removeMarker: (viewRef: React.ElementRef<ComponentType>, identifier: string) => void;
+  // Polyline
+  addPolyline: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    coordsJson: string,
+    strokeWidth: Float,
+    strokeColor: Int32,
+    zIndex: Int32,
+    lineCap: Int32,
+    lineJoin: Int32,
+    patternJson: string
+  ) => void;
+  updatePolyline: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    coordsJson: string,
+    strokeWidth: Float,
+    strokeColor: Int32,
+    zIndex: Int32,
+    lineCap: Int32,
+    lineJoin: Int32,
+    patternJson: string
+  ) => void;
+  removePolyline: (viewRef: React.ElementRef<ComponentType>, identifier: string) => void;
+  // Polygon
+  addPolygon: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    coordsJson: string,
+    holesJson: string,
+    fillColor: Int32,
+    strokeColor: Int32,
+    strokeWidth: Float,
+    zIndex: Int32
+  ) => void;
+  updatePolygon: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    coordsJson: string,
+    holesJson: string,
+    fillColor: Int32,
+    strokeColor: Int32,
+    strokeWidth: Float,
+    zIndex: Int32
+  ) => void;
+  removePolygon: (viewRef: React.ElementRef<ComponentType>, identifier: string) => void;
+  // Circle
+  addCircle: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    latitude: Double,
+    longitude: Double,
+    radius: Double,
+    fillColor: Int32,
+    strokeColor: Int32,
+    strokeWidth: Float,
+    zIndex: Int32
+  ) => void;
+  updateCircle: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    latitude: Double,
+    longitude: Double,
+    radius: Double,
+    fillColor: Int32,
+    strokeColor: Int32,
+    strokeWidth: Float,
+    zIndex: Int32
+  ) => void;
+  removeCircle: (viewRef: React.ElementRef<ComponentType>, identifier: string) => void;
+  // Path
+  addPath: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    coordsJson: string,
+    width: Float,
+    outlineWidth: Float,
+    color: Int32,
+    outlineColor: Int32,
+    passedColor: Int32,
+    passedOutlineColor: Int32,
+    patternImage: string,
+    patternInterval: Int32,
+    progress: Float,
+    zIndex: Int32
+  ) => void;
+  updatePath: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    coordsJson: string,
+    width: Float,
+    outlineWidth: Float,
+    color: Int32,
+    outlineColor: Int32,
+    passedColor: Int32,
+    passedOutlineColor: Int32,
+    patternImage: string,
+    patternInterval: Int32,
+    progress: Float,
+    zIndex: Int32
+  ) => void;
+  removePath: (viewRef: React.ElementRef<ComponentType>, identifier: string) => void;
+  // ArrowheadPath
+  addArrowheadPath: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    coordsJson: string,
+    width: Float,
+    outlineWidth: Float,
+    color: Int32,
+    outlineColor: Int32,
+    headSizeRatio: Float,
+    zIndex: Int32
+  ) => void;
+  updateArrowheadPath: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    coordsJson: string,
+    width: Float,
+    outlineWidth: Float,
+    color: Int32,
+    outlineColor: Int32,
+    headSizeRatio: Float,
+    zIndex: Int32
+  ) => void;
+  removeArrowheadPath: (viewRef: React.ElementRef<ComponentType>, identifier: string) => void;
+  // GroundOverlay
+  addGroundOverlay: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    southWestLat: Double,
+    southWestLng: Double,
+    northEastLat: Double,
+    northEastLng: Double,
+    image: string,
+    alpha: Float,
+    zIndex: Int32
+  ) => void;
+  updateGroundOverlay: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    southWestLat: Double,
+    southWestLng: Double,
+    northEastLat: Double,
+    northEastLng: Double,
+    image: string,
+    alpha: Float,
+    zIndex: Int32
+  ) => void;
+  removeGroundOverlay: (viewRef: React.ElementRef<ComponentType>, identifier: string) => void;
+  // InfoWindow
+  addInfoWindow: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    latitude: Double,
+    longitude: Double,
+    text: string,
+    alpha: Float,
+    zIndex: Int32,
+    offsetX: Int32,
+    offsetY: Int32
+  ) => void;
+  updateInfoWindow: (
+    viewRef: React.ElementRef<ComponentType>,
+    identifier: string,
+    latitude: Double,
+    longitude: Double,
+    text: string,
+    alpha: Float,
+    zIndex: Int32,
+    offsetX: Int32,
+    offsetY: Int32
+  ) => void;
+  removeInfoWindow: (viewRef: React.ElementRef<ComponentType>, identifier: string) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: [
+    'animateToCoordinate',
+    'animateToTwoCoordinates',
+    'animateToRegion',
+    'setLayerGroupEnabled',
+    // Marker
+    'addMarker',
+    'updateMarker',
+    'removeMarker',
+    // Polyline
+    'addPolyline',
+    'updatePolyline',
+    'removePolyline',
+    // Polygon
+    'addPolygon',
+    'updatePolygon',
+    'removePolygon',
+    // Circle
+    'addCircle',
+    'updateCircle',
+    'removeCircle',
+    // Path
+    'addPath',
+    'updatePath',
+    'removePath',
+    // ArrowheadPath
+    'addArrowheadPath',
+    'updateArrowheadPath',
+    'removeArrowheadPath',
+    // GroundOverlay
+    'addGroundOverlay',
+    'updateGroundOverlay',
+    'removeGroundOverlay',
+    // InfoWindow
+    'addInfoWindow',
+    'updateInfoWindow',
+    'removeInfoWindow',
+  ],
+});
+
+export default codegenNativeComponent<NativeProps>('GraniteNaverMapView') as ComponentType;

package/dist/module/types/Coord.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Coord.js.map

package/dist/module/types/Coord.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/Coord.ts"],"mappings":"","ignoreList":[]}

package/dist/module/types/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+export * from "./Coord.js";
+
+// ============================================================
+// Event Types
+// ============================================================
+
+/**
+ * Camera change event data
+ */
+
+/**
+ * Touch event data
+ */
+
+/**
+ * Map click event data
+ */
+
+/**
+ * Marker click event data
+ */
+
+// ============================================================
+// Component Props
+// ============================================================
+export {};
+//# sourceMappingURL=index.js.map

package/dist/module/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":";;AAQA,cAAc,YAAS;;AAEvB;AACA;AACA;;AAEA;AACA;AACA;;AAOA;AACA;AACA;;AAMA;AACA;AACA;;AAQA;AACA;AACA;;AAKA;AACA;AACA;AAAA","ignoreList":[]}

package/dist/typescript/NaverMapView.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { type NativeSyntheticEvent, type StyleProp, type ViewStyle } from 'react-native';
+import { OnCameraChangeEvent, OnTouchEvent, OnMapClickEvent } from './specs/GraniteNaverMapViewNativeComponent';
+import type { Coord } from './types';
+export interface MapViewProps {
+    style?: StyleProp<ViewStyle>;
+    center?: Coord & {
+        zoom?: number;
+        tilt?: number;
+        bearing?: number;
+    };
+    showsMyLocationButton?: boolean;
+    compass?: boolean;
+    scaleBar?: boolean;
+    zoomControl?: boolean;
+    mapType?: number;
+    minZoomLevel?: number;
+    maxZoomLevel?: number;
+    buildingHeight?: number;
+    locationTrackingMode?: number;
+    tilt?: number;
+    bearing?: number;
+    nightMode?: boolean;
+    mapPadding?: {
+        top?: number;
+        left?: number;
+        bottom?: number;
+        right?: number;
+    };
+    scrollGesturesEnabled?: boolean;
+    zoomGesturesEnabled?: boolean;
+    tiltGesturesEnabled?: boolean;
+    rotateGesturesEnabled?: boolean;
+    stopGesturesEnabled?: boolean;
+    onCameraChange?: (event: NativeSyntheticEvent<OnCameraChangeEvent>) => void;
+    onTouch?: (event: NativeSyntheticEvent<OnTouchEvent>) => void;
+    onMapClick?: (event: NativeSyntheticEvent<OnMapClickEvent>) => void;
+    onInitialized?: () => void;
+    children?: React.ReactNode;
+}
+export declare function NaverMapView({ style, onTouch, onMapClick, onCameraChange, onInitialized, children, center, mapPadding, ...props }: MapViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/typescript/index.d.ts

@@ -0,0 +1,3 @@
+export * from './overlays';
+export * from './NaverMapView';
+export * from './types';

package/dist/typescript/internals/colorUtils.d.ts

@@ -0,0 +1,10 @@
+export declare const rgbaToArgb: (rgba: number) => number;
+export declare const toSignedInt32: (n: number) => number;
+export declare const processColor: (color: number | null | undefined, defaultColor?: number) => number;
+export declare const processArgbColor: (color: number | null | undefined, defaultColor?: number) => number;
+/**
+ * Process raw color input from user (handles both string and number inputs)
+ * - String colors (e.g., "#FF0000", "red") → normalize → RRGGBBAA → convert to AARRGGBB → signed
+ * - Number colors (e.g., 0xFFFF0000) → assume AARRGGBB → just convert to signed
+ */
+export declare const processColorInput: (color: number | string | null | undefined, defaultColorArgb?: number) => number;

package/dist/typescript/internals/context.d.ts

@@ -0,0 +1,8 @@
+import type { View } from 'react-native';
+import type { MarkerEventListeners } from '../overlays/Marker';
+export interface MapContextValue {
+    readonly mapView: View;
+    markers: Map<string, MarkerEventListeners>;
+}
+export declare const MapContext: import("react").Context<MapContextValue | null>;
+export declare function useMapContext(): MapContextValue | null;

package/dist/typescript/internals/id.d.ts

@@ -0,0 +1 @@
+export declare function useOverlayId(): string;

package/dist/typescript/internals/useMapOverlay.d.ts

@@ -0,0 +1,15 @@
+import type { View } from 'react-native';
+import { type MapContextValue } from './context';
+interface MapOverlayProps<EventListeners, Props> {
+    registrySelector: (c: MapContextValue) => Map<string, Partial<EventListeners>>;
+    methods: MapOverlayMethods<Props>;
+    props: Props;
+    eventListeners: Partial<EventListeners>;
+}
+interface MapOverlayMethods<Props> {
+    add: (v: View, id: string, args: Props) => void;
+    update: (v: View, id: string, args: Props) => void;
+    remove: (v: View, id: string) => void;
+}
+export declare function useMapOverlay<EventListeners, Props>({ props, eventListeners, methods, registrySelector, }: MapOverlayProps<EventListeners, Props>): void;
+export {};

package/dist/typescript/internals/usePreservedReference.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns a memoized reference that only changes when the object's content changes.
+ * This is useful for preventing unnecessary re-renders when object references change
+ * but the content remains the same.
+ */
+export declare function usePreservedReference<T>(value: T): T;

package/dist/typescript/overlays/ArrowheadPath.d.ts

@@ -0,0 +1,11 @@
+import type { Coord } from '../types/Coord';
+export interface ArrowheadPathProps {
+    coordinates: Coord[];
+    color?: number | string;
+    outlineColor?: number | string;
+    width?: number;
+    outlineWidth?: number;
+    headSizeRatio?: number;
+    zIndex?: number;
+}
+export declare function ArrowheadPath(props: ArrowheadPathProps): null;

package/dist/typescript/overlays/Circle.d.ts

@@ -0,0 +1,10 @@
+import type { Coord } from '../types/Coord';
+export interface CircleProps {
+    center: Coord;
+    radius: number;
+    fillColor?: number | string;
+    strokeColor?: number | string;
+    strokeWidth?: number;
+    zIndex?: number;
+}
+export declare function Circle(props: CircleProps): null;

package/dist/typescript/overlays/GroundOverlay.d.ts

@@ -0,0 +1,11 @@
+import type { Coord } from '../types/Coord';
+export interface GroundOverlayProps {
+    bounds: {
+        northEast: Coord;
+        southWest: Coord;
+    };
+    image: string;
+    alpha?: number;
+    zIndex?: number;
+}
+export declare function GroundOverlay(props: GroundOverlayProps): null;

package/dist/typescript/overlays/InfoWindow.d.ts

@@ -0,0 +1,14 @@
+import type { Coord } from '../types/Coord';
+export interface InfoWindowProps {
+    coordinate: Coord;
+    text: string;
+    alpha?: number;
+    zIndex?: number;
+    offsetX?: number;
+    offsetY?: number;
+    onPress?: () => void;
+}
+export interface InfoWindowEventListeners {
+    onPress?: () => void;
+}
+export declare function InfoWindow(props: InfoWindowProps): null;

package/dist/typescript/overlays/Marker.d.ts

@@ -0,0 +1,16 @@
+import type { Coord } from '../types/Coord';
+export interface MarkerProps extends MarkerEventListeners {
+    coordinate: Coord;
+    pinColor?: number | string;
+    image?: string;
+    rotation?: number;
+    flat?: boolean;
+    width?: number;
+    height?: number;
+    alpha?: number;
+    zIndex?: number;
+}
+export interface MarkerEventListeners {
+    onPress?: () => void;
+}
+export declare function Marker(props: MarkerProps): null;

package/dist/typescript/overlays/Path.d.ts

@@ -0,0 +1,15 @@
+import type { Coord } from '../types/Coord';
+export interface PathProps {
+    coordinates: Coord[];
+    color?: number | string;
+    outlineColor?: number | string;
+    passedColor?: number | string;
+    passedOutlineColor?: number | string;
+    width?: number;
+    outlineWidth?: number;
+    patternImage?: string;
+    patternInterval?: number;
+    progress?: number;
+    zIndex?: number;
+}
+export declare function Path(props: PathProps): null;

package/dist/typescript/overlays/Polygon.d.ts

@@ -0,0 +1,10 @@
+import type { Coord } from '../types/Coord';
+export interface PolygonProps {
+    coordinates: Coord[];
+    holes?: Coord[][];
+    fillColor?: number | string;
+    strokeColor?: number | string;
+    strokeWidth?: number;
+    zIndex?: number;
+}
+export declare function Polygon(props: PolygonProps): null;

package/dist/typescript/overlays/Polyline.d.ts

@@ -0,0 +1,11 @@
+import type { Coord } from '../types/Coord';
+export interface PolylineProps {
+    coordinates: Coord[];
+    strokeColor?: number | string;
+    strokeWidth?: number;
+    zIndex?: number;
+    lineCap?: 'butt' | 'round' | 'square';
+    lineJoin?: 'bevel' | 'miter' | 'round';
+    pattern?: number[];
+}
+export declare function Polyline(props: PolylineProps): null;

package/dist/typescript/overlays/index.d.ts

@@ -0,0 +1,16 @@
+export { Marker } from './Marker';
+export type { MarkerProps, MarkerEventListeners } from './Marker';
+export { Polyline } from './Polyline';
+export type { PolylineProps } from './Polyline';
+export { Polygon } from './Polygon';
+export type { PolygonProps } from './Polygon';
+export { Circle } from './Circle';
+export type { CircleProps } from './Circle';
+export { Path } from './Path';
+export type { PathProps } from './Path';
+export { ArrowheadPath } from './ArrowheadPath';
+export type { ArrowheadPathProps } from './ArrowheadPath';
+export { GroundOverlay } from './GroundOverlay';
+export type { GroundOverlayProps } from './GroundOverlay';
+export { InfoWindow } from './InfoWindow';
+export type { InfoWindowProps, InfoWindowEventListeners } from './InfoWindow';