@apps-in-toss/framework 0.0.4 → 0.0.6

package/bin.js

@@ -0,0 +1,4 @@
+#!/usr/bin/env node
+import { initialize } from '@apps-in-toss/cli';
+
+initialize();

package/dist/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,12 +17,22 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  Accuracy: () => Accuracy,
+  Accuracy: () => Accuracy2,
+  WebView: () => WebView,
+  env: () => env,
   fetchAlbumPhotos: () => fetchAlbumPhotos,
   fetchContacts: () => fetchContacts,
   getClipboardText: () => getClipboardText,
@@ -32,17 +44,23 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/native-event-emitter/nativeEventEmitter.ts
-var import_react_native2 = require("react-native");
+// src/native-event-emitter/index.ts
+var native_event_emitter_exports = {};
+__export(native_event_emitter_exports, {
+  startUpdateLocation: () => startUpdateLocation
+});
+
+// src/native-event-emitter/bedrock-event.ts
+var import_react_native_bedrock2 = require("react-native-bedrock");
+
+// src/native-event-emitter/event-plugins/UpdateLocationEvent.ts
+var import_react_native_bedrock = require("react-native-bedrock");
 
 // src/native-modules/AppsInTossModule.ts
 var import_react_native = require("react-native");
 var AppsInTossModuleInstance = import_react_native.NativeModules.AppsInTossModule;
 var AppsInTossModule = AppsInTossModuleInstance;
 
-// src/native-event-emitter/nativeEventEmitter.ts
-var nativeEventEmitter = new import_react_native2.NativeEventEmitter(AppsInTossModuleInstance);
-
 // src/native-modules/getPermission.ts
 function getPermission(permission) {
   return AppsInTossModule.getPermission(permission);
@@ -65,32 +83,56 @@ async function requestPermission(permission) {
   }
 }
 
-// src/native-event-emitter/startUpdateLocation.ts
-async function startUpdateLocation(options) {
-  const { callback, ...nativeOptions } = options;
-  const permissionStatus = await requestPermission({ name: "geolocation", access: "access" });
-  if (permissionStatus === "denied") {
-    throw new Error("\uC704\uCE58 \uAD8C\uD55C\uC774 \uAC70\uBD80\uB418\uC5C8\uC5B4\uC694.");
+// src/native-event-emitter/nativeEventEmitter.ts
+var import_react_native2 = require("react-native");
+var nativeEventEmitter = new import_react_native2.NativeEventEmitter(AppsInTossModuleInstance);
+
+// src/native-event-emitter/event-plugins/UpdateLocationEvent.ts
+var UpdateLocationEvent = class extends import_react_native_bedrock.BedrockEventDefinition {
+  name = "updateLocationEvent";
+  subscriptionCount = 0;
+  ref = {
+    remove: () => {
+    }
+  };
+  remove() {
+    --this.subscriptionCount === 0 && AppsInTossModuleInstance.stopUpdateLocation({});
+    this.ref.remove();
   }
-  await AppsInTossModuleInstance.startUpdateLocation(nativeOptions);
-  const subscription = nativeEventEmitter.addListener("updateLocation", callback);
-  subscriptionCount++;
-  const subscriptionProxy = new Proxy(subscription, {
-    get: (target, key, receiver) => {
-      const result = Reflect.get(target, key, receiver);
-      if (key === "remove") {
-        return async () => {
-          await (--subscriptionCount === 0 && AppsInTossModuleInstance.stopUpdateLocation({}));
-          const remove = result;
-          remove();
-        };
+  listener(options, onEvent, onError) {
+    requestPermission({ name: "geolocation", access: "access" }).then((permissionStatus) => {
+      if (permissionStatus === "denied") {
+        onError(new Error("\uC704\uCE58 \uAD8C\uD55C\uC774 \uAC70\uBD80\uB418\uC5C8\uC5B4\uC694."));
+        return;
       }
-      return result;
-    }
-  });
-  return subscriptionProxy;
+      void AppsInTossModuleInstance.startUpdateLocation(options).catch(onError);
+      const subscription = nativeEventEmitter.addListener("updateLocation", onEvent);
+      this.ref = {
+        remove: () => subscription?.remove()
+      };
+      this.subscriptionCount++;
+    }).catch(onError);
+  }
+};
+
+// src/native-event-emitter/bedrock-event.ts
+var appsInTossEvent = new import_react_native_bedrock2.BedrockEvent([new UpdateLocationEvent()]);
+
+// src/native-event-emitter/startUpdateLocation.ts
+function startUpdateLocation(eventParams) {
+  return appsInTossEvent.addEventListener("updateLocationEvent", eventParams);
 }
-var subscriptionCount = 0;
+
+// src/native-modules/index.ts
+var native_modules_exports = {};
+__export(native_modules_exports, {
+  fetchAlbumPhotos: () => fetchAlbumPhotos,
+  fetchContacts: () => fetchContacts,
+  getClipboardText: () => getClipboardText,
+  getCurrentLocation: () => getCurrentLocation,
+  openCamera: () => openCamera,
+  setClipboardText: () => setClipboardText
+});
 
 // src/native-modules/setClipboardText.ts
 async function setClipboardText(text) {
@@ -168,57 +210,92 @@ async function openCamera(options) {
   return photo;
 }
 
-// src/hooks/useGeolocation.ts
+// src/components/WebView.tsx
+var import_react_native_webview = require("@react-native-bedrock/native/react-native-webview");
 var import_react = require("react");
-var import_react_native_bedrock = require("react-native-bedrock");
-function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = (0, import_react_native_bedrock.useVisibility)();
-  const subscriptionRef = (0, import_react.useRef)();
-  const [location, setLocation] = (0, import_react.useState)(null);
-  const subscribe = (0, import_react.useCallback)(async () => {
-    try {
-      const subscription = await startUpdateLocation({
-        accuracy,
-        distanceInterval,
-        timeInterval,
-        callback: setLocation
-      });
-      subscriptionRef.current = subscription;
-    } catch (error) {
-      console.error("failed to subscribe location", error);
+var import_react_native_bedrock3 = require("react-native-bedrock");
+var bridges = __toESM(require("react-native-bedrock/bridges"), 1);
+var constantBridges = __toESM(require("react-native-bedrock/constants"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function WebView({ localhostPort = 5173, onMessage, ...props }) {
+  const uri = (0, import_react.useMemo)(() => {
+    if (__DEV__) {
+      return `http://localhost:${localhostPort}`;
+    }
+    return AppsInTossModule.getWebBundleURL({}).url;
+  }, [localhostPort]);
+  const handler = (0, import_react_native_bedrock3.useBridgeHandler)({
+    onMessage,
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    eventListenerMap: native_event_emitter_exports,
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    constantHandlerMap: constantBridges,
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-expect-error
+    handlerMap: {
+      ...bridges,
+      ...native_modules_exports
     }
-  }, [accuracy, distanceInterval, timeInterval]);
-  const cleanup = (0, import_react.useCallback)(async () => {
-    try {
-      const prevSubscription = subscriptionRef.current;
-      subscriptionRef.current = void 0;
-      await prevSubscription?.remove();
-    } catch (error) {
-      console.error("failed to cleanup location subscription", error);
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native_webview.WebView,
+    {
+      ref: handler.ref,
+      ...props,
+      source: { uri },
+      sharedCookiesEnabled: true,
+      thirdPartyCookiesEnabled: true,
+      onMessage: handler.onMessage,
+      injectedJavaScript: handler.injectedJavaScript,
+      injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript
     }
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (subscriptionRef.current == null && isVisible) {
-      subscribe();
+  );
+}
+
+// src/hooks/useGeolocation.ts
+var import_react2 = require("react");
+var import_react_native_bedrock4 = require("react-native-bedrock");
+function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
+  const isVisible = (0, import_react_native_bedrock4.useVisibility)();
+  const [location, setLocation] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    if (!isVisible) {
+      return;
     }
-    return () => void cleanup();
-  }, [subscribe, cleanup, isVisible]);
+    return startUpdateLocation({
+      options: {
+        accuracy,
+        distanceInterval,
+        timeInterval
+      },
+      onEvent: setLocation,
+      onError: console.error
+    });
+  }, [accuracy, distanceInterval, timeInterval, isVisible]);
   return location;
 }
 
+// src/env.ts
+var env = {
+  getDeploymentId: () => __DEV__ ? "local" : global.__appsInToss?.deploymentId
+};
+
 // src/types.ts
-var Accuracy = /* @__PURE__ */ ((Accuracy2) => {
-  Accuracy2[Accuracy2["Lowest"] = 1] = "Lowest";
-  Accuracy2[Accuracy2["Low"] = 2] = "Low";
-  Accuracy2[Accuracy2["Balanced"] = 3] = "Balanced";
-  Accuracy2[Accuracy2["High"] = 4] = "High";
-  Accuracy2[Accuracy2["Highest"] = 5] = "Highest";
-  Accuracy2[Accuracy2["BestForNavigation"] = 6] = "BestForNavigation";
-  return Accuracy2;
-})(Accuracy || {});
+var Accuracy2 = /* @__PURE__ */ ((Accuracy3) => {
+  Accuracy3[Accuracy3["Lowest"] = 1] = "Lowest";
+  Accuracy3[Accuracy3["Low"] = 2] = "Low";
+  Accuracy3[Accuracy3["Balanced"] = 3] = "Balanced";
+  Accuracy3[Accuracy3["High"] = 4] = "High";
+  Accuracy3[Accuracy3["Highest"] = 5] = "Highest";
+  Accuracy3[Accuracy3["BestForNavigation"] = 6] = "BestForNavigation";
+  return Accuracy3;
+})(Accuracy2 || {});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accuracy,
+  WebView,
+  env,
   fetchAlbumPhotos,
   fetchContacts,
   getClipboardText,

package/dist/index.d.cts

@@ -1,4 +1,6 @@
 import { EmitterSubscription } from 'react-native';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WebViewProps as WebViewProps$1 } from '@react-native-bedrock/native/react-native-webview';
 
 interface EventEmitterSchema<K extends string, P extends unknown[]> {
     name: K;
@@ -80,10 +82,6 @@ interface StartUpdateLocationOptions {
      * 위치 변경 거리를 미터(m) 단위로 설정해요.
      */
     distanceInterval: number;
-    /**
-     * 위치 정보가 변경될 때 호출되는 콜백 함수예요.
-     */
-    callback: (location: Location) => void;
 }
 interface StartUpdateLocationSubscription extends EmitterSubscription {
     remove: () => Promise<void>;
@@ -126,16 +124,19 @@ interface UpdateLocationEventEmitter extends EventEmitterSchema<'updateLocation'
  *   const [location, setLocation] = useState(null);
  *
  *   useEffect(() => {
- *     const subscription = startUpdateLocation({
- *       accuracy: Accuracy.Default,
- *       timeInterval: 3000,
- *       distanceInterval: 10,
- *       callback: (location) => {
+ *     return startUpdateLocation({
+ *       options: {
+ *         accuracy: Accuracy.Default,
+ *         timeInterval: 3000,
+ *         distanceInterval: 10,
+ *       },
+ *       onEvent: (location) => {
  *         setLocation(location);
  *       },
+ *       onError: (error) => {
+ *         console.error('위치 정보를 가져오는데 실패했어요:', error);
+ *       },
  *     });
- *
- *     return () => subscription.remove();
  *   }, []);
  *
  *   if (location == null) {
@@ -155,7 +156,11 @@ interface UpdateLocationEventEmitter extends EventEmitterSchema<'updateLocation'
  * }
  * ```
  */
-declare function startUpdateLocation(options: StartUpdateLocationOptions): Promise<StartUpdateLocationSubscription>;
+declare function startUpdateLocation(eventParams: {
+    onEvent: (response: Location) => void;
+    onError: (error: unknown) => void;
+    options: StartUpdateLocationOptions;
+}): () => void;
 
 /**
  * @public
@@ -355,7 +360,7 @@ interface FetchAlbumPhotosOptions {
  *
  * ```tsx
  * import React, { useState } from 'react';
- * import { View, Text, Button } from 'react-native';
+ * import { View, Image, Button } from 'react-native';
  * import { fetchAlbumPhotos } from '@apps-in-toss/framework';
  *
  * // 앨범 사진 목록을 가져와 화면에 표시하는 컴포넌트
@@ -365,6 +370,7 @@ interface FetchAlbumPhotosOptions {
  *   const handlePress = async () => {
  *     try {
  *       const response = await fetchAlbumPhotos({
+ *         base64: true,
  *         maxWidth: 360,
  *       });
  *       setAlbumPhotos((prev) => ([...prev, ...response]));
@@ -375,8 +381,8 @@ interface FetchAlbumPhotosOptions {
  *
  *   return (
  *     <View>
- *       {albumPhotos.map((album) => (
- *         <Text key={album.id}>{album.dataUri}</Text>
+ *       {albumPhotos.map((image) => (
+ *         <Image source={{ uri: image.dataUri }} key={image.id} />
  *       ))}
  *       <Button title="앨범 가져오기" onPress={handlePress} />
  *     </View>
@@ -465,7 +471,7 @@ interface OpenCameraOptions {
  * @description 카메라를 실행해서 촬영된 이미지를 반환하는 함수예요.
  * @param {OpenCameraOptions} options - 카메라 실행 시 사용되는 옵션 객체예요.
  * @param {boolean} [options.base64=false] - 이미지를 Base64 형식으로 반환할지 여부를 나타내는 불리언 값이에요. 기본값은 `false`예요. `true`로 설정하면 `dataUri` 대신 Base64 인코딩된 문자열을 반환해요.
- * @param {boolean} [options.maxWidth=1024] - 이미지를 Base64 형식으로 반환할지 여부를 나타내는 불리언 값이에요. 기본값은 `false`예요. `true`로 설정하면 `dataUri` 대신 Base64 인코딩된 문자열을 반환해요.
+ * @param {number} [options.maxWidth=1024] - 이미지의 최대 너비를 나타내는 숫자 값이에요. 기본값은 `1024`예요.
  * @returns {Promise<ImageResponse>}
  * 촬영된 이미지 정보를 포함한 객체를 반환해요. 반환 객체의 구성은 다음과 같아요:
  * - `id`: 이미지의 고유 식별자예요.
@@ -507,6 +513,11 @@ interface OpenCameraOptions {
  */
 declare function openCamera(options?: OpenCameraOptions): Promise<ImageResponse>;
 
+interface WebViewProps extends Omit<WebViewProps$1, 'source' | 'sharedCookiesEnabled' | 'thirdPartyCookiesEnabled' | 'injectedJavaScriptBeforeContentLoaded'> {
+    localhostPort?: number;
+}
+declare function WebView({ localhostPort, onMessage, ...props }: WebViewProps): react_jsx_runtime.JSX.Element;
+
 type UseGeolocationOptions = Omit<StartUpdateLocationOptions, 'callback'>;
 /**
  * @public
@@ -554,4 +565,8 @@ type UseGeolocationOptions = Omit<StartUpdateLocationOptions, 'callback'>;
  */
 declare function useGeolocation({ accuracy, distanceInterval, timeInterval }: UseGeolocationOptions): Location | null;
 
-export { Accuracy, type ContactEntity, type FetchAlbumPhotosOptions, type GetCurrentLocationOptions, type ImageResponse, type Location, type OpenCameraOptions, type StartUpdateLocationOptions, type StartUpdateLocationSubscription, type UpdateLocationEventEmitter, type UseGeolocationOptions, fetchAlbumPhotos, fetchContacts, getClipboardText, getCurrentLocation, openCamera, setClipboardText, startUpdateLocation, useGeolocation };
+declare const env: {
+    getDeploymentId: () => string | undefined;
+};
+
+export { Accuracy, type ContactEntity, type FetchAlbumPhotosOptions, type GetCurrentLocationOptions, type ImageResponse, type Location, type OpenCameraOptions, type StartUpdateLocationOptions, type StartUpdateLocationSubscription, type UpdateLocationEventEmitter, type UseGeolocationOptions, WebView, type WebViewProps, env, fetchAlbumPhotos, fetchContacts, getClipboardText, getCurrentLocation, openCamera, setClipboardText, startUpdateLocation, useGeolocation };

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 import { EmitterSubscription } from 'react-native';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { WebViewProps as WebViewProps$1 } from '@react-native-bedrock/native/react-native-webview';
 
 interface EventEmitterSchema<K extends string, P extends unknown[]> {
     name: K;
@@ -80,10 +82,6 @@ interface StartUpdateLocationOptions {
      * 위치 변경 거리를 미터(m) 단위로 설정해요.
      */
     distanceInterval: number;
-    /**
-     * 위치 정보가 변경될 때 호출되는 콜백 함수예요.
-     */
-    callback: (location: Location) => void;
 }
 interface StartUpdateLocationSubscription extends EmitterSubscription {
     remove: () => Promise<void>;
@@ -126,16 +124,19 @@ interface UpdateLocationEventEmitter extends EventEmitterSchema<'updateLocation'
  *   const [location, setLocation] = useState(null);
  *
  *   useEffect(() => {
- *     const subscription = startUpdateLocation({
- *       accuracy: Accuracy.Default,
- *       timeInterval: 3000,
- *       distanceInterval: 10,
- *       callback: (location) => {
+ *     return startUpdateLocation({
+ *       options: {
+ *         accuracy: Accuracy.Default,
+ *         timeInterval: 3000,
+ *         distanceInterval: 10,
+ *       },
+ *       onEvent: (location) => {
  *         setLocation(location);
  *       },
+ *       onError: (error) => {
+ *         console.error('위치 정보를 가져오는데 실패했어요:', error);
+ *       },
  *     });
- *
- *     return () => subscription.remove();
  *   }, []);
  *
  *   if (location == null) {
@@ -155,7 +156,11 @@ interface UpdateLocationEventEmitter extends EventEmitterSchema<'updateLocation'
  * }
  * ```
  */
-declare function startUpdateLocation(options: StartUpdateLocationOptions): Promise<StartUpdateLocationSubscription>;
+declare function startUpdateLocation(eventParams: {
+    onEvent: (response: Location) => void;
+    onError: (error: unknown) => void;
+    options: StartUpdateLocationOptions;
+}): () => void;
 
 /**
  * @public
@@ -355,7 +360,7 @@ interface FetchAlbumPhotosOptions {
  *
  * ```tsx
  * import React, { useState } from 'react';
- * import { View, Text, Button } from 'react-native';
+ * import { View, Image, Button } from 'react-native';
  * import { fetchAlbumPhotos } from '@apps-in-toss/framework';
  *
  * // 앨범 사진 목록을 가져와 화면에 표시하는 컴포넌트
@@ -365,6 +370,7 @@ interface FetchAlbumPhotosOptions {
  *   const handlePress = async () => {
  *     try {
  *       const response = await fetchAlbumPhotos({
+ *         base64: true,
  *         maxWidth: 360,
  *       });
  *       setAlbumPhotos((prev) => ([...prev, ...response]));
@@ -375,8 +381,8 @@ interface FetchAlbumPhotosOptions {
  *
  *   return (
  *     <View>
- *       {albumPhotos.map((album) => (
- *         <Text key={album.id}>{album.dataUri}</Text>
+ *       {albumPhotos.map((image) => (
+ *         <Image source={{ uri: image.dataUri }} key={image.id} />
  *       ))}
  *       <Button title="앨범 가져오기" onPress={handlePress} />
  *     </View>
@@ -465,7 +471,7 @@ interface OpenCameraOptions {
  * @description 카메라를 실행해서 촬영된 이미지를 반환하는 함수예요.
  * @param {OpenCameraOptions} options - 카메라 실행 시 사용되는 옵션 객체예요.
  * @param {boolean} [options.base64=false] - 이미지를 Base64 형식으로 반환할지 여부를 나타내는 불리언 값이에요. 기본값은 `false`예요. `true`로 설정하면 `dataUri` 대신 Base64 인코딩된 문자열을 반환해요.
- * @param {boolean} [options.maxWidth=1024] - 이미지를 Base64 형식으로 반환할지 여부를 나타내는 불리언 값이에요. 기본값은 `false`예요. `true`로 설정하면 `dataUri` 대신 Base64 인코딩된 문자열을 반환해요.
+ * @param {number} [options.maxWidth=1024] - 이미지의 최대 너비를 나타내는 숫자 값이에요. 기본값은 `1024`예요.
  * @returns {Promise<ImageResponse>}
  * 촬영된 이미지 정보를 포함한 객체를 반환해요. 반환 객체의 구성은 다음과 같아요:
  * - `id`: 이미지의 고유 식별자예요.
@@ -507,6 +513,11 @@ interface OpenCameraOptions {
  */
 declare function openCamera(options?: OpenCameraOptions): Promise<ImageResponse>;
 
+interface WebViewProps extends Omit<WebViewProps$1, 'source' | 'sharedCookiesEnabled' | 'thirdPartyCookiesEnabled' | 'injectedJavaScriptBeforeContentLoaded'> {
+    localhostPort?: number;
+}
+declare function WebView({ localhostPort, onMessage, ...props }: WebViewProps): react_jsx_runtime.JSX.Element;
+
 type UseGeolocationOptions = Omit<StartUpdateLocationOptions, 'callback'>;
 /**
  * @public
@@ -554,4 +565,8 @@ type UseGeolocationOptions = Omit<StartUpdateLocationOptions, 'callback'>;
  */
 declare function useGeolocation({ accuracy, distanceInterval, timeInterval }: UseGeolocationOptions): Location | null;
 
-export { Accuracy, type ContactEntity, type FetchAlbumPhotosOptions, type GetCurrentLocationOptions, type ImageResponse, type Location, type OpenCameraOptions, type StartUpdateLocationOptions, type StartUpdateLocationSubscription, type UpdateLocationEventEmitter, type UseGeolocationOptions, fetchAlbumPhotos, fetchContacts, getClipboardText, getCurrentLocation, openCamera, setClipboardText, startUpdateLocation, useGeolocation };
+declare const env: {
+    getDeploymentId: () => string | undefined;
+};
+
+export { Accuracy, type ContactEntity, type FetchAlbumPhotosOptions, type GetCurrentLocationOptions, type ImageResponse, type Location, type OpenCameraOptions, type StartUpdateLocationOptions, type StartUpdateLocationSubscription, type UpdateLocationEventEmitter, type UseGeolocationOptions, WebView, type WebViewProps, env, fetchAlbumPhotos, fetchContacts, getClipboardText, getCurrentLocation, openCamera, setClipboardText, startUpdateLocation, useGeolocation };