@akanjs/cli 0.0.137 → 0.0.138

package/README.md

@@ -20,5 +20,22 @@ akan create-workspace
 # How to start your project
 
 ```bash
-cd <workspace-name> && akan start <app-name> --open=true
+cd <workspace-name> && akan start <app-name> --open
+```
+
+you can navigate to default webpage
+
+- home: http://localhost:4200
+
+# Recipes
+
+```bash
+# set llm model
+akan set-llm
+
+# create module
+akan create-module
+
+# create scalar with ai (experimental)
+akan create-scalar
 ```

package/cjs/index.js

@@ -914,11 +914,58 @@ var TypeScriptDependencyScanner = class {
   }
 };
 
+// pkgs/@akanjs/devkit/src/spinner.ts
+var import_ora2 = __toESM(require("ora"));
+var Spinner = class {
+  spinner;
+  stopWatch;
+  startAt;
+  message;
+  constructor(message, { prefix = "", indent = 0 } = {}) {
+    this.message = message;
+    this.spinner = (0, import_ora2.default)(message);
+    this.spinner.prefixText = prefix;
+    this.spinner.indent = indent;
+  }
+  start() {
+    this.startAt = /* @__PURE__ */ new Date();
+    const spinner = this.spinner.start();
+    this.stopWatch = setInterval(() => {
+      spinner.text = `${this.message} (${this.#getElapsedTimeStr()})`;
+    }, 1e3);
+    return this;
+  }
+  succeed(message) {
+    clearInterval(this.stopWatch);
+    this.spinner.succeed(`${message} (${this.#getElapsedTimeStr()})`);
+  }
+  #getElapsedTimeStr() {
+    const ms = (/* @__PURE__ */ new Date()).getTime() - this.startAt.getTime();
+    if (ms < 1e3)
+      return `${ms}ms`;
+    const s = Math.floor(ms / 1e3);
+    if (s < 60)
+      return `${s}s`;
+    const m = Math.floor(s / 60);
+    return `${m}m ${s % 60}s`;
+  }
+};
+
 // pkgs/@akanjs/devkit/src/executors.ts
+var execEmoji = {
+  workspace: "\u{1F3E0}",
+  app: "\u{1F680}",
+  lib: "\u{1F527}",
+  pkg: "\u{1F4E6}",
+  dist: "\u{1F4BF}",
+  default: "\u2708\uFE0F"
+  // for sys executor
+};
 var Executor = class {
   name;
   logger;
   cwdPath;
+  emoji = execEmoji.default;
   constructor(name, cwdPath) {
     this.name = name;
     this.logger = new Logger(name);
@@ -1045,6 +1092,9 @@ var Executor = class {
     this.logger.verbose(msg);
     return this;
   }
+  spinning(msg, { prefix = `${this.emoji}${this.name} -`, indent = 0 } = {}) {
+    return new Spinner(msg, { prefix, indent }).start();
+  }
   getTsConfig(pathname = "tsconfig.json") {
     const tsconfig = this.readJson(pathname);
     if (tsconfig.extends) {
@@ -1131,8 +1181,9 @@ var Executor = class {
 var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
   workspaceRoot;
   repoName;
+  emoji = execEmoji.workspace;
   constructor({ workspaceRoot, repoName }) {
-    super(`${repoName} Executor`, workspaceRoot);
+    super("workspace", workspaceRoot);
     this.workspaceRoot = workspaceRoot;
     this.repoName = repoName;
   }
@@ -1287,11 +1338,13 @@ var SysExecutor = class extends Executor {
   workspace;
   name;
   type;
+  emoji;
   constructor({ workspace = WorkspaceExecutor.fromRoot(), name, type }) {
-    super(`${name} Sys Executor`, `${workspace.workspaceRoot}/${type}s/${name}`);
+    super(name, `${workspace.workspaceRoot}/${type}s/${name}`);
     this.workspace = workspace;
     this.name = name;
     this.type = type;
+    this.emoji = execEmoji[type];
   }
   async getConfig(command) {
     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 });
@@ -1512,9 +1565,10 @@ var SysExecutor = class extends Executor {
 };
 var AppExecutor = class _AppExecutor extends SysExecutor {
   dist;
+  emoji = execEmoji.app;
   constructor({ workspace, name }) {
     super({ workspace, name, type: "app" });
-    this.dist = new Executor(`${name} Dist App Executor`, `${this.workspace.workspaceRoot}/dist/apps/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/apps/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -1548,9 +1602,10 @@ var LibExecutor = class _LibExecutor extends SysExecutor {
   workspaceRoot;
   repoName;
   dist;
+  emoji = execEmoji.lib;
   constructor({ workspace, name }) {
     super({ workspace, name, type: "lib" });
-    this.dist = new Executor(`${name} Dist Lib Executor`, `${this.workspace.workspaceRoot}/dist/libs/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/libs/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -1570,11 +1625,12 @@ var PkgExecutor = class _PkgExecutor extends Executor {
   workspace;
   name;
   dist;
+  emoji = execEmoji.pkg;
   constructor({ workspace = WorkspaceExecutor.fromRoot(), name }) {
-    super(`${name} Pkg Executor`, `${workspace.workspaceRoot}/pkgs/${name}`);
+    super(name, `${workspace.workspaceRoot}/pkgs/${name}`);
     this.workspace = workspace;
     this.name = name;
-    this.dist = new Executor(`${name} Dist Pkg Executor`, `${this.workspace.workspaceRoot}/dist/pkgs/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/pkgs/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -2174,10 +2230,10 @@ var runCommands = async (...commands) => {
 
 // pkgs/@akanjs/devkit/src/aiEditor.ts
 var import_prompts4 = require("@inquirer/prompts");
-var import_ora2 = __toESM(require("ora"));
 var import_messages = require("@langchain/core/messages");
 var import_openai2 = require("@langchain/openai");
 var import_chalk3 = __toESM(require("chalk"));
+var import_ora3 = __toESM(require("ora"));
 var MAX_ASK_TRY = 300;
 var supportedLlmModels = ["deepseek-chat", "deepseek-reasoner"];
 var AiSession = class _AiSession {
@@ -2248,7 +2304,7 @@ var AiSession = class _AiSession {
       await _AiSession.init();
     if (!_AiSession.#chat)
       throw new Error("Failed to initialize the AI session");
-    const loader = (0, import_ora2.default)(`${_AiSession.#chat.model} is thinking...`).start();
+    const loader = (0, import_ora3.default)(`${_AiSession.#chat.model} is thinking...`).start();
     try {
       const humanMessage = new import_messages.HumanMessage(question);
       this.messageHistory.push(humanMessage);
@@ -2523,7 +2579,7 @@ var import_fs9 = __toESM(require("fs"));
 var import_promises2 = __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_ora4 = __toESM(require("ora"));
 var import_path4 = __toESM(require("path"));
 var vite = __toESM(require("vite"));
 var import_vite_plugin_commonjs = __toESM(require("vite-plugin-commonjs"));
@@ -4515,7 +4571,7 @@ var ApplicationRunner = class {
   async buildFrontend(app) {
     const { env } = await this.#prepareCommand(app, "build", "frontend");
     const akanConfig = await app.getConfig("build");
-    await app.spawn("npx", ["next", "build", "--no-lint"], { env });
+    await app.spawn("npx", ["next", "build", "--no-lint"], { env, stdio: "ignore" });
     const buildResult = await esbuild2.build({
       entryPoints: [`${app.cwdPath}/next.config.ts`],
       outdir: `${app.dist.cwdPath}/frontend`,
@@ -4536,9 +4592,7 @@ var ApplicationRunner = class {
       version: "1.0.0",
       engines: { node: ">=22" },
       dependencies,
-      scripts: {
-        start: "next start"
-      }
+      scripts: { start: "next start" }
     };
     app.dist.writeJson("frontend/package.json", appPackageJson);
     await Promise.all([
@@ -4703,10 +4757,13 @@ var ApplicationRunner = class {
       dict: { repoName: workspace.repoName },
       overwrite: false
     });
-    await workspace.spawn(`docker`, ["compose", "up", "-d"], { cwd: `${workspace.workspaceRoot}/local` });
+    await workspace.spawn(`docker`, ["compose", "up", "-d"], {
+      cwd: `${workspace.workspaceRoot}/local`,
+      stdio: "ignore"
+    });
   }
   async dbdown(workspace) {
-    await workspace.spawn(`docker`, ["compose", "down"], { cwd: `${workspace.workspaceRoot}/local` });
+    await workspace.spawn(`docker`, ["compose", "down"], { cwd: `${workspace.workspaceRoot}/local`, stdio: "ignore" });
   }
   async configureApp(app) {
     const capacitorApp = new CapacitorApp(app);
@@ -4866,7 +4923,7 @@ var ApplicationRunner = class {
     const chatModel = new import_openai3.ChatOpenAI({ modelName: "gpt-4o", openAIApiKey });
     const projectName = await (0, import_prompts5.input)({ message: "please enter project name." });
     const projectDesc = await (0, import_prompts5.input)({ message: "please enter project description. (40 ~ 60 characters)" });
-    const spinner = (0, import_ora3.default)("Gerating project files...");
+    const spinner = (0, import_ora4.default)("Gerating project files...");
     const mainPrompt = import_prompts6.PromptTemplate.fromTemplate(requestApplication());
     const chain = import_runnables2.RunnableSequence.from([mainPrompt, chatModel, new import_output_parsers.StringOutputParser()]);
     const resultOne = await chain.invoke({ projectName, projectDesc });
@@ -4913,16 +4970,13 @@ var ApplicationScript = class {
   async removeApplication(app) {
     await this.#runner.removeApplication(app);
   }
-  async scanApplication(app, verbose = false) {
+  async syncApplication(app, verbose = false) {
+    const spinner = app.spinning("Scanning application...");
     const akanConfig = await this.#runner.getConfig(app);
     const scanResult = await this.#runner.scanSync(app, akanConfig);
     if (verbose)
       app.logger.rawLog(JSON.stringify(scanResult, null, 2));
-    return scanResult;
-  }
-  async syncApplication(app) {
-    const akanConfig = await this.#runner.getConfig(app);
-    const scanResult = await this.#runner.scanSync(app, akanConfig);
+    spinner.succeed("Application scanned");
     return scanResult;
   }
   async build(app) {
@@ -4938,7 +4992,9 @@ var ApplicationScript = class {
   async buildBackend(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building backend...");
     await this.#runner.buildBackend(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/backend`);
   }
   async startBackend(app, { open: open2 = false, sync = true } = {}) {
     if (sync)
@@ -4948,7 +5004,9 @@ var ApplicationScript = class {
   async buildFrontend(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building frontend...");
     await this.#runner.buildFrontend(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/frontend`);
   }
   async startFrontend(app, { open: open2 = false, turbo = false, sync = true } = {}) {
     if (sync)
@@ -4958,7 +5016,9 @@ var ApplicationScript = class {
   async buildCsr(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building CSR...");
     await this.#runner.buildCsr(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/csr`);
   }
   async startCsr(app, { open: open2 = false, sync = true } = {}) {
     if (sync)
@@ -5022,10 +5082,16 @@ var ApplicationScript = class {
     await this.#runner.releaseSource(app, options);
   }
   async dbup(workspace) {
+    const spinner = workspace.spinning("Starting local database...");
     await this.#runner.dbup(workspace);
+    spinner.succeed(
+      "Local database(/local/docker-compose.yaml) is up, you can start your application and connect to the database"
+    );
   }
   async dbdown(workspace) {
+    const spinner = workspace.spinning("Stopping local database...");
     await this.#runner.dbdown(workspace);
+    spinner.succeed("Local database(/local/docker-compose.yaml) is down");
   }
   async testSys(sys2) {
     if (sys2.type === "app")
@@ -5047,8 +5113,8 @@ var ApplicationCommand = class {
   async removeApplication(app) {
     await this.applicationScript.removeApplication(app);
   }
-  async scanApplication(app) {
-    await this.applicationScript.scanApplication(app, true);
+  async syncApplication(app, verbose) {
+    await this.applicationScript.syncApplication(app, verbose);
   }
   async build(app) {
     await this.applicationScript.build(app);
@@ -5129,8 +5195,9 @@ __decorateClass([
 ], ApplicationCommand.prototype, "removeApplication", 1);
 __decorateClass([
   Target.Public(),
-  __decorateParam(0, App())
-], ApplicationCommand.prototype, "scanApplication", 1);
+  __decorateParam(0, App()),
+  __decorateParam(1, Option("verbose", { type: "boolean", desc: "verbose", default: false }))
+], ApplicationCommand.prototype, "syncApplication", 1);
 __decorateClass([
   Target.Public({ short: true }),
   __decorateParam(0, App())
@@ -5610,11 +5677,19 @@ var ModuleRunner = class {
   async createScalarTemplate(sys2, name) {
     const akanConfig = await sys2.getConfig();
     const scanResult = await sys2.scan({ akanConfig });
+    const names = (0, import_pluralize.default)(name);
     await sys2.applyTemplate({
       basePath: "./lib/__scalar",
       template: "__scalar",
       scanResult,
-      dict: { model: name, Model: capitalize(name), sysName: sys2.name, SysName: capitalize(sys2.name) }
+      dict: {
+        model: name,
+        Model: capitalize(name),
+        models: names,
+        Models: capitalize(names),
+        sysName: sys2.name,
+        SysName: capitalize(sys2.name)
+      }
     });
     await sys2.scan({ akanConfig });
     return {
@@ -5653,11 +5728,19 @@ var ModuleRunner = class {
   async createModuleTemplate(sys2, name) {
     const akanConfig = await sys2.getConfig();
     const scanResult = await sys2.scan({ akanConfig });
+    const names = (0, import_pluralize.default)(name);
     await sys2.applyTemplate({
       basePath: `./lib/${name}`,
       template: "module",
       scanResult,
-      dict: { model: name, Model: capitalize(name), sysName: sys2.name, SysName: capitalize(sys2.name) }
+      dict: {
+        model: name,
+        Model: capitalize(name),
+        models: names,
+        Models: capitalize(names),
+        sysName: sys2.name,
+        SysName: capitalize(sys2.name)
+      }
     });
     await sys2.scan({ akanConfig });
     return {

package/cjs/src/templates/app/app/[lang]/admin/layout.js

@@ -26,6 +26,7 @@ function getContent(scanResult, dict) {
   return {
     filename: "layout.tsx",
     content: `
+import "../(${dict.appName})/styles.css";
 import { System } from "@shared/ui";
 import { env } from "@${dict.appName}/env/env.client";
 import { fetch } from "@${dict.appName}/client";

package/cjs/src/templates/workspaceRoot/package.json.template

@@ -20,6 +20,7 @@
     "jiti": "^2.4.2",
     "os-browserify": "^0.3.0",
     "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "process": "^0.11.10",
     "stream-browserify": "^3.0.0",
     "stream-http": "^3.2.0",

package/esm/index.js

@@ -901,11 +901,58 @@ var TypeScriptDependencyScanner = class {
   }
 };
 
+// pkgs/@akanjs/devkit/src/spinner.ts
+import ora2 from "ora";
+var Spinner = class {
+  spinner;
+  stopWatch;
+  startAt;
+  message;
+  constructor(message, { prefix = "", indent = 0 } = {}) {
+    this.message = message;
+    this.spinner = ora2(message);
+    this.spinner.prefixText = prefix;
+    this.spinner.indent = indent;
+  }
+  start() {
+    this.startAt = /* @__PURE__ */ new Date();
+    const spinner = this.spinner.start();
+    this.stopWatch = setInterval(() => {
+      spinner.text = `${this.message} (${this.#getElapsedTimeStr()})`;
+    }, 1e3);
+    return this;
+  }
+  succeed(message) {
+    clearInterval(this.stopWatch);
+    this.spinner.succeed(`${message} (${this.#getElapsedTimeStr()})`);
+  }
+  #getElapsedTimeStr() {
+    const ms = (/* @__PURE__ */ new Date()).getTime() - this.startAt.getTime();
+    if (ms < 1e3)
+      return `${ms}ms`;
+    const s = Math.floor(ms / 1e3);
+    if (s < 60)
+      return `${s}s`;
+    const m = Math.floor(s / 60);
+    return `${m}m ${s % 60}s`;
+  }
+};
+
 // pkgs/@akanjs/devkit/src/executors.ts
+var execEmoji = {
+  workspace: "\u{1F3E0}",
+  app: "\u{1F680}",
+  lib: "\u{1F527}",
+  pkg: "\u{1F4E6}",
+  dist: "\u{1F4BF}",
+  default: "\u2708\uFE0F"
+  // for sys executor
+};
 var Executor = class {
   name;
   logger;
   cwdPath;
+  emoji = execEmoji.default;
   constructor(name, cwdPath) {
     this.name = name;
     this.logger = new Logger(name);
@@ -1032,6 +1079,9 @@ var Executor = class {
     this.logger.verbose(msg);
     return this;
   }
+  spinning(msg, { prefix = `${this.emoji}${this.name} -`, indent = 0 } = {}) {
+    return new Spinner(msg, { prefix, indent }).start();
+  }
   getTsConfig(pathname = "tsconfig.json") {
     const tsconfig = this.readJson(pathname);
     if (tsconfig.extends) {
@@ -1118,8 +1168,9 @@ var Executor = class {
 var WorkspaceExecutor = class _WorkspaceExecutor extends Executor {
   workspaceRoot;
   repoName;
+  emoji = execEmoji.workspace;
   constructor({ workspaceRoot, repoName }) {
-    super(`${repoName} Executor`, workspaceRoot);
+    super("workspace", workspaceRoot);
     this.workspaceRoot = workspaceRoot;
     this.repoName = repoName;
   }
@@ -1274,11 +1325,13 @@ var SysExecutor = class extends Executor {
   workspace;
   name;
   type;
+  emoji;
   constructor({ workspace = WorkspaceExecutor.fromRoot(), name, type }) {
-    super(`${name} Sys Executor`, `${workspace.workspaceRoot}/${type}s/${name}`);
+    super(name, `${workspace.workspaceRoot}/${type}s/${name}`);
     this.workspace = workspace;
     this.name = name;
     this.type = type;
+    this.emoji = execEmoji[type];
   }
   async getConfig(command) {
     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 });
@@ -1499,9 +1552,10 @@ var SysExecutor = class extends Executor {
 };
 var AppExecutor = class _AppExecutor extends SysExecutor {
   dist;
+  emoji = execEmoji.app;
   constructor({ workspace, name }) {
     super({ workspace, name, type: "app" });
-    this.dist = new Executor(`${name} Dist App Executor`, `${this.workspace.workspaceRoot}/dist/apps/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/apps/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -1535,9 +1589,10 @@ var LibExecutor = class _LibExecutor extends SysExecutor {
   workspaceRoot;
   repoName;
   dist;
+  emoji = execEmoji.lib;
   constructor({ workspace, name }) {
     super({ workspace, name, type: "lib" });
-    this.dist = new Executor(`${name} Dist Lib Executor`, `${this.workspace.workspaceRoot}/dist/libs/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/libs/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -1557,11 +1612,12 @@ var PkgExecutor = class _PkgExecutor extends Executor {
   workspace;
   name;
   dist;
+  emoji = execEmoji.pkg;
   constructor({ workspace = WorkspaceExecutor.fromRoot(), name }) {
-    super(`${name} Pkg Executor`, `${workspace.workspaceRoot}/pkgs/${name}`);
+    super(name, `${workspace.workspaceRoot}/pkgs/${name}`);
     this.workspace = workspace;
     this.name = name;
-    this.dist = new Executor(`${name} Dist Pkg Executor`, `${this.workspace.workspaceRoot}/dist/pkgs/${name}`);
+    this.dist = new Executor(`dist/${name}`, `${this.workspace.workspaceRoot}/dist/pkgs/${name}`);
   }
   static from(executor, name) {
     if (executor instanceof WorkspaceExecutor)
@@ -2161,10 +2217,10 @@ var runCommands = async (...commands) => {
 
 // pkgs/@akanjs/devkit/src/aiEditor.ts
 import { input as input2, select as select3 } from "@inquirer/prompts";
-import ora2 from "ora";
 import { AIMessage, HumanMessage } from "@langchain/core/messages";
 import { ChatOpenAI as ChatOpenAI2 } from "@langchain/openai";
 import chalk3 from "chalk";
+import ora3 from "ora";
 var MAX_ASK_TRY = 300;
 var supportedLlmModels = ["deepseek-chat", "deepseek-reasoner"];
 var AiSession = class _AiSession {
@@ -2235,7 +2291,7 @@ var AiSession = class _AiSession {
       await _AiSession.init();
     if (!_AiSession.#chat)
       throw new Error("Failed to initialize the AI session");
-    const loader = ora2(`${_AiSession.#chat.model} is thinking...`).start();
+    const loader = ora3(`${_AiSession.#chat.model} is thinking...`).start();
     try {
       const humanMessage = new HumanMessage(question);
       this.messageHistory.push(humanMessage);
@@ -2510,7 +2566,7 @@ import fs11 from "fs";
 import fsPromise2 from "fs/promises";
 import yaml2 from "js-yaml";
 import openBrowser from "open";
-import ora3 from "ora";
+import ora4 from "ora";
 import path5 from "path";
 import * as vite from "vite";
 import commonjs from "vite-plugin-commonjs";
@@ -4502,7 +4558,7 @@ var ApplicationRunner = class {
   async buildFrontend(app) {
     const { env } = await this.#prepareCommand(app, "build", "frontend");
     const akanConfig = await app.getConfig("build");
-    await app.spawn("npx", ["next", "build", "--no-lint"], { env });
+    await app.spawn("npx", ["next", "build", "--no-lint"], { env, stdio: "ignore" });
     const buildResult = await esbuild2.build({
       entryPoints: [`${app.cwdPath}/next.config.ts`],
       outdir: `${app.dist.cwdPath}/frontend`,
@@ -4523,9 +4579,7 @@ var ApplicationRunner = class {
       version: "1.0.0",
       engines: { node: ">=22" },
       dependencies,
-      scripts: {
-        start: "next start"
-      }
+      scripts: { start: "next start" }
     };
     app.dist.writeJson("frontend/package.json", appPackageJson);
     await Promise.all([
@@ -4690,10 +4744,13 @@ var ApplicationRunner = class {
       dict: { repoName: workspace.repoName },
       overwrite: false
     });
-    await workspace.spawn(`docker`, ["compose", "up", "-d"], { cwd: `${workspace.workspaceRoot}/local` });
+    await workspace.spawn(`docker`, ["compose", "up", "-d"], {
+      cwd: `${workspace.workspaceRoot}/local`,
+      stdio: "ignore"
+    });
   }
   async dbdown(workspace) {
-    await workspace.spawn(`docker`, ["compose", "down"], { cwd: `${workspace.workspaceRoot}/local` });
+    await workspace.spawn(`docker`, ["compose", "down"], { cwd: `${workspace.workspaceRoot}/local`, stdio: "ignore" });
   }
   async configureApp(app) {
     const capacitorApp = new CapacitorApp(app);
@@ -4853,7 +4910,7 @@ var ApplicationRunner = class {
     const chatModel = new ChatOpenAI3({ modelName: "gpt-4o", openAIApiKey });
     const projectName = await input3({ message: "please enter project name." });
     const projectDesc = await input3({ message: "please enter project description. (40 ~ 60 characters)" });
-    const spinner = ora3("Gerating project files...");
+    const spinner = ora4("Gerating project files...");
     const mainPrompt = PromptTemplate2.fromTemplate(requestApplication());
     const chain = RunnableSequence2.from([mainPrompt, chatModel, new StringOutputParser()]);
     const resultOne = await chain.invoke({ projectName, projectDesc });
@@ -4900,16 +4957,13 @@ var ApplicationScript = class {
   async removeApplication(app) {
     await this.#runner.removeApplication(app);
   }
-  async scanApplication(app, verbose = false) {
+  async syncApplication(app, verbose = false) {
+    const spinner = app.spinning("Scanning application...");
     const akanConfig = await this.#runner.getConfig(app);
     const scanResult = await this.#runner.scanSync(app, akanConfig);
     if (verbose)
       app.logger.rawLog(JSON.stringify(scanResult, null, 2));
-    return scanResult;
-  }
-  async syncApplication(app) {
-    const akanConfig = await this.#runner.getConfig(app);
-    const scanResult = await this.#runner.scanSync(app, akanConfig);
+    spinner.succeed("Application scanned");
     return scanResult;
   }
   async build(app) {
@@ -4925,7 +4979,9 @@ var ApplicationScript = class {
   async buildBackend(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building backend...");
     await this.#runner.buildBackend(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/backend`);
   }
   async startBackend(app, { open: open2 = false, sync = true } = {}) {
     if (sync)
@@ -4935,7 +4991,9 @@ var ApplicationScript = class {
   async buildFrontend(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building frontend...");
     await this.#runner.buildFrontend(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/frontend`);
   }
   async startFrontend(app, { open: open2 = false, turbo = false, sync = true } = {}) {
     if (sync)
@@ -4945,7 +5003,9 @@ var ApplicationScript = class {
   async buildCsr(app, { sync = true } = {}) {
     if (sync)
       await this.syncApplication(app);
+    const spinner = app.spinning("Building CSR...");
     await this.#runner.buildCsr(app);
+    spinner.succeed(`Successfully built in dist/apps/${app.name}/csr`);
   }
   async startCsr(app, { open: open2 = false, sync = true } = {}) {
     if (sync)
@@ -5009,10 +5069,16 @@ var ApplicationScript = class {
     await this.#runner.releaseSource(app, options);
   }
   async dbup(workspace) {
+    const spinner = workspace.spinning("Starting local database...");
     await this.#runner.dbup(workspace);
+    spinner.succeed(
+      "Local database(/local/docker-compose.yaml) is up, you can start your application and connect to the database"
+    );
   }
   async dbdown(workspace) {
+    const spinner = workspace.spinning("Stopping local database...");
     await this.#runner.dbdown(workspace);
+    spinner.succeed("Local database(/local/docker-compose.yaml) is down");
   }
   async testSys(sys2) {
     if (sys2.type === "app")
@@ -5034,8 +5100,8 @@ var ApplicationCommand = class {
   async removeApplication(app) {
     await this.applicationScript.removeApplication(app);
   }
-  async scanApplication(app) {
-    await this.applicationScript.scanApplication(app, true);
+  async syncApplication(app, verbose) {
+    await this.applicationScript.syncApplication(app, verbose);
   }
   async build(app) {
     await this.applicationScript.build(app);
@@ -5116,8 +5182,9 @@ __decorateClass([
 ], ApplicationCommand.prototype, "removeApplication", 1);
 __decorateClass([
   Target.Public(),
-  __decorateParam(0, App())
-], ApplicationCommand.prototype, "scanApplication", 1);
+  __decorateParam(0, App()),
+  __decorateParam(1, Option("verbose", { type: "boolean", desc: "verbose", default: false }))
+], ApplicationCommand.prototype, "syncApplication", 1);
 __decorateClass([
   Target.Public({ short: true }),
   __decorateParam(0, App())
@@ -5597,11 +5664,19 @@ var ModuleRunner = class {
   async createScalarTemplate(sys2, name) {
     const akanConfig = await sys2.getConfig();
     const scanResult = await sys2.scan({ akanConfig });
+    const names = pluralize(name);
     await sys2.applyTemplate({
       basePath: "./lib/__scalar",
       template: "__scalar",
       scanResult,
-      dict: { model: name, Model: capitalize(name), sysName: sys2.name, SysName: capitalize(sys2.name) }
+      dict: {
+        model: name,
+        Model: capitalize(name),
+        models: names,
+        Models: capitalize(names),
+        sysName: sys2.name,
+        SysName: capitalize(sys2.name)
+      }
     });
     await sys2.scan({ akanConfig });
     return {
@@ -5640,11 +5715,19 @@ var ModuleRunner = class {
   async createModuleTemplate(sys2, name) {
     const akanConfig = await sys2.getConfig();
     const scanResult = await sys2.scan({ akanConfig });
+    const names = pluralize(name);
     await sys2.applyTemplate({
       basePath: `./lib/${name}`,
       template: "module",
       scanResult,
-      dict: { model: name, Model: capitalize(name), sysName: sys2.name, SysName: capitalize(sys2.name) }
+      dict: {
+        model: name,
+        Model: capitalize(name),
+        models: names,
+        Models: capitalize(names),
+        sysName: sys2.name,
+        SysName: capitalize(sys2.name)
+      }
     });
     await sys2.scan({ akanConfig });
     return {

package/esm/src/templates/app/app/[lang]/admin/layout.js

@@ -3,6 +3,7 @@ function getContent(scanResult, dict) {
   return {
     filename: "layout.tsx",
     content: `
+import "../(${dict.appName})/styles.css";
 import { System } from "@shared/ui";
 import { env } from "@${dict.appName}/env/env.client";
 import { fetch } from "@${dict.appName}/client";

package/esm/src/templates/workspaceRoot/package.json.template

@@ -20,6 +20,7 @@
     "jiti": "^2.4.2",
     "os-browserify": "^0.3.0",
     "prettier": "^3.5.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
     "process": "^0.11.10",
     "stream-browserify": "^3.0.0",
     "stream-http": "^3.2.0",

package/package.json

@@ -1,7 +1,7 @@
 {
   "sourceType": "module",
   "name": "@akanjs/cli",
-  "version": "0.0.137",
+  "version": "0.0.138",
   "bin": {
     "akan": "cjs/index.js"
   },

package/src/application/application.command.d.ts

@@ -4,7 +4,7 @@ export declare class ApplicationCommand {
     applicationScript: ApplicationScript;
     createApplication(name: string, start: boolean, workspace: Workspace): Promise<void>;
     removeApplication(app: App): Promise<void>;
-    scanApplication(app: App): Promise<void>;
+    syncApplication(app: App, verbose: boolean): Promise<void>;
     build(app: App): Promise<void>;
     buildBackend(app: App): Promise<void>;
     buildFrontend(app: App): Promise<void>;

package/src/application/application.script.d.ts

@@ -8,8 +8,7 @@ export declare class ApplicationScript {
         start?: boolean;
     }): Promise<void>;
     removeApplication(app: App): Promise<void>;
-    scanApplication(app: App, verbose?: boolean): Promise<import("@akanjs/config").AppScanResult | import("@akanjs/config").LibScanResult>;
-    syncApplication(app: App): Promise<import("@akanjs/config").AppScanResult | import("@akanjs/config").LibScanResult>;
+    syncApplication(app: App, verbose?: boolean): Promise<import("@akanjs/config").AppScanResult | import("@akanjs/config").LibScanResult>;
     build(app: App): Promise<void>;
     start(app: App, { open }?: {
         open?: boolean;