@apps-in-toss/web-framework 3.0.0-beta.973c8c3 → 3.0.0-beta.b36d7b5

package/dist/cli.js

@@ -4,12 +4,13 @@
 import { Cli, Builtins } from "clipanion";
 
 // src/cli/commands/build/index.ts
-import * as p from "@clack/prompts";
+import * as p2 from "@clack/prompts";
 import { Command } from "clipanion";
 import path3 from "path";
 
 // src/cli/commands/build/buildArtifact.ts
 import { AppsInTossBundle, PlatformType } from "@apps-in-toss/ait-format";
+import * as p from "@clack/prompts";
 import { cosmiconfig } from "cosmiconfig";
 import { TypeScriptLoader } from "cosmiconfig-typescript-loader";
 import path2 from "path";
@@ -61,6 +62,10 @@ async function buildArtifact() {
     appsInTossConfig.webBundleDir
   );
   const webBundleFiles = await getWebBundleFiles(webBundleDir);
+  if (webBundleFiles.find((file) => file.name === "index.html") == null) {
+    p.log.error("\uC6F9 \uBE4C\uB4DC \uB514\uB809\uD1A0\uB9AC\uC5D0 index.html\uC774 \uC874\uC7AC\uD574\uC57C \uD569\uB2C8\uB2E4.");
+    process.exit(1);
+  }
   for (const file of webBundleFiles) {
     writer.addFile("sources/" + file.name, file.data);
   }
@@ -131,7 +136,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 });
   }
@@ -158,10 +163,10 @@ var BuildCommand = class extends Command {
   });
   async execute() {
     const buildResult = await buildArtifact();
-    p.log.success(
+    p2.log.success(
       `\uC571\uC778\uD1A0\uC2A4 \uBE4C\uB4DC\uAC00 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4. (${path3.basename(buildResult.outPath)})`
     );
-    p.log.info(`deploymentId: ${buildResult.deploymentId}`);
+    p2.log.info(`deploymentId: ${buildResult.deploymentId}`);
   }
 };
 
@@ -170,7 +175,7 @@ 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 * as p3 from "@clack/prompts";
 import { Command as Command2, Option } from "clipanion";
 
 // src/cli/utils/colors.ts
@@ -460,12 +465,12 @@ var DeployCommand = class extends Command2 {
     const baseUrl = this.baseUrl;
     const profile = this.profile || this.workspace || "default";
     if (this.workspace) {
-      p2.log.warn(
+      p3.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)) {
+    if (p3.isCancel(apiKey)) {
       return;
     }
     try {
@@ -497,7 +502,7 @@ var DeployCommand = class extends Command2 {
           baseUrl
         });
       } else {
-        await p2.tasks([
+        await p3.tasks([
           {
             title: `${colorAppName} \uC571 \uBC30\uD3EC \uC911...`,
             task: async () => {
@@ -536,7 +541,7 @@ var DeployCommand = class extends Command2 {
       this.context.stdout.write(`${result}
 `);
     } else {
-      p2.note(this.decorate(result, colors.green));
+      p3.note(this.decorate(result, colors.green));
     }
   }
   printError(error) {
@@ -544,7 +549,7 @@ var DeployCommand = class extends Command2 {
       this.context.stdout.write(`${error.message}
 `);
     } else {
-      p2.log.error(error.message);
+      p3.log.error(error.message);
     }
   }
   async getApiKey(profile) {
@@ -552,7 +557,7 @@ var DeployCommand = class extends Command2 {
     if (token) {
       return token;
     }
-    return await p2.password({
+    return await p3.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) {
@@ -581,7 +586,7 @@ var DeployCommand = class extends Command2 {
 // 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 * as p4 from "@clack/prompts";
 import { Command as Command3, Option as Option2 } from "clipanion";
 
 // src/cli/utils/ensureSelect.ts
@@ -642,18 +647,18 @@ async function templateWebFramework({
   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...");
+  p4.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({
+  const webBundleDir = skipInput ? "dist" : await p4.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");
+  if (p4.isCancel(webBundleDir)) {
+    p4.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...");
+  p4.log.step("apps-in-toss.config.ts \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uB294 \uC911...");
   const config = transformTemplate(WEB_FRAMEWORK_CONFIG_TEMPLATE, {
     appName,
     webBundleDir
@@ -679,10 +684,10 @@ var InitCommand = class extends Command3 {
   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");
+    p4.intro("\u{1F680} \uC571 \uCD08\uAE30\uD654\uB97C \uC2DC\uC791\uD569\uB2C8\uB2E4");
     const appName = await ensureSelect({
       value: this.appName,
-      prompt: async () => p3.text({
+      prompt: async () => p4.text({
         message: "Enter app name",
         validate: (value) => {
           if (!value) {
@@ -696,26 +701,26 @@ var InitCommand = class extends Command3 {
         }
       })
     });
-    if (p3.isCancel(appName)) {
-      p3.cancel("\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4");
+    if (p4.isCancel(appName)) {
+      p4.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`);
+    p4.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!");
+    p4.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 * as p6 from "@clack/prompts";
 import { Command as Command4, Option as Option3 } from "clipanion";
 
 // src/cli/commands/migration/web-framework-v3.ts
-import * as p4 from "@clack/prompts";
+import * as p5 from "@clack/prompts";
 import { cosmiconfig as cosmiconfig2 } from "cosmiconfig";
 import { TypeScriptLoader as TypeScriptLoader2 } from "cosmiconfig-typescript-loader";
 import { readFile as readFile3, writeFile as writeFile3 } from "fs/promises";
@@ -723,7 +728,7 @@ import { resolve } from "path";
 import jscodeshift from "jscodeshift";
 async function migrateWebFrameworkV3() {
   const projectRoot = getPackageRoot(process.cwd());
-  p4.log.info("@apps-in-toss/web-framework V3 \uC790\uB3D9 \uB9C8\uC774\uADF8\uB808\uC774\uC158\uC744 \uC2DC\uC791\uD569\uB2C8\uB2E4.");
+  p5.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,
@@ -737,10 +742,10 @@ async function migrateWebFrameworkV3() {
     graniteConfig.web.commands.dev,
     graniteConfig.web.commands.build
   );
-  p4.log.success("\uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+  p5.log.success("\uB9C8\uC774\uADF8\uB808\uC774\uC158\uC774 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
 }
 async function getGraniteConfig(projectRoot) {
-  p4.log.info("granite.config \uD30C\uC77C \uCC3E\uB294 \uC911..");
+  p5.log.info("granite.config \uD30C\uC77C \uCC3E\uB294 \uC911..");
   const result = await cosmiconfig2("granite", {
     loaders: {
       ".ts": TypeScriptLoader2(),
@@ -757,13 +762,13 @@ async function getGraniteConfig(projectRoot) {
     ]
   }).search(projectRoot);
   if (result == null) {
-    p4.log.error("granite.config \uD30C\uC77C\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");
+    p5.log.error("granite.config \uD30C\uC77C\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.");
     process.exit(1);
   }
   return result;
 }
 async function migrateAppsInTossConfig(configPath, outputPath) {
-  p4.log.info("granite.config\uB97C apps-in-toss.config\uB85C \uB9C8\uC774\uADF8\uB808\uC774\uC158\uD569\uB2C8\uB2E4.");
+  p5.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;
@@ -795,10 +800,10 @@ async function migrateAppsInTossConfig(configPath, outputPath) {
     });
   });
   await writeFile3(outputPath, root.toSource());
-  p4.log.info("apps-in-toss.config\uAC00 \uC0DD\uC131\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+  p5.log.info("apps-in-toss.config\uAC00 \uC0DD\uC131\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
 }
 async function migratePackageJsonScripts(packageJsonPath, dev, build) {
-  p4.log.info("package.json\uC758 dev, build \uC2A4\uD06C\uB9BD\uD2B8\uB97C \uC218\uC815\uD569\uB2C8\uB2E4.");
+  p5.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 = {};
@@ -806,7 +811,7 @@ async function migratePackageJsonScripts(packageJsonPath, dev, build) {
   packageJson.scripts["dev"] = dev;
   packageJson.scripts["build"] = `${build} && ait build`;
   await writeFile3(packageJsonPath, JSON.stringify(packageJson, null, 2));
-  p4.log.info("package.json \uC218\uC815\uC774 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
+  p5.log.info("package.json \uC218\uC815\uC774 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4.");
 }
 
 // src/cli/commands/migration/index.ts
@@ -826,7 +831,7 @@ var MigrationCommand = class extends Command4 {
     if (target != null) {
       await target();
     } else {
-      p5.log.error(
+      p6.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)
@@ -838,7 +843,7 @@ var MigrationCommand = class extends Command4 {
 };
 
 // src/cli/commands/token/index.ts
-import * as p6 from "@clack/prompts";
+import * as p7 from "@clack/prompts";
 import { Command as Command5, Option as Option4 } from "clipanion";
 var TokenCommand = class extends Command5 {
   static paths = [["token"]];
@@ -867,7 +872,7 @@ var TokenAddCommand = class extends Command5 {
   apiKey = Option4.String("--api-key", { required: false });
   async execute() {
     const profile = this.profile || "default";
-    const secret = this.apiKey ? this.apiKey : await p6.password({
+    const secret = this.apiKey ? this.apiKey : await p7.password({
       message: "Enter secret token:",
       validate: (value) => {
         if (value == null || value.length === 0) {
@@ -876,7 +881,7 @@ var TokenAddCommand = class extends Command5 {
         return;
       }
     });
-    if (p6.isCancel(secret)) {
+    if (p7.isCancel(secret)) {
       return;
     }
     TokenStorage.set(profile, secret);

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.973c8c3",
+  "version": "3.0.0-beta.b36d7b5",
   "exports": {
     ".": {
       "import": {
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@apps-in-toss/ait-format": "^1.0.0",
-    "@apps-in-toss/webview-bridge": "^3.0.0-beta.973c8c3",
+    "@apps-in-toss/webview-bridge": "^3.0.0-beta.b36d7b5",
     "@clack/prompts": "^1.3.0",
     "clipanion": "^4.0.0-rc.4",
     "cosmiconfig": "^9.0.1",