@react-native-kakao/map 2.2.1

package/package.json

@@ -0,0 +1,117 @@
+{
+  "name": "@react-native-kakao/map",
+  "description": "React Native Kakao Map SDK",
+  "version": "2.2.1",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/src/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "author": "MJ Studio <mym0404@gmail.com> (https://github.com/mym0404)",
+  "homepage": "https://rnkakao.dev",
+  "scripts": {
+    "test": "jest",
+    "prepare": "husky",
+    "release": "./script/release.sh",
+    "codegen:android": "cd ../../example/android && ./gradlew generateCodegenArtifactsFromSchema",
+    "codegen:ios": "node ../../example/node_modules/react-native/scripts/generate-codegen-artifacts.js --path example/ --outputPath ../../example/ios",
+    "codegen": "yarn codegen:android && yarn codegen:ios",
+    "prepack": "bob build",
+    "clean": "del-cli android/ lib"
+  },
+  "keywords": [
+    "react-native",
+    "kakao",
+    "kakao-sdk",
+    "typescript",
+    "javascript",
+    "react",
+    "expo",
+    "kakao-navi",
+    "kakao-navigation",
+    "kakao-api",
+    "login",
+    "auth"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mym0404/react-native-kakao.git",
+    "directory": "packages/navi"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "devDependencies": {
+    "@react-native-kakao/core": "2.2.1",
+    "@types/invariant": "^2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^18.2.44",
+    "del-cli": "^5.1.0",
+    "jest": "^29.7.0",
+    "react": "18.2.0",
+    "react-native": "0.74.0",
+    "react-native-builder-bob": "^0.20.0",
+    "typescript": "5.1.6"
+  },
+  "peerDependencies": {
+    "@react-native-kakao/core": "2.2.1",
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example",
+    "packages/*"
+  ],
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/lib/"
+    ]
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "RNCKakaoMapSpec",
+    "type": "all",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "net.mjstudio.rnkakao.map"
+    }
+  },
+  "dependencies": {
+    "@mj-studio/js-util": "1.1.3"
+  },
+  "gitHead": "81df793e8ca1eeae3ab278a0dcbc665ceda54b51"
+}

package/src/component/KakaoMapView.tsx

@@ -0,0 +1,82 @@
+import { type ForwardedRef, forwardRef, useImperativeHandle, useMemo } from 'react';
+import type { ViewProps } from 'react-native';
+import { kAssert } from '@react-native-kakao/core';
+
+import NativeKakaoMapComponent from '../spec/RNCKakaoMapViewNativeComponent';
+import type { Camera } from '../type/type';
+import { Const } from '../util/Const';
+import { nullCamera } from '../util/Util';
+
+interface KakaoMapProps extends ViewProps {
+  baseMapType?: 'map' | 'skyview';
+  overlays?: ('hill_shading' | 'roadview_line' | 'bicycle_road' | 'hybrid')[];
+  camera?: Camera;
+  initialCamera?: Camera;
+  cameraMinLevel?: number;
+  cameraMaxLevel?: number;
+  cameraAnimationDuration?: number;
+
+  buildingScale?: number;
+  poiEnabled?: boolean;
+  poiClickable?: boolean;
+  poiScale?: 'small' | 'regular' | 'large' | 'xlarge';
+  language?: 'ko' | 'en';
+
+  isShowScaleBar?: boolean;
+  isShowCompass?: boolean;
+}
+interface KakaoMapRef {}
+
+const KakaoMapView = forwardRef(
+  (
+    {
+      baseMapType = 'map',
+      buildingScale = 0.5,
+      poiEnabled = true,
+      poiClickable = true,
+      poiScale = 'regular',
+      language,
+      overlays,
+      camera: cameraProp,
+      cameraMinLevel = Const.nullNumber,
+      cameraMaxLevel = Const.nullNumber,
+      cameraAnimationDuration = 0,
+      isShowScaleBar = true,
+      isShowCompass = true,
+      ...rest
+    }: KakaoMapProps,
+    ref: ForwardedRef<KakaoMapRef>,
+  ) => {
+    kAssert(
+      buildingScale >= 0 && buildingScale <= 1,
+      '[KakaoMapView] buildingScale range should be 0..1',
+    );
+    useImperativeHandle(ref, () => ({}), []);
+
+    const camera: Camera = useMemo(() => {
+      return { ...nullCamera, ...cameraProp };
+    }, [cameraProp]);
+
+    return (
+      <NativeKakaoMapComponent
+        baseMapType={baseMapType}
+        buildingScale={buildingScale}
+        camera={camera}
+        cameraMinLevel={cameraMinLevel}
+        cameraMaxLevel={cameraMaxLevel}
+        cameraAnimationDuration={cameraAnimationDuration}
+        poiEnabled={poiEnabled}
+        poiClickable={poiClickable}
+        poiScale={poiScale}
+        language={language}
+        overlays={overlays}
+        isShowScaleBar={isShowScaleBar}
+        isShowCompass={isShowCompass}
+        {...rest}
+      />
+    );
+  },
+);
+
+export { KakaoMapView };
+export type { KakaoMapProps, KakaoMapRef };

package/src/index.ts

@@ -0,0 +1,43 @@
+import { Platform } from 'react-native';
+
+import type { KakaoMapProps, KakaoMapRef } from './component/KakaoMapView';
+import { KakaoMapView } from './component/KakaoMapView';
+import type { Spec } from './spec/NativeKakaoMap';
+
+const LINKING_ERROR =
+  "The package '@react-native-kakao/map' doesn't seem to be linked. Make sure: \n\n" +
+  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+const isTurboModuleEnabled = global.__turboModuleProxy != null;
+
+if (!isTurboModuleEnabled) {
+  throw new Error('The package @react-native-kakao/map only supports fabric');
+}
+
+const Module = require('./spec/NativeKakaoMap').default;
+
+const Native: Spec = Module
+  ? Module
+  : new Proxy(
+      {},
+      {
+        get() {
+          throw new Error(LINKING_ERROR);
+        },
+      },
+    );
+// todo remove
+console.log(Native);
+
+const KakaoMap = {
+  initializeKakaoMapSDK: async (appKey: string) => {
+    return await Native.initializeKakaoMapSDK(appKey);
+  },
+};
+export default KakaoMapView;
+export type KakaoMapAPI = typeof KakaoMap;
+
+export { KakaoMapView, KakaoMap };
+export type { KakaoMapProps, KakaoMapRef };

package/src/spec/NativeKakaoMap.ts

@@ -0,0 +1,8 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  initializeKakaoMapSDK(appKey: string): Promise<void>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('RNCKakaoMap');

package/src/spec/RNCKakaoMapViewNativeComponent.ts

@@ -0,0 +1,38 @@
+import type { ViewProps } from 'react-native';
+import type { Double } from 'react-native/Libraries/Types/CodegenTypes';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+interface Camera {
+  lat: Double;
+  lng: Double;
+  tilt?: Double;
+  rotation?: Double;
+  zoomLevel?: Double;
+}
+interface Props extends ViewProps {
+  buildingScale?: Double;
+  overlays?: ReadonlyArray<string>;
+  poiEnabled?: boolean;
+  poiClickable?: boolean;
+  poiScale?: string;
+  language?: string;
+  baseMapType?: string;
+  camera?: Camera;
+  initialCamera?: Camera;
+  cameraMinLevel?: Double;
+  cameraMaxLevel?: Double;
+  cameraAnimationDuration?: Double;
+
+  isShowScaleBar?: boolean;
+  isShowCompass?: boolean;
+}
+
+// type ComponentType = HostComponent<Props>;
+
+interface NativeCommands {}
+
+export default codegenNativeComponent<Props>('RNCKakaoMapView');
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: [],
+});

package/src/type/type.ts

@@ -0,0 +1,7 @@
+export interface Camera {
+  lat: number;
+  lng: number;
+  tilt?: number;
+  rotation?: number;
+  zoomLevel?: number;
+}

package/src/util/Const.ts

@@ -0,0 +1,7 @@
+export const Const = {
+  /**
+   * ios: codegen generate struct number fields with default value zero.
+   *      in some cases, we should check it is invalid value instead of checking is zero.
+   */
+  nullNumber: -123123123,
+} satisfies (Record<string, any> & {}) & {};

package/src/util/Util.ts

@@ -0,0 +1,11 @@
+import type { Camera } from '../type/type';
+
+import { Const } from './Const';
+
+export const nullCamera: Required<Camera> = {
+  lat: Const.nullNumber,
+  lng: Const.nullNumber,
+  tilt: Const.nullNumber,
+  rotation: Const.nullNumber,
+  zoomLevel: Const.nullNumber,
+};