@apps-in-toss/plugins 1.14.0 → 2.0.0

package/dist/index.d.ts

@@ -27,6 +27,7 @@ type CameraPermission = {
 type Permission = ClipboardPermission | GeolocationPermission | ContactsPermission | PhotosPermission | CameraPermission;
 type AppManifest = {
     appName: string;
+    appType?: 'general' | 'game';
     permissions: Permission[];
     _metadata: {
         bundleFiles: string[];
@@ -49,6 +50,7 @@ interface InitialAccessoryButton {
 }
 declare const validateAppManifest: ((input: unknown) => typia.IValidation<AppManifest>) & _standard_schema_spec.StandardSchemaV1<unknown, AppManifest>;
 interface AppsInTossPluginOptions {
+    target?: '0.72.6' | '0.84.0';
     appType?: 'general' | 'game';
     brand: {
         displayName: string;
@@ -64,6 +66,7 @@ interface AppsInTossPluginOptions {
 }
 declare const validateAppInTossPluginOptions: ((input: unknown) => typia.IValidation<AppsInTossPluginOptions>) & _standard_schema_spec.StandardSchemaV1<unknown, AppsInTossPluginOptions>;
 
+declare function getAppsInTossBuildPlugins(options: Pick<AppsInTossPluginOptions, 'permissions'>): GranitePluginCore[];
 declare function withAppsInTossCommon(plugins: (GranitePluginCore | Promise<GranitePluginCore>)[], options: AppsInTossPluginOptions & {
     root: string;
     deploymentId: string;
@@ -92,6 +95,7 @@ interface CreateArtifactOptions {
     bundleFiles: {
         path: string;
         platform: 'ios' | 'android';
+        runtimeVersion?: string;
     }[];
     reactNativeVersion: string;
     sdkVersion: string;
@@ -100,10 +104,12 @@ interface CreateArtifactOptions {
     outfile: string;
     deploymentId: AppsInTossBuildMetadata['deploymentId'];
     packageJson: AppsInTossBuildMetadata['packageJson'];
+    isWeb: boolean;
     additionalFilesToZip?: {
         path: string;
         name: string;
     }[];
+    extra?: Record<string, unknown>;
 }
 declare function createArtifact(options: CreateArtifactOptions): Promise<string>;
 
@@ -127,12 +133,15 @@ declare function collectDependencyVersions(rootDir: string): Promise<{
     devDependencies: Record<string, string>;
 }>;
 
-declare function appsInTossAppJson(options: Pick<AppsInTossPluginOptions, 'permissions'>): Promise<GranitePluginCore>;
+declare function getSdkVersion(): string;
+
+declare function appsInTossAppJson(options: Pick<AppsInTossPluginOptions, 'permissions' | 'appType'>): Promise<GranitePluginCore>;
 
 declare function appsInTossCreateArtifact(deploymentId: string, buildOption: {
     isGame: boolean;
     sdkVersion: string;
-}): GranitePluginCore;
+    isWeb: boolean;
+}, reactNativeVersion?: string): GranitePluginCore;
 
 declare function appsInTossEsbuildConfig(envScript: string): GranitePluginCore;
 declare function appsInTossMetroConfig(envScriptPath: string): GranitePluginCore;
@@ -153,10 +162,28 @@ declare function bedrockCompat({ isHost }: {
     isHost: boolean;
 }): GranitePluginCore;
 
+/**
+ * TossCoreCryptoModule의 decrypt 메서드를 global.__decrypt로 노출하는 polyfill 코드
+ *
+ * - global.__decrypt가 이미 존재하는 경우 덮어쓰지 않음
+ * - TossCoreCryptoModule.decrypt가 존재할 때만 할당하여 런타임 에러 방지
+ */
+declare const cryptoPolyfillContent = "\n(function (global) {\n  if (!global.__decrypt &&\n      global.nativeModuleProxy &&\n      global.nativeModuleProxy.TossCoreCryptoModule &&\n      global.nativeModuleProxy.TossCoreCryptoModule.decrypt) {\n    global.__decrypt = global.nativeModuleProxy.TossCoreCryptoModule.decrypt;\n  }\n})(\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof global !== 'undefined'\n    ? global\n    : typeof window !== 'undefined'\n    ? window\n    : this\n);\n";
+/**
+ * TossCoreCryptoModule을 전역에서 접근 가능하도록 설정하는 Granite 플러그인
+ *
+ * @param isHost - Host 번들 여부
+ *   - true: Host 번들 (esbuild banner에 polyfill 포함)
+ *   - false: Remote 번들 (esbuild banner에서 제외, Host에서 이미 로드됨)
+ */
+declare function appsInTossCrypto({ isHost }: {
+    isHost: boolean;
+}): GranitePluginCore;
+
 declare function appsInTossDevServer(options: Pick<AppsInTossPluginOptions, 'permissions'>): GranitePluginCore;
 
 declare function appsInTossPostNotice(): GranitePluginCore;
 
 declare function requireMicroFrontendRuntime(): GranitePluginCore;
 
-export { type AppManifest, type AppsInTossPluginOptions, type BuildResult, type CreateArtifactOptions, type InitialAccessoryButton, type Permission, analytics, appsInToss, appsInTossAppJson, appsInTossCreateArtifact, appsInTossDevServer, appsInTossEsbuildConfig, appsInTossMetroConfig, appsInTossPostNotice, bedrockCompat, collectDependencyVersions, createArtifact, getRuntimeSetupScript, nativeModuleProxyContent, reactNativeModuleProxyContent, requireMicroFrontendRuntime, setupHostRuntimeSetupScript, setupRuntimeSetupScript, validateAppInTossPluginOptions, validateAppManifest, withAppsInTossCommon };
+export { type AppManifest, type AppsInTossPluginOptions, type BuildResult, type CreateArtifactOptions, type InitialAccessoryButton, type Permission, analytics, appsInToss, appsInTossAppJson, appsInTossCreateArtifact, appsInTossCrypto, appsInTossDevServer, appsInTossEsbuildConfig, appsInTossMetroConfig, appsInTossPostNotice, bedrockCompat, collectDependencyVersions, createArtifact, cryptoPolyfillContent, getAppsInTossBuildPlugins, getRuntimeSetupScript, getSdkVersion, nativeModuleProxyContent, reactNativeModuleProxyContent, requireMicroFrontendRuntime, setupHostRuntimeSetupScript, setupRuntimeSetupScript, validateAppInTossPluginOptions, validateAppManifest, withAppsInTossCommon };

package/dist/index.js

@@ -34,9 +34,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../../.yarn/__virtual__/tsup-virtual-dc9661456a/0/cache/tsup-npm-8.4.0-f78d2622c9-c6636ffd6a.zip/node_modules/tsup/assets/esm_shims.js
+// ../../../.yarn/__virtual__/tsup-virtual-5946fc3428/0/cache/tsup-npm-8.4.0-f78d2622c9-c6636ffd6a.zip/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../../.yarn/__virtual__/tsup-virtual-dc9661456a/0/cache/tsup-npm-8.4.0-f78d2622c9-c6636ffd6a.zip/node_modules/tsup/assets/esm_shims.js"() {
+  "../../../.yarn/__virtual__/tsup-virtual-5946fc3428/0/cache/tsup-npm-8.4.0-f78d2622c9-c6636ffd6a.zip/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -62,11 +62,11 @@ var require_validateReport = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports._validateReport = void 0;
     var _validateReport2 = (array) => {
-      const reportable = (path8) => {
+      const reportable = (path9) => {
         if (array.length === 0)
           return true;
         const last = array[array.length - 1].path;
-        return path8.length > last.length || last.substring(0, path8.length) !== path8;
+        return path9.length > last.length || last.substring(0, path9.length) !== path9;
       };
       return (exceptable, error2) => {
         var _a;
@@ -122,24 +122,24 @@ var require_createStandardSchema = __commonJS({
       PathParserState2[PathParserState2["StringKey"] = 2] = "StringKey";
       PathParserState2[PathParserState2["NumberKey"] = 3] = "NumberKey";
     })(PathParserState || (PathParserState = {}));
-    var typiaPathToStandardSchemaPath = (path8) => {
-      if (!path8.startsWith("$input")) {
-        throw new Error(`Invalid path: ${JSON.stringify(path8)}`);
+    var typiaPathToStandardSchemaPath = (path9) => {
+      if (!path9.startsWith("$input")) {
+        throw new Error(`Invalid path: ${JSON.stringify(path9)}`);
       }
       const segments = [];
       let currentSegment = "";
       let state = PathParserState.Start;
       let index = "$input".length - 1;
-      while (index < path8.length - 1) {
+      while (index < path9.length - 1) {
         index++;
-        const char = path8[index];
+        const char = path9[index];
         if (state === PathParserState.Property) {
           if (char === "." || char === "[") {
             segments.push({
               key: currentSegment
             });
             state = PathParserState.Start;
-          } else if (index === path8.length - 1) {
+          } else if (index === path9.length - 1) {
             currentSegment += char;
             segments.push({
               key: currentSegment
@@ -157,9 +157,9 @@ var require_createStandardSchema = __commonJS({
             index += 2;
             state = PathParserState.Start;
           } else if (char === "\\") {
-            currentSegment += path8[index];
+            currentSegment += path9[index];
             index++;
-            currentSegment += path8[index];
+            currentSegment += path9[index];
           } else {
             currentSegment += char;
           }
@@ -174,11 +174,11 @@ var require_createStandardSchema = __commonJS({
             currentSegment += char;
           }
         }
-        if (state === PathParserState.Start && index < path8.length - 1) {
-          const newChar = path8[index];
+        if (state === PathParserState.Start && index < path9.length - 1) {
+          const newChar = path9[index];
           currentSegment = "";
           if (newChar === "[") {
-            if (path8[index + 1] === '"') {
+            if (path9[index + 1] === '"') {
               state = PathParserState.StringKey;
               index++;
               currentSegment = '"';
@@ -193,7 +193,7 @@ var require_createStandardSchema = __commonJS({
         }
       }
       if (state !== PathParserState.Start) {
-        throw new Error(`Failed to parse path: ${JSON.stringify(path8)}`);
+        throw new Error(`Failed to parse path: ${JSON.stringify(path9)}`);
       }
       return segments;
     };
@@ -206,7 +206,7 @@ var require_package = __commonJS({
     module.exports = {
       name: "@apps-in-toss/plugins",
       type: "module",
-      version: "1.14.0",
+      version: "2.0.0",
       description: "The plugins for Apps In Toss",
       scripts: {
         test: "vitest --run",
@@ -243,15 +243,16 @@ var require_package = __commonJS({
         vitest: "^3.2.4"
       },
       dependencies: {
-        "@apps-in-toss/ait-format": "^1.0.0",
-        "@granite-js/plugin-core": "0.1.31",
-        "@granite-js/plugin-micro-frontend": "0.1.31",
-        "@granite-js/plugin-sentry": "0.1.31",
-        "@granite-js/utils": "0.1.31",
+        "@apps-in-toss/ait-format": "1.0.0",
+        "@apps-in-toss/plugin-compat": "workspace:*",
+        "@granite-js/plugin-core": "catalog:granite-js",
+        "@granite-js/plugin-micro-frontend": "catalog:granite-js",
+        "@granite-js/plugin-sentry": "catalog:granite-js",
+        "@granite-js/utils": "catalog:granite-js",
         archiver: "^7.0.1",
         connect: "^3.7.0",
-        esbuild: "0.25.5",
-        execa: "9.3.0",
+        esbuild: "catalog:tooling",
+        execa: "catalog:tooling",
         picocolors: "^1.1.1",
         uuidv7: "^1.0.2"
       }
@@ -264,34 +265,38 @@ init_esm_shims();
 
 // src/appsInToss.ts
 init_esm_shims();
-import path7 from "path";
+import path8 from "path";
+import { reactNativeCompatibilityPlugin, reactNativeReverseCompatibilityPlugin } from "@apps-in-toss/plugin-compat";
 import { microFrontend } from "@granite-js/plugin-micro-frontend";
-import { getPackageRoot as getPackageRoot5 } from "@granite-js/utils";
+import { getPackageRoot as getPackageRoot6 } from "@granite-js/utils";
 
 // src/constants.ts
 init_esm_shims();
-var REACT_NATIVE_VERSION = "0.72.6";
+var REACT_NATIVE_VERSION = "0.84.0";
 var APP_MANIFEST_NAME = "app.json";
 var MICRO_FRONTEND_HOST_NAME = "apps-in-toss-host";
 var MICRO_FRONTEND_REMOTE_NAME = "apps-in-toss-service";
 var MICRO_FRONTEND_REMOTE_EXPOSE_PATH = "./ServiceEntry";
 var HOST_CONTEXT_IDENTIFIER = "__appsInTossHost";
 var SERVICE_CONTEXT_IDENTIFIER = "__appsInToss";
-var SHRED_PACKAGES = [
+var getSharedPackages = ({ reactNativeVersion }) => [
   "@react-native-community/blur",
   "@react-navigation/native",
   "@react-navigation/native-stack",
+  "@sentry/react-native",
   "@shopify/flash-list",
-  "lottie-react-native",
   "react-native-safe-area-context",
   "react-native-screens",
-  "react-native-fast-image",
   "react-native-svg",
   "react-native-gesture-handler",
   "react-native",
   "react",
-  "react-native-video",
-  "react-native-webview"
+  "react-native-webview",
+  "@granite-js/image",
+  "@granite-js/lottie",
+  "@granite-js/video",
+  ...reactNativeVersion === "0.84" ? ["brick-module", "@react-navigation/elements"] : [],
+  ...reactNativeVersion === "0.72" ? ["react-native-fast-image", "lottie-react-native", "react-native-video"] : []
 ];
 
 // src/log.ts
@@ -319,7 +324,8 @@ async function appsInTossAppJson(options) {
     const appJsonPath = path.join(packageRoot, ".granite", APP_MANIFEST_NAME);
     const appJsonObject = {
       appName,
-      permissions: options.permissions
+      permissions: options.permissions,
+      ...options.appType != null ? { appType: options.appType } : {}
     };
     await fs.promises.mkdir(path.dirname(appJsonPath), { recursive: true });
     try {
@@ -327,7 +333,8 @@ async function appsInTossAppJson(options) {
       const existingAppJsonObject = JSON.parse(existingAppJson);
       Object.assign(appJsonObject, existingAppJsonObject, {
         appName,
-        permissions: appJsonObject.permissions
+        permissions: appJsonObject.permissions,
+        ...options.appType != null ? { appType: options.appType } : {}
       });
     } catch {
     }
@@ -417,8 +424,8 @@ async function resolvePackageVersions(rootDir, packageNames) {
 function createVirtualEntry(packageNames) {
   return packageNames.map((packageName) => `import '${packageName}';`).join("\n");
 }
-function extractPackagePath(path8, packageName) {
-  const normalizedPath = normalizePath(path8);
+function extractPackagePath(path9, packageName) {
+  const normalizedPath = normalizePath(path9);
   if (normalizedPath.endsWith("/package.json")) {
     return normalizedPath.replace(/\/package\.json$/, "");
   }
@@ -428,8 +435,8 @@ function extractPackagePath(path8, packageName) {
   }
   throw new Error(`Failed to extract path: ${packageName}`);
 }
-function normalizePath(path8) {
-  return path8.replace(/\\/g, "/");
+function normalizePath(path9) {
+  return path9.replace(/\\/g, "/");
 }
 async function getPackageVersion(packagePath) {
   const packageJson = JSON.parse(await fs2.readFile(path2.join(packagePath, "package.json"), "utf-8"));
@@ -457,13 +464,14 @@ function getUnityMetaDataEnv() {
 
 // src/utils/createArtifact.ts
 async function createArtifact(options) {
-  const { bundleFiles, outfile, appJsonPath, reactNativeVersion, sdkVersion, isGame } = options;
+  const { bundleFiles, outfile, appJsonPath, reactNativeVersion, sdkVersion, isGame, isWeb } = options;
   const unityMetaData = getUnityMetaDataEnv();
   const appJsonContent = await fs3.readFile(appJsonPath, "utf-8");
   const appJson = JSON.parse(appJsonContent);
-  const runtime = reactNativeVersion.replace(/\./g, "_");
   const namedBundleFiles = bundleFiles.map((bundle) => {
-    const extension = path3.extname(bundle.path);
+    const originalName = path3.basename(bundle.path);
+    const extension = path3.extname(originalName);
+    const runtime = (bundle.runtimeVersion ?? reactNativeVersion).replace(new RegExp(/\./g), "_");
     return {
       path: bundle.path,
       name: `bundle.${bundle.platform}.${runtime}${extension === ".map" ? ".js.map" : extension}`
@@ -475,13 +483,13 @@ async function createArtifact(options) {
     createdBy: "@apps-in-toss/plugins"
   });
   writer.setMetadata({
-    platform: PlatformType.REACT_NATIVE,
+    platform: isWeb ? PlatformType.WEB : PlatformType.REACT_NATIVE,
     runtimeVersion: reactNativeVersion,
     isGame,
     sdkVersion,
     bundleFiles: namedBundleFiles.map(({ name }) => name),
     packageJson: options.packageJson,
-    extra: { unityMetaData }
+    extra: { unityMetaData, ...options.extra }
   });
   for (const permission of appJson.permissions ?? []) {
     writer.addPermission(permission.name, permission.access);
@@ -500,7 +508,7 @@ async function createArtifact(options) {
 }
 
 // src/plugins/artifact.ts
-function appsInTossCreateArtifact(deploymentId, buildOption) {
+function appsInTossCreateArtifact(deploymentId, buildOption, reactNativeVersion = REACT_NATIVE_VERSION) {
   const packageRoot = getPackageRoot2();
   return {
     name: "apps-in-toss:create-artifact",
@@ -514,7 +522,7 @@ function appsInTossCreateArtifact(deploymentId, buildOption) {
         log("\uC571 \uBE4C\uB4DC \uC911...");
         const { dependencies, devDependencies } = await collectDependencyVersions(cwd);
         const artifactOutfile = await createArtifact({
-          reactNativeVersion: REACT_NATIVE_VERSION,
+          reactNativeVersion,
           deploymentId,
           sdkVersion: buildOption.sdkVersion,
           isGame: buildOption.isGame,
@@ -530,7 +538,8 @@ function appsInTossCreateArtifact(deploymentId, buildOption) {
             }
           ]).flat(),
           outfile: path4.join(cwd, `${appName}.ait`),
-          appJsonPath: path4.join(packageRoot, ".granite", APP_MANIFEST_NAME)
+          appJsonPath: path4.join(packageRoot, ".granite", APP_MANIFEST_NAME),
+          isWeb: buildOption.isWeb
         });
         if (!artifactOutfile) {
           throw new Error("\uC544\uD2F0\uD329\uD2B8 \uC0DD\uC131\uC5D0 \uC2E4\uD328\uD588\uC5B4\uC694.");
@@ -698,6 +707,52 @@ function bedrockCompat({ isHost }) {
   };
 }
 
+// src/plugins/crypto.ts
+init_esm_shims();
+import fs5 from "fs";
+import path6 from "path";
+import { getLocalTempDirectoryPath as getLocalTempDirectoryPath2, getPackageRoot as getPackageRoot4 } from "@granite-js/utils";
+var cryptoPolyfillContent = `
+(function (global) {
+  if (!global.__decrypt &&
+      global.nativeModuleProxy &&
+      global.nativeModuleProxy.TossCoreCryptoModule &&
+      global.nativeModuleProxy.TossCoreCryptoModule.decrypt) {
+    global.__decrypt = global.nativeModuleProxy.TossCoreCryptoModule.decrypt;
+  }
+})(
+  typeof globalThis !== 'undefined'
+    ? globalThis
+    : typeof global !== 'undefined'
+    ? global
+    : typeof window !== 'undefined'
+    ? window
+    : this
+);
+`;
+function appsInTossCrypto({ isHost }) {
+  const metroPolyfillPath = path6.join(getLocalTempDirectoryPath2(getPackageRoot4()), "metro-crypto-polyfill.js");
+  fs5.writeFileSync(metroPolyfillPath, cryptoPolyfillContent);
+  return {
+    name: "apps-in-toss-crypto-plugin",
+    config: {
+      ...isHost ? {
+        esbuild: {
+          banner: {
+            js: cryptoPolyfillContent
+          }
+        }
+      } : {},
+      metro: {
+        serializer: {
+          // Metro 단일 번들 환경에서는 Host/Remote 구분 없이 항상 polyfill 필요
+          getPolyfills: () => [metroPolyfillPath]
+        }
+      }
+    }
+  };
+}
+
 // src/plugins/devServer.ts
 init_esm_shims();
 
@@ -820,7 +875,7 @@ var __typia_transform__isFormatUuid = __toESM(require_isFormatUuid(), 1);
 var __typia_transform__validateReport = __toESM(require_validateReport(), 1);
 var __typia_transform__createStandardSchema = __toESM(require_createStandardSchema(), 1);
 var validateAppManifest = (() => {
-  const _io0 = (input) => "string" === typeof input.appName && (Array.isArray(input.permissions) && input.permissions.every((elem) => "object" === typeof elem && null !== elem && _iu0(elem))) && ("object" === typeof input._metadata && null !== input._metadata && _io6(input._metadata));
+  const _io0 = (input) => "string" === typeof input.appName && (void 0 === input.appType || "general" === input.appType || "game" === input.appType) && (Array.isArray(input.permissions) && input.permissions.every((elem) => "object" === typeof elem && null !== elem && _iu0(elem))) && ("object" === typeof input._metadata && null !== input._metadata && _io6(input._metadata));
   const _io1 = (input) => "clipboard" === input.name && ("read" === input.access || "write" === input.access);
   const _io2 = (input) => "geolocation" === input.name && "access" === input.access;
   const _io3 = (input) => "contacts" === input.name && ("read" === input.access || "write" === input.access);
@@ -845,6 +900,10 @@ var validateAppManifest = (() => {
     path: _path + ".appName",
     expected: "string",
     value: input.appName
+  }), void 0 === input.appType || "general" === input.appType || "game" === input.appType || _report(_exceptionable, {
+    path: _path + ".appType",
+    expected: '("game" | "general" | undefined)',
+    value: input.appType
   }), (Array.isArray(input.permissions) || _report(_exceptionable, {
     path: _path + ".permissions",
     expected: "Array<Permission>",
@@ -987,7 +1046,7 @@ var validateAppManifest = (() => {
   });
 })();
 var validateAppInTossPluginOptions = (() => {
-  const _io0 = (input) => (void 0 === input.appType || "general" === input.appType || "game" === input.appType) && ("object" === typeof input.brand && null !== input.brand && _io1(input.brand)) && (Array.isArray(input.permissions) && input.permissions.every((elem) => "object" === typeof elem && null !== elem && _iu0(elem))) && (void 0 === input.navigationBar || "object" === typeof input.navigationBar && null !== input.navigationBar && false === Array.isArray(input.navigationBar) && _io7(input.navigationBar));
+  const _io0 = (input) => (void 0 === input.target || "0.72.6" === input.target || "0.84.0" === input.target) && (void 0 === input.appType || "general" === input.appType || "game" === input.appType) && ("object" === typeof input.brand && null !== input.brand && _io1(input.brand)) && (Array.isArray(input.permissions) && input.permissions.every((elem) => "object" === typeof elem && null !== elem && _iu0(elem))) && (void 0 === input.navigationBar || "object" === typeof input.navigationBar && null !== input.navigationBar && false === Array.isArray(input.navigationBar) && _io7(input.navigationBar));
   const _io1 = (input) => "string" === typeof input.displayName && "string" === typeof input.primaryColor && "string" === typeof input.icon;
   const _io2 = (input) => "clipboard" === input.name && ("read" === input.access || "write" === input.access);
   const _io3 = (input) => "geolocation" === input.name && "access" === input.access;
@@ -1021,7 +1080,11 @@ var validateAppInTossPluginOptions = (() => {
     else
       return false;
   })();
-  const _vo0 = (input, _path, _exceptionable = true) => [void 0 === input.appType || "general" === input.appType || "game" === input.appType || _report(_exceptionable, {
+  const _vo0 = (input, _path, _exceptionable = true) => [void 0 === input.target || "0.72.6" === input.target || "0.84.0" === input.target || _report(_exceptionable, {
+    path: _path + ".target",
+    expected: '("0.72.6" | "0.84.0" | undefined)',
+    value: input.target
+  }), void 0 === input.appType || "general" === input.appType || "game" === input.appType || _report(_exceptionable, {
     path: _path + ".appType",
     expected: '("game" | "general" | undefined)',
     value: input.appType
@@ -1252,21 +1315,23 @@ var validateAppInTossPluginOptions = (() => {
 init_esm_shims();
 import { uuidv7 } from "uuidv7";
 function generateDeploymentId() {
+  if (process.env.AIT_DEPLOYMENT_ID != null && process.env.AIT_DEPLOYMENT_ID.length > 0) {
+    return process.env.AIT_DEPLOYMENT_ID;
+  }
   return uuidv7();
 }
 
-// src/utils/getSdkVersion.ts
+// src/utils/getReactNativeTarget.ts
 init_esm_shims();
-function getSdkVersion() {
-  const packageJson = require_package();
-  return packageJson.version;
+function getReactNativeTarget(target) {
+  return target ?? REACT_NATIVE_VERSION;
 }
 
 // src/utils/setupRuntimeSetupScript.ts
 init_esm_shims();
-import fs5 from "node:fs";
-import path6 from "node:path";
-import { getPackageRoot as getPackageRoot4 } from "@granite-js/utils";
+import fs6 from "node:fs";
+import path7 from "node:path";
+import { getPackageRoot as getPackageRoot5 } from "@granite-js/utils";
 import { transformSync } from "esbuild";
 function setupRuntimeSetupScript(config) {
   const script = getRuntimeSetupScript(
@@ -1311,15 +1376,15 @@ function getRuntimeSetupScript(metadata, identifier) {
   }).code;
 }
 function writeRuntimeSetupScript(script) {
-  const packageRoot = getPackageRoot4();
-  const granitePath = path6.join(packageRoot, ".granite");
+  const packageRoot = getPackageRoot5();
+  const granitePath = path7.join(packageRoot, ".granite");
   try {
-    fs5.accessSync(granitePath);
+    fs6.accessSync(granitePath);
   } catch {
-    fs5.mkdirSync(granitePath, { recursive: true });
+    fs6.mkdirSync(granitePath, { recursive: true });
   }
-  const envFilePath = path6.join(granitePath, ".apps-in-toss.env.js");
-  fs5.writeFileSync(envFilePath, script, "utf-8");
+  const envFilePath = path7.join(granitePath, ".apps-in-toss.env.js");
+  fs6.writeFileSync(envFilePath, script, "utf-8");
   return envFilePath;
 }
 function getBedrockCompatScript() {
@@ -1383,6 +1448,10 @@ function getMicroFrontendCompatScript() {
 }
 
 // src/appsInToss.ts
+function getAppsInTossBuildPlugins(options) {
+  const plugins = [appsInTossDevServer(options), appsInTossPostNotice()];
+  return plugins;
+}
 function withAppsInTossCommon(plugins, options) {
   const { contents, path: envScriptPath } = setupRuntimeSetupScript({
     appType: options.appType,
@@ -1390,6 +1459,8 @@ function withAppsInTossCommon(plugins, options) {
     deploymentId: options.deploymentId,
     navigationBar: options.navigationBar
   });
+  const target = getReactNativeTarget(options.target);
+  const reactNativeVersion = target.startsWith("0.72") ? "0.72" : "0.84";
   return [
     requireMicroFrontendRuntime(),
     microFrontend({
@@ -1397,15 +1468,20 @@ function withAppsInTossCommon(plugins, options) {
       exposes: {
         [MICRO_FRONTEND_REMOTE_EXPOSE_PATH]: options.exposePath
       },
-      shared: SHRED_PACKAGES,
+      shared: getSharedPackages({
+        reactNativeVersion
+      }),
       reactNativeBasePath: options.reactNativeBasePath
     }),
     appsInTossAppJson(options),
+    reactNativeCompatibilityPlugin({ target, rootDir: options.root }),
+    reactNativeReverseCompatibilityPlugin({ target, rootDir: options.root, isHost: false }),
     appsInTossEsbuildConfig(contents),
     appsInTossMetroConfig(envScriptPath),
     bedrockCompat({ isHost: false }),
+    reactNativeVersion === "0.84" ? appsInTossCrypto({ isHost: false }) : null,
     ...plugins
-  ];
+  ].filter((plugin) => plugin !== null);
 }
 function appsInToss(options) {
   const result = validateAppInTossPluginOptions(options);
@@ -1414,22 +1490,14 @@ function appsInToss(options) {
     process.exit(1);
   }
   const deploymentId = generateDeploymentId();
-  const root = getPackageRoot5();
-  const sdkVersion = getSdkVersion();
-  const buildOptions = {
-    sdkVersion,
-    isGame: result.data.appType === "game"
-  };
-  return withAppsInTossCommon(
-    [appsInTossDevServer(options), appsInTossCreateArtifact(deploymentId, buildOptions), appsInTossPostNotice()],
-    {
-      ...options,
-      root,
-      deploymentId,
-      exposePath: path7.join(root, "./src/_app.tsx"),
-      navigationBar: result.data.navigationBar
-    }
-  );
+  const root = getPackageRoot6();
+  return withAppsInTossCommon(getAppsInTossBuildPlugins(options), {
+    ...options,
+    root,
+    deploymentId,
+    exposePath: path8.join(root, "./src/_app.tsx"),
+    navigationBar: result.data.navigationBar
+  });
 }
 
 // src/analytics.ts
@@ -1492,11 +1560,19 @@ function analytics() {
     }
   };
 }
+
+// src/utils/getSdkVersion.ts
+init_esm_shims();
+function getSdkVersion() {
+  const packageJson = require_package();
+  return packageJson.version;
+}
 export {
   analytics,
   appsInToss,
   appsInTossAppJson,
   appsInTossCreateArtifact,
+  appsInTossCrypto,
   appsInTossDevServer,
   appsInTossEsbuildConfig,
   appsInTossMetroConfig,
@@ -1504,7 +1580,10 @@ export {
   bedrockCompat,
   collectDependencyVersions,
   createArtifact,
+  cryptoPolyfillContent,
+  getAppsInTossBuildPlugins,
   getRuntimeSetupScript,
+  getSdkVersion,
   nativeModuleProxyContent,
   reactNativeModuleProxyContent,
   requireMicroFrontendRuntime,