@apps-in-toss/web-framework 0.0.6 → 0.0.7

package/dist/cli.js

@@ -0,0 +1,562 @@
+import { createRequire } from 'module'; const require = createRequire(import.meta.url);
+import {
+  __dirname,
+  __require,
+  loadConfig
+} from "./chunk-HL7M3JLX.js";
+
+// src/cli.ts
+import { Cli } from "clipanion";
+
+// src/BuildCommand/BuildCommand.ts
+import { Command, Option } from "clipanion";
+import picocolors from "picocolors";
+
+// src/BuildCommand/build.ts
+import fs from "fs";
+import path from "path";
+import { createArtifact } from "@apps-in-toss/framework/cli-presets";
+import * as mpack from "@react-native-bedrock/mpack-next";
+import { statusPlugin } from "@react-native-bedrock/mpack-next/plugins";
+import { execa } from "execa";
+import presets from "react-native-bedrock/presets";
+
+// src/utils/getPackageManager.ts
+function getPackageManager({ isExecutor = false } = {}) {
+  const userAgent = process.env.npm_config_user_agent;
+  const packageManagerCommands = {
+    npm: isExecutor ? "npx" : "npm",
+    pnpm: "pnpm",
+    yarn: "yarn"
+  };
+  if (!userAgent) {
+    return {
+      packageManager: packageManagerCommands["npm"],
+      version: "0.0.0"
+    };
+  }
+  const [packageManagerInfo] = userAgent.match(/(\w+)\/(\d+\.\d+\.\d+)/) || [];
+  const [packageManager, version2] = packageManagerInfo?.split("/") ?? ["npm", null];
+  if (!packageManager) {
+    return {
+      packageManager: packageManagerCommands["npm"],
+      version: "0.0.0"
+    };
+  }
+  return {
+    packageManager: packageManagerCommands[packageManager],
+    version: version2 ?? "0.0.0"
+  };
+}
+
+// src/BuildCommand/build.ts
+async function build({ distDirname, cache }) {
+  const config = await loadConfig();
+  const rootDir = process.cwd();
+  const reactNativeProjectDir = path.resolve(__dirname, "..", "react-native");
+  const projectRootTmp = path.resolve(process.cwd(), ".bedrock");
+  await fs.promises.mkdir(projectRootTmp, { recursive: true });
+  await fs.promises.writeFile(
+    path.join(projectRootTmp, "metadata.json"),
+    JSON.stringify({ appName: config.appName, webPort: config.web.port })
+  );
+  const appName = config.appName;
+  const { packageManager } = getPackageManager({ isExecutor: true });
+  const distDir = path.join(rootDir, distDirname);
+  const webDistDir = path.join(distDir, "web");
+  await fs.promises.rm(distDir, { recursive: true, force: true });
+  await execa(packageManager, config.web.commands.build.split(" "), {
+    cwd: process.cwd(),
+    stdio: "inherit"
+  });
+  await fs.promises.mkdir(webDistDir, { recursive: true });
+  const items = await fs.promises.readdir(distDir);
+  for (const item of items) {
+    const src = path.join(distDir, item);
+    const dest = path.join(webDistDir, item);
+    if (src === webDistDir) {
+      continue;
+    }
+    await fs.promises.rename(src, dest);
+  }
+  const buildResults = await mpack.runBundle({
+    clean: false,
+    metafile: false,
+    dev: false,
+    rootDir: reactNativeProjectDir,
+    cache,
+    plugins: [statusPlugin],
+    config: {
+      appName,
+      services: {
+        sentry: {
+          enabled: false
+        }
+      },
+      concurrency: 2,
+      tasks: [
+        {
+          tag: `${appName}-ios`,
+          presets: [presets.service()],
+          build: {
+            babel: {
+              conditions: [(_code) => _code.includes("Ait")],
+              plugins: [
+                [
+                  __require.resolve("@apps-in-toss/babel-plugin-json"),
+                  { jsonPath: "./.bedrock/metadata.json", identifierName: "Ait" }
+                ]
+              ]
+            },
+            platform: "ios",
+            entry: path.join(reactNativeProjectDir, "src", "_app.tsx"),
+            outfile: path.join(distDir, `${appName}.ios.js`)
+          }
+        },
+        {
+          tag: `${appName}-android`,
+          presets: [presets.service()],
+          build: {
+            babel: {
+              conditions: [(_code) => _code.includes("Ait")],
+              plugins: [
+                [
+                  __require.resolve("@apps-in-toss/babel-plugin-json"),
+                  { jsonPath: "./.bedrock/metadata.json", identifierName: "Ait" }
+                ]
+              ]
+            },
+            platform: "android",
+            entry: path.join(reactNativeProjectDir, "src", "_app.tsx"),
+            outfile: path.join(distDir, `${appName}.android.js`)
+          }
+        }
+      ]
+    }
+  });
+  const artifactOutfile = await createArtifact({
+    buildResults,
+    rootDir,
+    reactNativeProjectDir,
+    webOutDir: webDistDir
+  });
+  if (!artifactOutfile) {
+    throw new Error("\uC544\uD2F0\uD329\uD2B8 \uC0DD\uC131\uC5D0 \uC2E4\uD328\uD588\uC5B4\uC694.");
+  }
+  return artifactOutfile;
+}
+
+// src/constants.ts
+var APP_MANIFEST_NAME = "app.json";
+var DEFAULT_DIST_DIR = "dist";
+var API_BASE_URL = "https://apps-in-toss.toss.im/console";
+var DEFAULT_LOCALHOST_PORT = 8081;
+var DEFAULT_HOST = "localhost";
+
+// src/BuildCommand/BuildCommand.ts
+var BuildCommand = class extends Command {
+  static paths = [[`build`]];
+  static usage = Command.Usage({
+    category: "Build",
+    description: "Apps In Toss \uBE4C\uB4DC \uC544\uD2F0\uD329\uD2B8\uB97C \uC0DD\uC131\uD569\uB2C8\uB2E4",
+    examples: [["\uBE4C\uB4DC \uC544\uD2F0\uD329\uD2B8 \uC0DD\uC131\uD558\uAE30", "ait build"]]
+  });
+  cache = Option.Boolean("--cache", true);
+  async execute() {
+    const artifactOutfile = await build({
+      distDirname: DEFAULT_DIST_DIR,
+      cache: this.cache
+    });
+    console.log(`
+${picocolors.blue(artifactOutfile)}
+`);
+  }
+};
+
+// src/DeployCommand/DeployCommand.ts
+import assert from "assert";
+import path2 from "path";
+import * as p from "@clack/prompts";
+import { Command as Command2, Option as Option2 } from "clipanion";
+import Debug2 from "debug";
+import picocolors2 from "picocolors";
+
+// src/DeployCommand/upload.ts
+import * as fs2 from "fs";
+import Debug from "debug";
+var debug = Debug("cli:deploy");
+async function uploadArtifact(config) {
+  debug("uploadArtifact", config);
+  const response = await fetch(
+    `${API_BASE_URL}/api-public/v3/appsintossconsole/bundles/${config.appName}/sandbox/upload`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/octet-stream",
+        "X-Ait-Console-Api-Key": config.apiKey
+      },
+      body: fs2.createReadStream(config.artifactPath),
+      duplex: "half"
+    }
+  );
+  return handleResponse(response);
+}
+async function handleResponse(response) {
+  debug(`Response ${response.status} ${response.statusText}`);
+  if (!response.ok) {
+    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+  }
+  const data = await response.clone().json();
+  debug("uploadArtifact response", data);
+  if (data.resultType !== "SUCCESS") {
+    const errorCode = data?.error?.errorCode ?? "-1";
+    const errorReason = data?.error.reason ?? "unknown";
+    throw new Error(`${errorReason} (Code: ${errorCode})`);
+  }
+  const result = data.success;
+  return result.deploymentId;
+}
+
+// src/utils/readZipContent.ts
+import yauzl from "yauzl";
+function readZipContent(zipPath, fileName) {
+  return new Promise((resolve, reject) => {
+    yauzl.open(zipPath, { lazyEntries: true }, (error, zipFile) => {
+      if (error) {
+        reject(error);
+        return;
+      }
+      zipFile.on("entry", (entry) => {
+        if (entry.fileName === fileName) {
+          zipFile.openReadStream(entry, (error2, readStream) => {
+            if (error2) {
+              throw error2;
+            }
+            let fileData = "";
+            readStream.on("data", (chunk) => fileData += chunk.toString("utf8")).on("end", () => {
+              zipFile.close();
+              resolve(fileData);
+            });
+          });
+        } else {
+          zipFile.readEntry();
+        }
+      }).on("end", () => {
+        zipFile.close();
+        reject(new Error(`'${fileName}' not found in zip file`));
+      }).on("error", (error2) => {
+        zipFile.close();
+        reject(error2);
+      });
+      zipFile.readEntry();
+    });
+  });
+}
+
+// src/DeployCommand/DeployCommand.ts
+var debug2 = Debug2("cli:deploy");
+var DeployCommand = class extends Command2 {
+  static paths = [["deploy"]];
+  apiKey = Option2.String("--api-key", {
+    required: false,
+    description: "\uC54C\uD30C \uBC30\uD3EC\uB97C \uC704\uD55C API \uD0A4"
+  });
+  async execute() {
+    const apiKey = this.apiKey || await p.password({
+      message: "\uC571\uC778\uD1A0\uC2A4 \uBC30\uD3EC API \uD0A4\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694",
+      validate: (value) => {
+        if (value.length === 0) {
+          return "API \uD0A4\uB294 \uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4.";
+        }
+        return;
+      }
+    });
+    if (p.isCancel(apiKey)) {
+      return;
+    }
+    try {
+      const artifactOutfile = await build({
+        distDirname: DEFAULT_DIST_DIR,
+        cache: false
+      });
+      const rootDir = process.cwd();
+      const resolvedArtifactPath = path2.resolve(rootDir, artifactOutfile);
+      const appIdentifier = await readZipContent(resolvedArtifactPath, APP_MANIFEST_NAME).then((rawAppManifest) => {
+        const appManifest = JSON.parse(rawAppManifest);
+        const appIdentifier2 = appManifest.appName;
+        assert(typeof appIdentifier2 === "string", "invalid appName");
+        return appIdentifier2;
+      }).catch((error) => {
+        debug2("invalid ait file", error);
+        throw new Error("\uC720\uD6A8\uD558\uC9C0 \uC54A\uC740 ait \uD30C\uC77C\uC785\uB2C8\uB2E4");
+      });
+      let deploymentId = null;
+      const colorAppName = picocolors2.underline(picocolors2.cyan(appIdentifier));
+      await p.tasks([
+        {
+          title: `${colorAppName} \uC571 \uBC30\uD3EC \uC911...`,
+          task: async () => {
+            deploymentId = await uploadArtifact({
+              artifactPath: resolvedArtifactPath,
+              appName: appIdentifier,
+              apiKey
+            });
+            return `${colorAppName} \uBC30\uD3EC\uAC00 \uC644\uB8CC\uB418\uC5C8\uC5B4\uC694`;
+          }
+        }
+      ]);
+      if (deploymentId) {
+        p.note(picocolors2.underline(picocolors2.green(`intoss-sandbox://${appIdentifier}?_deploymentId=${deploymentId}`)));
+      }
+    } catch (error) {
+      if (error instanceof Error) {
+        p.log.error(error.message);
+      } else {
+        console.error(error);
+      }
+      process.exit(1);
+    }
+  }
+};
+
+// src/DevCommand/DevCommand.ts
+import fs3 from "fs";
+import path3 from "path";
+import * as mpack2 from "@react-native-bedrock/mpack-next";
+import { Command as Command3, Option as Option3 } from "clipanion";
+import { execa as execa2 } from "execa";
+import presets2 from "react-native-bedrock/presets";
+var DevCommand = class extends Command3 {
+  static paths = [[`dev`]];
+  static usage = Command3.Usage({
+    category: "Development",
+    description: "AppsInToss \uAC1C\uBC1C \uC11C\uBC84\uB97C \uC2E4\uD589\uD569\uB2C8\uB2E4",
+    examples: [["\uAC1C\uBC1C \uC11C\uBC84 \uC2E4\uD589\uD558\uAE30", "ait dev"]]
+  });
+  host = Option3.String("--host");
+  port = Option3.String("--port");
+  async execute() {
+    const config = await loadConfig();
+    const serverOptions = {
+      host: this.host,
+      port: this.port ? parseInt(this.port, 10) : void 0
+    };
+    const cwd = path3.resolve(__dirname, "..", "react-native");
+    const projectRootTmp = path3.resolve(process.cwd(), ".bedrock");
+    await fs3.promises.mkdir(projectRootTmp, { recursive: true });
+    await fs3.promises.writeFile(
+      path3.join(projectRootTmp, "metadata.json"),
+      JSON.stringify({ appName: config.appName, webPort: config.web.port })
+    );
+    const appName = config.appName;
+    await mpack2.runServer({
+      host: serverOptions.host,
+      port: serverOptions.port,
+      enableEmbeddedReactDevTools: true,
+      enableRouterGen: false,
+      onServerReady: async () => {
+        this.context.stdout.write(
+          `Server is running on http://${serverOptions.host || DEFAULT_HOST}:${serverOptions.port || DEFAULT_LOCALHOST_PORT}
+`
+        );
+        const { packageManager } = getPackageManager({ isExecutor: true });
+        await execa2(packageManager, config.web.commands.dev.split(" "), {
+          cwd: process.cwd(),
+          stdio: "inherit"
+        });
+      },
+      cwd,
+      config: {
+        appName,
+        services: {
+          sentry: {
+            enabled: false
+          }
+        },
+        devServer: {
+          presets: [presets2.service()],
+          build: {
+            entry: "./src/_app.tsx"
+          }
+        },
+        tasks: []
+      }
+    });
+  }
+};
+
+// src/InitCommand/InitCommand.ts
+import fs5 from "fs";
+import path5 from "path";
+import * as p2 from "@clack/prompts";
+import { Command as Command4 } from "clipanion";
+import { kebabCase, merge } from "es-toolkit";
+import { execa as execa3 } from "execa";
+import yaml from "yaml";
+
+// src/InitCommand/templates/index.tsx
+var CONFIG_TEMPLATE = `import { defineConfig } from '@apps-in-toss/web-framework';
+
+export default defineConfig({
+  appName: '%%appName%%',
+  web: {
+    port: %%webPort%%,
+    commands: {
+      dev: '%%webDevCommand%%',
+      build: '%%webBuildCommand%%',
+    },
+  },
+});
+`;
+
+// src/utils/getPackageRoot.ts
+import fs4 from "fs";
+import path4 from "path";
+function getPackageRoot() {
+  let cwd = process.cwd();
+  const root = path4.parse(cwd).root;
+  while (cwd !== root) {
+    if (fs4.existsSync(path4.join(cwd, "package.json"))) {
+      return cwd;
+    }
+    cwd = path4.dirname(cwd);
+  }
+  return cwd;
+}
+
+// src/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/InitCommand/InitCommand.ts
+var InitCommand = class extends Command4 {
+  static paths = [[`init`]];
+  async execute() {
+    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})`;
+        }
+        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`);
+    const webPort = await p2.text({
+      message: "Enter web port",
+      placeholder: "5173",
+      defaultValue: "5173"
+    });
+    if (p2.isCancel(webPort)) {
+      p2.cancel("\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4");
+      return;
+    }
+    p2.log.step("package.json \uC2A4\uD06C\uB9BD\uD2B8\uB97C \uC124\uC815\uD558\uB294 \uC911...");
+    const packageJson = await fs5.promises.readFile(path5.join(cwd, "package.json"), {
+      encoding: "utf-8"
+    });
+    const scripts = JSON.parse(packageJson);
+    const original = {
+      dev: scripts?.scripts?.dev || scripts?.scripts?.start,
+      build: scripts?.scripts?.build
+    };
+    scripts.scripts.dev = "ait dev";
+    scripts.scripts.build = "ait build";
+    scripts.scripts.deploy = "ait deploy";
+    await fs5.promises.writeFile(path5.join(cwd, "package.json"), JSON.stringify(scripts, null, 2), {
+      encoding: "utf-8"
+    });
+    p2.log.step("apps-in-toss.config.web.ts \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uB294 \uC911...");
+    const config = transformTemplate(CONFIG_TEMPLATE, {
+      appName,
+      webPort,
+      webDevCommand: original.dev === "ait dev" ? "" : original.dev,
+      webBuildCommand: original.build === "ait build" ? "" : original.build
+    });
+    await fs5.promises.writeFile(path5.join(cwd, "apps-in-toss.config.web.ts"), config, {
+      encoding: "utf-8"
+    });
+    p2.log.step(".gitignore \uD30C\uC77C\uC744 \uC5C5\uB370\uC774\uD2B8\uD558\uB294 \uC911...");
+    await fs5.promises.appendFile(path5.join(cwd, ".gitignore"), "\n.bedrock\n");
+    p2.log.step("app.json \uD30C\uC77C\uC744 \uC0DD\uC131\uD558\uB294 \uC911...");
+    await fs5.promises.writeFile(
+      path5.join(cwd, "app.json"),
+      JSON.stringify({
+        clientId: "",
+        appName,
+        permissions: []
+      }),
+      {
+        encoding: "utf-8"
+      }
+    );
+    const isPnP = fs5.existsSync(path5.join(cwd, ".pnp.cjs"));
+    if (isPnP) {
+      const yarnrcPath = path5.join(cwd, ".yarnrc.yml");
+      let yarnrc = {};
+      try {
+        const yarnrcContent = await fs5.promises.readFile(yarnrcPath, { encoding: "utf-8" });
+        yarnrc = yaml.parse(yarnrcContent);
+      } catch {
+        p2.log.info(".yarnrc.yml \uD30C\uC77C\uC774 \uC5C6\uC5B4 \uC0C8\uB85C \uC0DD\uC131\uD569\uB2C8\uB2E4.");
+      }
+      p2.log.step(".yarnrc.yml \uD30C\uC77C\uC744 \uC5C5\uB370\uC774\uD2B8\uD558\uB294 \uC911...");
+      yarnrc.packageExtensions = merge(yarnrc.packageExtensions, {
+        "@react-native-community/cli-debugger-ui@*": {
+          dependencies: {
+            "@babel/runtime": "^7"
+          }
+        },
+        "react-native-video@*": {
+          peerDependencies: {
+            react: "*",
+            "react-native": "*"
+          }
+        },
+        "react-native-fast-image@*": {
+          dependencies: {
+            "@babel/runtime": "^7"
+          }
+        }
+      });
+      await fs5.promises.writeFile(yarnrcPath, yaml.stringify(yarnrc), { encoding: "utf-8" });
+      await execa3("yarn", ["install"], {
+        cwd,
+        stdio: "inherit"
+      });
+    }
+    p2.outro("\u2728 \uCD08\uAE30\uD654\uAC00 \uC644\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4!");
+  }
+};
+
+// package.json
+var version = "0.1.6-next.6";
+
+// src/cli.ts
+var cli = new Cli({
+  binaryLabel: "apps-in-toss",
+  binaryName: "apps-in-toss",
+  binaryVersion: version,
+  enableCapture: true
+});
+cli.register(InitCommand);
+cli.register(DevCommand);
+cli.register(BuildCommand);
+cli.register(DeployCommand);
+cli.runExit(process.argv.slice(2));

package/dist/index.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);

package/dist/index.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/web-framework",
   "type": "module",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Web Framework for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -48,9 +48,9 @@
     "vitest": "^3.0.5"
   },
   "dependencies": {
-    "@apps-in-toss/babel-plugin-json": "0.0.6",
-    "@apps-in-toss/cli": "0.0.6",
-    "@apps-in-toss/framework": "0.0.6",
+    "@apps-in-toss/babel-plugin-json": "0.0.7",
+    "@apps-in-toss/cli": "0.0.7",
+    "@apps-in-toss/framework": "0.0.7",
     "@babel/core": "7.23.9",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "95b1413098fb63f0c735fbe0f1fd82adc3646eed"
+  "gitHead": "66c7ad26e7180aec19b4c6ab168c638708997aff"
 }

package/react-native/.bedrock/.env.js

@@ -0,0 +1,4 @@
+global.__bedrock = global.__bedrock || {};
+global.__bedrock.shared = { buildNumber: "00000000" };
+global.__bedrock.apps = global.__bedrock.apps || {};
+global.__bedrock.apps["ping-pong"] = { buildNumber: "00000000" };