@apps-in-toss/framework 1.9.3 → 1.9.4

package/dist/index.cjs

@@ -62,7 +62,9 @@ var import_react3 = require("react");
 
 // src/env.ts
 var env = {
-  getDeploymentId: () => __DEV__ ? "local" : global.__appsInToss?.deploymentId
+  getDeploymentId: () => __DEV__ ? "local" : global.__appsInToss?.deploymentId,
+  getWebViewType: () => global.__appsInToss.webViewType,
+  getAppName: () => global.__granite.app.name
 };
 
 // src/hooks/useCaptureExitLog.ts
@@ -1439,6 +1441,7 @@ var import_native_modules24 = require("@apps-in-toss/native-modules");
 var appsInTossAsyncBridges = __toESM(require("@apps-in-toss/native-modules/async-bridges"), 1);
 var appsInTossConstantBridges = __toESM(require("@apps-in-toss/native-modules/constant-bridges"), 1);
 var appsInTossEventBridges = __toESM(require("@apps-in-toss/native-modules/event-bridges"), 1);
+var import_user_scripts = require("@apps-in-toss/user-scripts");
 var import_react_native_safe_area_context4 = require("@granite-js/native/react-native-safe-area-context");
 var import_react_native39 = require("@granite-js/react-native");
 var import_tds_react_native15 = require("@toss/tds-react-native");
@@ -2683,7 +2686,9 @@ function WebView({ type, local, onMessage, ...props }) {
       /** TossAd */
       fetchTossAd_isSupported: fetchTossAd.isSupported,
       /** env */
-      getDeploymentId: env.getDeploymentId
+      getDeploymentId: env.getDeploymentId,
+      getWebViewType: env.getWebViewType,
+      getAppName: env.getAppName
     },
     asyncHandlerMap: {
       ...appsInTossAsyncBridges,
@@ -2721,7 +2726,11 @@ function WebView({ type, local, onMessage, ...props }) {
       /** Toss Ads */
       tossAdEventLog,
       /** Private */
-      memoryDebugLog: webViewMemoryDebugLog
+      memoryDebugLog: webViewMemoryDebugLog,
+      debugLog: async (event) => {
+        import_react_native40.NativeModules.AppsInTossModule?.eventLog(event);
+        import_react_native40.NativeModules.TossCoreModule?.eventLog(event);
+      }
     }
   });
   const headerPropForExternalWebView = (0, import_react28.useMemo)(() => {
@@ -2753,7 +2762,6 @@ function WebView({ type, local, onMessage, ...props }) {
     import_react_native40.BackHandler.addEventListener("hardwareBackPress", callback);
     return () => import_react_native40.BackHandler.removeEventListener("hardwareBackPress", callback);
   }, [webBackHandler]);
-  const globalScripts = useGlobalScripts();
   const handleWebViewProcessDidTerminate = useHandleWebViewProcessDidTerminate(webViewRef);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     BaseWebView,
@@ -2782,8 +2790,8 @@ function WebView({ type, local, onMessage, ...props }) {
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
-      injectedJavaScript: globalScripts.afterLoad,
-      injectedJavaScriptBeforeContentLoaded: mergeScripts(handler.injectedJavaScript, globalScripts.beforeLoad),
+      injectedJavaScript: import_user_scripts.afterDocumentLoad,
+      injectedJavaScriptBeforeContentLoaded: [handler.injectedJavaScript, import_user_scripts.beforeDocumentLoad].join("\n"),
       decelerationRate: import_react_native40.Platform.OS === "ios" ? 1 : void 0,
       allowsBackForwardNavigationGestures,
       onShouldStartLoadWithRequest: (event) => {
@@ -2814,67 +2822,6 @@ function WebView({ type, local, onMessage, ...props }) {
     }
   );
 }
-function useGlobalScripts() {
-  const global2 = getAppsInTossGlobals();
-  const disableTextSelectionCSS = `
-    const style = document.createElement('style');
-    style.textContent = '*:not(input):not(textarea) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }';
-    document.head.appendChild(style);
-  `;
-  const applyGameResourcesCache = `
-    (function () {
-      if (typeof caches === 'undefined') {
-        return;
-      }
-      const cacheKeyPrefix = '@apps-in-toss/caches/';
-      const cacheKey = \`\${cacheKeyPrefix}${global2.deploymentId}\`;
-      window.addEventListener('load', async () => {
-        const keys = await caches.keys();
-        for (const key of keys) {
-          if (key.startsWith(cacheKeyPrefix) && key !== cacheKey) {
-            await caches.delete(key);
-          }
-        }
-      });
-      window.fetch = new Proxy(window.fetch, {
-        async apply(originalFetch, thisArg, args) {
-          const request = new Request(args[0], args[1]);
-          if (!/\\.(data|wasm|framework\\.js)(?:\\.gz|\\.br|\\.unityweb)?$/.test(request.url)) {
-            return await originalFetch.call(thisArg, request);
-          }
-          const cache = await caches.open(cacheKey);
-          const cached = await cache.match(request);
-          if (cached) {
-            const eTag = cached.headers.get('ETag');
-            const lastModified = cached.headers.get('Last-Modified');
-            if (eTag) {
-              request.headers.set('If-None-Match', eTag);
-            }
-            if (lastModified) {
-              request.headers.set('If-Modified-Since', lastModified);
-            }
-            const revalidated = await originalFetch.call(thisArg, request);
-            if (revalidated.status === 304) {
-              return cached;
-            }
-            cache.put(request, revalidated.clone());
-            return revalidated;
-          }
-          const response = await originalFetch.call(thisArg, request);
-          cache.put(request, response.clone());
-          return response;
-        },
-      });
-    })();
-  `;
-  return {
-    beforeLoad: mergeScripts(global2.webViewType === "game" && applyGameResourcesCache),
-    afterLoad: mergeScripts(disableTextSelectionCSS)
-  };
-}
-function mergeScripts(...scripts) {
-  return scripts.filter((script) => typeof script === "string").join("\n");
-}
 
 // src/index.ts
 __reExport(src_exports, require("@apps-in-toss/analytics"), module.exports);

package/dist/index.d.cts

@@ -166,6 +166,8 @@ declare function useTopNavigation(): {
 
 declare const env: {
     getDeploymentId: () => string;
+    getWebViewType: () => "partner" | "external" | "game" | undefined;
+    getAppName: () => string;
 };
 
 declare const INTERNAL__onVisibilityChangedByTransparentServiceWeb: typeof onVisibilityChangedByTransparentServiceWeb;

package/dist/index.d.ts

@@ -166,6 +166,8 @@ declare function useTopNavigation(): {
 
 declare const env: {
     getDeploymentId: () => string;
+    getWebViewType: () => "partner" | "external" | "game" | undefined;
+    getAppName: () => string;
 };
 
 declare const INTERNAL__onVisibilityChangedByTransparentServiceWeb: typeof onVisibilityChangedByTransparentServiceWeb;

package/dist/index.js

@@ -29,7 +29,9 @@ import { useEffect as useEffect2 } from "react";
 
 // src/env.ts
 var env = {
-  getDeploymentId: () => __DEV__ ? "local" : global.__appsInToss?.deploymentId
+  getDeploymentId: () => __DEV__ ? "local" : global.__appsInToss?.deploymentId,
+  getWebViewType: () => global.__appsInToss.webViewType,
+  getAppName: () => global.__granite.app.name
 };
 
 // src/hooks/useCaptureExitLog.ts
@@ -1419,12 +1421,13 @@ import {
 import * as appsInTossAsyncBridges from "@apps-in-toss/native-modules/async-bridges";
 import * as appsInTossConstantBridges from "@apps-in-toss/native-modules/constant-bridges";
 import * as appsInTossEventBridges from "@apps-in-toss/native-modules/event-bridges";
+import { afterDocumentLoad, beforeDocumentLoad } from "@apps-in-toss/user-scripts";
 import { useSafeAreaInsets as useSafeAreaInsets4 } from "@granite-js/native/react-native-safe-area-context";
 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 { BackHandler as BackHandler2, Linking, Platform as Platform6 } from "react-native";
+import { BackHandler as BackHandler2, Linking, NativeModules as NativeModules3, Platform as Platform6 } from "react-native";
 
 // src/components/GameWebView.tsx
 import { setIosSwipeGestureEnabled as setIosSwipeGestureEnabled3, getOperationalEnvironment as getOperationalEnvironment5 } from "@apps-in-toss/native-modules";
@@ -2671,7 +2674,9 @@ function WebView({ type, local, onMessage, ...props }) {
       /** TossAd */
       fetchTossAd_isSupported: fetchTossAd.isSupported,
       /** env */
-      getDeploymentId: env.getDeploymentId
+      getDeploymentId: env.getDeploymentId,
+      getWebViewType: env.getWebViewType,
+      getAppName: env.getAppName
     },
     asyncHandlerMap: {
       ...appsInTossAsyncBridges,
@@ -2709,7 +2714,11 @@ function WebView({ type, local, onMessage, ...props }) {
       /** Toss Ads */
       tossAdEventLog,
       /** Private */
-      memoryDebugLog: webViewMemoryDebugLog
+      memoryDebugLog: webViewMemoryDebugLog,
+      debugLog: async (event) => {
+        NativeModules3.AppsInTossModule?.eventLog(event);
+        NativeModules3.TossCoreModule?.eventLog(event);
+      }
     }
   });
   const headerPropForExternalWebView = useMemo7(() => {
@@ -2741,7 +2750,6 @@ function WebView({ type, local, onMessage, ...props }) {
     BackHandler2.addEventListener("hardwareBackPress", callback);
     return () => BackHandler2.removeEventListener("hardwareBackPress", callback);
   }, [webBackHandler]);
-  const globalScripts = useGlobalScripts();
   const handleWebViewProcessDidTerminate = useHandleWebViewProcessDidTerminate(webViewRef);
   return /* @__PURE__ */ jsx19(
     BaseWebView,
@@ -2770,8 +2778,8 @@ function WebView({ type, local, onMessage, ...props }) {
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
-      injectedJavaScript: globalScripts.afterLoad,
-      injectedJavaScriptBeforeContentLoaded: mergeScripts(handler.injectedJavaScript, globalScripts.beforeLoad),
+      injectedJavaScript: afterDocumentLoad,
+      injectedJavaScriptBeforeContentLoaded: [handler.injectedJavaScript, beforeDocumentLoad].join("\n"),
       decelerationRate: Platform6.OS === "ios" ? 1 : void 0,
       allowsBackForwardNavigationGestures,
       onShouldStartLoadWithRequest: (event) => {
@@ -2802,67 +2810,6 @@ function WebView({ type, local, onMessage, ...props }) {
     }
   );
 }
-function useGlobalScripts() {
-  const global2 = getAppsInTossGlobals();
-  const disableTextSelectionCSS = `
-    const style = document.createElement('style');
-    style.textContent = '*:not(input):not(textarea) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }';
-    document.head.appendChild(style);
-  `;
-  const applyGameResourcesCache = `
-    (function () {
-      if (typeof caches === 'undefined') {
-        return;
-      }
-      const cacheKeyPrefix = '@apps-in-toss/caches/';
-      const cacheKey = \`\${cacheKeyPrefix}${global2.deploymentId}\`;
-      window.addEventListener('load', async () => {
-        const keys = await caches.keys();
-        for (const key of keys) {
-          if (key.startsWith(cacheKeyPrefix) && key !== cacheKey) {
-            await caches.delete(key);
-          }
-        }
-      });
-      window.fetch = new Proxy(window.fetch, {
-        async apply(originalFetch, thisArg, args) {
-          const request = new Request(args[0], args[1]);
-          if (!/\\.(data|wasm|framework\\.js)(?:\\.gz|\\.br|\\.unityweb)?$/.test(request.url)) {
-            return await originalFetch.call(thisArg, request);
-          }
-          const cache = await caches.open(cacheKey);
-          const cached = await cache.match(request);
-          if (cached) {
-            const eTag = cached.headers.get('ETag');
-            const lastModified = cached.headers.get('Last-Modified');
-            if (eTag) {
-              request.headers.set('If-None-Match', eTag);
-            }
-            if (lastModified) {
-              request.headers.set('If-Modified-Since', lastModified);
-            }
-            const revalidated = await originalFetch.call(thisArg, request);
-            if (revalidated.status === 304) {
-              return cached;
-            }
-            cache.put(request, revalidated.clone());
-            return revalidated;
-          }
-          const response = await originalFetch.call(thisArg, request);
-          cache.put(request, response.clone());
-          return response;
-        },
-      });
-    })();
-  `;
-  return {
-    beforeLoad: mergeScripts(global2.webViewType === "game" && applyGameResourcesCache),
-    afterLoad: mergeScripts(disableTextSelectionCSS)
-  };
-}
-function mergeScripts(...scripts) {
-  return scripts.filter((script) => typeof script === "string").join("\n");
-}
 
 // src/index.ts
 export * from "@apps-in-toss/analytics";

package/package.json

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