@apps-in-toss/web-framework 0.0.22 → 0.0.24

package/dist/prebuilt/prod.json

@@ -1,14 +1,14 @@
 [
   {
     "platform": "ios",
-    "totalModuleCount": 1607,
-    "duration": 1126.545167,
-    "size": 427248
+    "totalModuleCount": 1609,
+    "duration": 1097.398,
+    "size": 1500613
   },
   {
     "platform": "android",
-    "totalModuleCount": 1607,
-    "duration": 1137.7411670000001,
-    "size": 426627
+    "totalModuleCount": 1609,
+    "duration": 1081.4454580000001,
+    "size": 1498616
   }
 ]

package/dist-web/index.d.ts

@@ -1,104 +1,2 @@
-export * from './bridge';
-export * from '@apps-in-toss/bridge-core';
-
-/**
- * @public
- * @category 저장소
- * @name Storage
- * @description 네이티브의 저장소를 사용해요.
- * @property {typeof getItem} [getItem] 모바일 앱의 로컬 저장소에서 아이템을 가져오는 함수예요. 자세한 내용은 [getItem](/react-native/reference/framework/저장소/getItem)을 참고하세요.
- * @property {typeof setItem} [setItem] 모바일 앱의 로컬 저장소에 아이템을 저장하는 함수예요. 자세한 내용은 [setItem](/react-native/reference/framework/저장소/setItem)을 참고하세요.
- * @property {typeof removeItem} [removeItem] 모바일 앱의 로컬 저장소에서 아이템을 삭제하는 함수예요. 자세한 내용은 [removeItem](/react-native/reference/framework/저장소/removeItem)을 참고하세요.
- * @property {typeof clearItems} [clearItems] 모바일 앱의 로컬 저장소를 초기화하는 함수예요. 자세한 내용은 [clearItems](/react-native/reference/framework/저장소/clearItems)을 참고하세요.
- */
-declare const Storage: {
-    /**
-     * @public
-     * @category 저장소
-     * @name getItem
-     * @description 모바일 앱의 로컬 저장소에서 문자열 데이터를 가져와요. 주로 앱이 종료되었다가 다시 시작해도 데이터가 유지되어야 하는 경우에 사용해요.
-     * @param {string} key - 가져올 아이템의 키를 입력해요.
-     * @returns {Promise<string | null>} 지정한 키에 저장된 문자열 값을 반환해요. 값이 없으면 `null`을 반환해요.
-     * @example
-     *
-     * ### `my-key`에 저장된 아이템 가져오기
-     * ```ts
-     * const value = await Storage.getItem('my-key');
-     * console.log(value); // 'value'
-     * ```
-     */
-    getItem: (args_0: string) => Promise<string | null>;
-    /**
-     * @public
-     * @category 저장소
-     * @name setItem
-     * @description 모바일 앱의 로컬 저장소에 문자열 데이터를 저장해요. 주로 앱이 종료되었다가 다시 시작해도 데이터가 유지되어야 하는 경우에 사용해요.
-     * @param {string} key - 저장할 아이템의 키를 입력해요.
-     * @param {string} value - 저장할 아이템의 값을 입력해요.
-     * @returns {Promise<void>} 아이템을 성공적으로 저장하면 아무 값도 반환하지 않아요.
-     * @example
-     *
-     * ### `my-key`에 아이템 저장하기
-     * ```ts
-     * import { Storage } from '@apps-in-toss/framework';
-     *
-     * await Storage.setItem('my-key', 'value');
-     * ```
-     */
-    setItem: (args_0: string, args_1: string) => Promise<void>;
-    /**
-     * @public
-     * @category 저장소
-     * @name removeItem
-     * @description 모바일 앱의 로컬 저장소에서 특정 키에 해당하는 아이템을 삭제해요.
-     * @param {string} key - 삭제할 아이템의 키를 입력해요.
-     * @returns {Promise<void>} 아이템을 삭제하면 아무 값도 반환하지 않아요.
-     * @example
-     *
-     * ### `my-key`에 저장된 아이템 삭제하기
-     * ```ts
-     * import { Storage } from '@apps-in-toss/framework';
-     *
-     * await Storage.removeItem('my-key');
-     * ```
-     */
-    removeItem: (args_0: string) => Promise<void>;
-    /**
-     * @public
-     * @category 저장소
-     * @name clearItems
-     * @description 모바일 앱의 로컬 저장소의 모든 아이템을 삭제해요.
-     * @returns {Promise<void>} 아이템을 삭제하면 아무 값도 반환하지 않고 저장소가 초기화돼요.
-     * @example
-     *
-     * ### 저장소 초기화하기
-     * ```ts
-     * import { Storage } from '@apps-in-toss/framework';
-     *
-     * await Storage.clearItems();
-     * ```
-     */
-    clearItems: (args_0: void) => Promise<void>;
-};
-
-declare function getSafeAreaInsets(): {
-    top: number;
-    bottom: number;
-};
-
-type BedrockEvent = {
-    backEvent: {
-        onEvent: () => void;
-        onError?: (error: Error) => void;
-        options?: void;
-    };
-};
-declare const bedrockEvent: {
-    addEventListener: <K extends "backEvent">(event: K, { onEvent, onError, options, }: {
-        onEvent: BedrockEvent[K]["onEvent"];
-        onError?: BedrockEvent[K]["onError"] | undefined;
-        options?: BedrockEvent[K]["options"] | undefined;
-    }) => () => void;
-};
-
-export { type BedrockEvent, Storage, bedrockEvent, getSafeAreaInsets };
+export * from '@apps-in-toss/web-bridge';
+export * from '@apps-in-toss/web-analytics';

package/dist-web/index.js

@@ -1,104 +1,2 @@
-export * from './bridge.js'
-
-// src-web/index.ts
-export * from "@apps-in-toss/bridge-core";
-
-// src-web/storage.ts
-import { createAsyncBridge } from "@apps-in-toss/bridge-core";
-var Storage = {
-  /**
-   * @public
-   * @category 저장소
-   * @name getItem
-   * @description 모바일 앱의 로컬 저장소에서 문자열 데이터를 가져와요. 주로 앱이 종료되었다가 다시 시작해도 데이터가 유지되어야 하는 경우에 사용해요.
-   * @param {string} key - 가져올 아이템의 키를 입력해요.
-   * @returns {Promise<string | null>} 지정한 키에 저장된 문자열 값을 반환해요. 값이 없으면 `null`을 반환해요.
-   * @example
-   *
-   * ### `my-key`에 저장된 아이템 가져오기
-   * ```ts
-   * const value = await Storage.getItem('my-key');
-   * console.log(value); // 'value'
-   * ```
-   */
-  getItem: createAsyncBridge("getStorageItem"),
-  /**
-   * @public
-   * @category 저장소
-   * @name setItem
-   * @description 모바일 앱의 로컬 저장소에 문자열 데이터를 저장해요. 주로 앱이 종료되었다가 다시 시작해도 데이터가 유지되어야 하는 경우에 사용해요.
-   * @param {string} key - 저장할 아이템의 키를 입력해요.
-   * @param {string} value - 저장할 아이템의 값을 입력해요.
-   * @returns {Promise<void>} 아이템을 성공적으로 저장하면 아무 값도 반환하지 않아요.
-   * @example
-   *
-   * ### `my-key`에 아이템 저장하기
-   * ```ts
-   * import { Storage } from '@apps-in-toss/framework';
-   *
-   * await Storage.setItem('my-key', 'value');
-   * ```
-   */
-  setItem: createAsyncBridge("setStorageItem"),
-  /**
-   * @public
-   * @category 저장소
-   * @name removeItem
-   * @description 모바일 앱의 로컬 저장소에서 특정 키에 해당하는 아이템을 삭제해요.
-   * @param {string} key - 삭제할 아이템의 키를 입력해요.
-   * @returns {Promise<void>} 아이템을 삭제하면 아무 값도 반환하지 않아요.
-   * @example
-   *
-   * ### `my-key`에 저장된 아이템 삭제하기
-   * ```ts
-   * import { Storage } from '@apps-in-toss/framework';
-   *
-   * await Storage.removeItem('my-key');
-   * ```
-   */
-  removeItem: createAsyncBridge("removeStorageItem"),
-  /**
-   * @public
-   * @category 저장소
-   * @name clearItems
-   * @description 모바일 앱의 로컬 저장소의 모든 아이템을 삭제해요.
-   * @returns {Promise<void>} 아이템을 삭제하면 아무 값도 반환하지 않고 저장소가 초기화돼요.
-   * @example
-   *
-   * ### 저장소 초기화하기
-   * ```ts
-   * import { Storage } from '@apps-in-toss/framework';
-   *
-   * await Storage.clearItems();
-   * ```
-   */
-  clearItems: createAsyncBridge("clearItems")
-};
-
-// src-web/getSafeAreaInsets.ts
-import { createConstantBridge } from "@apps-in-toss/bridge-core";
-var getSafeAreaBottom = createConstantBridge("getSafeAreaBottom");
-var getSafeAreaTop = createConstantBridge("getSafeAreaTop");
-function getSafeAreaInsets() {
-  return { top: getSafeAreaTop(), bottom: getSafeAreaBottom() };
-}
-
-// src-web/bedrockEvent.ts
-import { createEventBridge } from "@apps-in-toss/bridge-core";
-var bedrockEvent = {
-  addEventListener: (event, {
-    onEvent,
-    onError,
-    options
-  }) => createEventBridge(event)({
-    onEvent,
-    onError: onError ?? (() => {
-    }),
-    options
-  })
-};
-export {
-  Storage,
-  bedrockEvent,
-  getSafeAreaInsets
-};
+export * from '@apps-in-toss/web-bridge';
+export * from '@apps-in-toss/web-analytics';

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@apps-in-toss/web-framework",
   "type": "module",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "Web Framework for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
     "typecheck": "tsc --noEmit",
     "lint": "eslint .",
     "build": "tsup",
-    "test:no-parallel": "vitest --no-watch",
-    "sync-bridge": "bridgepack build"
+    "test": "vitest --no-watch",
+    "test:no-parallel": "vitest --no-watch --config=vitest.no-parallel.config.mts"
   },
   "main": "./dist-web/index.js",
   "types": "./dist-web/index.d.ts",
@@ -51,9 +51,7 @@
     "config.d.ts"
   ],
   "devDependencies": {
-    "@apps-in-toss-internal/bridgepack": "^0.0.22",
-    "@apps-in-toss/bridge-core": "workspace:*",
-    "@apps-in-toss/framework": "0.0.22",
+    "@apps-in-toss/framework": "0.0.24",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
     "@babel/plugin-proposal-numeric-separator": "^7.16.7",
@@ -69,10 +67,11 @@
     "@babel/types": "^7.26.9",
     "@clack/prompts": "^0.10.0",
     "@hono/node-server": "^1.13.8",
-    "@react-native-bedrock/cli": "0.0.21",
-    "@react-native-bedrock/mpack-next": "0.0.21",
-    "@react-native-bedrock/native": "0.0.21",
-    "@toss-design-system/react-native": "^0.5.1",
+    "@hono/node-ws": "^1.1.3",
+    "@react-native-bedrock/cli": "0.0.23",
+    "@react-native-bedrock/mpack-next": "0.0.23",
+    "@react-native-bedrock/native": "0.0.23",
+    "@toss-design-system/react-native": "^0.6.1",
     "@types/babel__core": "^7.20.5",
     "@types/babel__traverse": "^7",
     "@types/debug": "^4",
@@ -92,7 +91,7 @@
     "picocolors": "^1.1.1",
     "react": "18.2.0",
     "react-native": "0.72.6",
-    "react-native-bedrock": "0.0.21",
+    "react-native-bedrock": "0.0.23",
     "tsup": "^8.3.5",
     "typescript": "4.9.5",
     "uuidv7": "^1.0.2",
@@ -103,13 +102,15 @@
     "zod": "^3.24.1"
   },
   "dependencies": {
-    "@apps-in-toss/bridge-core": "0.0.22",
-    "@apps-in-toss/cli": "0.0.22",
-    "@apps-in-toss/plugins": "0.0.22",
+    "@apps-in-toss/bridge-core": "0.0.24",
+    "@apps-in-toss/cli": "0.0.24",
+    "@apps-in-toss/plugins": "0.0.24",
+    "@apps-in-toss/web-analytics": "0.0.24",
+    "@apps-in-toss/web-bridge": "0.0.24",
     "@babel/core": "7.23.9"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2a6cea952ba0db69fc2f0c9a94a190b9dfabe8ef"
+  "gitHead": "8a48e0a264315e510cc8e15b0db89b29e679a9ce"
 }

package/dist-web/appLogin.d.ts

@@ -1,30 +0,0 @@
-/**
- * @public
- * @category 로그인
- * @name appLogin
- * @description 토스 인증으로 로그인해요. 로그인이 완료되면 다시 토스 앱으로 이동해요.
- * @example
- *
- * ### 토스 인증을 통해 로그인을 하는 예제
- *
- * ```tsx
- * 
- * import { appLogin } from '@apps-in-toss/web-framework';
- *
- * function Page() {
- *   const handleLogin = async () => {
- *     const { authorizationCode, referrer } = await appLogin();
- *
- *     // 획득한 인가 코드(`authorizationCode`)와 `referrer`를 서버로 전달해요.
- *   }
- *
- *   return <input type="button" value="로그인" onClick={handleLogin} />;
- * }
- * ```
- */
-export declare function appLogin(): Promise<{
-	authorizationCode: string;
-	referrer: "DEFAULT" | "SANDBOX";
-}>;
-
-export {};

package/dist-web/bridge.d.ts

@@ -1,25 +0,0 @@
-export * from './closeView';
-export * from './generateHapticFeedback';
-export * from './share';
-export * from './setSecureScreen';
-export * from './setScreenAwakeMode';
-export * from './getNetworkStatus';
-export * from './setIosSwipeGestureEnabled';
-export * from './openURL';
-export * from './getLocale';
-export * from './getSchemeUri';
-export * from './getPlatformOS';
-export * from './setClipboardText';
-export * from './getClipboardText';
-export * from './fetchContacts';
-export * from './fetchAlbumPhotos';
-export * from './getCurrentLocation';
-export * from './openCamera';
-export * from './appLogin';
-export * from './checkoutPayment';
-export * from './executePayment';
-export * from './getTossShareLink';
-export * from './getOperationalEnvironment';
-export * from './getTossAppVersion';
-export * from './getDeviceId';
-export * from './startUpdateLocation';

package/dist-web/bridge.js

@@ -1 +0,0 @@
-import{createAsyncBridge,createConstantBridge,createEventBridge}from"@apps-in-toss/bridge-core";var createEvents=function(){return{emit:function emit(event,args){for(var callbacks=this.events[event]||[],i=0,length=callbacks.length;i<length;i++){callbacks[i](args)}},events:{},on:function on(event,cb){var _this=this;var _this_events,_event;((_this_events=this.events)[_event=event]||(_this_events[_event]=[])).push(cb);return function(){var _this_events_event;_this.events[event]=(_this_events_event=_this.events[event])===null||_this_events_event===void 0?void 0:_this_events_event.filter(function(i){return cb!==i})}}}};if(typeof window!=="undefined"){window.__BEDROCK_NATIVE_EMITTER=createEvents()}export var closeView=createAsyncBridge("closeView");export var generateHapticFeedback=createAsyncBridge("generateHapticFeedback");export var share=createAsyncBridge("share");export var setSecureScreen=createAsyncBridge("setSecureScreen");export var setScreenAwakeMode=createAsyncBridge("setScreenAwakeMode");export var getNetworkStatus=createAsyncBridge("getNetworkStatus");export var setIosSwipeGestureEnabled=createAsyncBridge("setIosSwipeGestureEnabled");export var openURL=createAsyncBridge("openURL");export var getLocale=createConstantBridge("getLocale");export var getSchemeUri=createConstantBridge("getSchemeUri");export var getPlatformOS=createConstantBridge("getPlatformOS");export var setClipboardText=createAsyncBridge("setClipboardText");export var getClipboardText=createAsyncBridge("getClipboardText");export var fetchContacts=createAsyncBridge("fetchContacts");export var fetchAlbumPhotos=createAsyncBridge("fetchAlbumPhotos");export var Accuracy=function(Accuracy){Accuracy[Accuracy["Lowest"]=1]="Lowest";Accuracy[Accuracy["Low"]=2]="Low";Accuracy[Accuracy["Balanced"]=3]="Balanced";Accuracy[Accuracy["High"]=4]="High";Accuracy[Accuracy["Highest"]=5]="Highest";Accuracy[Accuracy["BestForNavigation"]=6]="BestForNavigation";return Accuracy}({});export var getCurrentLocation=createAsyncBridge("getCurrentLocation");export var openCamera=createAsyncBridge("openCamera");export var appLogin=createAsyncBridge("appLogin");export var checkoutPayment=createAsyncBridge("checkoutPayment");export var executePayment=createAsyncBridge("executePayment");export var getTossShareLink=createAsyncBridge("getTossShareLink");export var getOperationalEnvironment=createConstantBridge("getOperationalEnvironment");export var getTossAppVersion=createConstantBridge("getTossAppVersion");export var getDeviceId=createConstantBridge("getDeviceId");export var startUpdateLocation=createEventBridge("startUpdateLocation");

package/dist-web/checkoutPayment.d.ts

@@ -1,125 +0,0 @@
-/**
- * @public
- * @category 토스페이
- * @name CheckoutPaymentOptions
- * @description 토스페이 결제를 생성할 때 필요한 옵션 객체예요.
- * @property {string} orderNo 가맹점의 상품 주문번호예요.
- * @property {string} productDesc 상품 설명이에요.
- * @property {number} amount 결제 금액이에요.
- * @property {number} amountTaxFree 결제 금액 중 비과세 금액이에요.
- * @property {number} [amountTaxable] 결제 금액 중 과세 금액이에요.
- * @property {number} [amountVat] 결제 금액 중 부가세예요.
- * @property {number} [amountServiceFee] 결제 금액 중 봉사료예요.
- * @property {'TOSS_MONEY' | 'CARD' | null} [enablePayMethods] 결제수단 구분 변수예요. (TOSS_MONEY: 토스머니만, CARD: 카드만, null: 기본 결제수단)
- * @property {boolean} [cashReceipt] 현금영수증 발급 가능 여부예요.
- * @property {'CULTURE' | 'GENERAL' | 'PUBLIC_TP'} [cashReceiptTradeOption] 현금영수증 발급 타입이에요. (CULTURE: 문화비, GENERAL: 일반, PUBLIC_TP: 교통비)
- * @property {'USE' | 'NO_USE'} [installment] 할부를 사용할 지 말 지 여부에요. (USE: 사용, NO_USE: 할부 미사용)
- */
-export interface CheckoutPaymentOptions {
-	/**
-	 * 가맹점의 상품 주문번호에요.
-	 */
-	orderNo: string;
-	/**
-	 * 상품 설명이에요.
-	 */
-	productDesc: string;
-	/**
-	 * 결제 금액이예요.
-	 */
-	amount: number;
-	/**
-	 * 결제 금액 중 비과세 금액이에요.
-	 */
-	amountTaxFree: number;
-	/**
-	 * 결제 금액 중 과세 금액이에요.
-	 */
-	amountTaxable?: number;
-	/**
-	 * 결제 금액 중 부가세예요.
-	 */
-	amountVat?: number;
-	/**
-	 * 결제 금액 중 봉사료예요.
-	 */
-	amountServiceFee?: number;
-	/**
-	 * 결제수단 구분 변수예요.
-	 *
-	 * - 'TOSS_MONEY': 결제수단 중 토스머니만 노출
-	 * - 'CARD': 결제수단 중 카드만 노출
-	 * - null: 상점에 설정된 기본 결제 수단 노출
-	 */
-	enablePayMethods?: "TOSS_MONEY" | "CARD" | null;
-	/**
-	 * 현금영수증 발급 가능 여부예요.
-	 */
-	cashReceipt?: boolean;
-	/**
-	 * 현금영수증 발급 타입이에요.
-	 *
-	 * - 'CULTURE': 문화비
-	 * - 'GENERAL': 일반(기본값)
-	 * - 'PUBLIC_TP': 교통비
-	 */
-	cashReceiptTradeOption?: "CULTURE" | "GENERAL" | "PUBLIC_TP";
-	/**
-	 * 할부를 사용할 지 말 지 여부에요.
-	 *
-	 * - 'USE': 사용(기본값)
-	 * - 'NO_USE': 할부 미사용
-	 */
-	installment?: "USE" | "NO_USE";
-}
-/**
- * @public
- * @category 토스페이
- * @name checkoutPayment
- * @description 토스페이 결제를 생성하는 함수예요.
- *
- * @param {CheckoutPaymentOptions} options 결제를 생성할 때 필요한 옵션 객체예요.
- * @param {string} options.orderNo 가맹점의 상품 주문번호예요.
- * @param {string} options.productDesc 상품 설명이에요.
- * @param {number} options.amount 결제 금액이에요.
- * @param {number} options.amountTaxFree 결제 금액 중 비과세 금액이에요.
- * @param {number} [options.amountTaxable] 결제 금액 중 과세 금액이에요.
- * @param {number} [options.amountVat] 결제 금액 중 부가세예요.
- * @param {number} [options.amountServiceFee] 결제 금액 중 봉사료예요.
- * @param {'TOSS_MONEY' | 'CARD' | null} [options.enablePayMethods] 결제수단 구분 변수예요. (TOSS_MONEY: 토스머니만, CARD: 카드만, null: 기본 결제수단)
- * @param {boolean} [options.cashReceipt] 현금영수증 발급 가능 여부예요.
- * @param {'CULTURE' | 'GENERAL' | 'PUBLIC_TP'} [options.cashReceiptTradeOption] 현금영수증 발급 타입이에요. (CULTURE: 문화비, GENERAL: 일반, PUBLIC_TP: 교통비)
- * @param {'USE' | 'NO_USE'} [options.installment] 할부를 사용할 지 말 지 여부에요. (USE: 사용, NO_USE: 할부 미사용)
- * @returns {Promise<{ payToken: string }>} 결제 인증 후 발급된 결제 토큰 값이 포함된 객체를 반환해요.
- *
- * @example
- * ### 결제 생성하기
- *
- * ```tsx
- * import { TossPay } from '@apps-in-toss/web-framework';
- *
- * async function handlePayment() {
- *   try {
- *     const result = await TossPay.checkoutPayment({
- *       orderNo: 'ORDER_12345',
- *       productDesc: '티셔츠',
- *       amount: 15000,
- *       amountTaxFree: 0,
- *       amountTaxable: 13636,
- *       amountVat: 1364,
- *       enablePayMethods: 'CARD',
- *       installment: 'USE'
- *     });
- *
- *     console.log('결제 토큰:', result.payToken);
- *   } catch (error) {
- *     console.error('결제 생성에 실패했어요:', error);
- *   }
- * }
- * ```
- */
-export declare function checkoutPayment(options: CheckoutPaymentOptions): Promise<{
-	payToken: string;
-}>;
-
-export {};

package/dist-web/closeView.d.ts

@@ -1,23 +0,0 @@
-/**
- * @public
- * @category 화면 제어
- * @kind function
- * @name closeView
- * @description 현재 화면을 닫는 함수에요. 예를 들어, "닫기" 버튼을 눌러서 서비스를 종료할 때 사용할 수 있어요.
- * @returns {Promise<void>}
- *
- * @example
- * ### 닫기 버튼을 눌러 화면 닫기
- *
- * ```tsx
- * 
- * import { closeView } from '@apps-in-toss/web-framework';
- *
- * function CloseButton() {
- *  return <input type="button" value="닫기" onClick={closeView} />;
- * }
- * ```
- */
-export declare function closeView(): Promise<void>;
-
-export {};