@akanjs/cli 0.9.9 → 0.9.11

package/esm/index.js

@@ -1,13 +1,6 @@
 #!/usr/bin/env node
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined")
-    return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
 var __decorateClass = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
@@ -19,6 +12,9 @@ var __decorateClass = (decorators, target, key, kind) => {
 };
 var __decorateParam = (index, decorator) => (target, key) => decorator(target, key, index);
 
+// pkgs/@akanjs/cli/index.ts
+import dotenv4 from "dotenv";
+
 // pkgs/@akanjs/devkit/src/createTunnel.ts
 import { createTunnel as create } from "tunnel-ssh";
 var getSshTunnelOptions = (app, environment) => {
@@ -55,15 +51,16 @@ var getCredentials = (app, environment) => {
 };
 
 // pkgs/@akanjs/common/isDayjs.ts
-import { isDayjs } from "dayjs";
+import dayjs from "dayjs";
+var isDayjs = dayjs.isDayjs;
 
 // pkgs/@akanjs/common/isQueryEqual.ts
-import dayjs from "dayjs";
+import dayjs2 from "dayjs";
 
 // pkgs/@akanjs/common/isValidDate.ts
-import dayjs2 from "dayjs";
+import dayjs3 from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat.js";
-dayjs2.extend(customParseFormat);
+dayjs3.extend(customParseFormat);
 
 // pkgs/@akanjs/common/randomPicks.ts
 var randomPicks = (arr, count = 1, allowDuplicate = false) => {
@@ -89,7 +86,7 @@ var capitalize = (str) => {
 };
 
 // pkgs/@akanjs/common/Logger.ts
-import dayjs3 from "dayjs";
+import dayjs4 from "dayjs";
 var logLevels = ["trace", "verbose", "debug", "log", "info", "warn", "error"];
 var clc = {
   bold: (text) => `\x1B[1m${text}\x1B[0m`,
@@ -120,7 +117,7 @@ var Logger = class _Logger {
   ]);
   static level = process.env.NEXT_PUBLIC_LOG_LEVEL ?? "log";
   static #levelIdx = logLevels.findIndex((l) => l === (process.env.NEXT_PUBLIC_LOG_LEVEL ?? "log"));
-  static #startAt = dayjs3();
+  static #startAt = dayjs4();
   static setLevel(level) {
     this.level = level;
     this.#levelIdx = logLevels.findIndex((l) => l === level);
@@ -197,7 +194,7 @@ var Logger = class _Logger {
   static #printMessages(name, content, context2, logLevel, writeStreamType = logLevel === "error" ? "stderr" : "stdout") {
     if (this.#ignoreCtxSet.has(context2))
       return;
-    const now = dayjs3();
+    const now = dayjs4();
     const processMsg = this.#colorize(
       `[${name ?? "App"}] ${global.process?.pid ?? "window"} -`,
       logLevel
@@ -383,8 +380,8 @@ import * as fs3 from "fs";
 import ora2 from "ora";
 import * as ts from "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,
@@ -552,7 +549,7 @@ import path2 from "path";
 // pkgs/@akanjs/config/src/nextConfig.ts
 import withAnalyze from "@next/bundle-analyzer";
 import pwa from "next-pwa";
-import runtimeCaching from "next-pwa/cache";
+import runtimeCaching from "next-pwa/cache.js";
 import path from "path";
 var composePlugins = (...plugins) => {
   return function(baseConfig) {
@@ -571,16 +568,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 = pwa({
-  dest: "public",
-  register: true,
-  skipWaiting: true,
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  runtimeCaching,
-  disable: commandType === "start"
-});
 var devDomain = process.env.NEXT_PUBLIC_SERVE_DOMAIN ?? "akanjs.com";
 var withBase = (appName, config, libs, routes = []) => {
+  const __dirname = path.dirname(new URL(import.meta.url).pathname);
+  const withPWA = pwa({
+    dest: "public",
+    register: true,
+    skipWaiting: true,
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    runtimeCaching,
+    disable: commandType === "start"
+  });
   return composePlugins(
     withAnalyze({ enabled: process.env.ANALYZE === "true" }),
     ...commandType !== "start" || process.env.USE_PWA === "true" ? [withPWA] : []
@@ -693,7 +691,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";
 
@@ -836,7 +834,7 @@ import { exec, fork, spawn } from "child_process";
 import dotenv from "dotenv";
 import fs8 from "fs";
 import fsPromise from "fs/promises";
-import path6 from "path";
+import path7 from "path";
 
 // pkgs/@akanjs/devkit/src/dependencyScanner.ts
 import * as fs5 from "fs";
@@ -985,11 +983,15 @@ var TypeScriptDependencyScanner = class {
   }
 };
 
+// pkgs/@akanjs/devkit/src/getDirname.ts
+import path4 from "path";
+var getDirname = (url) => path4.dirname(new URL(url).pathname);
+
 // pkgs/@akanjs/devkit/src/linter.ts
 import chalk from "chalk";
 import { ESLint } from "eslint";
 import * as fs6 from "fs";
-import * as path4 from "path";
+import * as path5 from "path";
 var Linter = class {
   #logger = new Logger("Linter");
   #eslint;
@@ -999,10 +1001,10 @@ var Linter = class {
     this.#eslint = new 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 } = {}) {
@@ -1191,7 +1193,7 @@ ${errorText}, ${warningText} found`];
 // pkgs/@akanjs/devkit/src/typeChecker.ts
 import chalk2 from "chalk";
 import * as fs7 from "fs";
-import * as path5 from "path";
+import * as path6 from "path";
 import * as ts3 from "typescript";
 var TypeChecker = class {
   configPath;
@@ -1206,7 +1208,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
     );
@@ -1378,6 +1380,7 @@ var Executor = class _Executor {
   }
   name;
   logger;
+  logs;
   cwdPath;
   emoji = execEmoji.default;
   typeChecker = null;
@@ -1385,6 +1388,7 @@ var Executor = class _Executor {
   constructor(name, cwdPath) {
     this.name = name;
     this.logger = new Logger(name);
+    this.logs = [];
     this.cwdPath = cwdPath;
     if (!fs8.existsSync(cwdPath))
       fs8.mkdirSync(cwdPath, { recursive: true });
@@ -1423,10 +1427,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) => {
@@ -1438,6 +1444,14 @@ var Executor = class _Executor {
       });
     });
   }
+  spawnSync(command, args = [], options = {}) {
+    const proc = spawn(command, args, {
+      cwd: this.cwdPath,
+      // stdio: "inherit",
+      ...options
+    });
+    return proc;
+  }
   fork(modulePath, args = [], options = {}) {
     const proc = fork(modulePath, args, {
       cwd: this.cwdPath,
@@ -1460,7 +1474,7 @@ var Executor = class _Executor {
     });
   }
   getPath(filePath) {
-    if (path6.isAbsolute(filePath))
+    if (path7.isAbsolute(filePath))
       return filePath;
     const baseParts = this.cwdPath.split("/").filter(Boolean);
     const targetParts = filePath.split("/").filter(Boolean);
@@ -1513,7 +1527,7 @@ var Executor = class _Executor {
   }
   writeFile(filePath, content, { overwrite = true } = {}) {
     const writePath = this.getPath(filePath);
-    const dir = path6.dirname(writePath);
+    const dir = path7.dirname(writePath);
     if (!fs8.existsSync(dir))
       fs8.mkdirSync(dir, { recursive: true });
     let contentStr = typeof content === "string" ? content : JSON.stringify(content, null, 2);
@@ -1537,7 +1551,7 @@ var Executor = class _Executor {
     return this;
   }
   getLocalFile(targetPath) {
-    const filePath = path6.isAbsolute(targetPath) ? targetPath : targetPath.replace(this.cwdPath, "");
+    const filePath = path7.isAbsolute(targetPath) ? targetPath : targetPath.replace(this.cwdPath, "");
     const content = this.readFile(filePath);
     return { filePath, content };
   }
@@ -1584,15 +1598,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 : path6.basename(targetPath).replace(".js", ".ts");
+      const filename = typeof result === "object" ? result.filename : path7.basename(targetPath).replace(".js", ".ts");
       const content = typeof result === "object" ? result.content : result;
-      const dirname3 = path6.dirname(targetPath);
+      const dirname3 = path7.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}`);
@@ -1600,7 +1614,7 @@ var Executor = class _Executor {
     } else if (targetPath.endsWith(".template")) {
       const content = await fsPromise.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(
@@ -1619,12 +1633,12 @@ var Executor = class _Executor {
     dict = {},
     overwrite = true
   }) {
-    const templatePath = `${__dirname}/src/templates${template ? `/${template}` : ""}`;
+    const templatePath = `${getDirname(import.meta.url)}/src/templates${template ? `/${template}` : ""}`;
     const prefixTemplatePath = templatePath.endsWith(".tsx") ? templatePath : templatePath.replace(".ts", ".js");
     if (fs8.statSync(prefixTemplatePath).isFile()) {
-      const filename = path6.basename(prefixTemplatePath);
+      const filename = path7.basename(prefixTemplatePath);
       const fileContent = await this.#applyTemplateFile(
-        { templatePath: prefixTemplatePath, targetPath: path6.join(basePath2, filename), scanResult, overwrite },
+        { templatePath: prefixTemplatePath, targetPath: path7.join(basePath2, filename), scanResult, overwrite },
         dict
       );
       return fileContent ? [fileContent] : [];
@@ -1632,17 +1646,17 @@ var Executor = class _Executor {
       const subdirs = await this.readdir(templatePath);
       const fileContents = (await Promise.all(
         subdirs.map(async (subdir) => {
-          const subpath = path6.join(templatePath, subdir);
+          const subpath = path7.join(templatePath, subdir);
           if (fs8.statSync(subpath).isFile()) {
             const fileContent = await this.#applyTemplateFile(
-              { templatePath: subpath, targetPath: path6.join(basePath2, subdir), scanResult, overwrite },
+              { templatePath: subpath, targetPath: path7.join(basePath2, subdir), scanResult, overwrite },
               dict
             );
             return fileContent ? [fileContent] : [];
           } else
             return await this._applyTemplate({
-              basePath: path6.join(basePath2, subdir),
-              template: path6.join(template, subdir),
+              basePath: path7.join(basePath2, subdir),
+              template: path7.join(template, subdir),
               scanResult,
               dict,
               overwrite
@@ -1666,9 +1680,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 };
   }
@@ -1677,9 +1691,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 };
   }
@@ -1694,7 +1708,7 @@ var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
     this.repoName = repoName;
   }
   static fromRoot() {
-    const repoName = path6.basename(process.cwd());
+    const repoName = path7.basename(process.cwd());
     return new _WorkspaceExecutor({ workspaceRoot: process.cwd(), repoName });
   }
   getBaseDevEnv() {
@@ -1803,7 +1817,7 @@ var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
         dirs.map(async (dir) => {
           if (dir.includes("_") || AVOID_DIRS.includes(dir))
             return;
-          const dirPath = path6.join(dirname3, dir);
+          const dirPath = path7.join(dirname3, dir);
           if (fs8.lstatSync(dirPath).isDirectory()) {
             results.push(`${prefix}${dir}`);
             if (maxDepth > 0)
@@ -1830,9 +1844,9 @@ var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
         dirs.map(async (dir) => {
           if (AVOID_DIRS.includes(dir))
             return;
-          const dirPath = path6.join(dirname3, dir);
+          const dirPath = path7.join(dirname3, dir);
           if (fs8.lstatSync(dirPath).isDirectory()) {
-            const hasTargetFile = fs8.existsSync(path6.join(dirPath, targetFilename));
+            const hasTargetFile = fs8.existsSync(path7.join(dirPath, targetFilename));
             if (hasTargetFile)
               results.push(`${prefix}${dir}`);
             if (maxDepth > 0)
@@ -1893,8 +1907,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`),
@@ -1906,19 +1920,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 (!fs8.existsSync(`${this.cwdPath}/lib/__scalar`))
       fs8.mkdirSync(`${this.cwdPath}/lib/__scalar`, { recursive: true });
@@ -1930,7 +1944,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(path6.join("lib", name));
+        const filenames = await this.readdir(path7.join("lib", name));
         filenames.forEach((filename) => {
           if (filename.endsWith(".constant.ts"))
             files.constants.databases.push(name);
@@ -1952,7 +1966,7 @@ var SysExecutor = class extends Executor {
     await Promise.all(
       serviceDirs.map(async (dirname3) => {
         const name = dirname3.slice(1);
-        const filenames = await this.readdir(path6.join("lib", dirname3));
+        const filenames = await this.readdir(path7.join("lib", dirname3));
         filenames.forEach((filename) => {
           if (filename.endsWith(".dictionary.ts"))
             files.dictionary.services.push(name);
@@ -1970,7 +1984,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(path6.join("lib/__scalar", name));
+        const filenames = await this.readdir(path7.join("lib/__scalar", name));
         filenames.forEach((filename) => {
           if (filename.endsWith(".constant.ts"))
             files.constants.scalars.push(name);
@@ -2045,7 +2059,7 @@ var SysExecutor = class extends Executor {
     return scanResult;
   }
   getLocalFile(targetPath) {
-    const filePath = path6.isAbsolute(targetPath) ? targetPath : `${this.type}s/${this.name}/${targetPath}`;
+    const filePath = path7.isAbsolute(targetPath) ? targetPath : `${this.type}s/${this.name}/${targetPath}`;
     const content = this.workspace.readFile(filePath);
     return { filePath, content };
   }
@@ -2160,28 +2174,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([
-      fs8.existsSync(projectPublicLibPath) && fsPromise.rm(projectPublicLibPath, { recursive: true }),
-      fs8.existsSync(projectAssetsLibPath) && fsPromise.rm(projectAssetsLibPath, { recursive: true })
-    ]);
+    if (fs8.existsSync(projectPublicLibPath))
+      await fsPromise.rm(projectPublicLibPath, { recursive: true });
     const targetDeps = libDeps.filter((dep) => fs8.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/public`));
-    await Promise.all([
-      ...targetDeps.map((dep) => fsPromise.mkdir(`${projectPublicLibPath}/${dep}`, { recursive: true })),
-      ...targetDeps.map((dep) => fsPromise.mkdir(`${projectAssetsLibPath}/${dep}`, { recursive: true }))
-    ]);
-    await Promise.all([
-      ...targetDeps.map(
-        (dep) => fs8.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/public`) && fsPromise.cp(`${this.workspace.workspaceRoot}/libs/${dep}/public`, `${projectPublicLibPath}/${dep}`, {
-          recursive: true
-        })
-      ),
-      ...targetDeps.map(
-        (dep) => fs8.existsSync(`${this.workspace.workspaceRoot}/libs/${dep}/assets`) && fsPromise.cp(`${this.workspace.workspaceRoot}/libs/${dep}/assets`, `${projectAssetsLibPath}/${dep}`, {
+    await Promise.all(targetDeps.map((dep) => fsPromise.mkdir(`${projectPublicLibPath}/${dep}`, { recursive: true })));
+    await Promise.all(
+      targetDeps.map(
+        (dep) => fsPromise.cp(`${this.workspace.workspaceRoot}/libs/${dep}/public`, `${projectPublicLibPath}/${dep}`, {
           recursive: true
         })
       )
-    ]);
+    );
   }
 };
 var LibExecutor = class _LibExecutor extends SysExecutor {
@@ -2231,12 +2234,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,
@@ -2547,7 +2550,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];
@@ -2827,6 +2830,7 @@ var runCommands = async (...commands) => {
   process.on("unhandledRejection", (error) => {
     process.exit(1);
   });
+  const __dirname = getDirname(import.meta.url);
   const hasPackageJson = fs11.existsSync(`${__dirname}/../package.json`);
   const version = hasPackageJson ? JSON.parse(fs11.readFileSync(`${__dirname}/../package.json`, "utf8")).version : "0.0.1";
   program.version(version).description("Akan CLI");
@@ -3262,16 +3266,18 @@ import { input as input3, select as select4 } from "@inquirer/prompts";
 import fsPromise2 from "fs/promises";
 var Prompter = class {
   static async selectGuideline() {
-    const guideNames = (await fsPromise2.readdir(`${__dirname}/src/guidelines`)).filter((name) => !name.startsWith("_"));
+    const guideNames = (await fsPromise2.readdir(`${getDirname(import.meta.url)}/src/guidelines`)).filter(
+      (name) => !name.startsWith("_")
+    );
     return await select4({ 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.meta.url)}/src/guidelines/${guideName}/${guideName}.generate.json`;
     const guideJson = await fsPromise2.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.meta.url)}/src/guidelines/${guideName}/${guideName}.instruction.md`;
     const content = await fsPromise2.readFile(filePath, "utf-8");
     return content;
   }
@@ -3295,7 +3301,7 @@ ${request}
 `;
   }
   async getDocumentation(guideName) {
-    const filePath = `${__dirname}/src/guidelines/${guideName}/${guideName}.instruction.md`;
+    const filePath = `${getDirname(import.meta.url)}/src/guidelines/${guideName}/${guideName}.instruction.md`;
     const document = await fsPromise2.readFile(filePath, "utf-8");
     return `\`\`\`markdown
 ${document}
@@ -3304,6 +3310,24 @@ ${document}
   }
 };
 
+// pkgs/@akanjs/devkit/src/useStdoutDimensions.ts
+import { useStdout } from "ink";
+import { useEffect, useState } from "react";
+var useStdoutDimensions = () => {
+  const { stdout } = useStdout();
+  const [dimensions, setDimensions] = useState([stdout.columns, stdout.rows]);
+  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
 import { compareVersions } from "compare-versions";
 import dotenv2 from "dotenv";
@@ -3452,11 +3476,343 @@ import fsPromise3 from "fs/promises";
 import yaml2 from "js-yaml";
 import openBrowser from "open";
 import ora3 from "ora";
-import path7 from "path";
+import path8 from "path";
 import * as vite from "vite";
 import commonjs from "vite-plugin-commonjs";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
 import tsconfigPaths from "vite-tsconfig-paths";
+
+// pkgs/@akanjs/cli/src/application/appilcation.interface.tsx
+import { Box as Box3, render, Text as Text3 } from "ink";
+import React3, { useEffect as useEffect4, useState as useState4 } from "react";
+
+// pkgs/@akanjs/cli/ui/ScrollList.tsx
+import { Box, Newline, Text, useInput } from "ink";
+import React, { useEffect as useEffect2, useState as useState2 } from "react";
+var ScrollList = ({ list, ...props }) => {
+  const [renderLogs, setRenderLogs] = useState2(list);
+  const [width, height] = useStdoutDimensions();
+  const [scrollPos, setScrollPos] = useState2(0);
+  const [isRunning, setIsRunning] = useState2(false);
+  const [boxHeight, setBoxHeight] = useState2(height - 3);
+  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);
+      }
+    }
+  });
+  useEffect2(() => {
+    if (isRunning) {
+      setScrollPos(scrollPos + 1);
+      return;
+    }
+    if (list.length > boxHeight) {
+      setRenderLogs(list.slice(list.length - boxHeight, list.length));
+    } else {
+      setRenderLogs(list);
+    }
+  }, [list, isRunning]);
+  useEffect2(() => {
+    setBoxHeight(Math.floor(height * 0.9));
+  }, [height]);
+  useEffect2(() => {
+    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__ */ React.createElement(Box, { ...props, width, height: "100%", flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { borderStyle: "round", width, height: height - 3 }, /* @__PURE__ */ React.createElement(Newline, null), /* @__PURE__ */ React.createElement(Text, null, isRunning ? /* @__PURE__ */ React.createElement(React.Fragment, null, renderLogs.slice(0, renderLogs.length - 1).map((log, index) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { key: index }, log), /* @__PURE__ */ React.createElement(Newline, null))), /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "scrolling... + ", scrollPos)) : /* @__PURE__ */ React.createElement(React.Fragment, null, renderLogs.map((log, index) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { key: index }, log), /* @__PURE__ */ React.createElement(Newline, null)))))), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "You can use the following shortcuts:", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "up"), " and ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "down"), " to scroll.", " ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "shift"), " to scroll faster.", /* @__PURE__ */ React.createElement(Newline, null), "* ", /* @__PURE__ */ React.createElement(Text, { backgroundColor: "green" }, "escape"), " to stop scrolling.")));
+};
+
+// pkgs/@akanjs/cli/ui/MultiScrollList.tsx
+import { Box as Box2, Newline as Newline2, Text as Text2, useInput as useInput2 } from "ink";
+import React2, { useEffect as useEffect3, useState as useState3 } from "react";
+var MultiScrollList = ({ logList }) => {
+  const [width, height] = useStdoutDimensions();
+  const [renderMultiLogs, setRenderMultiLogs] = useState3(
+    Array.from({ length: logList.length }, () => [])
+  );
+  const [lengthMap, setLengthMap] = useState3(/* @__PURE__ */ new Map());
+  const [scrollPos, setScrollPos] = useState3(0);
+  const [tabIndex, setTabIndex] = useState3(null);
+  const [isRunning, setIsRunning] = useState3(false);
+  const [boxHeight, setBoxHeight] = useState3(height - 7);
+  useInput2((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);
+    }
+  });
+  useEffect3(() => {
+    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]);
+  useEffect3(() => {
+    setBoxHeight(height - 7);
+  }, [height]);
+  useEffect3(() => {
+    setLengthMap(new Map(logList.map((log, index) => [index, log.logs.length])));
+  }, []);
+  return /* @__PURE__ */ React2.createElement(Box2, { width, height, flexDirection: "column" }, /* @__PURE__ */ React2.createElement(Box2, { width, height: "100%" }, renderMultiLogs.map((logData, index) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Box2, { width, height: "100%", flexDirection: "column", key: index }, /* @__PURE__ */ React2.createElement(Box2, null, /* @__PURE__ */ React2.createElement(Text2, { color: logList[index].color }, logList[index].title)), /* @__PURE__ */ React2.createElement(
+    Box2,
+    {
+      flexWrap: "wrap",
+      height,
+      borderStyle: index === tabIndex ? "double" : "round",
+      borderDimColor: index !== tabIndex,
+      borderColor: index === tabIndex && isRunning ? "green" : logList[index].color
+    },
+    /* @__PURE__ */ React2.createElement(Text2, null, isRunning && tabIndex === index ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, logData.slice(0, logData.length - 1).map((log, index2) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text2, { key: index2 }, log), /* @__PURE__ */ React2.createElement(Newline2, null))), /* @__PURE__ */ React2.createElement(Text2, { backgroundColor: "green" }, "scrolling... +", scrollPos)) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, logData.map((data, index2) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Text2, { key: index2 }, data), /* @__PURE__ */ React2.createElement(Newline2, null)))))
+  ))))), /* @__PURE__ */ React2.createElement(Box2, { width, height: "auto" }, /* @__PURE__ */ React2.createElement(Text2, { dimColor: true }, /* @__PURE__ */ React2.createElement(Text2, null, "You can use the following shortcuts:"), /* @__PURE__ */ React2.createElement(Newline2, null), "* ", /* @__PURE__ */ React2.createElement(Text2, { backgroundColor: "green" }, "tab"), " to switch tab.", /* @__PURE__ */ React2.createElement(Newline2, null), "* ", /* @__PURE__ */ React2.createElement(Text2, { backgroundColor: "green" }, "space"), " to scroll.", /* @__PURE__ */ React2.createElement(Newline2, null), "* ", /* @__PURE__ */ React2.createElement(Text2, { backgroundColor: "green" }, "up"), " and ", /* @__PURE__ */ React2.createElement(Text2, { backgroundColor: "green" }, "down"), " to scroll.", " ", /* @__PURE__ */ React2.createElement(Text2, { backgroundColor: "green" }, "shift"), " to scroll faster.", /* @__PURE__ */ React2.createElement(Newline2, null), "* ", /* @__PURE__ */ React2.createElement(Text2, { backgroundColor: "green" }, "escape"), " to stop scrolling.")));
+};
+
+// pkgs/@akanjs/cli/src/application/appilcation.interface.tsx
+var Backend = ({ app, env }) => {
+  const [logs, setLogs] = useState4([]);
+  const [width, height] = useStdoutDimensions();
+  useEffect4(() => {
+    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__ */ React3.createElement(Box3, { width, height }, /* @__PURE__ */ React3.createElement(Text3, { bold: true }, "Akan.JS Backend"));
+};
+var Frontend = ({ app, env }) => {
+  const [logs, setLogs] = useState4([]);
+  const [width, height] = useStdoutDimensions();
+  useEffect4(() => {
+    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__ */ React3.createElement(Box3, { width, height, flexDirection: "column" }, /* @__PURE__ */ React3.createElement(Text3, { bold: true }, "Akan.JS Frontend"), logs.map((log) => /* @__PURE__ */ React3.createElement(Text3, { key: log }, log)));
+};
+var Csr = ({
+  app,
+  onLoad
+}) => {
+  const [logs, setLogs] = useState4([]);
+  const [width, height] = useStdoutDimensions();
+  useEffect4(() => {
+    void onLoad({
+      onLog: (log) => {
+        setLogs((prevLogs) => [...prevLogs, log]);
+      }
+    });
+  }, []);
+  return /* @__PURE__ */ React3.createElement(Box3, { width, height, flexDirection: "column" }, /* @__PURE__ */ React3.createElement(Text3, { bold: true }, "Akan.JS CSR"), /* @__PURE__ */ React3.createElement(ScrollList, { list: logs }));
+};
+var Start = ({
+  app,
+  backendEnv,
+  frontendEnv,
+  onLoadCsr
+}) => {
+  const [width, height] = useStdoutDimensions();
+  const [csrLogs, setCsrLogs] = useState4([]);
+  const [backendLogs, setBackendLogs] = useState4([]);
+  const [frontendLogs, setFrontendLogs] = useState4([]);
+  useEffect4(() => {
+    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__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Box3, { borderColor: "#ff493b", height, width, flexDirection: "row" }, /* @__PURE__ */ React3.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) => render(/* @__PURE__ */ React3.createElement(Csr, { app, onLoad })),
+  Backend: (app, env) => render(/* @__PURE__ */ React3.createElement(Backend, { app, env })),
+  Frontend: (app, env) => render(/* @__PURE__ */ React3.createElement(Frontend, { app, env })),
+  Start: (app, backendEnv, frontendEnv, onLoadCsr) => render(/* @__PURE__ */ React3.createElement(Start, { app, backendEnv, frontendEnv, onLoadCsr }))
+};
+
+// pkgs/@akanjs/cli/src/application/application.runner.ts
 var ApplicationRunner = class {
   async createApplication(appName, workspace) {
     await workspace.applyTemplate({
@@ -3484,6 +3840,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");
@@ -3531,8 +3915,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", path7.join(app.dist.cwdPath, "backend", "assets"));
     return { env: this.#getEnv(app, { AKAN_COMMAND_TYPE: type }) };
   }
   async buildBackend(app) {
@@ -3561,7 +3943,7 @@ var ApplicationRunner = class {
       dependencies
     };
     app.dist.writeJson("backend/package.json", appPackageJson);
-    app.dist.writeFile(path7.join(app.dist.cwdPath, "backend", "Dockerfile"), akanConfig.backend.dockerfile);
+    app.dist.writeFile(path8.join(app.dist.cwdPath, "backend", "Dockerfile"), akanConfig.backend.dockerfile);
   }
   async startBackend(app, { open: open2 = false, onStart } = {}) {
     const { env } = await this.#prepareCommand(app, "start", "backend");
@@ -3572,7 +3954,7 @@ var ApplicationRunner = class {
       packages: "external",
       platform: "node",
       format: "cjs",
-      outdir: path7.join(app.dist.cwdPath, "backend"),
+      outdir: path8.join(app.dist.cwdPath, "backend"),
       logLevel: "warning"
     });
     await ctx.watch();
@@ -3592,10 +3974,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"]);
@@ -3610,8 +3992,8 @@ var ApplicationRunner = class {
     };
     app.dist.writeJson("frontend/package.json", appPackageJson);
     await Promise.all([
-      app.cp(".next", path7.join(app.dist.cwdPath, "frontend", ".next")),
-      app.cp("public", path7.join(app.dist.cwdPath, "frontend", "public"))
+      app.cp(".next", path8.join(app.dist.cwdPath, "frontend", ".next")),
+      app.cp("public", path8.join(app.dist.cwdPath, "frontend", "public"))
     ]);
     app.dist.writeFile("frontend/Dockerfile", akanConfig.frontend.dockerfile);
   }
@@ -3622,7 +4004,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();
@@ -3630,6 +4012,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: {
@@ -3647,6 +4030,8 @@ var ApplicationRunner = class {
         react(),
         tsconfigPaths(),
         commonjs(),
+        //? A postCSS 어쩌구 에러 제거하는 방법인데 적용시 tailwind가 망가져버림.
+        // tailwindcss(),
         nodePolyfills({
           exclude: ["fs"],
           include: ["crypto", "process", "stream", "util"],
@@ -3705,12 +4090,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(() => openBrowser("http://localhost:4201"), 3e3);
   }
@@ -3846,8 +4255,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 (fs14.existsSync(targetPath))
           await fsPromise3.rm(targetPath, { recursive: true, force: true });
       })
@@ -3865,7 +4274,7 @@ var ApplicationRunner = class {
     ];
     await Promise.all(
       syncPaths.map(
-        (path9) => fsPromise3.cp(`${app.workspace.cwdPath}/${path9}`, `${sourceRoot}/${path9}`, { recursive: true })
+        (path10) => fsPromise3.cp(`${app.workspace.cwdPath}/${path10}`, `${sourceRoot}/${path10}`, { recursive: true })
       )
     );
     const tsconfig = app.workspace.readJson("tsconfig.json");
@@ -4006,11 +4415,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)
@@ -4070,11 +4475,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`);
       }
     });
   }
@@ -4242,6 +4645,10 @@ var ApplicationCommand = class {
   async test(sys3) {
     await this.applicationScript.testSys(sys3);
   }
+  // @Target.Public()
+  // ink(@Workspace() workspace: Workspace) {
+  //   run();
+  // }
 };
 __decorateClass([
   Target.Public(),
@@ -4571,15 +4978,6 @@ ${chalk6.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 latestVersion("@akanjs/base");
     const rootPackageJson = workspace.readJson("package.json");
     if (!rootPackageJson.dependencies)
@@ -4593,7 +4991,10 @@ ${chalk6.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"])
+    ]);
   }
 };
 
@@ -5249,9 +5650,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(module) {
     this.moduleScript.removeModule(module);
@@ -5268,8 +5673,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(),
@@ -5366,12 +5774,12 @@ PageCommand = __decorateClass([
 
 // pkgs/@akanjs/cli/src/workspace/workspace.runner.ts
 import latestVersion2 from "latest-version";
-import path8 from "path";
+import path9 from "path";
 import { v5 as uuid } from "uuid";
 var WorkspaceRunner = class {
   async createWorkspace(repoName, appName, dirname3 = ".") {
     const cwdPath = process.cwd();
-    const workspaceRoot = path8.join(cwdPath, dirname3, repoName);
+    const workspaceRoot = path9.join(cwdPath, dirname3, repoName);
     const workspace = new WorkspaceExecutor({ workspaceRoot, repoName });
     const templateSpinner = workspace.spinning(`Creating workspace template files in ${dirname3}/${repoName}...`);
     await workspace.applyTemplate({
@@ -5569,15 +5977,15 @@ var GuidelinePrompt = class extends Prompter {
   async #getScanFilePaths(matchPattern, { avoidDirs = ["node_modules", ".next"], filterText } = {}) {
     const matchingPaths = fsPromise5.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 = fs16.readFileSync(path9, "utf-8");
+    for await (const path10 of matchingPaths) {
+      const fileContent = fs16.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;
   }
@@ -5590,7 +5998,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.meta.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;
@@ -5632,7 +6040,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.meta.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)
@@ -6079,7 +6487,7 @@ ScalarCommand = __decorateClass([
 ], ScalarCommand);
 
 // pkgs/@akanjs/cli/index.ts
-__require("dotenv").config({ path: `${process.cwd()}/.env` });
+dotenv4.config({ path: `${process.cwd()}/.env` });
 void runCommands(
   WorkspaceCommand,
   ApplicationCommand,