@apps-in-toss/framework 1.8.0 → 1.8.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @apps-in-toss/framework
 
+## 1.8.1
+
+### Patch Changes
+
+[[AIT-3844]: 외부 사이트에서 네비바 홈 버튼을 누르면 해당 사이트의 루트가 아닌 미니앱의 루트로 이동하도록 수정](https://github.toss.bz/toss/apps-in-toss-sdk/pull/22)
+
+외부 사이트에서 네비바 홈 버튼을 누르면 미니앱 루트 페이지로 이동하도록 수정합니다.
+
 ## 1.8.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -2155,19 +2155,7 @@ function useWebViewHistory() {
 }
 
 // src/core/hooks/useWebBackHandler.tsx
-var HISTORY_BACK_SCRIPT = `
-(function() {
-  window.history.back();
-  true;
-})();
-`;
-var HISTORY_HOME_SCRIPT = `
-  (function() {
-    window.location.href = '/';
-    true;
-  })();
-`;
-function useWebBackHandler(webViewRef) {
+function useWebBackHandler(webViewInitialURL, webViewRef) {
   const { captureExitLog } = useCaptureExitLog();
   const { hasHistory, onNavigationStateChange } = useWebViewHistory();
   const {
@@ -2199,7 +2187,7 @@ function useWebBackHandler(webViewRef) {
       return;
     }
     if (hasHistory) {
-      webViewRef.current?.injectJavaScript(HISTORY_BACK_SCRIPT);
+      webViewRef.current?.injectJavaScript("window.history.back();");
     } else {
       const isConfirmed = await openConfirm({
         title: `${(0, import_es_hangul5.josa)(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -2232,8 +2220,13 @@ function useWebBackHandler(webViewRef) {
       }
       return;
     }
-    webViewRef.current?.injectJavaScript(HISTORY_HOME_SCRIPT);
-  }, [hasWebBackEvent, webBackHandlersRef, logging, webViewRef]);
+    webViewRef.current?.injectJavaScript(`
+    (function() {
+      const webBundleOrigin = '${webViewInitialURL.origin}';
+      window.location.href = window.location.origin === webBundleOrigin ? '/' : webBundleOrigin;
+    })();
+    `);
+  }, [hasWebBackEvent, webBackHandlersRef, logging, webViewInitialURL, webViewRef]);
   return (0, import_react25.useMemo)(
     () => ({ addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange }),
     [addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange]
@@ -2576,10 +2569,10 @@ function mergeSchemeQueryParamsInto(url) {
   }
   return baseUrl;
 }
-function getWebViewUri(local) {
+function getWebViewURL(local) {
   if (__DEV__) {
     const devUrl = `http://${local.host}:${local.port}`;
-    return mergeSchemeQueryParamsInto(devUrl).toString();
+    return mergeSchemeQueryParamsInto(devUrl);
   }
   const { url: rawUrl } = import_native_modules23.AppsInTossModule.getWebBundleURL({});
   const url = mergeSchemeQueryParamsInto(rawUrl);
@@ -2587,15 +2580,15 @@ function getWebViewUri(local) {
   if (deploymentId) {
     url.searchParams.set("_deploymentId", deploymentId);
   }
-  return url.toString();
+  return url;
 }
 function WebView({ type, local, onMessage, ...props }) {
   if (!TYPES.includes(type)) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
   const webViewRef = (0, import_react28.useRef)(null);
-  const webBackHandler = useWebBackHandler(webViewRef);
-  const uri = (0, import_react28.useMemo)(() => getWebViewUri(local), [local]);
+  const url = (0, import_react28.useMemo)(() => getWebViewURL(local), [local]);
+  const webBackHandler = useWebBackHandler(url, webViewRef);
   const top = (0, import_private9.useSafeAreaTop)();
   const bottom = (0, import_private9.useSafeAreaBottom)();
   const insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
@@ -2734,7 +2727,7 @@ function WebView({ type, local, onMessage, ...props }) {
       ...props,
       ...headerPropForExternalWebView,
       source: {
-        uri,
+        uri: url.href,
         // NOTE: https://github.com/react-native-webview/react-native-webview/pull/3133
         headers: {
           "User-Agent": userAgent
@@ -2760,11 +2753,11 @@ function WebView({ type, local, onMessage, ...props }) {
       allowsBackForwardNavigationGestures,
       onShouldStartLoadWithRequest: (event) => {
         try {
-          const url = new URL(event.url);
-          if (["https:", "http:"].includes(url.protocol) || url.href === "about:blank") {
+          const url2 = new URL(event.url);
+          if (["https:", "http:"].includes(url2.protocol) || url2.href === "about:blank") {
             return true;
           } else {
-            import_react_native39.Linking.openURL(convertIntentURL(url) ?? url.href);
+            import_react_native39.Linking.openURL(convertIntentURL(url2) ?? url2.href);
             return false;
           }
         } catch (error) {

package/dist/index.js

@@ -2142,19 +2142,7 @@ function useWebViewHistory() {
 }
 
 // src/core/hooks/useWebBackHandler.tsx
-var HISTORY_BACK_SCRIPT = `
-(function() {
-  window.history.back();
-  true;
-})();
-`;
-var HISTORY_HOME_SCRIPT = `
-  (function() {
-    window.location.href = '/';
-    true;
-  })();
-`;
-function useWebBackHandler(webViewRef) {
+function useWebBackHandler(webViewInitialURL, webViewRef) {
   const { captureExitLog } = useCaptureExitLog();
   const { hasHistory, onNavigationStateChange } = useWebViewHistory();
   const {
@@ -2186,7 +2174,7 @@ function useWebBackHandler(webViewRef) {
       return;
     }
     if (hasHistory) {
-      webViewRef.current?.injectJavaScript(HISTORY_BACK_SCRIPT);
+      webViewRef.current?.injectJavaScript("window.history.back();");
     } else {
       const isConfirmed = await openConfirm({
         title: `${josa5(global2.brandDisplayName, "\uC744/\uB97C")} \uC885\uB8CC\uD560\uAE4C\uC694?`,
@@ -2219,8 +2207,13 @@ function useWebBackHandler(webViewRef) {
       }
       return;
     }
-    webViewRef.current?.injectJavaScript(HISTORY_HOME_SCRIPT);
-  }, [hasWebBackEvent, webBackHandlersRef, logging, webViewRef]);
+    webViewRef.current?.injectJavaScript(`
+    (function() {
+      const webBundleOrigin = '${webViewInitialURL.origin}';
+      window.location.href = window.location.origin === webBundleOrigin ? '/' : webBundleOrigin;
+    })();
+    `);
+  }, [hasWebBackEvent, webBackHandlersRef, logging, webViewInitialURL, webViewRef]);
   return useMemo6(
     () => ({ addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange }),
     [addEventListener, removeEventListener, handleWebBack, handleWebHome, onNavigationStateChange]
@@ -2563,10 +2556,10 @@ function mergeSchemeQueryParamsInto(url) {
   }
   return baseUrl;
 }
-function getWebViewUri(local) {
+function getWebViewURL(local) {
   if (__DEV__) {
     const devUrl = `http://${local.host}:${local.port}`;
-    return mergeSchemeQueryParamsInto(devUrl).toString();
+    return mergeSchemeQueryParamsInto(devUrl);
   }
   const { url: rawUrl } = AppsInTossModule.getWebBundleURL({});
   const url = mergeSchemeQueryParamsInto(rawUrl);
@@ -2574,15 +2567,15 @@ function getWebViewUri(local) {
   if (deploymentId) {
     url.searchParams.set("_deploymentId", deploymentId);
   }
-  return url.toString();
+  return url;
 }
 function WebView({ type, local, onMessage, ...props }) {
   if (!TYPES.includes(type)) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
   const webViewRef = useRef6(null);
-  const webBackHandler = useWebBackHandler(webViewRef);
-  const uri = useMemo7(() => getWebViewUri(local), [local]);
+  const url = useMemo7(() => getWebViewURL(local), [local]);
+  const webBackHandler = useWebBackHandler(url, webViewRef);
   const top = useSafeAreaTop3();
   const bottom = useSafeAreaBottom();
   const insets = useSafeAreaInsets4();
@@ -2721,7 +2714,7 @@ function WebView({ type, local, onMessage, ...props }) {
       ...props,
       ...headerPropForExternalWebView,
       source: {
-        uri,
+        uri: url.href,
         // NOTE: https://github.com/react-native-webview/react-native-webview/pull/3133
         headers: {
           "User-Agent": userAgent
@@ -2747,11 +2740,11 @@ function WebView({ type, local, onMessage, ...props }) {
       allowsBackForwardNavigationGestures,
       onShouldStartLoadWithRequest: (event) => {
         try {
-          const url = new URL(event.url);
-          if (["https:", "http:"].includes(url.protocol) || url.href === "about:blank") {
+          const url2 = new URL(event.url);
+          if (["https:", "http:"].includes(url2.protocol) || url2.href === "about:blank") {
             return true;
           } else {
-            Linking.openURL(convertIntentURL(url) ?? url.href);
+            Linking.openURL(convertIntentURL(url2) ?? url2.href);
             return false;
           }
         } catch (error) {

package/package.json

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