@apps-in-toss/web-framework 3.0.0-beta.9d42c0b → 3.0.0-beta.d37d458

package/dist/cli.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 // src/cli/index.ts
-import { Cli } from "clipanion";
+import { Cli, Builtins } from "clipanion";
 
 // src/cli/commands/build/index.ts
 import * as p from "@clack/prompts";
@@ -131,7 +131,7 @@ async function getWebBundleFiles(webBundleDir) {
   const filePaths = await getFilePathsInDir(webBundleDir);
   const files = [];
   for (const filePath of filePaths) {
-    const name = filePath.replace(webBundleDir + "/", "");
+    const name = path2.relative(webBundleDir, filePath);
     const data = new Uint8Array(await readFile(filePath));
     files.push({ name, data });
   }
@@ -165,23 +165,565 @@ var BuildCommand = class extends Command {
   }
 };
 
-// src/cli/commands/migration/index.ts
-import * as p3 from "@clack/prompts";
+// src/cli/commands/deploy/index.ts
+import assert from "assert";
+import fs4 from "fs";
+import path5 from "path";
+import { AppsInTossBundle as AppsInTossBundle2 } from "@apps-in-toss/ait-format";
+import * as p2 from "@clack/prompts";
 import { Command as Command2, Option } from "clipanion";
 
+// src/cli/utils/colors.ts
+function wrap(open, close) {
+  return (input) => `\x1B[${open}m${input}\x1B[${close}m`;
+}
+var colors = {
+  cyan: wrap(36, 39),
+  green: wrap(32, 39),
+  underline: wrap(4, 24)
+};
+
+// src/cli/utils/TokenStorage.ts
+import fs2 from "fs";
+import os from "os";
+import path4 from "path";
+var TokenStorage = class {
+  static get path() {
+    const home = os.homedir();
+    const dir = path4.join(home, ".ait");
+    if (!fs2.existsSync(dir)) {
+      fs2.mkdirSync(dir, { recursive: true });
+    }
+    return path4.join(dir, "credentials");
+  }
+  static read() {
+    const file = this.path;
+    if (!fs2.existsSync(file)) {
+      return {};
+    }
+    const raw = fs2.readFileSync(file, "utf8");
+    try {
+      const parsed = JSON.parse(raw);
+      if (parsed && typeof parsed === "object") {
+        return parsed;
+      }
+    } catch {
+    }
+    return {};
+  }
+  static write(map) {
+    const file = this.path;
+    const content = JSON.stringify(map, null, 2);
+    fs2.writeFileSync(file, content, { encoding: "utf8" });
+  }
+  static set(workspace, token) {
+    const creds = this.read();
+    creds[workspace] = token;
+    this.write(creds);
+  }
+  static delete(workspace) {
+    const creds = this.read();
+    if (workspace in creds) {
+      delete creds[workspace];
+      this.write(creds);
+      return true;
+    }
+    return false;
+  }
+  static get(workspace) {
+    const creds = this.read();
+    return creds[workspace];
+  }
+};
+
+// src/cli/utils/upload.ts
+import fs3 from "fs";
+
+// src/cli/utils/constants.ts
+var DEFAULT_API_BASE_URL = "https://apps-in-toss.toss.im/console";
+
+// src/cli/utils/flowAsync.ts
+function flowAsync(...funcs) {
+  return async function(...args) {
+    let result = funcs.length ? await funcs[0].apply(this, args) : args[0];
+    for (let i = 1; i < funcs.length; i++) {
+      result = await funcs[i]?.call(this, result);
+    }
+    return result;
+  };
+}
+
+// src/cli/utils/handleFetchResponse.ts
+async function handleFetchResponse(response) {
+  if (!response.ok) {
+    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+  }
+  const data = await response.clone().json();
+  if (data.resultType !== "SUCCESS") {
+    const errorCode = data?.error?.errorCode ?? "-1";
+    const errorReason = data?.error?.reason ?? "unknown";
+    throw new Error(`${errorReason} (Code: ${errorCode})`);
+  }
+  return data.success;
+}
+
+// src/cli/utils/withRetry.ts
+import { setTimeout as sleep } from "timers/promises";
+async function withRetry(fn, options = {}) {
+  const {
+    maxRetries = 60,
+    delayMs = 1e4,
+    shouldRetryOnResult,
+    shouldRetryOnError,
+    onRetry
+  } = options;
+  let attempt = 0;
+  while (attempt < maxRetries) {
+    try {
+      const result = await fn();
+      if (shouldRetryOnResult && shouldRetryOnResult(result)) {
+        onRetry?.(attempt + 1, { result });
+        await sleep(delayMs);
+        attempt++;
+        continue;
+      }
+      return result;
+    } catch (error) {
+      const retryable = shouldRetryOnError ? shouldRetryOnError(error) : false;
+      if (!retryable) {
+        throw error;
+      }
+      onRetry?.(attempt + 1, { error });
+      await sleep(delayMs);
+      attempt++;
+    }
+  }
+  throw new Error("\uCD5C\uB300 \uB300\uAE30\uC2DC\uAC04\uC744 \uCD08\uACFC\uD588\uC5B4\uC694.");
+}
+
+// src/cli/utils/upload.ts
+async function uploadArtifact(config) {
+  return flowAsync(
+    uploadStart(),
+    uploadArtifactToRemote(),
+    uploadComplete(),
+    checkBundleStatus()
+  )(config);
+}
+function uploadStart() {
+  return async (config) => {
+    const baseUrl = config.baseUrl ?? DEFAULT_API_BASE_URL;
+    const response = await fetch(
+      `${baseUrl}/api-public/v3/openapi/bundles/${config.appName}/upload-start`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${config.apiKey}`
+        },
+        body: JSON.stringify({
+          deploymentId: config.deploymentId,
+          memo: config.memo
+        })
+      }
+    );
+    return {
+      config,
+      output: await handleFetchResponse(response)
+    };
+  };
+}
+function uploadArtifactToRemote() {
+  return async (params) => {
+    const { config, output } = params;
+    const stat = await fs3.promises.stat(config.artifactPath);
+    const stream = fs3.createReadStream(config.artifactPath);
+    const response = await fetch(output.uploadUrl, {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/zip",
+        "Content-Length": String(stat.size)
+      },
+      // Node.js의 fetch는 ReadStream을 body로 받을 수 있으나 DOM 타입에는 없어 캐스팅합니다.
+      body: stream,
+      duplex: "half"
+    });
+    if (!response.ok) {
+      throw new Error("\uC5C5\uB85C\uB4DC\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uC2DC\uB3C4\uD574\uC8FC\uC138\uC694.");
+    }
+    return config;
+  };
+}
+function uploadComplete() {
+  return async (config) => {
+    const baseUrl = config.baseUrl ?? DEFAULT_API_BASE_URL;
+    const response = await fetch(
+      `${baseUrl}/api-public/v3/openapi/bundles/${config.appName}/upload-complete`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${config.apiKey}`
+        },
+        body: JSON.stringify({
+          deploymentId: config.deploymentId
+        })
+      }
+    );
+    await handleFetchResponse(response);
+    return config;
+  };
+}
+function checkBundleStatus(delayMs = 1e4, maxRetries = 10) {
+  return async (config) => {
+    const baseUrl = config.baseUrl ?? DEFAULT_API_BASE_URL;
+    function assertBuildNotFailed(config2, reviewStatus2) {
+      if (reviewStatus2 === "BUILD_FAILED") {
+        throw new Error(
+          `\uBE4C\uB4DC\uC5D0 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4. \uCF58\uC194\uC5D0\uC11C \uBE4C\uB4DC \uC2E4\uD328 \uC0AC\uC720\uB97C \uD655\uC778\uD574\uC8FC\uC138\uC694.(deploymentId: ${config2.deploymentId})`
+        );
+      }
+    }
+    async function pollBundleStatus() {
+      const response = await fetch(
+        `${baseUrl}/api-public/v3/openapi/bundles/${config.appName}/deployments/${config.deploymentId}`,
+        {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${config.apiKey}`
+          }
+        }
+      );
+      const { reviewStatus: reviewStatus2 } = await handleFetchResponse(response);
+      return reviewStatus2;
+    }
+    const reviewStatus = await withRetry(pollBundleStatus, {
+      maxRetries,
+      delayMs,
+      shouldRetryOnResult: (reviewStatus2) => reviewStatus2 === "BUILDING" || reviewStatus2 === "PREPARE",
+      shouldRetryOnError: () => false
+    });
+    assertBuildNotFailed(config, reviewStatus);
+  };
+}
+
+// src/cli/commands/deploy/index.ts
+var DeployCommand = class extends Command2 {
+  static paths = [["deploy"]];
+  static usage = Command2.Usage({
+    category: "Deploy",
+    description: "\uBE4C\uB4DC\uB41C .ait \uC544\uD2F0\uD329\uD2B8\uB97C \uC571\uC778\uD1A0\uC2A4\uC5D0 \uC5C5\uB85C\uB4DC(\uBC30\uD3EC)\uD569\uB2C8\uB2E4.",
+    examples: [
+      ["\uAE30\uBCF8 \uC544\uD2F0\uD329\uD2B8(.ait) \uBC30\uD3EC", "apps-in-toss deploy"],
+      [
+        "\uD2B9\uC815 .ait \uD30C\uC77C \uBC30\uD3EC",
+        "apps-in-toss deploy --location ./dist/my-app.ait"
+      ],
+      ["\uD504\uB85C\uD544\uC5D0 \uC800\uC7A5\uB41C \uD1A0\uD070\uC73C\uB85C \uBC30\uD3EC", "apps-in-toss deploy --profile dev"],
+      [
+        "\uCD9C\uC2DC \uBA54\uBAA8\uC640 \uD568\uAED8 \uBC30\uD3EC",
+        'apps-in-toss deploy -m "\uCD9C\uC2DC \uBA54\uBAA8(\uCD5C\uB300 1000\uC790)"'
+      ],
+      ["\uBC30\uD3EC \uACB0\uACFC scheme\uB9CC \uCD9C\uB825", "apps-in-toss deploy --scheme-only"]
+    ]
+  });
+  apiKey = Option.String("--api-key", {
+    required: false,
+    description: "\uBC30\uD3EC\uB97C \uC704\uD55C API \uD0A4\uC785\uB2C8\uB2E4. \uBA85\uC2DC\uC801\uC73C\uB85C \uC774 \uC635\uC158\uC73C\uB85C api key\uB97C \uC9C1\uC811 \uC785\uB825\uD558\uAC70\uB098, --profile \uC635\uC158\uC744 \uC0AC\uC6A9\uD574\uC11C \uD504\uB85C\uD544\uC744 \uC9C0\uC815\uD558\uBA74 \uD504\uB85C\uD544\uC5D0 \uB4F1\uB85D\uB41C api key\uB97C \uC0AC\uC6A9\uD574\uC694."
+  });
+  workspace = Option.String("--workspace", {
+    required: false,
+    description: "(deprecated) \uD1A0\uD070 \uC6CC\uD06C\uC2A4\uD398\uC774\uC2A4 \uC774\uB984\uC785\uB2C8\uB2E4. \uC774 \uC635\uC158 \uB300\uC2E0 --profile \uC635\uC158\uC744 \uC0AC\uC6A9\uD574\uC8FC\uC138\uC694."
+  });
+  profile = Option.String("--profile", {
+    required: false,
+    description: "apps-in-toss token add \uBA85\uB839\uC5B4\uB97C \uD1B5\uD574 \uB4F1\uB85D\uD55C \uD504\uB85C\uD544\uC774\uC5D0\uC694. \uD504\uB85C\uD544\uC774 \uC5C6\uC73C\uBA74 default \uD504\uB85C\uD544\uC744 \uC0AC\uC6A9\uD574\uC694."
+  });
+  baseUrl = Option.String("--base-url", {
+    description: "API Base URL",
+    required: false
+  });
+  location = Option.String("--location", {
+    description: "\uC5C5\uB85C\uB4DC\uD560 .ait \uD30C\uC77C\uC758 \uACBD\uB85C\uB97C \uBA85\uC2DC\uC801\uC73C\uB85C \uC9C0\uC815\uD574\uC694. \uAE30\uBCF8\uAC12\uC740 \uD604\uC7AC \uD328\uD0A4\uC9C0 \uB8E8\uD2B8 \uB514\uB809\uD1A0\uB9AC\uC5D0 \uC788\uB294 ait \uD30C\uC77C\uC774\uC5D0\uC694.",
+    required: false
+  });
+  schemeOnly = Option.Boolean("--scheme-only", {
+    required: false,
+    description: "\uBC30\uD3EC \uACB0\uACFC\uB97C intoss-private scheme\uB9CC \uCD9C\uB825\uD558\uB3C4\uB85D \uC124\uC815\uD574\uC694. \uAE30\uBCF8\uAC12\uC740 false\uC608\uC694."
+  });
+  memo = Option.String("-m,--memo", {
+    required: false,
+    description: "\uCD9C\uC2DC \uBA54\uBAA8\uB97C \uC785\uB825\uD574\uC694. \uCD5C\uB300 1000\uC790\uAE4C\uC9C0 \uC785\uB825\uD560 \uC218 \uC788\uC5B4\uC694."
+  });
+  async execute() {
+    const baseUrl = this.baseUrl;
+    const profile = this.profile || this.workspace || "default";
+    if (this.workspace) {
+      p2.log.warn(
+        "(deprecated) --workspace \uC635\uC158\uC740 \uC774\uC81C \uC0AC\uC6A9\uD558\uC9C0 \uC54A\uC544\uC694. \uC774 \uC635\uC158 \uB300\uC2E0 --profile \uC635\uC158\uC744 \uC0AC\uC6A9\uD574\uC8FC\uC138\uC694."
+      );
+    }
+    const apiKey = await this.getApiKey(profile);
+    if (p2.isCancel(apiKey)) {
+      return;
+    }
+    try {
+      if (this.memo != null && this.memo.length > 1e3) {
+        throw new Error("memo\uB294 \uCD5C\uB300 1000\uC790\uAE4C\uC9C0 \uC785\uB825\uD560 \uC218 \uC788\uC5B4\uC694.");
+      }
+      const resolvedArtifactPath = this.getArtifactPath(this.location);
+      const buffer = fs4.readFileSync(resolvedArtifactPath);
+      const format = AppsInTossBundle2.detect(buffer);
+      if (format !== AppsInTossBundle2.Format.AIT) {
+        throw new Error("\uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uD30C\uC77C \uD615\uC2DD\uC785\uB2C8\uB2E4");
+      }
+      const reader = AppsInTossBundle2.reader(buffer);
+      const appName = reader.appName;
+      const deploymentId = reader.deploymentId;
+      assert(typeof appName === "string", "ait \uD30C\uC77C\uC5D0 appName\uC774 \uC5C6\uC2B5\uB2C8\uB2E4");
+      assert(
+        typeof deploymentId === "string",
+        "ait \uD30C\uC77C\uC5D0 deploymentId\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4"
+      );
+      const colorAppName = this.decorate(appName, colors.cyan);
+      if (this.schemeOnly) {
+        await uploadArtifact({
+          artifactPath: resolvedArtifactPath,
+          appName,
+          deploymentId,
+          apiKey,
+          memo: this.memo,
+          baseUrl
+        });
+      } else {
+        await p2.tasks([
+          {
+            title: `${colorAppName} \uC571 \uBC30\uD3EC \uC911...`,
+            task: async () => {
+              await uploadArtifact({
+                artifactPath: resolvedArtifactPath,
+                appName,
+                deploymentId,
+                apiKey,
+                memo: this.memo,
+                baseUrl
+              });
+              return `${colorAppName} \uBC30\uD3EC\uAC00 \uC644\uB8CC\uB418\uC5C8\uC5B4\uC694`;
+            }
+          }
+        ]);
+      }
+      this.printResult(appName, deploymentId);
+    } catch (error) {
+      if (error instanceof Error) {
+        this.printError(error);
+      } else {
+        console.error(error);
+      }
+      process.exit(1);
+    }
+  }
+  decorate(message, color) {
+    if (this.schemeOnly) {
+      return message;
+    }
+    return colors.underline(color(message));
+  }
+  printResult(appName, deploymentId) {
+    const result = `intoss-private://${appName}?_deploymentId=${deploymentId}`;
+    if (this.schemeOnly) {
+      this.context.stdout.write(`${result}
+`);
+    } else {
+      p2.note(this.decorate(result, colors.green));
+    }
+  }
+  printError(error) {
+    if (this.schemeOnly) {
+      this.context.stdout.write(`${error.message}
+`);
+    } else {
+      p2.log.error(error.message);
+    }
+  }
+  async getApiKey(profile) {
+    const token = TokenStorage.get(profile) || this.apiKey;
+    if (token) {
+      return token;
+    }
+    return await p2.password({
+      message: "\uC571\uC778\uD1A0\uC2A4 \uBC30\uD3EC API \uD0A4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694",
+      validate: (value) => {
+        if (value == null || value.length === 0) {
+          return "API \uD0A4\uB294 \uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4.";
+        }
+        return;
+      }
+    });
+  }
+  getArtifactPath(location) {
+    if (location) {
+      if (!location.endsWith(".ait")) {
+        throw new Error("\uBC30\uD3EC\uD560 \uD30C\uC77C\uC740 .ait \uD655\uC7A5\uC790\uC5EC\uC57C \uD569\uB2C8\uB2E4.");
+      }
+      return path5.resolve(location);
+    }
+    const packageRoot = getPackageRoot(process.cwd());
+    const artifactFile = fs4.readdirSync(packageRoot).find((file) => file.endsWith(".ait"));
+    if (!artifactFile) {
+      throw new Error("\uBC30\uD3EC\uD560 .ait \uD30C\uC77C\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");
+    }
+    return path5.resolve(packageRoot, artifactFile);
+  }
+};
+
+// src/cli/commands/init/index.ts
+import { appendFile, readFile as readFile2, writeFile as writeFile2 } from "fs/promises";
+import { join } from "path";
+import * as p3 from "@clack/prompts";
+import { Command as Command3, Option as Option2 } from "clipanion";
+
+// src/cli/utils/ensureSelect.ts
+async function ensureSelect({
+  value,
+  prompt
+}) {
+  if (value) {
+    return value;
+  }
+  return await prompt();
+}
+
+// src/cli/utils/kebabCase.ts
+function kebabCase(str) {
+  return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "").toLowerCase();
+}
+
+// src/cli/utils/transformTemplate.ts
+function transformTemplate(templateString, values) {
+  let result = templateString;
+  for (const key in values) {
+    const placeholder = `%%${key}%%`;
+    result = result.replace(new RegExp(placeholder, "g"), values[key]);
+  }
+  return result;
+}
+
+// src/cli/commands/init/templates.ts
+var WEB_FRAMEWORK_CONFIG_TEMPLATE = `import { defineConfig } from '@apps-in-toss/web-framework/config';
+
+export default defineConfig({
+  appName: '%%appName%%',
+  brand: {
+    primaryColor: '#3182F6', // \uD654\uBA74\uC5D0 \uB178\uCD9C\uB420 \uC571\uC758 \uAE30\uBCF8 \uC0C9\uC0C1\uC73C\uB85C \uBC14\uAFD4\uC8FC\uC138\uC694.
+  },
+  permissions: [],
+  webBundleDir: '%%webBundleDir%%',
+});
+`;
+
+// src/cli/commands/init/index.ts
+async function templateWebFramework({
+  appName,
+  cwd,
+  skipInput
+}) {
+  const packageJsonPath = join(cwd, "package.json");
+  const packageJsonRaw = await readFile2(packageJsonPath, {
+    encoding: "utf-8"
+  });
+  const packageJson = JSON.parse(packageJsonRaw);
+  packageJson.scripts ??= {};
+  if (packageJson.scripts.build) {
+    packageJson.scripts.build = packageJson.scripts.build + " && ait build";
+  }
+  packageJson.scripts.deploy = "ait deploy";
+  await writeFile2(packageJsonPath, JSON.stringify(packageJson, null, 2), {
+    encoding: "utf-8"
+  });
+  p3.log.step(".gitignore \uD30C\uC77C\uC744 \uC5C5\uB370\uC774\uD2B8\uD558\uB294 \uC911...");
+  await appendFile(join(cwd, ".gitignore"), "\n*.ait\n");
+  const webBundleDir = skipInput ? "dist" : await p3.text({
+    message: "\uC6F9 \uBC88\uB4E4 \uACB0\uACFC\uBB3C\uC774 \uC704\uCE58\uD55C \uB514\uB809\uD1A0\uB9AC\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.",
+    placeholder: "dist",
+    defaultValue: "dist"
+  });
+  if (p3.isCancel(webBundleDir)) {
+    p3.cancel("\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4");
+    return;
+  }
+  p3.log.step("apps-in-toss.config.ts \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uB294 \uC911...");
+  const config = transformTemplate(WEB_FRAMEWORK_CONFIG_TEMPLATE, {
+    appName,
+    webBundleDir
+  });
+  await writeFile2(join(cwd, "apps-in-toss.config.ts"), config, {
+    encoding: "utf-8"
+  });
+}
+var InitCommand = class extends Command3 {
+  static paths = [["init"]];
+  static usage = Command3.Usage({
+    category: "Setup",
+    description: "\uC571\uC778\uD1A0\uC2A4 \uC6F9 \uD504\uB808\uC784\uC6CC\uD06C \uAC1C\uBC1C/\uBC30\uD3EC \uC124\uC815\uC744 \uCD08\uAE30\uD654\uD569\uB2C8\uB2E4.",
+    examples: [
+      ["\uB300\uD654\uD615\uC73C\uB85C \uCD08\uAE30\uD654", "apps-in-toss init"],
+      ["\uC571 \uC774\uB984\uC744 \uC9C0\uC815\uD558\uC5EC \uCD08\uAE30\uD654", "apps-in-toss init --app-name my-miniapp"]
+    ]
+  });
+  appName = Option2.String("--app-name", {
+    required: false,
+    description: "\uC571 \uC774\uB984(\uCF00\uBC25-\uCF00\uC774\uC2A4)\uC744 \uC9C0\uC815\uD574\uC694. \uC608) my-miniapp"
+  });
+  skipInput = Option2.Boolean("--skip-input", { required: false, hidden: true });
+  async execute() {
+    const cwd = getPackageRoot(process.cwd());
+    p3.intro("\u{1F680} \uC571 \uCD08\uAE30\uD654\uB97C \uC2DC\uC791\uD569\uB2C8\uB2E4");
+    const appName = await ensureSelect({
+      value: this.appName,
+      prompt: async () => p3.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;
+        }
+      })
+    });
+    if (p3.isCancel(appName)) {
+      p3.cancel("\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4");
+      return;
+    }
+    p3.log.step(`\uC571 \uC774\uB984\uC774 '${appName}'\uC73C\uB85C \uC124\uC815\uB418\uC5C8\uC2B5\uB2C8\uB2E4`);
+    await templateWebFramework({
+      appName,
+      cwd,
+      skipInput: this.skipInput ?? false
+    });
+    p3.outro("\u2728 \uCD08\uAE30\uD654\uAC00 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4!");
+  }
+};
+
+// src/cli/commands/migration/index.ts
+import * as p5 from "@clack/prompts";
+import { Command as Command4, Option as Option3 } from "clipanion";
+
 // src/cli/commands/migration/web-framework-v3.ts
-import * as p2 from "@clack/prompts";
+import * as p4 from "@clack/prompts";
 import { cosmiconfig as cosmiconfig2 } from "cosmiconfig";
 import { TypeScriptLoader as TypeScriptLoader2 } from "cosmiconfig-typescript-loader";
-import { readFile as readFile2, writeFile as writeFile2 } from "fs/promises";
+import { readFile as readFile3, writeFile as writeFile3 } from "fs/promises";
 import { resolve } from "path";
 import jscodeshift from "jscodeshift";
 async function migrateWebFrameworkV3() {
   const projectRoot = getPackageRoot(process.cwd());
-  p2.log.info("@apps-in-toss/web-framework V3 \uC790\uB3D9 \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC744 \uC2DC\uC791\uD569\uB2C8\uB2E4.");
-  p2.log.info(
-    "\uC790\uB3D9 \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC5D0 \uC2E4\uD328\uD560 \uACBD\uC6B0, \uCEE4\uBBA4\uB2C8\uD2F0\uC5D0\uC11C \uC218\uB3D9 \uB9C8\uC774\uADF8\uB808\uC774\uC158 \uAC00\uC774\uB4DC\uB97C \uCC38\uACE0\uD574\uC8FC\uC138\uC694.\nhttps://techchat-apps-in-toss.toss.im"
-  );
+  p4.log.info("@apps-in-toss/web-framework V3 \uC790\uB3D9 \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC744 \uC2DC\uC791\uD569\uB2C8\uB2E4.");
   const { config: graniteConfig, filepath: graniteConfigPath } = await getGraniteConfig(projectRoot);
   await migrateAppsInTossConfig(
     graniteConfigPath,
@@ -195,10 +737,10 @@ async function migrateWebFrameworkV3() {
     graniteConfig.web.commands.dev,
     graniteConfig.web.commands.build
   );
-  p2.log.success("\uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+  p4.log.success("\uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
 }
 async function getGraniteConfig(projectRoot) {
-  p2.log.info("granite.config \uD30C\uC77C \uCC3E\uB294 \uC911..");
+  p4.log.info("granite.config \uD30C\uC77C \uCC3E\uB294 \uC911..");
   const result = await cosmiconfig2("granite", {
     loaders: {
       ".ts": TypeScriptLoader2(),
@@ -215,16 +757,16 @@ async function getGraniteConfig(projectRoot) {
     ]
   }).search(projectRoot);
   if (result == null) {
-    p2.log.error("granite.config \uD30C\uC77C\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");
+    p4.log.error("granite.config \uD30C\uC77C\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");
     process.exit(1);
   }
   return result;
 }
 async function migrateAppsInTossConfig(configPath, outputPath) {
-  p2.log.info("granite.config\uB97C apps-in-toss.config\uB85C \uB9C8\uC774\uADF8\uB808\uC774\uC158\uD569\uB2C8\uB2E4.");
-  const root = jscodeshift((await readFile2(configPath)).toString());
-  root.find(jscodeshift.ObjectExpression).forEach((path4) => {
-    const obj = path4.value;
+  p4.log.info("granite.config\uB97C apps-in-toss.config\uB85C \uB9C8\uC774\uADF8\uB808\uC774\uC158\uD569\uB2C8\uB2E4.");
+  const root = jscodeshift((await readFile3(configPath)).toString());
+  root.find(jscodeshift.ObjectExpression).forEach((path7) => {
+    const obj = path7.value;
     for (const prop of obj.properties) {
       if (jscodeshift.Property.check(prop) && jscodeshift.Identifier.check(prop.key) && prop.key.name === "brand" && jscodeshift.ObjectExpression.check(prop.value)) {
         prop.value.properties = prop.value.properties.filter(
@@ -252,39 +794,39 @@ async function migrateAppsInTossConfig(configPath, outputPath) {
       return true;
     });
   });
-  await writeFile2(outputPath, root.toSource());
-  p2.log.info("apps-in-toss.config\uAC00 \uC0DD\uC131\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+  await writeFile3(outputPath, root.toSource());
+  p4.log.info("apps-in-toss.config\uAC00 \uC0DD\uC131\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
 }
 async function migratePackageJsonScripts(packageJsonPath, dev, build) {
-  p2.log.info("package.json\uC758 dev, build \uC2A4\uD06C\uB9BD\uD2B8\uB97C \uC218\uC815\uD569\uB2C8\uB2E4.");
-  const packageJson = JSON.parse((await readFile2(packageJsonPath)).toString());
+  p4.log.info("package.json\uC758 dev, build \uC2A4\uD06C\uB9BD\uD2B8\uB97C \uC218\uC815\uD569\uB2C8\uB2E4.");
+  const packageJson = JSON.parse((await readFile3(packageJsonPath)).toString());
   if (packageJson.scripts == null) {
     packageJson.scripts = {};
   }
   packageJson.scripts["dev"] = dev;
   packageJson.scripts["build"] = `${build} && ait build`;
-  await writeFile2(packageJsonPath, JSON.stringify(packageJson, null, 2));
-  p2.log.info("package.json \uC218\uC815\uC774 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+  await writeFile3(packageJsonPath, JSON.stringify(packageJson, null, 2));
+  p4.log.info("package.json \uC218\uC815\uC774 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
 }
 
 // src/cli/commands/migration/index.ts
 var MIGRATION_TARGETS = {
   v3: migrateWebFrameworkV3
 };
-var MigrationCommand = class extends Command2 {
+var MigrationCommand = class extends Command4 {
   static paths = [["migrate"]];
-  static usage = Command2.Usage({
+  static usage = Command4.Usage({
     category: "Migration",
     description: "\uB9C8\uC774\uADF8\uB808\uC774\uC158\uC744 \uC2E4\uD589\uD569\uB2C8\uB2E4.",
     examples: [["Run migration", "apps-in-toss migrate <target>"]]
   });
-  target = Option.String({ required: true });
+  target = Option3.String({ required: true });
   async execute() {
     const target = MIGRATION_TARGETS[this.target];
     if (target != null) {
       await target();
     } else {
-      p3.log.error(
+      p5.log.error(
         [
           "\uC798\uBABB\uB41C \uB9C8\uC774\uADF8\uB808\uC774\uC158 target \uC785\uB2C8\uB2E4. \uC544\uB798 \uC911 \uD558\uB098\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694.\n",
           ...Object.keys(MIGRATION_TARGETS)
@@ -295,6 +837,79 @@ var MigrationCommand = class extends Command2 {
   }
 };
 
+// src/cli/commands/token/index.ts
+import * as p6 from "@clack/prompts";
+import { Command as Command5, Option as Option4 } from "clipanion";
+var TokenCommand = class extends Command5 {
+  static paths = [["token"]];
+  static usage = Command5.Usage({
+    category: "Auth",
+    description: "\uD1A0\uD070 \uAD00\uB828 \uD558\uC704 \uBA85\uB839\uC744 \uAD00\uB9AC\uD569\uB2C8\uB2E4.",
+    examples: [
+      ["\uD1A0\uD070 \uCD94\uAC00", "apps-in-toss token add <profile?>"],
+      ["\uD1A0\uD070 \uC0AD\uC81C", "apps-in-toss token remove <profile?>"]
+    ]
+  });
+  async execute() {
+  }
+};
+var TokenAddCommand = class extends Command5 {
+  static paths = [["token", "add"]];
+  static usage = Command5.Usage({
+    category: "Auth",
+    description: "\uC2DC\uD06C\uB9BF \uD1A0\uD070\uC744 \uCD94\uAC00\uD569\uB2C8\uB2E4.",
+    examples: [
+      ["\uAE30\uBCF8 \uBCC4\uCE6D\uC73C\uB85C \uD1A0\uD070 \uCD94\uAC00", "apps-in-toss token add"],
+      ["\uBCC4\uCE6D\uC744 \uC9C0\uC815\uD558\uC5EC \uD1A0\uD070 \uCD94\uAC00", "apps-in-toss token add dev"]
+    ]
+  });
+  profile = Option4.String({ required: false });
+  apiKey = Option4.String("--api-key", { required: false });
+  async execute() {
+    const profile = this.profile || "default";
+    const secret = this.apiKey ? this.apiKey : await p6.password({
+      message: "Enter secret token:",
+      validate: (value) => {
+        if (value == null || value.length === 0) {
+          return "\uD1A0\uD070\uC740 \uBE44\uC5B4 \uC788\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.";
+        }
+        return;
+      }
+    });
+    if (p6.isCancel(secret)) {
+      return;
+    }
+    TokenStorage.set(profile, secret);
+    this.context.stdout.write(
+      `${profile} \uD504\uB85C\uD544\uB85C\uC758 \uC694\uCCAD\uC740 \uC774\uC81C \uBE44\uBC00 \uD1A0\uD070\uC744 \uC0AC\uC6A9\uD558\uC5EC \uC778\uC99D\uB429\uB2C8\uB2E4.
+`
+    );
+  }
+};
+var TokenRemoveCommand = class extends Command5 {
+  static paths = [["token", "remove"]];
+  static usage = Command5.Usage({
+    category: "Auth",
+    description: "\uC2DC\uD06C\uB9BF \uD1A0\uD070\uC744 \uC0AD\uC81C\uD569\uB2C8\uB2E4.",
+    examples: [
+      ["\uAE30\uBCF8 \uC6CC\uD06C\uC2A4\uD398\uC774\uC2A4\uC758 \uD1A0\uD070 \uC0AD\uC81C", "apps-in-toss token remove"],
+      ["\uBCC4\uCE6D\uC744 \uC9C0\uC815\uD558\uC5EC \uD1A0\uD070 \uC0AD\uC81C", "apps-in-toss token remove dev"]
+    ]
+  });
+  profile = Option4.String({ required: false });
+  async execute() {
+    const profile = this.profile || "default";
+    const removed = TokenStorage.delete(profile);
+    if (removed) {
+      this.context.stdout.write(`\uD1A0\uD070\uC744 \uC81C\uAC70\uD588\uC2B5\uB2C8\uB2E4: ${profile}.
+`);
+    } else {
+      this.context.stdout.write(`\uD1A0\uD070\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: ${profile}.
+`);
+    }
+  }
+};
+
 // src/cli/index.ts
 var cli = new Cli({
   binaryLabel: "appsintoss",
@@ -302,5 +917,11 @@ var cli = new Cli({
   enableCapture: true
 });
 cli.register(BuildCommand);
+cli.register(DeployCommand);
+cli.register(InitCommand);
 cli.register(MigrationCommand);
+cli.register(TokenCommand);
+cli.register(TokenAddCommand);
+cli.register(TokenRemoveCommand);
+cli.register(Builtins.HelpCommand);
 cli.runExit(process.argv.slice(2));

package/dist/config.cjs

@@ -41,6 +41,8 @@ function defineConfig(config) {
     navigationBar: {
       withBackButton: true,
       withHomeButton: false,
+      transparentBackground: false,
+      theme: "light",
       ...config.navigationBar
     },
     webBundleDir: config.webBundleDir ?? "dist"

package/dist/config.d.cts

@@ -25,6 +25,8 @@ interface AppsInTossConfig {
     navigationBar?: {
         withBackButton?: boolean;
         withHomeButton?: boolean;
+        transparentBackground?: boolean;
+        theme?: "light" | "dark";
         initialAccessoryButton?: {
             id: string;
             title: string;

package/dist/config.d.ts

@@ -25,6 +25,8 @@ interface AppsInTossConfig {
     navigationBar?: {
         withBackButton?: boolean;
         withHomeButton?: boolean;
+        transparentBackground?: boolean;
+        theme?: "light" | "dark";
         initialAccessoryButton?: {
             id: string;
             title: string;

package/dist/config.js

@@ -17,6 +17,8 @@ function defineConfig(config) {
     navigationBar: {
       withBackButton: true,
       withHomeButton: false,
+      transparentBackground: false,
+      theme: "light",
       ...config.navigationBar
     },
     webBundleDir: config.webBundleDir ?? "dist"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/web-framework",
   "type": "module",
-  "version": "3.0.0-beta.9d42c0b",
+  "version": "3.0.0-beta.d37d458",
   "exports": {
     ".": {
       "import": {
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@apps-in-toss/ait-format": "^1.0.0",
-    "@apps-in-toss/webview-bridge": "^3.0.0-beta.9d42c0b",
+    "@apps-in-toss/webview-bridge": "^3.0.0-beta.d37d458",
     "@clack/prompts": "^1.3.0",
     "clipanion": "^4.0.0-rc.4",
     "cosmiconfig": "^9.0.1",