@apps-in-toss/cli 0.0.0-dev.1743134070910 → 0.0.0-dev.1744801739343

package/dist/index.cjs

@@ -2367,6 +2367,12 @@ var WEB_FRAMEWORK_CONFIG_TEMPLATE = `import { defineConfig } from '@apps-in-toss
 
 export default defineConfig({
   appName: '%%appName%%',
+  brand: {
+    displayName: '%%appName%%', // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uD55C\uAE00 \uC774\uB984\uC73C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+    primaryColor: '#3182F6', // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uAE30\uBCF8 \uC0C9\uC0C1\uC73C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+    icon: null, // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uC544\uC774\uCF58 \uC774\uBBF8\uC9C0 \uC8FC\uC18C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+    bridgeColorMode: 'basic',
+  },
   web: {
     host: 'localhost',
     port: %%webPort%%,
@@ -2379,6 +2385,47 @@ export default defineConfig({
   outdir: 'dist',
 });
 `;
+var REACT_NATIVE_FRAMEWORK_CONFIG_TEMPLATE = `import { appsInToss } from '@apps-in-toss/framework/plugins';
+import { defineConfig } from 'react-native-bedrock/config';
+
+export default defineConfig({
+  appName: '%%appName%%',
+  plugins: [
+    appsInToss({
+      brand: {
+        displayName: '%%appName%%', // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uD55C\uAE00 \uC774\uB984\uC73C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+        primaryColor: '#3182F6', // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uAE30\uBCF8 \uC0C9\uC0C1\uC73C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+        icon: null, // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uC544\uC774\uCF58 \uC774\uBBF8\uC9C0 \uC8FC\uC18C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+        bridgeColorMode: 'basic',
+      },
+      permissions: [],
+    }),
+  ],
+});
+`;
+var APP_TEMPLATE = `import { AppsInToss } from '@apps-in-toss/framework';
+import { PropsWithChildren } from 'react';
+import { InitialProps } from 'react-native-bedrock';
+import { context } from '../require.context';
+
+function AppContainer({ children }: PropsWithChildren<InitialProps>) {
+  return <>{children}</>;
+}
+
+export default AppsInToss.registerApp(AppContainer, { context });
+`;
+
+// src/utils/ensureSelect.ts
+init_cjs_shims();
+async function ensureSelect({
+  value,
+  prompt
+}) {
+  if (value) {
+    return value;
+  }
+  return await prompt();
+}
 
 // src/utils/transformTemplate.ts
 init_cjs_shims();
@@ -2392,13 +2439,48 @@ function transformTemplate(templateString, values) {
 }
 
 // src/InitCommand.ts
-async function templateWebFramework({
-  appName,
-  cwd,
-  scripts
-}) {
+async function templateWebFramework({ appName, cwd, skipInput }) {
+  const packageJson = await import_fs4.default.promises.readFile(import_path3.default.join(cwd, "package.json"), {
+    encoding: "utf-8"
+  });
+  const scripts = JSON.parse(packageJson);
+  const originalScripts = {
+    dev: scripts?.scripts?.dev || scripts?.scripts?.start,
+    build: scripts?.scripts?.build
+  };
+  scripts.scripts.dev = "bedrock dev";
+  scripts.scripts.build = "bedrock build";
+  scripts.scripts.deploy = "ait deploy";
+  await import_fs4.default.promises.writeFile(import_path3.default.join(cwd, "package.json"), JSON.stringify(scripts, null, 2), {
+    encoding: "utf-8"
+  });
+  p2.log.step(".gitignore \uD30C\uC77C\uC744 \uC5C5\uB370\uC774\uD2B8\uD558\uB294 \uC911...");
+  await import_fs4.default.promises.appendFile(import_path3.default.join(cwd, ".gitignore"), "\n.bedrock\n");
+  const placeholder = {
+    dev: originalScripts.dev === "bedrock dev" ? "" : originalScripts.dev,
+    build: originalScripts.build === "bedrock build" ? "" : originalScripts.build
+  };
+  const scriptInputs = skipInput ? placeholder : await p2.group(
+    {
+      dev: () => p2.text({
+        message: "\uC6F9 \uBC88\uB4E4\uB7EC\uC758 dev \uBA85\uB839\uC5B4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.",
+        defaultValue: placeholder.dev,
+        placeholder: placeholder.dev
+      }),
+      build: () => p2.text({
+        message: "\uC6F9 \uBC88\uB4E4\uB7EC\uC758 build \uBA85\uB839\uC5B4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.",
+        defaultValue: placeholder.build,
+        placeholder: placeholder.build
+      })
+    },
+    {
+      onCancel: () => {
+        p2.cancel("\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4");
+      }
+    }
+  );
   p2.log.step("bedrock.config.ts \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uB294 \uC911...");
-  const webPort = await p2.text({
+  const webPort = skipInput ? "5173" : await p2.text({
     message: "Enter web port",
     placeholder: "5173",
     defaultValue: "5173"
@@ -2410,96 +2492,91 @@ async function templateWebFramework({
   const config = transformTemplate(WEB_FRAMEWORK_CONFIG_TEMPLATE, {
     appName,
     webPort,
-    webDevCommand: scripts.dev === "bedrock dev" ? "" : scripts.dev,
-    webBuildCommand: scripts.build === "bedrock build" ? "" : scripts.build
+    webDevCommand: scriptInputs.dev === "bedrock dev" ? "" : scriptInputs.dev,
+    webBuildCommand: scriptInputs.build === "bedrock build" ? "" : scriptInputs.build
   });
   await import_fs4.default.promises.writeFile(import_path3.default.join(cwd, "bedrock.config.ts"), config, {
     encoding: "utf-8"
   });
 }
+async function templateReactNative({ appName, cwd }) {
+  p2.log.step("bedrock.config.ts \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uB294 \uC911...");
+  const config = transformTemplate(REACT_NATIVE_FRAMEWORK_CONFIG_TEMPLATE, {
+    appName
+  });
+  await import_fs4.default.promises.writeFile(import_path3.default.join(cwd, "bedrock.config.ts"), config, {
+    encoding: "utf-8"
+  });
+  p2.log.step("src/_app.tsx \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uB294 \uC911...");
+  await import_fs4.default.promises.writeFile(import_path3.default.join(cwd, "src", "_app.tsx"), APP_TEMPLATE, {
+    encoding: "utf-8"
+  });
+}
 var InitCommand = class extends import_clipanion2.Command {
   static paths = [[`init`]];
+  template = import_clipanion2.Option.String("--template", { required: false });
+  appName = import_clipanion2.Option.String("--app-name", { required: false });
+  skipInput = import_clipanion2.Option.Boolean("--skip-input", { required: false, hidden: true });
   async execute() {
-    const template = await p2.select({
-      message: "\uD504\uB85C\uC81D\uD2B8\uB97C \uCD08\uAE30\uD654\uD560 \uD15C\uD50C\uB9BF\uC744 \uC120\uD0DD\uD574\uC8FC\uC138\uC694.",
-      options: [
-        {
-          value: "web-framework",
-          label: "\uC6F9 \uD504\uB808\uC784\uC6CC\uD06C",
-          hint: "\uC6F9 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC571\uC778\uD1A0\uC2A4 \uC6F9\uBDF0 \uAC1C\uBC1C\uD658\uACBD\uC744 \uC138\uD305\uD569\uB2C8\uB2E4."
-        }
-      ]
+    const template = await ensureSelect({
+      value: this.template,
+      prompt: async () => p2.select({
+        message: "\uD504\uB85C\uC81D\uD2B8\uB97C \uCD08\uAE30\uD654\uD560 \uD15C\uD50C\uB9BF\uC744 \uC120\uD0DD\uD574\uC8FC\uC138\uC694.",
+        options: [
+          {
+            value: "web-framework",
+            label: "\uC6F9 \uD504\uB808\uC784\uC6CC\uD06C",
+            hint: "\uC6F9 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC571\uC778\uD1A0\uC2A4 \uC6F9\uBDF0 \uAC1C\uBC1C\uD658\uACBD\uC744 \uC138\uD305\uD569\uB2C8\uB2E4."
+          },
+          {
+            value: "react-native",
+            label: "React Native \uD504\uB808\uC784\uC6CC\uD06C (Bedrock)",
+            hint: "Bedrock \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC571\uC778\uD1A0\uC2A4 React Native\uC6A9 \uAC1C\uBC1C\uD658\uACBD\uC744 \uC138\uD305\uD569\uB2C8\uB2E4."
+          }
+        ]
+      })
     });
     if (p2.isCancel(template)) {
       process.exit(0);
     }
     const cwd = getPackageRoot();
     p2.intro("\u{1F680} \uC571 \uCD08\uAE30\uD654\uB97C \uC2DC\uC791\uD569\uB2C8\uB2E4");
-    const appName = await p2.text({
-      message: "Enter app name",
-      validate: (value) => {
-        if (!value) {
-          return "\uC571 \uC774\uB984\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694";
-        }
-        const kebabCaseValue = kebabCase(value);
-        if (value !== kebabCaseValue) {
-          return `\uC571 \uC774\uB984\uC740 \uCF00\uBC25-\uCF00\uC774\uC2A4 \uD615\uC2DD\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4 (\uC608\uC2DC: ${kebabCaseValue})`;
+    const appName = await ensureSelect({
+      value: this.appName,
+      prompt: async () => p2.text({
+        message: "Enter app name",
+        validate: (value) => {
+          if (!value) {
+            return "\uC571 \uC774\uB984\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694";
+          }
+          const kebabCaseValue = kebabCase(value);
+          if (value !== kebabCaseValue) {
+            return `\uC571 \uC774\uB984\uC740 \uCF00\uBC25-\uCF00\uC774\uC2A4 \uD615\uC2DD\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4 (\uC608\uC2DC: ${kebabCaseValue})`;
+          }
+          return;
         }
-        return;
-      }
+      })
     });
     if (p2.isCancel(appName)) {
       p2.cancel("\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4");
       return;
     }
     p2.log.step(`\uC571 \uC774\uB984\uC774 '${appName}'\uC73C\uB85C \uC124\uC815\uB418\uC5C8\uC2B5\uB2C8\uB2E4`);
-    p2.log.step("package.json \uC2A4\uD06C\uB9BD\uD2B8\uB97C \uC124\uC815\uD558\uB294 \uC911...");
-    const packageJson = await import_fs4.default.promises.readFile(import_path3.default.join(cwd, "package.json"), {
-      encoding: "utf-8"
-    });
-    const scripts = JSON.parse(packageJson);
-    const originalScripts = {
-      dev: scripts?.scripts?.dev || scripts?.scripts?.start,
-      build: scripts?.scripts?.build
-    };
-    scripts.scripts.dev = "bedrock dev";
-    scripts.scripts.build = "bedrock build";
-    scripts.scripts.deploy = "ait deploy";
-    await import_fs4.default.promises.writeFile(import_path3.default.join(cwd, "package.json"), JSON.stringify(scripts, null, 2), {
-      encoding: "utf-8"
-    });
-    p2.log.step(".gitignore \uD30C\uC77C\uC744 \uC5C5\uB370\uC774\uD2B8\uD558\uB294 \uC911...");
-    await import_fs4.default.promises.appendFile(import_path3.default.join(cwd, ".gitignore"), "\n.bedrock\n");
-    const placeholder = {
-      dev: originalScripts.dev === "bedrock dev" ? "" : originalScripts.dev,
-      build: originalScripts.build === "bedrock build" ? "" : originalScripts.build
-    };
-    const scriptInputs = await p2.group(
-      {
-        dev: () => p2.text({
-          message: "\uC6F9 \uBC88\uB4E4\uB7EC\uC758 dev \uBA85\uB839\uC5B4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.",
-          defaultValue: placeholder.dev,
-          placeholder: placeholder.dev
-        }),
-        build: () => p2.text({
-          message: "\uC6F9 \uBC88\uB4E4\uB7EC\uC758 build \uBA85\uB839\uC5B4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.",
-          defaultValue: placeholder.build,
-          placeholder: placeholder.build
-        })
-      },
-      {
-        onCancel: () => {
-          p2.cancel("\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4");
-        }
-      }
-    );
     switch (template) {
       case "web-framework": {
         await templateWebFramework({
           appName,
           cwd,
-          scripts: scriptInputs
+          skipInput: this.skipInput ?? false
+        });
+        break;
+      }
+      case "react-native": {
+        await templateReactNative({
+          appName,
+          cwd
         });
+        break;
       }
     }
     p2.outro("\u2728 \uCD08\uAE30\uD654\uAC00 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4!");

package/dist/index.js

@@ -2338,7 +2338,7 @@ init_esm_shims();
 import fs4 from "fs";
 import path3 from "path";
 import * as p2 from "@clack/prompts";
-import { Command as Command2 } from "clipanion";
+import { Command as Command2, Option as Option2 } from "clipanion";
 
 // ../../.yarn/cache/es-toolkit-npm-1.32.0-019fc7c155-56ba965570.zip/node_modules/es-toolkit/dist/index.mjs
 init_esm_shims();
@@ -2363,6 +2363,12 @@ var WEB_FRAMEWORK_CONFIG_TEMPLATE = `import { defineConfig } from '@apps-in-toss
 
 export default defineConfig({
   appName: '%%appName%%',
+  brand: {
+    displayName: '%%appName%%', // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uD55C\uAE00 \uC774\uB984\uC73C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+    primaryColor: '#3182F6', // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uAE30\uBCF8 \uC0C9\uC0C1\uC73C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+    icon: null, // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uC544\uC774\uCF58 \uC774\uBBF8\uC9C0 \uC8FC\uC18C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+    bridgeColorMode: 'basic',
+  },
   web: {
     host: 'localhost',
     port: %%webPort%%,
@@ -2375,6 +2381,47 @@ export default defineConfig({
   outdir: 'dist',
 });
 `;
+var REACT_NATIVE_FRAMEWORK_CONFIG_TEMPLATE = `import { appsInToss } from '@apps-in-toss/framework/plugins';
+import { defineConfig } from 'react-native-bedrock/config';
+
+export default defineConfig({
+  appName: '%%appName%%',
+  plugins: [
+    appsInToss({
+      brand: {
+        displayName: '%%appName%%', // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uD55C\uAE00 \uC774\uB984\uC73C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+        primaryColor: '#3182F6', // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uAE30\uBCF8 \uC0C9\uC0C1\uC73C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+        icon: null, // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uC544\uC774\uCF58 \uC774\uBBF8\uC9C0 \uC8FC\uC18C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+        bridgeColorMode: 'basic',
+      },
+      permissions: [],
+    }),
+  ],
+});
+`;
+var APP_TEMPLATE = `import { AppsInToss } from '@apps-in-toss/framework';
+import { PropsWithChildren } from 'react';
+import { InitialProps } from 'react-native-bedrock';
+import { context } from '../require.context';
+
+function AppContainer({ children }: PropsWithChildren<InitialProps>) {
+  return <>{children}</>;
+}
+
+export default AppsInToss.registerApp(AppContainer, { context });
+`;
+
+// src/utils/ensureSelect.ts
+init_esm_shims();
+async function ensureSelect({
+  value,
+  prompt
+}) {
+  if (value) {
+    return value;
+  }
+  return await prompt();
+}
 
 // src/utils/transformTemplate.ts
 init_esm_shims();
@@ -2388,13 +2435,48 @@ function transformTemplate(templateString, values) {
 }
 
 // src/InitCommand.ts
-async function templateWebFramework({
-  appName,
-  cwd,
-  scripts
-}) {
+async function templateWebFramework({ appName, cwd, skipInput }) {
+  const packageJson = await fs4.promises.readFile(path3.join(cwd, "package.json"), {
+    encoding: "utf-8"
+  });
+  const scripts = JSON.parse(packageJson);
+  const originalScripts = {
+    dev: scripts?.scripts?.dev || scripts?.scripts?.start,
+    build: scripts?.scripts?.build
+  };
+  scripts.scripts.dev = "bedrock dev";
+  scripts.scripts.build = "bedrock build";
+  scripts.scripts.deploy = "ait deploy";
+  await fs4.promises.writeFile(path3.join(cwd, "package.json"), JSON.stringify(scripts, null, 2), {
+    encoding: "utf-8"
+  });
+  p2.log.step(".gitignore \uD30C\uC77C\uC744 \uC5C5\uB370\uC774\uD2B8\uD558\uB294 \uC911...");
+  await fs4.promises.appendFile(path3.join(cwd, ".gitignore"), "\n.bedrock\n");
+  const placeholder = {
+    dev: originalScripts.dev === "bedrock dev" ? "" : originalScripts.dev,
+    build: originalScripts.build === "bedrock build" ? "" : originalScripts.build
+  };
+  const scriptInputs = skipInput ? placeholder : await p2.group(
+    {
+      dev: () => p2.text({
+        message: "\uC6F9 \uBC88\uB4E4\uB7EC\uC758 dev \uBA85\uB839\uC5B4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.",
+        defaultValue: placeholder.dev,
+        placeholder: placeholder.dev
+      }),
+      build: () => p2.text({
+        message: "\uC6F9 \uBC88\uB4E4\uB7EC\uC758 build \uBA85\uB839\uC5B4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.",
+        defaultValue: placeholder.build,
+        placeholder: placeholder.build
+      })
+    },
+    {
+      onCancel: () => {
+        p2.cancel("\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4");
+      }
+    }
+  );
   p2.log.step("bedrock.config.ts \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uB294 \uC911...");
-  const webPort = await p2.text({
+  const webPort = skipInput ? "5173" : await p2.text({
     message: "Enter web port",
     placeholder: "5173",
     defaultValue: "5173"
@@ -2406,96 +2488,91 @@ async function templateWebFramework({
   const config = transformTemplate(WEB_FRAMEWORK_CONFIG_TEMPLATE, {
     appName,
     webPort,
-    webDevCommand: scripts.dev === "bedrock dev" ? "" : scripts.dev,
-    webBuildCommand: scripts.build === "bedrock build" ? "" : scripts.build
+    webDevCommand: scriptInputs.dev === "bedrock dev" ? "" : scriptInputs.dev,
+    webBuildCommand: scriptInputs.build === "bedrock build" ? "" : scriptInputs.build
   });
   await fs4.promises.writeFile(path3.join(cwd, "bedrock.config.ts"), config, {
     encoding: "utf-8"
   });
 }
+async function templateReactNative({ appName, cwd }) {
+  p2.log.step("bedrock.config.ts \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uB294 \uC911...");
+  const config = transformTemplate(REACT_NATIVE_FRAMEWORK_CONFIG_TEMPLATE, {
+    appName
+  });
+  await fs4.promises.writeFile(path3.join(cwd, "bedrock.config.ts"), config, {
+    encoding: "utf-8"
+  });
+  p2.log.step("src/_app.tsx \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uB294 \uC911...");
+  await fs4.promises.writeFile(path3.join(cwd, "src", "_app.tsx"), APP_TEMPLATE, {
+    encoding: "utf-8"
+  });
+}
 var InitCommand = class extends Command2 {
   static paths = [[`init`]];
+  template = Option2.String("--template", { required: false });
+  appName = Option2.String("--app-name", { required: false });
+  skipInput = Option2.Boolean("--skip-input", { required: false, hidden: true });
   async execute() {
-    const template = await p2.select({
-      message: "\uD504\uB85C\uC81D\uD2B8\uB97C \uCD08\uAE30\uD654\uD560 \uD15C\uD50C\uB9BF\uC744 \uC120\uD0DD\uD574\uC8FC\uC138\uC694.",
-      options: [
-        {
-          value: "web-framework",
-          label: "\uC6F9 \uD504\uB808\uC784\uC6CC\uD06C",
-          hint: "\uC6F9 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC571\uC778\uD1A0\uC2A4 \uC6F9\uBDF0 \uAC1C\uBC1C\uD658\uACBD\uC744 \uC138\uD305\uD569\uB2C8\uB2E4."
-        }
-      ]
+    const template = await ensureSelect({
+      value: this.template,
+      prompt: async () => p2.select({
+        message: "\uD504\uB85C\uC81D\uD2B8\uB97C \uCD08\uAE30\uD654\uD560 \uD15C\uD50C\uB9BF\uC744 \uC120\uD0DD\uD574\uC8FC\uC138\uC694.",
+        options: [
+          {
+            value: "web-framework",
+            label: "\uC6F9 \uD504\uB808\uC784\uC6CC\uD06C",
+            hint: "\uC6F9 \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC571\uC778\uD1A0\uC2A4 \uC6F9\uBDF0 \uAC1C\uBC1C\uD658\uACBD\uC744 \uC138\uD305\uD569\uB2C8\uB2E4."
+          },
+          {
+            value: "react-native",
+            label: "React Native \uD504\uB808\uC784\uC6CC\uD06C (Bedrock)",
+            hint: "Bedrock \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC571\uC778\uD1A0\uC2A4 React Native\uC6A9 \uAC1C\uBC1C\uD658\uACBD\uC744 \uC138\uD305\uD569\uB2C8\uB2E4."
+          }
+        ]
+      })
     });
     if (p2.isCancel(template)) {
       process.exit(0);
     }
     const cwd = getPackageRoot();
     p2.intro("\u{1F680} \uC571 \uCD08\uAE30\uD654\uB97C \uC2DC\uC791\uD569\uB2C8\uB2E4");
-    const appName = await p2.text({
-      message: "Enter app name",
-      validate: (value) => {
-        if (!value) {
-          return "\uC571 \uC774\uB984\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694";
-        }
-        const kebabCaseValue = kebabCase(value);
-        if (value !== kebabCaseValue) {
-          return `\uC571 \uC774\uB984\uC740 \uCF00\uBC25-\uCF00\uC774\uC2A4 \uD615\uC2DD\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4 (\uC608\uC2DC: ${kebabCaseValue})`;
+    const appName = await ensureSelect({
+      value: this.appName,
+      prompt: async () => p2.text({
+        message: "Enter app name",
+        validate: (value) => {
+          if (!value) {
+            return "\uC571 \uC774\uB984\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694";
+          }
+          const kebabCaseValue = kebabCase(value);
+          if (value !== kebabCaseValue) {
+            return `\uC571 \uC774\uB984\uC740 \uCF00\uBC25-\uCF00\uC774\uC2A4 \uD615\uC2DD\uC774\uC5B4\uC57C \uD569\uB2C8\uB2E4 (\uC608\uC2DC: ${kebabCaseValue})`;
+          }
+          return;
         }
-        return;
-      }
+      })
     });
     if (p2.isCancel(appName)) {
       p2.cancel("\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4");
       return;
     }
     p2.log.step(`\uC571 \uC774\uB984\uC774 '${appName}'\uC73C\uB85C \uC124\uC815\uB418\uC5C8\uC2B5\uB2C8\uB2E4`);
-    p2.log.step("package.json \uC2A4\uD06C\uB9BD\uD2B8\uB97C \uC124\uC815\uD558\uB294 \uC911...");
-    const packageJson = await fs4.promises.readFile(path3.join(cwd, "package.json"), {
-      encoding: "utf-8"
-    });
-    const scripts = JSON.parse(packageJson);
-    const originalScripts = {
-      dev: scripts?.scripts?.dev || scripts?.scripts?.start,
-      build: scripts?.scripts?.build
-    };
-    scripts.scripts.dev = "bedrock dev";
-    scripts.scripts.build = "bedrock build";
-    scripts.scripts.deploy = "ait deploy";
-    await fs4.promises.writeFile(path3.join(cwd, "package.json"), JSON.stringify(scripts, null, 2), {
-      encoding: "utf-8"
-    });
-    p2.log.step(".gitignore \uD30C\uC77C\uC744 \uC5C5\uB370\uC774\uD2B8\uD558\uB294 \uC911...");
-    await fs4.promises.appendFile(path3.join(cwd, ".gitignore"), "\n.bedrock\n");
-    const placeholder = {
-      dev: originalScripts.dev === "bedrock dev" ? "" : originalScripts.dev,
-      build: originalScripts.build === "bedrock build" ? "" : originalScripts.build
-    };
-    const scriptInputs = await p2.group(
-      {
-        dev: () => p2.text({
-          message: "\uC6F9 \uBC88\uB4E4\uB7EC\uC758 dev \uBA85\uB839\uC5B4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.",
-          defaultValue: placeholder.dev,
-          placeholder: placeholder.dev
-        }),
-        build: () => p2.text({
-          message: "\uC6F9 \uBC88\uB4E4\uB7EC\uC758 build \uBA85\uB839\uC5B4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.",
-          defaultValue: placeholder.build,
-          placeholder: placeholder.build
-        })
-      },
-      {
-        onCancel: () => {
-          p2.cancel("\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4");
-        }
-      }
-    );
     switch (template) {
       case "web-framework": {
         await templateWebFramework({
           appName,
           cwd,
-          scripts: scriptInputs
+          skipInput: this.skipInput ?? false
+        });
+        break;
+      }
+      case "react-native": {
+        await templateReactNative({
+          appName,
+          cwd
         });
+        break;
       }
     }
     p2.outro("\u2728 \uCD08\uAE30\uD654\uAC00 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4!");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/cli",
   "type": "module",
-  "version": "0.0.0-dev.1743134070910",
+  "version": "0.0.0-dev.1744801739343",
   "description": "CLI for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5acf03f70ea94cd53a91b74d34b1a196e45604f3"
+  "gitHead": "aebed4e46de1690956a3b9be49b55811b5ddfa24"
 }