@apps-in-toss/framework 1.13.0 → 1.14.0

package/dist/index.cjs

@@ -38,7 +38,9 @@ __export(src_exports, {
   OverlayProvider: () => import_private10.OverlayProvider,
   WebView: () => WebView,
   env: () => env,
+  homeEvent: () => homeEvent,
   loadFullScreenAd: () => loadFullScreenAd,
+  safeAreaInsetsChange: () => safeAreaInsetsChange,
   showFullScreenAd: () => showFullScreenAd,
   useCreateUserAgent: () => useCreateUserAgent,
   useGeolocation: () => useGeolocation,
@@ -741,6 +743,46 @@ function useCloseConfirm() {
   );
 }
 
+// src/utils/eventEmitter.ts
+var EventEmitter = class {
+  listeners = {};
+  subscribe(event, listener) {
+    if (!this.listeners[event]) {
+      this.listeners[event] = [];
+    }
+    this.listeners[event].push(listener);
+    return () => {
+      this.listeners[event] = this.listeners[event]?.filter((l) => l !== listener) ?? [];
+    };
+  }
+  hasSubscriptions(event) {
+    return this.listeners[event] != null && this.listeners[event].length > 0;
+  }
+  clearSubscriptions(event) {
+    this.listeners[event] = [];
+  }
+  emit(event, ...args) {
+    if (!this.listeners[event]) {
+      return;
+    }
+    this.listeners[event].forEach((listener) => listener(...args));
+  }
+};
+var eventEmitter = new EventEmitter();
+function createEvent(event) {
+  return {
+    name: event,
+    subscribe: (listener) => eventEmitter.subscribe(event, listener),
+    hasSubscriptions: () => eventEmitter.hasSubscriptions(event),
+    clearSubscriptions: () => eventEmitter.clearSubscriptions(event),
+    emit: (data) => eventEmitter.emit(event, data)
+  };
+}
+
+// src/events.ts
+var homeEvent = createEvent("homeEvent");
+var safeAreaInsetsChange = createEvent("safeAreaInsetsChange");
+
 // src/components/NavigationBar/common/useNavigationBarLogging.tsx
 var import_native_modules7 = require("@apps-in-toss/native-modules");
 var import_react_native13 = require("@granite-js/react-native");
@@ -855,7 +897,11 @@ function useNavigationEvent() {
       },
       handleHomeButtonClick: () => {
         logging.homeButtonClick();
-        navigation.navigate("/");
+        if (homeEvent.hasSubscriptions()) {
+          homeEvent.emit({});
+        } else {
+          navigation.navigate("/");
+        }
       },
       handleCloseButtonClick: () => {
         logging.closeButtonClick();
@@ -2095,40 +2141,18 @@ function parseNativeEventData(data) {
   }
 }
 
-// src/core/hooks/useSafeAreaInsetsEmitter.tsx
+// src/core/hooks/useSafeAreaInsetsEvent.tsx
 var import_react_native_safe_area_context3 = require("@granite-js/native/react-native-safe-area-context");
 var import_react23 = require("react");
-var EventEmitter = class {
-  listeners = {};
-  on(event, listener) {
-    if (!this.listeners[event]) {
-      this.listeners[event] = [];
-    }
-    this.listeners[event].push(listener);
-  }
-  emit(event, ...args) {
-    if (!this.listeners[event]) {
-      return;
-    }
-    this.listeners[event].forEach((listener) => listener(...args));
-  }
-  off(event, listener) {
-    if (!this.listeners[event]) {
-      return;
-    }
-    this.listeners[event] = this.listeners[event].filter((l) => l !== listener);
-  }
-};
-function useSafeAreaInsetsEmitter() {
+function useSafeAreaInsetsEvent() {
   const insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
-  const emitter = (0, import_react23.useMemo)(() => new EventEmitter(), []);
   (0, import_react23.useEffect)(() => {
-    emitter.emit("safeAreaInsetsChange", insets);
-    return () => {
-      emitter.off("safeAreaInsetsChange", (listener) => listener(insets));
-    };
-  }, [emitter, insets]);
-  return emitter;
+    safeAreaInsetsChange.emit(insets);
+  }, [insets]);
+  (0, import_react23.useEffect)(() => {
+    return () => safeAreaInsetsChange.clearSubscriptions();
+  }, []);
+  return safeAreaInsetsChange;
 }
 
 // src/core/hooks/useWebBackHandler.tsx
@@ -2241,10 +2265,8 @@ function useWebBackHandler(webViewInitialURL, webViewRef) {
   ]);
   const handleWebHome = (0, import_react25.useCallback)(() => {
     logging.homeButtonClick();
-    if (hasWebBackEvent) {
-      for (const handler of webBackHandlersRef) {
-        handler();
-      }
+    if (homeEvent.hasSubscriptions()) {
+      homeEvent.emit({});
       return;
     }
     webViewRef.current?.injectJavaScript(`
@@ -2621,7 +2643,7 @@ function WebView({ type, local, onMessage, ...props }) {
   const insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
   const global2 = getAppsInTossGlobals();
   const navigationBarContext = useNavigationBarContext();
-  const safeAreaInsetsEmitter = useSafeAreaInsetsEmitter();
+  const safeAreaInsetsEvent = useSafeAreaInsetsEvent();
   const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = (0, import_react28.useState)(
     props.allowsBackForwardNavigationGestures
   );
@@ -2636,13 +2658,9 @@ function WebView({ type, local, onMessage, ...props }) {
           webBackHandler.removeEventListener(onEvent);
         };
       },
+      homeEvent: ({ onEvent }) => homeEvent.subscribe(onEvent),
       updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules24.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
-      safeAreaInsetsChange: ({ onEvent }) => {
-        safeAreaInsetsEmitter.on("safeAreaInsetsChange", onEvent);
-        return () => {
-          safeAreaInsetsEmitter.off("safeAreaInsetsChange", onEvent);
-        };
-      },
+      safeAreaInsetsChange: ({ onEvent }) => safeAreaInsetsEvent.subscribe(onEvent),
       /** @internal */
       appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules24.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMobV2 */
@@ -4086,7 +4104,9 @@ var Analytics2 = {
   OverlayProvider,
   WebView,
   env,
+  homeEvent,
   loadFullScreenAd,
+  safeAreaInsetsChange,
   showFullScreenAd,
   useCreateUserAgent,
   useGeolocation,

package/dist/index.d.cts

@@ -9,6 +9,7 @@ import { ExternalWebViewScreenProps } from '@toss/tds-react-native';
 import { StartUpdateLocationOptions, Location, LoadFullScreenAdParams, ShowFullScreenAdParams } from '@apps-in-toss/types';
 export * from '@apps-in-toss/types';
 export { FetchTossAdOptions, LoadFullScreenAdEvent, LoadFullScreenAdOptions, LoadFullScreenAdParams, ShowFullScreenAdEvent, ShowFullScreenAdOptions, ShowFullScreenAdParams, TossAdEventLogParams } from '@apps-in-toss/types';
+import { EdgeInsets } from '@granite-js/native/react-native-safe-area-context';
 import { onVisibilityChangedByTransparentServiceWeb } from '@apps-in-toss/native-modules';
 export * from '@apps-in-toss/native-modules';
 export { OverlayProvider, useOverlay } from '@toss/tds-react-native/private';
@@ -171,6 +172,21 @@ declare const env: {
     getAppName: () => string;
 };
 
+declare const homeEvent: {
+    name: string;
+    subscribe: (listener: (data: any) => void) => () => void;
+    hasSubscriptions: () => boolean;
+    clearSubscriptions: () => void;
+    emit: (data: any) => void;
+};
+declare const safeAreaInsetsChange: {
+    name: string;
+    subscribe: (listener: (data: EdgeInsets) => void) => () => void;
+    hasSubscriptions: () => boolean;
+    clearSubscriptions: () => void;
+    emit: (data: EdgeInsets) => void;
+};
+
 declare const INTERNAL__onVisibilityChangedByTransparentServiceWeb: typeof onVisibilityChangedByTransparentServiceWeb;
 
 declare const loadFullScreenAd: {
@@ -238,4 +254,4 @@ declare const Analytics: {
     Area: ({ children, params: _params, ...props }: _apps_in_toss_analytics.LoggingAreaProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { type AdError, Analytics, AppsInToss, type BannerSlotCallbacks, type BannerSlotErrorPayload, type BannerSlotEventPayload, type ExternalWebViewProps, type GameWebViewProps, INTERNAL__onVisibilityChangedByTransparentServiceWeb, InlineAd, type InlineAdProps, type InlineAdTheme, type InlineAdTone, type InlineAdVariant, type PartnerWebViewProps, type UseGeolocationOptions, WebView, type WebViewProps, env, loadFullScreenAd, showFullScreenAd, useCreateUserAgent, useGeolocation, useTopNavigation, useWaitForReturnNavigator };
+export { type AdError, Analytics, AppsInToss, type BannerSlotCallbacks, type BannerSlotErrorPayload, type BannerSlotEventPayload, type ExternalWebViewProps, type GameWebViewProps, INTERNAL__onVisibilityChangedByTransparentServiceWeb, InlineAd, type InlineAdProps, type InlineAdTheme, type InlineAdTone, type InlineAdVariant, type PartnerWebViewProps, type UseGeolocationOptions, WebView, type WebViewProps, env, homeEvent, loadFullScreenAd, safeAreaInsetsChange, showFullScreenAd, useCreateUserAgent, useGeolocation, useTopNavigation, useWaitForReturnNavigator };

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import { ExternalWebViewScreenProps } from '@toss/tds-react-native';
 import { StartUpdateLocationOptions, Location, LoadFullScreenAdParams, ShowFullScreenAdParams } from '@apps-in-toss/types';
 export * from '@apps-in-toss/types';
 export { FetchTossAdOptions, LoadFullScreenAdEvent, LoadFullScreenAdOptions, LoadFullScreenAdParams, ShowFullScreenAdEvent, ShowFullScreenAdOptions, ShowFullScreenAdParams, TossAdEventLogParams } from '@apps-in-toss/types';
+import { EdgeInsets } from '@granite-js/native/react-native-safe-area-context';
 import { onVisibilityChangedByTransparentServiceWeb } from '@apps-in-toss/native-modules';
 export * from '@apps-in-toss/native-modules';
 export { OverlayProvider, useOverlay } from '@toss/tds-react-native/private';
@@ -171,6 +172,21 @@ declare const env: {
     getAppName: () => string;
 };
 
+declare const homeEvent: {
+    name: string;
+    subscribe: (listener: (data: any) => void) => () => void;
+    hasSubscriptions: () => boolean;
+    clearSubscriptions: () => void;
+    emit: (data: any) => void;
+};
+declare const safeAreaInsetsChange: {
+    name: string;
+    subscribe: (listener: (data: EdgeInsets) => void) => () => void;
+    hasSubscriptions: () => boolean;
+    clearSubscriptions: () => void;
+    emit: (data: EdgeInsets) => void;
+};
+
 declare const INTERNAL__onVisibilityChangedByTransparentServiceWeb: typeof onVisibilityChangedByTransparentServiceWeb;
 
 declare const loadFullScreenAd: {
@@ -238,4 +254,4 @@ declare const Analytics: {
     Area: ({ children, params: _params, ...props }: _apps_in_toss_analytics.LoggingAreaProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { type AdError, Analytics, AppsInToss, type BannerSlotCallbacks, type BannerSlotErrorPayload, type BannerSlotEventPayload, type ExternalWebViewProps, type GameWebViewProps, INTERNAL__onVisibilityChangedByTransparentServiceWeb, InlineAd, type InlineAdProps, type InlineAdTheme, type InlineAdTone, type InlineAdVariant, type PartnerWebViewProps, type UseGeolocationOptions, WebView, type WebViewProps, env, loadFullScreenAd, showFullScreenAd, useCreateUserAgent, useGeolocation, useTopNavigation, useWaitForReturnNavigator };
+export { type AdError, Analytics, AppsInToss, type BannerSlotCallbacks, type BannerSlotErrorPayload, type BannerSlotEventPayload, type ExternalWebViewProps, type GameWebViewProps, INTERNAL__onVisibilityChangedByTransparentServiceWeb, InlineAd, type InlineAdProps, type InlineAdTheme, type InlineAdTone, type InlineAdVariant, type PartnerWebViewProps, type UseGeolocationOptions, WebView, type WebViewProps, env, homeEvent, loadFullScreenAd, safeAreaInsetsChange, showFullScreenAd, useCreateUserAgent, useGeolocation, useTopNavigation, useWaitForReturnNavigator };

package/dist/index.js

@@ -707,6 +707,46 @@ function useCloseConfirm() {
   );
 }
 
+// src/utils/eventEmitter.ts
+var EventEmitter = class {
+  listeners = {};
+  subscribe(event, listener) {
+    if (!this.listeners[event]) {
+      this.listeners[event] = [];
+    }
+    this.listeners[event].push(listener);
+    return () => {
+      this.listeners[event] = this.listeners[event]?.filter((l) => l !== listener) ?? [];
+    };
+  }
+  hasSubscriptions(event) {
+    return this.listeners[event] != null && this.listeners[event].length > 0;
+  }
+  clearSubscriptions(event) {
+    this.listeners[event] = [];
+  }
+  emit(event, ...args) {
+    if (!this.listeners[event]) {
+      return;
+    }
+    this.listeners[event].forEach((listener) => listener(...args));
+  }
+};
+var eventEmitter = new EventEmitter();
+function createEvent(event) {
+  return {
+    name: event,
+    subscribe: (listener) => eventEmitter.subscribe(event, listener),
+    hasSubscriptions: () => eventEmitter.hasSubscriptions(event),
+    clearSubscriptions: () => eventEmitter.clearSubscriptions(event),
+    emit: (data) => eventEmitter.emit(event, data)
+  };
+}
+
+// src/events.ts
+var homeEvent = createEvent("homeEvent");
+var safeAreaInsetsChange = createEvent("safeAreaInsetsChange");
+
 // src/components/NavigationBar/common/useNavigationBarLogging.tsx
 import { INTERNAL__module as INTERNAL__module4 } from "@apps-in-toss/native-modules";
 import { Granite as Granite4 } from "@granite-js/react-native";
@@ -821,7 +861,11 @@ function useNavigationEvent() {
       },
       handleHomeButtonClick: () => {
         logging.homeButtonClick();
-        navigation.navigate("/");
+        if (homeEvent.hasSubscriptions()) {
+          homeEvent.emit({});
+        } else {
+          navigation.navigate("/");
+        }
       },
       handleCloseButtonClick: () => {
         logging.closeButtonClick();
@@ -1416,7 +1460,7 @@ import { useSafeAreaInsets as useSafeAreaInsets4 } from "@granite-js/native/reac
 import { getSchemeUri as getSchemeUri8 } from "@granite-js/react-native";
 import { ExternalWebViewScreen, tdsEvent } from "@toss/tds-react-native";
 import { useSafeAreaBottom, useSafeAreaTop as useSafeAreaTop3 } from "@toss/tds-react-native/private";
-import { useEffect as useEffect13, useMemo as useMemo7, useRef as useRef6, useState as useState6 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo6, useRef as useRef6, useState as useState6 } from "react";
 import { BackHandler as BackHandler2, Linking, NativeModules as NativeModules3, Platform as Platform6 } from "react-native";
 
 // src/components/GameWebView.tsx
@@ -2082,50 +2126,28 @@ function parseNativeEventData(data) {
   }
 }
 
-// src/core/hooks/useSafeAreaInsetsEmitter.tsx
+// src/core/hooks/useSafeAreaInsetsEvent.tsx
 import { useSafeAreaInsets as useSafeAreaInsets3 } from "@granite-js/native/react-native-safe-area-context";
-import { useEffect as useEffect11, useMemo as useMemo4 } from "react";
-var EventEmitter = class {
-  listeners = {};
-  on(event, listener) {
-    if (!this.listeners[event]) {
-      this.listeners[event] = [];
-    }
-    this.listeners[event].push(listener);
-  }
-  emit(event, ...args) {
-    if (!this.listeners[event]) {
-      return;
-    }
-    this.listeners[event].forEach((listener) => listener(...args));
-  }
-  off(event, listener) {
-    if (!this.listeners[event]) {
-      return;
-    }
-    this.listeners[event] = this.listeners[event].filter((l) => l !== listener);
-  }
-};
-function useSafeAreaInsetsEmitter() {
+import { useEffect as useEffect11 } from "react";
+function useSafeAreaInsetsEvent() {
   const insets = useSafeAreaInsets3();
-  const emitter = useMemo4(() => new EventEmitter(), []);
   useEffect11(() => {
-    emitter.emit("safeAreaInsetsChange", insets);
-    return () => {
-      emitter.off("safeAreaInsetsChange", (listener) => listener(insets));
-    };
-  }, [emitter, insets]);
-  return emitter;
+    safeAreaInsetsChange.emit(insets);
+  }, [insets]);
+  useEffect11(() => {
+    return () => safeAreaInsetsChange.clearSubscriptions();
+  }, []);
+  return safeAreaInsetsChange;
 }
 
 // src/core/hooks/useWebBackHandler.tsx
 import { closeView as closeView6, useBackEventState } from "@granite-js/react-native";
 import { useDialog as useDialog7 } from "@toss/tds-react-native";
 import { josa as josa5 } from "es-hangul";
-import { useCallback as useCallback12, useMemo as useMemo6 } from "react";
+import { useCallback as useCallback12, useMemo as useMemo5 } from "react";
 
 // src/hooks/useWebviewHistoryStack.tsx
-import { useCallback as useCallback11, useMemo as useMemo5, useReducer } from "react";
+import { useCallback as useCallback11, useMemo as useMemo4, useReducer } from "react";
 var INITIAL_STATE = { stack: [], index: -1 };
 function reducer(state, action) {
   switch (action.type) {
@@ -2160,7 +2182,7 @@ function useWebViewHistory() {
   const onNavigationStateChange = useCallback11(({ url, canGoForward: canGoForward2 }) => {
     dispatch({ type: "NAVIGATION_CHANGE", url, canGoForward: canGoForward2 });
   }, []);
-  const { canGoBack, canGoForward } = useMemo5(() => {
+  const { canGoBack, canGoForward } = useMemo4(() => {
     const canBack = state.index > 0;
     const canFwd = state.index >= 0 && state.index < state.stack.length - 1;
     return { canGoBack: canBack, canGoForward: canFwd };
@@ -2228,10 +2250,8 @@ function useWebBackHandler(webViewInitialURL, webViewRef) {
   ]);
   const handleWebHome = useCallback12(() => {
     logging.homeButtonClick();
-    if (hasWebBackEvent) {
-      for (const handler of webBackHandlersRef) {
-        handler();
-      }
+    if (homeEvent.hasSubscriptions()) {
+      homeEvent.emit({});
       return;
     }
     webViewRef.current?.injectJavaScript(`
@@ -2241,7 +2261,7 @@ function useWebBackHandler(webViewInitialURL, webViewRef) {
     })();
     `);
   }, [hasWebBackEvent, webBackHandlersRef, logging, webViewInitialURL, webViewRef]);
-  return useMemo6(
+  return useMemo5(
     () => ({ addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange }),
     [addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange]
   );
@@ -2601,14 +2621,14 @@ function WebView({ type, local, onMessage, ...props }) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
   const webViewRef = useRef6(null);
-  const url = useMemo7(() => getWebViewURL(local), [local]);
+  const url = useMemo6(() => getWebViewURL(local), [local]);
   const webBackHandler = useWebBackHandler(url, webViewRef);
   const top = useSafeAreaTop3();
   const bottom = useSafeAreaBottom();
   const insets = useSafeAreaInsets4();
   const global2 = getAppsInTossGlobals();
   const navigationBarContext = useNavigationBarContext();
-  const safeAreaInsetsEmitter = useSafeAreaInsetsEmitter();
+  const safeAreaInsetsEvent = useSafeAreaInsetsEvent();
   const [allowsBackForwardNavigationGestures, setAllowsBackForwardNavigationGestures] = useState6(
     props.allowsBackForwardNavigationGestures
   );
@@ -2623,13 +2643,9 @@ function WebView({ type, local, onMessage, ...props }) {
           webBackHandler.removeEventListener(onEvent);
         };
       },
+      homeEvent: ({ onEvent }) => homeEvent.subscribe(onEvent),
       updateLocationEvent: ({ onEvent, onError, options }) => appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
-      safeAreaInsetsChange: ({ onEvent }) => {
-        safeAreaInsetsEmitter.on("safeAreaInsetsChange", onEvent);
-        return () => {
-          safeAreaInsetsEmitter.off("safeAreaInsetsChange", onEvent);
-        };
-      },
+      safeAreaInsetsChange: ({ onEvent }) => safeAreaInsetsEvent.subscribe(onEvent),
       /** @internal */
       appBridgeCallbackEvent: ({ onEvent, onError, options }) => appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMobV2 */
@@ -2712,7 +2728,7 @@ function WebView({ type, local, onMessage, ...props }) {
       }
     }
   });
-  const headerPropForExternalWebView = useMemo7(() => {
+  const headerPropForExternalWebView = useMemo6(() => {
     const parsedNavigationBar = global2.navigationBar != null ? safeParseNavigationBar(global2.navigationBar) : null;
     const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
     const withBackButton = parsedNavigationBar?.withBackButton ?? true;
@@ -4080,7 +4096,9 @@ export {
   OverlayProvider,
   WebView,
   env,
+  homeEvent,
   loadFullScreenAd,
+  safeAreaInsetsChange,
   showFullScreenAd,
   useCreateUserAgent,
   useGeolocation,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/framework",
   "type": "module",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "The framework for Apps In Toss",
   "scripts": {
     "typecheck": "tsc --noEmit",
@@ -55,12 +55,12 @@
     "ait": "./bin/ait.js"
   },
   "dependencies": {
-    "@apps-in-toss/analytics": "1.13.0",
-    "@apps-in-toss/cli": "1.13.0",
-    "@apps-in-toss/native-modules": "1.13.0",
-    "@apps-in-toss/plugins": "1.13.0",
-    "@apps-in-toss/types": "1.13.0",
-    "@apps-in-toss/user-scripts": "^1.13.0",
+    "@apps-in-toss/analytics": "1.14.0",
+    "@apps-in-toss/cli": "1.14.0",
+    "@apps-in-toss/native-modules": "1.14.0",
+    "@apps-in-toss/plugins": "1.14.0",
+    "@apps-in-toss/types": "1.14.0",
+    "@apps-in-toss/user-scripts": "^1.14.0",
     "es-hangul": "^2.3.2"
   },
   "devDependencies": {