@akanjs/cli 0.9.10 → 0.9.11

package/cjs/index.js

@@ -32,6 +32,9 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 var __decorateParam = (index, decorator) => (target, key) => decorator(target, key, index);
 
+// pkgs/@akanjs/cli/index.ts
+var import_dotenv4 = __toESM(require("dotenv"), 1);
+
 // pkgs/@akanjs/devkit/src/createTunnel.ts
 var import_tunnel_ssh = require("tunnel-ssh");
 var getSshTunnelOptions = (app, environment) => {
@@ -68,7 +71,8 @@ var getCredentials = (app, environment) => {
 };
 
 // pkgs/@akanjs/common/isDayjs.ts
-var import_dayjs = require("dayjs");
+var import_dayjs = __toESM(require("dayjs"));
+var isDayjs = import_dayjs.default.isDayjs;
 
 // pkgs/@akanjs/common/isQueryEqual.ts
 var import_dayjs2 = __toESM(require("dayjs"));
@@ -396,8 +400,8 @@ var fs3 = __toESM(require("fs"));
 var import_ora2 = __toESM(require("ora"));
 var ts = __toESM(require("typescript"));
 var parseTsConfig = (tsConfigPath = "./tsconfig.json") => {
-  const configFile = ts.readConfigFile(tsConfigPath, (path9) => {
-    return ts.sys.readFile(path9);
+  const configFile = ts.readConfigFile(tsConfigPath, (path10) => {
+    return ts.sys.readFile(path10);
   });
   return ts.parseJsonConfigFileContent(
     configFile.config,
@@ -565,8 +569,9 @@ var import_path2 = __toESM(require("path"));
 // pkgs/@akanjs/config/src/nextConfig.ts
 var import_bundle_analyzer = __toESM(require("@next/bundle-analyzer"));
 var import_next_pwa = __toESM(require("next-pwa"));
-var import_cache = __toESM(require("next-pwa/cache"));
+var import_cache = __toESM(require("next-pwa/cache.js"));
 var import_path = __toESM(require("path"));
+var import_meta = {};
 var composePlugins = (...plugins) => {
   return function(baseConfig) {
     return async function combined(phase, context2) {
@@ -584,16 +589,17 @@ var composePlugins = (...plugins) => {
   };
 };
 var commandType = process.env.AKAN_COMMAND_TYPE?.includes("start") ? "start" : process.env.AKAN_COMMAND_TYPE?.includes("build") ? "build" : "deploy";
-var withPWA = (0, import_next_pwa.default)({
-  dest: "public",
-  register: true,
-  skipWaiting: true,
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  runtimeCaching: import_cache.default,
-  disable: commandType === "start"
-});
 var devDomain = process.env.NEXT_PUBLIC_SERVE_DOMAIN ?? "akanjs.com";
 var withBase = (appName, config, libs, routes = []) => {
+  const __dirname = import_path.default.dirname(new URL(import_meta.url).pathname);
+  const withPWA = (0, import_next_pwa.default)({
+    dest: "public",
+    register: true,
+    skipWaiting: true,
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    runtimeCaching: import_cache.default,
+    disable: commandType === "start"
+  });
   return composePlugins(
     (0, import_bundle_analyzer.default)({ enabled: process.env.ANALYZE === "true" }),
     ...commandType !== "start" || process.env.USE_PWA === "true" ? [withPWA] : []
@@ -706,7 +712,7 @@ var withBase = (appName, config, libs, routes = []) => {
     }
   });
 };
-var defaultNextConfigFile = `import "tsconfig-paths/register";
+var defaultNextConfigFile = `import "tsconfig-paths/register.js";
 
 import { getNextConfig } from "@akanjs/config";
 
@@ -849,7 +855,7 @@ var import_child_process = require("child_process");
 var import_dotenv = __toESM(require("dotenv"));
 var import_fs4 = __toESM(require("fs"));
 var import_promises = __toESM(require("fs/promises"));
-var import_path3 = __toESM(require("path"));
+var import_path4 = __toESM(require("path"));
 
 // pkgs/@akanjs/devkit/src/dependencyScanner.ts
 var fs5 = __toESM(require("fs"));
@@ -998,11 +1004,15 @@ var TypeScriptDependencyScanner = class {
   }
 };
 
+// pkgs/@akanjs/devkit/src/getDirname.ts
+var import_path3 = __toESM(require("path"));
+var getDirname = (url) => import_path3.default.dirname(new URL(url).pathname);
+
 // pkgs/@akanjs/devkit/src/linter.ts
 var import_chalk = __toESM(require("chalk"));
 var import_eslint = require("eslint");
 var fs6 = __toESM(require("fs"));
-var path4 = __toESM(require("path"));
+var path5 = __toESM(require("path"));
 var Linter = class {
   #logger = new Logger("Linter");
   #eslint;
@@ -1012,10 +1022,10 @@ var Linter = class {
     this.#eslint = new import_eslint.ESLint({ cwd: this.lintRoot, errorOnUnmatchedPattern: false });
   }
   #findEslintRootPath(dir) {
-    const configPath2 = path4.join(dir, "eslint.config.ts");
+    const configPath2 = path5.join(dir, "eslint.config.ts");
     if (fs6.existsSync(configPath2))
       return dir;
-    const parentDir = path4.dirname(dir);
+    const parentDir = path5.dirname(dir);
     return this.#findEslintRootPath(parentDir);
   }
   async lint(filePath, { fix = false, dryRun = false } = {}) {
@@ -1204,7 +1214,7 @@ ${errorText}, ${warningText} found`];
 // pkgs/@akanjs/devkit/src/typeChecker.ts
 var import_chalk2 = __toESM(require("chalk"));
 var fs7 = __toESM(require("fs"));
-var path5 = __toESM(require("path"));
+var path6 = __toESM(require("path"));
 var ts3 = __toESM(require("typescript"));
 var TypeChecker = class {
   configPath;
@@ -1219,7 +1229,7 @@ var TypeChecker = class {
     const parsedConfig = ts3.parseJsonConfigFileContent(
       this.configFile.config,
       ts3.sys,
-      path5.dirname(this.configPath),
+      path6.dirname(this.configPath),
       void 0,
       this.configPath
     );
@@ -1374,6 +1384,7 @@ ${summary.join(", ")} found` + output.join("\n");
 };
 
 // pkgs/@akanjs/devkit/src/executors.ts
+var import_meta2 = {};
 var execEmoji = {
   workspace: "\u{1F3E0}",
   app: "\u{1F680}",
@@ -1391,6 +1402,7 @@ var Executor = class _Executor {
   }
   name;
   logger;
+  logs;
   cwdPath;
   emoji = execEmoji.default;
   typeChecker = null;
@@ -1398,6 +1410,7 @@ var Executor = class _Executor {
   constructor(name, cwdPath) {
     this.name = name;
     this.logger = new Logger(name);
+    this.logs = [];
     this.cwdPath = cwdPath;
     if (!import_fs4.default.existsSync(cwdPath))
       import_fs4.default.mkdirSync(cwdPath, { recursive: true });
@@ -1436,10 +1449,12 @@ var Executor = class _Executor {
     let stderr = "";
     proc.stdout?.on("data", (data) => {
       stdout += data;
+      this.logs.push(data);
       this.#stdout(data);
     });
     proc.stderr?.on("data", (data) => {
       stderr += data;
+      this.logs.push(data);
       this.#stdout(data);
     });
     return new Promise((resolve, reject) => {
@@ -1451,6 +1466,14 @@ var Executor = class _Executor {
       });
     });
   }
+  spawnSync(command, args = [], options = {}) {
+    const proc = (0, import_child_process.spawn)(command, args, {
+      cwd: this.cwdPath,
+      // stdio: "inherit",
+      ...options
+    });
+    return proc;
+  }
   fork(modulePath, args = [], options = {}) {
     const proc = (0, import_child_process.fork)(modulePath, args, {
       cwd: this.cwdPath,
@@ -1473,7 +1496,7 @@ var Executor = class _Executor {
     });
   }
   getPath(filePath) {
-    if (import_path3.default.isAbsolute(filePath))
+    if (import_path4.default.isAbsolute(filePath))
       return filePath;
     const baseParts = this.cwdPath.split("/").filter(Boolean);
     const targetParts = filePath.split("/").filter(Boolean);
@@ -1526,7 +1549,7 @@ var Executor = class _Executor {
   }
   writeFile(filePath, content, { overwrite = true } = {}) {
     const writePath = this.getPath(filePath);
-    const dir = import_path3.default.dirname(writePath);
+    const dir = import_path4.default.dirname(writePath);
     if (!import_fs4.default.existsSync(dir))
       import_fs4.default.mkdirSync(dir, { recursive: true });
     let contentStr = typeof content === "string" ? content : JSON.stringify(content, null, 2);
@@ -1550,7 +1573,7 @@ var Executor = class _Executor {
     return this;
   }
   getLocalFile(targetPath) {
-    const filePath = import_path3.default.isAbsolute(targetPath) ? targetPath : targetPath.replace(this.cwdPath, "");
+    const filePath = import_path4.default.isAbsolute(targetPath) ? targetPath : targetPath.replace(this.cwdPath, "");
     const content = this.readFile(filePath);
     return { filePath, content };
   }
@@ -1597,15 +1620,15 @@ var Executor = class _Executor {
     overwrite = true
   }, dict = {}) {
     if (targetPath.endsWith(".js") || targetPath.endsWith(".jsx")) {
-      const getContent = require(templatePath);
+      const getContent = await import(templatePath);
       const result = getContent.default(scanResult ?? null, dict);
       if (result === null)
         return null;
-      const filename = typeof result === "object" ? result.filename : import_path3.default.basename(targetPath).replace(".js", ".ts");
+      const filename = typeof result === "object" ? result.filename : import_path4.default.basename(targetPath).replace(".js", ".ts");
       const content = typeof result === "object" ? result.content : result;
-      const dirname3 = import_path3.default.dirname(targetPath);
+      const dirname3 = import_path4.default.dirname(targetPath);
       const convertedTargetPath = Object.entries(dict).reduce(
-        (path9, [key, value]) => path9.replace(new RegExp(`__${key}__`, "g"), value),
+        (path10, [key, value]) => path10.replace(new RegExp(`__${key}__`, "g"), value),
         `${dirname3}/${filename}`
       );
       this.logger.verbose(`Apply template ${templatePath} to ${convertedTargetPath}`);
@@ -1613,7 +1636,7 @@ var Executor = class _Executor {
     } else if (targetPath.endsWith(".template")) {
       const content = await import_promises.default.readFile(templatePath, "utf8");
       const convertedTargetPath = Object.entries(dict).reduce(
-        (path9, [key, value]) => path9.replace(new RegExp(`__${key}__`, "g"), value),
+        (path10, [key, value]) => path10.replace(new RegExp(`__${key}__`, "g"), value),
         targetPath.slice(0, -9)
       );
       const convertedContent = Object.entries(dict).reduce(
@@ -1632,12 +1655,12 @@ var Executor = class _Executor {
     dict = {},
     overwrite = true
   }) {
-    const templatePath = `${__dirname}/src/templates${template ? `/${template}` : ""}`;
+    const templatePath = `${getDirname(import_meta2.url)}/src/templates${template ? `/${template}` : ""}`;
     const prefixTemplatePath = templatePath.endsWith(".tsx") ? templatePath : templatePath.replace(".ts", ".js");
     if (import_fs4.default.statSync(prefixTemplatePath).isFile()) {
-      const filename = import_path3.default.basename(prefixTemplatePath);
+      const filename = import_path4.default.basename(prefixTemplatePath);
       const fileContent = await this.#applyTemplateFile(
-        { templatePath: prefixTemplatePath, targetPath: import_path3.default.join(basePath2, filename), scanResult, overwrite },
+        { templatePath: prefixTemplatePath, targetPath: import_path4.default.join(basePath2, filename), scanResult, overwrite },
         dict
       );
       return fileContent ? [fileContent] : [];
@@ -1645,17 +1668,17 @@ var Executor = class _Executor {
       const subdirs = await this.readdir(templatePath);
       const fileContents = (await Promise.all(
         subdirs.map(async (subdir) => {
-          const subpath = import_path3.default.join(templatePath, subdir);
+          const subpath = import_path4.default.join(templatePath, subdir);
           if (import_fs4.default.statSync(subpath).isFile()) {
             const fileContent = await this.#applyTemplateFile(
-              { templatePath: subpath, targetPath: import_path3.default.join(basePath2, subdir), scanResult, overwrite },
+              { templatePath: subpath, targetPath: import_path4.default.join(basePath2, subdir), scanResult, overwrite },
               dict
             );
             return fileContent ? [fileContent] : [];
           } else
             return await this._applyTemplate({
-              basePath: import_path3.default.join(basePath2, subdir),
-              template: import_path3.default.join(template, subdir),
+              basePath: import_path4.default.join(basePath2, subdir),
+              template: import_path4.default.join(template, subdir),
               scanResult,
               dict,
               overwrite
@@ -1679,9 +1702,9 @@ var Executor = class _Executor {
     return this.typeChecker;
   }
   typeCheck(filePath) {
-    const path9 = this.getPath(filePath);
+    const path10 = this.getPath(filePath);
     const typeChecker = this.getTypeChecker();
-    const { fileDiagnostics, fileErrors, fileWarnings } = typeChecker.check(path9);
+    const { fileDiagnostics, fileErrors, fileWarnings } = typeChecker.check(path10);
     const message = typeChecker.formatDiagnostics(fileDiagnostics);
     return { fileDiagnostics, fileErrors, fileWarnings, message };
   }
@@ -1690,9 +1713,9 @@ var Executor = class _Executor {
     return this.linter;
   }
   async lint(filePath, { fix = false, dryRun = false } = {}) {
-    const path9 = this.getPath(filePath);
+    const path10 = this.getPath(filePath);
     const linter = this.getLinter();
-    const { results, errors, warnings } = await linter.lint(path9, { fix, dryRun });
+    const { results, errors, warnings } = await linter.lint(path10, { fix, dryRun });
     const message = linter.formatLintResults(results);
     return { results, message, errors, warnings };
   }
@@ -1707,7 +1730,7 @@ var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
     this.repoName = repoName;
   }
   static fromRoot() {
-    const repoName = import_path3.default.basename(process.cwd());
+    const repoName = import_path4.default.basename(process.cwd());
     return new _WorkspaceExecutor({ workspaceRoot: process.cwd(), repoName });
   }
   getBaseDevEnv() {
@@ -1816,7 +1839,7 @@ var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
         dirs.map(async (dir) => {
           if (dir.includes("_") || AVOID_DIRS.includes(dir))
             return;
-          const dirPath = import_path3.default.join(dirname3, dir);
+          const dirPath = import_path4.default.join(dirname3, dir);
           if (import_fs4.default.lstatSync(dirPath).isDirectory()) {
             results.push(`${prefix}${dir}`);
             if (maxDepth > 0)
@@ -1843,9 +1866,9 @@ var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
         dirs.map(async (dir) => {
           if (AVOID_DIRS.includes(dir))
             return;
-          const dirPath = import_path3.default.join(dirname3, dir);
+          const dirPath = import_path4.default.join(dirname3, dir);
           if (import_fs4.default.lstatSync(dirPath).isDirectory()) {
-            const hasTargetFile = import_fs4.default.existsSync(import_path3.default.join(dirPath, targetFilename));
+            const hasTargetFile = import_fs4.default.existsSync(import_path4.default.join(dirPath, targetFilename));
             if (hasTargetFile)
               results.push(`${prefix}${dir}`);
             if (maxDepth > 0)
@@ -1906,8 +1929,8 @@ var SysExecutor = class extends Executor {
     return this.type === "app" ? await getAppConfig(this.cwdPath, { ...this.workspace.getBaseDevEnv(), type: "app", name: this.name, command }) : await getLibConfig(this.cwdPath, { ...this.workspace.getBaseDevEnv(), type: "lib", name: this.name, command });
   }
   async getModules() {
-    const path9 = this.type === "app" ? `apps/${this.name}/lib` : `libs/${this.name}/lib`;
-    return await this.workspace.getDirInModule(path9, this.name);
+    const path10 = this.type === "app" ? `apps/${this.name}/lib` : `libs/${this.name}/lib`;
+    return await this.workspace.getDirInModule(path10, this.name);
   }
   async scan({
     tsconfig = this.getTsConfig(`${this.cwdPath}/tsconfig.json`),
@@ -1919,19 +1942,19 @@ var SysExecutor = class extends Executor {
     const scanner = new TypeScriptDependencyScanner(this.cwdPath);
     const npmSet = new Set(Object.keys({ ...rootPackageJson.dependencies, ...rootPackageJson.devDependencies }));
     const pkgPathSet = new Set(
-      Object.keys(tsconfig.compilerOptions.paths ?? {}).filter((path9) => tsconfig.compilerOptions.paths?.[path9]?.some((resolve) => resolve.startsWith("pkgs/"))).map((path9) => path9.replace("/*", ""))
+      Object.keys(tsconfig.compilerOptions.paths ?? {}).filter((path10) => tsconfig.compilerOptions.paths?.[path10]?.some((resolve) => resolve.startsWith("pkgs/"))).map((path10) => path10.replace("/*", ""))
     );
     const libPathSet = new Set(
-      Object.keys(tsconfig.compilerOptions.paths ?? {}).filter((path9) => tsconfig.compilerOptions.paths?.[path9]?.some((resolve) => resolve.startsWith("libs/"))).map((path9) => path9.replace("/*", ""))
+      Object.keys(tsconfig.compilerOptions.paths ?? {}).filter((path10) => tsconfig.compilerOptions.paths?.[path10]?.some((resolve) => resolve.startsWith("libs/"))).map((path10) => path10.replace("/*", ""))
     );
     const [npmDepSet, pkgPathDepSet, libPathDepSet] = await scanner.getImportSets([npmSet, pkgPathSet, libPathSet]);
-    const pkgDeps = [...pkgPathDepSet].map((path9) => {
-      const pathSplitLength = path9.split("/").length;
-      return (tsconfig.compilerOptions.paths?.[path9]?.[0] ?? "*").split("/").slice(1, 1 + pathSplitLength).join("/");
+    const pkgDeps = [...pkgPathDepSet].map((path10) => {
+      const pathSplitLength = path10.split("/").length;
+      return (tsconfig.compilerOptions.paths?.[path10]?.[0] ?? "*").split("/").slice(1, 1 + pathSplitLength).join("/");
     });
-    const libDeps = [...libPathDepSet].map((path9) => {
-      const pathSplitLength = path9.split("/").length;
-      return (tsconfig.compilerOptions.paths?.[path9]?.[0] ?? "*").split("/").slice(1, 1 + pathSplitLength).join("/");
+    const libDeps = [...libPathDepSet].map((path10) => {
+      const pathSplitLength = path10.split("/").length;
+      return (tsconfig.compilerOptions.paths?.[path10]?.[0] ?? "*").split("/").slice(1, 1 + pathSplitLength).join("/");
     }).filter((libName) => libName !== this.name);
     if (!import_fs4.default.existsSync(`${this.cwdPath}/lib/__scalar`))
       import_fs4.default.mkdirSync(`${this.cwdPath}/lib/__scalar`, { recursive: true });
@@ -1943,7 +1966,7 @@ var SysExecutor = class extends Executor {
     const serviceDirs = dirnames.filter((name) => name.startsWith("_") && !name.startsWith("__"));
     await Promise.all(
       databaseDirs.map(async (name) => {
-        const filenames = await this.readdir(import_path3.default.join("lib", name));
+        const filenames = await this.readdir(import_path4.default.join("lib", name));
         filenames.forEach((filename) => {
           if (filename.endsWith(".constant.ts"))
             files.constants.databases.push(name);
@@ -1965,7 +1988,7 @@ var SysExecutor = class extends Executor {
     await Promise.all(
       serviceDirs.map(async (dirname3) => {
         const name = dirname3.slice(1);
-        const filenames = await this.readdir(import_path3.default.join("lib", dirname3));
+        const filenames = await this.readdir(import_path4.default.join("lib", dirname3));
         filenames.forEach((filename) => {
           if (filename.endsWith(".dictionary.ts"))
             files.dictionary.services.push(name);
@@ -1983,7 +2006,7 @@ var SysExecutor = class extends Executor {
     const scalarDirs = (await this.readdir("lib/__scalar")).filter((name) => !name.startsWith("_"));
     await Promise.all(
       scalarDirs.map(async (name) => {
-        const filenames = await this.readdir(import_path3.default.join("lib/__scalar", name));
+        const filenames = await this.readdir(import_path4.default.join("lib/__scalar", name));
         filenames.forEach((filename) => {
           if (filename.endsWith(".constant.ts"))
             files.constants.scalars.push(name);
@@ -2058,7 +2081,7 @@ var SysExecutor = class extends Executor {
     return scanResult;
   }
   getLocalFile(targetPath) {
-    const filePath = import_path3.default.isAbsolute(targetPath) ? targetPath : `${this.type}s/${this.name}/${targetPath}`;
+    const filePath = import_path4.default.isAbsolute(targetPath) ? targetPath : `${this.type}s/${this.name}/${targetPath}`;
     const content = this.workspace.readFile(filePath);
     return { filePath, content };
   }
@@ -2173,28 +2196,17 @@ var AppExecutor = class _AppExecutor extends SysExecutor {
   }
   async syncAssets(libDeps) {
     const projectPublicLibPath = `${this.cwdPath}/public/libs`;
-    const projectAssetsLibPath = `${this.cwdPath}/assets/libs`;
-    await Promise.all([
-      import_fs4.default.existsSync(projectPublicLibPath) && import_promises.default.rm(projectPublicLibPath, { recursive: true }),
-      import_fs4.default.existsSync(projectAssetsLibPath) && import_promises.default.rm(projectAssetsLibPath, { recursive: true })
-    ]);
+    if (import_fs4.default.existsSync(projectPublicLibPath))
+      await import_promises.default.rm(projectPublicLibPath, { recursive: true });
     const targetDeps = libDeps.filter((dep) => import_fs4.default.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/public`));
-    await Promise.all([
-      ...targetDeps.map((dep) => import_promises.default.mkdir(`${projectPublicLibPath}/${dep}`, { recursive: true })),
-      ...targetDeps.map((dep) => import_promises.default.mkdir(`${projectAssetsLibPath}/${dep}`, { recursive: true }))
-    ]);
-    await Promise.all([
-      ...targetDeps.map(
-        (dep) => import_fs4.default.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/public`) && import_promises.default.cp(`${this.workspace.workspaceRoot}/libs/${dep}/public`, `${projectPublicLibPath}/${dep}`, {
-          recursive: true
-        })
-      ),
-      ...targetDeps.map(
-        (dep) => import_fs4.default.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/assets`) && import_promises.default.cp(`${this.workspace.workspaceRoot}/libs/${dep}/assets`, `${projectAssetsLibPath}/${dep}`, {
+    await Promise.all(targetDeps.map((dep) => import_promises.default.mkdir(`${projectPublicLibPath}/${dep}`, { recursive: true })));
+    await Promise.all(
+      targetDeps.map(
+        (dep) => import_promises.default.cp(`${this.workspace.workspaceRoot}/libs/${dep}/public`, `${projectPublicLibPath}/${dep}`, {
           recursive: true
         })
       )
-    ]);
+    );
   }
 };
 var LibExecutor = class _LibExecutor extends SysExecutor {
@@ -2244,12 +2256,12 @@ var PkgExecutor = class _PkgExecutor extends Executor {
     const scanner = new TypeScriptDependencyScanner(this.cwdPath);
     const npmSet = new Set(Object.keys({ ...rootPackageJson.dependencies, ...rootPackageJson.devDependencies }));
     const pkgPathSet = new Set(
-      Object.keys(tsconfig.compilerOptions.paths ?? {}).filter((path9) => tsconfig.compilerOptions.paths?.[path9]?.some((resolve) => resolve.startsWith("pkgs/"))).map((path9) => path9.replace("/*", ""))
+      Object.keys(tsconfig.compilerOptions.paths ?? {}).filter((path10) => tsconfig.compilerOptions.paths?.[path10]?.some((resolve) => resolve.startsWith("pkgs/"))).map((path10) => path10.replace("/*", ""))
     );
     const [npmDepSet, pkgPathDepSet] = await scanner.getImportSets([npmSet, pkgPathSet]);
-    const pkgDeps = [...pkgPathDepSet].map((path9) => {
-      const pathSplitLength = path9.split("/").length;
-      return (tsconfig.compilerOptions.paths?.[path9]?.[0] ?? "*").split("/").slice(1, 1 + pathSplitLength).join("/");
+    const pkgDeps = [...pkgPathDepSet].map((path10) => {
+      const pathSplitLength = path10.split("/").length;
+      return (tsconfig.compilerOptions.paths?.[path10]?.[0] ?? "*").split("/").slice(1, 1 + pathSplitLength).join("/");
     }).filter((pkg) => pkg !== this.name);
     const pkgScanResult = {
       name: this.name,
@@ -2560,7 +2572,7 @@ var extractDependencies = (filepaths, pacakgeJson, defaultDependencies = []) =>
     ...pacakgeJson.devDependencies ?? {}
   };
   const requireRegex = /require\s*\(\s*['"`]([^'"`]+)['"`]\s*\)/g;
-  for (const { text } of filepaths.filter(({ path: path9 }) => path9.endsWith(".js"))) {
+  for (const { text } of filepaths.filter(({ path: path10 }) => path10.endsWith(".js"))) {
     let requireMatch;
     while ((requireMatch = requireRegex.exec(text)) !== null) {
       const moduleName = requireMatch[1];
@@ -2665,6 +2677,7 @@ var import_prompts3 = require("@inquirer/prompts");
 var import_chalk4 = __toESM(require("chalk"));
 var import_commander = require("commander");
 var import_fs7 = __toESM(require("fs"));
+var import_meta3 = {};
 var camelToKebabCase = (str) => str.replace(/([A-Z])/g, "-$1").toLowerCase();
 var handleOption = (programCommand, argMeta) => {
   const {
@@ -2840,6 +2853,7 @@ var runCommands = async (...commands) => {
   process.on("unhandledRejection", (error) => {
     process.exit(1);
   });
+  const __dirname = getDirname(import_meta3.url);
   const hasPackageJson = import_fs7.default.existsSync(`${__dirname}/../package.json`);
   const version = hasPackageJson ? JSON.parse(import_fs7.default.readFileSync(`${__dirname}/../package.json`, "utf8")).version : "0.0.1";
   import_commander.program.version(version).description("Akan CLI");
@@ -3268,18 +3282,21 @@ var Builder = class {
 // pkgs/@akanjs/devkit/src/prompter.ts
 var import_prompts5 = require("@inquirer/prompts");
 var import_promises2 = __toESM(require("fs/promises"));
+var import_meta4 = {};
 var Prompter = class {
   static async selectGuideline() {
-    const guideNames = (await import_promises2.default.readdir(`${__dirname}/src/guidelines`)).filter((name) => !name.startsWith("_"));
+    const guideNames = (await import_promises2.default.readdir(`${getDirname(import_meta4.url)}/src/guidelines`)).filter(
+      (name) => !name.startsWith("_")
+    );
     return await (0, import_prompts5.select)({ message: "Select a guideline", choices: guideNames.map((name) => ({ name, value: name })) });
   }
   static async getGuideJson(guideName) {
-    const filePath = `${__dirname}/src/guidelines/${guideName}/${guideName}.generate.json`;
+    const filePath = `${getDirname(import_meta4.url)}/src/guidelines/${guideName}/${guideName}.generate.json`;
     const guideJson = await import_promises2.default.readFile(filePath, "utf-8");
     return JSON.parse(guideJson);
   }
   static async getInstruction(guideName) {
-    const filePath = `${__dirname}/src/guidelines/${guideName}/${guideName}.instruction.md`;
+    const filePath = `${getDirname(import_meta4.url)}/src/guidelines/${guideName}/${guideName}.instruction.md`;
     const content = await import_promises2.default.readFile(filePath, "utf-8");
     return content;
   }
@@ -3303,7 +3320,7 @@ ${request}
 `;
   }
   async getDocumentation(guideName) {
-    const filePath = `${__dirname}/src/guidelines/${guideName}/${guideName}.instruction.md`;
+    const filePath = `${getDirname(import_meta4.url)}/src/guidelines/${guideName}/${guideName}.instruction.md`;
     const document = await import_promises2.default.readFile(filePath, "utf-8");
     return `\`\`\`markdown
 ${document}
@@ -3312,9 +3329,27 @@ ${document}
   }
 };
 
+// pkgs/@akanjs/devkit/src/useStdoutDimensions.ts
+var import_ink = require("ink");
+var import_react = require("react");
+var useStdoutDimensions = () => {
+  const { stdout } = (0, import_ink.useStdout)();
+  const [dimensions, setDimensions] = (0, import_react.useState)([stdout.columns, stdout.rows]);
+  (0, import_react.useEffect)(() => {
+    const handler = () => {
+      setDimensions([stdout.columns, stdout.rows]);
+    };
+    stdout.on("resize", handler);
+    return () => {
+      stdout.off("resize", handler);
+    };
+  }, [stdout]);
+  return dimensions;
+};
+
 // pkgs/@akanjs/cli/src/library/library.runner.ts
 var import_compare_versions = require("compare-versions");
-var import_dotenv2 = __toESM(require("dotenv"));
+var import_dotenv2 = __toESM(require("dotenv"), 1);
 var LibraryRunner = class {
   async createLibrary(libName, workspace) {
     await workspace.exec(`mkdir -p libs/${libName}`);
@@ -3452,19 +3487,351 @@ var import_output_parsers = require("@langchain/core/output_parsers");
 var import_prompts7 = require("@langchain/core/prompts");
 var import_runnables2 = require("@langchain/core/runnables");
 var import_openai3 = require("@langchain/openai");
-var import_plugin_react = __toESM(require("@vitejs/plugin-react"));
-var import_dotenv3 = __toESM(require("dotenv"));
-var esbuild2 = __toESM(require("esbuild"));
-var import_fs10 = __toESM(require("fs"));
-var import_promises3 = __toESM(require("fs/promises"));
-var import_js_yaml2 = __toESM(require("js-yaml"));
-var import_open = __toESM(require("open"));
-var import_ora3 = __toESM(require("ora"));
-var import_path4 = __toESM(require("path"));
-var vite = __toESM(require("vite"));
-var import_vite_plugin_commonjs = __toESM(require("vite-plugin-commonjs"));
+var import_plugin_react = __toESM(require("@vitejs/plugin-react"), 1);
+var import_dotenv3 = __toESM(require("dotenv"), 1);
+var esbuild2 = __toESM(require("esbuild"), 1);
+var import_fs10 = __toESM(require("fs"), 1);
+var import_promises3 = __toESM(require("fs/promises"), 1);
+var import_js_yaml2 = __toESM(require("js-yaml"), 1);
+var import_open = __toESM(require("open"), 1);
+var import_ora3 = __toESM(require("ora"), 1);
+var import_path5 = __toESM(require("path"), 1);
+var vite = __toESM(require("vite"), 1);
+var import_vite_plugin_commonjs = __toESM(require("vite-plugin-commonjs"), 1);
 var import_vite_plugin_node_polyfills = require("vite-plugin-node-polyfills");
-var import_vite_tsconfig_paths = __toESM(require("vite-tsconfig-paths"));
+var import_vite_tsconfig_paths = __toESM(require("vite-tsconfig-paths"), 1);
+
+// pkgs/@akanjs/cli/src/application/appilcation.interface.tsx
+var import_ink4 = require("ink");
+var import_react4 = __toESM(require("react"), 1);
+
+// pkgs/@akanjs/cli/ui/ScrollList.tsx
+var import_ink2 = require("ink");
+var import_react2 = __toESM(require("react"), 1);
+var ScrollList = ({ list, ...props }) => {
+  const [renderLogs, setRenderLogs] = (0, import_react2.useState)(list);
+  const [width, height] = useStdoutDimensions();
+  const [scrollPos, setScrollPos] = (0, import_react2.useState)(0);
+  const [isRunning, setIsRunning] = (0, import_react2.useState)(false);
+  const [boxHeight, setBoxHeight] = (0, import_react2.useState)(height - 3);
+  (0, import_ink2.useInput)((input6, key) => {
+    if (key.escape) {
+      setIsRunning(false);
+      setScrollPos(0);
+    }
+    if (input6 === " " && isRunning) {
+      setIsRunning(false);
+      setScrollPos(0);
+    }
+    if (key.downArrow && scrollPos > 0) {
+      if (key.shift) {
+        setScrollPos(scrollPos - 10);
+      } else {
+        setScrollPos(scrollPos - 1);
+      }
+    }
+    if (key.upArrow && scrollPos < list.length - boxHeight) {
+      if (key.shift) {
+        setScrollPos(scrollPos + 10);
+      } else {
+        setScrollPos(scrollPos + 1);
+      }
+    }
+  });
+  (0, import_react2.useEffect)(() => {
+    if (isRunning) {
+      setScrollPos(scrollPos + 1);
+      return;
+    }
+    if (list.length > boxHeight) {
+      setRenderLogs(list.slice(list.length - boxHeight, list.length));
+    } else {
+      setRenderLogs(list);
+    }
+  }, [list, isRunning]);
+  (0, import_react2.useEffect)(() => {
+    setBoxHeight(Math.floor(height * 0.9));
+  }, [height]);
+  (0, import_react2.useEffect)(() => {
+    if (scrollPos > 0) {
+      setRenderLogs(list.slice(list.length - boxHeight - scrollPos, list.length - scrollPos));
+      setIsRunning(true);
+    } else {
+      setRenderLogs(list.slice(list.length - boxHeight, list.length));
+      setIsRunning(false);
+    }
+  }, [scrollPos]);
+  return /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { ...props, width, height: "100%", flexDirection: "column" }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, { borderStyle: "round", width, height: height - 3 }, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, null, isRunning ? /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, renderLogs.slice(0, renderLogs.length - 1).map((log, index) => /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { key: index }, log), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null))), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "scrolling... + ", scrollPos)) : /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, renderLogs.map((log, index) => /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { key: index }, log), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null)))))), /* @__PURE__ */ import_react2.default.createElement(import_ink2.Box, null, /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { dimColor: true }, "You can use the following shortcuts:", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), "* ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "up"), " and ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "down"), " to scroll.", " ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "shift"), " to scroll faster.", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Newline, null), "* ", /* @__PURE__ */ import_react2.default.createElement(import_ink2.Text, { backgroundColor: "green" }, "escape"), " to stop scrolling.")));
+};
+
+// pkgs/@akanjs/cli/ui/MultiScrollList.tsx
+var import_ink3 = require("ink");
+var import_react3 = __toESM(require("react"), 1);
+var MultiScrollList = ({ logList }) => {
+  const [width, height] = useStdoutDimensions();
+  const [renderMultiLogs, setRenderMultiLogs] = (0, import_react3.useState)(
+    Array.from({ length: logList.length }, () => [])
+  );
+  const [lengthMap, setLengthMap] = (0, import_react3.useState)(/* @__PURE__ */ new Map());
+  const [scrollPos, setScrollPos] = (0, import_react3.useState)(0);
+  const [tabIndex, setTabIndex] = (0, import_react3.useState)(null);
+  const [isRunning, setIsRunning] = (0, import_react3.useState)(false);
+  const [boxHeight, setBoxHeight] = (0, import_react3.useState)(height - 7);
+  (0, import_ink3.useInput)((input6, key) => {
+    if (key.tab) {
+      if (tabIndex === null) {
+        setTabIndex(0);
+      } else {
+        setTabIndex((prev) => (prev + 1) % logList.length);
+        setIsRunning(false);
+      }
+    }
+    if (key.escape) {
+      setScrollPos(0);
+      if (tabIndex !== null)
+        setTabIndex(null);
+      setIsRunning(false);
+    }
+    if (input6 === " ") {
+      setScrollPos(0);
+      setIsRunning(false);
+    }
+    if (key.downArrow && scrollPos > 0) {
+      if (key.shift) {
+        const newScrollPos = scrollPos - 10;
+        if (newScrollPos < 0) {
+          setScrollPos(0);
+        } else {
+          setScrollPos(newScrollPos);
+        }
+      } else {
+        const newScrollPos = scrollPos - 1;
+        setScrollPos(newScrollPos);
+      }
+    }
+    if (key.upArrow && tabIndex !== null && scrollPos < logList[tabIndex].logs.length - boxHeight) {
+      if (key.shift) {
+        const newScrollPos = scrollPos + 10;
+        if (newScrollPos > logList[tabIndex].logs.length - boxHeight) {
+          setScrollPos(logList[tabIndex].logs.length - boxHeight);
+        } else {
+          setScrollPos(newScrollPos);
+        }
+      } else {
+        setScrollPos(scrollPos + 1);
+      }
+      if (!isRunning)
+        setIsRunning(true);
+    }
+  });
+  (0, import_react3.useEffect)(() => {
+    const getLogsToRender = (logs, index) => {
+      if (scrollPos > 0 && tabIndex === index) {
+        return logs.slice(logs.length - boxHeight - scrollPos, logs.length - scrollPos);
+      } else if (logs.length > boxHeight) {
+        return logs.slice(logs.length - boxHeight, logs.length);
+      } else {
+        return logs;
+      }
+    };
+    if (isRunning) {
+      if (tabIndex !== null && lengthMap.has(tabIndex)) {
+        const tabLength = lengthMap.get(tabIndex);
+        if (tabLength && tabLength < logList[tabIndex].logs.length) {
+          setScrollPos(scrollPos + 1);
+          lengthMap.set(tabIndex, logList[tabIndex].logs.length);
+        }
+      }
+      setRenderMultiLogs((prev) => {
+        const newState = [...prev];
+        logList.forEach((logData, index) => {
+          newState[index] = getLogsToRender(logData.logs, index);
+        });
+        return newState;
+      });
+    } else {
+      setRenderMultiLogs((prev) => {
+        const newState = [...prev];
+        logList.forEach((logData, index) => {
+          lengthMap.set(index, logData.logs.length);
+          newState[index] = getLogsToRender(logData.logs, index);
+        });
+        return newState;
+      });
+    }
+  }, [logList, isRunning, scrollPos, tabIndex, boxHeight]);
+  (0, import_react3.useEffect)(() => {
+    setBoxHeight(height - 7);
+  }, [height]);
+  (0, import_react3.useEffect)(() => {
+    setLengthMap(new Map(logList.map((log, index) => [index, log.logs.length])));
+  }, []);
+  return /* @__PURE__ */ import_react3.default.createElement(import_ink3.Box, { width, height, flexDirection: "column" }, /* @__PURE__ */ import_react3.default.createElement(import_ink3.Box, { width, height: "100%" }, renderMultiLogs.map((logData, index) => /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_ink3.Box, { width, height: "100%", flexDirection: "column", key: index }, /* @__PURE__ */ import_react3.default.createElement(import_ink3.Box, null, /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { color: logList[index].color }, logList[index].title)), /* @__PURE__ */ import_react3.default.createElement(
+    import_ink3.Box,
+    {
+      flexWrap: "wrap",
+      height,
+      borderStyle: index === tabIndex ? "double" : "round",
+      borderDimColor: index !== tabIndex,
+      borderColor: index === tabIndex && isRunning ? "green" : logList[index].color
+    },
+    /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, null, isRunning && tabIndex === index ? /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, logData.slice(0, logData.length - 1).map((log, index2) => /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { key: index2 }, log), /* @__PURE__ */ import_react3.default.createElement(import_ink3.Newline, null))), /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { backgroundColor: "green" }, "scrolling... +", scrollPos)) : /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, logData.map((data, index2) => /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { key: index2 }, data), /* @__PURE__ */ import_react3.default.createElement(import_ink3.Newline, null)))))
+  ))))), /* @__PURE__ */ import_react3.default.createElement(import_ink3.Box, { width, height: "auto" }, /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { dimColor: true }, /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, null, "You can use the following shortcuts:"), /* @__PURE__ */ import_react3.default.createElement(import_ink3.Newline, null), "* ", /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { backgroundColor: "green" }, "tab"), " to switch tab.", /* @__PURE__ */ import_react3.default.createElement(import_ink3.Newline, null), "* ", /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { backgroundColor: "green" }, "space"), " to scroll.", /* @__PURE__ */ import_react3.default.createElement(import_ink3.Newline, null), "* ", /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { backgroundColor: "green" }, "up"), " and ", /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { backgroundColor: "green" }, "down"), " to scroll.", " ", /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { backgroundColor: "green" }, "shift"), " to scroll faster.", /* @__PURE__ */ import_react3.default.createElement(import_ink3.Newline, null), "* ", /* @__PURE__ */ import_react3.default.createElement(import_ink3.Text, { backgroundColor: "green" }, "escape"), " to stop scrolling.")));
+};
+
+// pkgs/@akanjs/cli/src/application/appilcation.interface.tsx
+var Backend = ({ app, env }) => {
+  const [logs, setLogs] = (0, import_react4.useState)([]);
+  const [width, height] = useStdoutDimensions();
+  (0, import_react4.useEffect)(() => {
+    const proc = app.dist.spawnSync("node", ["--watch", "backend/main.js"], {
+      env,
+      stdio: "pipe"
+    });
+    proc.stdout?.on("data", (data) => {
+      const newOutput = data.toString().split("\n");
+      setLogs((prevLogs) => [...prevLogs, ...newOutput]);
+    });
+    proc.stderr?.on("data", (data) => {
+      const newOutput = data.toString().split("\n");
+      setLogs((prevLogs) => [...prevLogs, ...newOutput]);
+    });
+    return () => {
+      proc.kill();
+    };
+  }, []);
+  return /* @__PURE__ */ import_react4.default.createElement(import_ink4.Box, { width, height }, /* @__PURE__ */ import_react4.default.createElement(import_ink4.Text, { bold: true }, "Akan.JS Backend"));
+};
+var Frontend = ({ app, env }) => {
+  const [logs, setLogs] = (0, import_react4.useState)([]);
+  const [width, height] = useStdoutDimensions();
+  (0, import_react4.useEffect)(() => {
+    const proc = app.spawnSync("npx", ["next", "dev", "-p", "4200"], {
+      env,
+      stdio: ["ignore", "pipe", "pipe"],
+      detached: true
+    });
+    proc.stdout?.on("data", (data) => {
+      const newOutput = data.toString().split("\n");
+      setLogs((prevLogs) => [...prevLogs, ...newOutput]);
+    });
+    proc.stderr?.on("data", (data) => {
+      const newOutput = data.toString().split("\n");
+      setLogs((prevLogs) => [...prevLogs, ...newOutput]);
+    });
+    return () => {
+      proc.kill();
+    };
+  }, []);
+  return /* @__PURE__ */ import_react4.default.createElement(import_ink4.Box, { width, height, flexDirection: "column" }, /* @__PURE__ */ import_react4.default.createElement(import_ink4.Text, { bold: true }, "Akan.JS Frontend"), logs.map((log) => /* @__PURE__ */ import_react4.default.createElement(import_ink4.Text, { key: log }, log)));
+};
+var Csr = ({
+  app,
+  onLoad
+}) => {
+  const [logs, setLogs] = (0, import_react4.useState)([]);
+  const [width, height] = useStdoutDimensions();
+  (0, import_react4.useEffect)(() => {
+    void onLoad({
+      onLog: (log) => {
+        setLogs((prevLogs) => [...prevLogs, log]);
+      }
+    });
+  }, []);
+  return /* @__PURE__ */ import_react4.default.createElement(import_ink4.Box, { width, height, flexDirection: "column" }, /* @__PURE__ */ import_react4.default.createElement(import_ink4.Text, { bold: true }, "Akan.JS CSR"), /* @__PURE__ */ import_react4.default.createElement(ScrollList, { list: logs }));
+};
+var Start = ({
+  app,
+  backendEnv,
+  frontendEnv,
+  onLoadCsr
+}) => {
+  const [width, height] = useStdoutDimensions();
+  const [csrLogs, setCsrLogs] = (0, import_react4.useState)([]);
+  const [backendLogs, setBackendLogs] = (0, import_react4.useState)([]);
+  const [frontendLogs, setFrontendLogs] = (0, import_react4.useState)([]);
+  (0, import_react4.useEffect)(() => {
+    const backend = app.dist.spawnSync("node", ["--watch", "backend/main.js"], {
+      stdio: ["ignore", "pipe", "pipe"],
+      // stdin은 무시
+      env: backendEnv,
+      detached: true
+    });
+    const frontend = app.spawnSync("npx", ["next", "dev", "-p", "4200"], {
+      stdio: ["ignore", "pipe", "pipe"],
+      // stdin은 무시
+      env: frontendEnv,
+      detached: true
+    });
+    backend.stdout?.on("data", (data) => {
+      const newOutput = data.toString().split("\n");
+      setBackendLogs((currentLogs) => [
+        ...currentLogs,
+        ...newOutput.map((line) => ({ type: "stdout", content: line }))
+      ]);
+    });
+    backend.stderr?.on("data", (data) => {
+      const newOutput = data.toString().split("\n");
+      setBackendLogs((currentLogs) => [
+        ...currentLogs,
+        ...newOutput.map((line) => ({ type: "stderr", content: line }))
+      ]);
+    });
+    frontend.stdout?.on("data", (data) => {
+      const newOutput = data.toString().split("\n");
+      setFrontendLogs((currentLogs) => [
+        ...currentLogs,
+        ...newOutput.map((line) => ({ type: "stdout", content: line }))
+      ]);
+    });
+    frontend.stderr?.on("data", (data) => {
+      const newOutput = data.toString().split("\n");
+      setFrontendLogs((currentLogs) => [
+        ...currentLogs,
+        ...newOutput.map((line) => ({ type: "stderr", content: line }))
+      ]);
+    });
+    void onLoadCsr({
+      onLog: (log) => {
+        setCsrLogs((prevLogs) => [...prevLogs, { type: "stdout", content: log }]);
+      }
+    });
+    return () => {
+      backend.kill();
+      frontend.kill();
+    };
+  }, []);
+  return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_ink4.Box, { borderColor: "#ff493b", height, width, flexDirection: "row" }, /* @__PURE__ */ import_react4.default.createElement(
+    MultiScrollList,
+    {
+      logList: [
+        {
+          title: `${app.name} frontend`,
+          logs: frontendLogs.map((log) => log.content),
+          color: "#ff493b"
+        },
+        {
+          title: `${app.name} backend`,
+          logs: backendLogs.map((log) => log.content),
+          color: "#e535ab"
+        },
+        {
+          title: `${app.name} react`,
+          logs: csrLogs.map((log) => log.content),
+          color: "#7cc5d9"
+        }
+      ]
+    }
+  )));
+};
+var Interface = {
+  Csr: (app, onLoad) => (0, import_ink4.render)(/* @__PURE__ */ import_react4.default.createElement(Csr, { app, onLoad })),
+  Backend: (app, env) => (0, import_ink4.render)(/* @__PURE__ */ import_react4.default.createElement(Backend, { app, env })),
+  Frontend: (app, env) => (0, import_ink4.render)(/* @__PURE__ */ import_react4.default.createElement(Frontend, { app, env })),
+  Start: (app, backendEnv, frontendEnv, onLoadCsr) => (0, import_ink4.render)(/* @__PURE__ */ import_react4.default.createElement(Start, { app, backendEnv, frontendEnv, onLoadCsr }))
+};
+
+// pkgs/@akanjs/cli/src/application/application.runner.ts
 var ApplicationRunner = class {
   async createApplication(appName, workspace) {
     await workspace.applyTemplate({
@@ -3492,6 +3859,34 @@ var ApplicationRunner = class {
     await app.syncAssets(scanResult.akanConfig.libs);
     return scanResult;
   }
+  async start(app) {
+    const { env: frontendEnv } = await this.#prepareCommand(app, "start", "frontend");
+    const { env: backendEnv } = await this.#prepareCommand(app, "start", "backend");
+    Interface.Start(app, backendEnv, frontendEnv, async ({ onLog }) => {
+      const config = await this.#getViteConfig(app, "start", {
+        customLogger: {
+          info: (msg) => {
+            onLog(msg);
+          },
+          warn: (msg) => {
+          },
+          warnOnce: (msg) => {
+          },
+          error: (msg) => {
+            onLog(msg);
+          },
+          clearScreen: (type) => {
+          },
+          hasErrorLogged: (error) => {
+            return false;
+          },
+          hasWarned: false
+        }
+      });
+      const server = await vite.createServer(config);
+      await server.listen(4201);
+    });
+  }
   async getScriptFilename(app) {
     if (!app.exists("scripts")) {
       app.mkdir("scripts");
@@ -3539,8 +3934,6 @@ var ApplicationRunner = class {
       app.writeFile("next.config.ts", defaultNextConfigFile);
     } else if (target === "csr")
       await app.workspace.exec("rm -rf node_modules/.vite");
-    else if (target === "backend")
-      await app.cp("assets", import_path4.default.join(app.dist.cwdPath, "backend", "assets"));
     return { env: this.#getEnv(app, { AKAN_COMMAND_TYPE: type }) };
   }
   async buildBackend(app) {
@@ -3569,7 +3962,7 @@ var ApplicationRunner = class {
       dependencies
     };
     app.dist.writeJson("backend/package.json", appPackageJson);
-    app.dist.writeFile(import_path4.default.join(app.dist.cwdPath, "backend", "Dockerfile"), akanConfig.backend.dockerfile);
+    app.dist.writeFile(import_path5.default.join(app.dist.cwdPath, "backend", "Dockerfile"), akanConfig.backend.dockerfile);
   }
   async startBackend(app, { open: open2 = false, onStart } = {}) {
     const { env } = await this.#prepareCommand(app, "start", "backend");
@@ -3580,7 +3973,7 @@ var ApplicationRunner = class {
       packages: "external",
       platform: "node",
       format: "cjs",
-      outdir: import_path4.default.join(app.dist.cwdPath, "backend"),
+      outdir: import_path5.default.join(app.dist.cwdPath, "backend"),
       logLevel: "warning"
     });
     await ctx.watch();
@@ -3588,7 +3981,7 @@ var ApplicationRunner = class {
     onStart?.();
     if (open2)
       setTimeout(() => (0, import_open.default)("http://localhost:8080/backend/graphql"), 3e3);
-    await app.dist.spawn("node", ["--watch", "main.js"], { env, stdio: "inherit", cwd: `${app.dist.cwdPath}/backend` });
+    await app.dist.spawn("node", ["--watch", "backend/main.js"], { env, stdio: "inherit" });
   }
   async buildFrontend(app, { spawnOptions } = {}) {
     const { env } = await this.#prepareCommand(app, "build", "frontend");
@@ -3600,10 +3993,10 @@ var ApplicationRunner = class {
       bundle: true,
       packages: "external",
       platform: "node",
-      format: "cjs",
+      format: "esm",
       write: false,
-      logLevel: "warning",
-      footer: { js: "module.exports = module.exports.default;" }
+      logLevel: "warning"
+      // footer: { js: "module.exports = module.exports.default;" },
     });
     const rootPackageJson = app.workspace.readJson("package.json");
     const dependencies = extractDependencies(buildResult.outputFiles, rootPackageJson, ["next", "react", "react-dom"]);
@@ -3618,8 +4011,8 @@ var ApplicationRunner = class {
     };
     app.dist.writeJson("frontend/package.json", appPackageJson);
     await Promise.all([
-      app.cp(".next", import_path4.default.join(app.dist.cwdPath, "frontend", ".next")),
-      app.cp("public", import_path4.default.join(app.dist.cwdPath, "frontend", "public"))
+      app.cp(".next", import_path5.default.join(app.dist.cwdPath, "frontend", ".next")),
+      app.cp("public", import_path5.default.join(app.dist.cwdPath, "frontend", "public"))
     ]);
     app.dist.writeFile("frontend/Dockerfile", akanConfig.frontend.dockerfile);
   }
@@ -3630,7 +4023,7 @@ var ApplicationRunner = class {
     onStart?.();
     await app.spawn("npx", ["next", "dev", "-p", "4200", ...turbo ? ["--turbo"] : []], { env, stdio: "inherit" });
   }
-  async #getViteConfig(app, command) {
+  async #getViteConfig(app, command, viteConfig = {}) {
     const { env } = await this.#prepareCommand(app, command, "csr");
     const tsconfig = app.workspace.getTsConfig();
     const akanConfig = await app.getConfig();
@@ -3638,6 +4031,7 @@ var ApplicationRunner = class {
     const processEnv = env;
     const akanjsPrefix = process.env.USE_AKANJS_PKGS === "true" ? `${app.workspace.workspaceRoot}/pkgs/` : "";
     const config = vite.defineConfig({
+      ...viteConfig,
       root: `${app.cwdPath}/app`,
       base: "/",
       build: {
@@ -3655,6 +4049,8 @@ var ApplicationRunner = class {
         (0, import_plugin_react.default)(),
         (0, import_vite_tsconfig_paths.default)(),
         (0, import_vite_plugin_commonjs.default)(),
+        //? A postCSS 어쩌구 에러 제거하는 방법인데 적용시 tailwind가 망가져버림.
+        // tailwindcss(),
         (0, import_vite_plugin_node_polyfills.nodePolyfills)({
           exclude: ["fs"],
           include: ["crypto", "process", "stream", "util"],
@@ -3713,12 +4109,36 @@ var ApplicationRunner = class {
     const config = await this.#getViteConfig(app, "build");
     await vite.build(config);
   }
-  async startCsr(app, { open: open2 = false, onStart } = {}) {
-    const config = await this.#getViteConfig(app, "start");
-    const server = await vite.createServer(config);
-    await server.listen(4201);
+  startCsr(app, { open: open2 = false, onStart } = {}) {
+    Interface.Csr(app, async ({ onLog }) => {
+      const config = await this.#getViteConfig(app, "start", {
+        customLogger: {
+          info: (msg) => {
+            onLog(msg);
+          },
+          warn: (msg) => {
+            onLog(msg);
+          },
+          warnOnce: (msg) => {
+            onLog(msg);
+          },
+          error: (msg) => {
+            onLog(msg);
+          },
+          clearScreen: (type) => {
+            onLog(type);
+          },
+          hasErrorLogged: (error) => {
+            return false;
+          },
+          hasWarned: false
+        }
+      });
+      const env = this.#prepareCommand(app, "start", "csr");
+      const server = await vite.createServer(config);
+      await server.listen(4201);
+    });
     onStart?.();
-    app.log(`CSR server is running on http://localhost:4201`);
     if (open2)
       setTimeout(() => (0, import_open.default)("http://localhost:4201"), 3e3);
   }
@@ -3854,8 +4274,8 @@ var ApplicationRunner = class {
       )
     );
     await Promise.all(
-      [".next", "ios", "android", "public/libs"].map(async (path9) => {
-        const targetPath = `${sourceRoot}/apps/${app.name}/${path9}`;
+      [".next", "ios", "android", "public/libs"].map(async (path10) => {
+        const targetPath = `${sourceRoot}/apps/${app.name}/${path10}`;
         if (import_fs10.default.existsSync(targetPath))
           await import_promises3.default.rm(targetPath, { recursive: true, force: true });
       })
@@ -3873,7 +4293,7 @@ var ApplicationRunner = class {
     ];
     await Promise.all(
       syncPaths.map(
-        (path9) => import_promises3.default.cp(`${app.workspace.cwdPath}/${path9}`, `${sourceRoot}/${path9}`, { recursive: true })
+        (path10) => import_promises3.default.cp(`${app.workspace.cwdPath}/${path10}`, `${sourceRoot}/${path10}`, { recursive: true })
       )
     );
     const tsconfig = app.workspace.readJson("tsconfig.json");
@@ -4014,11 +4434,7 @@ var ApplicationScript = class {
     await this.syncApplication(app);
     if (app.workspace.getBaseDevEnv().env === "local")
       await this.dbup(app.workspace);
-    await Promise.all([
-      this.startBackend(app, { open: open2, sync: false }),
-      this.startFrontend(app, { open: open2, sync: false }),
-      this.startCsr(app, { open: open2, sync: false })
-    ]);
+    await this.#runner.start(app);
   }
   async buildBackend(app, { sync = true } = {}) {
     if (sync)
@@ -4078,11 +4494,9 @@ var ApplicationScript = class {
   async startCsr(app, { open: open2 = false, sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
-    const spinner = app.spinning("Preparing CSR...");
-    await this.#runner.startCsr(app, {
+    this.#runner.startCsr(app, {
       open: open2,
       onStart: () => {
-        spinner.succeed(`CSR prepared, ready to start`);
       }
     });
   }
@@ -4250,6 +4664,10 @@ var ApplicationCommand = class {
   async test(sys3) {
     await this.applicationScript.testSys(sys3);
   }
+  // @Target.Public()
+  // ink(@Workspace() workspace: Workspace) {
+  //   run();
+  // }
 };
 __decorateClass([
   Target.Public(),
@@ -4394,7 +4812,7 @@ ApplicationCommand = __decorateClass([
 ], ApplicationCommand);
 
 // pkgs/@akanjs/cli/src/package/package.runner.ts
-var import_promises4 = __toESM(require("fs/promises"));
+var import_promises4 = __toESM(require("fs/promises"), 1);
 var PackageRunner = class {
   async version(workspace) {
     const pkgJson = JSON.parse(await import_promises4.default.readFile("package.json", "utf-8"));
@@ -4458,10 +4876,10 @@ var PackageScript = class {
 
 // pkgs/@akanjs/cli/src/cloud/cloud.runner.ts
 var import_prompts8 = require("@inquirer/prompts");
-var import_chalk6 = __toESM(require("chalk"));
-var import_latest_version = __toESM(require("latest-version"));
-var import_open2 = __toESM(require("open"));
-var QRcode = __toESM(require("qrcode"));
+var import_chalk6 = __toESM(require("chalk"), 1);
+var import_latest_version = __toESM(require("latest-version"), 1);
+var import_open2 = __toESM(require("open"), 1);
+var QRcode = __toESM(require("qrcode"), 1);
 var import_uuid = require("uuid");
 var CloudRunner = class {
   async login() {
@@ -4579,15 +4997,6 @@ ${import_chalk6.default.green("\u27A4")} Authentication Required`));
     Logger.info("All libraries are published to npm");
   }
   async update(workspace) {
-    if (!workspace.exists("package.json"))
-      await workspace.spawn("npm", ["update", "-g", "@akanjs/cli", "--latest"]);
-    else
-      await Promise.all([
-        workspace.spawn("npm", ["update", "-g", "@akanjs/cli", "--latest"]),
-        this.#updateAkanPkgs(workspace)
-      ]);
-  }
-  async #updateAkanPkgs(workspace) {
     const latestPublishedVersionOfBase = await (0, import_latest_version.default)("@akanjs/base");
     const rootPackageJson = workspace.readJson("package.json");
     if (!rootPackageJson.dependencies)
@@ -4601,7 +5010,10 @@ ${import_chalk6.default.green("\u27A4")} Authentication Required`));
         Object.assign(rootPackageJson.devDependencies ?? {}, { [dependency]: latestPublishedVersionOfBase });
     });
     workspace.writeJson("package.json", rootPackageJson);
-    await workspace.spawn("pnpm", ["install"]);
+    await Promise.all([
+      workspace.spawn("npm", ["update", "-g", "@akanjs/cli", "--latest"]),
+      workspace.spawn("pnpm", ["install"])
+    ]);
   }
 };
 
@@ -4754,7 +5166,7 @@ LibraryCommand = __decorateClass([
 ], LibraryCommand);
 
 // pkgs/@akanjs/cli/src/module/module.script.ts
-var import_fs11 = __toESM(require("fs"));
+var import_fs11 = __toESM(require("fs"), 1);
 
 // pkgs/@akanjs/cli/src/module/module.prompt.ts
 var componentDefaultDescription = ({
@@ -5257,9 +5669,13 @@ var ModuleScript = class {
 // pkgs/@akanjs/cli/src/module/module.command.ts
 var ModuleCommand = class {
   moduleScript = new ModuleScript();
-  async createModule(moduleName, sys3) {
+  async createModule(sys3, moduleName, description, schemaDescription, ai) {
     const name = lowerlize(moduleName.replace(/ /g, ""));
-    await this.moduleScript.createModuleTemplate(sys3, name);
+    if (ai) {
+      await this.moduleScript.createModule(sys3, name, description, schemaDescription);
+    } else {
+      await this.moduleScript.createModuleTemplate(sys3, name);
+    }
   }
   removeModule(module2) {
     this.moduleScript.removeModule(module2);
@@ -5276,8 +5692,11 @@ var ModuleCommand = class {
 };
 __decorateClass([
   Target.Public(),
-  __decorateParam(0, Argument("moduleName", { desc: "name of module" })),
-  __decorateParam(1, Sys())
+  __decorateParam(0, Sys()),
+  __decorateParam(1, Argument("moduleName", { desc: "name of module" })),
+  __decorateParam(2, Option("description", { desc: "description of module" })),
+  __decorateParam(3, Option("schemaDescription", { desc: "schema description of module" })),
+  __decorateParam(4, Option("ai", { type: "boolean", default: false, desc: "use ai to create module" }))
 ], ModuleCommand.prototype, "createModule", 1);
 __decorateClass([
   Target.Public(),
@@ -5373,13 +5792,13 @@ PageCommand = __decorateClass([
 ], PageCommand);
 
 // pkgs/@akanjs/cli/src/workspace/workspace.runner.ts
-var import_latest_version2 = __toESM(require("latest-version"));
-var import_path5 = __toESM(require("path"));
+var import_latest_version2 = __toESM(require("latest-version"), 1);
+var import_path6 = __toESM(require("path"), 1);
 var import_uuid2 = require("uuid");
 var WorkspaceRunner = class {
   async createWorkspace(repoName, appName, dirname3 = ".") {
     const cwdPath = process.cwd();
-    const workspaceRoot = import_path5.default.join(cwdPath, dirname3, repoName);
+    const workspaceRoot = import_path6.default.join(cwdPath, dirname3, repoName);
     const workspace = new WorkspaceExecutor({ workspaceRoot, repoName });
     const templateSpinner = workspace.spinning(`Creating workspace template files in ${dirname3}/${repoName}...`);
     await workspace.applyTemplate({
@@ -5566,8 +5985,9 @@ WorkspaceCommand = __decorateClass([
 ], WorkspaceCommand);
 
 // pkgs/@akanjs/cli/src/guideline/guideline.prompt.ts
-var import_fs12 = __toESM(require("fs"));
-var import_promises5 = __toESM(require("fs/promises"));
+var import_fs12 = __toESM(require("fs"), 1);
+var import_promises5 = __toESM(require("fs/promises"), 1);
+var import_meta5 = {};
 var GuidelinePrompt = class extends Prompter {
   constructor(workspace, name) {
     super();
@@ -5577,15 +5997,15 @@ var GuidelinePrompt = class extends Prompter {
   async #getScanFilePaths(matchPattern, { avoidDirs = ["node_modules", ".next"], filterText } = {}) {
     const matchingPaths = import_promises5.default.glob(matchPattern, {
       cwd: this.workspace.workspaceRoot,
-      exclude: (path9) => avoidDirs.some((dir) => path9.includes(dir))
+      exclude: (path10) => avoidDirs.some((dir) => path10.includes(dir))
     });
     const paths = [];
-    for await (const path9 of matchingPaths) {
-      const fileContent = import_fs12.default.readFileSync(path9, "utf-8");
+    for await (const path10 of matchingPaths) {
+      const fileContent = import_fs12.default.readFileSync(path10, "utf-8");
       const textFilter = filterText ? new RegExp(filterText) : null;
       if (filterText && !textFilter?.test(fileContent))
         continue;
-      paths.push(path9);
+      paths.push(path10);
     }
     return paths;
   }
@@ -5598,7 +6018,7 @@ var GuidelinePrompt = class extends Prompter {
       const scanResult = targetFilePaths.map((filePath) => ({ ...scan, ...this.workspace.getLocalFile(filePath) }));
       scanFiles.push(...scanResult);
     }
-    const resultPath = `${__dirname}/src/guidelines/${this.name}/${guideJson.update.filePath}`;
+    const resultPath = `${getDirname(import_meta5.url)}/src/guidelines/${this.name}/${guideJson.update.filePath}`;
     const writePath = `${this.workspace.workspaceRoot}/pkgs/@akanjs/cli/src/guidelines/${this.name}/${guideJson.update.filePath}`;
     const isResultExists = this.workspace.exists(writePath);
     const existingResult = isResultExists ? this.workspace.readFile(resultPath) : null;
@@ -5640,7 +6060,7 @@ ${guideJson.update.rules.map((rule) => `- ${rule}`).join("\n")}
   }
   async requestUpdateInstruction(updateRequest) {
     const guideJson = await Prompter.getGuideJson(this.name);
-    const resultPath = `${__dirname}/src/guidelines/${this.name}/${guideJson.update.filePath}`;
+    const resultPath = `${getDirname(import_meta5.url)}/src/guidelines/${this.name}/${guideJson.update.filePath}`;
     const writePath = `${this.workspace.workspaceRoot}/pkgs/@akanjs/cli/src/guidelines/${this.name}/${guideJson.update.filePath}`;
     const isResultExists = this.workspace.exists(writePath);
     if (!isResultExists)
@@ -5893,7 +6313,7 @@ GuidelineCommand = __decorateClass([
 ], GuidelineCommand);
 
 // pkgs/@akanjs/cli/src/scalar/scalar.runner.ts
-var import_pluralize3 = __toESM(require("pluralize"));
+var import_pluralize3 = __toESM(require("pluralize"), 1);
 
 // pkgs/@akanjs/cli/src/scalar/scalar.prompt.ts
 var import_prompts9 = require("@inquirer/prompts");
@@ -6087,7 +6507,7 @@ ScalarCommand = __decorateClass([
 ], ScalarCommand);
 
 // pkgs/@akanjs/cli/index.ts
-require("dotenv").config({ path: `${process.cwd()}/.env` });
+import_dotenv4.default.config({ path: `${process.cwd()}/.env` });
 void runCommands(
   WorkspaceCommand,
   ApplicationCommand,