@akanjs/cli 0.0.126 → 0.0.128

package/cjs/index.js

@@ -679,6 +679,12 @@ CMD ["npm", "start"]`,
         config.frontend?.routes
       ),
       explicitDependencies: config.frontend?.explicitDependencies ?? []
+    },
+    mobile: {
+      appName: config.mobile?.appName ?? name,
+      bundleId: config.mobile?.bundleId ?? `com.${repoName}.${name}`,
+      version: config.mobile?.version,
+      buildNum: config.mobile?.buildNum
     }
   };
 };
@@ -905,9 +911,11 @@ var TypeScriptDependencyScanner = class {
 
 // pkgs/@akanjs/devkit/src/executors.ts
 var Executor = class {
+  name;
   logger;
   cwdPath;
   constructor(name, cwdPath) {
+    this.name = name;
     this.logger = new Logger(name);
     this.cwdPath = cwdPath;
     if (!import_fs4.default.existsSync(cwdPath))
@@ -1032,7 +1040,7 @@ var Executor = class {
     this.logger.verbose(msg);
     return this;
   }
-  getTsConfig(pathname) {
+  getTsConfig(pathname = "tsconfig.json") {
     const tsconfig = this.readJson(pathname);
     if (tsconfig.extends) {
       const extendsTsconfig = this.getTsConfig(tsconfig.extends);
@@ -1640,18 +1648,90 @@ var CapacitorApp = class {
       ios: { path: "ios/App" }
     });
     await project.load();
-    if (!project.android)
-      throw new Error(`Android is not added, Please add platform first
- akan serve-android ${this.app.name}`);
-    if (!project.ios)
-      throw new Error(`iOS is not added, Please add platform first
- akan serve-ios ${this.app.name}`);
+    if (!project.android) {
+      await this.app.spawn("npx", ["cap", "add", "android"]);
+      await project.load();
+    }
+    if (!project.ios) {
+      await this.app.spawn("npx", ["cap", "add", "ios"]);
+      await project.load();
+    }
     this.project = project;
     return this;
   }
   async save() {
     await this.project.commit();
   }
+  async #prepareIos() {
+    const isAdded = import_fs6.default.existsSync(`${this.app.cwdPath}/ios/App/Podfile`);
+    if (!isAdded) {
+      await this.app.spawn("npx", ["cap", "add", "ios"]);
+      await this.app.spawn("npx", ["@capacitor/assets", "generate"]);
+    } else
+      this.app.verbose(`iOS already added, skip adding process`);
+    await this.app.spawn("npx", ["cap", "sync", "ios"]);
+  }
+  async buildIos() {
+    await this.#prepareIos();
+    await this.app.spawn("npx", ["cap", "run", "ios"]);
+  }
+  async openIos() {
+    await this.app.spawn("npx", ["cap", "open", "ios"]);
+  }
+  async runIos({ operation, bundleId, version = "0.0.1", buildNum = 1 }) {
+    await this.#prepareIos();
+    this.project.ios.setBundleId("App", "Debug", bundleId);
+    this.project.ios.setBundleId("App", "Release", bundleId);
+    await this.project.ios.setVersion("App", "Debug", version);
+    await this.project.ios.setVersion("App", "Release", version);
+    await this.project.ios.setBuild("App", "Debug", buildNum);
+    await this.project.ios.setBuild("App", "Release", buildNum);
+    await this.project.commit();
+    await this.app.spawn("npx", [
+      "cross-env",
+      `APP_OPERATION_MODE=${operation}`,
+      "npx",
+      "cap",
+      "run",
+      "ios",
+      "--live-reload",
+      "--port",
+      "4201"
+    ]);
+  }
+  async #prepareAndroid() {
+    const isAdded = import_fs6.default.existsSync(`${this.app.cwdPath}/android/app/build.gradle`);
+    if (!isAdded) {
+      await this.app.spawn("npx", ["cap", "add", "android"]);
+      await this.app.spawn("npx", ["@capacitor/assets", "generate"]);
+    } else
+      this.app.verbose(`Android already added, skip adding process`);
+    await this.app.spawn("npx", ["cap", "sync", "android"]);
+  }
+  async buildAndroid() {
+    await this.#prepareAndroid();
+    await this.app.spawn("npx", ["cap", "build", "android"]);
+  }
+  async openAndroid() {
+    await this.app.spawn("npx", ["cap", "open", "android"]);
+  }
+  async runAndroid({ operation, appName, bundleId, version = "0.0.1", buildNum = 1 }) {
+    await this.project.android.setVersionName(version);
+    await this.project.android.setVersionCode(buildNum);
+    await this.project.android.setPackageName(bundleId);
+    await this.project.android.setAppName(appName);
+    await this.app.spawn("npx", [
+      "cross-env",
+      `APP_OPERATION_MODE=${operation}`,
+      "npx",
+      "cap",
+      "run",
+      "android",
+      "--live-reload",
+      "--port",
+      "4201"
+    ]);
+  }
   async releaseIos() {
     const isAdded = import_fs6.default.existsSync(`${this.app.cwdPath}/ios/App/Podfile`);
     if (!isAdded) {
@@ -2059,6 +2139,8 @@ var runCommands = async (...commands) => {
               commandArgs[argMeta.idx] = await getOptionValue(argMeta, opt);
             else
               commandArgs[argMeta.idx] = await getArgumentValue(argMeta, cmdArgs[argMeta.idx], workspace);
+            if (commandArgs[argMeta.idx] instanceof AppExecutor)
+              process.env.NEXT_PUBLIC_APP_NAME = commandArgs[argMeta.idx].name;
           }
           const cmd = new command();
           try {
@@ -4617,7 +4699,8 @@ var ApplicationRunner = class {
     };
   }
   async #prepareCommand(app, type, target) {
-    await app.dist.exec(`rm -rf ${target}`);
+    if (type === "build")
+      await app.dist.exec(`rm -rf ${target}`);
     if (target === "frontend") {
       await app.exec("rm -rf .next");
       app.writeFile("next.config.ts", defaultNextConfigFile);
@@ -4711,10 +4794,11 @@ var ApplicationRunner = class {
       setTimeout(() => (0, import_open.default)("http://localhost:4200"), 3e3);
     await app.spawn("npx", ["next", "dev", "-p", "4200", ...turbo ? ["--turbo"] : []], { env });
   }
-  async #getViteConfig(app) {
-    const { env } = await this.#prepareCommand(app, "build", "csr");
+  async #getViteConfig(app, command) {
+    const { env } = await this.#prepareCommand(app, command, "csr");
+    const tsconfig = app.workspace.getTsConfig();
     const processEnv = env;
-    const akanjsPrefix = process.env.USE_AKANJS_PKGS === "true" ? `${app.workspace.workspaceRoot}/pkgs/` : "";
+    const akanjsPrefix = process.env.USE_AKANJS_PKGS === "true" ? `${app.workspace.workspaceRoot}/pkgs/` : `${app.workspace.workspaceRoot}/pkgs/`;
     const config = vite.defineConfig({
       root: `${app.cwdPath}/app`,
       base: "/",
@@ -4722,7 +4806,7 @@ var ApplicationRunner = class {
         outDir: `${app.dist.cwdPath}/csr`,
         sourcemap: false,
         emptyOutDir: true,
-        rollupOptions: { external: ["next/server"], input: `${app.cwdPath}/app/index.html` }
+        rollupOptions: { input: `${app.cwdPath}/app/index.html` }
       },
       css: { postcss: `${app.cwdPath}/postcss.config.js` },
       publicDir: `${app.cwdPath}/public`,
@@ -4739,6 +4823,12 @@ var ApplicationRunner = class {
       ],
       resolve: {
         alias: {
+          ...Object.fromEntries(
+            Object.entries(tsconfig.compilerOptions.paths).map(([key, value]) => [
+              key.replace("/*", ""),
+              `${app.workspace.workspaceRoot}/${value[0].replace("/*", "").replace("/index.ts", "")}`
+            ])
+          ),
           "@akanjs/config": `${akanjsPrefix}@akanjs/config`,
           "next/font/local": `${akanjsPrefix}@akanjs/client/src/createFont`,
           "next/font/google": `${akanjsPrefix}@akanjs/client/src/createFont`,
@@ -4778,82 +4868,41 @@ var ApplicationRunner = class {
     return config;
   }
   async buildCsr(app) {
-    const config = await this.#getViteConfig(app);
+    const config = await this.#getViteConfig(app, "build");
     await vite.build(config);
   }
   async startCsr(app, { open: open2 = false } = {}) {
-    const config = await this.#getViteConfig(app);
+    const config = await this.#getViteConfig(app, "start");
     const server = await vite.createServer(config);
     await server.listen(4201);
     app.log(`CSR server is running on http://localhost:4201`);
     if (open2)
       setTimeout(() => (0, import_open.default)("http://localhost:4201"), 3e3);
   }
-  async #prepareIos(app) {
-    const isAdded = import_fs9.default.existsSync(`${app.cwdPath}/ios/App/Podfile`);
-    if (!isAdded) {
-      await app.spawn("npx", ["cap", "add", "ios"]);
-      await app.spawn("npx", ["@capacitor/assets", "generate"]);
-    } else
-      app.verbose(`iOS already added, skip adding process`);
-    await app.spawn("npx", ["cap", "sync", "ios"]);
-  }
   async buildIos(app) {
-    await this.#prepareIos(app);
-    await app.spawn("npx", ["cap", "run", "ios"]);
+    const capacitorApp = await new CapacitorApp(app).init();
+    await capacitorApp.buildIos();
   }
   async startIos(app, { open: open2 = false, operation = "local" } = {}) {
-    await this.#prepareIos(app);
+    const akanConfig = await app.getConfig();
+    const capacitorApp = await new CapacitorApp(app).init();
+    await capacitorApp.runIos({ ...akanConfig.mobile, operation });
     if (open2)
-      await app.spawn("npx", ["cap", "open", "ios"]);
-    await app.spawn("npx", ["trapeze", "run", "config.yaml"]);
-    await app.spawn("npx", [
-      "cross-env",
-      `APP_OPERATION_MODE=${operation}`,
-      "npx",
-      "cap",
-      "run",
-      "ios",
-      "--live-reload",
-      "--port",
-      "4201"
-    ]);
+      await capacitorApp.openIos();
   }
   async releaseIos(app) {
     const capacitorApp = new CapacitorApp(app);
     await capacitorApp.init();
     await capacitorApp.releaseIos();
   }
-  async #prepareAndroid(app) {
-    const isAdded = import_fs9.default.existsSync(`${app.cwdPath}/android/app/build.gradle`);
-    if (!isAdded) {
-      await app.spawn("npx", ["cap", "add", "android"]);
-      await app.spawn("npx", ["@capacitor/assets", "generate"]);
-    } else
-      app.verbose(`Android already added, skip adding process`);
-    await app.spawn("npx", ["cap", "sync", "android"]);
-  }
   async buildAndroid(app) {
-    await this.#prepareAndroid(app);
-    await app.spawn("npx", ["cap", "build", "android"]);
+    const capacitorApp = await new CapacitorApp(app).init();
+    await capacitorApp.buildAndroid();
   }
   async startAndroid(app, { open: open2 = false, operation = "local" } = {}) {
-    await this.#prepareAndroid(app);
-    if (open2)
-      await app.spawn("npx", ["cap", "open", "android"]);
-    await app.spawn("npx", ["cap", "build", "android"]);
-    await app.spawn("npx", ["trapeze", "run", "config.yaml"]);
-    await app.spawn("npx", [
-      "cross-env",
-      `APP_OPERATION_MODE=${operation}`,
-      "npx",
-      "cap",
-      "run",
-      "android",
-      "--live-reload",
-      "--port",
-      "4201"
-    ]);
+    const akanConfig = await app.getConfig();
+    const capacitorApp = await new CapacitorApp(app).init();
+    await capacitorApp.runAndroid({ ...akanConfig.mobile, operation });
   }
   async releaseAndroid(app) {
     const capacitorApp = new CapacitorApp(app);
@@ -6345,7 +6394,7 @@ var WorkspaceCommand = class {
 __decorateClass([
   Target.Public(),
   __decorateParam(0, Option("name", { desc: "what is the name of your organization?" })),
-  __decorateParam(1, Option("app", { desc: "describe your first application to create." })),
+  __decorateParam(1, Option("app", { desc: "describe your first application to create " })),
   __decorateParam(2, Option("dir", { desc: "directory of workspace", default: process.env.USE_AKANJS_PKGS === "true" ? "local" : "." }))
 ], WorkspaceCommand.prototype, "createWorkspace", 1);
 __decorateClass([

package/cjs/src/templates/app/app/[lang]/(__appName__)/(public)/page.js

@@ -72,7 +72,7 @@ export default function Page() {
           </button>
         </div>
         <div className="mb-16 rounded-lg bg-slate-800 p-8">
-          <h2 className="text-base-100 mb-6 text-center text-2xl font-bold">Quick Start</h2>
+          <h2 className="text-gray-200 mb-6 text-center text-2xl font-bold">Quick Start</h2>
           <div className="mockup-code">
             <pre data-prefix="$">
               <code className="text-success">npx create-akan-workspace</code>
@@ -89,7 +89,7 @@ export default function Page() {
           <div className="card bg-slate-800">
             <div className="card-body p-6 text-center">
               <FaBook className="mx-auto mb-4 text-4xl text-purple-400" />
-              <h3 className="text-base-100 mb-2 text-lg font-semibold">Documentation</h3>
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Documentation</h3>
               <p className="mb-4 text-sm text-gray-400">Complete API guides and tutorials</p>
               <button className="btn btn-sm w-full">Read Documentation</button>
             </div>
@@ -97,7 +97,7 @@ export default function Page() {
           <div className="card bg-slate-800">
             <div className="card-body p-6 text-center">
               <FaGraduationCap className="mx-auto mb-4 text-4xl text-blue-400" />
-              <h3 className="text-base-100 mb-2 text-lg font-semibold">Learn</h3>
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Learn</h3>
               <p className="mb-4 text-sm text-gray-400">Step-by-step learning guides</p>
               <button className="btn btn-sm w-full">Learn</button>
             </div>
@@ -105,7 +105,7 @@ export default function Page() {
           <div className="card bg-slate-800">
             <div className="card-body p-6 text-center">
               <FaCode className="mx-auto mb-4 text-4xl text-green-400" />
-              <h3 className="text-base-100 mb-2 text-lg font-semibold">Examples</h3>
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Examples</h3>
               <p className="mb-4 text-sm text-gray-400">Real project examples</p>
               <button className="btn btn-sm w-full">Examples</button>
             </div>
@@ -113,7 +113,7 @@ export default function Page() {
           <div className="card bg-slate-800">
             <div className="card-body p-6 text-center">
               <FaExternalLinkAlt className="mx-auto mb-4 text-4xl text-yellow-400" />
-              <h3 className="text-base-100 mb-2 text-lg font-semibold">Official Site</h3>
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Official Site</h3>
               <p className="mb-4 text-sm text-gray-400">Visit our official website</p>
               <button className="btn btn-sm w-full">Go to akanjs.com</button>
             </div>

package/cjs/src/templates/app/app/csr.js

@@ -28,7 +28,7 @@ function getContent(scanResult, dict) {
     content: `
 import { bootCsr } from "@akanjs/next";
 
-void bootCsr(import.meta.glob("./**/*.tsx"), "./[lang]/${dict.appName}/layout.tsx");
+void bootCsr(import.meta.glob("./**/*.tsx"), "./[lang]/${dict.appName}/layout.tsx", "/");
   `
   };
 }

package/cjs/src/templates/app/app/index.html.template

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>CSR</title>
+    <title><%= appName %></title>
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>

package/cjs/src/templates/lib/__lib/lib.constant.js

@@ -26,6 +26,7 @@ function getContent(scanResult, dict = {}) {
   if (!scanResult)
     return null;
   const libs = scanResult.akanConfig.libs;
+  console.log(scanResult.name, scanResult.libs);
   const userLibs = scanResult.akanConfig.libs.filter(
     (libName) => scanResult.libs[libName].files.constants.databases.includes("user")
   );

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

@@ -10,6 +10,7 @@
     "daisyui": "^5.0.35"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.7",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.1",
     "crypto-browserify": "^3.12.1",
@@ -22,6 +23,9 @@
     "process": "^0.11.10",
     "stream-browserify": "^3.0.0",
     "stream-http": "^3.2.0",
+    "tailwind-scrollbar": "4.0.2",
+    "tailwindcss-animation-delay": "^2.0.2",
+    "tailwindcss-radix": "^4.0.2",
     "ts-jest": "^29.3.4",
     "url-polyfill": "^1.1.13",
     "vite": "^6.3.5",

package/esm/index.js

@@ -666,6 +666,12 @@ CMD ["npm", "start"]`,
         config.frontend?.routes
       ),
       explicitDependencies: config.frontend?.explicitDependencies ?? []
+    },
+    mobile: {
+      appName: config.mobile?.appName ?? name,
+      bundleId: config.mobile?.bundleId ?? `com.${repoName}.${name}`,
+      version: config.mobile?.version,
+      buildNum: config.mobile?.buildNum
     }
   };
 };
@@ -892,9 +898,11 @@ var TypeScriptDependencyScanner = class {
 
 // pkgs/@akanjs/devkit/src/executors.ts
 var Executor = class {
+  name;
   logger;
   cwdPath;
   constructor(name, cwdPath) {
+    this.name = name;
     this.logger = new Logger(name);
     this.cwdPath = cwdPath;
     if (!fs6.existsSync(cwdPath))
@@ -1019,7 +1027,7 @@ var Executor = class {
     this.logger.verbose(msg);
     return this;
   }
-  getTsConfig(pathname) {
+  getTsConfig(pathname = "tsconfig.json") {
     const tsconfig = this.readJson(pathname);
     if (tsconfig.extends) {
       const extendsTsconfig = this.getTsConfig(tsconfig.extends);
@@ -1627,18 +1635,90 @@ var CapacitorApp = class {
       ios: { path: "ios/App" }
     });
     await project.load();
-    if (!project.android)
-      throw new Error(`Android is not added, Please add platform first
- akan serve-android ${this.app.name}`);
-    if (!project.ios)
-      throw new Error(`iOS is not added, Please add platform first
- akan serve-ios ${this.app.name}`);
+    if (!project.android) {
+      await this.app.spawn("npx", ["cap", "add", "android"]);
+      await project.load();
+    }
+    if (!project.ios) {
+      await this.app.spawn("npx", ["cap", "add", "ios"]);
+      await project.load();
+    }
     this.project = project;
     return this;
   }
   async save() {
     await this.project.commit();
   }
+  async #prepareIos() {
+    const isAdded = fs8.existsSync(`${this.app.cwdPath}/ios/App/Podfile`);
+    if (!isAdded) {
+      await this.app.spawn("npx", ["cap", "add", "ios"]);
+      await this.app.spawn("npx", ["@capacitor/assets", "generate"]);
+    } else
+      this.app.verbose(`iOS already added, skip adding process`);
+    await this.app.spawn("npx", ["cap", "sync", "ios"]);
+  }
+  async buildIos() {
+    await this.#prepareIos();
+    await this.app.spawn("npx", ["cap", "run", "ios"]);
+  }
+  async openIos() {
+    await this.app.spawn("npx", ["cap", "open", "ios"]);
+  }
+  async runIos({ operation, bundleId, version = "0.0.1", buildNum = 1 }) {
+    await this.#prepareIos();
+    this.project.ios.setBundleId("App", "Debug", bundleId);
+    this.project.ios.setBundleId("App", "Release", bundleId);
+    await this.project.ios.setVersion("App", "Debug", version);
+    await this.project.ios.setVersion("App", "Release", version);
+    await this.project.ios.setBuild("App", "Debug", buildNum);
+    await this.project.ios.setBuild("App", "Release", buildNum);
+    await this.project.commit();
+    await this.app.spawn("npx", [
+      "cross-env",
+      `APP_OPERATION_MODE=${operation}`,
+      "npx",
+      "cap",
+      "run",
+      "ios",
+      "--live-reload",
+      "--port",
+      "4201"
+    ]);
+  }
+  async #prepareAndroid() {
+    const isAdded = fs8.existsSync(`${this.app.cwdPath}/android/app/build.gradle`);
+    if (!isAdded) {
+      await this.app.spawn("npx", ["cap", "add", "android"]);
+      await this.app.spawn("npx", ["@capacitor/assets", "generate"]);
+    } else
+      this.app.verbose(`Android already added, skip adding process`);
+    await this.app.spawn("npx", ["cap", "sync", "android"]);
+  }
+  async buildAndroid() {
+    await this.#prepareAndroid();
+    await this.app.spawn("npx", ["cap", "build", "android"]);
+  }
+  async openAndroid() {
+    await this.app.spawn("npx", ["cap", "open", "android"]);
+  }
+  async runAndroid({ operation, appName, bundleId, version = "0.0.1", buildNum = 1 }) {
+    await this.project.android.setVersionName(version);
+    await this.project.android.setVersionCode(buildNum);
+    await this.project.android.setPackageName(bundleId);
+    await this.project.android.setAppName(appName);
+    await this.app.spawn("npx", [
+      "cross-env",
+      `APP_OPERATION_MODE=${operation}`,
+      "npx",
+      "cap",
+      "run",
+      "android",
+      "--live-reload",
+      "--port",
+      "4201"
+    ]);
+  }
   async releaseIos() {
     const isAdded = fs8.existsSync(`${this.app.cwdPath}/ios/App/Podfile`);
     if (!isAdded) {
@@ -2046,6 +2126,8 @@ var runCommands = async (...commands) => {
               commandArgs[argMeta.idx] = await getOptionValue(argMeta, opt);
             else
               commandArgs[argMeta.idx] = await getArgumentValue(argMeta, cmdArgs[argMeta.idx], workspace);
+            if (commandArgs[argMeta.idx] instanceof AppExecutor)
+              process.env.NEXT_PUBLIC_APP_NAME = commandArgs[argMeta.idx].name;
           }
           const cmd = new command();
           try {
@@ -4604,7 +4686,8 @@ var ApplicationRunner = class {
     };
   }
   async #prepareCommand(app, type, target) {
-    await app.dist.exec(`rm -rf ${target}`);
+    if (type === "build")
+      await app.dist.exec(`rm -rf ${target}`);
     if (target === "frontend") {
       await app.exec("rm -rf .next");
       app.writeFile("next.config.ts", defaultNextConfigFile);
@@ -4698,10 +4781,11 @@ var ApplicationRunner = class {
       setTimeout(() => openBrowser("http://localhost:4200"), 3e3);
     await app.spawn("npx", ["next", "dev", "-p", "4200", ...turbo ? ["--turbo"] : []], { env });
   }
-  async #getViteConfig(app) {
-    const { env } = await this.#prepareCommand(app, "build", "csr");
+  async #getViteConfig(app, command) {
+    const { env } = await this.#prepareCommand(app, command, "csr");
+    const tsconfig = app.workspace.getTsConfig();
     const processEnv = env;
-    const akanjsPrefix = process.env.USE_AKANJS_PKGS === "true" ? `${app.workspace.workspaceRoot}/pkgs/` : "";
+    const akanjsPrefix = process.env.USE_AKANJS_PKGS === "true" ? `${app.workspace.workspaceRoot}/pkgs/` : `${app.workspace.workspaceRoot}/pkgs/`;
     const config = vite.defineConfig({
       root: `${app.cwdPath}/app`,
       base: "/",
@@ -4709,7 +4793,7 @@ var ApplicationRunner = class {
         outDir: `${app.dist.cwdPath}/csr`,
         sourcemap: false,
         emptyOutDir: true,
-        rollupOptions: { external: ["next/server"], input: `${app.cwdPath}/app/index.html` }
+        rollupOptions: { input: `${app.cwdPath}/app/index.html` }
       },
       css: { postcss: `${app.cwdPath}/postcss.config.js` },
       publicDir: `${app.cwdPath}/public`,
@@ -4726,6 +4810,12 @@ var ApplicationRunner = class {
       ],
       resolve: {
         alias: {
+          ...Object.fromEntries(
+            Object.entries(tsconfig.compilerOptions.paths).map(([key, value]) => [
+              key.replace("/*", ""),
+              `${app.workspace.workspaceRoot}/${value[0].replace("/*", "").replace("/index.ts", "")}`
+            ])
+          ),
           "@akanjs/config": `${akanjsPrefix}@akanjs/config`,
           "next/font/local": `${akanjsPrefix}@akanjs/client/src/createFont`,
           "next/font/google": `${akanjsPrefix}@akanjs/client/src/createFont`,
@@ -4765,82 +4855,41 @@ var ApplicationRunner = class {
     return config;
   }
   async buildCsr(app) {
-    const config = await this.#getViteConfig(app);
+    const config = await this.#getViteConfig(app, "build");
     await vite.build(config);
   }
   async startCsr(app, { open: open2 = false } = {}) {
-    const config = await this.#getViteConfig(app);
+    const config = await this.#getViteConfig(app, "start");
     const server = await vite.createServer(config);
     await server.listen(4201);
     app.log(`CSR server is running on http://localhost:4201`);
     if (open2)
       setTimeout(() => openBrowser("http://localhost:4201"), 3e3);
   }
-  async #prepareIos(app) {
-    const isAdded = fs11.existsSync(`${app.cwdPath}/ios/App/Podfile`);
-    if (!isAdded) {
-      await app.spawn("npx", ["cap", "add", "ios"]);
-      await app.spawn("npx", ["@capacitor/assets", "generate"]);
-    } else
-      app.verbose(`iOS already added, skip adding process`);
-    await app.spawn("npx", ["cap", "sync", "ios"]);
-  }
   async buildIos(app) {
-    await this.#prepareIos(app);
-    await app.spawn("npx", ["cap", "run", "ios"]);
+    const capacitorApp = await new CapacitorApp(app).init();
+    await capacitorApp.buildIos();
   }
   async startIos(app, { open: open2 = false, operation = "local" } = {}) {
-    await this.#prepareIos(app);
+    const akanConfig = await app.getConfig();
+    const capacitorApp = await new CapacitorApp(app).init();
+    await capacitorApp.runIos({ ...akanConfig.mobile, operation });
     if (open2)
-      await app.spawn("npx", ["cap", "open", "ios"]);
-    await app.spawn("npx", ["trapeze", "run", "config.yaml"]);
-    await app.spawn("npx", [
-      "cross-env",
-      `APP_OPERATION_MODE=${operation}`,
-      "npx",
-      "cap",
-      "run",
-      "ios",
-      "--live-reload",
-      "--port",
-      "4201"
-    ]);
+      await capacitorApp.openIos();
   }
   async releaseIos(app) {
     const capacitorApp = new CapacitorApp(app);
     await capacitorApp.init();
     await capacitorApp.releaseIos();
   }
-  async #prepareAndroid(app) {
-    const isAdded = fs11.existsSync(`${app.cwdPath}/android/app/build.gradle`);
-    if (!isAdded) {
-      await app.spawn("npx", ["cap", "add", "android"]);
-      await app.spawn("npx", ["@capacitor/assets", "generate"]);
-    } else
-      app.verbose(`Android already added, skip adding process`);
-    await app.spawn("npx", ["cap", "sync", "android"]);
-  }
   async buildAndroid(app) {
-    await this.#prepareAndroid(app);
-    await app.spawn("npx", ["cap", "build", "android"]);
+    const capacitorApp = await new CapacitorApp(app).init();
+    await capacitorApp.buildAndroid();
   }
   async startAndroid(app, { open: open2 = false, operation = "local" } = {}) {
-    await this.#prepareAndroid(app);
-    if (open2)
-      await app.spawn("npx", ["cap", "open", "android"]);
-    await app.spawn("npx", ["cap", "build", "android"]);
-    await app.spawn("npx", ["trapeze", "run", "config.yaml"]);
-    await app.spawn("npx", [
-      "cross-env",
-      `APP_OPERATION_MODE=${operation}`,
-      "npx",
-      "cap",
-      "run",
-      "android",
-      "--live-reload",
-      "--port",
-      "4201"
-    ]);
+    const akanConfig = await app.getConfig();
+    const capacitorApp = await new CapacitorApp(app).init();
+    await capacitorApp.runAndroid({ ...akanConfig.mobile, operation });
   }
   async releaseAndroid(app) {
     const capacitorApp = new CapacitorApp(app);
@@ -6332,7 +6381,7 @@ var WorkspaceCommand = class {
 __decorateClass([
   Target.Public(),
   __decorateParam(0, Option("name", { desc: "what is the name of your organization?" })),
-  __decorateParam(1, Option("app", { desc: "describe your first application to create." })),
+  __decorateParam(1, Option("app", { desc: "describe your first application to create " })),
   __decorateParam(2, Option("dir", { desc: "directory of workspace", default: process.env.USE_AKANJS_PKGS === "true" ? "local" : "." }))
 ], WorkspaceCommand.prototype, "createWorkspace", 1);
 __decorateClass([

package/esm/src/templates/app/app/[lang]/(__appName__)/(public)/page.js

@@ -49,7 +49,7 @@ export default function Page() {
           </button>
         </div>
         <div className="mb-16 rounded-lg bg-slate-800 p-8">
-          <h2 className="text-base-100 mb-6 text-center text-2xl font-bold">Quick Start</h2>
+          <h2 className="text-gray-200 mb-6 text-center text-2xl font-bold">Quick Start</h2>
           <div className="mockup-code">
             <pre data-prefix="$">
               <code className="text-success">npx create-akan-workspace</code>
@@ -66,7 +66,7 @@ export default function Page() {
           <div className="card bg-slate-800">
             <div className="card-body p-6 text-center">
               <FaBook className="mx-auto mb-4 text-4xl text-purple-400" />
-              <h3 className="text-base-100 mb-2 text-lg font-semibold">Documentation</h3>
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Documentation</h3>
               <p className="mb-4 text-sm text-gray-400">Complete API guides and tutorials</p>
               <button className="btn btn-sm w-full">Read Documentation</button>
             </div>
@@ -74,7 +74,7 @@ export default function Page() {
           <div className="card bg-slate-800">
             <div className="card-body p-6 text-center">
               <FaGraduationCap className="mx-auto mb-4 text-4xl text-blue-400" />
-              <h3 className="text-base-100 mb-2 text-lg font-semibold">Learn</h3>
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Learn</h3>
               <p className="mb-4 text-sm text-gray-400">Step-by-step learning guides</p>
               <button className="btn btn-sm w-full">Learn</button>
             </div>
@@ -82,7 +82,7 @@ export default function Page() {
           <div className="card bg-slate-800">
             <div className="card-body p-6 text-center">
               <FaCode className="mx-auto mb-4 text-4xl text-green-400" />
-              <h3 className="text-base-100 mb-2 text-lg font-semibold">Examples</h3>
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Examples</h3>
               <p className="mb-4 text-sm text-gray-400">Real project examples</p>
               <button className="btn btn-sm w-full">Examples</button>
             </div>
@@ -90,7 +90,7 @@ export default function Page() {
           <div className="card bg-slate-800">
             <div className="card-body p-6 text-center">
               <FaExternalLinkAlt className="mx-auto mb-4 text-4xl text-yellow-400" />
-              <h3 className="text-base-100 mb-2 text-lg font-semibold">Official Site</h3>
+              <h3 className="text-gray-200 mb-2 text-lg font-semibold">Official Site</h3>
               <p className="mb-4 text-sm text-gray-400">Visit our official website</p>
               <button className="btn btn-sm w-full">Go to akanjs.com</button>
             </div>

package/esm/src/templates/app/app/csr.js

@@ -5,7 +5,7 @@ function getContent(scanResult, dict) {
     content: `
 import { bootCsr } from "@akanjs/next";
 
-void bootCsr(import.meta.glob("./**/*.tsx"), "./[lang]/${dict.appName}/layout.tsx");
+void bootCsr(import.meta.glob("./**/*.tsx"), "./[lang]/${dict.appName}/layout.tsx", "/");
   `
   };
 }

package/esm/src/templates/app/app/index.html.template

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>CSR</title>
+    <title><%= appName %></title>
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
   </head>

package/esm/src/templates/lib/__lib/lib.constant.js

@@ -3,6 +3,7 @@ function getContent(scanResult, dict = {}) {
   if (!scanResult)
     return null;
   const libs = scanResult.akanConfig.libs;
+  console.log(scanResult.name, scanResult.libs);
   const userLibs = scanResult.akanConfig.libs.filter(
     (libName) => scanResult.libs[libName].files.constants.databases.includes("user")
   );

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

@@ -10,6 +10,7 @@
     "daisyui": "^5.0.35"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.7",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.1",
     "crypto-browserify": "^3.12.1",
@@ -22,6 +23,9 @@
     "process": "^0.11.10",
     "stream-browserify": "^3.0.0",
     "stream-http": "^3.2.0",
+    "tailwind-scrollbar": "4.0.2",
+    "tailwindcss-animation-delay": "^2.0.2",
+    "tailwindcss-radix": "^4.0.2",
     "ts-jest": "^29.3.4",
     "url-polyfill": "^1.1.13",
     "vite": "^6.3.5",

package/package.json

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